{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Ua3WrmyU9VBpdePgi430/Q7uFSWUvGBM2cV8C5Pud/B3xda6KTy.js"],
  "sourcesContent": ["// Generated by Framer (4d21961)\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\";import{useRef}from\"react\";const serializationHash=\"framer-bbJnq\";const variantClassNames={oRjayEB7Q:\"framer-v-1nm3boi\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};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??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,imageBento,width,...props})=>{return{...props,zT973FYTH:imageBento??props.zT973FYTH};};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,zT973FYTH,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"oRjayEB7Q\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];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-1nm3boi\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"oRjayEB7Q\",ref:refBinding,style:{backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,...style},children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:720,intrinsicWidth:960,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(8+((componentViewport?.height||800)-16-((componentViewport?.height||800)-16)*1)/2)),pixelHeight:574,pixelWidth:314,sizes:`max(${componentViewport?.width||\"100vw\"} - 16px, 1px)`,...toResponsiveImage(zT973FYTH)},className:\"framer-1fkbjtu\",\"data-framer-name\":\"Image\",layoutDependency:layoutDependency,layoutId:\"L_559Sblp\",style:{borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12}})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-bbJnq.framer-kp5ocy, .framer-bbJnq .framer-kp5ocy { display: block; }\",\".framer-bbJnq.framer-1nm3boi { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 800px; justify-content: center; overflow: hidden; padding: 8px; position: relative; width: 600px; will-change: var(--framer-will-change-override, transform); }\",\".framer-bbJnq .framer-1fkbjtu { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: 100%; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1px; will-change: var(--framer-will-change-override, transform); }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-bbJnq.framer-1nm3boi, .framer-bbJnq .framer-1fkbjtu { gap: 0px; } .framer-bbJnq.framer-1nm3boi > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-bbJnq.framer-1nm3boi > :first-child { margin-left: 0px; } .framer-bbJnq.framer-1nm3boi > :last-child { margin-right: 0px; } .framer-bbJnq .framer-1fkbjtu > * { margin: 0px; margin-bottom: calc(8px / 2); margin-top: calc(8px / 2); } .framer-bbJnq .framer-1fkbjtu > :first-child { margin-top: 0px; } .framer-bbJnq .framer-1fkbjtu > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 800\n * @framerIntrinsicWidth 600\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"zT973FYTH\":\"imageBento\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerB3xda6KTy=withCSS(Component,css,\"framer-bbJnq\");export default FramerB3xda6KTy;FramerB3xda6KTy.displayName=\"Bento 1\";FramerB3xda6KTy.defaultProps={height:800,width:600};addPropertyControls(FramerB3xda6KTy,{zT973FYTH:{title:\"Image bento\",type:ControlType.ResponsiveImage}});addFonts(FramerB3xda6KTy,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerB3xda6KTy\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"600\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"800\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerVariables\":\"{\\\"zT973FYTH\\\":\\\"imageBento\\\"}\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./B3xda6KTy.map"],
  "mappings": "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",
  "names": ["serializationHash", "variantClassNames", "transition1", "toResponsiveImage", "value", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "getProps", "height", "id", "imageBento", "width", "props", "createLayoutDependency", "variants", "Component", "Y", "ref", "fallbackRef", "pe", "refBinding", "defaultLayoutId", "ae", "activeLocale", "setLocale", "useLocaleInfo", "componentViewport", "useComponentViewport", "style", "className", "layoutId", "variant", "zT973FYTH", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "variantClassNames", "layoutDependency", "scopingClassNames", "cx", "serializationHash", "LayoutGroup", "Image2", "getLoadingLazyAtYPosition", "css", "FramerB3xda6KTy", "withCSS", "B3xda6KTy_default", "addPropertyControls", "ControlType", "addFonts"]
}
