{"version":3,"file":"CardStack.BphyXFCq.mjs","names":["getProps","ArrowForward","React.useContext","React.useMemo","React.Fragment","useRef","React.useId","RichText","React.useState"],"sources":["https:/framerusercontent.com/modules/RI2IgDuaTxZzNHd2CIjG/3Rl2XrmCmjIQVzG0r95Y/K00Gsvrgk.js","https:/framerusercontent.com/modules/gr9VphdDxH6KymKSo2lC/BlXVznZMyTHRAdKvNiKy/sknFDHO2Z.js","https:/framerusercontent.com/modules/mLr8mQLivdEFL2NEYj15/1RaielqCLjljis9tIHVX/CardStack.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 8 0 L 6.59 1.41 L 12.17 7 L 0 7 L 0 9 L 12.17 9 L 6.59 14.59 L 8 16 L 16 8 Z\" fill=\"var(--esondr, rgb(0,0,0))\" height=\"16px\" id=\"cNUVKl8Cd\" transform=\"translate(4 4)\" width=\"16px\"/></svg>\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({fill,height,id,width,...props})=>{return{...props,K5AAorpEW:fill??props.K5AAorpEW??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,K5AAorpEW,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-hzr3V\",className),layoutId:layoutId,ref:ref,style:{\"--esondr\":K5AAorpEW,...style}});});const css=[`.framer-hzr3V { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--esondr); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"K5AAorpEW\":\"fill\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Arrow Forward\",\"color\":{\"type\":\"variable\",\"value\":\"esondr\"},\"set\":{\"localId\":\"vectorSet/DnLsXE00W\",\"id\":\"DnLsXE00W\",\"moduleId\":\"JIScivAkNLgXrcOUxHXD\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-hzr3V\");Icon.displayName=\"Arrow Forward\";export default Icon;addPropertyControls(Icon,{K5AAorpEW:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Fill\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVector\":\"{\\\"name\\\":\\\"Arrow Forward\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"esondr\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/DnLsXE00W\\\",\\\"id\\\":\\\"DnLsXE00W\\\",\\\"moduleId\\\":\\\"JIScivAkNLgXrcOUxHXD\\\"}}\",\"framerIntrinsicWidth\":\"24\",\"framerDisableUnlink\":\"true\",\"framerIntrinsicHeight\":\"24\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"K5AAorpEW\\\":\\\"fill\\\"}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (8e1ebfe)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import ArrowForward from\"https://framerusercontent.com/modules/RI2IgDuaTxZzNHd2CIjG/3Rl2XrmCmjIQVzG0r95Y/K00Gsvrgk.js\";const ArrowForwardFonts=getFonts(ArrowForward);const enabledGestures={Ih3KW94kg:{hover:true}};const serializationHash=\"framer-WWXC9\";const variantClassNames={Ih3KW94kg:\"framer-v-lynrk4\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const iWQd_a8sP=undefined;const OZl1yCfj_=undefined;const LpU4I33mO=undefined;const zIIsr0r6Z=undefined;const YbhiTXBXN=undefined;const RpthGojt6=undefined;const sxtArpXHK=undefined;const VC7JJKx_C=undefined;const tj0CAVEzi=undefined;const UszJmbDcs=undefined;const QvUujkn3U=undefined;const Q9ovdgDpx=undefined;const JJs7AqdH4=undefined;const radiusForCorner=(value,cornerIndex)=>{if(typeof value===\"number\"&&Number.isFinite(value))return Math.max(0,value)+\"px\";if(typeof value!==\"string\"||typeof cornerIndex!==\"number\")return undefined;const segments=value.split(\" \");return segments[cornerIndex]||segments[cornerIndex-2]||segments[0];};const transition1={delay:0,duration:.4,ease:[.44,0,.56,1],type:\"tween\"};const transformTemplate1=(_,t)=>`translateY(-50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({bGColor,bGHoverColor,buttonRadius,buttonTitle,fillColor,fontSize,height,iconColor,iconHoverFill,id,link,newTab,smoothScroll,textColor,textHoverColor,width,...props})=>{return{...props,iWQd_a8sP:bGColor??props.iWQd_a8sP??\"rgb(250, 250, 250)\",JJs7AqdH4:iconHoverFill??props.JJs7AqdH4??\"rgb(255, 255, 255)\",LpU4I33mO:link??props.LpU4I33mO,OZl1yCfj_:buttonRadius??props.OZl1yCfj_??\"999px\",Q9ovdgDpx:iconColor??props.Q9ovdgDpx??\"rgb(71, 71, 71)\",QvUujkn3U:fillColor??props.QvUujkn3U??\"rgb(0, 0, 0)\",RpthGojt6:bGHoverColor??props.RpthGojt6??\"rgb(8, 8, 8)\",sxtArpXHK:textColor??props.sxtArpXHK??\"rgb(0, 0, 0)\",tj0CAVEzi:buttonTitle??props.tj0CAVEzi??\"Button Text\",UszJmbDcs:textHoverColor??props.UszJmbDcs??\"rgb(255, 255, 255)\",VC7JJKx_C:fontSize??props.VC7JJKx_C??16,YbhiTXBXN:smoothScroll??props.YbhiTXBXN,zIIsr0r6Z:newTab??props.zIIsr0r6Z};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,LpU4I33mO,tj0CAVEzi,zIIsr0r6Z,YbhiTXBXN,VC7JJKx_C,OZl1yCfj_,iWQd_a8sP,RpthGojt6,sxtArpXHK,UszJmbDcs,QvUujkn3U,Q9ovdgDpx,JJs7AqdH4,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"Ih3KW94kg\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:LpU4I33mO,motionChild:true,nodeId:\"Ih3KW94kg\",openInNewTab:zIIsr0r6Z,scopeId:\"sknFDHO2Z\",smoothScroll:YbhiTXBXN,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-lynrk4\",className,classNames)} framer-wdijs1`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"Ih3KW94kg\",ref:refBinding,style:{backgroundColor:iWQd_a8sP,borderBottomLeftRadius:radiusForCorner(OZl1yCfj_,3),borderBottomRightRadius:radiusForCorner(OZl1yCfj_,2),borderTopLeftRadius:radiusForCorner(OZl1yCfj_,0),borderTopRightRadius:radiusForCorner(OZl1yCfj_,1),...style},variants:{\"Ih3KW94kg-hover\":{backgroundColor:RpthGojt6}},...addPropertyOverrides({\"Ih3KW94kg-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U3dpdHplci1tZWRpdW0=\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-size\":\"calc(var(--variable-reference-VC7JJKx_C-sknFDHO2Z) * 1px)\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"1.25em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-sxtArpXHK-sknFDHO2Z))\"},children:\"Button Text\"})}),className:\"framer-1xti0q9\",fonts:[\"FS;Switzer-medium\"],layoutDependency:layoutDependency,layoutId:\"fGwO4LSt2\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-sxtArpXHK-sknFDHO2Z)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--variable-reference-sxtArpXHK-sknFDHO2Z\":sxtArpXHK,\"--variable-reference-UszJmbDcs-sknFDHO2Z\":UszJmbDcs,\"--variable-reference-VC7JJKx_C-sknFDHO2Z\":VC7JJKx_C},text:tj0CAVEzi,variants:{\"Ih3KW94kg-hover\":{\"--extracted-r6o4lv\":\"var(--variable-reference-UszJmbDcs-sknFDHO2Z)\",\"--variable-reference-UszJmbDcs-sknFDHO2Z\":UszJmbDcs}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"Ih3KW94kg-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U3dpdHplci1tZWRpdW0=\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-size\":\"calc(var(--variable-reference-VC7JJKx_C-sknFDHO2Z) * 1px)\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"1.25em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-UszJmbDcs-sknFDHO2Z))\"},children:\"Button Text\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1av7vmp\",\"data-framer-name\":\"BG Fill\",layoutDependency:layoutDependency,layoutId:\"O0vVorcdM\",style:{backgroundColor:QvUujkn3U,borderBottomLeftRadius:999,borderBottomRightRadius:999,borderTopLeftRadius:999,borderTopRightRadius:999,opacity:0},variants:{\"Ih3KW94kg-hover\":{opacity:1}}}),/*#__PURE__*/_jsx(ArrowForward,{animated:true,className:\"framer-1cnpj44\",layoutDependency:layoutDependency,layoutId:\"SKaqe5Ycu\",style:{\"--esondr\":Q9ovdgDpx},transformTemplate:transformTemplate1,variants:{\"Ih3KW94kg-hover\":{\"--esondr\":JJs7AqdH4}},...addPropertyOverrides({\"Ih3KW94kg-hover\":{transformTemplate:undefined}},baseVariant,gestureVariant)})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-WWXC9.framer-wdijs1, .framer-WWXC9 .framer-wdijs1 { display: block; }\",\".framer-WWXC9.framer-lynrk4 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 15px 35px 15px 35px; position: relative; text-decoration: none; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-WWXC9 .framer-1xti0q9 { flex: none; height: auto; position: relative; white-space: pre; width: auto; z-index: 1; }\",\".framer-WWXC9 .framer-1av7vmp { bottom: 10px; flex: none; overflow: visible; position: absolute; right: 10px; top: 10px; width: 30px; z-index: 0; }\",\".framer-WWXC9 .framer-1cnpj44 { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 20px); position: absolute; right: -30px; top: 50%; width: 20px; z-index: 1; }\",\".framer-WWXC9.framer-v-lynrk4.hover.framer-lynrk4 { padding: 15px 20px 15px 20px; }\",\".framer-WWXC9.framer-v-lynrk4.hover .framer-1av7vmp { bottom: unset; height: 120%; left: calc(50.00000000000002% - 120% / 2); right: unset; top: calc(50.00000000000002% - 120% / 2); width: 120%; }\",\".framer-WWXC9.framer-v-lynrk4.hover .framer-1cnpj44 { position: relative; right: unset; top: unset; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 50\n * @framerIntrinsicWidth 152\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"fOsT7rMb9\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"LpU4I33mO\":\"link\",\"tj0CAVEzi\":\"buttonTitle\",\"zIIsr0r6Z\":\"newTab\",\"YbhiTXBXN\":\"smoothScroll\",\"VC7JJKx_C\":\"fontSize\",\"OZl1yCfj_\":\"buttonRadius\",\"iWQd_a8sP\":\"bGColor\",\"RpthGojt6\":\"bGHoverColor\",\"sxtArpXHK\":\"textColor\",\"UszJmbDcs\":\"textHoverColor\",\"QvUujkn3U\":\"fillColor\",\"Q9ovdgDpx\":\"iconColor\",\"JJs7AqdH4\":\"iconHoverFill\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramersknFDHO2Z=withCSS(Component,css,\"framer-WWXC9\");export default FramersknFDHO2Z;FramersknFDHO2Z.displayName=\"Icon Slide Button\";FramersknFDHO2Z.defaultProps={height:50,width:152};addPropertyControls(FramersknFDHO2Z,{LpU4I33mO:{title:\"Link\",type:ControlType.Link},tj0CAVEzi:{defaultValue:\"Button Text\",displayTextArea:false,title:\"Button Title\",type:ControlType.String},zIIsr0r6Z:{defaultValue:false,title:\"New Tab\",type:ControlType.Boolean},YbhiTXBXN:{defaultValue:false,title:\"Smooth Scroll\",type:ControlType.Boolean},VC7JJKx_C:{defaultValue:16,title:\"Font Size\",type:ControlType.Number},OZl1yCfj_:{defaultValue:\"999px\",title:\"Button Radius\",type:ControlType.BorderRadius},iWQd_a8sP:{defaultValue:\"rgb(250, 250, 250)\",title:\"BG Color\",type:ControlType.Color},RpthGojt6:{defaultValue:\"rgb(8, 8, 8)\",title:\"BG Hover Color\",type:ControlType.Color},sxtArpXHK:{defaultValue:\"rgb(0, 0, 0)\",title:\"Text Color\",type:ControlType.Color},UszJmbDcs:{defaultValue:\"rgb(255, 255, 255)\",title:\"Text Hover Color\",type:ControlType.Color},QvUujkn3U:{defaultValue:\"rgb(0, 0, 0)\",title:\"Fill Color\",type:ControlType.Color},Q9ovdgDpx:{defaultValue:\"rgb(71, 71, 71)\",title:\"Icon Color\",type:ControlType.Color},JJs7AqdH4:{defaultValue:\"rgb(255, 255, 255)\",title:\"Icon Hover Fill\",type:ControlType.Color}});addFonts(FramersknFDHO2Z,[{explicitInter:true,fonts:[{cssFamilyName:\"Switzer\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Switzer\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/OYB4CXKJQXKTNSLJMTDQOIVUL2V5EL7S/WYO2P7DQVV5RNXGMCUO2HL4RJP4VFUAS/6XPIMU23OJVRY676OG5YVJMWEHWICATX.woff2\",weight:\"500\"}]},...ArrowForwardFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramersknFDHO2Z\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"fOsT7rMb9\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"50\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicWidth\":\"152\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"LpU4I33mO\\\":\\\"link\\\",\\\"tj0CAVEzi\\\":\\\"buttonTitle\\\",\\\"zIIsr0r6Z\\\":\\\"newTab\\\",\\\"YbhiTXBXN\\\":\\\"smoothScroll\\\",\\\"VC7JJKx_C\\\":\\\"fontSize\\\",\\\"OZl1yCfj_\\\":\\\"buttonRadius\\\",\\\"iWQd_a8sP\\\":\\\"bGColor\\\",\\\"RpthGojt6\\\":\\\"bGHoverColor\\\",\\\"sxtArpXHK\\\":\\\"textColor\\\",\\\"UszJmbDcs\\\":\\\"textHoverColor\\\",\\\"QvUujkn3U\\\":\\\"fillColor\\\",\\\"Q9ovdgDpx\\\":\\\"iconColor\\\",\\\"JJs7AqdH4\\\":\\\"iconHoverFill\\\"}\",\"framerColorSyntax\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./sknFDHO2Z.map","// CardStack component for Framer with image upload and reordering\nimport{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * CardStack\n *\n * A stack of cards with images that can be uploaded and rearranged in Framer Studio.\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 352\n * @framerIntrinsicHeight 198\n */let idCounter=0;const genId=()=>`card_${Date.now().toString(36)}_${idCounter++}`;function toObjList(arr){return(arr.length?arr:[placeholderImage]).map(img=>{if(typeof img===\"string\")return{id:genId(),src:img,alt:\"\"};if(img&&typeof img===\"object\"&&img.src)return{id:genId(),...img};return{id:genId(),src:placeholderImage.src,alt:placeholderImage.alt};});}const placeholderImage={src:\"data:image/svg+xml;utf8,\"+encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 90'><rect fill='#ddd' width='160' height='90'/><path d='M0 0L160 90M160 0L0 90' stroke='#aaa' stroke-width='4'/></svg>`),alt:\"Placeholder\"};export default function CardStack(props){const{images=[],offset=10,scaleStep=.06,dimStep=.15,stiff=170,damp=26,style={},...rest}=props;const[cards,setCards]=React.useState(toObjList(images));React.useEffect(()=>{const prev=cards.slice();const next=[];const srcList=images.length?images:[placeholderImage];srcList.forEach(img=>{const src=typeof img===\"string\"?img:img.src;const idx=prev.findIndex(c=>c.src===src);if(idx>-1){next.push(prev.splice(idx,1)[0]);}else{if(typeof img===\"object\"&&img.src)next.push({id:genId(),...img});else next.push({id:genId(),src,alt:\"\"});}});setCards(next);// eslint-disable-next-line\n},[JSON.stringify(images)]);const moveToEnd=i=>setCards(prev=>[...prev.slice(i+1),prev[i]]);const spring=stiff||damp?{type:\"spring\",stiffness:stiff,damping:damp}:undefined;const wrapperStyle={...style,position:\"relative\",width:style.width??250,aspectRatio:props.ratio??\"16 / 9\",overflow:\"visible\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",zIndex:0};delete wrapperStyle.height;return /*#__PURE__*/_jsx(\"div\",{...rest,style:wrapperStyle,children:/*#__PURE__*/_jsx(\"ul\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",margin:0,padding:0},children:cards.map(({id,src,alt},i)=>{const front=i===0;const brightness=Math.max(.1,1-i*dimStep);const baseZ=cards.length-i;return /*#__PURE__*/_jsx(motion.li,{style:{position:\"absolute\",width:\"100%\",height:\"100%\",borderRadius:props.borderRadius??8,listStyle:\"none\",cursor:front?\"grab\":\"auto\",overflow:\"hidden\",touchAction:\"none\",zIndex:baseZ,transition:\"box-shadow 0.3s cubic-bezier(.4,0,.2,1)\"},animate:{top:`calc(${i*-offset}%)`,scale:1-i*scaleStep,filter:`brightness(${brightness})`,zIndex:baseZ,transition:spring},drag:front?\"y\":false,dragConstraints:{top:0,bottom:0},dragMomentum:false,onDragEnd:()=>moveToEnd(i),whileDrag:front?{zIndex:cards.length,cursor:\"grabbing\",scale:1-i*scaleStep+.05,rotate:2}:{},children:/*#__PURE__*/_jsx(\"img\",{src:src,alt:alt||\"Card image\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",pointerEvents:\"none\",display:\"block\",transition:\"filter 0.3s cubic-bezier(.4,0,.2,1)\"}})},id);})})});}addPropertyControls(CardStack,{images:{title:\"Cards\",type:ControlType.Array,control:{type:ControlType.ResponsiveImage},maxCount:10,defaultValue:[{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Gradient 2 - Purple\"}]},ratio:{title:\"Aspect Ratio\",type:ControlType.Enum,options:[\"16 / 9\",\"4 / 3\",\"1 / 1\",\"3 / 4\",\"9 / 16\"],optionTitles:[\"16:9\",\"4:3\",\"1:1\",\"3:4\",\"9:16\"],defaultValue:\"16 / 9\"},borderRadius:{title:\"Corner Radius\",type:ControlType.Number,defaultValue:8,min:0,max:64,step:1,displayStepper:true},offset:{title:\"Offset\",type:ControlType.Number,defaultValue:8,min:0,max:60,step:1,displayStepper:true,unit:\"%\",description:\"Vertical shift between cards\"},scaleStep:{title:\"Scale\",type:ControlType.Number,defaultValue:.06,min:0,max:.2,step:.005,displayStepper:true},dimStep:{title:\"Dim\",type:ControlType.Number,defaultValue:.15,min:0,max:1,step:.02,displayStepper:true},stiff:{title:\"Stiffness\",type:ControlType.Number,defaultValue:170,min:0,max:600,step:10,displayStepper:true},damp:{title:\"Damping\",type:ControlType.Number,defaultValue:26,min:0,max:60,step:2,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CardStack\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CardStack.map"],"mappings":"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"}