@clickhouse/click-ui 0.8.0 → 1.0.0-rc2

package/dist/cjs/index.cjs

@@ -18,7 +18,6 @@ const Tooltip = require('./components/Tooltip/index.cjs');
 const theme_core = require('./theme/theme.core.cjs');
 const theme_utils = require('./theme/theme.utils.cjs');
 const InitCUIThemeScript = require('./theme/InitCUIThemeScript/index.cjs');
-const linkStyles = require('./styles/linkStyles.cjs');
 const Accordion = require('./components/Accordion/index.cjs');
 const Alert = require('./components/Alert/index.cjs');
 const AutoComplete = require('./components/AutoComplete/index.cjs');
@@ -85,7 +84,6 @@ const Title = require('./components/Title/index.cjs');
 const VerticalStepper = require('./components/VerticalStepper/index.cjs');
 const ClickUIProvider = require('./providers/ClickUIProvider.cjs');
 const PortalProvider = require('./providers/PortalProvider.cjs');
-const ThemeProvider = require('./providers/ThemeProvider.cjs');
 const PortalContext = require('./providers/PortalContext.cjs');
 
 
@@ -109,7 +107,6 @@ exports.getDefaultThemeName = theme_utils.getDefaultThemeName;
 exports.getFallbackThemeName = theme_utils.getFallbackThemeName;
 exports.isValidThemeName = theme_utils.isValidThemeName;
 exports.InitCUIThemeScript = InitCUIThemeScript.InitCUIThemeScript;
-exports.linkStyles = linkStyles.linkStyles;
 exports.Accordion = Accordion.Accordion;
 exports.Alert = Alert.Alert;
 exports.DangerAlert = Alert.DangerAlert;
@@ -183,7 +180,6 @@ exports.Title = Title.Title;
 exports.VerticalStepper = VerticalStepper.VerticalStepper;
 exports.ClickUIProvider = ClickUIProvider.ClickUIProvider;
 exports.PortalProvider = PortalProvider.PortalProvider;
-exports.ThemeProvider = ThemeProvider.ThemeProvider;
 exports.usePortalContainer = PortalContext.usePortalContainer;
 exports.useResolvedPortalContainer = PortalContext.useResolvedPortalContainer;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/lib/EventEmitter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EventEmitter.cjs","sources":["../../../src/lib/EventEmitter.tsx"],"sourcesContent":["export interface Listener<T> {\n  (event: T): void;\n}\n\nexport interface Disposable {\n  dispose: () => void;\n}\n\n/** passes through events as they happen. You will not get events from before you start listening */\nexport class EventEmitter<T> {\n  private listeners: Listener<T>[] = [];\n\n  on = (listener: Listener<T>): Disposable => {\n    this.listeners.push(listener);\n    return {\n      dispose: () => this.off(listener),\n    };\n  };\n\n  off = (listener: Listener<T>) => {\n    const callbackIndex = this.listeners.indexOf(listener);\n    if (callbackIndex > -1) {\n      this.listeners.splice(callbackIndex, 1);\n    }\n  };\n\n  emit = (event: T) => {\n    /** Update any general listeners */\n    this.listeners.forEach((listener: Listener<T>) => listener(event));\n  };\n}\n"],"names":["EventEmitter","listeners","on","listener","push","dispose","off","callbackIndex","indexOf","splice","emit","event","forEach"],"mappings":";;;;AASO,MAAMA,YAAAA,CAAgB;AAAA,EACnBC,YAA2B,EAAA;AAAA,EAEnCC,EAAAA,GAAKA,CAACC,QAAAA,KAAsC;AAC1C,IAAA,IAAA,CAAKF,SAAAA,CAAUG,KAAKD,QAAQ,CAAA;AAC5B,IAAA,OAAO;AAAA,MACLE,OAAAA,EAASA,MAAM,IAAA,CAAKC,GAAAA,CAAIH,QAAQ;AAAA,KAClC;AAAA,EACF,CAAA;AAAA,EAEAG,GAAAA,GAAMA,CAACH,QAAAA,KAA0B;AAC/B,IAAA,MAAMI,aAAAA,GAAgB,IAAA,CAAKN,SAAAA,CAAUO,OAAAA,CAAQL,QAAQ,CAAA;AACrD,IAAA,IAAII,gBAAgB,EAAA,EAAI;AACtB,MAAA,IAAA,CAAKN,SAAAA,CAAUQ,MAAAA,CAAOF,aAAAA,EAAe,CAAC,CAAA;AAAA,IACxC;AAAA,EACF,CAAA;AAAA,EAEAG,IAAAA,GAAOA,CAACC,KAAAA,KAAa;AAEnB,IAAA,IAAA,CAAKV,UAAUW,OAAAA,CAAQ,CAACT,QAAAA,KAA0BA,QAAAA,CAASQ,KAAK,CAAC,CAAA;AAAA,EACnE,CAAA;AACF;;;;"}
+{"version":3,"file":"EventEmitter.cjs","sources":["../../../src/lib/EventEmitter.tsx"],"sourcesContent":["export interface Listener<T> {\n  (event: T): void;\n}\n\nexport interface Disposable {\n  dispose: () => void;\n}\n\n/** passes through events as they happen. You will not get events from before you start listening */\nexport class EventEmitter<T> {\n  private listeners: Listener<T>[] = [];\n\n  on = (listener: Listener<T>): Disposable => {\n    this.listeners.push(listener);\n    return {\n      dispose: () => this.off(listener),\n    };\n  };\n\n  off = (listener: Listener<T>) => {\n    const callbackIndex = this.listeners.indexOf(listener);\n    if (callbackIndex > -1) {\n      this.listeners.splice(callbackIndex, 1);\n    }\n  };\n\n  emit = (event: T) => {\n    /** Update any general listeners */\n    this.listeners.forEach((listener: Listener<T>) => listener(event));\n  };\n}\n"],"names":[],"mappings":";;;;AASO,MAAM,YAAA,CAAgB;AAAA,EACnB,YAA2B,EAAC;AAAA,EAEpC,EAAA,GAAK,CAAC,QAAA,KAAsC;AAC1C,IAAA,IAAA,CAAK,SAAA,CAAU,KAAK,QAAQ,CAAA;AAC5B,IAAA,OAAO;AAAA,MACL,OAAA,EAAS,MAAM,IAAA,CAAK,GAAA,CAAI,QAAQ;AAAA,KAClC;AAAA,EACF,CAAA;AAAA,EAEA,GAAA,GAAM,CAAC,QAAA,KAA0B;AAC/B,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,SAAA,CAAU,OAAA,CAAQ,QAAQ,CAAA;AACrD,IAAA,IAAI,gBAAgB,EAAA,EAAI;AACtB,MAAA,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,aAAA,EAAe,CAAC,CAAA;AAAA,IACxC;AAAA,EACF,CAAA;AAAA,EAEA,IAAA,GAAO,CAAC,KAAA,KAAa;AAEnB,IAAA,IAAA,CAAK,UAAU,OAAA,CAAQ,CAAC,QAAA,KAA0B,QAAA,CAAS,KAAK,CAAC,CAAA;AAAA,EACnE,CAAA;AACF;;;;"}

package/dist/cjs/lib/cva.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"cva.cjs","sources":["../../../src/lib/cva.ts"],"sourcesContent":["export { cva, type VariantProps } from 'class-variance-authority';\nimport { clsx, type ClassValue } from 'clsx';\n\nexport const cn = (...inputs: ClassValue[]) => clsx(inputs);\n"],"names":["cn","inputs","clsx"],"mappings":";;;;;;;AAGO,MAAMA,EAAAA,GAAKA,CAAAA,GAAIC,MAAAA,KAAyBC,SAAAA,CAAKD,MAAM;;;;;;;;"}
+{"version":3,"file":"cva.cjs","sources":["../../../src/lib/cva.ts"],"sourcesContent":["export { cva, type VariantProps } from 'class-variance-authority';\nimport { clsx, type ClassValue } from 'clsx';\n\nexport const cn = (...inputs: ClassValue[]) => clsx(inputs);\n"],"names":["clsx"],"mappings":";;;;;;;AAGO,MAAM,EAAA,GAAK,CAAA,GAAI,MAAA,KAAyBA,SAAA,CAAK,MAAM;;;;;;;;"}

package/dist/cjs/lib/getTextFromNodes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"getTextFromNodes.cjs","sources":["../../../src/lib/getTextFromNodes.ts"],"sourcesContent":["import { Children, ReactNode, isValidElement } from 'react';\n\nexport const getTextFromNodes = (node: ReactNode): string => {\n  if (node === null) {\n    return '';\n  }\n\n  if (typeof node === 'string') {\n    return node;\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(getTextFromNodes).join(' ');\n  }\n\n  if (isValidElement(node)) {\n    const children = Children.toArray(node.props.children);\n    return children.map(getTextFromNodes).join(' ');\n  }\n\n  return '';\n};\n"],"names":["getTextFromNodes","node","Array","isArray","map","join","isValidElement","children","Children","toArray","props"],"mappings":";;;;;;AAEO,MAAMA,gBAAAA,GAAmBA,CAACC,IAAAA,KAA4B;AAC3D,EAAA,IAAIA,SAAS,IAAA,EAAM;AACjB,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,IAAI,OAAOA,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAOA,IAAAA;AAAAA,EACT;AAEA,EAAA,IAAIC,KAAAA,CAAMC,OAAAA,CAAQF,IAAI,CAAA,EAAG;AACvB,IAAA,OAAOA,IAAAA,CAAKG,GAAAA,CAAIJ,gBAAgB,CAAA,CAAEK,KAAK,GAAG,CAAA;AAAA,EAC5C;AAEA,EAAA,IAAIC,oBAAAA,CAAeL,IAAI,CAAA,EAAG;AACxB,IAAA,MAAMM,QAAAA,GAAWC,cAAAA,CAASC,OAAAA,CAAQR,IAAAA,CAAKS,MAAMH,QAAQ,CAAA;AACrD,IAAA,OAAOA,QAAAA,CAASH,GAAAA,CAAIJ,gBAAgB,CAAA,CAAEK,KAAK,GAAG,CAAA;AAAA,EAChD;AAEA,EAAA,OAAO,EAAA;AACT;;;;"}
+{"version":3,"file":"getTextFromNodes.cjs","sources":["../../../src/lib/getTextFromNodes.ts"],"sourcesContent":["import { Children, ReactNode, isValidElement } from 'react';\n\nexport const getTextFromNodes = (node: ReactNode): string => {\n  if (node === null) {\n    return '';\n  }\n\n  if (typeof node === 'string') {\n    return node;\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(getTextFromNodes).join(' ');\n  }\n\n  if (isValidElement(node)) {\n    const children = Children.toArray(node.props.children);\n    return children.map(getTextFromNodes).join(' ');\n  }\n\n  return '';\n};\n"],"names":["isValidElement","Children"],"mappings":";;;;;;AAEO,MAAM,gBAAA,GAAmB,CAAC,IAAA,KAA4B;AAC3D,EAAA,IAAI,SAAS,IAAA,EAAM;AACjB,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AACvB,IAAA,OAAO,IAAA,CAAK,GAAA,CAAI,gBAAgB,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,EAC5C;AAEA,EAAA,IAAIA,oBAAA,CAAe,IAAI,CAAA,EAAG;AACxB,IAAA,MAAM,QAAA,GAAWC,cAAA,CAAS,OAAA,CAAQ,IAAA,CAAK,MAAM,QAAQ,CAAA;AACrD,IAAA,OAAO,QAAA,CAAS,GAAA,CAAI,gBAAgB,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,EAChD;AAEA,EAAA,OAAO,EAAA;AACT;;;;"}

package/dist/cjs/providers/ClickUIProvider.cjs

@@ -1,3 +1,6 @@
+require("../theme/styles/tokens-light.css");
+require("../theme/styles/tokens-dark.css");
+require("../theme/styles/global.css");
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -6,11 +9,14 @@ const jsxRuntime = require('react/jsx-runtime');
 const RadixTooltip = require('@radix-ui/react-tooltip');
 const Toast = require('../components/Toast/index.cjs');
 const theme_core = require('../theme/theme.core.cjs');
-const ThemeProvider = require('./ThemeProvider.cjs');
+const ThemeContext = require('../theme/ThemeContext.cjs');
 const react = require('react');
 const dom = require('../utils/dom.cjs');
 const localStorage$1 = require('../utils/localStorage.cjs');
 const theme_utils = require('../theme/theme.utils.cjs');
+;
+;
+;
 
 const ClickUIProvider = ({
   children,
@@ -19,15 +25,14 @@ const ClickUIProvider = ({
   persistTheme = true,
   storageKey = localStorage$1.CUI_THEME_STORAGE_KEY
 }) => {
-  const {
-    toast = {},
-    tooltip = {}
-  } = config;
+  const { toast = {}, tooltip = {} } = config;
   const hasValidTheme = theme_utils.isValidThemeName(theme);
   const safeTheme = theme_utils.getFallbackThemeName(theme);
   react.useEffect(() => {
     if (!hasValidTheme) {
-      console.warn(`[Click UI] Unknown theme! Please use one of ${Object.keys(theme_core.THEMES).join(", ")} theme instead. Falling back to 'light' theme.`);
+      console.warn(
+        `[Click UI] Unknown theme! Please use one of ${Object.keys(theme_core.THEMES).join(", ")} theme instead. Falling back to 'light' theme.`
+      );
     }
   }, [theme, hasValidTheme]);
   react.useEffect(() => {
@@ -46,7 +51,7 @@ const ClickUIProvider = ({
       console.warn("LocalStorage is not available!");
     }
   }, [safeTheme, persistTheme, storageKey]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider.ThemeProvider, { theme: safeTheme, children: /* @__PURE__ */ jsxRuntime.jsx(Toast.ToastProvider, { ...toast, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip.Provider, { ...tooltip, children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.ThemeContext.Provider, { value: theme_core.themes[safeTheme], children: /* @__PURE__ */ jsxRuntime.jsx(Toast.ToastProvider, { ...toast, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip.Provider, { ...tooltip, children }) }) });
 };
 
 exports.ClickUIProvider = ClickUIProvider;

package/dist/cjs/providers/ClickUIProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClickUIProvider.cjs","sources":["../../../src/providers/ClickUIProvider.tsx"],"sourcesContent":["import {\n  Provider as TooltipProvider,\n  TooltipProviderProps,\n} from '@radix-ui/react-tooltip';\nimport { ToastProvider, ToastProviderProps } from '@/components/Toast/Toast';\nimport { THEMES } from '@/theme/theme.core';\nimport type { ThemeName } from '@/theme/theme.types';\nimport { ThemeProvider } from './ThemeProvider';\nimport { ReactNode, useEffect } from 'react';\nimport { setRootThemeAttribute, removeRootThemeAttribute } from '@/utils/dom';\nimport { CUI_THEME_STORAGE_KEY } from '@/utils/localStorage';\nimport { isValidThemeName, getFallbackThemeName } from '@/theme/theme.utils';\n\ninterface Props {\n  config?: {\n    tooltip?: Omit<TooltipProviderProps, 'children'>;\n    toast?: Omit<ToastProviderProps, 'children'>;\n  };\n  theme: ThemeName;\n  children: ReactNode;\n  persistTheme?: boolean;\n  storageKey?: string;\n}\n\nexport const ClickUIProvider = ({\n  children,\n  theme,\n  config = {},\n  persistTheme = true,\n  storageKey = CUI_THEME_STORAGE_KEY,\n}: Props) => {\n  const { toast = {}, tooltip = {} } = config;\n  const hasValidTheme = isValidThemeName(theme);\n  const safeTheme = getFallbackThemeName(theme);\n\n  useEffect(() => {\n    if (!hasValidTheme) {\n      console.warn(\n        `[Click UI] Unknown theme! Please use one of ${Object.keys(THEMES).join(', ')} theme instead. Falling back to 'light' theme.`\n      );\n    }\n  }, [theme, hasValidTheme]);\n\n  useEffect(() => {\n    setRootThemeAttribute(safeTheme);\n\n    return () => {\n      removeRootThemeAttribute();\n    };\n  }, [safeTheme]);\n\n  useEffect(() => {\n    if (!persistTheme) {\n      return;\n    }\n\n    try {\n      localStorage.setItem(storageKey, safeTheme);\n    } catch {\n      console.warn('LocalStorage is not available!');\n    }\n  }, [safeTheme, persistTheme, storageKey]);\n\n  return (\n    <ThemeProvider theme={safeTheme}>\n      <ToastProvider {...toast}>\n        <TooltipProvider {...tooltip}>{children}</TooltipProvider>\n      </ToastProvider>\n    </ThemeProvider>\n  );\n};\n"],"names":["ClickUIProvider","children","theme","config","persistTheme","storageKey","CUI_THEME_STORAGE_KEY","toast","tooltip","hasValidTheme","isValidThemeName","safeTheme","getFallbackThemeName","useEffect","console","warn","Object","keys","THEMES","join","setRootThemeAttribute","removeRootThemeAttribute","localStorage","setItem","jsx","ThemeProvider","ToastProvider","TooltipProvider"],"mappings":";;;;;;;;;;;;;;AAwBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,QAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAS,EAAC;AAAA,EACVC,YAAAA,GAAe,IAAA;AAAA,EACfC,UAAAA,GAAaC;AACR,CAAA,KAAM;AACX,EAAA,MAAM;AAAA,IAAEC,QAAQ,EAAC;AAAA,IAAGC,UAAU;AAAC,GAAE,GAAIL,MAAAA;AACrC,EAAA,MAAMM,aAAAA,GAAgBC,6BAAiBR,KAAK,CAAA;AAC5C,EAAA,MAAMS,SAAAA,GAAYC,iCAAqBV,KAAK,CAAA;AAE5CW,EAAAA,eAAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAACJ,aAAAA,EAAe;AAClBK,MAAAA,OAAAA,CAAQC,IAAAA,CACN,+CAA+CC,MAAAA,CAAOC,IAAAA,CAAKC,iBAAM,CAAA,CAAEC,IAAAA,CAAK,IAAI,CAAC,CAAA,8CAAA,CAC/E,CAAA;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAACjB,KAAAA,EAAOO,aAAa,CAAC,CAAA;AAEzBI,EAAAA,eAAAA,CAAU,MAAM;AACdO,IAAAA,yBAAAA,CAAsBT,SAAS,CAAA;AAE/B,IAAA,OAAO,MAAM;AACXU,MAAAA,4BAAAA,EAAyB;AAAA,IAC3B,CAAA;AAAA,EACF,CAAA,EAAG,CAACV,SAAS,CAAC,CAAA;AAEdE,EAAAA,eAAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAACT,YAAAA,EAAc;AACjB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI;AACFkB,MAAAA,YAAAA,CAAaC,OAAAA,CAAQlB,YAAYM,SAAS,CAAA;AAAA,IAC5C,CAAA,CAAA,MAAQ;AACNG,MAAAA,OAAAA,CAAQC,KAAK,gCAAgC,CAAA;AAAA,IAC/C;AAAA,EACF,CAAA,EAAG,CAACJ,SAAAA,EAAWP,YAAAA,EAAcC,UAAU,CAAC,CAAA;AAExC,EAAA,uBACEmB,cAAA,CAACC,2BAAA,EAAA,EAAc,KAAA,EAAOd,SAAAA,EACpB,yCAACe,mBAAA,EAAA,EAAc,GAAInB,KAAAA,EACjB,QAAA,kBAAAiB,cAAA,CAACG,qBAAA,EAAA,EAAgB,GAAInB,OAAAA,EAAUP,QAAAA,EAAS,GAC1C,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ClickUIProvider.cjs","sources":["../../../src/providers/ClickUIProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Provider as TooltipProvider,\n  TooltipProviderProps,\n} from '@radix-ui/react-tooltip';\nimport { ToastProvider, ToastProviderProps } from '@/components/Toast/Toast';\nimport { THEMES, themes } from '@/theme/theme.core';\nimport type { ThemeName } from '@/theme/theme.types';\nimport { ThemeContext } from '@/theme/ThemeContext';\nimport { ReactNode, useEffect } from 'react';\nimport { setRootThemeAttribute, removeRootThemeAttribute } from '@/utils/dom';\nimport { CUI_THEME_STORAGE_KEY } from '@/utils/localStorage';\nimport { isValidThemeName, getFallbackThemeName } from '@/theme/theme.utils';\n\nimport '@/theme/styles/tokens-light.css';\nimport '@/theme/styles/tokens-dark.css';\nimport '@/theme/styles/global.css';\n\ninterface Props {\n  config?: {\n    tooltip?: Omit<TooltipProviderProps, 'children'>;\n    toast?: Omit<ToastProviderProps, 'children'>;\n  };\n  theme: ThemeName;\n  children: ReactNode;\n  persistTheme?: boolean;\n  storageKey?: string;\n}\n\nexport const ClickUIProvider = ({\n  children,\n  theme,\n  config = {},\n  persistTheme = true,\n  storageKey = CUI_THEME_STORAGE_KEY,\n}: Props) => {\n  const { toast = {}, tooltip = {} } = config;\n  const hasValidTheme = isValidThemeName(theme);\n  const safeTheme = getFallbackThemeName(theme);\n\n  useEffect(() => {\n    if (!hasValidTheme) {\n      console.warn(\n        `[Click UI] Unknown theme! Please use one of ${Object.keys(THEMES).join(', ')} theme instead. Falling back to 'light' theme.`\n      );\n    }\n  }, [theme, hasValidTheme]);\n\n  useEffect(() => {\n    setRootThemeAttribute(safeTheme);\n\n    return () => {\n      removeRootThemeAttribute();\n    };\n  }, [safeTheme]);\n\n  useEffect(() => {\n    if (!persistTheme) {\n      return;\n    }\n\n    try {\n      localStorage.setItem(storageKey, safeTheme);\n    } catch {\n      console.warn('LocalStorage is not available!');\n    }\n  }, [safeTheme, persistTheme, storageKey]);\n\n  return (\n    <ThemeContext.Provider value={themes[safeTheme]}>\n      <ToastProvider {...toast}>\n        <TooltipProvider {...tooltip}>{children}</TooltipProvider>\n      </ToastProvider>\n    </ThemeContext.Provider>\n  );\n};\n"],"names":["CUI_THEME_STORAGE_KEY","isValidThemeName","getFallbackThemeName","useEffect","THEMES","setRootThemeAttribute","removeRootThemeAttribute","ThemeContext","themes","jsx","ToastProvider","TooltipProvider"],"mappings":";;;;;;;;;;;;;;;;;AA8BO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAS,EAAC;AAAA,EACV,YAAA,GAAe,IAAA;AAAA,EACf,UAAA,GAAaA;AACf,CAAA,KAAa;AACX,EAAA,MAAM,EAAE,KAAA,GAAQ,IAAI,OAAA,GAAU,IAAG,GAAI,MAAA;AACrC,EAAA,MAAM,aAAA,GAAgBC,6BAAiB,KAAK,CAAA;AAC5C,EAAA,MAAM,SAAA,GAAYC,iCAAqB,KAAK,CAAA;AAE5C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN,+CAA+C,MAAA,CAAO,IAAA,CAAKC,iBAAM,CAAA,CAAE,IAAA,CAAK,IAAI,CAAC,CAAA,8CAAA;AAAA,OAC/E;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,aAAa,CAAC,CAAA;AAEzB,EAAAD,eAAA,CAAU,MAAM;AACd,IAAAE,yBAAA,CAAsB,SAAS,CAAA;AAE/B,IAAA,OAAO,MAAM;AACX,MAAAC,4BAAA,EAAyB;AAAA,IAC3B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAAH,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI;AACF,MAAA,YAAA,CAAa,OAAA,CAAQ,YAAY,SAAS,CAAA;AAAA,IAC5C,CAAA,CAAA,MAAQ;AACN,MAAA,OAAA,CAAQ,KAAK,gCAAgC,CAAA;AAAA,IAC/C;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,YAAA,EAAc,UAAU,CAAC,CAAA;AAExC,EAAA,sCACGI,yBAAA,CAAa,QAAA,EAAb,EAAsB,KAAA,EAAOC,iBAAA,CAAO,SAAS,CAAA,EAC5C,QAAA,kBAAAC,cAAA,CAACC,mBAAA,EAAA,EAAe,GAAG,OACjB,QAAA,kBAAAD,cAAA,CAACE,qBAAA,EAAA,EAAiB,GAAG,OAAA,EAAU,QAAA,EAAS,GAC1C,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/cjs/providers/PortalContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PortalContext.cjs","sources":["../../../src/providers/PortalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type PortalContainer = HTMLElement | null;\n\nexport const PortalContainerContext = createContext<PortalContainer>(null);\n\nexport const usePortalContainer = (): PortalContainer => {\n  return useContext(PortalContainerContext);\n};\n\nexport const useResolvedPortalContainer = (\n  container?: PortalContainer\n): PortalContainer => {\n  const contextContainer = usePortalContainer();\n\n  return container === undefined ? contextContainer : container;\n};\n"],"names":["PortalContainerContext","createContext","usePortalContainer","useContext","useResolvedPortalContainer","container","contextContainer","undefined"],"mappings":";;;;;;AAIO,MAAMA,sBAAAA,GAAyBC,oBAA+B,IAAI;AAElE,MAAMC,qBAAqBA,MAAuB;AACvD,EAAA,OAAOC,iBAAWH,sBAAsB,CAAA;AAC1C;AAEO,MAAMI,0BAAAA,GAA6BA,CACxCC,SAAAA,KACoB;AACpB,EAAA,MAAMC,mBAAmBJ,kBAAAA,EAAmB;AAE5C,EAAA,OAAOG,SAAAA,KAAcE,SAAYD,gBAAAA,GAAmBD,SAAAA;AACtD;;;;;;"}
+{"version":3,"file":"PortalContext.cjs","sources":["../../../src/providers/PortalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type PortalContainer = HTMLElement | null;\n\nexport const PortalContainerContext = createContext<PortalContainer>(null);\n\nexport const usePortalContainer = (): PortalContainer => {\n  return useContext(PortalContainerContext);\n};\n\nexport const useResolvedPortalContainer = (\n  container?: PortalContainer\n): PortalContainer => {\n  const contextContainer = usePortalContainer();\n\n  return container === undefined ? contextContainer : container;\n};\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAIO,MAAM,sBAAA,GAAyBA,oBAA+B,IAAI;AAElE,MAAM,qBAAqB,MAAuB;AACvD,EAAA,OAAOC,iBAAW,sBAAsB,CAAA;AAC1C;AAEO,MAAM,0BAAA,GAA6B,CACxC,SAAA,KACoB;AACpB,EAAA,MAAM,mBAAmB,kBAAA,EAAmB;AAE5C,EAAA,OAAO,SAAA,KAAc,SAAY,gBAAA,GAAmB,SAAA;AACtD;;;;;;"}

package/dist/cjs/providers/PortalProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.cjs","sources":["../../../src/providers/PortalProvider.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { PortalContainerContext, type PortalContainer } from './PortalContext';\n\nexport interface PortalProviderProps {\n  children: ReactNode;\n  container?: PortalContainer;\n}\n\nexport const PortalProvider = ({\n  children,\n  container = null,\n}: PortalProviderProps): ReactElement => {\n  return (\n    <PortalContainerContext.Provider value={container}>\n      {children}\n    </PortalContainerContext.Provider>\n  );\n};\n"],"names":["PortalProvider","children","container","PortalContainerContext"],"mappings":";;;;;;;AAQO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC,QAAAA;AAAAA,EACAC,SAAAA,GAAY;AACO,CAAA,KAAoB;AACvC,EAAA,sCACGC,oCAAA,CAAuB,QAAA,EAAvB,EAAgC,KAAA,EAAOD,WACrCD,QAAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PortalProvider.cjs","sources":["../../../src/providers/PortalProvider.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { PortalContainerContext, type PortalContainer } from './PortalContext';\n\nexport interface PortalProviderProps {\n  children: ReactNode;\n  container?: PortalContainer;\n}\n\nexport const PortalProvider = ({\n  children,\n  container = null,\n}: PortalProviderProps): ReactElement => {\n  return (\n    <PortalContainerContext.Provider value={container}>\n      {children}\n    </PortalContainerContext.Provider>\n  );\n};\n"],"names":["PortalContainerContext"],"mappings":";;;;;;;AAQO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAyC;AACvC,EAAA,sCACGA,oCAAA,CAAuB,QAAA,EAAvB,EAAgC,KAAA,EAAO,WACrC,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/cjs/theme/InitCUIThemeScript/index.cjs

@@ -13,8 +13,13 @@ const InitCUIThemeScript = ({
   attribute = dom.THEME_ATTRIBUTE,
   nonce
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("script", { suppressHydrationWarning: true, nonce, dangerouslySetInnerHTML: {
-    __html: `(function() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "script",
+    {
+      suppressHydrationWarning: true,
+      nonce,
+      dangerouslySetInnerHTML: {
+        __html: `(function() {
 try {
   const theme = localStorage.getItem('${storageKey}') || '${defaultTheme}';
   const dark = '${theme_core.THEMES.Dark}';
@@ -31,7 +36,9 @@ try {
     document.documentElement.setAttribute('${attribute}', colorScheme);
   }
 } catch(e){}})();`
-  } });
+      }
+    }
+  );
 };
 
 exports.InitCUIThemeScript = InitCUIThemeScript;

package/dist/cjs/theme/InitCUIThemeScript/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/theme/InitCUIThemeScript/InitCUIThemeScript.tsx"],"sourcesContent":["import { THEME_ATTRIBUTE } from '@/utils/dom';\nimport { CUI_THEME_STORAGE_KEY } from '@/utils/localStorage';\nimport { THEMES } from '@/theme/theme.core';\nimport type { ThemeName } from '@/theme/theme.types';\n\nexport interface InitCUIThemeScriptProps {\n  defaultTheme?: ThemeName;\n  storageKey?: string;\n  attribute?: string;\n  nonce?: string;\n}\n\n// TODO: Provide support for system prefers-color-scheme\n\nexport const InitCUIThemeScript = ({\n  defaultTheme = THEMES.Light,\n  storageKey = CUI_THEME_STORAGE_KEY,\n  attribute = THEME_ATTRIBUTE,\n  nonce,\n}: InitCUIThemeScriptProps) => {\n  return (\n    <script\n      suppressHydrationWarning\n      nonce={nonce}\n      dangerouslySetInnerHTML={{\n        __html: `(function() {\ntry {\n  const theme = localStorage.getItem('${storageKey}') || '${defaultTheme}';\n  const dark = '${THEMES.Dark}';\n  const light = '${THEMES.Light}';\n  let colorScheme = '';\n\n  if (theme === '${THEMES.Light}') {\n    colorScheme = light;\n  }\n  if (theme === '${THEMES.Dark}') {\n    colorScheme = dark;\n  }\n  if (colorScheme) {\n    document.documentElement.setAttribute('${attribute}', colorScheme);\n  }\n} catch(e){}})();`,\n      }}\n    />\n  );\n};\n\nexport default InitCUIThemeScript;\n"],"names":["InitCUIThemeScript","defaultTheme","THEMES","Light","storageKey","CUI_THEME_STORAGE_KEY","attribute","THEME_ATTRIBUTE","nonce","jsx","__html","Dark"],"mappings":";;;;;;;;;AAcO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC,eAAeC,iBAAAA,CAAOC,KAAAA;AAAAA,EACtBC,UAAAA,GAAaC,kCAAAA;AAAAA,EACbC,SAAAA,GAAYC,mBAAAA;AAAAA,EACZC;AACuB,CAAA,KAAM;AAC7B,EAAA,uBACEC,cAAA,CAAC,QAAA,EAAA,EACC,wBAAA,EAAwB,IAAA,EACxB,OACA,uBAAA,EAAyB;AAAA,IACvBC,MAAAA,EAAQ,CAAA;AAAA;AAAA,sCAAA,EAEwBN,UAAU,UAAUH,YAAY,CAAA;AAAA,gBAAA,EACtDC,kBAAOS,IAAI,CAAA;AAAA,iBAAA,EACVT,kBAAOC,KAAK,CAAA;AAAA;;AAAA,iBAAA,EAGZD,kBAAOC,KAAK,CAAA;AAAA;AAAA;AAAA,iBAAA,EAGZD,kBAAOS,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,2CAAA,EAIeL,SAAS,CAAA;AAAA;AAAA,iBAAA;AAAA,GAGhD,EAAE,CAAA;AAGR;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/theme/InitCUIThemeScript/InitCUIThemeScript.tsx"],"sourcesContent":["import { THEME_ATTRIBUTE } from '@/utils/dom';\nimport { CUI_THEME_STORAGE_KEY } from '@/utils/localStorage';\nimport { THEMES } from '@/theme/theme.core';\nimport type { ThemeName } from '@/theme/theme.types';\n\nexport interface InitCUIThemeScriptProps {\n  defaultTheme?: ThemeName;\n  storageKey?: string;\n  attribute?: string;\n  nonce?: string;\n}\n\n// TODO: Provide support for system prefers-color-scheme\n\nexport const InitCUIThemeScript = ({\n  defaultTheme = THEMES.Light,\n  storageKey = CUI_THEME_STORAGE_KEY,\n  attribute = THEME_ATTRIBUTE,\n  nonce,\n}: InitCUIThemeScriptProps) => {\n  return (\n    <script\n      suppressHydrationWarning\n      nonce={nonce}\n      dangerouslySetInnerHTML={{\n        __html: `(function() {\ntry {\n  const theme = localStorage.getItem('${storageKey}') || '${defaultTheme}';\n  const dark = '${THEMES.Dark}';\n  const light = '${THEMES.Light}';\n  let colorScheme = '';\n\n  if (theme === '${THEMES.Light}') {\n    colorScheme = light;\n  }\n  if (theme === '${THEMES.Dark}') {\n    colorScheme = dark;\n  }\n  if (colorScheme) {\n    document.documentElement.setAttribute('${attribute}', colorScheme);\n  }\n} catch(e){}})();`,\n      }}\n    />\n  );\n};\n\nexport default InitCUIThemeScript;\n"],"names":["THEMES","CUI_THEME_STORAGE_KEY","THEME_ATTRIBUTE","jsx"],"mappings":";;;;;;;;;AAcO,MAAM,qBAAqB,CAAC;AAAA,EACjC,eAAeA,iBAAA,CAAO,KAAA;AAAA,EACtB,UAAA,GAAaC,kCAAA;AAAA,EACb,SAAA,GAAYC,mBAAA;AAAA,EACZ;AACF,CAAA,KAA+B;AAC7B,EAAA,uBACEC,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,wBAAA,EAAwB,IAAA;AAAA,MACxB,KAAA;AAAA,MACA,uBAAA,EAAyB;AAAA,QACvB,MAAA,EAAQ,CAAA;AAAA;AAAA,sCAAA,EAEwB,UAAU,UAAU,YAAY,CAAA;AAAA,gBAAA,EACtDH,kBAAO,IAAI,CAAA;AAAA,iBAAA,EACVA,kBAAO,KAAK,CAAA;AAAA;;AAAA,iBAAA,EAGZA,kBAAO,KAAK,CAAA;AAAA;AAAA;AAAA,iBAAA,EAGZA,kBAAO,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,2CAAA,EAIe,SAAS,CAAA;AAAA;AAAA,iBAAA;AAAA;AAGhD;AAAA,GACF;AAEJ;;;;;"}

package/dist/cjs/theme/ThemeContext.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const theme_core = require('./theme.core.cjs');
+
+const ThemeContext = react.createContext(theme_core.themes.light);
+const useTheme = () => react.useContext(ThemeContext);
+
+exports.ThemeContext = ThemeContext;
+exports.useTheme = useTheme;
+//# sourceMappingURL=ThemeContext.cjs.map

package/dist/cjs/theme/ThemeContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.cjs","sources":["../../../src/theme/ThemeContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport type { Theme } from './theme.types';\nimport { themes } from './theme.core';\n\nexport const ThemeContext = createContext<Theme>(themes.light);\n\n/**\n * Returns the active click-ui theme object. Replaces styled-components'\n * `useTheme` as the runtime theme-delivery mechanism.\n */\nexport const useTheme = (): Theme => useContext(ThemeContext);\n"],"names":["createContext","themes","useContext"],"mappings":";;;;;;;AAMO,MAAM,YAAA,GAAeA,mBAAA,CAAqBC,iBAAA,CAAO,KAAK;AAMtD,MAAM,QAAA,GAAW,MAAaC,gBAAA,CAAW,YAAY;;;;;"}

package/dist/cjs/theme/styles/global.css

@@ -0,0 +1,9 @@
+@layer clickui {/* Page-level defaults: apply the theme's global text/background colors to
+   <body>, swapping with the active `data-cui-theme`. Replaces the old
+   styled-components `createGlobalStyle` rule. Wrapped in the `clickui` cascade
+   layer (like all click-ui styles), so any consumer `body` rule overrides it. */
+body {
+  color: var(--click-global-color-text-default);
+  background-color: var(--click-global-color-background-default);
+}
+}

package/dist/cjs/theme/styles/tokens-dark.css

@@ -1,4 +1,4 @@
-[data-cui-theme="dark"] {
+@layer clickui {[data-cui-theme="dark"] {
   --click-accordion-sm-icon-size-height: 1rem;
   --click-accordion-sm-icon-size-width: 1rem;
   --click-accordion-sm-space-gap: 0.25rem;
@@ -639,6 +639,18 @@
   --click-checkbox-color-variations-var6-check-hover: #ffffff;
   --click-checkbox-color-variations-var6-check-active: #ffffff;
   --click-checkbox-color-variations-var6-check-disabled: #a0a0a0;
+  --click-checkbox-color-variations-var7-background-default: rgb(17.794% 17.794% 17.794%);
+  --click-checkbox-color-variations-var7-background-hover: rgb(17.794% 17.794% 17.794%);
+  --click-checkbox-color-variations-var7-background-active: #ff2323;
+  --click-checkbox-color-variations-var7-background-disabled: rgb(17.794% 17.794% 17.794%);
+  --click-checkbox-color-variations-var7-stroke-default: #ff2323;
+  --click-checkbox-color-variations-var7-stroke-hover: #ff7575;
+  --click-checkbox-color-variations-var7-stroke-active: #ff7575;
+  --click-checkbox-color-variations-var7-stroke-disabled: #606060;
+  --click-checkbox-color-variations-var7-check-default: #ffffff;
+  --click-checkbox-color-variations-var7-check-hover: #ffffff;
+  --click-checkbox-color-variations-var7-check-active: #ffffff;
+  --click-checkbox-color-variations-var7-check-disabled: #a0a0a0;
   --click-checkbox-color-background-default: rgb(17.794% 17.794% 17.794%);
   --click-checkbox-color-background-hover: rgb(17.794% 17.794% 17.794%);
   --click-checkbox-color-background-active: #faff69;
@@ -1489,8 +1501,7 @@
   --click-serviceCard-color-background-hover: lch(19.053 0 none);
   --click-serviceCard-color-stroke-default: rgb(23.627% 23.627% 23.627%);
   --click-serviceCard-color-stroke-hover: rgb(27.446% 27.446% 27.446%);
-  --click-gareth-test-main-text: #ffffff;
-  --click-gareth-test-main-danger: #ffbaba;
+  --click-progressBar-color-text-default: #e6e7e9;
   --transition-default: all 100ms ease-in 0ms;
   --transition-duration-slow: 300ms;
   --transition-duration-smooth: 150ms;
@@ -1811,4 +1822,5 @@
   --global-color-iconButton-badge-background: #faff69;
   --global-color-icon-background: linear-gradient(132deg, #FAFF69 8%, #292929 30%);
   --name: dark;
+}
 }

package/dist/cjs/theme/styles/tokens-light.css

@@ -1,4 +1,4 @@
-:root,
+@layer clickui {:root,
 [data-cui-theme="light"] {
   --click-accordion-sm-icon-size-height: 1rem;
   --click-accordion-sm-icon-size-width: 1rem;
@@ -636,6 +636,18 @@
   --click-checkbox-color-variations-var6-check-hover: #ffffff;
   --click-checkbox-color-variations-var6-check-active: #ffffff;
   --click-checkbox-color-variations-var6-check-disabled: #a0a0a0;
+  --click-checkbox-color-variations-var7-background-default: #f6f7fa;
+  --click-checkbox-color-variations-var7-background-hover: #f6f7fa;
+  --click-checkbox-color-variations-var7-background-active: #ff2323;
+  --click-checkbox-color-variations-var7-background-disabled: #dfdfdf;
+  --click-checkbox-color-variations-var7-stroke-default: #ff5353;
+  --click-checkbox-color-variations-var7-stroke-hover: #ff5353;
+  --click-checkbox-color-variations-var7-stroke-active: #ff5353;
+  --click-checkbox-color-variations-var7-stroke-disabled: #c0c0c0;
+  --click-checkbox-color-variations-var7-check-default: #ffffff;
+  --click-checkbox-color-variations-var7-check-hover: #ffffff;
+  --click-checkbox-color-variations-var7-check-active: #ffffff;
+  --click-checkbox-color-variations-var7-check-disabled: #a0a0a0;
   --click-checkbox-color-check-default: #ffffff;
   --click-checkbox-color-check-hover: #ffffff;
   --click-checkbox-color-check-active: #ffffff;
@@ -1479,8 +1491,7 @@
   --click-serviceCard-color-background-hover: #fbfcff;
   --click-serviceCard-color-stroke-default: #e6e7e9;
   --click-serviceCard-color-stroke-hover: #cccfd3;
-  --click-gareth-test-main-text: #161517;
-  --click-gareth-test-main-danger: #c10000;
+  --click-progressBar-color-text-default: #ffffff;
   --transition-default: all 100ms ease-in 0ms;
   --transition-duration-slow: 300ms;
   --transition-duration-smooth: 150ms;
@@ -1801,4 +1812,5 @@
   --global-color-iconButton-badge-background: #e7effd;
   --global-color-icon-background: linear-gradient(132deg, #FFFFFF 8%, #292929 30%);
   --name: light;
+}
 }

package/dist/cjs/theme/theme.core.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.core.cjs","sources":["../../../src/theme/theme.core.ts"],"sourcesContent":["import darkTheme from './tokens/variables.dark';\nimport lightTheme from './tokens/variables.light';\nimport type { Theme, ThemeName } from './theme.types';\n\nexport const THEMES: Record<Capitalize<ThemeName>, ThemeName> = {\n  Dark: 'dark',\n  Light: 'light',\n};\n\n// Note: darkTheme and lightTheme have different\n// token values but compatible structures.\n// We use 'satisfies' to ensure type compatibility\n// without casting, allowing TypeScript\n// to infer the most precise type while still\n// checking against the Theme interface.\nexport const themes = {\n  dark: darkTheme,\n  light: lightTheme,\n} satisfies Record<ThemeName, Theme>;\n"],"names":["THEMES","Dark","Light","themes","dark","darkTheme","light","lightTheme"],"mappings":";;;;;;;AAIO,MAAMA,MAAAA,GAAmD;AAAA,EAC9DC,IAAAA,EAAM,MAAA;AAAA,EACNC,KAAAA,EAAO;AACT;AAQO,MAAMC,MAAAA,GAAS;AAAA,EACpBC,IAAAA,EAAMC,sBAAAA;AAAAA,EACNC,KAAAA,EAAOC;AACT;;;;;"}
+{"version":3,"file":"theme.core.cjs","sources":["../../../src/theme/theme.core.ts"],"sourcesContent":["import darkTheme from './tokens/variables.dark';\nimport lightTheme from './tokens/variables.light';\nimport type { Theme, ThemeName } from './theme.types';\n\nexport const THEMES: Record<Capitalize<ThemeName>, ThemeName> = {\n  Dark: 'dark',\n  Light: 'light',\n};\n\n// Note: darkTheme and lightTheme have different\n// token values but compatible structures.\n// We use 'satisfies' to ensure type compatibility\n// without casting, allowing TypeScript\n// to infer the most precise type while still\n// checking against the Theme interface.\nexport const themes = {\n  dark: darkTheme,\n  light: lightTheme,\n} satisfies Record<ThemeName, Theme>;\n"],"names":["darkTheme","lightTheme"],"mappings":";;;;;;;AAIO,MAAM,MAAA,GAAmD;AAAA,EAC9D,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO;AACT;AAQO,MAAM,MAAA,GAAS;AAAA,EACpB,IAAA,EAAMA,sBAAA;AAAA,EACN,KAAA,EAAOC;AACT;;;;;"}

package/dist/cjs/theme/theme.utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.utils.cjs","sources":["../../../src/theme/theme.utils.ts"],"sourcesContent":["import { THEMES } from '@/theme/theme.core';\nimport type { ThemeName } from '@/theme/theme.types';\n\nexport const isValidThemeName = (theme: string | undefined): theme is ThemeName =>\n  theme !== undefined && ([THEMES.Dark, THEMES.Light] as Array<string>).includes(theme);\n\nexport const getFallbackThemeName = (theme: string | undefined): ThemeName =>\n  isValidThemeName(theme) ? theme : THEMES.Light;\n\nexport const getDefaultThemeName = (): ThemeName => THEMES.Light;\n\nexport const getAvailableThemeNames = (): ThemeName[] => [THEMES.Dark, THEMES.Light];\n"],"names":["isValidThemeName","theme","undefined","THEMES","Dark","Light","includes","getFallbackThemeName","getDefaultThemeName","getAvailableThemeNames"],"mappings":";;;;;;AAGO,MAAMA,gBAAAA,GAAmBA,CAACC,KAAAA,KAC/BA,KAAAA,KAAUC,MAAAA,IAAc,CAACC,iBAAAA,CAAOC,IAAAA,EAAMD,iBAAAA,CAAOE,KAAK,CAAA,CAAoBC,QAAAA,CAASL,KAAK;AAE/E,MAAMM,uBAAuBA,CAACN,KAAAA,KACnCD,iBAAiBC,KAAK,CAAA,GAAIA,QAAQE,iBAAAA,CAAOE;AAEpC,MAAMG,mBAAAA,GAAsBA,MAAiBL,iBAAAA,CAAOE;AAEpD,MAAMI,yBAAyBA,MAAmB,CAACN,iBAAAA,CAAOC,IAAAA,EAAMD,kBAAOE,KAAK;;;;;;;"}
+{"version":3,"file":"theme.utils.cjs","sources":["../../../src/theme/theme.utils.ts"],"sourcesContent":["import { THEMES } from '@/theme/theme.core';\nimport type { ThemeName } from '@/theme/theme.types';\n\nexport const isValidThemeName = (theme: string | undefined): theme is ThemeName =>\n  theme !== undefined && ([THEMES.Dark, THEMES.Light] as Array<string>).includes(theme);\n\nexport const getFallbackThemeName = (theme: string | undefined): ThemeName =>\n  isValidThemeName(theme) ? theme : THEMES.Light;\n\nexport const getDefaultThemeName = (): ThemeName => THEMES.Light;\n\nexport const getAvailableThemeNames = (): ThemeName[] => [THEMES.Dark, THEMES.Light];\n"],"names":["THEMES"],"mappings":";;;;;;AAGO,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAC/B,KAAA,KAAU,MAAA,IAAc,CAACA,iBAAA,CAAO,IAAA,EAAMA,iBAAA,CAAO,KAAK,CAAA,CAAoB,QAAA,CAAS,KAAK;AAE/E,MAAM,uBAAuB,CAAC,KAAA,KACnC,iBAAiB,KAAK,CAAA,GAAI,QAAQA,iBAAA,CAAO;AAEpC,MAAM,mBAAA,GAAsB,MAAiBA,iBAAA,CAAO;AAEpD,MAAM,yBAAyB,MAAmB,CAACA,iBAAA,CAAO,IAAA,EAAMA,kBAAO,KAAK;;;;;;;"}

package/dist/cjs/theme/tokens/variables.dark.cjs

@@ -1296,6 +1296,26 @@ const theme = {
               active: "#ffffff",
               disabled: "#a0a0a0"
             }
+          },
+          var7: {
+            background: {
+              default: "rgb(17.794% 17.794% 17.794%)",
+              hover: "rgb(17.794% 17.794% 17.794%)",
+              active: "#ff2323",
+              disabled: "rgb(17.794% 17.794% 17.794%)"
+            },
+            stroke: {
+              default: "#ff2323",
+              hover: "#ff7575",
+              active: "#ff7575",
+              disabled: "#606060"
+            },
+            check: {
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0"
+            }
           }
         },
         background: {
@@ -3352,11 +3372,10 @@ const theme = {
         }
       }
     },
-    gareth: {
-      test: {
-        main: {
-          text: "#ffffff",
-          danger: "#ffbaba"
+    progressBar: {
+      color: {
+        text: {
+          default: "#e6e7e9"
         }
       }
     }