{"version":3,"file":"hoverAnimation.C2Sm46DI.mjs","names":["React.useContext","React.useMemo","React.Fragment","React.useRef","React.useId","Image","useRef","__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/7kGEeRru7nVY0OSh1zif/iQwXeFa52pqybv62lBYt/RwhoonJ5p.js","https:/framerusercontent.com/modules/2AMWE2RLJNREM05hIusM/0qMoM4W6IvUB3iCRCpCA/hoverAnimation.js"],"sourcesContent":["// Generated by Framer (13d9867)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const serializationHash=\"framer-K7hqN\";const variantClassNames={pbs2FVJHD:\"framer-v-d2m8xi\"};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 transition1={bounce:.2,delay:0,duration:.4,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 Variants=motion.create(React.Fragment);const getProps=({height,id,image,rotation,width,...props})=>{return{...props,Bj71so0rx:image!==null&&image!==void 0?image:props.Bj71so0rx,WsvYA7sOA:rotation!==null&&rotation!==void 0?rotation:props.WsvYA7sOA};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,WsvYA7sOA,Bj71so0rx,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"pbs2FVJHD\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?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(serializationHash,...sharedStyleClassNames,\"framer-d2m8xi\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"pbs2FVJHD\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{rotate:WsvYA7sOA,...style},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-15bmif0\",\"data-framer-name\":\"Image Holder\",layoutDependency:layoutDependency,layoutId:\"bKdXJDCnD\",children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.y)||0)+(0+(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.height)||200)-0-380)/2)+0+0),sizes:`max(${(componentViewport===null||componentViewport===void 0?void 0:componentViewport.width)||\"100vw\"}, 1px)`,...toResponsiveImage(Bj71so0rx),...{positionX:\"center\",positionY:\"center\"}},className:\"framer-1hjqvnf\",layoutDependency:layoutDependency,layoutId:\"j_ragZB1p\"})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-K7hqN.framer-aebwa5, .framer-K7hqN .framer-aebwa5 { display: block; }\",\".framer-K7hqN.framer-d2m8xi { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 448px; }\",\".framer-K7hqN .framer-15bmif0 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1px; }\",\".framer-K7hqN .framer-1hjqvnf { flex: none; height: 380px; overflow: visible; position: relative; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-K7hqN.framer-d2m8xi, .framer-K7hqN .framer-15bmif0 { gap: 0px; } .framer-K7hqN.framer-d2m8xi > * { margin: 0px; margin-left: calc(32px / 2); margin-right: calc(32px / 2); } .framer-K7hqN.framer-d2m8xi > :first-child { margin-left: 0px; } .framer-K7hqN.framer-d2m8xi > :last-child { margin-right: 0px; } .framer-K7hqN .framer-15bmif0 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-K7hqN .framer-15bmif0 > :first-child { margin-top: 0px; } .framer-K7hqN .framer-15bmif0 > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 380\n * @framerIntrinsicWidth 448\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"WsvYA7sOA\":\"rotation\",\"Bj71so0rx\":\"image\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerRwhoonJ5p=withCSS(Component,css,\"framer-K7hqN\");export default FramerRwhoonJ5p;FramerRwhoonJ5p.displayName=\"Content/About Card\";FramerRwhoonJ5p.defaultProps={height:380,width:448};addPropertyControls(FramerRwhoonJ5p,{WsvYA7sOA:{defaultValue:0,title:\"Rotation\",type:ControlType.Number,unit:\"\\xb0\"},Bj71so0rx:{title:\"Image\",type:ControlType.ResponsiveImage}});addFonts(FramerRwhoonJ5p,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerRwhoonJ5p\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"448\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"380\",\"framerVariables\":\"{\\\"WsvYA7sOA\\\":\\\"rotation\\\",\\\"Bj71so0rx\\\":\\\"image\\\"}\",\"framerDisplayContentsDiv\":\"false\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./RwhoonJ5p.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect}from\"react\";let lastHovered=null;export function HoverZIndex(){const ref=useRef(null);useEffect(()=>{var _ref_current;// Set transition properties only once on the element's parent\nif((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.parentElement){ref.current.parentElement.style.transition=\"z-index 0.3s, transform 0.3s\";}},[]);return{ref:ref,onHoverStart:()=>{var _ref_current,_ref_current1;// Reset z-index and scale for the previously hovered element\nif(lastHovered&&lastHovered!==((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.parentElement)){lastHovered.style.zIndex=\"auto\";lastHovered.style.transform=\"scale(1)\";}// Set z-index and scale for the current element's parent\nif((_ref_current1=ref.current)===null||_ref_current1===void 0?void 0:_ref_current1.parentElement){ref.current.parentElement.style.zIndex=\"10\";ref.current.parentElement.style.transform=\"scale(1.05)\";lastHovered=ref.current.parentElement;}},onHoverEnd:()=>{var _ref_current;// Reset scale on hover end\nif((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.parentElement){ref.current.parentElement.style.transform=\"scale(1)\";}}};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withHoverZIndex(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...HoverZIndex(props)});};}withHoverZIndex.displayName=\"HoverZIndex\";\nexport const __FramerMetadata__ = {\"exports\":{\"withHoverZIndex\":{\"type\":\"reactHoc\",\"name\":\"withHoverZIndex\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"HoverZIndex\":{\"type\":\"override\",\"name\":\"HoverZIndex\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./hoverAnimation.map"],"mappings":"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"}