{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ibxhcCn9Kb1W0cMQb9vp/3idivtOJ2WeF8jGzP7PS/FVGT1vydt.js"],
  "sourcesContent": ["// Generated by Framer (400c93f)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useActiveVariantCallback,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-3Zz4i\";const variantClassNames={B9hj1OXFd:\"framer-v-bue5mz\"};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 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=({click,height,hover,hover2,id,width,...props})=>{return{...props,frBavW8hu:hover2??props.frBavW8hu,SjmFdmyGr:click??props.SjmFdmyGr,TD_RR5rKh:hover??props.TD_RR5rKh};};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,TD_RR5rKh,frBavW8hu,SjmFdmyGr,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"B9hj1OXFd\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap14gtrgj=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(SjmFdmyGr){const res=await SjmFdmyGr(...args);if(res===false)return false;}});const onMouseEnterw6psln=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});if(TD_RR5rKh){const res=await TD_RR5rKh(...args);if(res===false)return false;}if(frBavW8hu){const res=await frBavW8hu(...args);if(res===false)return false;}});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-bue5mz\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"B9hj1OXFd\",onMouseEnter:onMouseEnterw6psln,onTap:onTap14gtrgj,ref:refBinding,style:{\"--border-bottom-width\":\"0.5px\",\"--border-color\":\"var(--token-9340c8d7-e6a6-43c6-a076-910bae591d02, rgb(201, 133, 255))\",\"--border-left-width\":\"0.5px\",\"--border-right-width\":\"0.5px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0.5px\",backgroundColor:\"rgba(200, 133, 255, 0.61)\",borderBottomLeftRadius:1,borderBottomRightRadius:1,borderTopLeftRadius:1,borderTopRightRadius:1,...style}})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-3Zz4i.framer-1n7l0o5, .framer-3Zz4i .framer-1n7l0o5 { display: block; }\",\".framer-3Zz4i.framer-bue5mz { cursor: pointer; height: 29px; overflow: hidden; position: relative; width: 53px; will-change: var(--framer-will-change-override, transform); }\",'.framer-3Zz4i[data-border=\"true\"]::after, .framer-3Zz4i [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 29\n * @framerIntrinsicWidth 53\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"TD_RR5rKh\":\"hover\",\"frBavW8hu\":\"hover2\",\"SjmFdmyGr\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerFVGT1vydt=withCSS(Component,css,\"framer-3Zz4i\");export default FramerFVGT1vydt;FramerFVGT1vydt.displayName=\"Area Tiles\";FramerFVGT1vydt.defaultProps={height:29,width:53};addPropertyControls(FramerFVGT1vydt,{TD_RR5rKh:{title:\"Hover\",type:ControlType.EventHandler},frBavW8hu:{title:\"Hover 2\",type:ControlType.EventHandler},SjmFdmyGr:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FramerFVGT1vydt,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerFVGT1vydt\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"TD_RR5rKh\\\":\\\"hover\\\",\\\"frBavW8hu\\\":\\\"hover2\\\",\\\"SjmFdmyGr\\\":\\\"click\\\"}\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"53\",\"framerDisplayContentsDiv\":\"false\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"29\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FVGT1vydt.map"],
  "mappings": "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",
  "names": ["serializationHash", "variantClassNames", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "getProps", "click", "height", "hover", "hover2", "id", "width", "props", "createLayoutDependency", "variants", "Component", "Y", "ref", "fallbackRef", "pe", "refBinding", "defaultLayoutId", "ae", "activeLocale", "setLocale", "useLocaleInfo", "componentViewport", "useComponentViewport", "style", "className", "layoutId", "variant", "TD_RR5rKh", "frBavW8hu", "SjmFdmyGr", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "variantClassNames", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTap14gtrgj", "args", "onMouseEnterw6psln", "scopingClassNames", "cx", "serializationHash", "LayoutGroup", "css", "FramerFVGT1vydt", "withCSS", "FVGT1vydt_default", "addPropertyControls", "ControlType", "addFonts"]
}