{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/myUISuYgWc19HQpXbjUB/AjEpjyDUcMMcn8CxxYQi/j6clPlAlA.js"],
  "sourcesContent": ["// Generated by Framer (5b5d553)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"KyZnmb5es\",\"ZUiYyX_nM\"];const variantClassNames={KyZnmb5es:\"framer-v-3pc46c\",ZUiYyX_nM:\"framer-v-iog50v\"};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 humanReadableVariantMap={Desktop:\"KyZnmb5es\",Mobile:\"ZUiYyX_nM\"};const transitions={default:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],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 Component=/*#__PURE__*/ React.forwardRef(function({id,style,className,width,height,layoutId,variant:outerVariant=\"KyZnmb5es\",desktopImage:AYOaKu9by,mobileImage:R1Mab9enY,...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"KyZnmb5es\",transitions,variant,variantClassNames});const layoutDependency=variants.join(\"-\")+restProps.layoutDependency;const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-bpvrn\",classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Image,{...restProps,background:{alt:\"\",fit:\"fill\",intrinsicHeight:592,intrinsicWidth:1440,pixelHeight:592,pixelWidth:1440,...toResponsiveImage(AYOaKu9by)},className:cx(\"framer-3pc46c\",className),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"KyZnmb5es\",ref:ref,style:{...style},transition:transition,...addPropertyOverrides({ZUiYyX_nM:{\"data-framer-name\":\"Mobile\",background:{alt:\"\",fit:\"fit\",intrinsicHeight:592,intrinsicWidth:1440,pixelHeight:592,pixelWidth:1440,...toResponsiveImage(R1Mab9enY)}}},baseVariant,gestureVariant)})})});});const css=['.framer-bpvrn [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-bpvrn .framer-1ieuw11 { display: block; }\",\".framer-bpvrn .framer-3pc46c { height: 592px; overflow: hidden; position: relative; width: 1440px; }\",\".framer-bpvrn.framer-v-iog50v .framer-3pc46c { aspect-ratio: 0.975 / 1; height: var(--framer-aspect-ratio-supported, 400px); width: 390px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 592\n * @framerIntrinsicWidth 1440\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"ZUiYyX_nM\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"AYOaKu9by\":\"desktopImage\",\"R1Mab9enY\":\"mobileImage\"}\n */ const Framerj6clPlAlA=withCSS(Component,css,\"framer-bpvrn\");export default Framerj6clPlAlA;Framerj6clPlAlA.displayName=\"TPRO Case Study Full Width Image\";Framerj6clPlAlA.defaultProps={height:592,width:1440};addPropertyControls(Framerj6clPlAlA,{variant:{options:[\"KyZnmb5es\",\"ZUiYyX_nM\"],optionTitles:[\"Desktop\",\"Mobile\"],title:\"Variant\",type:ControlType.Enum},AYOaKu9by:{title:\"Desktop Image\",type:ControlType.ResponsiveImage},R1Mab9enY:{title:\"Mobile Image\",type:ControlType.ResponsiveImage}});addFonts(Framerj6clPlAlA,[]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerj6clPlAlA\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"AYOaKu9by\\\":\\\"desktopImage\\\",\\\"R1Mab9enY\\\":\\\"mobileImage\\\"}\",\"framerIntrinsicWidth\":\"1440\",\"framerIntrinsicHeight\":\"592\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ZUiYyX_nM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./j6clPlAlA.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "toResponsiveImage", "value", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "AYOaKu9by", "R1Mab9enY", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "Image2", "css", "Framerj6clPlAlA", "withCSS", "j6clPlAlA_default", "addPropertyControls", "ControlType", "addFonts"]
}