{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/tnYlRhORsEGhCJ8AydVF/vDqvYx4uzOkdiAIvIHTn/cyvECMmh9.js"],
  "sourcesContent": ["// Generated by Framer (a387266)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"znl0XCW4i\",\"UJ_WhloaQ\"];const serializationHash=\"framer-QC20t\";const variantClassNames={UJ_WhloaQ:\"framer-v-1gzusfy\",znl0XCW4i:\"framer-v-xd9uxg\"};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 toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};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(React.Fragment);const humanReadableVariantMap={\"16:9\":\"UJ_WhloaQ\",\"4:3\":\"znl0XCW4i\"};const getProps=({height,id,image,width,...props})=>{var _ref,_humanReadableVariantMap_props_variant,_ref1;return{...props,njuUiuI1E:(_ref=image!==null&&image!==void 0?image:props.njuUiuI1E)!==null&&_ref!==void 0?_ref:{src:\"https://framerusercontent.com/images/2fLrFhljQrF8z3ItKTZTsMiFA.jpg?scale-down-to=512\",srcSet:\"https://framerusercontent.com/images/2fLrFhljQrF8z3ItKTZTsMiFA.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/2fLrFhljQrF8z3ItKTZTsMiFA.jpg 960w\"},variant:(_ref1=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref1!==void 0?_ref1:\"znl0XCW4i\"};};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,njuUiuI1E,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"znl0XCW4i\",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(Image,{...restProps,background:{alt:\"\",fit:\"fill\",sizes:(componentViewport===null||componentViewport===void 0?void 0:componentViewport.width)||\"100vw\",...toResponsiveImage(njuUiuI1E)},className:cx(serializationHash,...sharedStyleClassNames,\"framer-xd9uxg\",className,classNames),\"data-framer-name\":\"4:3\",layoutDependency:layoutDependency,layoutId:\"znl0XCW4i\",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:{...style},...addPropertyOverrides({UJ_WhloaQ:{\"data-framer-name\":\"16:9\"}},baseVariant,gestureVariant)})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-QC20t.framer-1f72027, .framer-QC20t .framer-1f72027 { display: block; }\",\".framer-QC20t.framer-xd9uxg { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 300px; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 400px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-QC20t.framer-xd9uxg { gap: 0px; } .framer-QC20t.framer-xd9uxg > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-QC20t.framer-xd9uxg > :first-child { margin-top: 0px; } .framer-QC20t.framer-xd9uxg > :last-child { margin-bottom: 0px; } }\",\".framer-QC20t.framer-v-1gzusfy.framer-xd9uxg { aspect-ratio: 1.7777777777777777 / 1; height: var(--framer-aspect-ratio-supported, 225px); }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 300\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"UJ_WhloaQ\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"njuUiuI1E\":\"image\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramercyvECMmh9=withCSS(Component,css,\"framer-QC20t\");export default FramercyvECMmh9;FramercyvECMmh9.displayName=\"Aspect\";FramercyvECMmh9.defaultProps={height:300,width:400};addPropertyControls(FramercyvECMmh9,{variant:{options:[\"znl0XCW4i\",\"UJ_WhloaQ\"],optionTitles:[\"4:3\",\"16:9\"],title:\"Variant\",type:ControlType.Enum},njuUiuI1E:{__defaultAssetReference:\"data:framer/asset-reference,2fLrFhljQrF8z3ItKTZTsMiFA.jpg?originalFilename=yum-yum-illustration-friends-sloth%40960.jpg&preferredSize=auto\",title:\"Image\",type:ControlType.ResponsiveImage}});addFonts(FramercyvECMmh9,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramercyvECMmh9\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"njuUiuI1E\\\":\\\"image\\\"}\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"UJ_WhloaQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"400\",\"framerIntrinsicHeight\":\"300\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./cyvECMmh9.map"],
  "mappings": "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",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "toResponsiveImage", "value", "transition1", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "image", "width", "props", "_ref", "_humanReadableVariantMap_props_variant", "_ref1", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "njuUiuI1E", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "Image2", "cx", "css", "FramercyvECMmh9", "withCSS", "cyvECMmh9_default", "addPropertyControls", "ControlType", "addFonts"]
}