{"version":3,"file":"Examples_1.DaaKbQry.mjs","names":["React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","RichText","useState"],"sources":["https:/framerusercontent.com/modules/bbZMuEfwlz1NjXQqgEff/KSP20za8ZiO7KhdLxKhS/iS_C_lJa1.js","https:/framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js","https:/framer.com/m/framer/store.js@^1.0.0","https:/framerusercontent.com/modules/28rXvpPsrum7FH6cMELS/1jCAazZw1EGHjrG5Nu5D/Utils.js","https:/framer.com/m/framer/utils.js@^0.9.0","https:/framerusercontent.com/modules/Cf3QV5DZ67crkSltHz8v/s94lsLgVLQjGcZoOmulX/Examples_1.js"],"sourcesContent":["// Generated by Framer (1a21bd5)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const enabledGestures={mER_J1GbO:{hover:true},P9JuNIi8B:{hover:true},SeDmeK5Pb:{hover:true},UHJQLr9E_:{hover:true},Un7Vj9mQw:{hover:true},XJjbLkx1F:{hover:true},y_XsF_lCx:{hover:true}};const cycleOrder=[\"XJjbLkx1F\",\"Un7Vj9mQw\",\"y_XsF_lCx\",\"UHJQLr9E_\",\"P9JuNIi8B\",\"SeDmeK5Pb\",\"mER_J1GbO\"];const serializationHash=\"framer-vM6D6\";const variantClassNames={mER_J1GbO:\"framer-v-1ltor8h\",P9JuNIi8B:\"framer-v-1snmk5b\",SeDmeK5Pb:\"framer-v-25g9ye\",UHJQLr9E_:\"framer-v-sxzox9\",Un7Vj9mQw:\"framer-v-1mr2vmd\",XJjbLkx1F:\"framer-v-j5rvk\",y_XsF_lCx:\"framer-v-1opo4ba\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const eCTQVoHlE=undefined;const CETqBDyFr=undefined;const transition1={damping:60,delay:0,mass:1,stiffness:400,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 humanReadableVariantMap={\"Black 404\":\"SeDmeK5Pb\",\"Border Button \":\"UHJQLr9E_\",\"Button Black\":\"y_XsF_lCx\",\"Header Small\":\"Un7Vj9mQw\",\"Pricing Button\":\"mER_J1GbO\",\"Primary \":\"XJjbLkx1F\",\"White Button\":\"P9JuNIi8B\"};const Variants=motion.create(React.Fragment);const getProps=({buttonLink,height,id,title,width,...props})=>{return{...props,CETqBDyFr:title??props.CETqBDyFr??\"Get 14 Days Free Trial\",eCTQVoHlE:buttonLink??props.eCTQVoHlE,variant:humanReadableVariantMap[props.variant]??props.variant??\"XJjbLkx1F\"};};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,CETqBDyFr,eCTQVoHlE,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"XJjbLkx1F\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);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(Link,{href:eCTQVoHlE,motionChild:true,nodeId:\"XJjbLkx1F\",scopeId:\"iS_C_lJa1\",children:/*#__PURE__*/_jsx(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-j5rvk\",className,classNames)} framer-x2c64v`,\"data-framer-name\":\"Primary \",layoutDependency:layoutDependency,layoutId:\"XJjbLkx1F\",ref:refBinding,style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"rgba(0, 0, 0, 0)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",backgroundColor:\"var(--token-4d3e4d91-99eb-4e4d-8c88-7fa2236d8884, rgb(255, 113, 1))\",borderBottomLeftRadius:30,borderBottomRightRadius:30,borderTopLeftRadius:30,borderTopRightRadius:30,...style},variants:{\"mER_J1GbO-hover\":{backgroundColor:\"var(--token-14bdc414-6379-4faa-99d6-0499293d0d0f, rgb(255, 255, 255))\"},\"P9JuNIi8B-hover\":{backgroundColor:\"var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0))\"},\"SeDmeK5Pb-hover\":{backgroundColor:\"var(--token-a3ce622b-5b16-4466-80de-ab038b2b042d, rgb(22, 76, 255))\"},\"UHJQLr9E_-hover\":{backgroundColor:\"var(--token-f53e5853-775f-4ac2-b3b1-7dbc0475ff95, rgb(171, 171, 171))\"},\"Un7Vj9mQw-hover\":{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\",backgroundColor:\"var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0))\"},\"XJjbLkx1F-hover\":{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\",backgroundColor:\"var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0))\"},\"y_XsF_lCx-hover\":{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\",backgroundColor:\"var(--token-4d3e4d91-99eb-4e4d-8c88-7fa2236d8884, rgb(255, 113, 1))\"},mER_J1GbO:{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\"},P9JuNIi8B:{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\",backgroundColor:\"var(--token-14bdc414-6379-4faa-99d6-0499293d0d0f, rgb(255, 255, 255))\"},SeDmeK5Pb:{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\",backgroundColor:\"var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0))\"},UHJQLr9E_:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(59, 59, 59, 0.12)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"rgba(0, 0, 0, 0)\"},y_XsF_lCx:{backgroundColor:\"var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0))\"}},...addPropertyOverrides({\"mER_J1GbO-hover\":{\"data-framer-name\":undefined},\"P9JuNIi8B-hover\":{\"data-framer-name\":undefined},\"SeDmeK5Pb-hover\":{\"data-framer-name\":undefined},\"UHJQLr9E_-hover\":{\"data-framer-name\":undefined},\"Un7Vj9mQw-hover\":{\"data-framer-name\":undefined},\"XJjbLkx1F-hover\":{\"data-framer-name\":undefined},\"y_XsF_lCx-hover\":{\"data-framer-name\":undefined},mER_J1GbO:{\"data-framer-name\":\"Pricing Button\"},P9JuNIi8B:{\"data-framer-name\":\"White Button\"},SeDmeK5Pb:{\"data-framer-name\":\"Black 404\"},UHJQLr9E_:{\"data-border\":true,\"data-framer-name\":\"Border Button \"},Un7Vj9mQw:{\"data-framer-name\":\"Header Small\"},y_XsF_lCx:{\"data-framer-name\":\"Button Black\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"170%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-14bdc414-6379-4faa-99d6-0499293d0d0f, rgb(255, 255, 255)))\"},children:\"Get 14 Days Free Trial\"})}),className:\"framer-7x5zdi\",\"data-framer-name\":\"Try Now\",fonts:[\"Inter-Medium\"],layoutDependency:layoutDependency,layoutId:\"xUpir9hGh\",style:{\"--extracted-r6o4lv\":\"var(--token-14bdc414-6379-4faa-99d6-0499293d0d0f, rgb(255, 255, 255))\",\"--framer-paragraph-spacing\":\"0px\"},text:CETqBDyFr,variants:{\"mER_J1GbO-hover\":{\"--extracted-r6o4lv\":\"var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0))\"},\"P9JuNIi8B-hover\":{\"--extracted-r6o4lv\":\"var(--token-14bdc414-6379-4faa-99d6-0499293d0d0f, rgb(255, 255, 255))\"},\"UHJQLr9E_-hover\":{\"--extracted-r6o4lv\":\"var(--token-81b168de-2b30-4241-a479-82fa25c80f8c, rgb(10, 10, 10))\"},P9JuNIi8B:{\"--extracted-r6o4lv\":\"var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0))\"},UHJQLr9E_:{\"--extracted-r6o4lv\":\"var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0))\"}},verticalAlignment:\"center\",withExternalLayout:true,...addPropertyOverrides({\"mER_J1GbO-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"170%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0)))\"},children:\"Get 14 Days Free Trial\"})})},\"P9JuNIi8B-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"170%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-14bdc414-6379-4faa-99d6-0499293d0d0f, rgb(255, 255, 255)))\"},children:\"Get 14 Days Free Trial\"})})},\"UHJQLr9E_-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"170%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-81b168de-2b30-4241-a479-82fa25c80f8c, rgb(10, 10, 10)))\"},children:\"Get 14 Days Free Trial\"})})},P9JuNIi8B:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"170%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0)))\"},children:\"Get 14 Days Free Trial\"})})},UHJQLr9E_:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"170%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-799599cb-0f60-495b-a815-283b1a5641df, rgb(0, 0, 0)))\"},children:\"Get 14 Days Free Trial\"})})}},baseVariant,gestureVariant)})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-vM6D6.framer-x2c64v, .framer-vM6D6 .framer-x2c64v { display: block; }\",\".framer-vM6D6.framer-j5rvk { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 10px 20px 12px 20px; position: relative; text-decoration: none; width: min-content; }\",\".framer-vM6D6 .framer-7x5zdi { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-vM6D6.framer-v-1mr2vmd.framer-j5rvk { padding: 12px 16px 12px 16px; }\",\".framer-vM6D6.framer-v-25g9ye.framer-j5rvk { padding: 10px 22px 12px 22px; }\",'.framer-vM6D6[data-border=\"true\"]::after, .framer-vM6D6 [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; corner-shape: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 46\n * @framerIntrinsicWidth 187\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"Un7Vj9mQw\":{\"layout\":[\"auto\",\"auto\"]},\"y_XsF_lCx\":{\"layout\":[\"auto\",\"auto\"]},\"UHJQLr9E_\":{\"layout\":[\"auto\",\"auto\"]},\"P9JuNIi8B\":{\"layout\":[\"auto\",\"auto\"]},\"SeDmeK5Pb\":{\"layout\":[\"auto\",\"auto\"]},\"mER_J1GbO\":{\"layout\":[\"auto\",\"auto\"]},\"UvHaDEg1Z\":{\"layout\":[\"auto\",\"auto\"]},\"KaoiZQw2M\":{\"layout\":[\"auto\",\"auto\"]},\"Hfg58x1vd\":{\"layout\":[\"auto\",\"auto\"]},\"T6oTvPFRM\":{\"layout\":[\"auto\",\"auto\"]},\"LvSRIPHcn\":{\"layout\":[\"auto\",\"auto\"]},\"wMqi_1lLZ\":{\"layout\":[\"auto\",\"auto\"]},\"CXTSV1Jk4\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"CETqBDyFr\":\"title\",\"eCTQVoHlE\":\"buttonLink\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FrameriS_C_lJa1=withCSS(Component,css,\"framer-vM6D6\");export default FrameriS_C_lJa1;FrameriS_C_lJa1.displayName=\"Button 5\";FrameriS_C_lJa1.defaultProps={height:46,width:187};addPropertyControls(FrameriS_C_lJa1,{variant:{options:[\"XJjbLkx1F\",\"Un7Vj9mQw\",\"y_XsF_lCx\",\"UHJQLr9E_\",\"P9JuNIi8B\",\"SeDmeK5Pb\",\"mER_J1GbO\"],optionTitles:[\"Primary \",\"Header Small\",\"Button Black\",\"Border Button \",\"White Button\",\"Black 404\",\"Pricing Button\"],title:\"Variant\",type:ControlType.Enum},CETqBDyFr:{defaultValue:\"Get 14 Days Free Trial\",displayTextArea:false,title:\"Title\",type:ControlType.String},onCETqBDyFrChange:{changes:\"CETqBDyFr\",type:ControlType.ChangeHandler},eCTQVoHlE:{title:\"Button Link\",type:ControlType.Link}});addFonts(FrameriS_C_lJa1,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5A3Ce6C9YYmCjpQx9M4inSaKU.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/Qx95Xyt0Ka3SGhinnbXIGpEIyP4.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/6mJuEAguuIuMog10gGvH5d3cl8.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/UjlFhCnUjxhNfep4oYBPqnEssyo.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/DolVirEGb34pEXEp8t8FQBSK4.woff2\",weight:\"500\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameriS_C_lJa1\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"CETqBDyFr\\\":\\\"title\\\",\\\"eCTQVoHlE\\\":\\\"buttonLink\\\"}\",\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Un7Vj9mQw\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"y_XsF_lCx\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"UHJQLr9E_\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"P9JuNIi8B\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"SeDmeK5Pb\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"mER_J1GbO\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"UvHaDEg1Z\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"KaoiZQw2M\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Hfg58x1vd\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"T6oTvPFRM\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"LvSRIPHcn\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"wMqi_1lLZ\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"CXTSV1Jk4\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"187\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"46\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./iS_C_lJa1.map","import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map","/*\n * createStore (framer/store@1.0.1)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js\"\n","export const centerContent = {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\"\n};\nexport const autoSizingText = {\n    width: \"max-content\",\n    wordBreak: \"break-word\",\n    overflowWrap: \"break-word\",\n    overflow: \"hidden\",\n    whiteSpace: \"pre-wrap\",\n    flexShrink: 0\n};\nexport const defaultContainerStyles = {\n    ...centerContent,\n    overflow: \"hidden\"\n};\nexport const containerStyles = defaultContainerStyles;\nexport const randomColor = ()=>\"#\" + Math.floor(Math.random() * 16777215).toString(16)\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"centerContent\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"autoSizingText\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultContainerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomColor\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./Utils.map","/*\n * Utils (framer/utils@0.9.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/28rXvpPsrum7FH6cMELS/1jCAazZw1EGHjrG5Nu5D/Utils.js\"\n","import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef}from\"react\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{randomColor}from\"https://framer.com/m/framer/utils.js@^0.9.0\";// Learn more: https://www.framer.com/developers/overrides/\nconst useStore=createStore({background:\"#0099FF\"});export function withRotate(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{rotate:90},transition:{duration:2}});});}export function withHover(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,whileHover:{scale:1.05}});});}export function withRandomColor(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const[store,setStore]=useStore();return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{background:store.background},onClick:()=>{setStore({background:randomColor()});}});});}export function withCrispOpen(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,onClick:()=>{// @ts-ignore\nif(window.$crisp)window.$crisp.push([\"do\",\"chat:open\"]);}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRotate\":{\"type\":\"reactHoc\",\"name\":\"withRotate\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withCrispOpen\":{\"type\":\"reactHoc\",\"name\":\"withCrispOpen\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples_1.map"],"mappings":"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"}