{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/57wf7vVSsscumOXz4NV8/kLLe9w97bPfPTwFHjkRV/ThemeVariants.js", "ssg:https://framerusercontent.com/modules/FyXZlexOwdETFWs3MnIC/iRSHkuCWSm3CcscR7uJD/gX4tjmqKC.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect,cloneElement}from\"react\";import{EmptyState}from\"https://framerusercontent.com/modules/n9cR4gFLy0DjoxfkLrIe/eDj1MxSfupkYrrIeXQ6b/Shared.js\";const THEME_ATTRIBUTE=\"framestack-theme\";const SIGNAL_NAME=\"framestack-theme-changed\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function ThemeVariants(props){var _props_light,_props_dark,_props_dark1,_props_light1,_props_style,_props_style1;const[isDarkTheme,setIsDarkTheme]=useState(null);useEffect(()=>{const updateTheme=()=>{// For compatibility with the Theme Toggle component.\n// https://Framestack.co/components/theme-toggle\n// If the site does not have a theme toggle, the device theme will be used.\nconst currentToggleState=document.body.getAttribute(THEME_ATTRIBUTE);// Check if page has the theme toggle attribute.\nif(!currentToggleState||currentToggleState==\"deviceTheme\"){if(document.body.hasAttribute(\"data-framer-theme\")){setIsDarkTheme(document.body.getAttribute(\"data-framer-theme\")==\"dark\");}else{const mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");setIsDarkTheme(mediaQuery.matches);}}else{// Use device theme\nsetIsDarkTheme(currentToggleState==\"dark\")// light or dark\n;}};// Event listener for changes in the device theme\nconst osThemeChange=e=>{setIsDarkTheme(e.matches);};// Update the theme when the page loads\nupdateTheme();// Listen for theme changes made by the theme toggle component\nwindow.addEventListener(SIGNAL_NAME,updateTheme);// Listen for changes in the device theme\nconst mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");mediaQuery.addListener(osThemeChange);// Clean up the event listeners when the theme toggle component unmounts\nreturn()=>{window.removeEventListener(SIGNAL_NAME,updateTheme);mediaQuery.removeListener(osThemeChange);};},[]);// Before the theme has been determined, render nothing.\n// This prevents flashing while the page loads.\nif(isDarkTheme===null){return null;}// Empty state\nif(!((_props_light=props.light)===null||_props_light===void 0?void 0:_props_light[0])||!((_props_dark=props.dark)===null||_props_dark===void 0?void 0:_props_dark[0])){return /*#__PURE__*/_jsx(EmptyState,{title:\"Add dark and light layers.\",subtitle:\"Use the properties panel on the right side to connect layers for dark and light theme.\"});}let layer=isDarkTheme?(_props_dark1=props.dark)===null||_props_dark1===void 0?void 0:_props_dark1[0]:(_props_light1=props.light)===null||_props_light1===void 0?void 0:_props_light1[0];if(layer&&(((_props_style=props.style)===null||_props_style===void 0?void 0:_props_style.width)||((_props_style1=props.style)===null||_props_style1===void 0?void 0:_props_style1.height))){layer=/*#__PURE__*/cloneElement(layer,{style:{...layer.props.style,...props.style}});}if(!layer){return /*#__PURE__*/_jsx(\"div\",{style:{minWidth:100,minHeight:100}});}return layer;}ThemeVariants.displayName=\"Theme Variants\";addPropertyControls(ThemeVariants,{light:{type:ControlType.ComponentInstance,title:\"Light\"},dark:{type:ControlType.ComponentInstance,title:\"Dark\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ThemeVariants\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (552ec80)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,ComponentViewportProvider,cx,getFonts,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import ThemeVariants from\"https://framerusercontent.com/modules/57wf7vVSsscumOXz4NV8/kLLe9w97bPfPTwFHjkRV/ThemeVariants.js\";const ThemeVariantsFonts=getFonts(ThemeVariants);const serializationHash=\"framer-spT9p\";const variantClassNames={PSFicy14S:\"framer-v-2zbjr6\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"PSFicy14S\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-2zbjr6\",className,classNames),\"data-framer-name\":\"Light\",layoutDependency:layoutDependency,layoutId:\"PSFicy14S\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1hkdaif-container\",layoutDependency:layoutDependency,layoutId:\"lBVoF2ff3-container\",children:/*#__PURE__*/_jsx(ThemeVariants,{dark:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-17gq7oy\",\"data-framer-name\":\"F4\",layoutDependency:layoutDependency,layoutId:\"Z11qeeodt\",style:{background:\"linear-gradient(0deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.2) 100%)\"}})],height:\"100%\",id:\"lBVoF2ff3\",layoutId:\"lBVoF2ff3\",light:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1qdq2t7\",\"data-framer-name\":\"F1\",layoutDependency:layoutDependency,layoutId:\"lig14C6nn\",style:{background:\"linear-gradient(180deg, rgba(26, 13, 130, 0) 20%, rgba(26, 13, 130, 0.25) 100%)\"}})],style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-spT9p.framer-ifjshp, .framer-spT9p .framer-ifjshp { display: block; }\",\".framer-spT9p.framer-2zbjr6 { height: 1080px; overflow: hidden; position: relative; width: 1200px; }\",\".framer-spT9p .framer-1hkdaif-container { flex: none; height: 100%; position: absolute; right: 0px; top: 0px; width: 100%; }\",\".framer-spT9p .framer-1qdq2t7, .framer-spT9p .framer-17gq7oy { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 295px); overflow: hidden; position: relative; width: 295px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 1080\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramergX4tjmqKC=withCSS(Component,css,\"framer-spT9p\");export default FramergX4tjmqKC;FramergX4tjmqKC.displayName=\"GradientBG\";FramergX4tjmqKC.defaultProps={height:1080,width:1200};addFonts(FramergX4tjmqKC,[{explicitInter:true,fonts:[]},...ThemeVariantsFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramergX4tjmqKC\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"1200\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"1080\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./gX4tjmqKC.map"],
  "mappings": "uTAAoQ,IAAMA,EAAgB,mBAAyBC,EAAY,2BAG7S,SAARC,EAA+BC,EAAM,CAAC,IAAIC,EAAaC,EAAYC,EAAaC,EAAcC,EAAaC,EAAc,GAAK,CAACC,EAAYC,CAAc,EAAEC,EAAS,IAAI,EAalL,GAboLC,EAAU,IAAI,CAAC,IAAMC,EAAY,IAAI,CAGzN,IAAMC,EAAmB,SAAS,KAAK,aAAaf,CAAe,EACnE,GAAG,CAACe,GAAoBA,GAAoB,cAAe,GAAG,SAAS,KAAK,aAAa,mBAAmB,EAAGJ,EAAe,SAAS,KAAK,aAAa,mBAAmB,GAAG,MAAM,MAAO,CAAC,IAAMK,EAAWC,EAAO,WAAW,8BAA8B,EAAEN,EAAeK,EAAW,OAAO,CAAE,MACnSL,EAAeI,GAAoB,MAAM,CACvC,EACIG,EAAcC,GAAG,CAACR,EAAeQ,EAAE,OAAO,CAAE,EAClDL,EAAY,EACZG,EAAO,iBAAiBhB,EAAYa,CAAW,EAC/C,IAAME,EAAWC,EAAO,WAAW,8BAA8B,EAAE,OAAAD,EAAW,YAAYE,CAAa,EACjG,IAAI,CAACD,EAAO,oBAAoBhB,EAAYa,CAAW,EAAEE,EAAW,eAAeE,CAAa,CAAE,CAAE,EAAE,CAAC,CAAC,EAE3GR,IAAc,KAAM,OAAO,KAC9B,GAAG,EAAG,GAAAN,EAAaD,EAAM,SAAS,MAAMC,IAAe,SAAcA,EAAa,CAAC,IAAI,EAAG,GAAAC,EAAYF,EAAM,QAAQ,MAAME,IAAc,SAAcA,EAAY,CAAC,GAAI,OAAoBe,EAAKC,EAAW,CAAC,MAAM,6BAA6B,SAAS,wFAAwF,CAAC,EAAG,IAAIC,EAAMZ,GAAaJ,EAAaH,EAAM,QAAQ,MAAMG,IAAe,OAAO,OAAOA,EAAa,CAAC,GAAGC,EAAcJ,EAAM,SAAS,MAAMI,IAAgB,OAAO,OAAOA,EAAc,CAAC,EAAoR,OAA/Qe,IAAU,GAAAd,EAAaL,EAAM,SAAS,MAAMK,IAAe,SAAcA,EAAa,OAAU,GAAAC,EAAcN,EAAM,SAAS,MAAMM,IAAgB,SAAcA,EAAc,UAAUa,EAAmBC,EAAaD,EAAM,CAAC,MAAM,CAAC,GAAGA,EAAM,MAAM,MAAM,GAAGnB,EAAM,KAAK,CAAC,CAAC,GAAOmB,GAA2BF,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,IAAI,UAAU,GAAG,CAAC,CAAC,CAAgB,CAAClB,EAAc,YAAY,iBAAiBsB,EAAoBtB,EAAc,CAAC,MAAM,CAAC,KAAKuB,EAAY,kBAAkB,MAAM,OAAO,EAAE,KAAK,CAAC,KAAKA,EAAY,kBAAkB,MAAM,MAAM,CAAC,CAAC,EChBxrB,IAAMC,EAAmBC,EAASC,CAAa,EAAQC,EAAkB,eAAqBC,EAAkB,CAAC,UAAU,iBAAiB,EAAkO,IAAMC,GAAY,CAAC,OAAO,GAAG,MAAM,EAAE,SAAS,GAAG,KAAK,QAAQ,EAAQC,GAAW,CAAC,CAAC,MAAAC,EAAM,SAAAC,CAAQ,IAAI,CAAC,IAAMC,EAAaC,EAAWC,CAAmB,EAAQC,EAAWL,GAAmCE,EAAO,WAAiBI,EAAmBC,EAAQ,KAAK,CAAC,GAAGL,EAAO,WAAAG,CAAU,GAAG,CAAC,KAAK,UAAUA,CAAU,CAAC,CAAC,EAAE,OAAoBG,EAAKJ,EAAoB,SAAS,CAAC,MAAME,EAAa,SAASL,CAAQ,CAAC,CAAE,EAAQQ,GAASC,EAAO,OAAaC,CAAQ,EAAQC,GAAS,CAAC,CAAC,OAAAC,EAAO,GAAAC,EAAG,MAAAC,EAAM,GAAGC,CAAK,KAAW,CAAC,GAAGA,CAAK,GAAUC,GAAuB,CAACD,EAAME,IAAeF,EAAM,iBAAwBE,EAAS,KAAK,GAAG,EAAEF,EAAM,iBAAwBE,EAAS,KAAK,GAAG,EAAUC,GAA6BC,EAAW,SAASJ,EAAMK,EAAI,CAAC,GAAK,CAAC,aAAAC,EAAa,UAAAC,CAAS,EAAEC,EAAc,EAAO,CAAC,MAAAC,EAAM,UAAAC,EAAU,SAAAC,EAAS,QAAAC,EAAQ,GAAGC,CAAS,EAAEjB,GAASI,CAAK,EAAO,CAAC,YAAAc,EAAY,WAAAC,EAAW,oBAAAC,EAAoB,gBAAAC,EAAgB,eAAAC,EAAe,UAAAC,EAAU,gBAAAC,GAAgB,WAAAC,GAAW,SAAAnB,CAAQ,EAAEoB,EAAgB,CAAC,eAAe,YAAY,QAAAV,EAAQ,kBAAAW,CAAiB,CAAC,EAAQC,EAAiBvB,GAAuBD,EAAME,CAAQ,EAAQuB,EAAWC,EAAO,IAAI,EAAQC,EAAsBC,EAAM,EAAQC,EAAsB,CAAC,EAAQC,GAAkBC,EAAqB,EAAE,OAAoBvC,EAAKwC,EAAY,CAAC,GAAGrB,GAA4CgB,EAAgB,SAAsBnC,EAAKC,GAAS,CAAC,QAAQS,EAAS,QAAQ,GAAM,SAAsBV,EAAKT,GAAW,CAAC,MAAMD,GAAY,SAAsBU,EAAKE,EAAO,IAAI,CAAC,GAAGmB,EAAU,GAAGI,EAAgB,UAAUgB,EAAGC,EAAkB,GAAGL,EAAsB,gBAAgBnB,EAAUK,CAAU,EAAE,mBAAmB,QAAQ,iBAAiBS,EAAiB,SAAS,YAAY,IAAInB,GAA6BoB,EAAK,MAAM,CAAC,GAAGhB,CAAK,EAAE,SAAsBjB,EAAK2C,EAA0B,CAAC,SAAsB3C,EAAKE,EAAO,IAAI,CAAC,UAAU,2BAA2B,iBAAiB8B,EAAiB,SAAS,sBAAsB,SAAsBhC,EAAK4C,EAAc,CAAC,KAAK,CAAc5C,EAAKE,EAAO,IAAI,CAAC,UAAU,iBAAiB,mBAAmB,KAAK,iBAAiB8B,EAAiB,SAAS,YAAY,MAAM,CAAC,WAAW,sEAAsE,CAAC,CAAC,CAAC,EAAE,OAAO,OAAO,GAAG,YAAY,SAAS,YAAY,MAAM,CAAchC,EAAKE,EAAO,IAAI,CAAC,UAAU,iBAAiB,mBAAmB,KAAK,iBAAiB8B,EAAiB,SAAS,YAAY,MAAM,CAAC,WAAW,iFAAiF,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,OAAO,MAAM,MAAM,EAAE,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,EAAQa,GAAI,CAAC,kFAAkF,gFAAgF,uGAAuG,+HAA+H,gMAAgM,EAQv3HC,EAAgBC,EAAQpC,GAAUkC,GAAI,cAAc,EAASG,GAAQF,EAAgBA,EAAgB,YAAY,aAAaA,EAAgB,aAAa,CAAC,OAAO,KAAK,MAAM,IAAI,EAAEG,EAASH,EAAgB,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,EAAE,GAAGI,CAAkB,EAAE,CAAC,6BAA6B,EAAI,CAAC",
  "names": ["THEME_ATTRIBUTE", "SIGNAL_NAME", "ThemeVariants", "props", "_props_light", "_props_dark", "_props_dark1", "_props_light1", "_props_style", "_props_style1", "isDarkTheme", "setIsDarkTheme", "ye", "ue", "updateTheme", "currentToggleState", "mediaQuery", "window", "osThemeChange", "e", "p", "EmptyState", "layer", "q", "addPropertyControls", "ControlType", "ThemeVariantsFonts", "getFonts", "ThemeVariants", "serializationHash", "variantClassNames", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "getProps", "height", "id", "width", "props", "createLayoutDependency", "variants", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "variantClassNames", "layoutDependency", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "cx", "serializationHash", "ComponentViewportProvider", "ThemeVariants", "css", "FramergX4tjmqKC", "withCSS", "gX4tjmqKC_default", "addFonts", "ThemeVariantsFonts"]
}