{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/vJqDxrz1ag9nVe2I8fUY/0PsASaY7ACLpVBZRv0Un/ai_Tk5fM6.js"],
  "sourcesContent": ["// Generated by Framer (c7f0859)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"Yw6PxjYBC\",\"SnPeG3v6R\"];const serializationHash=\"framer-LOPos\";const variantClassNames={SnPeG3v6R:\"framer-v-deag77\",Yw6PxjYBC:\"framer-v-7mfa2z\"};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={\"Variant 1\":\"Yw6PxjYBC\",\"Variant 2\":\"SnPeG3v6R\"};const getProps=({click,height,id,image,keyPoint,textVisiblity,width,...props})=>{var _ref,_humanReadableVariantMap_props_variant,_ref1,_ref2;return{...props,EAUVCTMRS:(_ref=textVisiblity!==null&&textVisiblity!==void 0?textVisiblity:props.EAUVCTMRS)!==null&&_ref!==void 0?_ref:true,EjPtuysEQ:image!==null&&image!==void 0?image:props.EjPtuysEQ,variant:(_ref1=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref1!==void 0?_ref1:\"Yw6PxjYBC\",zHIzR0ir3:(_ref2=keyPoint!==null&&keyPoint!==void 0?keyPoint:props.zHIzR0ir3)!==null&&_ref2!==void 0?_ref2:\"Key Point #\",ztdIPvBWE:click!==null&&click!==void 0?click:props.ztdIPvBWE};};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,EjPtuysEQ,zHIzR0ir3,EAUVCTMRS,ztdIPvBWE,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"Yw6PxjYBC\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1hmgbka=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(ztdIPvBWE){const res=await ztdIPvBWE(...args);if(res===false)return false;}});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\",intrinsicHeight:1333,intrinsicWidth:2e3,pixelHeight:1333,pixelWidth:2e3,sizes:(componentViewport===null||componentViewport===void 0?void 0:componentViewport.width)||\"100vw\",...toResponsiveImage(EjPtuysEQ)},className:cx(serializationHash,...sharedStyleClassNames,\"framer-7mfa2z\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"Yw6PxjYBC\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:onTap1hmgbka,onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({SnPeG3v6R:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:EAUVCTMRS&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-69pr30\",layoutDependency:layoutDependency,layoutId:\"QUkCryFSN\",style:{backgroundColor:\"var(--token-4e0c2659-e32a-43e8-8298-c348bb988bc5, rgb(21, 21, 21))\"},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7Um9ib3RvLTcwMA==\",\"--framer-font-family\":'\"Roboto\", \"Roboto Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-ffe77d1b-1520-4519-95c7-bee76b1d7b21, rgb(255, 255, 255)))\"},children:\"Key Point #\"})}),className:\"framer-2466mu\",fonts:[\"GF;Roboto-700\"],layoutDependency:layoutDependency,layoutId:\"iwMFNrMcm\",style:{\"--extracted-r6o4lv\":\"var(--token-ffe77d1b-1520-4519-95c7-bee76b1d7b21, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:zHIzR0ir3,verticalAlignment:\"top\",withExternalLayout:true})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-LOPos.framer-ugsjp3, .framer-LOPos .framer-ugsjp3 { display: block; }\",\".framer-LOPos.framer-7mfa2z { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: 400px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 400px; }\",\".framer-LOPos .framer-69pr30 { align-content: center; align-items: center; bottom: 0px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; left: 0px; overflow: visible; padding: 16px 32px 16px 32px; position: absolute; right: 0px; z-index: 1; }\",\".framer-LOPos .framer-2466mu { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-LOPos.framer-7mfa2z, .framer-LOPos .framer-69pr30 { gap: 0px; } .framer-LOPos.framer-7mfa2z > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-LOPos.framer-7mfa2z > :first-child { margin-top: 0px; } .framer-LOPos.framer-7mfa2z > :last-child { margin-bottom: 0px; } .framer-LOPos .framer-69pr30 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-LOPos .framer-69pr30 > :first-child { margin-left: 0px; } .framer-LOPos .framer-69pr30 > :last-child { margin-right: 0px; } }\",\".framer-LOPos.framer-v-deag77.framer-7mfa2z { height: 225px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 400\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"SnPeG3v6R\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"EjPtuysEQ\":\"image\",\"zHIzR0ir3\":\"keyPoint\",\"EAUVCTMRS\":\"textVisiblity\",\"ztdIPvBWE\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const Framerai_Tk5fM6=withCSS(Component,css,\"framer-LOPos\");export default Framerai_Tk5fM6;Framerai_Tk5fM6.displayName=\"Case Study - Image Gallery Components\";Framerai_Tk5fM6.defaultProps={height:400,width:400};addPropertyControls(Framerai_Tk5fM6,{variant:{options:[\"Yw6PxjYBC\",\"SnPeG3v6R\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum},EjPtuysEQ:{title:\"Image\",type:ControlType.ResponsiveImage},zHIzR0ir3:{defaultValue:\"Key Point #\",displayTextArea:false,title:\"Key Point\",type:ControlType.String},EAUVCTMRS:{defaultValue:true,title:\"Text Visiblity\",type:ControlType.Boolean},ztdIPvBWE:{title:\"Click\",type:ControlType.EventHandler}});addFonts(Framerai_Tk5fM6,[{explicitInter:true,fonts:[{family:\"Roboto\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvBh05IsDqlA.woff2\",weight:\"700\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerai_Tk5fM6\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"400\",\"framerIntrinsicHeight\":\"400\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"SnPeG3v6R\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerVariables\":\"{\\\"EjPtuysEQ\\\":\\\"image\\\",\\\"zHIzR0ir3\\\":\\\"keyPoint\\\",\\\"EAUVCTMRS\\\":\\\"textVisiblity\\\",\\\"ztdIPvBWE\\\":\\\"click\\\"}\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ai_Tk5fM6.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", "click", "height", "id", "image", "keyPoint", "textVisiblity", "width", "props", "_ref", "_humanReadableVariantMap_props_variant", "_ref1", "_ref2", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "EjPtuysEQ", "zHIzR0ir3", "EAUVCTMRS", "ztdIPvBWE", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTap1hmgbka", "args", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "Image2", "cx", "RichText2", "css", "Framerai_Tk5fM6", "withCSS", "ai_Tk5fM6_default", "addPropertyControls", "ControlType", "addFonts"]
}
