into several smaller ones, which prevents the huge
\n// from becoming an LCP element.\nconst descriptionParagraphs=description?.split(\"\\n\\n\");return description.split(\"\\n\\n\").map((line,index)=>/*#__PURE__*/_jsx(DescriptionParagraph,{line:line,// Only render the policy in the last paragraph\n policy:index===descriptionParagraphs.length-1?policy:null,style:{// Add a spacing between paragraphs\n marginTop:index>0?4:0,...style},linkColor:linkColor},index));}function DescriptionParagraph({line,policy,style,linkColor}){return /*#__PURE__*/_jsxs(\"p\",{style:{lineHeight:1.5,margin:0,padding:0,fontSize:14,...style},children:[line,line&&policy?.link?\" \":null,policy?.link&&/*#__PURE__*/_jsxs(\"span\",{children:[policy?.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy?.link,target:\"_blank\",style:{color:linkColor,textDecoration:\"none\"},children:policy?.label}),\".\"]})]});}function Buttons({children,direction}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:direction,gap:10,marginTop:16},children:children});}const Button=withCSS(function Button({id,children,primary,settings,onClick}){const paddingValue=settings.paddingPerSide?`${settings.paddingTop}px ${settings.paddingRight}px ${settings.paddingBottom}px ${settings.paddingLeft}px`:`${settings.padding}px`;const theme=primary?settings.primary:settings.secondary;return /*#__PURE__*/_jsx(motion.input,{className:\"__framer-cookie-component-button\",id:`__framer-cookie-component-button-${id}`,onClick:onClick,type:\"button\",value:`${children}`,whileHover:{opacity:settings.hoverOpacity??.6},whileTap:{opacity:settings.tapOpacity??.4},style:{WebkitAppearance:\"none\",appearance:\"none\",width:settings.fluid?\"100%\":\"auto\",height:\"auto\",border:\"none\",padding:paddingValue,borderRadius:settings.borderRadius,boxShadow:getShadow(theme.shadow),background:theme.fill,color:theme.color,fontSize:14,lineHeight:1,cursor:\"pointer\",fontWeight:settings.font?\"unset\":600,...settings.font}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\");\nexport const __FramerMetadata__ = {\"exports\":{\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map", "import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,Image}from\"framer\";import{motion}from\"framer-motion\";import{useState,useEffect,useRef}from\"react\";import Cookies from\"js-cookie\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";// Sun and moon icons from tabler-icons.io\nconst THEME_ATTRIBUTE=\"framestack-theme\";const COOKIE_NAME=\"framestack-theme\";const STYLE_ID=\"framestack-theme-toggle\";const SIGNAL_NAME=\"framestack-theme-changed\";const THEMES=[\"light\",\"dark\",\"deviceTheme\"];const useThemeStore=createStore(\"deviceTheme\");function extractBodySection(inputString){const searchStr=\"body{\";const startIndex=inputString.indexOf(searchStr);if(startIndex!==-1){const endIndex=inputString.indexOf(\"}\",startIndex+searchStr.length);if(endIndex!==-1){const bodySection=inputString.substring(startIndex+searchStr.length,endIndex);return bodySection;}}return null// Return null if \"body{\" or \"}\" is not found\n;}function makeBorderStyle(border){return border?{borderWidth:border.widthIsMixed?`${border.widthTop}px ${border.widthRight}px ${border.widthBottom}px ${border.widthLeft}px`:`${border.width}px`,borderStyle:border.style,borderColor:border.color}:[];}/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function ThemeToggle(props){var _window;const{toggle,dropdown,dropdownOptions,icons,transition}=props;let isPreview=false;let initialTheme=props.defaultTheme;if(typeof document!==\"undefined\"){if(document.body.hasAttribute(\"data-framer-theme\")){if(initialTheme==\"deviceTheme\"){initialTheme=document.body.getAttribute(\"data-framer-theme\");}isPreview=true;}else if(document.body.hasAttribute(THEME_ATTRIBUTE)){initialTheme=document.body.getAttribute(THEME_ATTRIBUTE);}else if(props.saveTheme){const storedTheme=Cookies.get(COOKIE_NAME);if(THEMES.includes(storedTheme)){initialTheme=storedTheme;}}}let deviceTheme=\"light\";if(isPreview&&document.body.hasAttribute(\"data-framer-theme\")){deviceTheme=document.body.getAttribute(\"data-framer-theme\");}else if(typeof window!=\"undefined\"&&((_window=window)===null||_window===void 0?void 0:_window.matchMedia)){deviceTheme=window.matchMedia(\"(prefers-color-scheme: dark)\").matches?\"dark\":\"light\";}const[theme,setTheme]=useThemeStore();const[activeTheme,setActiveTheme]=useState(initialTheme==\"deviceTheme\"?deviceTheme:initialTheme)// light or dark\n;const[originalPreviewTheme,setOriginalPreviewTheme]=useState(initialTheme);const themeRef=useRef(theme);const selectRef=useRef(null);function changeTheme(newTheme){let newActiveTheme=newTheme;if(newTheme==\"deviceTheme\"){if(isPreview){newActiveTheme=originalPreviewTheme;}else{newActiveTheme=deviceTheme;}}setTheme(newTheme);setActiveTheme(newActiveTheme);if(isPreview){document.body.setAttribute(\"data-framer-theme\",newActiveTheme);}document.body.setAttribute(THEME_ATTRIBUTE,newTheme);document.documentElement.setAttribute(THEME_ATTRIBUTE,newTheme);if(props.saveTheme){Cookies.set(COOKIE_NAME,newTheme,{expires:365})// Expires in 1 year\n;}window.dispatchEvent(new CustomEvent(SIGNAL_NAME));}function toggleTheme(){const newActiveTheme=activeTheme==\"light\"?\"dark\":\"light\";if(props.resetToDeviceTheme){changeTheme(newActiveTheme==deviceTheme?\"deviceTheme\":newActiveTheme);}else{changeTheme(newActiveTheme);}}function onSelectChange(){if(selectRef.current){changeTheme(THEMES[selectRef.current.selectedIndex]);}}const handleThemeChange=event=>{if(themeRef.current==\"deviceTheme\"){setActiveTheme(event.matches?\"dark\":\"light\");}};useEffect(()=>{themeRef.current=theme// Update the ref whenever the theme state changes\n;if(theme==\"deviceTheme\"){if(isPreview){setActiveTheme(originalPreviewTheme);}else{setActiveTheme(deviceTheme);}}else{setActiveTheme(theme);}},[theme]);useEffect(()=>{if(initialTheme!=theme){changeTheme(initialTheme);}// const themeAttr = document.body.getAttribute(THEME_ATTRIBUTE)\n// if (themeAttr) {\n// changeTheme(themeAttr)\n// }\nconst mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");mediaQuery.addEventListener(\"change\",handleThemeChange);if(!isPreview){let generateStyle=true;// Check if
already has theme attribute\nconst headElement=document.querySelector(\"head\");if(headElement){if(headElement.querySelector(`style#${STYLE_ID}`)){generateStyle=false;}}// Generate