{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/UeXYBTg639GUC2vK48sW/aGnmqLilm46js95EPtDA/HyZQmxHin.js", "ssg:https://framerusercontent.com/modules/UeXYBTg639GUC2vK48sW/aGnmqLilm46js95EPtDA/HyZQmxHin-0.js"],
  "sourcesContent": ["// Generated by Framer (d03ec02)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,useActiveVariantCallback,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import*as localizedValues from\"./HyZQmxHin-0.js\";const cycleOrder=[\"LUnkEzTr7\",\"ZXKDGSoC_\"];const serializationHash=\"framer-eA3gx\";const variantClassNames={LUnkEzTr7:\"framer-v-19y2i3h\",ZXKDGSoC_:\"framer-v-1e3uqd5\"};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 transitions={default:{delay:0,duration:1,ease:[0,0,1,1],type:\"tween\"}};const valuesByLocaleId={QM4rgoiAr:localizedValues};const getLocalizedValue=(key,locale)=>{while(locale){const values=valuesByLocaleId[locale.id];if(values){const value=values[key];if(value){return value;}}locale=locale.fallback;}};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 humanReadableVariantMap={\"Variant 1\":\"LUnkEzTr7\",\"Variant 2\":\"ZXKDGSoC_\"};const getProps=({height,id,image,width,...props})=>{var _ref,_humanReadableVariantMap_props_variant,_ref1;return{...props,hAdRgKMG_:(_ref=image!==null&&image!==void 0?image:props.hAdRgKMG_)!==null&&_ref!==void 0?_ref:{src:\"https://framerusercontent.com/images/7DQzgNbWlKBch0ZLS7DeURmgw.svg\"},variant:(_ref1=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref1!==void 0?_ref1:\"LUnkEzTr7\"};};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,hAdRgKMG_,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"LUnkEzTr7\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppear1b2zc5r=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"ZXKDGSoC_\"),500);});useOnVariantChange(baseVariant,{default:onAppear1b2zc5r});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(motion.div,{initial:variant,animate:variants,style:{display:\"contents\"},children:/*#__PURE__*/_jsx(Transition,{value:transition,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-19y2i3h\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"LUnkEzTr7\",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({ZXKDGSoC_:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-11o9602\",\"data-framer-name\":\"Container\",layoutDependency:layoutDependency,layoutId:\"QEQ6XiwQs\",style:{borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-15orq38\",\"data-framer-name\":\"Border\",layoutDependency:layoutDependency,layoutId:\"kYm5a6op3\",style:{background:\"linear-gradient(184deg, rgba(255, 255, 255, 0.12) 0%, rgba(236, 236, 236, 0) 10.52883938626126%, rgba(202, 202, 202, 0) 85.64969999296171%, rgba(171, 171, 171, 0.12) 100%)\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12},variants:{ZXKDGSoC_:{background:\"linear-gradient(124deg, rgba(255, 255, 255, 0.12) 0%, rgba(236, 236, 236, 0) 10.52883938626126%, rgba(202, 202, 202, 0) 85.64969999296171%, rgba(171, 171, 171, 0.12) 100%)\"}}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-uzhg2s\",\"data-framer-name\":\"Frame\",layoutDependency:layoutDependency,layoutId:\"Dq6smPyAY\",style:{background:'radial-gradient(54.2% 41.07275320970043% at 93.2% -3.2%, var(--token-2dfe5194-7d44-4366-a92e-14d0058f5ab3, rgb(48, 46, 88)) /* {\"name\":\"Core * light\"} */ 0%, var(--token-f498dbe8-bd74-48b1-bae5-2d717c5e6402, rgb(8, 9, 35)) /* {\"name\":\"Core * Dark BG\"} */ 100%)',borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10},variants:{ZXKDGSoC_:{background:'radial-gradient(72.1% 97.09329529243938% at 93.2% -3.2%, var(--token-2dfe5194-7d44-4366-a92e-14d0058f5ab3, rgb(48, 46, 88)) /* {\"name\":\"Core * light\"} */ 0%, var(--token-f498dbe8-bd74-48b1-bae5-2d717c5e6402, rgb(8, 9, 35)) /* {\"name\":\"Core * Dark BG\"} */ 100%)'}},children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:197.77778301709978,intrinsicWidth:418.3333444153824,pixelHeight:356,pixelWidth:753,sizes:\"733px\",...toResponsiveImage(hAdRgKMG_)},className:\"framer-1occ0oq\",\"data-framer-name\":\"op_pattern\",layoutDependency:layoutDependency,layoutId:\"FZEh2Q2D6\",style:{opacity:0},variants:{ZXKDGSoC_:{opacity:.5}}})})]})})})});});const css=['.framer-eA3gx[data-border=\"true\"]::after, .framer-eA3gx [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-eA3gx.framer-1xkji7o, .framer-eA3gx .framer-1xkji7o { display: block; }\",\".framer-eA3gx.framer-19y2i3h { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 762px; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1120px; }\",\".framer-eA3gx .framer-11o9602 { flex: none; height: 100%; overflow: visible; position: relative; width: 100%; }\",\".framer-eA3gx .framer-15orq38 { flex: none; height: 99%; left: calc(50.00000000000002% - 100% / 2); overflow: visible; position: absolute; top: calc(49.737532808398974% - 99.47506561679789% / 2); width: 100%; z-index: 1; }\",\".framer-eA3gx .framer-uzhg2s { flex: none; height: 99%; left: calc(50.00000000000002% - 99.64285714285714% / 2); overflow: visible; position: absolute; top: 2px; width: 100%; z-index: 1; }\",\".framer-eA3gx .framer-1occ0oq { aspect-ratio: 2.115168539325843 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 347px); overflow: visible; position: absolute; right: 0px; top: 0px; width: 733px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-eA3gx.framer-19y2i3h { gap: 0px; } .framer-eA3gx.framer-19y2i3h > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-eA3gx.framer-19y2i3h > :first-child { margin-top: 0px; } .framer-eA3gx.framer-19y2i3h > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 762\n * @framerIntrinsicWidth 1120\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"ZXKDGSoC_\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"hAdRgKMG_\":\"image\"}\n * @framerImmutableVariables true\n */const FramerHyZQmxHin=withCSS(Component,css,\"framer-eA3gx\");export default FramerHyZQmxHin;FramerHyZQmxHin.displayName=\"UI Element \u2014 Staple BG\";FramerHyZQmxHin.defaultProps={height:762,width:1120};addPropertyControls(FramerHyZQmxHin,{variant:{options:[\"LUnkEzTr7\",\"ZXKDGSoC_\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum},hAdRgKMG_:{__defaultAssetReference:\"data:framer/asset-reference,7DQzgNbWlKBch0ZLS7DeURmgw.svg?originalFilename=op-pattern.svg&preferredSize=auto\",title:\"Image\",type:ControlType.ResponsiveImage}});addFonts(FramerHyZQmxHin,[]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerHyZQmxHin\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ZXKDGSoC_\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"1120\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"hAdRgKMG_\\\":\\\"image\\\"}\",\"framerIntrinsicHeight\":\"762\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HyZQmxHin.map", "\nexport const __FramerMetadata__ = {\"exports\":{\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "init_ssg_sandbox_shims", "cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transitions", "toResponsiveImage", "value", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "humanReadableVariantMap", "getProps", "height", "id", "image", "width", "props", "_ref", "_humanReadableVariantMap_props_variant", "_ref1", "createLayoutDependency", "variants", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "hAdRgKMG_", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "transitions", "variantClassNames", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onAppear1b2zc5r", "args", "useOnVariantChange", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "LayoutGroup", "motion", "u", "cx", "serializationHash", "addPropertyOverrides", "Image2", "css", "FramerHyZQmxHin", "withCSS", "HyZQmxHin_default", "addPropertyControls", "ControlType", "addFonts"]
}
