{"version":3,"file":"RfloKInVi.B6YYjLab.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/qNuXoOysaaa9zblOQYLp/XEeFQ7E7wBD8F0CTep9O/FlipCard.js","https:/framerusercontent.com/modules/j99uMsq3V51mxVH9QCYi/GFKUsLaFAAJjXcYkTywS/RfloKInVi.js"],"sourcesContent":["// 3D Flip Card with editable image and shadow in transform\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useRef,useState,startTransition}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";/**\n * 3D Flip Card with editable image and shadow in transform\n *\n * @framerIntrinsicWidth 240\n * @framerIntrinsicHeight 360\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function FlipCard(props){const{image={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},borderRadius,backImage={src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Gradient 2 - Purple\"},style}=props;const cardRef=useRef(null);const[flipped,setFlipped]=useState(false);const isStatic=useIsStaticRenderer();const[flipDirection,setFlipDirection]=useState(1);// Hold flip a bit longer\nconst flipHoldTimeout=useRef(null);const cardStyle={...style,width:\"100%\",height:\"100%\",background:\"transparent\",borderRadius,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",willChange:\"transform\",// Remove boxShadow\n// Remove flip transition, only keep box-shadow and transform for flip\ntransition:\"transform 0.3s\",position:\"relative\",perspective:\"800px\",overflow:\"visible\",zIndex:0};const innerStyle={width:\"100%\",height:\"100%\",borderRadius,position:\"relative\",transformStyle:\"preserve-3d\",// Make flip animation slower and customizable\ntransition:`transform ${props.flipDuration}s ${props.flipEasing}`,// Only flip, no tilt\ntransform:`rotateY(${flipped?180*flipDirection:0}deg)`};const faceStyle={width:\"100%\",height:\"100%\",position:\"absolute\",top:0,left:0,backfaceVisibility:\"hidden\",borderRadius,overflow:\"hidden\"};const backStyle={...faceStyle,transform:\"rotateY(180deg)\"};return /*#__PURE__*/_jsx(\"div\",{ref:cardRef,style:cardStyle,// Flip on hover instead of click\nonMouseEnter:isStatic?undefined:e=>{if(!cardRef.current)return;const rect=cardRef.current.getBoundingClientRect();const x=e.clientX-rect.left;const fromLeft=x<rect.width/2;startTransition(()=>{setFlipDirection(fromLeft?-1:1);setFlipped(true);});// Hold the flip longer\nif(flipHoldTimeout.current)clearTimeout(flipHoldTimeout.current);},onMouseLeave:isStatic?undefined:()=>{if(flipHoldTimeout.current)clearTimeout(flipHoldTimeout.current);flipHoldTimeout.current=typeof window!==\"undefined\"?window.setTimeout(()=>{startTransition(()=>setFlipped(false));},600):null// Hold for 600ms after mouse leave\n;},tabIndex:0,\"aria-label\":\"3D Tilt Card\",children:/*#__PURE__*/_jsxs(\"div\",{style:{...innerStyle,transform:`rotateY(${flipped?180*flipDirection:0}deg)`},children:[/*#__PURE__*/_jsx(\"div\",{style:{...faceStyle,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"img\",{src:image?.src||\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:image?.alt||\"Gradient 1 - Blue\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",pointerEvents:\"none\",userSelect:\"none\",display:\"block\"},draggable:false})}),/*#__PURE__*/_jsx(\"div\",{style:{...backStyle,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"img\",{src:backImage?.src||\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:backImage?.alt||\"Gradient 2 - Purple\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",pointerEvents:\"none\",userSelect:\"none\",display:\"block\"},draggable:false})})]})});}addPropertyControls(FlipCard,{image:{type:ControlType.ResponsiveImage,title:\"Image\"},backImage:{type:ControlType.ResponsiveImage,title:\"Back Image\"},frontContent:{type:ControlType.Slot,title:\"Front Content\",maxCount:1,hidden:()=>true},backContent:{type:ControlType.Slot,title:\"Back Content\",maxCount:1,hidden:()=>true},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:16,min:0,max:64,step:1},flipDuration:{type:ControlType.Number,title:\"Flip Duration\",defaultValue:.8,min:.1,max:2,step:.05,unit:\"s\"},flipEasing:{type:ControlType.Enum,title:\"Flip Easing\",options:[\"ease\",\"linear\",\"ease-in\",\"ease-out\",\"ease-in-out\",\"cubic-bezier(0.4,0.2,0.2,1)\",\"cubic-bezier(0.22,1,0.36,1)\",\"cubic-bezier(0.65,0,0.35,1)\"],optionTitles:[\"Ease\",\"Linear\",\"Ease In\",\"Ease Out\",\"Ease In Out\",\"Expressive\",\"Snappy\",\"Smooth\"],defaultValue:\"cubic-bezier(0.4,0.2,0.2,1)\",displaySegmentedControl:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FlipCard\",\"slots\":[\"frontContent\",\"backContent\"],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"360\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"240\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FlipCard.map","// Generated by Framer (569b461)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Manrope-regular\",\"FS;Manrope-bold\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Manrope\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Manrope\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/2TYFCBHUANEXS6QGR5EQDUNAFH6LSWM3/AYNOU3VEA4LRTDNKJQUFNVNUTYSGOUOP/UXO4O7K2G3HI3D2VKD7UXVJVJD26P4BQ.woff2\",weight:\"400\"},{cssFamilyName:\"Manrope\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Manrope\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NGBUP45ES3F7RD5XGKPEDJ6QEPO4TMOK/EXDVWJ2EDDVVV65UENMX33EDDYBX6OF7/6P4FPMFQH7CCC7RZ4UU4NKSGJ2RLF7V5.woff2\",weight:\"700\"}]}];export const css=['.framer-ByAV6 .framer-styles-preset-126ge5v:not(.rich-text-wrapper), .framer-ByAV6 .framer-styles-preset-126ge5v.rich-text-wrapper h5 { --framer-font-family: \"Manrope\", \"Manrope Placeholder\", sans-serif; --framer-font-family-bold: \"Manrope\", \"Manrope Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 20px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 40px; --framer-text-alignment: start; --framer-text-color: var(--token-266c8d71-9990-411c-9a11-ecf80446ea66, #2a2a28); --framer-text-decoration: underline; --framer-text-decoration-color: var(--token-266c8d71-9990-411c-9a11-ecf80446ea66, #2a2a28) /* {\"name\":\"Black\"} */; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-ByAV6\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}