{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/bBl0jzGeE7iP2yyCFfHF/yty7Mr03azQt1tWyT2MP/StackingCards_1.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useRef,useState,useCallback}from\"react\";import{AnimatePresence,useScroll,motion,useInView}from\"framer-motion\";const useDebouncedResize=(callback,delay)=>{const debouncedCallback=useCallback(()=>{let timer;return()=>{clearTimeout(timer);timer=setTimeout(()=>{callback();},delay);};},[callback,delay]);useEffect(()=>{const handleResize=debouncedCallback();window.addEventListener(\"resize\",handleResize);return()=>{window.removeEventListener(\"resize\",handleResize);};},[debouncedCallback]);};const setMaxHeight=(container,containerWithHeight)=>{container.style.maxHeight=`${containerWithHeight.clientHeight}px`;};const scrollToAnimation=(target,numberOfCards,scrollableHeightPerContainer,parentContainer,innerContainer)=>{const grandparentContainer=parentContainer.parentElement;const vh=window.innerHeight/100;const cardChangeValue=1/(numberOfCards+1);const targetScrollSection=target*cardChangeValue*vh*scrollableHeightPerContainer*numberOfCards;const actualPositionOnScreen=grandparentContainer.offsetTop+innerContainer.offsetTop+targetScrollSection+50;window.scrollTo({top:actualPositionOnScreen});};export default function StackingCards({heading,subHeading,backgroundColor,eyebrowLabel,cards}){const imageContainerRef=useRef(null);const containerRef=useRef(null);const leftSideContainer=useRef(null);const imageContainer=useRef(null);const parentContainer=useRef(null);const buttonTransitionRef=useRef(null);const[cardHeight,setCardHeight]=useState(0);const[scrollProgress,setScrollProgress]=useState(0);const[lineHeight,setLineHeight]=useState(\"h-[calc(100%+22px)]\");const scrollableHeightPerContainer=125;const{scrollYProgress}=useScroll({target:containerRef,offset:[\"start start\",\"end end\"]});const isInView=useInView(buttonTransitionRef,{margin:\"0px 0px -25% 0px\",once:true});const cardChangeValue=1/cards.length;const[selectedIndex,setSelectedIndex]=useState(0);useEffect(()=>{setCardHeight(imageContainerRef?.current?.clientHeight??0);return scrollYProgress.on(\"change\",e=>{setScrollProgress(e);});},[imageContainerRef]);useEffect(()=>{cards.forEach((value,index)=>{if(scrollProgress>cardChangeValue*index){setSelectedIndex(index);}});},[scrollProgress]);useEffect(()=>{if(isInView){setTimeout(()=>{setLineHeight(\"complete-height\");},500);}else{setLineHeight(\"calculated-height\");}},[isInView]);useEffect(()=>{setMaxHeight(leftSideContainer.current,imageContainer.current);},[]);useDebouncedResize(()=>{setMaxHeight(leftSideContainer.current,imageContainer.current);},300);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:innerStyles}}),/*#__PURE__*/_jsx(\"link\",{rel:\"stylesheet\",href:\"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css\"}),/*#__PURE__*/_jsxs(\"section\",{ref:parentContainer,className:\"font-weight-regular\",style:{backgroundColor:backgroundColor},children:[/*#__PURE__*/_jsxs(\"div\",{ref:buttonTransitionRef,className:\"button-transition\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"line-container\",children:/*#__PURE__*/_jsx(\"span\",{className:`line ${isInView?lineHeight:\"active\"}`})}),/*#__PURE__*/_jsxs(\"div\",{className:\"button-container\",children:[/*#__PURE__*/_jsx(\"span\",{className:`dot-element ${isInView?\"active\":\"\"}`}),/*#__PURE__*/_jsx(\"span\",{className:\"button-label-container\",children:/*#__PURE__*/_jsx(\"span\",{className:\"wrapper\",children:/*#__PURE__*/_jsx(\"p\",{className:`text-cta font-weight-medium label ${isInView?\"active\":\"\"}`,children:eyebrowLabel})})})]})]}),(heading||subHeading)&&/*#__PURE__*/_jsx(\"div\",{className:\"heading-container\",children:/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsxs(\"div\",{className:\"heading\",children:[/*#__PURE__*/_jsx(\"h2\",{className:\"font-weight-regular heading-2\",children:heading}),/*#__PURE__*/_jsx(\"p\",{className:\"font-weight-regular sub-heading\",children:subHeading})]})})}),/*#__PURE__*/_jsx(\"div\",{className:\"container\",children:/*#__PURE__*/_jsx(\"div\",{ref:containerRef,className:`w-full`,style:{height:`${cards.length*scrollableHeightPerContainer}vh`},children:/*#__PURE__*/_jsx(\"div\",{className:\"vertical-container\",children:/*#__PURE__*/_jsx(\"div\",{className:\"grid-container\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"sides-container\",children:[/*#__PURE__*/_jsxs(\"div\",{ref:leftSideContainer,className:\"left-side\",children:[cards.map((card,index)=>/*#__PURE__*/_jsxs(\"div\",{className:`card ${selectedIndex===index?\"selected\":\"non-selected\"}`,children:[/*#__PURE__*/_jsx(\"div\",{className:`number-container ${selectedIndex>=index?\"selected\":\"non-selected\"} cursor`,onClick:()=>scrollToAnimation(index,cards.length,scrollableHeightPerContainer,parentContainer.current,containerRef.current),children:/*#__PURE__*/_jsx(\"span\",{className:\"font-weight-medium number\",children:`0${index+1}`})}),/*#__PURE__*/_jsxs(\"div\",{className:\"card-content\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"title heading-4 font-weight-regular cursor\",onClick:()=>scrollToAnimation(index,cards.length,scrollableHeightPerContainer,parentContainer.current,containerRef.current),children:card.title}),/*#__PURE__*/_jsx(AnimatePresence,{mode:\"wait\",children:index===selectedIndex&&/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.6,delay:.3,ease:[.83,0,.17,1]}},exit:{opacity:0},children:/*#__PURE__*/_jsx(\"p\",{className:\"description\",children:card.description})},`benefit-copy-${index}-copy`)})]})]},`card-text-element-${index}`)),/*#__PURE__*/_jsx(AnimatePresence,{mode:\"wait\",children:cards.map((card,index)=>{if(index===selectedIndex){return /*#__PURE__*/_jsx(motion.div,{className:\"card-mobile-variation\",initial:{opacity:0},animate:{opacity:1,transition:{duration:.6,ease:[.83,0,.17,1]}},exit:{opacity:0},children:/*#__PURE__*/_jsxs(\"div\",{className:\"card\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"number-container\",children:/*#__PURE__*/_jsx(\"span\",{className:\" font-weight-medium number\",children:`0${index+1}`})}),/*#__PURE__*/_jsxs(\"div\",{className:\"card-content\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"title heading-4 font-weight-regular\",children:card.title}),/*#__PURE__*/_jsx(\"p\",{className:\"description\",children:card.description})]})]})},`benefit-copy-mobile-${index}`);}else{return /*#__PURE__*/_jsx(_Fragment,{});}})}),/*#__PURE__*/_jsx(\"div\",{className:\"progress-bar\",children:/*#__PURE__*/_jsx(\"span\",{className:\"progress\",style:{height:`${scrollProgress*100}%`,width:`${scrollProgress*100}%`}})})]}),/*#__PURE__*/_jsx(\"div\",{ref:imageContainerRef,className:\"right-side\",children:cards.map((card,index)=>/*#__PURE__*/_jsx(\"div\",{ref:index===0?imageContainer:null,className:`asset ${index!==0?\"absolute\":\"\"} ${index===0?0:scrollProgress>cardChangeValue*index?\"top-0\":\"\"}`,style:{top:index!==0?`${cardHeight-50+21*(index-1)}px`:\"0\"},children:/*#__PURE__*/_jsx(\"figure\",{className:\"image-container\",children:/*#__PURE__*/_jsx(\"img\",{src:card.image,alt:card.title,className:\"image\"})})},`benefit-image-${index}`))})]})})})})})]})]});}addPropertyControls(StackingCards,{heading:{type:ControlType.String},subHeading:{type:ControlType.String},backgroundColor:{type:ControlType.Color,defaultValue:\"#ECEBE8\"},eyebrowLabel:{type:ControlType.String,defaultValue:\"Benefits\"},cards:{type:ControlType.Array,control:{type:ControlType.Object,controls:{title:{type:ControlType.String},description:{type:ControlType.String},image:{type:ControlType.Image}}},maxCount:4,defaultValue:[{title:\"Fast\",description:\"Get essentials in minutes, not hours or days. No more waiting around for your package to arrive.\"},{title:\"Convenient\",description:\"Enjoy easy ordering in your favorite apps, real-time tracking down to the second, and precision delivery wherever you want.\"},{title:\"Zero emissions\",description:\"With delivery at an all-time high, Wing takes cars off the road, clearing up congestion and minimizing environmental impact.\"}]}});const innerStyles=`\n    .absolute {\n        position: absolute !important;\n    }\n\n    .cursor {\n        cursor: pointer;\n    }\n\n    .top-0 {\n        top: 0 !important;\n    }\n\n    .h-full {\n        height: 100%;\n    }\n\n    .w-full {\n        width: 100%;\n    }\n    \n    .overflow-hidden {\n        overflow: hidden;\n    }\n\n    .font-weight-medium {\n        font-weight: 500;\n        font-family: \"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;\n    }\n\n    .font-weight-regular {\n        font-weight: 400;\n        font-family: \"Graphik Regular\", \"Graphik Regular Placeholder\", sans-serif;\n    }\n\n    .heading-2 {\n        font-size: 56px;\n        line-height: 1.1;\n        letter-spacing: -2.16px;\n    }\n\n    @media (max-width: 1199px) {\n        heading-2 {\n            font-size: 36px;\n            line-height: 1.15;\n            letter-spacing: -1.44px;\n        }\n    }\n\n    .heading-4 {\n        font-size: 32px;\n        line-height: 1.2;\n        letter-spacing: -1.28px;\n    }\n\n    @media (max-width: 1199px) {\n        .heading-4 {\n            font-size: 24px;\n            line-height: 1.25;\n            letter-spacing: -0.96px;\n        }\n    }\n\n    .text-cta {\n        font-size: 14px;\n        line-height: 0.9;\n        letter-spacing: -0.56px;\n    }\n\n    .w-full {\n        width: 100%;\n    }\n    \n\n    .heading-container {\n        margin-top: 80px;\n    }\n\n    .heading {\n        gap: 16px;\n        display: flex;\n        padding: 0 16px;\n        text-align: center;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    .heading .sub-heading {\n        max-width: 440px;\n        font-size: 18px;\n        line-height: 1.3;\n    }\n\n    .container {\n        width: 100%;\n        padding-top: 144px;\n    }\n\n    @media (max-width: 1199px) {\n        .container {\n           padding-top: 32px;\n        }\n    }\n\n    .vertical-container {\n        position: sticky;\n        top: 32px;\n        height: calc(100vh - 32px);\n        width: 100%;\n    }\n\n    @media (max-width: 1199px) {\n        .vertical-container {\n            top: 50px;\n            height: calc(100vh - 50px);\n        }\n    }\n\n    .vertical-container .grid-container {\n        //max-width: 1440px;\n        padding: 0 30px;\n        margin: 0 auto;\n        height: 100%;\n        overflow: hidden;\n    }\n\n    @media (max-width: 1199px) {\n        .vertical-container .grid-container {\n            max-width: 1000px;\n            padding: 16px;\n        }\n    }\n\n    .vertical-container .grid-container .sides-container {\n        display: flex;\n        gap: 16px;\n        height: 100%;\n    }\n\n    @media (min-width: 1200px) {\n        .vertical-container .grid-container .sides-container {\n            padding-top: 45px;\n        }\n    }\n\n    @media (max-width: 1199px) {\n        .vertical-container .grid-container .sides-container {\n           gap: 32px;\n           flex-direction: column\n        }\n    }\n\n    .vertical-container .left-side {\n        position: relative;\n        display: flex;\n        flex-grow: 1;\n        max-height: calc(100vh - 155px);\n        width: 42%;\n        gap: 16px;\n        flex-flow: column;\n    }\n\n    @media (min-width: 1200px) {\n        .vertical-container .left-side {\n            padding-top: 80px;\n        }\n    }\n\n    @media (max-width: 1199px) {\n        .vertical-container .left-side {\n            max-height: 100%;\n            width: 100%;\n            gap: 0;\n            padding-bottom: 32px;\n        }\n    }\n\n    @media (max-width: 809px) {\n        .vertical-container .left-side {\n            max-height: 200px !important;\n        }\n    }\n\n    .vertical-container .left-side .progress-bar {\n        top: 0;\n        width: 6px;\n        left: -16px;\n        height: 160px;\n        position: absolute;\n        border-radius: 999px;\n        background-color: #D2CFD3;\n    }\n\n    @media (min-width: 1200px) {\n        .vertical-container .left-side .progress-bar {\n            top: 80px;\n        }\n    }\n\n    @media (max-width: 1199px) {\n        .vertical-container .left-side .progress-bar {\n            left: 0;\n            top: 180px;\n            height: 6px;\n            width: 100%;\n        }\n    }\n\n    @media (max-width: 787px) {\n        .vertical-container .left-side .progress-bar {\n            top: 210px;\n        }\n    }\n\n    .vertical-container .left-side .progress-bar .progress {\n        position: absolute;\n        left: 0;\n        top: 0;\n        border-radius: 999px;\n        background-color: #FFD90D;\n    }\n\n    @media (max-width: 1199px) {\n        .vertical-container .left-side .progress-bar .progress {\n            height: 100% !important;\n        }\n    }\n\n    @media (min-width: 1199px) {\n        .vertical-container .left-side .progress-bar .progress {\n            width: 100% !important;\n        }\n    }\n\n    .card {\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        max-width: 440px;\n        transition: all 1s cubic-bezier(0.83, 0, 0.17, 1);\n        gap: 16px;\n    }\n\n    @media (max-width: 1199px) {\n        .card {\n            width: 100%;\n            display: none;\n            max-width: 100%;\n        }\n    }\n\n    .card.selected {\n        flex-grow: 1;\n        opacity: 1;\n    }\n\n    .card.non-selected {\n        flex-grow: 0;\n        opacity: 1;\n    }\n\n    @media (max-width: 1199px) {\n        .card.non-selected {\n            flex-grow: 1;\n            opacity: 0;\n        }\n    }\n\n    .card.bigger {\n        flex-grow: 0;\n        opacity: 1;\n    }\n\n    .card.smaller {\n        flex-grow: 0;\n        opacity: 1;\n    }\n\n    .card .number-container {\n        display: flex;\n        height: 40px;\n        width: 40px;\n        flex-shrink: 0;\n        align-items: center;\n        justify-content: center;\n        border-radius: 100%;\n        border: 2px solid black\n    }\n\n    .card .number-container.selected {   \n        border: 2px solid #261F2E\n    }\n\n    .card .number-container.non-selected {   \n        border: 2px solid #807C86\n    }\n\n    .card .number-container .number {\n        font-size: 14px;\n        line-height: 0.9;\n        letter-spacing: -0.56px;\n    }\n\n    .card .card-content {\n        position: relative;\n        display: flex;\n        width: 100%;\n        flex-direction: column;\n        gap: 16px;\n    }\n\n    @media (max-width: 1199px) {\n        .card .card-content {\n            width: 100%;\n        }\n    }\n\n    .card .card-content .title {\n        margin: 0;\n    }\n\n    .card .card-content .description {\n        margin: 0;\n        color: #666369;\n        max-width: 100%;\n        font-size: 18px;\n        line-height: 1.3;\n        position: absolute;\n    }\n\n    @media (max-width: 1199px) {\n        .card .card-content .description {\n            font-size: 16px;\n            line-height: 1.3;\n            position: relative;\n        }\n    }\n\n    .card-mobile-variation {\n        display: none;\n    }\n\n    .card-mobile-variation .card {\n        display: flex !important;\n        flex-direction: column;\n        gap: 16px;\n    }\n\n    @media (max-width: 1199px) {\n        .card-mobile-variation {\n            display: flex;\n        }\n    }\n\n    .vertical-container .right-side {\n        position: relative;\n        width: 58%;\n        flex-grow: 1;\n    }\n\n    @media (max-width: 1199px) {\n        .vertical-container .right-side {\n            width: 100%;\n        }\n    }\n\n    .vertical-container .right-side .asset {\n        position: relative;\n        height: 100%;\n        width: 100%;\n        overflow: hidden;\n        border-radius: 20px;\n        max-height: calc(100vh - 141px);\n        transition: top 1s cubic-bezier(0.83, 0, 0.17, 1);\n    }\n\n    @media (max-width: 1199px) {\n        .vertical-container .right-side .asset {\n            height: unset;\n            aspect-ratio: 1/1;\n        }\n    }\n\n    @media (min-height: 1000px) {\n        .vertical-container .right-side .asset {\n            height: unset;\n            aspect-ratio: 1/1;\n        }\n    }\n\n    .vertical-container .right-side .asset .image-container {\n        width: 100%;\n        height: 100%;\n    }\n\n    @media (min-width: 1199px) {\n        .vertical-container .right-side .asset .image-container {\n            width: auto;\n            overflow: hidden;\n            margin-left: auto;\n            aspect-ratio: 1 / 1;\n            border-radius: 20px;\n        }\n    }\n\n    .vertical-container .right-side .asset .image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .button-transition {\n        display: flex; \n        width: 100%;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .button-transition .button-container {\n        position: relative;\n        display: flex;\n        height: 45px;\n        width: fit-content;\n        align-items: center;\n    }\n\n    .button-transition .button-container .dot-element {\n        position: absolute;\n        left: 50%;\n        height: 4px;\n        width: 4px;\n        min-width: 0;\n        transform: translateX(-50%);\n        border-radius: 8px;\n        border: 4px solid #261F2E;\n        transition: all 0.5s cubic-bezier(.7,.31,.46,.97) 0.5s;\n    }\n\n    .button-transition .button-container .dot-element.active {\n        height: 100%;\n        width: 100%;\n        min-width: 120px;\n        border: 2px solid #261F2E;\n    }\n\n    .button-transition .button-container .button-label-container {\n        width: 100%;\n        overflow: hidden;\n        padding: 16px 24px;\n        text-align: center;\n    }\n\n    .button-transition .button-container .button-label-container .wrapper {\n        display: block;\n        overflow: hidden;\n    }\n\n    .button-transition .button-container .button-label-container .wrapper .label {\n        position: relative;\n        top: -16px;\n        opacity: 0;\n        transition: all 0.3s cubic-bezier(.7,.31,.46,.97) 1s;\n        color: #261F2E;\n    }\n\n    .button-transition .button-container .button-label-container .wrapper .label.active {\n        top: 0;\n        opacity: 1;\n    }\n\n    .button-transition .line-container {\n        justify-content: center;\n        display: flex;\n        height: 80px;\n    }\n\n    .button-transition .line-container .line {\n        width: 2px;\n        background-color: #261F2E;\n        transition: height 0.5s cubic-bezier(.7,.31,.46,.97);\n    }\n\n    .button-transition .line-container .line.active {\n        height: 0 !important;\n    }\n\n    .button-transition .line-container .line.calculated-height {\n        height: calc(100% + 22px);\n    }\n\n    .button-transition .line-container .line.complete-height {\n        height: 100%;\n    }\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"StackingCards\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./StackingCards_1.map"],
  "mappings": "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
  "names": ["useDebouncedResize", "callback", "delay", "debouncedCallback", "te", "timer", "ue", "handleResize", "window", "setMaxHeight", "container", "containerWithHeight", "scrollToAnimation", "target", "numberOfCards", "scrollableHeightPerContainer", "parentContainer", "innerContainer", "grandparentContainer", "vh", "cardChangeValue", "targetScrollSection", "actualPositionOnScreen", "StackingCards", "heading", "subHeading", "backgroundColor", "eyebrowLabel", "cards", "imageContainerRef", "pe", "containerRef", "leftSideContainer", "imageContainer", "buttonTransitionRef", "cardHeight", "setCardHeight", "ye", "scrollProgress", "setScrollProgress", "lineHeight", "setLineHeight", "scrollYProgress", "useScroll", "isInView", "useInView", "selectedIndex", "setSelectedIndex", "e", "value", "index", "u", "l", "p", "innerStyles", "card", "AnimatePresence", "motion", "addPropertyControls", "ControlType"]
}