{"version":3,"file":"Examples.CDaTMjO2.mjs","names":["Hero","React.useContext","React.useMemo","React.Fragment","React.useRef","React.useId","SVG"],"sources":["https:/framerusercontent.com/modules/Qyj9Ev0JTYbSWpgIvNFG/xkP0HZROMUqx8nosUNhu/miW5QIbcD.js","https:/framerusercontent.com/modules/BwzL18RYbhJZcAKT5jZy/dgG8ZqnsgzWZZ4VHnhhL/Examples.js"],"sourcesContent":["// Generated by Framer (d95cfb1)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SVG,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{Icon as Hero}from\"https://framerusercontent.com/modules/hKjtTuWGYB451ckw6eTN/bbq95ZQZ142lE2fXscHd/Hero.js\";const HeroFonts=getFonts(Hero);const enabledGestures={MGWy4k3zD:{hover:true}};const cycleOrder=[\"MGWy4k3zD\"];const serializationHash=\"framer-vJZyb\";const variantClassNames={MGWy4k3zD:\"framer-v-1lvaqox\"};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 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 getProps=({height,id,overlayClose,width,...props})=>{return{...props,l2LTr0TRc:overlayClose!==null&&overlayClose!==void 0?overlayClose:props.l2LTr0TRc};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,l2LTr0TRc,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"MGWy4k3zD\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1c5eufa=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(l2LTr0TRc){const res=await l2LTr0TRc(...args);if(res===false)return false;}});const ref1=React.useRef(null);const isDisplayed=()=>{if(gestureVariant===\"MGWy4k3zD-hover\")return false;return true;};const isDisplayed1=()=>{if(gestureVariant===\"MGWy4k3zD-hover\")return true;return false;};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__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1lvaqox\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"MGWy4k3zD\",onTap:onTap1c5eufa,ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({\"MGWy4k3zD-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-ym0r5f\",\"data-framer-name\":\"XCircleOutline\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"booocgwJ8\",opacity:1,svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 50 50\"><path d=\"M 19.792 30.208 L 25 25 M 25 25 L 30.208 19.792 M 25 25 L 19.792 19.792 M 25 25 L 30.208 30.208 M 43.75 25 C 43.75 27.462 43.265 29.9 42.323 32.175 C 41.38 34.45 39.999 36.517 38.258 38.258 C 36.517 39.999 34.45 41.38 32.175 42.323 C 29.9 43.265 27.462 43.75 25 43.75 C 22.538 43.75 20.1 43.265 17.825 42.323 C 15.55 41.38 13.483 39.999 11.742 38.258 C 10.001 36.517 8.62 34.45 7.677 32.175 C 6.735 29.9 6.25 27.462 6.25 25 C 6.25 20.027 8.225 15.258 11.742 11.742 C 15.258 8.225 20.027 6.25 25 6.25 C 29.973 6.25 34.742 8.225 38.258 11.742 C 41.775 15.258 43.75 20.027 43.75 25 Z\" fill=\"transparent\" stroke-width=\"2.5\" stroke=\"var(--token-06f58161-3d77-490e-a095-ad20dc6d8132, rgb(169, 174, 186)) /* {&quot;name&quot;:&quot;Grey&quot;} */\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"\"></path></svg>',svgContentId:9830718717,withExternalLayout:true}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-9jpfow-container\",layoutDependency:layoutDependency,layoutId:\"SCYjtHbtN-container\",children:/*#__PURE__*/_jsx(Hero,{color:\"var(--token-3b5305af-0ff6-42c9-9175-a41edefc8a0d, rgb(193, 196, 212))\",height:\"100%\",iconSearch:\"Home\",iconSelection:\"XCircle\",id:\"SCYjtHbtN\",layoutId:\"SCYjtHbtN\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},width:\"100%\",...addPropertyOverrides({\"MGWy4k3zD-hover\":{color:\"var(--token-0aaeb2f6-35ff-486c-9802-bbd815319e64, rgb(235, 236, 237))\"}},baseVariant,gestureVariant)})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-vJZyb.framer-1gc1m6z, .framer-vJZyb .framer-1gc1m6z { display: block; }\",\".framer-vJZyb.framer-1lvaqox { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-vJZyb .framer-ym0r5f { flex: none; height: 50px; position: relative; width: 50px; }\",\".framer-vJZyb .framer-9jpfow-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 51px); position: relative; width: 48px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-vJZyb.framer-1lvaqox { gap: 0px; } .framer-vJZyb.framer-1lvaqox > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-vJZyb.framer-1lvaqox > :first-child { margin-top: 0px; } .framer-vJZyb.framer-1lvaqox > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 50\n * @framerIntrinsicWidth 50\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"Xbu7KHSef\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"l2LTr0TRc\":\"overlayClose\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramermiW5QIbcD=withCSS(Component,css,\"framer-vJZyb\");export default FramermiW5QIbcD;FramermiW5QIbcD.displayName=\"CloseButton\";FramermiW5QIbcD.defaultProps={height:50,width:50};addPropertyControls(FramermiW5QIbcD,{l2LTr0TRc:{title:\"Overlay Close\",type:ControlType.EventHandler}});addFonts(FramermiW5QIbcD,[{explicitInter:true,fonts:[]},...HeroFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramermiW5QIbcD\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"50\",\"framerVariables\":\"{\\\"l2LTr0TRc\\\":\\\"overlayClose\\\"}\",\"framerIntrinsicWidth\":\"50\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Xbu7KHSef\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./miW5QIbcD.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";const negativeGapPrefix=\"Gap:\"// Prefix the layer name with this to set the gap size\n;export function NegativeGapVertical(Component){return props=>applyNegativeGap(Component,props,true);}export function NegativeGapHorizontal(Component){return props=>applyNegativeGap(Component,props,false);}// Function for applying negative gap to an element.\nfunction applyNegativeGap(Component,props,isVertical){const name=props[\"data-framer-name\"];if(name===null||name===void 0?void 0:name.startsWith(negativeGapPrefix)){const id=props.id||\"a\"+Math.floor(Math.random()*1e7).toString();const gap=name.replace(new RegExp(\"^\"+negativeGapPrefix),\"\").trim();return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"contents\"},children:[/*#__PURE__*/_jsx(Component,{...props,id:id,style:{...props.style,gap:0}}),/*#__PURE__*/_jsx(\"style\",{children:`#${id} > *:not(:first-child) { margin-${isVertical?\"top\":\"left\"}: ${gap}px; }`})]});}return /*#__PURE__*/_jsx(Component,{...props});}\nexport const __FramerMetadata__ = {\"exports\":{\"NegativeGapHorizontal\":{\"type\":\"reactHoc\",\"name\":\"NegativeGapHorizontal\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"NegativeGapVertical\":{\"type\":\"reactHoc\",\"name\":\"NegativeGapVertical\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"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"}