{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/W4AqNcgqtxmvzIazoNR5/uJcybVAnLGMM9M2C5vkY/Card_Flip.js", "ssg:https://framerusercontent.com/modules/ZbGb7X26m5yK1FM19e6g/CntrAHpxqU31nGMzOeCt/hetRdhVC7.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion,useSpring}from\"framer-motion\";import{useState,useRef,useEffect}from\"react\";// Learn more: https://www.framer.com/docs/guides/overrides/\n//Spring animation parameters\nconst spring={type:\"spring\",stiffness:300,damping:40};/**\n * 3D Flip\n * Created By Joshua Guo\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export function withClick(Component){return props=>{const[isFlipped,setIsFlipped]=useState(false);const handleClick=()=>{setIsFlipped(prevState=>!prevState);};const[rotateXaxis,setRotateXaxis]=useState(0);const[rotateYaxis,setRotateYaxis]=useState(0);const ref=useRef(null);const handleMouseMove=event=>{const element=ref.current;const elementRect=element.getBoundingClientRect();const elementWidth=elementRect.width;const elementHeight=elementRect.height;const elementCenterX=elementWidth/2;const elementCenterY=elementHeight/2;const mouseX=event.clientY-elementRect.y-elementCenterY;const mouseY=event.clientX-elementRect.x-elementCenterX;const degreeX=mouseX/elementWidth*20//The number is the rotation factor\n;const degreeY=mouseY/elementHeight*20//The number is the rotation factor\n;setRotateXaxis(degreeX);setRotateYaxis(degreeY);};const handleMouseEnd=()=>{setRotateXaxis(0);setRotateYaxis(0);};const dx=useSpring(0,spring);const dy=useSpring(0,spring);useEffect(()=>{dx.set(-rotateXaxis);dy.set(rotateYaxis);},[rotateXaxis,rotateYaxis]);return /*#__PURE__*/_jsx(motion.div,{onClick:handleClick,transition:spring,style:{perspective:\"1200px\",transformStyle:\"preserve-3d\",width:`${props.width}`,height:`${props.height}`},children:/*#__PURE__*/_jsx(motion.div,{ref:ref,whileHover:{scale:1.1},onMouseMove:handleMouseMove,onMouseLeave:handleMouseEnd,transition:spring,style:{width:\"100%\",height:\"100%\",rotateX:dx,rotateY:dy},children:/*#__PURE__*/_jsxs(\"div\",{style:{perspective:\"1200px\",transformStyle:\"preserve-3d\",width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(motion.div,{animate:{rotateY:isFlipped?-180:0},transition:spring,style:{width:\"100%\",height:\"100%\",zIndex:isFlipped?0:1,backfaceVisibility:\"hidden\",position:\"absolute\"},children:/*#__PURE__*/_jsx(Component,{...props,variant:\"Cover\",style:{width:\"100%\",height:\"100%\"}})}),/*#__PURE__*/_jsx(motion.div,{initial:{rotateY:180},animate:{rotateY:isFlipped?0:180},transition:spring,style:{width:\"100%\",height:\"100%\",zIndex:isFlipped?1:0,backfaceVisibility:\"hidden\",position:\"absolute\"},children:/*#__PURE__*/_jsx(Component,{...props,variant:\"Cover\",style:{width:\"100%\",height:\"100%\"}})})]})})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withClick\":{\"type\":\"reactHoc\",\"name\":\"withClick\",\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Card_Flip.map", "// Generated by Framer (4f2ee3e)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,useConstant,useIsOnFramerCanvas,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"zfT0Mctz5\"];const serializationHash=\"framer-DLTxT\";const variantClassNames={zfT0Mctz5:\"framer-v-2pl36b\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const getProps=({cover,height,id,width,...props})=>{var _ref;return{...props,z0QN94w4s:(_ref=cover!==null&&cover!==void 0?cover:props.z0QN94w4s)!==null&&_ref!==void 0?_ref:{src:\"https://framerusercontent.com/images/QBkScfeTM4ffd7aQqH8DwEpbEuk.png?scale-down-to=512\",srcSet:\"https://framerusercontent.com/images/QBkScfeTM4ffd7aQqH8DwEpbEuk.png 648w\"}};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,z0QN94w4s,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"zfT0Mctz5\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const isOnCanvas=useIsOnFramerCanvas();const initialVariant=useConstant(()=>variant);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Transition,{value:transition,children:/*#__PURE__*/_jsx(Image,{...restProps,animate:variants,background:{alt:\"\",fit:\"stretch\",sizes:\"min(336px, 100vw)\",...toResponsiveImage(z0QN94w4s),...{positionX:\"center\",positionY:\"center\"}},className:cx(serializationHash,...sharedStyleClassNames,\"framer-2pl36b\",className,classNames),\"data-framer-name\":\"Variant 1\",initial:isOnCanvas?variant:initialVariant,layoutDependency:layoutDependency,layoutId:\"zfT0Mctz5\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,...style}})})});});const css=['.framer-DLTxT[data-border=\"true\"]::after, .framer-DLTxT [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-DLTxT.framer-f52oxs, .framer-DLTxT .framer-f52oxs { display: block; }\",\".framer-DLTxT.framer-2pl36b { height: 474px; position: relative; width: 336px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 474\n * @framerIntrinsicWidth 336\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"z0QN94w4s\":\"cover\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n */const FramerhetRdhVC7=withCSS(Component,css,\"framer-DLTxT\");export default FramerhetRdhVC7;FramerhetRdhVC7.displayName=\"Card\";FramerhetRdhVC7.defaultProps={height:474,width:336};addPropertyControls(FramerhetRdhVC7,{z0QN94w4s:{__defaultAssetReference:\"data:framer/asset-reference,QBkScfeTM4ffd7aQqH8DwEpbEuk.png?originalFilename=passport-1.png&preferredSize=auto\",title:\"Cover\",type:ControlType.ResponsiveImage}});addFonts(FramerhetRdhVC7,[]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerhetRdhVC7\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"336\",\"framerVariables\":\"{\\\"z0QN94w4s\\\":\\\"cover\\\"}\",\"framerIntrinsicHeight\":\"474\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./hetRdhVC7.map"],
  "mappings": "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",
  "names": ["spring", "withClick", "Component", "props", "isFlipped", "setIsFlipped", "ye", "handleClick", "prevState", "rotateXaxis", "setRotateXaxis", "rotateYaxis", "setRotateYaxis", "ref", "pe", "handleMouseMove", "event", "elementRect", "elementWidth", "elementHeight", "elementCenterX", "elementCenterY", "mouseX", "mouseY", "degreeX", "degreeY", "handleMouseEnd", "dx", "useSpring", "dy", "ue", "p", "motion", "u", "hetRdhVC7_exports", "__export", "__FramerMetadata__", "hetRdhVC7_default", "cycleOrder", "serializationHash", "variantClassNames", "transitions", "toResponsiveImage", "value", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "getProps", "cover", "height", "id", "width", "props", "_ref", "createLayoutDependency", "variants", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "z0QN94w4s", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "isOnCanvas", "useIsOnFramerCanvas", "initialVariant", "useConstant", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "LayoutGroup", "Image2", "cx", "serializationHash", "css", "FramerhetRdhVC7", "withCSS", "hetRdhVC7_default", "addPropertyControls", "ControlType", "addFonts", "__FramerMetadata__"]
}