{"version":3,"file":"1248-eb295ffb0bd5e2754741.js","mappings":"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","sources":["webpack://brc/./src/hoc/withMotion.tsx","webpack://brc/./src/stories/Components/Misc/Carousels/Carousel/Dots/Dots.tsx","webpack://brc/./src/stories/Components/Misc/Carousels/Carousel/Controls/Controls.tsx","webpack://brc/./src/stories/Components/Misc/Carousels/Carousel/Pagination/Pagination.tsx","webpack://brc/./src/stories/Components/Cards/PersonCard/PersonCard.styles.ts","webpack://brc/./src/stories/Components/Cards/PersonCard/PersonCard.tsx","webpack://brc/./src/stories/Widgets/PeopleCards/PeopleCards.styles.ts","webpack://brc/./src/stories/Widgets/PeopleCards/PeopleCards.tsx","webpack://brc/./node_modules/framer-motion/dist/es/components/MotionConfig/index.mjs"],"sourcesContent":["import { domAnimation, LazyMotion } from 'framer-motion';\r\nimport React from 'react';\r\nexport function withMotion(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithMotion = (props) => {\r\n        return (React.createElement(LazyMotion, { features: domAnimation, strict: true },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithMotion.displayName = `withMotion(${displayName})`;\r\n    return ComponentWithMotion;\r\n}\r\n","import React from 'react';\r\nimport { DotsStyles as S } from './Dots.styles';\r\nconst Dots = ({ activeIndex, itemCount }) => {\r\n    return (React.createElement(S.Dots, null,\r\n        React.createElement(S.Dot, { style: { '--progress': `${((activeIndex + 1) / itemCount) * 100}%` } })));\r\n};\r\nexport default Dots;\r\n","import { InterfaceIcon, getSvgIcon } from '@helpers/icons';\r\nimport * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport { useCarouselContext } from '../CarouselProvider/CarouselProvider';\r\nimport S from './Controls.styles';\r\nconst Controls = React.forwardRef((props, ref) => {\r\n    const carousel = useCarouselContext();\r\n    return (React.createElement(S.Container, { ref: ref, className: props.className, \"aria-label\": props.translations?.['global.carousel.controls'] ?? '' },\r\n        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n            React.createElement(S.Button, { \"aria-label\": props.translations?.['global.carousel.previous'] ?? '', disabled: !props.wrap && carousel.activeIndex === 0, onClick: (event) => {\r\n                    event.preventDefault();\r\n                    carousel.goToPrev(props.wrap);\r\n                }, \"data-prev\": true },\r\n                React.createElement(S.Icon, null,\r\n                    getSvgIcon(InterfaceIcon.ArrowRight),\r\n                    getSvgIcon(InterfaceIcon.ArrowRight)))),\r\n        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n            React.createElement(S.Button, { \"aria-label\": props.translations?.['global.carousel.next'] ?? '', disabled: !props.wrap && carousel.activeIndex === carousel.maxIndex, onClick: (event) => {\r\n                    event.preventDefault();\r\n                    carousel.goToNext(props.wrap);\r\n                }, \"data-next\": true },\r\n                React.createElement(S.Icon, null,\r\n                    getSvgIcon(InterfaceIcon.ArrowRight),\r\n                    getSvgIcon(InterfaceIcon.ArrowRight))))));\r\n});\r\nControls.displayName = 'Controls';\r\nexport default Controls;\r\n","import Controls from '@stories/Components/Misc/Carousels/Carousel/Controls/Controls';\r\nimport Dots from '@stories/Components/Misc/Carousels/Carousel/Dots/Dots';\r\nimport * as React from 'react';\r\nimport { useCarouselContext } from '../CarouselProvider/CarouselProvider';\r\nimport S from './Pagination.styles';\r\nconst Pagination = React.forwardRef((props, ref) => {\r\n    const carousel = useCarouselContext();\r\n    if (carousel.maxIndex === 0) {\r\n        return null;\r\n    }\r\n    return (React.createElement(S.Container, { ref: ref },\r\n        React.createElement(Dots, { itemCount: carousel.maxIndex + 1, activeIndex: carousel.activeIndex }),\r\n        React.createElement(Controls, { ...props })));\r\n});\r\nPagination.displayName = 'CarouselPagination';\r\nexport default Pagination;\r\n","import { transition } from '@helpers/animate';\r\nimport { imageCoverContainer, imageWrapperPreserveRatio } from '@helpers/aspectRatio';\r\nimport brand, { BrandColours } from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { contentStyles, reverseLinkUnderline } from '@helpers/typography';\r\nimport ButtonStyles from '@stories/Components/Buttons/Button/Button.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  --textLinkColour: ${brand.global.white};\r\n\r\n  min-height: 100px;\r\n  height: 100%;\r\n  border-radius: 10px;\r\n  color: var(--textLinkColour);\r\n  overflow: hidden;\r\n  padding: ${fluid(24, 32)} ${fluid(16, 26)};\r\n  background-color: var(--contentColour);\r\n\r\n  &[data-variant=${BrandColours.BlueDark}] {\r\n    --contentColour: ${brand.primary.blue.dark};\r\n    --imageColour: ${brand.primary.blue.light};\r\n  }\r\n\r\n  &[data-variant=${BrandColours.PurpleLight}] {\r\n    --contentColour: ${brand.primary.purple.light};\r\n    --imageColour: ${brand.primary.blue.light};\r\n  }\r\n`;\r\nconst Grid = styled.div `\r\n  display: grid;\r\n  grid-template-columns: ${fluid(82, 122)} auto;\r\n  grid-template-rows: min-content auto;\r\n  gap: 0 ${fluid(12, 32)};\r\n  height: 100%;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    align-items: center;\r\n  }\r\n\r\n  &[data-has-company='true'] {\r\n    @media ${until(Device.TabletLarge)} {\r\n      align-items: flex-start;\r\n    }\r\n  }\r\n`;\r\nconst ImageContainer = styled.div `\r\n  ${imageWrapperPreserveRatio(1, 1)};\r\n\r\n  display: grid;\r\n  place-content: center;\r\n  background-color: var(--imageColour);\r\n  width: ${fluid(82, 122)};\r\n  height: ${fluid(82, 122)};\r\n  border-radius: 50%;\r\n  grid-column: 1;\r\n  grid-row: 1;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-row: span 2;\r\n  }\r\n`;\r\nconst Image = styled.img `\r\n  ${imageCoverContainer()};\r\n`;\r\nconst ProfileArea = styled.div `\r\n  grid-column: 2;\r\n  grid-row: 1;\r\n  margin: 0 0 24px;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    margin-bottom: 0;\r\n  }\r\n`;\r\nconst Heading = styled.h3 `\r\n  ${fonts.intro};\r\n\r\n  font-size: ${fluid(20, 24)};\r\n  line-height: ${fluid(26, 28)};\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n`;\r\nconst Subheading = styled.p `\r\n  ${fonts.lato.semiBold};\r\n\r\n  font-size: ${fluid(14, 18)};\r\n  line-height: ${fluid(22, 28)};\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    ${fonts.lato.regular};\r\n  }\r\n`;\r\nconst Company = styled.p `\r\n  ${fonts.lato.regular};\r\n\r\n  font-size: ${fluid(14, 16)};\r\n  line-height: ${fluid(22, 24)};\r\n  margin-top: ${fluid(12, 20)};\r\n`;\r\nconst MainContentHolder = styled.div `\r\n  display: flex;\r\n  grid-column: 2;\r\n  flex-direction: column;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    grid-row: 2;\r\n    grid-column: 1 / span 2;\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    margin-top: 16px;\r\n  }\r\n\r\n  a {\r\n    ${reverseLinkUnderline};\r\n  }\r\n\r\n  p {\r\n    font-size: ${fluid(14, 16)};\r\n    line-height: ${fluid(24, 24)};\r\n  }\r\n`;\r\nconst ContactArea = styled.div `\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding-top: 20px;\r\n  gap: 10px;\r\n  margin-top: auto;\r\n`;\r\nconst LinkedIn = styled.a `\r\n  ${fonts.lato.regular};\r\n  font-size: ${fluid(14, 16)};\r\n  line-height: ${fluid(24, 24)};\r\n  color: ${brand.global.white};\r\n  display: inline-flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  gap: ${fluid(6, 12)};\r\n  position: relative;\r\n  width: fit-content;\r\n\r\n  &:after {\r\n    ${transition('transform')}\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    background-color: ${brand.global.white};\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    &:after {\r\n      transform: scaleX(1);\r\n    }\r\n  }\r\n\r\n  svg {\r\n    height: ${fluid(24, 32)};\r\n    width: ${fluid(24, 32)};\r\n  }\r\n`;\r\nconst TelNumber = styled.a `\r\n  ${fonts.lato.regular};\r\n  font-size: ${fluid(14, 16)};\r\n  line-height: ${fluid(24, 24)};\r\n  color: ${brand.global.white};\r\n  display: inline-flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  gap: ${fluid(6, 12)};\r\n  position: relative;\r\n  width: fit-content;\r\n\r\n  &:after {\r\n    ${transition('transform')}\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    background-color: ${brand.global.white};\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    &:after {\r\n      transform: scaleX(1);\r\n    }\r\n  }\r\n\r\n  svg {\r\n    height: ${fluid(24, 32)};\r\n    width: ${fluid(24, 32)};\r\n  }\r\n`;\r\nconst CtaArea = styled.div `\r\n  padding-top: 20px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: ${fluid(16, 20)};\r\n\r\n  ${Container}:not(:has(${ContactArea})) & {\r\n    margin-top: auto;\r\n  }\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    padding-top: 24px;\r\n    flex-direction: column;\r\n  }\r\n\r\n  ${ButtonStyles.Container} {\r\n    --buttonHeight: ${fluid(44, 48)};\r\n    position: relative;\r\n    align-self: flex-start;\r\n  }\r\n`;\r\nconst PersonCardStyles = {\r\n    Company,\r\n    ContactArea,\r\n    Container,\r\n    Content,\r\n    CtaArea,\r\n    ImageContainer,\r\n    Image,\r\n    Grid,\r\n    Heading,\r\n    LinkedIn,\r\n    MainContentHolder,\r\n    ProfileArea,\r\n    Subheading,\r\n    TelNumber,\r\n};\r\nexport default PersonCardStyles;\r\n","import { getSvgIcon, InterfaceIcon } from '@helpers/icons';\r\nimport { getSrcs } from '@helpers/image';\r\nimport { Device, until } from '@helpers/media';\r\nimport { LinkButton } from '@stories/Components/Buttons/Button/Button';\r\nimport { SocialMediaIcon } from '@stories/Components/Misc/SocialLinks/SocialLinks';\r\nimport * as React from 'react';\r\nimport S from './PersonCard.styles';\r\nconst PersonCard = (props) => {\r\n    const imageSrc = props.image ? getSrcs(props.image, 244, 164, 2, 1 / 1) : null;\r\n    return (React.createElement(S.Container, { \"data-variant\": props.variant },\r\n        React.createElement(S.Grid, { \"data-has-company\": !!props.company },\r\n            imageSrc?.src && (React.createElement(S.ImageContainer, null, props.image && (React.createElement(S.Image, { src: imageSrc.src, srcSet: imageSrc.srcSet, sizes: `${until(Device.Tablet)} 164px, 244px`, alt: props.image.altText, loading: \"lazy\" })))),\r\n            React.createElement(S.ProfileArea, null,\r\n                React.createElement(S.Heading, { as: props.headingType }, props.name),\r\n                props.jobTitle && React.createElement(S.Subheading, null, props.jobTitle),\r\n                props.company && React.createElement(S.Company, null, props.company)),\r\n            React.createElement(S.MainContentHolder, null,\r\n                props.description && (React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.description } })),\r\n                (props.linkedIn || props.telNumber) && (React.createElement(S.ContactArea, null,\r\n                    props.linkedIn && (React.createElement(S.LinkedIn, { href: props.linkedIn.url, target: \"_blank\" },\r\n                        getSvgIcon(SocialMediaIcon.LinkedIn),\r\n                        \" \",\r\n                        props.linkedIn.text)),\r\n                    props.telNumber && (React.createElement(S.TelNumber, { href: `tel:${props.telNumber}` },\r\n                        getSvgIcon(InterfaceIcon.Phone),\r\n                        \" \",\r\n                        props.telNumber)))),\r\n                (props.cta || props.email) && (React.createElement(S.CtaArea, null,\r\n                    props.cta && (React.createElement(LinkButton, { href: props.cta.url, buttonType: \"tertiary\", icon: InterfaceIcon.ArrowRight, iconOnly: false }, props.cta.text)),\r\n                    props.email && (React.createElement(LinkButton, { href: `mailto:${props.email.url}`, buttonType: \"secondary\", icon: InterfaceIcon.Mail, iconOnly: false }, props.email.text))))))));\r\n};\r\nexport default PersonCard;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { baseGrid } from '@helpers/grid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport MotionTrack from '@stories/Components/Misc/Carousels/Carousel/MotionTrack/MotionTrack';\r\nimport MotionTrackStyles from '@stories/Components/Misc/Carousels/Carousel/MotionTrack/MotionTrack.styles';\r\nimport PaginationStyles from '@stories/Components/Misc/Carousels/Carousel/Pagination/Pagination.styles';\r\nimport HeadingSummaryBlockStyles from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock.styles';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  overflow: hidden;\r\n\r\n  ${HeadingSummaryBlockStyles.Container} {\r\n    margin-bottom: ${fluid(32, 76)};\r\n\r\n    @media ${until(Device.TabletLarge)} {\r\n      align-items: center;\r\n      text-align: center;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n  }\r\n\r\n  ${HeadingSummaryBlockStyles.Subheading} {\r\n    @media ${until(Device.TabletLarge)} {\r\n      margin-bottom: 8px;\r\n    }\r\n  }\r\n\r\n  ${HeadingSummaryBlockStyles.Heading} {\r\n    font-size: ${fluid(32, 48)};\r\n    line-height: ${fluid(40, 56)};\r\n\r\n    @media ${until(Device.TabletLarge)} {\r\n      margin-bottom: 16px;\r\n    }\r\n  }\r\n\r\n  ${HeadingSummaryBlockStyles.ContentWrapper} {\r\n    max-width: 695px;\r\n  }\r\n`;\r\nconst Title = styled.h2 `\r\n  ${fonts.intro};\r\n  font-size: ${fluid(20, 24)};\r\n  line-height: ${fluid(26, 28)};\r\n  text-transform: uppercase;\r\n  color: ${brand.primary.purple.light};\r\n  margin-bottom: ${fluid(16, 19)};\r\n`;\r\nconst Item = styled.li `\r\n  display: block;\r\n  flex: 0 0 calc(100% / var(--visibleItems) - (var(--itemPeek, 0px) / var(--visibleItems)));\r\n  padding: 0 calc(var(--itemGutter) / 2);\r\n`;\r\nconst CarouselWrapper = styled.div `\r\n  --itemPeek: 16px;\r\n  --itemGutter: var(--gutterWidth, 12px);\r\n  --visibleItems: 1;\r\n\r\n  margin: 0 calc(var(--itemGutter) * -0.5);\r\n\r\n  ${Container}:not(:has(${Item}:nth-child(2))) & {\r\n    --itemPeek: 0px;\r\n  }\r\n\r\n  ${PaginationStyles.Container} {\r\n    margin: 22px 0 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    --visibleItems: 2;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    ${baseGrid};\r\n\r\n    --itemPeek: 0px;\r\n    --visibleItems: 3;\r\n  }\r\n`;\r\nconst Track = styled(MotionTrack) `\r\n  @media ${from(Device.Tablet)} {\r\n    ${MotionTrackStyles.Track} {\r\n      row-gap: var(--itemGutter);\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    ${Container}:not(:has(${Item}:nth-child(2))) & {\r\n      grid-column: 4 / span 6;\r\n\r\n      ${Item} {\r\n        flex: 1 1 695px;\r\n      }\r\n    }\r\n\r\n    ${Container}:not(:has(${Item}:nth-child(3))) & {\r\n      grid-column: 2 / span 10;\r\n\r\n      ${Item} {\r\n        flex: 0 0 50%;\r\n      }\r\n    }\r\n\r\n    ${Container}:has(${Item}:nth-child(3)) & {\r\n      grid-column: 1 / span 12;\r\n    }\r\n  }\r\n`;\r\nconst PeopleCardsStyles = {\r\n    CarouselWrapper,\r\n    Container,\r\n    Item,\r\n    Title,\r\n    Track,\r\n};\r\nexport default PeopleCardsStyles;\r\n","import { withMotion } from '@hoc/withMotion';\r\nimport PersonCard from '@stories/Components/Cards/PersonCard/PersonCard';\r\nimport CarouselProvider from '@stories/Components/Misc/Carousels/Carousel/CarouselProvider/CarouselProvider';\r\nimport Pagination from '@stories/Components/Misc/Carousels/Carousel/Pagination/Pagination';\r\nimport HeadingSummaryBlock from '@stories/Components/Misc/HeadingSummaryBlock/HeadingSummaryBlock';\r\nimport { MotionConfig } from 'framer-motion';\r\nimport * as React from 'react';\r\nimport S from './PeopleCards.styles';\r\nconst PeopleCards = (props) => {\r\n    if (!props.cards) {\r\n        return null;\r\n    }\r\n    return (React.createElement(S.Container, { id: props.anchorId, translations: props.translations },\r\n        React.createElement(HeadingSummaryBlock, { ...props, summary: props.summary ? `<p>${props.summary}</p>` : undefined, layout: 'central' }),\r\n        React.createElement(MotionConfig, { transition: { duration: 0.3, ease: 'easeOut' } },\r\n            React.createElement(CarouselProvider, { count: props.cards.length, paddingOffset: 16 },\r\n                React.createElement(S.CarouselWrapper, null,\r\n                    React.createElement(S.Track, { trackMutations: true }, props.cards.map((card) => (React.createElement(S.Item, { key: card.id },\r\n                        React.createElement(PersonCard, { ...card, headingType: \"h3\" }))))),\r\n                    React.createElement(Pagination, null))))));\r\n};\r\nexport default withMotion(PeopleCards);\r\n","import { __rest, __assign } from 'tslib';\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { loadExternalIsValidProp } from '../../render/dom/utils/filter-props.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\n\n/**\n * `MotionConfig` is used to set configuration options for all children `motion` components.\n *\n * ```jsx\n * import { motion, MotionConfig } from \"framer-motion\"\n *\n * export function App() {\n *   return (\n *     <MotionConfig transition={{ type: \"spring\" }}>\n *       <motion.div animate={{ x: 100 }} />\n *     </MotionConfig>\n *   )\n * }\n * ```\n *\n * @public\n */\nfunction MotionConfig(_a) {\n    var children = _a.children, isValidProp = _a.isValidProp, config = __rest(_a, [\"children\", \"isValidProp\"]);\n    isValidProp && loadExternalIsValidProp(isValidProp);\n    /**\n     * Inherit props from any parent MotionConfig components\n     */\n    config = __assign(__assign({}, useContext(MotionConfigContext)), config);\n    /**\n     * Don't allow isStatic to change between renders as it affects how many hooks\n     * motion components fire.\n     */\n    config.isStatic = useConstant(function () { return config.isStatic; });\n    /**\n     * Creating a new config context object will re-render every `motion` component\n     * every time it renders. So we only want to create a new one sparingly.\n     */\n    var context = useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint, config.reducedMotion]);\n    return (React.createElement(MotionConfigContext.Provider, { value: context }, children));\n}\n\nexport { MotionConfig };\n"],"names":["withMotion","WrappedComponent","displayName","name","ComponentWithMotion","props","React","LazyMotion","features","domAnimation","strict","_ref","activeIndex","itemCount","S","Dots","Dot","style","Controls","ref","_props$translations$g","_props$translations","_props$translations$g2","_props$translations2","_props$translations$g3","_props$translations3","carousel","useCarouselContext","Container","className","translations","FocusRing","focusRingClass","Button","disabled","wrap","onClick","event","preventDefault","goToPrev","Icon","getSvgIcon","InterfaceIcon","ArrowRight","maxIndex","goToNext","Pagination","styled","div","withConfig","componentId","brand","global","white","fluid","BrandColours","BlueDark","primary","blue","dark","light","PurpleLight","purple","Grid","until","Device","TabletLarge","ImageContainer","imageWrapperPreserveRatio","from","Image","img","imageCoverContainer","ProfileArea","Heading","h3","fonts","intro","Subheading","p","lato","semiBold","regular","Company","MainContentHolder","Content","contentStyles","reverseLinkUnderline","ContactArea","LinkedIn","a","transition","TelNumber","CtaArea","Tablet","ButtonStyles","imageSrc","image","getSrcs","variant","company","src","srcSet","sizes","alt","altText","loading","as","headingType","jobTitle","description","dangerouslySetInnerHTML","__html","linkedIn","telNumber","href","url","target","SocialMediaIcon","text","Phone","cta","email","LinkButton","buttonType","icon","iconOnly","Mail","SectionWrapper","HeadingSummaryBlockStyles","ContentWrapper","Title","h2","Item","li","CarouselWrapper","PaginationStyles","Desktop","baseGrid","Track","MotionTrack","MotionTrackStyles","cards","id","anchorId","HeadingSummaryBlock","summary","undefined","layout","MotionConfig","duration","ease","CarouselProvider","count","length","paddingOffset","trackMutations","map","card","key","PersonCard","_a","children","isValidProp","config","useContext","isStatic","context","useMemo","JSON","stringify","transformPagePoint","reducedMotion","Provider","value"],"sourceRoot":""}