cakeinpanic-ui 1.0.0

package/dist/esm/theme/document-head-contents/element-theme-colors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-theme-colors.mjs","sources":["../../../../src/theme/document-head-contents/element-theme-colors.tsx"],"sourcesContent":["import { themeDark, themeLight } from '../themes.js'\nimport { generateCssColorVariables } from '../utils/generate-css-color-variables.js'\nimport { globalStyleDataAttribute, ThemeName } from '../constants.js'\nimport { VOID_FN } from '../../utils/index.js'\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing CSS themes that defines custom CSS variables with palette to\n * make HTML document styled even before any code is loaded\n * */\n\nconst darkThemeColors = generateCssColorVariables(themeDark.colors)\nconst lightThemeColors = generateCssColorVariables(themeLight.colors)\n\nexport let initGlobalColors = VOID_FN\nexport const themeCSSValueString = `\nhtml, [data-lido-theme='${ThemeName.light}'] {\ncolor-theme: light;\n${lightThemeColors}\n}\n@media (prefers-color-scheme: dark) {\nhtml:not([data-lido-theme='${ThemeName.light}']) { \ncolor-theme: dark;\n${darkThemeColors} \n}\n}\n[data-lido-theme='${ThemeName.dark}'] {\ncolor-theme: dark;\n${darkThemeColors}\n}`\n\nif (typeof window !== 'undefined') {\n  if (!document.querySelector(`style[${globalStyleDataAttribute}]`)) {\n    initGlobalColors = () => {\n      const style = document.createElement('style')\n      style.setAttribute(globalStyleDataAttribute, '')\n      style.innerHTML = themeCSSValueString\n\n      document.head.appendChild(style)\n      // eslint-disable-next-line @typescript-eslint/no-empty-function\n      initGlobalColors = VOID_FN\n    }\n  }\n}\n\nexport const StyleThemeColors = () => (\n  <style\n    {...{ [globalStyleDataAttribute]: true }}\n    dangerouslySetInnerHTML={{ __html: themeCSSValueString }}\n  />\n)\n"],"names":["darkThemeColors","generateCssColorVariables","themeDark","colors","lightThemeColors","themeLight","initGlobalColors","VOID_FN","themeCSSValueString","ThemeName","light","dark","window","document","querySelector","globalStyleDataAttribute","style","createElement","setAttribute","innerHTML","head","appendChild","StyleThemeColors","_jsx","dangerouslySetInnerHTML","__html"],"mappings":";;;;;;AAeA,MAAMA,eAAe,GAAGC,yBAAyB,CAACC,SAAS,CAACC,MAAM,CAAC,CAAA;AACnE,MAAMC,gBAAgB,GAAGH,yBAAyB,CAACI,UAAU,CAACF,MAAM,CAAC,CAAA;AAE9D,IAAIG,gBAAgB,GAAGC,QAAO;AAC9B,MAAMC,mBAAmB,GAAG,CAAA;AACnC,wBAA0BC,EAAAA,SAAS,CAACC,KAAK,CAAA;AACzC;AACA,EAAEN,gBAAgB,CAAA;AAClB;AACA;AACA,2BAA6BK,EAAAA,SAAS,CAACC,KAAK,CAAA;AAC5C;AACA,EAAEV,eAAe,CAAA;AACjB;AACA;AACA,kBAAoBS,EAAAA,SAAS,CAACE,IAAI,CAAA;AAClC;AACA,EAAEX,eAAe,CAAA;AACjB,CAAE,EAAA;AAEF,IAAI,OAAOY,MAAM,KAAK,WAAW,EAAE;EACjC,IAAI,CAACC,QAAQ,CAACC,aAAa,CAAC,CAASC,MAAAA,EAAAA,wBAAwB,CAAG,CAAA,CAAA,CAAC,EAAE;IACjET,gBAAgB,GAAGA,MAAM;AACvB,MAAA,MAAMU,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC,CAAA;AAC7CD,MAAAA,KAAK,CAACE,YAAY,CAACH,wBAAwB,EAAE,EAAE,CAAC,CAAA;MAChDC,KAAK,CAACG,SAAS,GAAGX,mBAAmB,CAAA;AAErCK,MAAAA,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC,CAAA;AAChC;AACAV,MAAAA,gBAAgB,GAAGC,OAAO,CAAA;KAC3B,CAAA;AACH,GAAA;AACF,CAAA;AAEae,MAAAA,gBAAgB,GAAGA,mBAC9BC,GAAA,CAAA,OAAA,EAAA;EACQ,CAACR,wBAAwB,GAAG,IAAI;AACtCS,EAAAA,uBAAuB,EAAE;AAAEC,IAAAA,MAAM,EAAEjB,mBAAAA;AAAoB,GAAA;AAAE,CAC1D;;;;"}

package/dist/esm/theme/document-head-contents/element-theme-script.mjs

@@ -0,0 +1,74 @@
+import { VOID_FN } from '../../utils/index.mjs';
+import { themeCookieKey, ThemeName } from '../constants.mjs';
+import { setThemeCookie } from '../utils/set-theme-cookie.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const getThemeNameFromUrl = () => {
+  if (typeof window === 'undefined') return undefined;
+  const url = new URL(window.location.href);
+  const queryTheme = url.searchParams.get('theme')?.toLowerCase();
+  if (queryTheme === 'light') return ThemeName.light;
+  if (queryTheme === 'dark') return ThemeName.dark;
+  return undefined;
+};
+
+/**
+ * What is happening here:
+ * We want to have React dehydrated HTML to be loaded after theme is initialized.
+ * That means that we need to have some code executed BEFORE main react components code,
+ * before even injected script itself, so we need to provide some CSS and JS in document head
+ * to read the theme from cookie and make global CSS follow preferred palette.
+ * This file is providing JS code that reads/writes cookie value, including <script> element to inject
+ * */
+
+/**
+ *  this FN should be hermetic and has zero external items - it is inlined via .toString()
+ *  __PURE__ annotation may throw an error on some external usage cases
+ *  (with chances, but it is better than nothing)
+ * */
+
+const themeScriptValueString = function (key) {
+  const url = new URL(window.location.href);
+  const queryTheme = url.searchParams.get('theme')?.toLowerCase();
+  if (queryTheme === 'light' || queryTheme === 'dark') {
+    document.documentElement.dataset.lidoTheme = queryTheme;
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    return () => {};
+  }
+  if (!window.matchMedia) {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    return () => {};
+  }
+  const match = window.matchMedia('(prefers-color-scheme: dark)');
+  const setTheme = () => {
+    const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`);
+    const themeCookie = document.cookie.match(cookieMatcher)?.[2] ?? null;
+    if (themeCookie) {
+      document.documentElement.dataset.lidoTheme = themeCookie;
+    } else {
+      delete document.documentElement.dataset.lidoTheme;
+    }
+  };
+  setTheme();
+  match.addEventListener('change', setTheme);
+  return setTheme;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+let updateGlobalTheme = VOID_FN;
+let initGlobalCookieTheme = typeof window === 'undefined' ? VOID_FN : () => {
+  const setTheme = themeScriptValueString(themeCookieKey);
+  initGlobalCookieTheme = VOID_FN;
+  updateGlobalTheme = theme => {
+    setThemeCookie(theme);
+    setTheme();
+  };
+};
+const ScriptThemeValue = () => /*#__PURE__*/jsx("script", {
+  dangerouslySetInnerHTML: {
+    __html: `(${themeScriptValueString.toString()})("${themeCookieKey}")`
+  }
+});
+
+export { ScriptThemeValue, getThemeNameFromUrl, initGlobalCookieTheme, updateGlobalTheme };
+//# sourceMappingURL=element-theme-script.mjs.map

package/dist/esm/theme/document-head-contents/element-theme-script.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-theme-script.mjs","sources":["../../../../src/theme/document-head-contents/element-theme-script.tsx"],"sourcesContent":["import { VOID_FN } from '../../utils/index.js'\nimport { themeCookieKey, ThemeName } from '../constants.js'\nimport { setThemeCookie } from '../utils/set-theme-cookie.js'\n\nexport const getThemeNameFromUrl = (): ThemeName | undefined => {\n  if (typeof window === 'undefined') return undefined\n  const url = new URL(window.location.href)\n  const queryTheme = url.searchParams.get('theme')?.toLowerCase()\n  if (queryTheme === 'light') return ThemeName.light\n  if (queryTheme === 'dark') return ThemeName.dark\n  return undefined\n}\n\n/**\n * What is happening here:\n * We want to have React dehydrated HTML to be loaded after theme is initialized.\n * That means that we need to have some code executed BEFORE main react components code,\n * before even injected script itself, so we need to provide some CSS and JS in document head\n * to read the theme from cookie and make global CSS follow preferred palette.\n * This file is providing JS code that reads/writes cookie value, including <script> element to inject\n * */\n\n/**\n *  this FN should be hermetic and has zero external items - it is inlined via .toString()\n *  __PURE__ annotation may throw an error on some external usage cases\n *  (with chances, but it is better than nothing)\n * */\n/*#__PURE__*/\nconst themeScriptValueString = function (key: string) {\n  const url = new URL(window.location.href)\n  const queryTheme = url.searchParams.get('theme')?.toLowerCase()\n  if (queryTheme === 'light' || queryTheme === 'dark') {\n    document.documentElement.dataset.lidoTheme = queryTheme\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  if (!window.matchMedia) {\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    return () => {}\n  }\n  const match = window.matchMedia('(prefers-color-scheme: dark)')\n  const setTheme = () => {\n    const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n    const themeCookie =\n      (document.cookie.match(cookieMatcher)?.[2] as ThemeName) ?? null\n    if (themeCookie) {\n      document.documentElement.dataset.lidoTheme = themeCookie\n    } else {\n      delete document.documentElement.dataset.lidoTheme\n    }\n  }\n  setTheme()\n  match.addEventListener('change', setTheme)\n  return setTheme\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport let updateGlobalTheme: (theme: string) => void = VOID_FN\n\nexport let initGlobalCookieTheme =\n  typeof window === 'undefined'\n    ? VOID_FN\n    : () => {\n        const setTheme = themeScriptValueString(themeCookieKey)\n        initGlobalCookieTheme = VOID_FN\n        updateGlobalTheme = (theme: ThemeName) => {\n          setThemeCookie(theme)\n          setTheme()\n        }\n      }\n\nexport const ScriptThemeValue = () => (\n  <script\n    dangerouslySetInnerHTML={{\n      __html: `(${themeScriptValueString.toString()})(\"${themeCookieKey}\")`,\n    }}\n  />\n)\n"],"names":["getThemeNameFromUrl","window","undefined","url","URL","location","href","queryTheme","searchParams","get","toLowerCase","ThemeName","light","dark","themeScriptValueString","key","document","documentElement","dataset","lidoTheme","matchMedia","match","setTheme","cookieMatcher","RegExp","themeCookie","cookie","addEventListener","updateGlobalTheme","VOID_FN","initGlobalCookieTheme","themeCookieKey","theme","setThemeCookie","ScriptThemeValue","_jsx","dangerouslySetInnerHTML","__html","toString"],"mappings":"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"}

package/dist/esm/theme/document-head-contents/index.mjs

@@ -0,0 +1,22 @@
+import { Fonts } from './element-fonts.mjs';
+import { initGlobalColors, StyleThemeColors } from './element-theme-colors.mjs';
+import { initGlobalCookieTheme, ScriptThemeValue } from './element-theme-script.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+const initColors = () => {
+  initGlobalColors();
+  initGlobalCookieTheme();
+};
+const LidoUIHead = _ref => {
+  let {
+    cssStyleVars = true,
+    cssFont = false,
+    jsStyleScript = true
+  } = _ref;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [cssStyleVars ? /*#__PURE__*/jsx(StyleThemeColors, {}) : null, jsStyleScript ? /*#__PURE__*/jsx(ScriptThemeValue, {}) : null, cssFont ? /*#__PURE__*/jsx(Fonts, {}) : null]
+  });
+};
+
+export { Fonts, LidoUIHead, initColors };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/theme/document-head-contents/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/theme/document-head-contents/index.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Fonts } from './element-fonts.js'\nimport { initGlobalColors, StyleThemeColors } from './element-theme-colors.js'\nimport {\n  initGlobalCookieTheme,\n  ScriptThemeValue,\n} from './element-theme-script.js'\nexport { Fonts } from './element-fonts.js'\n\nexport const initColors = () => {\n  initGlobalColors()\n  initGlobalCookieTheme()\n}\n\nexport const LidoUIHead: FC<{\n  cssStyleVars?: boolean\n  jsStyleScript?: boolean\n  cssFont?: boolean\n}> = ({ cssStyleVars = true, cssFont = false, jsStyleScript = true }) => (\n  <>\n    {cssStyleVars ? <StyleThemeColors /> : null}\n    {jsStyleScript ? <ScriptThemeValue /> : null}\n    {cssFont ? <Fonts /> : null}\n  </>\n)\n"],"names":["initColors","initGlobalColors","initGlobalCookieTheme","LidoUIHead","_ref","cssStyleVars","cssFont","jsStyleScript","_jsxs","_Fragment","children","_jsx","StyleThemeColors","ScriptThemeValue","Fonts"],"mappings":";;;;;AASaA,MAAAA,UAAU,GAAGA,MAAM;AAC9BC,EAAAA,gBAAgB,EAAE,CAAA;AAClBC,EAAAA,qBAAqB,EAAE,CAAA;AACzB,EAAC;AAEM,MAAMC,UAIX,GAAGC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAY,GAAG,IAAI;AAAEC,IAAAA,OAAO,GAAG,KAAK;AAAEC,IAAAA,aAAa,GAAG,IAAA;AAAK,GAAC,GAAAH,IAAA,CAAA;EAAA,oBAClEI,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,EACGL,CAAAA,YAAY,gBAAGM,GAAA,CAACC,gBAAgB,EAAE,EAAA,CAAC,GAAG,IAAI,EAC1CL,aAAa,gBAAGI,GAAA,CAACE,gBAAgB,EAAE,EAAA,CAAC,GAAG,IAAI,EAC3CP,OAAO,gBAAGK,GAAA,CAACG,KAAK,EAAE,EAAA,CAAC,GAAG,IAAI,CAAA;AAAA,GAC3B,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/theme/hooks.mjs

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { ThemeToggleContext } from './cookie-theme-provider.mjs';
+
+const useThemeToggle = () => {
+  return useContext(ThemeToggleContext);
+};
+
+export { useThemeToggle };
+//# sourceMappingURL=hooks.mjs.map

package/dist/esm/theme/hooks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.mjs","sources":["../../../src/theme/hooks.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { ThemeToggleContext } from './cookie-theme-provider.js'\nimport { ThemeContext } from './types.js'\n\nexport const useThemeToggle = (): ThemeContext => {\n  return useContext(ThemeToggleContext)\n}\n"],"names":["useThemeToggle","useContext","ThemeToggleContext"],"mappings":";;;AAIaA,MAAAA,cAAc,GAAGA,MAAoB;EAChD,OAAOC,UAAU,CAACC,kBAAkB,CAAC,CAAA;AACvC;;;;"}

package/dist/esm/theme/theme-provider.mjs

@@ -0,0 +1,52 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { reverseThemeMap, themeLight, themeDark, themeDefault } from './themes.mjs';
+import { initColors } from './document-head-contents/index.mjs';
+import { generateCssColorVariables } from './utils/generate-css-color-variables.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { ThemeProvider as ThemeProvider$1 } from 'styled-components';
+
+// we need to initialize this before react component code if we're using this provider or CookieThemeProvider
+initColors();
+const StyledWrapper = styled.div`
+  display: contents;
+  ${_ref => {
+  let {
+    colors
+  } = _ref;
+  return colors ? generateCssColorVariables(colors) : null;
+}}
+`;
+const ThemeProvider = _ref2 => {
+  let {
+    theme = themeDefault,
+    children,
+    ...rest
+  } = _ref2;
+  const internalThemeName = reverseThemeMap.get(theme);
+  const props = internalThemeName ? {
+    // if theme is detected as internally defined, we can just use data-lido-theme to set CSS vars instead of colors
+    'data-lido-theme': internalThemeName
+  } : {
+    // if theme is auto-detected from cookies, it will interfere with global script logic - so we need to not provide CSS
+    colors: theme.colors
+  };
+  return /*#__PURE__*/jsx(StyledWrapper, {
+    ...props,
+    children: /*#__PURE__*/jsx(ThemeProvider$1, {
+      theme: theme,
+      ...rest,
+      children: children
+    })
+  });
+};
+const LightThemeProvider = props => /*#__PURE__*/jsx(ThemeProvider, {
+  ...props,
+  theme: themeLight
+});
+const DarkThemeProvider = props => /*#__PURE__*/jsx(ThemeProvider, {
+  ...props,
+  theme: themeDark
+});
+
+export { DarkThemeProvider, LightThemeProvider, ThemeProvider };
+//# sourceMappingURL=theme-provider.mjs.map

package/dist/esm/theme/theme-provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.mjs","sources":["../../../src/theme/theme-provider.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react'\nimport styled, {\n  ThemeProvider as StyledThemeProvider,\n} from '../utils/styled-components-wrapper.js'\nimport {\n  reverseThemeMap,\n  themeDark,\n  themeDefault,\n  themeLight,\n} from './themes.js'\nimport { initColors } from './document-head-contents/index.js'\nimport { generateCssColorVariables } from './utils/generate-css-color-variables.js'\nimport { Theme } from './types.js'\n\n// we need to initialize this before react component code if we're using this provider or CookieThemeProvider\ninitColors()\n\nconst StyledWrapper = styled.div<{ colors?: Record<string, string> }>`\n  display: contents;\n  ${({ colors }) => (colors ? generateCssColorVariables(colors) : null)}\n`\nexport const ThemeProvider: FC<PropsWithChildren<{ theme?: Theme }>> = ({\n  theme = themeDefault,\n  children,\n  ...rest\n}) => {\n  const internalThemeName = reverseThemeMap.get(theme)\n  const props = internalThemeName\n    ? {\n        // if theme is detected as internally defined, we can just use data-lido-theme to set CSS vars instead of colors\n        'data-lido-theme': internalThemeName,\n      }\n    : {\n        // if theme is auto-detected from cookies, it will interfere with global script logic - so we need to not provide CSS\n        colors: theme.colors,\n      }\n\n  return (\n    <StyledWrapper {...props}>\n      <StyledThemeProvider theme={theme} {...rest}>\n        {children}\n      </StyledThemeProvider>\n    </StyledWrapper>\n  )\n}\n\nexport const LightThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeLight} />\n)\n\nexport const DarkThemeProvider: FC<PropsWithChildren> = (props) => (\n  <ThemeProvider {...props} theme={themeDark} />\n)\n"],"names":["initColors","StyledWrapper","styled","div","_ref","colors","generateCssColorVariables","ThemeProvider","_ref2","theme","themeDefault","children","rest","internalThemeName","reverseThemeMap","get","props","_jsx","StyledThemeProvider","LightThemeProvider","themeLight","DarkThemeProvider","themeDark"],"mappings":";;;;;;;AAcA;AACAA,UAAU,EAAE,CAAA;AAEZ,MAAMC,aAAa,GAAGC,MAAM,CAACC,GAAwC,CAAA;AACrE;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,MAAM,GAAGC,yBAAyB,CAACD,MAAM,CAAC,GAAG,IAAI,CAAA;AAAA,CAAC,CAAA;AACvE,CAAC,CAAA;AACYE,MAAAA,aAAuD,GAAGC,KAAA,IAIjE;EAAA,IAJkE;AACtEC,IAAAA,KAAK,GAAGC,YAAY;IACpBC,QAAQ;IACR,GAAGC,IAAAA;AACL,GAAC,GAAAJ,KAAA,CAAA;AACC,EAAA,MAAMK,iBAAiB,GAAGC,eAAe,CAACC,GAAG,CAACN,KAAK,CAAC,CAAA;EACpD,MAAMO,KAAK,GAAGH,iBAAiB,GAC3B;AACE;AACA,IAAA,iBAAiB,EAAEA,iBAAAA;AACrB,GAAC,GACD;AACE;IACAR,MAAM,EAAEI,KAAK,CAACJ,MAAAA;GACf,CAAA;EAEL,oBACEY,GAAA,CAAChB,aAAa,EAAA;AAAA,IAAA,GAAKe,KAAK;IAAAL,QAAA,eACtBM,GAAA,CAACC,eAAmB,EAAA;AAACT,MAAAA,KAAK,EAAEA,KAAM;AAAA,MAAA,GAAKG,IAAI;AAAAD,MAAAA,QAAA,EACxCA,QAAAA;KACkB,CAAA;AAAC,GACT,CAAC,CAAA;AAEpB,EAAC;MAEYQ,kBAAyC,GAAIH,KAAK,iBAC7DC,GAAA,CAACV,aAAa,EAAA;AAAA,EAAA,GAAKS,KAAK;AAAEP,EAAAA,KAAK,EAAEW,UAAAA;AAAW,CAAE,EAC/C;MAEYC,iBAAwC,GAAIL,KAAK,iBAC5DC,GAAA,CAACV,aAAa,EAAA;AAAA,EAAA,GAAKS,KAAK;AAAEP,EAAAA,KAAK,EAAEa,SAAAA;AAAU,CAAE;;;;"}

package/dist/esm/theme/themes.mjs

@@ -0,0 +1,88 @@
+import themeBase from './base/index.mjs';
+import { ThemeName } from './constants.mjs';
+
+const themeLight = {
+  ...themeBase,
+  name: ThemeName.light,
+  colors: {
+    ...themeBase.colors,
+    darkThemeOpacity: '0',
+    lightThemeOpacity: '1',
+    lightModeVisibility: 'visible',
+    darkModeVisibility: 'hidden',
+    lightDisplay: 'initial',
+    darkDisplay: 'none',
+    secondary: '#273852',
+    secondaryHover: '#212f45',
+    secondaryContrast: '#fff',
+    background: '#f2f4f6',
+    backgroundDarken: '#dae0e5',
+    backgroundSecondary: '#EFF2F6',
+    backgroundBadge: 'rgba(122, 138, 160, 0.10)',
+    backgroundGradient: 'linear-gradient(88deg, rgba(106, 154, 255, 0.50) 0.68%, rgba(201, 172, 255, 0.50) 40.63%, rgba(255, 206, 190, 0.50) 106.85%), #FFF',
+    foreground: '#fff',
+    overlay: 'rgba(0, 0, 0, 0.5)',
+    shadowLight: 'rgba(39, 56, 82, 0.08)',
+    shadowDark: 'rgba(0, 0, 0, .25)',
+    text: '#273852',
+    textSecondary: '#7a8aa0',
+    accentText: '#273852',
+    border: 'rgba(0, 10, 61, 0.12)',
+    borderActive: 'rgba(0, 10, 61, 0.48)',
+    borderHover: 'rgba(0, 10, 61, 0.24)',
+    borderLight: '#dfe5eb',
+    accentBorder: 'rgba(0, 10, 61, 0.12)',
+    accentBorderHover: 'rgba(0, 10, 61, 0.24)',
+    borderSubtle: 'rgba(0, 0, 0, 0.10)',
+    controlBg: '#fff',
+    accentControlBg: 'rgba(239, 242, 246, 0.56)',
+    popupMenuItemBgActiveHover: '#000a3d'
+  }
+};
+const themeDark = {
+  ...themeBase,
+  name: ThemeName.dark,
+  colors: {
+    ...themeBase.colors,
+    darkThemeOpacity: '1',
+    lightThemeOpacity: '0',
+    lightModeVisibility: 'hidden',
+    darkModeVisibility: 'visible',
+    lightDisplay: 'none',
+    darkDisplay: 'initial',
+    secondary: '#fff',
+    secondaryHover: '#F5F5F7',
+    secondaryContrast: '#273852',
+    background: '#1c1c21',
+    backgroundDarken: '#131317',
+    backgroundSecondary: '#27272E',
+    backgroundBadge: 'rgba(255, 255, 255, 0.10)',
+    backgroundGradient: 'linear-gradient(88deg, #6A9AFF 0.68%, #C9ACFF 40.63%, #FFCEBE 106.85%)',
+    foreground: '#34343d',
+    overlay: 'rgba(0, 0, 0, 0.5)',
+    shadowLight: 'rgba(0, 0, 0, .25)',
+    shadowDark: 'rgba(0, 0, 0, .5)',
+    text: '#fff',
+    textSecondary: 'rgba(255, 255, 255, .8)',
+    accentText: '#fff',
+    border: 'rgba(255, 255, 255, 0.12)',
+    borderActive: 'rgba(255, 255, 255, 0.48)',
+    borderHover: 'rgba(255, 255, 255, 0.24)',
+    borderLight: '#484855',
+    accentBorder: 'rgba(255, 255, 255, 0.12)',
+    accentBorderHover: 'rgba(255, 255, 255, 0.24)',
+    borderSubtle: 'rgba(255, 255, 255, 0.10)',
+    controlBg: '#2f2f37',
+    accentControlBg: 'rgba(39, 39, 46, 0.56)',
+    popupMenuItemBgActiveHover: '#fff'
+  }
+};
+const themeMap = {
+  [ThemeName.light]: themeLight,
+  [ThemeName.dark]: themeDark
+};
+const reverseThemeMap = new WeakMap([[themeLight, ThemeName.light], [themeDark, ThemeName.dark]]);
+const themeDefault = themeLight;
+
+export { reverseThemeMap, themeDark, themeDefault, themeLight, themeMap };
+//# sourceMappingURL=themes.mjs.map

package/dist/esm/theme/themes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.mjs","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import themeBase from './base/index.js'\nimport { ThemeName } from './constants.js'\n\nexport const themeLight = {\n  ...themeBase,\n  name: ThemeName.light,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '0',\n    lightThemeOpacity: '1',\n\n    lightModeVisibility: 'visible',\n    darkModeVisibility: 'hidden',\n\n    lightDisplay: 'initial',\n    darkDisplay: 'none',\n\n    secondary: '#273852',\n    secondaryHover: '#212f45',\n    secondaryContrast: '#fff',\n\n    background: '#f2f4f6',\n    backgroundDarken: '#dae0e5',\n    backgroundSecondary: '#EFF2F6',\n    backgroundBadge: 'rgba(122, 138, 160, 0.10)',\n    backgroundGradient:\n      'linear-gradient(88deg, rgba(106, 154, 255, 0.50) 0.68%, rgba(201, 172, 255, 0.50) 40.63%, rgba(255, 206, 190, 0.50) 106.85%), #FFF',\n\n    foreground: '#fff',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(39, 56, 82, 0.08)',\n    shadowDark: 'rgba(0, 0, 0, .25)',\n\n    text: '#273852',\n    textSecondary: '#7a8aa0',\n    accentText: '#273852',\n\n    border: 'rgba(0, 10, 61, 0.12)',\n    borderActive: 'rgba(0, 10, 61, 0.48)',\n    borderHover: 'rgba(0, 10, 61, 0.24)',\n    borderLight: '#dfe5eb',\n    accentBorder: 'rgba(0, 10, 61, 0.12)',\n    accentBorderHover: 'rgba(0, 10, 61, 0.24)',\n    borderSubtle: 'rgba(0, 0, 0, 0.10)',\n\n    controlBg: '#fff',\n    accentControlBg: 'rgba(239, 242, 246, 0.56)',\n\n    popupMenuItemBgActiveHover: '#000a3d',\n  },\n}\n\nexport const themeDark = {\n  ...themeBase,\n  name: ThemeName.dark,\n  colors: {\n    ...themeBase.colors,\n    darkThemeOpacity: '1',\n    lightThemeOpacity: '0',\n\n    lightModeVisibility: 'hidden',\n    darkModeVisibility: 'visible',\n\n    lightDisplay: 'none',\n    darkDisplay: 'initial',\n\n    secondary: '#fff',\n    secondaryHover: '#F5F5F7',\n    secondaryContrast: '#273852',\n\n    background: '#1c1c21',\n    backgroundDarken: '#131317',\n    backgroundSecondary: '#27272E',\n    backgroundBadge: 'rgba(255, 255, 255, 0.10)',\n    backgroundGradient:\n      'linear-gradient(88deg, #6A9AFF 0.68%, #C9ACFF 40.63%, #FFCEBE 106.85%)',\n\n    foreground: '#34343d',\n\n    overlay: 'rgba(0, 0, 0, 0.5)',\n\n    shadowLight: 'rgba(0, 0, 0, .25)',\n    shadowDark: 'rgba(0, 0, 0, .5)',\n\n    text: '#fff',\n    textSecondary: 'rgba(255, 255, 255, .8)',\n    accentText: '#fff',\n\n    border: 'rgba(255, 255, 255, 0.12)',\n    borderActive: 'rgba(255, 255, 255, 0.48)',\n    borderHover: 'rgba(255, 255, 255, 0.24)',\n    borderLight: '#484855',\n    accentBorder: 'rgba(255, 255, 255, 0.12)',\n    accentBorderHover: 'rgba(255, 255, 255, 0.24)',\n    borderSubtle: 'rgba(255, 255, 255, 0.10)',\n\n    controlBg: '#2f2f37',\n    accentControlBg: 'rgba(39, 39, 46, 0.56)',\n\n    popupMenuItemBgActiveHover: '#fff',\n  },\n}\n\nexport const themeMap = {\n  [ThemeName.light]: themeLight,\n  [ThemeName.dark]: themeDark,\n}\n\nexport const reverseThemeMap = new WeakMap([\n  [themeLight, ThemeName.light],\n  [themeDark, ThemeName.dark],\n])\n\nexport const themeDefault = themeLight\n"],"names":["themeLight","themeBase","name","ThemeName","light","colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","backgroundSecondary","backgroundBadge","backgroundGradient","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","borderSubtle","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":"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"}

package/dist/esm/theme/utils/cookies-migration.mjs

@@ -0,0 +1,28 @@
+import '../../utils/modalRoot.mjs';
+import { getDomainCookieClientSide, removeCookiesClientSide } from '../../utils/cookies-client-side.mjs';
+import { ThemeName, themeCookieKey } from '../constants.mjs';
+import { setThemeCookie } from './set-theme-cookie.mjs';
+
+const THEME_AUTO_KEY = 'lido-theme-auto';
+const THEME_MANUAL_KEY = themeCookieKey; // lido-theme-manual
+
+const migrationThemeCookiesToCrossDomainCookiesClientSide = () => {
+  if (typeof window === 'undefined') {
+    return;
+  }
+  const old_cookie_theme_auto_value = getDomainCookieClientSide(THEME_AUTO_KEY);
+  const old_cookie_theme_manual_value = getDomainCookieClientSide(THEME_MANUAL_KEY);
+  if (old_cookie_theme_auto_value) {
+    // Old cookie. Not use anymore
+    removeCookiesClientSide(THEME_AUTO_KEY);
+  }
+  if (old_cookie_theme_manual_value) {
+    removeCookiesClientSide(THEME_MANUAL_KEY);
+    if (old_cookie_theme_manual_value === ThemeName.light || old_cookie_theme_manual_value === ThemeName.dark) {
+      setThemeCookie(old_cookie_theme_manual_value);
+    }
+  }
+};
+
+export { migrationThemeCookiesToCrossDomainCookiesClientSide };
+//# sourceMappingURL=cookies-migration.mjs.map

package/dist/esm/theme/utils/cookies-migration.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies-migration.mjs","sources":["../../../../src/theme/utils/cookies-migration.ts"],"sourcesContent":["import {\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n} from '../../utils/index.js'\nimport { themeCookieKey, ThemeName } from '../constants.js'\nimport { setThemeCookie } from './set-theme-cookie.js'\n\nconst THEME_AUTO_KEY = 'lido-theme-auto'\nconst THEME_MANUAL_KEY = themeCookieKey // lido-theme-manual\n\nexport const migrationThemeCookiesToCrossDomainCookiesClientSide = (): void => {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const old_cookie_theme_auto_value = getDomainCookieClientSide(THEME_AUTO_KEY)\n  const old_cookie_theme_manual_value =\n    getDomainCookieClientSide(THEME_MANUAL_KEY)\n\n  if (old_cookie_theme_auto_value) {\n    // Old cookie. Not use anymore\n    removeCookiesClientSide(THEME_AUTO_KEY)\n  }\n\n  if (old_cookie_theme_manual_value) {\n    removeCookiesClientSide(THEME_MANUAL_KEY)\n\n    if (\n      old_cookie_theme_manual_value === ThemeName.light ||\n      old_cookie_theme_manual_value === ThemeName.dark\n    ) {\n      setThemeCookie(old_cookie_theme_manual_value)\n    }\n  }\n}\n"],"names":["THEME_AUTO_KEY","THEME_MANUAL_KEY","themeCookieKey","migrationThemeCookiesToCrossDomainCookiesClientSide","window","old_cookie_theme_auto_value","getDomainCookieClientSide","old_cookie_theme_manual_value","removeCookiesClientSide","ThemeName","light","dark","setThemeCookie"],"mappings":";;;;;AAOA,MAAMA,cAAc,GAAG,iBAAiB,CAAA;AACxC,MAAMC,gBAAgB,GAAGC,cAAc,CAAC;;AAE3BC,MAAAA,mDAAmD,GAAGA,MAAY;AAC7E,EAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;AACjC,IAAA,OAAA;AACF,GAAA;AAEA,EAAA,MAAMC,2BAA2B,GAAGC,yBAAyB,CAACN,cAAc,CAAC,CAAA;AAC7E,EAAA,MAAMO,6BAA6B,GACjCD,yBAAyB,CAACL,gBAAgB,CAAC,CAAA;AAE7C,EAAA,IAAII,2BAA2B,EAAE;AAC/B;IACAG,uBAAuB,CAACR,cAAc,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,IAAIO,6BAA6B,EAAE;IACjCC,uBAAuB,CAACP,gBAAgB,CAAC,CAAA;IAEzC,IACEM,6BAA6B,KAAKE,SAAS,CAACC,KAAK,IACjDH,6BAA6B,KAAKE,SAAS,CAACE,IAAI,EAChD;MACAC,cAAc,CAACL,6BAA6B,CAAC,CAAA;AAC/C,KAAA;AACF,GAAA;AACF;;;;"}

package/dist/esm/theme/utils/cookies.mjs

@@ -0,0 +1,17 @@
+import { themeCookieKey } from '../constants.mjs';
+
+// TODO: use /packages/utils/cookies-client-side.ts
+
+
+// we're using all-same regex in element-theme-script.tsx.
+// Sadly, we cannot re-use it as this script is supposed to be inlined in document head
+const cookieThemeMatcher = new RegExp(`(^| )${themeCookieKey}=([^;]+)`);
+const getThemeNameFromCookies = () => {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+  return document.cookie.match(cookieThemeMatcher)?.[2] ?? null;
+};
+
+export { getThemeNameFromCookies };
+//# sourceMappingURL=cookies.mjs.map

package/dist/esm/theme/utils/cookies.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies.mjs","sources":["../../../../src/theme/utils/cookies.ts"],"sourcesContent":["// TODO: use /packages/utils/cookies-client-side.ts\n\nimport { ThemeName } from '../../theme/index.js'\nimport { themeCookieKey } from '../constants.js'\n\n// we're using all-same regex in element-theme-script.tsx.\n// Sadly, we cannot re-use it as this script is supposed to be inlined in document head\nconst cookieThemeMatcher = new RegExp(`(^| )${themeCookieKey}=([^;]+)`)\n\nexport const getThemeNameFromCookies = (): ThemeName | null => {\n  if (typeof window === 'undefined') {\n    return null\n  }\n\n  return (document.cookie.match(cookieThemeMatcher)?.[2] as ThemeName) ?? null\n}\n"],"names":["cookieThemeMatcher","RegExp","themeCookieKey","getThemeNameFromCookies","window","document","cookie","match"],"mappings":";;AAAA;;;AAKA;AACA;AACA,MAAMA,kBAAkB,GAAG,IAAIC,MAAM,CAAC,CAAQC,KAAAA,EAAAA,cAAc,UAAU,CAAC,CAAA;AAE1DC,MAAAA,uBAAuB,GAAGA,MAAwB;AAC7D,EAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;AACjC,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,OAAQC,QAAQ,CAACC,MAAM,CAACC,KAAK,CAACP,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAkB,IAAI,CAAA;AAC9E;;;;"}

package/dist/esm/theme/utils/generate-css-color-variables.mjs

@@ -0,0 +1,22 @@
+const toRgb = color => {
+  switch (true) {
+    case /^#[\da-fA-F]{3}$/.test(color):
+      return [color.slice(1, 2) + color.slice(1, 2), color.slice(2, 3) + color.slice(2, 3), color.slice(3, 4) + color.slice(3, 4)].map(val => parseInt(val, 16));
+    case /^#[\da-fA-F]{6}$/.test(color):
+      return [color.slice(1, 3), color.slice(3, 5), color.slice(5, 7)].map(val => parseInt(val, 16));
+    case /^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(color):
+      return color.replace(/^.*\((.*)\).*$/, '$1').split(',').map(n => parseInt(n)).slice(0, 3);
+    default:
+      return null;
+  }
+};
+const generateCssColorVariables = colors => {
+  return [...Object.keys(colors)].map(key => {
+    const color = colors[key];
+    const rgb = toRgb(color);
+    return rgb ? `--lido-color-${key}: ${color};\n--lido-rgb-${key}: ${rgb[0]},${rgb[1]},${rgb[2]};\n` : `--lido-color-${key}: ${color};\n`;
+  }).join('');
+};
+
+export { generateCssColorVariables };
+//# sourceMappingURL=generate-css-color-variables.mjs.map

package/dist/esm/theme/utils/generate-css-color-variables.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-css-color-variables.mjs","sources":["../../../../src/theme/utils/generate-css-color-variables.ts"],"sourcesContent":["const toRgb = (color: string) => {\n  switch (true) {\n    case /^#[\\da-fA-F]{3}$/.test(color):\n      return [\n        color.slice(1, 2) + color.slice(1, 2),\n        color.slice(2, 3) + color.slice(2, 3),\n        color.slice(3, 4) + color.slice(3, 4),\n      ].map((val) => parseInt(val, 16))\n    case /^#[\\da-fA-F]{6}$/.test(color):\n      return [color.slice(1, 3), color.slice(3, 5), color.slice(5, 7)].map(\n        (val) => parseInt(val, 16),\n      )\n    case /^rgb\\(\\s*\\d+\\s*,\\s*\\d+\\s*,\\s*\\d+\\s*\\)$/.test(color):\n      return color\n        .replace(/^.*\\((.*)\\).*$/, '$1')\n        .split(',')\n        .map((n) => parseInt(n))\n        .slice(0, 3)\n    default:\n      return null\n  }\n}\n\nexport const generateCssColorVariables = (\n  colors: Record<string, string>,\n): string => {\n  return [...Object.keys(colors)]\n    .map((key: string): string => {\n      const color = colors[key as keyof typeof colors]\n      const rgb = toRgb(color)\n      return rgb\n        ? `--lido-color-${key}: ${color};\\n--lido-rgb-${key}: ${rgb[0]},${rgb[1]},${rgb[2]};\\n`\n        : `--lido-color-${key}: ${color};\\n`\n    })\n    .join('')\n}\n"],"names":["toRgb","color","test","slice","map","val","parseInt","replace","split","n","generateCssColorVariables","colors","Object","keys","key","rgb","join"],"mappings":"AAAA,MAAMA,KAAK,GAAIC,KAAa,IAAK;AAC/B,EAAA,QAAQ,IAAI;AACV,IAAA,KAAK,kBAAkB,CAACC,IAAI,CAACD,KAAK,CAAC;AACjC,MAAA,OAAO,CACLA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACtC,CAACC,GAAG,CAAEC,GAAG,IAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;AACnC,IAAA,KAAK,kBAAkB,CAACH,IAAI,CAACD,KAAK,CAAC;AACjC,MAAA,OAAO,CAACA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CACjEC,GAAG,IAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAC3B,CAAC,CAAA;AACH,IAAA,KAAK,wCAAwC,CAACH,IAAI,CAACD,KAAK,CAAC;AACvD,MAAA,OAAOA,KAAK,CACTM,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAC/BC,KAAK,CAAC,GAAG,CAAC,CACVJ,GAAG,CAAEK,CAAC,IAAKH,QAAQ,CAACG,CAAC,CAAC,CAAC,CACvBN,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAChB,IAAA;AACE,MAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACF,CAAC,CAAA;AAEYO,MAAAA,yBAAyB,GACpCC,MAA8B,IACnB;AACX,EAAA,OAAO,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAAC,CAC5BP,GAAG,CAAEU,GAAW,IAAa;AAC5B,IAAA,MAAMb,KAAK,GAAGU,MAAM,CAACG,GAAG,CAAwB,CAAA;AAChD,IAAA,MAAMC,GAAG,GAAGf,KAAK,CAACC,KAAK,CAAC,CAAA;AACxB,IAAA,OAAOc,GAAG,GACN,CAAgBD,aAAAA,EAAAA,GAAG,CAAKb,EAAAA,EAAAA,KAAK,CAAiBa,cAAAA,EAAAA,GAAG,CAAKC,EAAAA,EAAAA,GAAG,CAAC,CAAC,CAAC,CAAA,CAAA,EAAIA,GAAG,CAAC,CAAC,CAAC,CAAIA,CAAAA,EAAAA,GAAG,CAAC,CAAC,CAAC,CAAA,GAAA,CAAK,GACrF,CAAA,aAAA,EAAgBD,GAAG,CAAA,EAAA,EAAKb,KAAK,CAAK,GAAA,CAAA,CAAA;AACxC,GAAC,CAAC,CACDe,IAAI,CAAC,EAAE,CAAC,CAAA;AACb;;;;"}

package/dist/esm/theme/utils/set-theme-cookie.mjs

@@ -0,0 +1,33 @@
+import { UAParser } from 'ua-parser-js';
+import '../../utils/modalRoot.mjs';
+import { getTopLevelDomain } from '../../utils/get-top-level-domain.mjs';
+import '../../utils/cookies-client-side.mjs';
+import { themeCookieKey, themeCookieMaxAge } from '../constants.mjs';
+
+const parser = new UAParser();
+const setSecureCookie = cookie => {
+  // 1. we want this cookie to be available on HTTP websites too.
+  // 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,
+  // and Safari when cookies are set with Secure, so we're forcing cookie into both
+  if (parser.getBrowser()?.name?.toLowerCase() === 'safari') {
+    if (window.location.protocol !== 'https:') {
+      document.cookie = cookie;
+    } else {
+      document.cookie = `${cookie}Secure;`;
+    }
+  } else {
+    document.cookie = `${cookie}Secure;`;
+  }
+};
+const setThemeCookie = theme => {
+  const cookie = `${themeCookieKey}=${theme};max-age=${themeCookieMaxAge};path=/;samesite=None;`;
+  // For top level domain - *.some-domain.fi
+  setSecureCookie(`${cookie}domain=${getTopLevelDomain()};`);
+  if (!document.cookie.includes(`${themeCookieKey}=${theme}`)) {
+    // For specific.domain.fi, if cookie can't be set to top level domain
+    setSecureCookie(cookie);
+  }
+};
+
+export { setThemeCookie };
+//# sourceMappingURL=set-theme-cookie.mjs.map

package/dist/esm/theme/utils/set-theme-cookie.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-theme-cookie.mjs","sources":["../../../../src/theme/utils/set-theme-cookie.ts"],"sourcesContent":["import { UAParser } from 'ua-parser-js'\nimport { getTopLevelDomain } from '../../utils/index.js'\nimport { themeCookieMaxAge, themeCookieKey, ThemeName } from '../constants.js'\n\nconst parser = new UAParser()\n\nconst setSecureCookie = (cookie: string) => {\n  // 1. we want this cookie to be available on HTTP websites too.\n  // 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,\n  // and Safari when cookies are set with Secure, so we're forcing cookie into both\n  if (parser.getBrowser()?.name?.toLowerCase() === 'safari') {\n    if (window.location.protocol !== 'https:') {\n      document.cookie = cookie\n    } else {\n      document.cookie = `${cookie}Secure;`\n    }\n  } else {\n    document.cookie = `${cookie}Secure;`\n  }\n}\n\nexport const setThemeCookie = (theme: ThemeName) => {\n  const cookie = `${themeCookieKey}=${theme};max-age=${themeCookieMaxAge};path=/;samesite=None;`\n  // For top level domain - *.some-domain.fi\n  setSecureCookie(`${cookie}domain=${getTopLevelDomain()};`)\n\n  if (!document.cookie.includes(`${themeCookieKey}=${theme}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setSecureCookie(cookie)\n  }\n}\n"],"names":["parser","UAParser","setSecureCookie","cookie","getBrowser","name","toLowerCase","window","location","protocol","document","setThemeCookie","theme","themeCookieKey","themeCookieMaxAge","getTopLevelDomain","includes"],"mappings":";;;;;;AAIA,MAAMA,MAAM,GAAG,IAAIC,QAAQ,EAAE,CAAA;AAE7B,MAAMC,eAAe,GAAIC,MAAc,IAAK;AAC1C;AACA;AACA;AACA,EAAA,IAAIH,MAAM,CAACI,UAAU,EAAE,EAAEC,IAAI,EAAEC,WAAW,EAAE,KAAK,QAAQ,EAAE;AACzD,IAAA,IAAIC,MAAM,CAACC,QAAQ,CAACC,QAAQ,KAAK,QAAQ,EAAE;MACzCC,QAAQ,CAACP,MAAM,GAAGA,MAAM,CAAA;AAC1B,KAAC,MAAM;AACLO,MAAAA,QAAQ,CAACP,MAAM,GAAG,CAAA,EAAGA,MAAM,CAAS,OAAA,CAAA,CAAA;AACtC,KAAA;AACF,GAAC,MAAM;AACLO,IAAAA,QAAQ,CAACP,MAAM,GAAG,CAAA,EAAGA,MAAM,CAAS,OAAA,CAAA,CAAA;AACtC,GAAA;AACF,CAAC,CAAA;AAEYQ,MAAAA,cAAc,GAAIC,KAAgB,IAAK;EAClD,MAAMT,MAAM,GAAG,CAAGU,EAAAA,cAAc,IAAID,KAAK,CAAA,SAAA,EAAYE,iBAAiB,CAAwB,sBAAA,CAAA,CAAA;AAC9F;EACAZ,eAAe,CAAC,GAAGC,MAAM,CAAA,OAAA,EAAUY,iBAAiB,EAAE,GAAG,CAAC,CAAA;AAE1D,EAAA,IAAI,CAACL,QAAQ,CAACP,MAAM,CAACa,QAAQ,CAAC,CAAA,EAAGH,cAAc,CAAA,CAAA,EAAID,KAAK,CAAA,CAAE,CAAC,EAAE;AAC3D;IACAV,eAAe,CAACC,MAAM,CAAC,CAAA;AACzB,GAAA;AACF;;;;"}