{"version":3,"file":"SequentialCarousel.iithMrZs.mjs","names":["React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","sharedStyle.className","className","RichText","sharedStyle.css","sharedStyle.fonts","useMemo","useState","useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/Wce24H2R7Xd0jonbXIKU/6gC7yQ9zYcgAV6wR5HSJ/pGT4ZIsUj.js","https:/framerusercontent.com/modules/8X5cqZ6wQXuFmv7VDdoN/F5Z6wBfzLnYmvaGqC5e4/SequentialCarousel.js"],"sourcesContent":["// Generated by Framer (0f5ea8b)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/uCQKWASp6ilP3mlPVbM5/786XISJ1YsYyc82goAi4/MlWu738g8.js\";const enabledGestures={e9gZ7hp4M:{hover:true}};const cycleOrder=[\"e9gZ7hp4M\",\"Rq6U8vzEf\"];const serializationHash=\"framer-WvHez\";const variantClassNames={e9gZ7hp4M:\"framer-v-1n9p34m\",Rq6U8vzEf:\"framer-v-16tdpso\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const yxOuajGMQ=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};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 humanReadableVariantMap={Active:\"Rq6U8vzEf\",Default:\"e9gZ7hp4M\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,title,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"e9gZ7hp4M\",yxOuajGMQ:title??props.yxOuajGMQ??\"Power\"};};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,yxOuajGMQ,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"e9gZ7hp4M\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className];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(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1n9p34m\",className,classNames),\"data-framer-name\":\"Default\",layoutDependency:layoutDependency,layoutId:\"e9gZ7hp4M\",ref:refBinding,style:{backgroundColor:\"rgba(0, 0, 0, 0)\",...style},variants:{\"e9gZ7hp4M-hover\":{backgroundColor:\"rgba(0, 0, 0, 0)\"},Rq6U8vzEf:{backgroundColor:\"var(--token-af468ad7-9e0e-4d3c-902e-1e6386578f5d, rgb(229, 229, 229))\"}},...addPropertyOverrides({\"e9gZ7hp4M-hover\":{\"data-framer-name\":undefined},Rq6U8vzEf:{\"data-framer-name\":\"Active\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-7brgvb\",\"data-styles-preset\":\"MlWu738g8\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-9da943d8-ad15-4cf4-816e-ce1455b399ca, rgb(115, 115, 115)))\"},children:\"Power\"})}),className:\"framer-q5teob\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"ELDj7cewu\",style:{\"--extracted-r6o4lv\":\"var(--token-9da943d8-ad15-4cf4-816e-ce1455b399ca, rgb(115, 115, 115))\"},text:yxOuajGMQ,variants:{\"e9gZ7hp4M-hover\":{\"--extracted-r6o4lv\":\"var(--token-ccaaf9df-bc53-4617-b9d4-0d48ffb834de, rgb(82, 82, 82))\"},Rq6U8vzEf:{\"--extracted-r6o4lv\":\"var(--token-9293584d-ee5b-4e32-a6ca-542195190969, rgb(38, 38, 38))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"e9gZ7hp4M-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-7brgvb\",\"data-styles-preset\":\"MlWu738g8\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-ccaaf9df-bc53-4617-b9d4-0d48ffb834de, rgb(82, 82, 82)))\"},children:\"Power\"})})},Rq6U8vzEf:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-7brgvb\",\"data-styles-preset\":\"MlWu738g8\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-9293584d-ee5b-4e32-a6ca-542195190969, rgb(38, 38, 38)))\"},children:\"Power\"})})}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-WvHez.framer-av2mxc, .framer-WvHez .framer-av2mxc { display: block; }\",\".framer-WvHez.framer-1n9p34m { 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: 16px; position: relative; width: min-content; }\",\".framer-WvHez .framer-q5teob { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-WvHez.framer-v-16tdpso.framer-1n9p34m { cursor: unset; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 62\n * @framerIntrinsicWidth 87\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"Rq6U8vzEf\":{\"layout\":[\"auto\",\"auto\"]},\"camqtzXow\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"yxOuajGMQ\":\"title\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerpGT4ZIsUj=withCSS(Component,css,\"framer-WvHez\");export default FramerpGT4ZIsUj;FramerpGT4ZIsUj.displayName=\"SectionTab\";FramerpGT4ZIsUj.defaultProps={height:62,width:87};addPropertyControls(FramerpGT4ZIsUj,{variant:{options:[\"e9gZ7hp4M\",\"Rq6U8vzEf\"],optionTitles:[\"Default\",\"Active\"],title:\"Variant\",type:ControlType.Enum},yxOuajGMQ:{defaultValue:\"Power\",displayTextArea:false,title:\"Title\",type:ControlType.String},onyxOuajGMQChange:{changes:\"yxOuajGMQ\",type:ControlType.ChangeHandler}});addFonts(FramerpGT4ZIsUj,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerpGT4ZIsUj\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerColorSyntax\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Rq6U8vzEf\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"camqtzXow\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"87\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"62\",\"framerVariables\":\"{\\\"yxOuajGMQ\\\":\\\"title\\\"}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./pGT4ZIsUj.map","// Sequential Elastic Carousel - Cards move in sequence from left to right with smooth cascade effect\n/**\n * Basic\n * \n * A stunning 3D carousel component with sequential cascade animations. Cards smoothly transition \n * from left to right with a beautiful staggered effect, creating an elastic, flowing motion.\n * \n * Features:\n * • Sequential Animation - Cards move in a cascading sequence from left to right\n * • 3D Depth Effect - Cards scale and dim as they move away from center\n * • Smooth Transitions - Customizable animation duration and sequence delays\n * • Auto-Advance - Optional automatic rotation with configurable intervals\n * • Bounce Effect - Toggle a playful bounce animation for extra personality\n * • Component Slots - Connect any Framer components as carousel cards\n * • Fully Customizable - Control card dimensions, spacing, colors, and timing\n * • Infinite Loop - Seamlessly cycles through cards without visible resets\n * \n * Perfect for:\n * - Product showcases and galleries\n * - Feature highlights and testimonials\n * - Portfolio presentations\n * - Image carousels with depth\n * - Interactive content displays\n * \n * Simply connect your components to the card slots and watch them come alive with \n * smooth, sequential animations that draw attention and engage users.\n */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useState,useRef,useMemo,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Sequential Elastic Carousel\n *\n * @framerIntrinsicWidth 1200\n * @framerIntrinsicHeight 500\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */function ElasticCarouselBasic(props){const{cards:cardComponents=[],cardGap=280,animationDuration=600,sequenceDelay=80,backgroundColor=\"#1e293b\",hideBackground=false,animationOrigin=0,fadeStartIndex=2}=props;const originalCards=useMemo(()=>cardComponents.map((component,i)=>({id:i+1,component:component})),[cardComponents]);// Create a large enough buffer of cards to allow for smooth infinite scrolling\n// We repeat the cards many times to ensure we never hit the edge of the array\nconst cards=useMemo(()=>{if(originalCards.length===0)return[];const repeatCount=40// Sufficient buffer for any screen size\n;const repeated=[];for(let i=0;i<repeatCount;i++){repeated.push(...originalCards);}return repeated;},[originalCards]);// Start in the middle of the array\nconst startIndex=useMemo(()=>{if(originalCards.length===0)return 0;return Math.floor(cards.length/2);},[cards.length,originalCards.length]);const[currentIndex,setCurrentIndex]=useState(startIndex);const[isAnimating,setIsAnimating]=useState(false);const[cardStates,setCardStates]=useState(new Map);const mountedRef=useRef(true);useEffect(()=>{mountedRef.current=true;return()=>{mountedRef.current=false;};},[]);const getCardStyle=(position,animate,delay=0)=>{const absPosition=Math.abs(position);// Calculate dynamic gap - decreases for cards further from center\nlet cumulativeTranslateX=0;if(position!==0){const direction=position>0?1:-1;for(let i=1;i<=absPosition;i++){// Gap decreases as we move away from center\nconst gapMultiplier=Math.max(.3,1-(i-1)*.15);cumulativeTranslateX+=cardGap*gapMultiplier*direction;}}const scale=position===0?1:Math.max(.65,1-absPosition*.12);const opacity=absPosition<=fadeStartIndex?1:0;const zIndex=20-absPosition;// Calculate vertical offset based on origin slider value\n// Negative values = top, 0 = center, Positive values = bottom\nconst translateY=animationOrigin*absPosition*absPosition;// Use cubic-bezier for bounce effect or ease-in-out for smooth\nconst easing=\"ease-in-out\";return{position:\"absolute\",borderRadius:0,boxShadow:\"0 25px 50px -12px rgba(0, 0, 0, 0.5)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",transform:`translateX(${cumulativeTranslateX}px) translateY(${translateY}px) scale(${scale})`,opacity,zIndex,transition:animate?`all ${animationDuration}ms ${easing} ${delay}ms`:\"none\"};};const calculateCardStates=(newIndex,animate)=>{const newStates=new Map;const threshold=15// Match the render threshold\n;cards.forEach((card,index)=>{const position=index-newIndex;const absPosition=Math.abs(position);// Optimization: Only calculate for visible cards plus a buffer\nif(absPosition>threshold+5)return;let delay=0;if(animate){// When moving right (advancing), leftmost cards should move first\n// When moving left (going back), rightmost cards should move first\nconst direction=newIndex>currentIndex?1:-1;if(direction>0){// Moving right: leftmost cards (negative position) move first\nif(position<0){delay=Math.max(0,(threshold-Math.abs(position))*sequenceDelay);}else if(position>0){delay=(threshold+position)*sequenceDelay;}else{delay=threshold*sequenceDelay;}}else{// Moving left: rightmost cards (positive position) move first\nif(position>0){delay=Math.max(0,(threshold-position)*sequenceDelay);}else if(position<0){delay=(threshold+Math.abs(position))*sequenceDelay;}else{delay=threshold*sequenceDelay;}}}newStates.set(index,{position,delay});});return newStates;};useEffect(()=>{// Initialize with the calculated start index\nconst initialStates=calculateCardStates(startIndex,false);startTransition(()=>{setCurrentIndex(startIndex);setCardStates(initialStates);});},[startIndex]);const advanceCarousel=()=>{if(isAnimating)return;startTransition(()=>setIsAnimating(true));const newIndex=currentIndex+1;const newStates=calculateCardStates(newIndex,true);startTransition(()=>{setCurrentIndex(newIndex);setCardStates(newStates);});const totalAnimationTime=15*sequenceDelay+animationDuration+200;setTimeout(()=>{if(!mountedRef.current)return;startTransition(()=>setIsAnimating(false));// Reset if we've moved too far from center\n// We use a threshold of originalCards.length * 5 to be safe\nif(newIndex>=startIndex+originalCards.length*5){const resetIndex=newIndex-originalCards.length*5;const resetStates=calculateCardStates(resetIndex,false);startTransition(()=>{setCurrentIndex(resetIndex);setCardStates(resetStates);});}},totalAnimationTime);};const goToPrevious=()=>{if(isAnimating)return;startTransition(()=>setIsAnimating(true));const newIndex=currentIndex-1;const newStates=calculateCardStates(newIndex,true);startTransition(()=>{setCurrentIndex(newIndex);setCardStates(newStates);});const totalAnimationTime=15*sequenceDelay+animationDuration+200;setTimeout(()=>{if(!mountedRef.current)return;startTransition(()=>setIsAnimating(false));// Reset if we've moved too far from center\nif(newIndex<=startIndex-originalCards.length*5){const resetIndex=newIndex+originalCards.length*5;const resetStates=calculateCardStates(resetIndex,false);startTransition(()=>{setCurrentIndex(resetIndex);setCardStates(resetStates);});}},totalAnimationTime);};return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",background:hideBackground?\"transparent\":backgroundColor,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",overflow:\"visible\",position:\"relative\",padding:20},children:/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",flex:1,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:[/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"button\",{onClick:goToPrevious,disabled:isAnimating,style:{position:\"absolute\",left:20,top:\"50%\",transform:\"translateY(-50%)\",zIndex:100,width:48,height:48,borderRadius:\"50%\",border:\"none\",backgroundColor:\"rgba(255, 255, 255, 0.9)\",cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",boxShadow:\"0 4px 12px rgba(0, 0, 0, 0.15)\",transition:\"all 0.2s ease\",opacity:isAnimating?.5:1},onMouseEnter:e=>{if(!isAnimating){e.currentTarget.style.backgroundColor=\"rgba(255, 255, 255, 1)\";e.currentTarget.style.transform=\"translateY(-50%) scale(1.1)\";}},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=\"rgba(255, 255, 255, 0.9)\";e.currentTarget.style.transform=\"translateY(-50%) scale(1)\";},children:/*#__PURE__*/_jsx(\"svg\",{width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:/*#__PURE__*/_jsx(\"polyline\",{points:\"15 18 9 12 15 6\"})})}),/*#__PURE__*/_jsx(\"button\",{onClick:advanceCarousel,disabled:isAnimating,style:{position:\"absolute\",right:20,top:\"50%\",transform:\"translateY(-50%)\",zIndex:100,width:48,height:48,borderRadius:\"50%\",border:\"none\",backgroundColor:\"rgba(255, 255, 255, 0.9)\",cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",boxShadow:\"0 4px 12px rgba(0, 0, 0, 0.15)\",transition:\"all 0.2s ease\",opacity:isAnimating?.5:1},onMouseEnter:e=>{if(!isAnimating){e.currentTarget.style.backgroundColor=\"rgba(255, 255, 255, 1)\";e.currentTarget.style.transform=\"translateY(-50%) scale(1.1)\";}},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=\"rgba(255, 255, 255, 0.9)\";e.currentTarget.style.transform=\"translateY(-50%) scale(1)\";},children:/*#__PURE__*/_jsx(\"svg\",{width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:/*#__PURE__*/_jsx(\"polyline\",{points:\"9 18 15 12 9 6\"})})})]}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"visible\"},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:cards.map((card,index)=>{const state=cardStates.get(index);if(!state)return null;const{position,delay}=state;const absPosition=Math.abs(position);if(absPosition>15)return null;const darknessAmount=position===0?0:Math.min(.4,absPosition*.06+.05);return /*#__PURE__*/_jsx(\"div\",{style:getCardStyle(position,isAnimating,delay),children:/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",borderRadius:0,overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,backgroundColor:`rgba(0, 0, 0, ${darknessAmount})`,borderRadius:0,zIndex:1,transition:isAnimating?`background-color ${animationDuration}ms ease-in-out ${delay}ms`:\"none\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",zIndex:0},children:card.component})]})},`${card.id}-${index}`);})})})]})});}addPropertyControls(ElasticCarouselBasic,{cards:{type:ControlType.Array,title:\"Cards\",description:\"Click [here](https://polar.sh/checkout/polar_c_aIOVQ5YsIwMAFdi79eDmXKkK6cQeqqBk8rurD3odrAe) to get the Auto Play add-on.\",control:{type:ControlType.ComponentInstance},maxCount:12},animationOrigin:{type:ControlType.Number,title:\"Animation Origin\",defaultValue:0,min:-15,max:15,step:.5,displayStepper:true},fadeStartIndex:{type:ControlType.Number,title:\"Fade Start\",defaultValue:2,min:0,max:10,step:1,displayStepper:true},cardGap:{type:ControlType.Number,title:\"Card Gap\",defaultValue:280,min:100,max:500,step:10,unit:\"px\"},animationDuration:{type:ControlType.Number,title:\"Animation Duration\",defaultValue:600,min:200,max:2e3,step:50,unit:\"ms\"},sequenceDelay:{type:ControlType.Number,title:\"Sequence Delay\",defaultValue:80,min:0,max:300,step:10,unit:\"ms\"},hideBackground:{type:ControlType.Boolean,title:\"Hide Background\",defaultValue:false,enabledTitle:\"Hidden\",disabledTitle:\"Visible\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#1e293b\",hidden:props=>props.hideBackground===true}});export default ElasticCarouselBasic;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ElasticCarouselBasic\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"1200\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"500\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SequentialCarousel.map"],"mappings":"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"}