{"version":3,"file":"shared-lib.DinMtX2R.mjs","names":["variationAxes","fonts","css","className","useState","useMemo","useCallback","current","useSyncExternalStore","__legacyOverrideHOC_DataObserverContext","_jsx","useLayoutEffect","useEffect","mask","SVG","getProps","Icon","React.forwardRef","mask","SVG","getProps","Icon","React.forwardRef","addPropertyOverrides","Sun","Crescent","enabledGestures","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","__FramerMetadata__","ThemeSwitcher","ThemeSwitcherInfo","serializationHash","variantClassNames","transition1","matchVariant","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","useRef","useMemo","useMemo","useMemo","getProps","useRef","useCallback","useState","useMemo","mask","SVG","getProps","Icon","React.forwardRef","addPropertyOverrides","Arrow","enabledGestures","cycleOrder","serializationHash","variantClassNames","transition1","transition2","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","fonts","css","className","getProps","React.forwardRef","addPropertyOverrides","Fullscreen","cycleOrder","serializationHash","variantClassNames","transition1","toResponsiveImage","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","Image1","ImageLightbox","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","Image1","v","p","y","m","I","j","D","C","W","V","Y","n","s","a","u","l","h","c","d","w","b","T","x","N","A","R","U","S","g","p","d","x","g","s","n","t","r","o","y","h","f"],"sources":["https:/framerusercontent.com/modules/xPyPAvKOBDRkJNclRFvp/1stJ0dZrKbLGs3Ir2BSy/hPpYaif_Q.js","https:/framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js","https:/framer.com/m/framer/store.js@^1.0.0","https:/framerusercontent.com/modules/DgNgZXJGo4L4cMpERma4/QijXriyBiKN16KqDgbx3/ThemeSwitcher.js","https:/framerusercontent.com/modules/ME4035ro32CrignN2Qrz/FuWTx8yvQJCLH4GyHpv9/ytGW9Q6Qd.js","https:/framerusercontent.com/modules/r7Q26TvBl3f2p0XQzPj3/Lvfn24sR8zss7nzKU1T5/ZuJJ7IgwO.js","https:/framerusercontent.com/modules/XgI838gAw8ShbHpF5Rbj/wh7vEGt1nMn69nTEGNkp/TNs__iJX1.js","https:/framerusercontent.com/modules/zfAuG2WBJ3DlVMTi31pf/VGi3V2i7OklLSVhndEXD/aQV0IKquC.js","https:/framerusercontent.com/modules/o5cVtpqVId0dGMZVnfkS/C6SAZG3dE7WBsm77GnaR/vCVGqDQJa.js","https:/framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js","https:/framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js","https:/framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js","https:/framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js","https:/framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js","https:/framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js","https:/framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js","https:/framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js","https:/framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js","https:/framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js","https:/framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js","https:/framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js","https:/framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js","https:/framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js","https:/framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js","https:/framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/I6H5ZhUPA8PwvfVPIGXQ/Video.js","https:/framerusercontent.com/modules/K6uEIMzP6lZgZcLoYWtb/WdjpVoSCtTx4NSURRkcQ/LDsXJAVS6.js","https:/framerusercontent.com/modules/8DqgIk0qbXLo231fo18j/4VeoGwFXm4INAoM6YGBL/MdCAsJlGM.js","https:/framerusercontent.com/modules/sgh7pOtro99P6j45x7eG/grBVHxt1kPmXELxpQRvm/BMP5mjMvk.js","https:/framerusercontent.com/modules/r94C4hsDjOgtPMQKMKnG/YRSOp9qkk3TJkg2PqreG/p0OtSfd9N.js","https:/framerusercontent.com/modules/KNCpgDvslkz8wXbGLOBG/kWLgEUOmy6fL0Qg4BZYM/JPRNBHT2H.js","https:/framerusercontent.com/modules/UcJqifWArkK3Z5YRMbp0/r9rFTrUFS1COGwmVTZ3H/KIrGWqIrE.js","https:/framerusercontent.com/modules/w7WMokrfWMzPkZ0504yN/aWx2VZwBgSNPwnyrDeg4/jL_QORpil.js","https:/framerusercontent.com/modules/xQC40KG8pGfzeNnMda5n/rbhedB3cXyzpJkGQ6XMY/DVHUnits.js","https:/framerusercontent.com/modules/obQte0VCrV60LPy2D6zJ/OFZ3Wj3gXoHJRpLnFjWv/cxJRWYIaV-0.js","https:/framerusercontent.com/modules/obQte0VCrV60LPy2D6zJ/OFZ3Wj3gXoHJRpLnFjWv/cxJRWYIaV-1.js","https:/framerusercontent.com/modules/obQte0VCrV60LPy2D6zJ/OFZ3Wj3gXoHJRpLnFjWv/cxJRWYIaV.js","https:/framerusercontent.com/modules/8U7xdkuDh6TmGynvx2mM/phg2yWAQQAlCoAJiMoyA/siteMetadata.js"],"sourcesContent":["// Generated by Framer (d485f69)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Manrope-variable\",\"FS;Manrope-variableVF=IndnaHQiIDcwMA==\",\"FS;Manrope-variableVF=IndnaHQiIDcwMA==\",\"FS;Manrope-variableVF=IndnaHQiIDcwMA==\"]);const variationAxes=[{defaultValue:200,maxValue:800,minValue:200,name:\"Weight\",tag:\"wght\"}];export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Manrope Variable\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Manrope\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/6KNUAYMK3PTPQA22366IWF5JUVT35NZ3/E4CLT6PE4W64IV56BHAWFRZFLHPZIXFF/DEPNXL2T77QGX4DXZAN3G53TXHO2JEFP.woff2\",variationAxes,weight:\"400\"}]}];export const css=['.framer-jFrcD .framer-styles-preset-1kuzyo:not(.rich-text-wrapper), .framer-jFrcD .framer-styles-preset-1kuzyo.rich-text-wrapper p { --framer-font-family: \"Manrope Variable\", \"Manrope Variable Placeholder\", sans-serif; --framer-font-family-bold: \"Manrope Variable\", \"Manrope Variable Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Manrope Variable\", \"Manrope Variable Placeholder\", sans-serif; --framer-font-family-italic: \"Manrope Variable\", \"Manrope Variable Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: calc(var(--framer-root-font-size, 1rem) * 1); --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: normal; --framer-font-style-italic: normal; --framer-font-variation-axes: \"wght\" 700; --framer-font-variation-axes-bold: \"wght\" 700; --framer-font-variation-axes-bold-italic: \"wght\" 700; --framer-font-variation-axes-italic: \"wght\" 700; --framer-font-weight: 400; --framer-font-weight-bold: 400; --framer-font-weight-bold-italic: 400; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 20px; --framer-paragraph-spacing: 8px; --framer-text-alignment: start; --framer-text-color: var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, #000000); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-jFrcD\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","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","/**\n * Overview:\n * Synchronizes the global light, dark, and system theme across Framer components.\n * Persists the preference, mirrors it to document attributes, and keeps component variants and theme tokens in sync.\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{startTransition,useCallback,useLayoutEffect,useMemo,useEffect,useSyncExternalStore}from\"react\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";const isBrowser=typeof window!==\"undefined\"&&typeof document!==\"undefined\";const STORAGE_KEY=\"theme\";const STYLE_ID=\"toggle-theme\";const THEME_EVENT=\"toggle-theme-change\";let hasInitializedTheme=false;let pendingBodyTheme=null;let hasBodyReadyListener=false;const getInitialTheme=()=>{if(!isBrowser)return\"system\";const saved=localStorage.getItem(STORAGE_KEY);return saved===\"light\"||saved===\"dark\"||saved===\"system\"?saved:\"system\";};const useStore=createStore({theme:getInitialTheme()});let cachedLightTokens=\"\";let cachedDarkTokens=\"\";let hasExtractedTokens=false;const resolveSystemTheme=()=>{if(!isBrowser)return\"light\";return window.matchMedia(\"(prefers-color-scheme: dark)\").matches?\"dark\":\"light\";};const resolveThemeFromPreference=preference=>{return preference===\"system\"?resolveSystemTheme():preference;};const readActiveTheme=()=>{if(isBrowser){const activeTheme=document.documentElement.getAttribute(\"toggle-theme\");if(activeTheme===\"light\"||activeTheme===\"dark\"){return activeTheme;}}const preference=getInitialTheme();return resolveThemeFromPreference(preference);};const ensureBodyThemeAttribute=theme=>{if(!isBrowser)return;const body=document.body;if(body){body.setAttribute(\"toggle-theme\",theme);pendingBodyTheme=null;return;}pendingBodyTheme=theme;if(hasBodyReadyListener)return;hasBodyReadyListener=true;const applyPendingTheme=()=>{const nextBody=document.body;if(nextBody&&pendingBodyTheme){nextBody.setAttribute(\"toggle-theme\",pendingBodyTheme);pendingBodyTheme=null;}hasBodyReadyListener=false;};if(document.readyState===\"loading\"){document.addEventListener(\"DOMContentLoaded\",applyPendingTheme,{once:true});}else{queueMicrotask(applyPendingTheme);}};const applyTheme=(theme,preference)=>{if(!isBrowser)return;const html=document.documentElement;html.setAttribute(\"toggle-theme\",theme);ensureBodyThemeAttribute(theme);localStorage.setItem(STORAGE_KEY,preference);window.dispatchEvent(new CustomEvent(THEME_EVENT,{detail:{theme,preference}}));};const initializeThemeSync=()=>{if(!isBrowser||hasInitializedTheme)return;hasInitializedTheme=true;const preference=getInitialTheme();const resolvedTheme=resolveThemeFromPreference(preference);applyTheme(resolvedTheme,preference);};const extractTokensOnce=()=>{if(!isBrowser||hasExtractedTokens)return;const lightTokens=[];let darkTokens=[];for(const sheet of document.styleSheets){try{for(const rule of sheet.cssRules){if(rule instanceof CSSStyleRule&&rule.selectorText===\"body\"){for(let i=0;is.trim()+\";\").filter(Boolean);}}}catch{// skip CORS-protected stylesheets\n}}cachedLightTokens=lightTokens.join(\" \");cachedDarkTokens=darkTokens.join(\" \");hasExtractedTokens=true;};const injectThemeStyle=()=>{if(!isBrowser)return;document.getElementById(STYLE_ID)?.remove();const style=document.createElement(\"style\");style.id=STYLE_ID;style.textContent=`\n body[toggle-theme=\"light\"] { ${cachedLightTokens} }\n body[toggle-theme=\"dark\"] { ${cachedDarkTokens} }\n html[toggle-theme=\"light\"] { color-scheme: light; }\n html[toggle-theme=\"dark\"] { color-scheme: dark; }\n `;document.head.appendChild(style);};const syncThemeFromStorage=()=>{if(!isBrowser)return;const preference=getInitialTheme();const resolvedTheme=resolveThemeFromPreference(preference);applyTheme(resolvedTheme,preference);};const useIsomorphicLayoutEffect=isBrowser?useLayoutEffect:useEffect;initializeThemeSync();export function useSingleToggle(){const[store,setStore]=useStore();const preference=store.theme||\"system\";const resolvedTheme=useMemo(()=>{return preference===\"system\"?resolveSystemTheme():preference;},[preference]);useIsomorphicLayoutEffect(()=>{extractTokensOnce();injectThemeStyle();applyTheme(resolvedTheme,preference);},[resolvedTheme,preference]);const handleClick=useCallback(()=>{const current=resolvedTheme;const newTheme=current===\"light\"?\"dark\":\"light\";startTransition(()=>setStore({theme:newTheme}));},[resolvedTheme,setStore]);return{onClick:handleClick,variant:resolvedTheme===\"light\"?\"Light\":\"Dark\",role:\"button\",\"aria-pressed\":resolvedTheme===\"dark\"};}export function withGlobalThemeManager(){useIsomorphicLayoutEffect(()=>{extractTokensOnce();injectThemeStyle();syncThemeFromStorage();},[]);return{};}export function withGlobalThemeVariantSync(){const[store]=useStore();const preference=store.theme||\"system\";const subscribe=useCallback(onStoreChange=>{if(!isBrowser)return()=>{};const notify=()=>onStoreChange();const media=window.matchMedia(\"(prefers-color-scheme: dark)\");const handleMedia=()=>{if(preference===\"system\")notify();};const observer=new MutationObserver(mutations=>{for(const mutation of mutations){if(mutation.attributeName===\"toggle-theme\"){notify();break;}}});window.addEventListener(THEME_EVENT,notify);media.addEventListener(\"change\",handleMedia);observer.observe(document.documentElement,{attributes:true,attributeFilter:[\"toggle-theme\"]});return()=>{window.removeEventListener(THEME_EVENT,notify);media.removeEventListener(\"change\",handleMedia);observer.disconnect();};},[preference]);const resolvedTheme=useSyncExternalStore(subscribe,readActiveTheme,()=>\"light\");return{variant:resolvedTheme};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withuseSingleToggle(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...useSingleToggle(props)});};}withuseSingleToggle.displayName=\"useSingleToggle\";export function withwithGlobalThemeManager(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...withGlobalThemeManager(props)});};}withwithGlobalThemeManager.displayName=\"withGlobalThemeManager\";export function withwithGlobalThemeVariantSync(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...withGlobalThemeVariantSync(props)});};}withwithGlobalThemeVariantSync.displayName=\"withGlobalThemeVariantSync\";\nexport const __FramerMetadata__ = {\"exports\":{\"withwithGlobalThemeManager\":{\"type\":\"reactHoc\",\"name\":\"withwithGlobalThemeManager\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useSingleToggle\":{\"type\":\"override\",\"name\":\"useSingleToggle\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withuseSingleToggle\":{\"type\":\"reactHoc\",\"name\":\"withuseSingleToggle\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGlobalThemeVariantSync\":{\"type\":\"override\",\"name\":\"withGlobalThemeVariantSync\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGlobalThemeManager\":{\"type\":\"override\",\"name\":\"withGlobalThemeManager\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withwithGlobalThemeVariantSync\":{\"type\":\"reactHoc\",\"name\":\"withwithGlobalThemeVariantSync\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ThemeSwitcher.map","// Generated by Framer (89f6630)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const FICp0mWzB=undefined;const mask='url(\\'data:image/svg+xml,\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({fill,height,id,width,width1,...props})=>{return{...props,FICp0mWzB:fill??props.FICp0mWzB??\"var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(26, 26, 26))\",mGBlUr9wQ:width1??props.mGBlUr9wQ??1};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,FICp0mWzB,mGBlUr9wQ,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-jQpZZ\",className),layoutId:layoutId,ref:ref,style:{\"--18am8rn\":FICp0mWzB,...style}});});const css=[`.framer-jQpZZ { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--18am8rn); mask: ${mask}; width: 20px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 20\n * @framerIntrinsicHeight 20\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"FICp0mWzB\":\"fill\",\"mGBlUr9wQ\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"crescent\",\"color\":{\"type\":\"variable\",\"value\":\"18am8rn\"},\"set\":{\"localId\":\"vectorSet/su9S6vK9z\",\"id\":\"su9S6vK9z\",\"moduleId\":\"A8QfQWCtBxxBBRZo6Etj\"}}\n */const Icon=withCSS(Component,css,\"framer-jQpZZ\");Icon.displayName=\"crescent\";export default Icon;addPropertyControls(Icon,{FICp0mWzB:{defaultValue:'var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(26, 26, 26)) /* {\"name\":\"solid\"} */',hidden:false,title:\"Fill\",type:ControlType.Color},mGBlUr9wQ:{defaultValue:1,hidden:true,min:0,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"FICp0mWzB\\\":\\\"fill\\\",\\\"mGBlUr9wQ\\\":\\\"width1\\\"}\",\"framerImmutableVariables\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"crescent\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"18am8rn\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/su9S6vK9z\\\",\\\"id\\\":\\\"su9S6vK9z\\\",\\\"moduleId\\\":\\\"A8QfQWCtBxxBBRZo6Etj\\\"}}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"20\",\"framerIntrinsicWidth\":\"20\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (89f6630)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const FICp0mWzB=undefined;const mask='url(\\'data:image/svg+xml,\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({fill,height,id,width,width1,...props})=>{return{...props,FICp0mWzB:fill??props.FICp0mWzB??\"var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(26, 26, 26))\",mGBlUr9wQ:width1??props.mGBlUr9wQ??1};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,FICp0mWzB,mGBlUr9wQ,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-Ewahz\",className),layoutId:layoutId,ref:ref,style:{\"--18am8rn\":FICp0mWzB,...style}});});const css=[`.framer-Ewahz { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--18am8rn); mask: ${mask}; width: 20px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 20\n * @framerIntrinsicHeight 20\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"FICp0mWzB\":\"fill\",\"mGBlUr9wQ\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"sun\",\"color\":{\"type\":\"variable\",\"value\":\"18am8rn\"},\"set\":{\"localId\":\"vectorSet/su9S6vK9z\",\"id\":\"su9S6vK9z\",\"moduleId\":\"A8QfQWCtBxxBBRZo6Etj\"}}\n */const Icon=withCSS(Component,css,\"framer-Ewahz\");Icon.displayName=\"sun\";export default Icon;addPropertyControls(Icon,{FICp0mWzB:{defaultValue:'var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(26, 26, 26)) /* {\"name\":\"solid\"} */',hidden:false,title:\"Fill\",type:ControlType.Color},mGBlUr9wQ:{defaultValue:1,hidden:true,min:0,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"FICp0mWzB\\\":\\\"fill\\\",\\\"mGBlUr9wQ\\\":\\\"width1\\\"}\",\"framerImmutableVariables\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"sun\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"18am8rn\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/su9S6vK9z\\\",\\\"id\\\":\\\"su9S6vK9z\\\",\\\"moduleId\\\":\\\"A8QfQWCtBxxBBRZo6Etj\\\"}}\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"20\",\"framerIntrinsicWidth\":\"20\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (089ff9b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Crescent from\"https://framerusercontent.com/modules/ME4035ro32CrignN2Qrz/FuWTx8yvQJCLH4GyHpv9/ytGW9Q6Qd.js\";import Sun from\"https://framerusercontent.com/modules/r7Q26TvBl3f2p0XQzPj3/Lvfn24sR8zss7nzKU1T5/ZuJJ7IgwO.js\";const SunFonts=getFonts(Sun);const CrescentFonts=getFonts(Crescent);const enabledGestures={fFQmV9nZU:{pressed:true},sE9LAw_1G:{pressed:true}};const cycleOrder=[\"fFQmV9nZU\",\"sE9LAw_1G\"];const serializationHash=\"framer-ixz8y\";const variantClassNames={fFQmV9nZU:\"framer-v-y7rje7\",sE9LAw_1G:\"framer-v-buhh5r\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const v4eV4BTu7=undefined;const uOJqOL6AS=undefined;const transition1={bounce:.3,delay:0,duration:.5,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={Dark:\"sE9LAw_1G\",Light:\"fFQmV9nZU\"};const Variants=motion.create(React.Fragment);const getProps=({fill,height,id,width,...props})=>{return{...props,uOJqOL6AS:fill??props.uOJqOL6AS??\"var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(26, 26, 26))\",variant:humanReadableVariantMap[props.variant]??props.variant??\"fFQmV9nZU\"};};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,uOJqOL6AS,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"fFQmV9nZU\",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__*/_jsxs(motion.button,{...restProps,...gestureHandlers,\"aria-label\":\"theme switcher\",className:cx(scopingClassNames,\"framer-y7rje7\",className,classNames),\"data-framer-name\":\"Light\",\"data-reset\":\"button\",draggable:\"false\",layoutDependency:layoutDependency,layoutId:\"fFQmV9nZU\",ref:refBinding,style:{...style},...addPropertyOverrides({\"fFQmV9nZU-pressed\":{\"data-framer-cursor\":v4eV4BTu7,\"data-framer-name\":undefined},\"sE9LAw_1G-pressed\":{\"data-framer-cursor\":v4eV4BTu7,\"data-framer-name\":undefined},sE9LAw_1G:{\"data-framer-name\":\"Dark\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(Sun,{animated:true,className:\"framer-1nruxe2\",\"data-framer-name\":\"sun\",layoutDependency:layoutDependency,layoutId:\"LDLBavwxk\",style:{\"--18am8rn\":uOJqOL6AS,\"--1xn92p9\":1,opacity:0,rotate:120,scale:.5},variants:{sE9LAw_1G:{opacity:1,rotate:0,scale:1}},...addPropertyOverrides({\"fFQmV9nZU-pressed\":{\"data-framer-cursor\":v4eV4BTu7},\"sE9LAw_1G-pressed\":{\"data-framer-cursor\":v4eV4BTu7}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(Crescent,{animated:true,className:\"framer-12ucz9g\",layoutDependency:layoutDependency,layoutId:\"IwE0mq2l7\",style:{\"--18am8rn\":uOJqOL6AS,\"--1xn92p9\":1,opacity:1,rotate:0,scale:1},variants:{\"fFQmV9nZU-pressed\":{opacity:1,rotate:0,scale:1},sE9LAw_1G:{opacity:0,rotate:120,scale:.5}},...addPropertyOverrides({\"fFQmV9nZU-pressed\":{\"data-framer-cursor\":v4eV4BTu7},\"sE9LAw_1G-pressed\":{\"data-framer-cursor\":v4eV4BTu7}},baseVariant,gestureVariant)})]})})})});});const css=[\".framer-ixz8y.framer-12vixej, .framer-ixz8y .framer-12vixej { display: block; }\",\".framer-ixz8y.framer-y7rje7 { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; gap: 8px; height: 20px; overflow: visible; position: relative; width: 20px; }\",\".framer-ixz8y .framer-1nruxe2, .framer-ixz8y .framer-12ucz9g { bottom: 0px; flex: none; height: auto; left: 0px; position: absolute; right: 0px; width: calc(100% - 0px); }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 20\n * @framerIntrinsicWidth 20\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"sE9LAw_1G\":{\"layout\":[\"fixed\",\"fixed\"]},\"GCcWTWmOd\":{\"layout\":[\"fixed\",\"fixed\"]},\"SfVXhn0y7\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"uOJqOL6AS\":\"fill\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerTNs__iJX1=withCSS(Component,css,\"framer-ixz8y\");export default FramerTNs__iJX1;FramerTNs__iJX1.displayName=\"theme-switcher\";FramerTNs__iJX1.defaultProps={height:20,width:20};addPropertyControls(FramerTNs__iJX1,{variant:{options:[\"fFQmV9nZU\",\"sE9LAw_1G\"],optionTitles:[\"Light\",\"Dark\"],title:\"Variant\",type:ControlType.Enum},uOJqOL6AS:{defaultValue:'var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(26, 26, 26)) /* {\"name\":\"solid\"} */',title:\"Fill\",type:ControlType.Color}});addFonts(FramerTNs__iJX1,[{explicitInter:true,fonts:[]},...SunFonts,...CrescentFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerTNs__iJX1\",\"slots\":[],\"annotations\":{\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"sE9LAw_1G\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"GCcWTWmOd\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"SfVXhn0y7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"20\",\"framerIntrinsicHeight\":\"20\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"uOJqOL6AS\\\":\\\"fill\\\"}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TNs__iJX1.map","// Generated by Framer (089ff9b)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,forwardLoader,getFonts,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCodeBoundaryForOverrides,withCSS,withMappedReactProps}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import{withuseSingleToggle}from\"https://framerusercontent.com/modules/DgNgZXJGo4L4cMpERma4/QijXriyBiKN16KqDgbx3/ThemeSwitcher.js\";import ThemeSwitcher,*as ThemeSwitcherInfo from\"https://framerusercontent.com/modules/XgI838gAw8ShbHpF5Rbj/wh7vEGt1nMn69nTEGNkp/TNs__iJX1.js\";const ThemeSwitcherFonts=getFonts(ThemeSwitcher);const ThemeSwitcherWithuseSingleTogglepa2yjxWithMappedReactPropsc3xnot=withMappedReactProps(withCodeBoundaryForOverrides(ThemeSwitcher,{nodeId:\"UWZqpLaeL\",override:withuseSingleToggle,scopeId:\"aQV0IKquC\"}),ThemeSwitcherInfo);const serializationHash=\"framer-92XGO\";const variantClassNames={uzimWbRzN:\"framer-v-rnqulm\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const najcJGZ3_=undefined;const mY3h3gY38=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return undefined;};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=({fill,height,hover,id,width,...props})=>{return{...props,mY3h3gY38:fill??props.mY3h3gY38??\"var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(26, 26, 26))\",najcJGZ3_:hover??props.najcJGZ3_};};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,najcJGZ3_,mY3h3gY38,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"uzimWbRzN\",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(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-rnqulm\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"uzimWbRzN\",ref:refBinding,style:{...style},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{height:20,width:\"20px\",y:(componentViewport?.y||0)+-2,children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-pa2yjx-container\",\"data-framer-cursor\":najcJGZ3_,layoutDependency:layoutDependency,layoutId:\"UWZqpLaeL-container\",nodeId:\"UWZqpLaeL\",rendersWithMotion:true,scopeId:\"aQV0IKquC\",children:/*#__PURE__*/_jsx(ThemeSwitcherWithuseSingleTogglepa2yjxWithMappedReactPropsc3xnot,{height:\"100%\",id:\"UWZqpLaeL\",layoutId:\"UWZqpLaeL\",style:{height:\"100%\",width:\"100%\"},uOJqOL6AS:mY3h3gY38,variant:matchVariant(\"fFQmV9nZU\"),width:\"100%\"})})})})})})});});const css=[\".framer-92XGO.framer-4rjhnr, .framer-92XGO .framer-4rjhnr { display: block; }\",\".framer-92XGO.framer-rnqulm { height: 16px; overflow: visible; position: relative; width: 16px; }\",\".framer-92XGO .framer-pa2yjx-container { flex: none; height: 20px; left: -2px; position: absolute; top: -2px; width: 20px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 16\n * @framerIntrinsicWidth 16\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"najcJGZ3_\":\"hover\",\"mY3h3gY38\":\"fill\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FrameraQV0IKquC=withCSS(Component,css,\"framer-92XGO\");export default FrameraQV0IKquC;FrameraQV0IKquC.displayName=\"theme-switcher-wrapper\";FrameraQV0IKquC.defaultProps={height:16,width:16};addPropertyControls(FrameraQV0IKquC,{najcJGZ3_:{title:\"Hover\",type:ControlType.CustomCursor},mY3h3gY38:{defaultValue:'var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(26, 26, 26)) /* {\"name\":\"solid\"} */',title:\"Fill\",type:ControlType.Color}});addFonts(FrameraQV0IKquC,[{explicitInter:true,fonts:[]},...ThemeSwitcherFonts],{supportsExplicitInterCodegen:true});FrameraQV0IKquC.loader={load:(props,context)=>{const locale=context.locale;return Promise.allSettled([forwardLoader(ThemeSwitcher,{},context)]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameraQV0IKquC\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"16\",\"framerIntrinsicHeight\":\"16\",\"framerColorSyntax\":\"true\",\"framerVariables\":\"{\\\"najcJGZ3_\\\":\\\"hover\\\",\\\"mY3h3gY38\\\":\\\"fill\\\"}\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (0da2bc6)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"Q4AlvmJ6m\",\"g3IoanCfU\"];const serializationHash=\"framer-seAyd\";const variantClassNames={g3IoanCfU:\"framer-v-1ix4und\",Q4AlvmJ6m:\"framer-v-zx6qnq\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const cLFtXOyu7=undefined;const transition1={bounce:0,delay:0,duration:.5,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={\"Variant 1\":\"Q4AlvmJ6m\",\"Variant 2\":\"g3IoanCfU\"};const Variants=motion.create(React.Fragment);const getProps=({color,height,id,width,...props})=>{return{...props,cLFtXOyu7:color??props.cLFtXOyu7??\"var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(18, 18, 18))\",variant:humanReadableVariantMap[props.variant]??props.variant??\"Q4AlvmJ6m\"};};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,cLFtXOyu7,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"Q4AlvmJ6m\",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(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-zx6qnq\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"Q4AlvmJ6m\",ref:refBinding,style:{...style},...addPropertyOverrides({g3IoanCfU:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-3wozfz\",layoutDependency:layoutDependency,layoutId:\"tZ15qY8BL\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-by24vf\",layoutDependency:layoutDependency,layoutId:\"HkVQh2FYY\",style:{backgroundColor:cLFtXOyu7,borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"},variants:{g3IoanCfU:{backgroundColor:\"var(--token-e84e823e-f271-4852-9115-7e666b58f080, rgba(18, 18, 18, 0.1))\"}}})})})})})});});const css=[\".framer-seAyd.framer-12caid4, .framer-seAyd .framer-12caid4 { display: block; }\",\".framer-seAyd.framer-zx6qnq { gap: 10px; height: 7px; overflow: visible; position: relative; width: 14px; }\",\".framer-seAyd .framer-3wozfz { align-content: center; align-items: center; aspect-ratio: 1 / 1; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: center; left: 0px; overflow: visible; padding: 0px; position: absolute; top: 0px; width: 7px; }\",\".framer-seAyd .framer-by24vf { aspect-ratio: 1 / 1; flex: none; height: auto; overflow: var(--overflow-clip-fallback, clip); position: relative; width: 7px; will-change: var(--framer-will-change-override, transform); }\",\".framer-seAyd.framer-v-1ix4und .framer-by24vf { width: 1px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 7\n * @framerIntrinsicWidth 14\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"g3IoanCfU\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"cLFtXOyu7\":\"color\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramervCVGqDQJa=withCSS(Component,css,\"framer-seAyd\");export default FramervCVGqDQJa;FramervCVGqDQJa.displayName=\"dot\";FramervCVGqDQJa.defaultProps={height:7,width:14};addPropertyControls(FramervCVGqDQJa,{variant:{options:[\"Q4AlvmJ6m\",\"g3IoanCfU\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum},cLFtXOyu7:{defaultValue:'var(--token-5a490139-f600-4070-9d38-c970d0cb8aa1, rgb(18, 18, 18)) /* {\"name\":\"solid\"} */',title:\"Color\",type:ControlType.Color}});addFonts(FramervCVGqDQJa,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramervCVGqDQJa\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"14\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"cLFtXOyu7\\\":\\\"color\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"g3IoanCfU\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"7\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./vCVGqDQJa.map","import { ControlType } from \"framer\";\nexport const fontStack = `\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;\nexport const containerStyles = {\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nexport const emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(136, 85, 255, 0.3)\",\n color: \"#85F\",\n border: \"1px dashed #85F\",\n flexDirection: \"column\"\n};\nexport const defaultEvents = {\n onClick: {\n type: ControlType.EventHandler\n },\n onMouseEnter: {\n type: ControlType.EventHandler\n },\n onMouseLeave: {\n type: ControlType.EventHandler\n }\n};\nexport const fontSizeOptions = {\n type: ControlType.Number,\n title: \"Font Size\",\n min: 2,\n max: 200,\n step: 1,\n displayStepper: true\n};\nexport const fontControls = {\n font: {\n type: ControlType.Boolean,\n title: \"Font\",\n defaultValue: false,\n disabledTitle: \"Default\",\n enabledTitle: \"Custom\"\n },\n fontFamily: {\n type: ControlType.String,\n title: \"Family\",\n placeholder: \"Inter\",\n hidden: ({ font })=>!font\n },\n fontWeight: {\n type: ControlType.Enum,\n title: \"Weight\",\n options: [\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900\n ],\n optionTitles: [\n \"Thin\",\n \"Extra-light\",\n \"Light\",\n \"Regular\",\n \"Medium\",\n \"Semi-bold\",\n \"Bold\",\n \"Extra-bold\",\n \"Black\", \n ],\n hidden: ({ font })=>!font\n }\n};\n// @TODO check if we're missing anything here — there doesn't seem to be a reliable browser API for this\nexport const localeOptions = {\n af: \"Afrikaans\",\n sq: \"Albanian\",\n an: \"Aragonese\",\n ar: \"Arabic (Standard)\",\n \"ar-dz\": \"Arabic (Algeria)\",\n \"ar-bh\": \"Arabic (Bahrain)\",\n \"ar-eg\": \"Arabic (Egypt)\",\n \"ar-iq\": \"Arabic (Iraq)\",\n \"ar-jo\": \"Arabic (Jordan)\",\n \"ar-kw\": \"Arabic (Kuwait)\",\n \"ar-lb\": \"Arabic (Lebanon)\",\n \"ar-ly\": \"Arabic (Libya)\",\n \"ar-ma\": \"Arabic (Morocco)\",\n \"ar-om\": \"Arabic (Oman)\",\n \"ar-qa\": \"Arabic (Qatar)\",\n \"ar-sa\": \"Arabic (Saudi Arabia)\",\n \"ar-sy\": \"Arabic (Syria)\",\n \"ar-tn\": \"Arabic (Tunisia)\",\n \"ar-ae\": \"Arabic (U.A.E.)\",\n \"ar-ye\": \"Arabic (Yemen)\",\n hy: \"Armenian\",\n as: \"Assamese\",\n ast: \"Asturian\",\n az: \"Azerbaijani\",\n eu: \"Basque\",\n bg: \"Bulgarian\",\n be: \"Belarusian\",\n bn: \"Bengali\",\n bs: \"Bosnian\",\n br: \"Breton\",\n my: \"Burmese\",\n ca: \"Catalan\",\n ch: \"Chamorro\",\n ce: \"Chechen\",\n zh: \"Chinese\",\n \"zh-hk\": \"Chinese (Hong Kong)\",\n \"zh-cn\": \"Chinese (PRC)\",\n \"zh-sg\": \"Chinese (Singapore)\",\n \"zh-tw\": \"Chinese (Taiwan)\",\n cv: \"Chuvash\",\n co: \"Corsican\",\n cr: \"Cree\",\n hr: \"Croatian\",\n cs: \"Czech\",\n da: \"Danish\",\n nl: \"Dutch (Standard)\",\n \"nl-be\": \"Dutch (Belgian)\",\n en: \"English\",\n \"en-au\": \"English (Australia)\",\n \"en-bz\": \"English (Belize)\",\n \"en-ca\": \"English (Canada)\",\n \"en-ie\": \"English (Ireland)\",\n \"en-jm\": \"English (Jamaica)\",\n \"en-nz\": \"English (New Zealand)\",\n \"en-ph\": \"English (Philippines)\",\n \"en-za\": \"English (South Africa)\",\n \"en-tt\": \"English (Trinidad & Tobago)\",\n \"en-gb\": \"English (United Kingdom)\",\n \"en-us\": \"English (United States)\",\n \"en-zw\": \"English (Zimbabwe)\",\n eo: \"Esperanto\",\n et: \"Estonian\",\n fo: \"Faeroese\",\n fa: \"Farsi\",\n fj: \"Fijian\",\n fi: \"Finnish\",\n fr: \"French (Standard)\",\n \"fr-be\": \"French (Belgium)\",\n \"fr-ca\": \"French (Canada)\",\n \"fr-fr\": \"French (France)\",\n \"fr-lu\": \"French (Luxembourg)\",\n \"fr-mc\": \"French (Monaco)\",\n \"fr-ch\": \"French (Switzerland)\",\n fy: \"Frisian\",\n fur: \"Friulian\",\n gd: \"Gaelic (Scots)\",\n \"gd-ie\": \"Gaelic (Irish)\",\n gl: \"Galacian\",\n ka: \"Georgian\",\n de: \"German (Standard)\",\n \"de-at\": \"German (Austria)\",\n \"de-de\": \"German (Germany)\",\n \"de-li\": \"German (Liechtenstein)\",\n \"de-lu\": \"German (Luxembourg)\",\n \"de-ch\": \"German (Switzerland)\",\n el: \"Greek\",\n gu: \"Gujurati\",\n ht: \"Haitian\",\n he: \"Hebrew\",\n hi: \"Hindi\",\n hu: \"Hungarian\",\n is: \"Icelandic\",\n id: \"Indonesian\",\n iu: \"Inuktitut\",\n ga: \"Irish\",\n it: \"Italian (Standard)\",\n \"it-ch\": \"Italian (Switzerland)\",\n ja: \"Japanese\",\n kn: \"Kannada\",\n ks: \"Kashmiri\",\n kk: \"Kazakh\",\n km: \"Khmer\",\n ky: \"Kirghiz\",\n tlh: \"Klingon\",\n ko: \"Korean\",\n \"ko-kp\": \"Korean (North Korea)\",\n \"ko-kr\": \"Korean (South Korea)\",\n la: \"Latin\",\n lv: \"Latvian\",\n lt: \"Lithuanian\",\n lb: \"Luxembourgish\",\n mk: \"FYRO Macedonian\",\n ms: \"Malay\",\n ml: \"Malayalam\",\n mt: \"Maltese\",\n mi: \"Maori\",\n mr: \"Marathi\",\n mo: \"Moldavian\",\n nv: \"Navajo\",\n ng: \"Ndonga\",\n ne: \"Nepali\",\n no: \"Norwegian\",\n nb: \"Norwegian (Bokmal)\",\n nn: \"Norwegian (Nynorsk)\",\n oc: \"Occitan\",\n or: \"Oriya\",\n om: \"Oromo\",\n \"fa-ir\": \"Persian/Iran\",\n pl: \"Polish\",\n pt: \"Portuguese\",\n \"pt-br\": \"Portuguese (Brazil)\",\n pa: \"Punjabi\",\n \"pa-in\": \"Punjabi (India)\",\n \"pa-pk\": \"Punjabi (Pakistan)\",\n qu: \"Quechua\",\n rm: \"Rhaeto-Romanic\",\n ro: \"Romanian\",\n \"ro-mo\": \"Romanian (Moldavia)\",\n ru: \"Russian\",\n \"ru-mo\": \"Russian (Moldavia)\",\n sz: \"Sami (Lappish)\",\n sg: \"Sango\",\n sa: \"Sanskrit\",\n sc: \"Sardinian\",\n sd: \"Sindhi\",\n si: \"Singhalese\",\n sr: \"Serbian\",\n sk: \"Slovak\",\n sl: \"Slovenian\",\n so: \"Somani\",\n sb: \"Sorbian\",\n es: \"Spanish\",\n \"es-ar\": \"Spanish (Argentina)\",\n \"es-bo\": \"Spanish (Bolivia)\",\n \"es-cl\": \"Spanish (Chile)\",\n \"es-co\": \"Spanish (Colombia)\",\n \"es-cr\": \"Spanish (Costa Rica)\",\n \"es-do\": \"Spanish (Dominican Republic)\",\n \"es-ec\": \"Spanish (Ecuador)\",\n \"es-sv\": \"Spanish (El Salvador)\",\n \"es-gt\": \"Spanish (Guatemala)\",\n \"es-hn\": \"Spanish (Honduras)\",\n \"es-mx\": \"Spanish (Mexico)\",\n \"es-ni\": \"Spanish (Nicaragua)\",\n \"es-pa\": \"Spanish (Panama)\",\n \"es-py\": \"Spanish (Paraguay)\",\n \"es-pe\": \"Spanish (Peru)\",\n \"es-pr\": \"Spanish (Puerto Rico)\",\n \"es-es\": \"Spanish (Spain)\",\n \"es-uy\": \"Spanish (Uruguay)\",\n \"es-ve\": \"Spanish (Venezuela)\",\n sx: \"Sutu\",\n sw: \"Swahili\",\n sv: \"Swedish\",\n \"sv-fi\": \"Swedish (Finland)\",\n \"sv-sv\": \"Swedish (Sweden)\",\n ta: \"Tamil\",\n tt: \"Tatar\",\n te: \"Teluga\",\n th: \"Thai\",\n tig: \"Tigre\",\n ts: \"Tsonga\",\n tn: \"Tswana\",\n tr: \"Turkish\",\n tk: \"Turkmen\",\n uk: \"Ukrainian\",\n hsb: \"Upper Sorbian\",\n ur: \"Urdu\",\n ve: \"Venda\",\n vi: \"Vietnamese\",\n vo: \"Volapuk\",\n wa: \"Walloon\",\n cy: \"Welsh\",\n xh: \"Xhosa\",\n ji: \"Yiddish\",\n zu: \"Zulu\"\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./constants.map","import { useIsInCurrentNavigationTarget } from \"framer\";\nimport { useEffect } from \"react\";\nexport function useOnEnter(onEnter, enabled) {\n return useOnSpecificTargetChange(true, onEnter, enabled);\n}\nexport function useOnExit(onExit, enabled) {\n return useOnSpecificTargetChange(false, onExit, enabled);\n}\nfunction useOnSpecificTargetChange(goal, callback, enabled = true) {\n const isInTarget = useIsInCurrentNavigationTarget();\n useEffect(()=>{\n if (enabled && isInTarget === goal) callback();\n }, [\n isInTarget\n ]);\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useOnEnter\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnNavigationTargetChange.map","import { useRef } from \"react\";\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */ export function useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useConstant.map","import { Color } from \"framer\";\nexport function colorFromToken(color) {\n if (color.startsWith(\"var(--token-\")) return \"rgb\" + color.split(\") /*\")[0].split(\", rgb\")[1];\n return color;\n}\nexport function colorTokentoValue(color) {\n return Color(colorFromToken(color)).toValue();\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"colorFromToken\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./colorFromToken.map","import { MotionValue } from \"framer\";\nexport const isMotionValue = (v)=>v instanceof MotionValue\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isMotionValue.map","import * as React from \"react\";\nconst letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nconst l = ()=>letters[Math.floor(Math.random() * letters.length)]\n;\nexport const randomID = ()=>l() + l() + l() + l() + l() + l() + l() + l() + l()\n;\nfunction createUniqueClass(suffix) {\n return `framer-${suffix}-${randomID()}`;\n}\nexport function useUniqueClassName(suffix, deps) {\n const [className, setClassName] = React.useState(createUniqueClass(suffix));\n React.useEffect(()=>{\n setClassName(createUniqueClass(suffix));\n }, [\n suffix,\n ...deps\n ]);\n return className;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useUniqueClassName\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useUniqueClassName.map","import { ControlType } from \"framer\";\n// I realize this only applies to select right now\n// but we can work on it in here\nexport function getVariantControls(Component, variant, additionalControls = {\n}) {\n return {\n [`${variant}TextColor`]: {\n type: ControlType.Color,\n title: \"Text Color\",\n defaultValue: Component.defaultProps[`${variant}TextColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}IconColor`]: {\n type: ControlType.Color,\n title: \"Icon Color\",\n defaultValue: Component.defaultProps[`${variant}IconColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BackgroundColor`]: {\n type: ControlType.Color,\n title: \"Bg Color\",\n defaultValue: Component.defaultProps[`${variant}BackgroundColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderColor`]: {\n type: ControlType.Color,\n title: \"Border Color\",\n defaultValue: Component.defaultProps[`${variant}BorderColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderWidth`]: {\n type: ControlType.Number,\n title: \" \",\n min: 0,\n max: 5,\n displayStepper: true,\n defaultValue: Component.defaultProps[`${variant}BorderWidth`],\n hidden: (props)=>props.variant !== variant\n },\n ...additionalControls\n };\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"getVariantControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./variantUtils.map","import { useMemo } from \"react\";\nexport const isBrowserSafari = ()=>{\n if (typeof navigator !== `undefined`) {\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = (userAgent.indexOf(\"safari\") > -1 || userAgent.indexOf(\"framermobile\") > -1 || userAgent.indexOf(\"framerx\") > -1) && userAgent.indexOf(\"chrome\") < 0;\n return isSafari;\n } else return false;\n};\nexport const useIsBrowserSafari = ()=>useMemo(()=>isBrowserSafari()\n , [])\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isBrowser.map","import { useEffect } from \"react\";\n//@ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\nexport function useOnChange(value, callback) {\n useEffect(()=>// @ts-ignore this should be detected as a MV :shrug:\n isMotionValue(value) ? value.onChange(callback) : undefined\n );\n}\nexport function useMultiOnChange(values, handler) {\n useEffect(()=>{\n const subscriptions = values.map((value)=>value.onChange(handler)\n );\n return ()=>subscriptions.forEach((unsubscribe)=>unsubscribe()\n )\n ;\n });\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"Subscriber\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnChange.map","import { useCallback, useEffect, useRef } from \"react\";\nimport { motionValue, animate, RenderTarget } from \"framer\";\n// @ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\n// @ts-ignore\nimport { useConstant } from \"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";\nexport function useAutoMotionValue(inputValue, options) {\n var ref;\n // Put options on a local ref\n // Might wanna just memo instead but it works for now\n const optionsRef = useRef(options);\n const animation = useRef();\n const didInitialMount = useRef(false);\n const isOnCanvas = RenderTarget.current() === RenderTarget.canvas;\n // in-progress - trying to figure out effect hooks\n const onChangeDeps = (options === null || options === void 0 ? void 0 : options.onChangeDeps) ? options.onChangeDeps : [];\n // Memoize the onChange handler\n const onChange = useCallback(options === null || options === void 0 ? void 0 : options.onChange, [\n ...onChangeDeps, \n ]);\n // Optionally scale the value from props\n const transformer = useCallback((value)=>((ref = optionsRef.current) === null || ref === void 0 ? void 0 : ref.transform) ? optionsRef.current.transform(value) : value\n , []);\n // Create new MotionValue from inputValue\n const value = useConstant(()=>isMotionValue(inputValue) ? inputValue : motionValue(transformer(inputValue))\n );\n // Setting value from prop change\n useEffect(()=>{\n if (!isMotionValue(inputValue) && didInitialMount.current) {\n var ref1, ref2;\n const newValue = transformer(inputValue);\n (ref1 = animation.current) === null || ref1 === void 0 ? void 0 : ref1.stop();\n // Call change callback\n if (onChange) onChange(newValue, value);\n // Trigger animation to new value\n if (((ref2 = optionsRef.current) === null || ref2 === void 0 ? void 0 : ref2.animate) && !isOnCanvas) {\n var ref3;\n // @ts-ignore\n animation.current = animate(value, newValue, (ref3 = optionsRef.current) === null || ref3 === void 0 ? void 0 : ref3.transition);\n } else {\n value.set(newValue);\n }\n }\n didInitialMount.current = true;\n }, [\n inputValue,\n ...onChangeDeps\n ]);\n return value;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useAutoMotionValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","// @ts-ignore\nimport{fontStore}from\"framer\";import{useEffect}from\"react\";import{fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";const fontWeights={100:\"Thin\",200:\"Extra-light\",300:\"Light\",400:\"Regular\",500:\"Medium\",600:\"Semi-bold\",700:\"Bold\",800:\"Extra-bold\",900:\"Black\"};export function useFontControls(props){const{fontFamily=\"Inter\",fontSize=16,fontWeight=400,font=false}=props;const fontWeightName=fontWeights[fontWeight];const customFontStack=`\"${fontFamily} ${fontWeightName}\", \"${fontFamily}\", ${fontStack}`;const fontFamilyStyle=fontFamily?{fontSize,fontWeight,fontFamily:customFontStack}:{fontSize,fontWeight};const fetchCustomFonts=async()=>{await fontStore.loadWebFontsFromSelectors([`CUSTOM;${fontFamily}`,`CUSTOM;${fontFamily} ${fontWeightName}`,`GF;${fontFamily}-${fontWeightName.toLowerCase()}`,]).catch(e=>console.error(e));};useEffect(()=>{if(font)fetchCustomFonts();},[font,fontFamily,fontWeight]);return fontFamilyStyle;}\nexport const __FramerMetadata__ = {\"exports\":{\"useFontControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useFontControls.map","import { useMemo } from \"react\";\nimport { RenderTarget } from \"framer\";\nexport function useRenderTarget() {\n const currentRenderTarget = useMemo(()=>RenderTarget.current()\n , []);\n return currentRenderTarget;\n}\nexport function useIsInPreview() {\n const inPreview = useMemo(()=>RenderTarget.current() === RenderTarget.preview\n , []);\n return inPreview;\n}\nexport function useIsOnCanvas() {\n const onCanvas = useMemo(()=>RenderTarget.current() === RenderTarget.canvas\n , []);\n return onCanvas;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsInPreview\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useRenderTarget.map","import * as React from \"react\";\nexport function useControlledState(value) {\n const [controlledValue, setValue] = React.useState(value);\n React.useEffect(()=>{\n setValue(value);\n }, [\n value\n ]);\n return [\n controlledValue,\n setValue\n ];\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useControlledState\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useControlledState.map","import { useMemo } from \"react\";\nimport { ControlType } from \"framer\";\nexport function useRadius(props) {\n const { borderRadius , isMixedBorderRadius , topLeftRadius , topRightRadius , bottomRightRadius , bottomLeftRadius , } = props;\n const radiusValue = useMemo(()=>isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`\n , [\n borderRadius,\n isMixedBorderRadius,\n topLeftRadius,\n topRightRadius,\n bottomRightRadius,\n bottomLeftRadius, \n ]);\n return radiusValue;\n}\nexport const borderRadiusControl = {\n borderRadius: {\n title: \"Radius\",\n type: ControlType.FusedNumber,\n toggleKey: \"isMixedBorderRadius\",\n toggleTitles: [\n \"Radius\",\n \"Radius per corner\"\n ],\n valueKeys: [\n \"topLeftRadius\",\n \"topRightRadius\",\n \"bottomRightRadius\",\n \"bottomLeftRadius\", \n ],\n valueLabels: [\n \"TL\",\n \"TR\",\n \"BR\",\n \"BL\"\n ],\n min: 0\n }\n};\nexport function usePadding(props) {\n const { padding , paddingPerSide , paddingTop , paddingRight , paddingBottom , paddingLeft , } = props;\n const paddingValue = useMemo(()=>paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : padding\n , [\n padding,\n paddingPerSide,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft, \n ]);\n return paddingValue;\n}\nexport const paddingControl = {\n padding: {\n type: ControlType.FusedNumber,\n toggleKey: \"paddingPerSide\",\n toggleTitles: [\n \"Padding\",\n \"Padding per side\"\n ],\n valueKeys: [\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\", \n ],\n valueLabels: [\n \"T\",\n \"R\",\n \"B\",\n \"L\"\n ],\n min: 0,\n title: \"Padding\"\n }\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./propUtils.map","import{defaultEvents,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";import{useOnEnter,useOnExit}from\"https://framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js\";import{useConstant}from\"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";import{colorTokentoValue,colorFromToken}from\"https://framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js\";import{isMotionValue}from\"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";import{useUniqueClassName,randomID}from\"https://framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js\";import{getVariantControls}from\"https://framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js\";import{useIsBrowserSafari}from\"https://framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js\";import{useMultiOnChange,useOnChange}from\"https://framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js\";import{mstoMinAndSec,secondsToMinutes}from\"https://framerusercontent.com/modules/4zHZnO5JojN1PrIbu2jm/revv9QCWpkh8lPzi2jje/time.js\";import{useAutoMotionValue}from\"https://framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js\";import{useFontControls}from\"https://framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js\";import{useRenderTarget,useIsInPreview,useIsOnCanvas}from\"https://framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js\";import{useControlledState}from\"https://framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js\";import{usePadding,useRadius,paddingControl,borderRadiusControl}from\"https://framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js\";import{detectAutoSizingAxis}from\"https://framerusercontent.com/modules/8CkHAZatUz1UR8jNTcfD/HwbnIAZlUmQ2oTpcLkaH/detectAutoSizingAxis.js\";export{useOnEnter,useOnExit,defaultEvents,isMotionValue,colorFromToken,colorTokentoValue,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack,useUniqueClassName,getVariantControls,useIsBrowserSafari,randomID,useConstant,useMultiOnChange,useOnChange,usePadding,useRadius,paddingControl,borderRadiusControl,mstoMinAndSec,useFontControls,secondsToMinutes,useAutoMotionValue,useRenderTarget,useIsInPreview,useControlledState,detectAutoSizingAxis,useIsOnCanvas,};\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useUniqueClassName\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getVariantControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorFromToken\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useControlledState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useAutoMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsInPreview\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"detectAutoSizingAxis\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mstoMinAndSec\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnEnter\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"secondsToMinutes\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","// ⚠️⚠️⚠️⚠️⚠️\n// Edit these files in https://github.com/framer/FramerCodeComponents\n// ⚠️⚠️⚠️⚠️⚠️\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget,RenderTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius,useRenderTarget}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const defaultVideo=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\";// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n *\n * @framerComponentPresetProps borderRadius, backgroundColor\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the