@punkbit/cui 0.0.251-rc.16 → 0.2.0

package/dist/cjs/hooks/index.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useToast = require('./useToast.cjs');
+const useInitialTheme = require('./useInitialTheme.cjs');
+const useCUITheme = require('./useCUITheme.cjs');
+
+
+
+exports.useToast = useToast.useToast;
+exports.useInitialTheme = useInitialTheme.useInitialTheme;
+exports.useCUITheme = useCUITheme.useCUITheme;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/index.cjs.map

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

package/dist/cjs/hooks/internal/useInputModality.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const MODIFIER_KEYS = /* @__PURE__ */ new Set(["Meta", "Control", "Alt", "Shift", "CapsLock"]);
+let lastGlobalModality = "pointer";
+if (typeof document !== "undefined") {
+  document.addEventListener("keydown", (e) => {
+    if (!MODIFIER_KEYS.has(e.key)) {
+      lastGlobalModality = "keyboard";
+    }
+  }, true);
+  document.addEventListener("pointerdown", () => {
+    lastGlobalModality = "pointer";
+  }, true);
+  document.addEventListener("pointermove", () => {
+    lastGlobalModality = "pointer";
+  }, true);
+}
+const useInputModality = () => {
+  const onKeyDownCapture = react.useCallback((e) => {
+    if (!MODIFIER_KEYS.has(e.key)) {
+      e.currentTarget.dataset.inputModality = "keyboard";
+    }
+  }, []);
+  const onPointerMove = react.useCallback((e) => {
+    e.currentTarget.dataset.inputModality = "pointer";
+  }, []);
+  const onPointerDown = react.useCallback((e) => {
+    e.currentTarget.dataset.inputModality = "pointer";
+  }, []);
+  const onFocusCapture = react.useCallback((e) => {
+    e.currentTarget.dataset.inputModality = lastGlobalModality;
+  }, []);
+  return {
+    onKeyDownCapture,
+    onPointerMove,
+    onPointerDown,
+    onFocusCapture
+  };
+};
+
+exports.useInputModality = useInputModality;
+//# sourceMappingURL=useInputModality.cjs.map

package/dist/cjs/hooks/internal/useInputModality.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputModality.cjs","sources":["../../../../src/hooks/internal/useInputModality.ts"],"sourcesContent":["import {\n  type FocusEvent,\n  type KeyboardEvent,\n  type PointerEvent,\n  useCallback,\n} from 'react';\n\nconst MODIFIER_KEYS = new Set(['Meta', 'Control', 'Alt', 'Shift', 'CapsLock']);\n\n/**\n * WCAG SC 2.4.7 requires a visible keyboard focus indicator, but hover\n * styling is not mandated and adding a focus ring on hover would be\n * visually disruptive. Radix uses a single `data-highlighted` attribute\n * for both hover and keyboard focus, so we track input modality on the\n * container to let CSS distinguish the two.\n *\n * Spread the returned props onto a menu container element.\n */\n\n// Global modality tracks the last input method so that menus opened via\n// keyboard can seed their container's data attribute before any per-container\n// event fires (the triggering keydown happens on the trigger, not the content).\nlet lastGlobalModality: 'keyboard' | 'pointer' = 'pointer';\n\nif (typeof document !== 'undefined') {\n  document.addEventListener(\n    'keydown',\n    (e: globalThis.KeyboardEvent) => {\n      if (!MODIFIER_KEYS.has(e.key)) {\n        lastGlobalModality = 'keyboard';\n      }\n    },\n    true\n  );\n  document.addEventListener(\n    'pointerdown',\n    () => {\n      lastGlobalModality = 'pointer';\n    },\n    true\n  );\n  document.addEventListener(\n    'pointermove',\n    () => {\n      lastGlobalModality = 'pointer';\n    },\n    true\n  );\n}\n\nexport const useInputModality = () => {\n  const onKeyDownCapture = useCallback((e: KeyboardEvent<HTMLElement>) => {\n    if (!MODIFIER_KEYS.has(e.key)) {\n      e.currentTarget.dataset.inputModality = 'keyboard';\n    }\n  }, []);\n\n  const onPointerMove = useCallback((e: PointerEvent<HTMLElement>) => {\n    e.currentTarget.dataset.inputModality = 'pointer';\n  }, []);\n\n  const onPointerDown = useCallback((e: PointerEvent<HTMLElement>) => {\n    e.currentTarget.dataset.inputModality = 'pointer';\n  }, []);\n\n  const onFocusCapture = useCallback((e: FocusEvent<HTMLElement>) => {\n    e.currentTarget.dataset.inputModality = lastGlobalModality;\n  }, []);\n\n  return { onKeyDownCapture, onPointerMove, onPointerDown, onFocusCapture };\n};\n"],"names":["MODIFIER_KEYS","Set","lastGlobalModality","document","addEventListener","e","has","key","useInputModality","onKeyDownCapture","useCallback","currentTarget","dataset","inputModality","onPointerMove","onPointerDown","onFocusCapture"],"mappings":";;;;;;AAOA,MAAMA,aAAAA,uBAAoBC,GAAAA,CAAI,CAAC,QAAQ,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,UAAU,CAAC,CAAA;AAe7E,IAAIC,kBAAAA,GAA6C,SAAA;AAEjD,IAAI,OAAOC,aAAa,WAAA,EAAa;AACnCA,EAAAA,QAAAA,CAASC,gBAAAA,CACP,SAAA,EACA,CAACC,CAAAA,KAAgC;AAC/B,IAAA,IAAI,CAACL,aAAAA,CAAcM,GAAAA,CAAID,CAAAA,CAAEE,GAAG,CAAA,EAAG;AAC7BL,MAAAA,kBAAAA,GAAqB,UAAA;AAAA,IACvB;AAAA,EACF,GACA,IACF,CAAA;AACAC,EAAAA,QAAAA,CAASC,gBAAAA,CACP,eACA,MAAM;AACJF,IAAAA,kBAAAA,GAAqB,SAAA;AAAA,EACvB,GACA,IACF,CAAA;AACAC,EAAAA,QAAAA,CAASC,gBAAAA,CACP,eACA,MAAM;AACJF,IAAAA,kBAAAA,GAAqB,SAAA;AAAA,EACvB,GACA,IACF,CAAA;AACF;AAEO,MAAMM,mBAAmBA,MAAM;AACpC,EAAA,MAAMC,gBAAAA,GAAmBC,iBAAAA,CAAY,CAACL,CAAAA,KAAkC;AACtE,IAAA,IAAI,CAACL,aAAAA,CAAcM,GAAAA,CAAID,CAAAA,CAAEE,GAAG,CAAA,EAAG;AAC7BF,MAAAA,CAAAA,CAAEM,aAAAA,CAAcC,QAAQC,aAAAA,GAAgB,UAAA;AAAA,IAC1C;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAMC,aAAAA,GAAgBJ,iBAAAA,CAAY,CAACL,CAAAA,KAAiC;AAClEA,IAAAA,CAAAA,CAAEM,aAAAA,CAAcC,QAAQC,aAAAA,GAAgB,SAAA;AAAA,EAC1C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAME,aAAAA,GAAgBL,iBAAAA,CAAY,CAACL,CAAAA,KAAiC;AAClEA,IAAAA,CAAAA,CAAEM,aAAAA,CAAcC,QAAQC,aAAAA,GAAgB,SAAA;AAAA,EAC1C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAMG,cAAAA,GAAiBN,iBAAAA,CAAY,CAACL,CAAAA,KAA+B;AACjEA,IAAAA,CAAAA,CAAEM,aAAAA,CAAcC,QAAQC,aAAAA,GAAgBX,kBAAAA;AAAAA,EAC1C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IAAEO,gBAAAA;AAAAA,IAAkBK,aAAAA;AAAAA,IAAeC,aAAAA;AAAAA,IAAeC;AAAAA,GAAe;AAC1E;;;;"}

package/dist/cjs/hooks/internal/useUpdateEffect.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const useUpdateEffect = (effect, deps) => {
+  const isFirstMount = react.useRef(true);
+  react.useEffect(() => {
+    if (isFirstMount.current) {
+      isFirstMount.current = false;
+      return;
+    }
+    return effect();
+  }, deps);
+};
+
+exports.useUpdateEffect = useUpdateEffect;
+//# sourceMappingURL=useUpdateEffect.cjs.map

package/dist/cjs/hooks/internal/useUpdateEffect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateEffect.cjs","sources":["../../../../src/hooks/internal/useUpdateEffect.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n  const isFirstMount = useRef(true);\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n      return;\n    }\n\n    return effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n};\n"],"names":["useUpdateEffect","effect","deps","isFirstMount","useRef","useEffect","current"],"mappings":";;;;;;AAEO,MAAMA,eAAAA,GAAoCA,CAACC,MAAAA,EAAQC,IAAAA,KAAS;AACjE,EAAA,MAAMC,YAAAA,GAAeC,aAAO,IAAI,CAAA;AAEhCC,EAAAA,eAAAA,CAAU,MAAM;AACd,IAAA,IAAIF,aAAaG,OAAAA,EAAS;AACxBH,MAAAA,YAAAA,CAAaG,OAAAA,GAAU,KAAA;AACvB,MAAA;AAAA,IACF;AAEA,IAAA,OAAOL,MAAAA,EAAO;AAAA,EAEhB,GAAGC,IAAI,CAAA;AACT;;;;"}

package/dist/cjs/hooks/useCUITheme.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponents = require('styled-components');
+
+const useCUITheme = () => {
+  const theme = styledComponents.useTheme();
+  return {
+    breakpoint: theme.breakpoint,
+    global: theme.global,
+    name: theme.name,
+    sizes: theme.sizes
+  };
+};
+
+exports.useCUITheme = useCUITheme;
+//# sourceMappingURL=useCUITheme.cjs.map

package/dist/cjs/hooks/useCUITheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCUITheme.cjs","sources":["../../../src/hooks/useCUITheme.ts"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'styled-components';\nimport type { Theme } from '@/theme/theme.types';\n\nexport type CUIThemeType = Pick<Theme, 'breakpoint' | 'global' | 'name' | 'sizes'>;\n\nexport const useCUITheme = (): CUIThemeType => {\n  const theme = useTheme();\n  return {\n    breakpoint: theme.breakpoint,\n    global: theme.global,\n    name: theme.name,\n    sizes: theme.sizes,\n  };\n};\n"],"names":["useCUITheme","theme","useTheme","breakpoint","global","name","sizes"],"mappings":";;;;;;AAOO,MAAMA,cAAcA,MAAoB;AAC7C,EAAA,MAAMC,QAAQC,yBAAAA,EAAS;AACvB,EAAA,OAAO;AAAA,IACLC,YAAYF,KAAAA,CAAME,UAAAA;AAAAA,IAClBC,QAAQH,KAAAA,CAAMG,MAAAA;AAAAA,IACdC,MAAMJ,KAAAA,CAAMI,IAAAA;AAAAA,IACZC,OAAOL,KAAAA,CAAMK;AAAAA,GACf;AACF;;;;"}

package/dist/cjs/hooks/useInitialTheme.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const theme_core = require('../theme/theme.core.cjs');
+const localStorage$1 = require('../utils/localStorage.cjs');
+const dom = require('../utils/dom.cjs');
+
+const useInitialTheme = ({
+  defaultTheme = "light",
+  storageKey = localStorage$1.CUI_THEME_STORAGE_KEY,
+  attribute = dom.THEME_ATTRIBUTE
+} = {}) => {
+  const [theme, setTheme] = react.useState(() => {
+    if (typeof document !== "undefined") {
+      const el = dom.getRootElement();
+      if (!el) {
+        console.warn("Failed to get root html");
+        return null;
+      }
+      const attr = el.getAttribute(attribute);
+      if (attr === theme_core.THEMES.Light || attr === theme_core.THEMES.Dark) {
+        return attr;
+      }
+    }
+    return defaultTheme;
+  });
+  const [mounted, setMounted] = react.useState(false);
+  react.useEffect(() => {
+    try {
+      const stored = localStorage.getItem(storageKey);
+      if (stored && (stored === theme_core.THEMES.Light || stored === theme_core.THEMES.Dark) && stored !== theme) {
+        setTheme(stored);
+      }
+    } catch {
+      console.warn("localStorage not available");
+    }
+    setMounted(true);
+  }, [storageKey, attribute, theme]);
+  return {
+    theme,
+    mounted
+  };
+};
+
+exports.useInitialTheme = useInitialTheme;
+//# sourceMappingURL=useInitialTheme.cjs.map

package/dist/cjs/hooks/useInitialTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitialTheme.cjs","sources":["../../../src/hooks/useInitialTheme.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\nimport { THEMES } from '@/theme/theme.core';\nimport type { ThemeName } from '@/theme/theme.types';\nimport { CUI_THEME_STORAGE_KEY } from '@/utils/localStorage';\nimport { THEME_ATTRIBUTE, getRootElement } from '@/utils/dom';\n\nexport interface UseThemeParams {\n  defaultTheme?: ThemeName;\n  storageKey?: string;\n  attribute?: string;\n}\n\nexport const useInitialTheme = ({\n  defaultTheme = 'light',\n  storageKey = CUI_THEME_STORAGE_KEY,\n  attribute = THEME_ATTRIBUTE,\n}: UseThemeParams = {}) => {\n  // WARNING: This is intentional due to SSR state\n  const [theme, setTheme] = useState<ThemeName | null>(() => {\n    if (typeof document !== 'undefined') {\n      const el = getRootElement();\n\n      if (!el) {\n        console.warn('Failed to get root html');\n        return null;\n      }\n\n      const attr = el.getAttribute(attribute);\n\n      if (attr === THEMES.Light || attr === THEMES.Dark) {\n        return attr;\n      }\n    }\n\n    return defaultTheme;\n  });\n\n  // TODO: Remove mounted once migrated from styled-components\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    try {\n      const stored = localStorage.getItem(storageKey);\n\n      if (\n        stored &&\n        (stored === THEMES.Light || stored === THEMES.Dark) &&\n        stored !== theme\n      ) {\n        setTheme(stored);\n      }\n    } catch {\n      console.warn('localStorage not available');\n    }\n\n    setMounted(true);\n  }, [storageKey, attribute, theme]);\n\n  return {\n    theme,\n    mounted,\n  };\n};\n"],"names":["useInitialTheme","defaultTheme","storageKey","CUI_THEME_STORAGE_KEY","attribute","THEME_ATTRIBUTE","theme","setTheme","useState","document","el","getRootElement","console","warn","attr","getAttribute","THEMES","Light","Dark","mounted","setMounted","useEffect","stored","localStorage","getItem"],"mappings":";;;;;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,YAAAA,GAAe,OAAA;AAAA,EACfC,UAAAA,GAAaC,oCAAAA;AAAAA,EACbC,SAAAA,GAAYC;AACE,CAAA,GAAI,EAAC,KAAM;AAEzB,EAAA,MAAM,CAACC,KAAAA,EAAOC,QAAQ,CAAA,GAAIC,eAA2B,MAAM;AACzD,IAAA,IAAI,OAAOC,aAAa,WAAA,EAAa;AACnC,MAAA,MAAMC,KAAKC,kBAAAA,EAAe;AAE1B,MAAA,IAAI,CAACD,EAAAA,EAAI;AACPE,QAAAA,OAAAA,CAAQC,KAAK,yBAAyB,CAAA;AACtC,QAAA,OAAO,IAAA;AAAA,MACT;AAEA,MAAA,MAAMC,IAAAA,GAAOJ,EAAAA,CAAGK,YAAAA,CAAaX,SAAS,CAAA;AAEtC,MAAA,IAAIU,IAAAA,KAASE,iBAAAA,CAAOC,KAAAA,IAASH,IAAAA,KAASE,kBAAOE,IAAAA,EAAM;AACjD,QAAA,OAAOJ,IAAAA;AAAAA,MACT;AAAA,IACF;AAEA,IAAA,OAAOb,YAAAA;AAAAA,EACT,CAAC,CAAA;AAGD,EAAA,MAAM,CAACkB,OAAAA,EAASC,UAAU,CAAA,GAAIZ,eAAS,KAAK,CAAA;AAE5Ca,EAAAA,eAAAA,CAAU,MAAM;AACd,IAAA,IAAI;AACF,MAAA,MAAMC,MAAAA,GAASC,YAAAA,CAAaC,OAAAA,CAAQtB,UAAU,CAAA;AAE9C,MAAA,IACEoB,MAAAA,KACCA,WAAWN,iBAAAA,CAAOC,KAAAA,IAASK,WAAWN,iBAAAA,CAAOE,IAAAA,CAAAA,IAC9CI,WAAWhB,KAAAA,EACX;AACAC,QAAAA,QAAAA,CAASe,MAAM,CAAA;AAAA,MACjB;AAAA,IACF,CAAA,CAAA,MAAQ;AACNV,MAAAA,OAAAA,CAAQC,KAAK,4BAA4B,CAAA;AAAA,IAC3C;AAEAO,IAAAA,UAAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAClB,UAAAA,EAAYE,SAAAA,EAAWE,KAAK,CAAC,CAAA;AAEjC,EAAA,OAAO;AAAA,IACLA,KAAAA;AAAAA,IACAa;AAAAA,GACF;AACF;;;;"}

package/dist/cjs/hooks/useToast.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const Toast = require('../components/Toast/index.cjs');
+
+const useToast = () => {
+  const result = react.useContext(Toast.ToastContext);
+  if (!result) {
+    throw new Error("Context used outside of its Provider!");
+  }
+  return result;
+};
+
+exports.useToast = useToast;
+//# sourceMappingURL=useToast.cjs.map

package/dist/cjs/hooks/useToast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.cjs","sources":["../../../src/hooks/useToast.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\n// WARN: The hook brings Toast component chunks\n// it's assumed that consumer use Toast component\n// useToast is useless without ToastProvider\nimport { ToastContext, ToastContextProps } from '@/components/Toast';\n\nexport const useToast = (): ToastContextProps => {\n  const result = useContext(ToastContext);\n  if (!result) {\n    throw new Error('Context used outside of its Provider!');\n  }\n  return result;\n};\n"],"names":["useToast","result","useContext","ToastContext","Error"],"mappings":";;;;;;;AAQO,MAAMA,WAAWA,MAAyB;AAC/C,EAAA,MAAMC,MAAAA,GAASC,iBAAWC,kBAAY,CAAA;AACtC,EAAA,IAAI,CAACF,MAAAA,EAAQ;AACX,IAAA,MAAM,IAAIG,MAAM,uCAAuC,CAAA;AAAA,EACzD;AACA,EAAA,OAAOH,MAAAA;AACT;;;;"}

package/dist/cjs/index.cjs

@@ -0,0 +1,184 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Flag = require('./components/Assets/Flags/system/Flag.cjs');
+const Logo = require('./components/Assets/Logos/system/Logo.cjs');
+const User = require('./components/Assets/Icons/User.cjs');
+const InlineCodeBlock = require('./components/CodeBlock/InlineCodeBlock.cjs');
+const DateRangePicker = require('./components/DatePicker/DateRangePicker.cjs');
+const DateTimeRangePicker = require('./components/DatePicker/DateTimeRangePicker.cjs');
+const utils = require('./components/DatePicker/utils.cjs');
+const toastEmitter = require('./components/Toast/toastEmitter.cjs');
+const useToast = require('./hooks/useToast.cjs');
+const useInitialTheme = require('./hooks/useInitialTheme.cjs');
+const useCUITheme = require('./hooks/useCUITheme.cjs');
+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 common = require('./components/Link/common.cjs');
+const Accordion = require('./components/Accordion/index.cjs');
+const Alert = require('./components/Alert/index.cjs');
+const AutoComplete = require('./components/AutoComplete/index.cjs');
+const Avatar = require('./components/Avatar/index.cjs');
+const Badge = require('./components/Badge/index.cjs');
+const BigStat = require('./components/BigStat/index.cjs');
+const Button = require('./components/Button/index.cjs');
+const ButtonGroup = require('./components/ButtonGroup/index.cjs');
+const SplitButton = require('./components/SplitButton/index.cjs');
+const CardHorizontal = require('./components/CardHorizontal/index.cjs');
+const CardPrimary = require('./components/CardPrimary/index.cjs');
+const CardPromotion = require('./components/CardPromotion/index.cjs');
+const CardSecondary = require('./components/CardSecondary/index.cjs');
+const Checkbox = require('./components/Checkbox/index.cjs');
+const CodeBlock = require('./components/CodeBlock/index.cjs');
+const ConfirmationDialog = require('./components/ConfirmationDialog/index.cjs');
+const Container = require('./components/Container/index.cjs');
+const Grid = require('./components/Grid/index.cjs');
+const GridContainer = require('./components/GridContainer/index.cjs');
+const ContextMenu = require('./components/ContextMenu/index.cjs');
+const DateDetails = require('./components/DateDetails/index.cjs');
+const DatePicker = require('./components/DatePicker/index.cjs');
+const Dialog = require('./components/Dialog/index.cjs');
+const Dropdown = require('./components/Dropdown/index.cjs');
+const EllipsisContent = require('./components/EllipsisContent/index.cjs');
+const FileMultiUpload = require('./components/FileUpload/FileMultiUpload.cjs');
+const FileUpload = require('./components/FileUpload/index.cjs');
+const FileTabs = require('./components/FileTabs/index.cjs');
+const Flyout = require('./components/Flyout/index.cjs');
+const FormContainer = require('./components/FormContainer/index.cjs');
+const GenericLabel = require('./components/GenericLabel/index.cjs');
+const HoverCard = require('./components/HoverCard/index.cjs');
+const Icon = require('./components/Icon/index.cjs');
+const IconButton = require('./components/IconButton/index.cjs');
+const Label = require('./components/Label/index.cjs');
+const Link = require('./components/Link/index.cjs');
+const MultiAccordion = require('./components/MultiAccordion/index.cjs');
+const SidebarCollapsibleItem = require('./components/SidebarCollapsibleItem/index.cjs');
+const SidebarCollapsibleTitle = require('./components/SidebarCollapsibleTitle/index.cjs');
+const SidebarNavigationItem = require('./components/SidebarNavigationItem/index.cjs');
+const SidebarNavigationTitle = require('./components/SidebarNavigationTitle/index.cjs');
+const Pagination = require('./components/Pagination/index.cjs');
+const Panel = require('./components/Panel/index.cjs');
+const Popover = require('./components/Popover/index.cjs');
+const ProgressBar = require('./components/ProgressBar/index.cjs');
+const RadioGroup = require('./components/RadioGroup/index.cjs');
+const Select = require('./components/Select/index.cjs');
+const MultiSelect = require('./components/MultiSelect/index.cjs');
+const CheckboxMultiSelect = require('./components/CheckboxMultiSelect/index.cjs');
+const Separator = require('./components/Separator/index.cjs');
+const Spacer = require('./components/Spacer/index.cjs');
+const Switch = require('./components/Switch/index.cjs');
+const Table = require('./components/Table/index.cjs');
+const Tabs = require('./components/Tabs/index.cjs');
+const InputWrapper = require('./components/InputWrapper/index.cjs');
+const NumberField = require('./components/NumberField/index.cjs');
+const PasswordField = require('./components/PasswordField/index.cjs');
+const SearchField = require('./components/SearchField/index.cjs');
+const TextAreaField = require('./components/TextAreaField/index.cjs');
+const TextField = require('./components/TextField/index.cjs');
+const Toast = require('./components/Toast/index.cjs');
+const Text = require('./components/Text/index.cjs');
+const Title = require('./components/Title/index.cjs');
+const VerticalStepper = require('./components/VerticalStepper/index.cjs');
+const ClickUIProvider = require('./providers/ClickUIProvider.cjs');
+const ThemeProvider = require('./providers/ThemeProvider.cjs');
+
+
+
+exports.Flags = Flag.Flag;
+exports.Logo = Logo.Logo;
+exports.ProfileIcon = User.User;
+exports.InlineCodeBlock = InlineCodeBlock.InlineCodeBlock;
+exports.DateRangePicker = DateRangePicker.DateRangePicker;
+exports.DateTimeRangePicker = DateTimeRangePicker.DateTimeRangePicker;
+exports.getPredefinedMonthsForDateRangePicker = utils.getPredefinedMonthsForDateRangePicker;
+exports.createToast = toastEmitter.createToast;
+exports.useToast = useToast.useToast;
+exports.useInitialTheme = useInitialTheme.useInitialTheme;
+exports.useCUITheme = useCUITheme.useCUITheme;
+exports.Tooltip = Tooltip.Tooltip;
+exports.THEMES = theme_core.THEMES;
+exports.themes = theme_core.themes;
+exports.getAvailableThemeNames = theme_utils.getAvailableThemeNames;
+exports.getDefaultThemeName = theme_utils.getDefaultThemeName;
+exports.getFallbackThemeName = theme_utils.getFallbackThemeName;
+exports.isValidThemeName = theme_utils.isValidThemeName;
+exports.InitCUIThemeScript = InitCUIThemeScript.InitCUIThemeScript;
+exports.linkStyles = common.linkStyles;
+exports.Accordion = Accordion.Accordion;
+exports.Alert = Alert.Alert;
+exports.DangerAlert = Alert.DangerAlert;
+exports.InfoAlert = Alert.InfoAlert;
+exports.SuccessAlert = Alert.SuccessAlert;
+exports.WarningAlert = Alert.WarningAlert;
+exports.AutoComplete = AutoComplete.AutoComplete;
+exports.Avatar = Avatar.Avatar;
+exports.Badge = Badge.Badge;
+exports.BigStat = BigStat.BigStat;
+exports.Button = Button.Button;
+exports.ButtonGroup = ButtonGroup.ButtonGroup;
+exports.SplitButton = SplitButton.SplitButton;
+exports.CardHorizontal = CardHorizontal.CardHorizontal;
+exports.CardPrimary = CardPrimary.CardPrimary;
+exports.CardPromotion = CardPromotion.CardPromotion;
+exports.CardSecondary = CardSecondary.CardSecondary;
+exports.Checkbox = Checkbox.Checkbox;
+exports.CodeBlock = CodeBlock.CodeBlock;
+exports.ConfirmationDialog = ConfirmationDialog.ConfirmationDialog;
+exports.Container = Container.Container;
+exports.Grid = Grid.Grid;
+exports.GridContainer = GridContainer.GridContainer;
+exports.ContextMenu = ContextMenu.ContextMenu;
+exports.DateDetails = DateDetails.DateDetails;
+exports.DatePicker = DatePicker.DatePicker;
+exports.Dialog = Dialog.Dialog;
+exports.Dropdown = Dropdown.Dropdown;
+exports.EllipsisContent = EllipsisContent.EllipsisContent;
+exports.FileMultiUpload = FileMultiUpload.FileMultiUpload;
+exports.FileUpload = FileUpload.FileUpload;
+exports.FileTabElement = FileTabs.FileTabElement;
+exports.FileTabs = FileTabs.FileTabs;
+exports.Flyout = Flyout.Flyout;
+exports.FormContainer = FormContainer.FormContainer;
+exports.GenericLabel = GenericLabel.GenericLabel;
+exports.HoverCard = HoverCard.HoverCard;
+exports.Icon = Icon.Icon;
+exports.IconButton = IconButton.IconButton;
+exports.Label = Label.Label;
+exports.Link = Link.Link;
+exports.MultiAccordion = MultiAccordion.MultiAccordion;
+exports.SidebarCollapsibleItem = SidebarCollapsibleItem.SidebarCollapsibleItem;
+exports.SidebarCollapsibleTitle = SidebarCollapsibleTitle.SidebarCollapsibleTitle;
+exports.SidebarNavigationItem = SidebarNavigationItem.SidebarNavigationItem;
+exports.SidebarNavigationTitle = SidebarNavigationTitle.SidebarNavigationTitle;
+exports.Pagination = Pagination.Pagination;
+exports.Panel = Panel.Panel;
+exports.Popover = Popover.Popover;
+exports.ProgressBar = ProgressBar.ProgressBar;
+exports.RadioGroup = RadioGroup.RadioGroup;
+exports.Select = Select.Select;
+exports.MultiSelect = MultiSelect.MultiSelect;
+exports.CheckboxMultiSelect = CheckboxMultiSelect.CheckboxMultiSelect;
+exports.Separator = Separator.Separator;
+exports.Spacer = Spacer.Spacer;
+exports.Switch = Switch.Switch;
+exports.Table = Table.Table;
+exports.FullWidthTabs = Tabs.FullWidthTabs;
+exports.Tabs = Tabs.Tabs;
+exports.InputWrapper = InputWrapper.InputWrapper;
+exports.NumberField = NumberField.NumberField;
+exports.PasswordField = PasswordField.PasswordField;
+exports.SearchField = SearchField.SearchField;
+exports.TextAreaField = TextAreaField.TextAreaField;
+exports.TextField = TextField.TextField;
+exports.Toast = Toast.Toast;
+exports.ToastProvider = Toast.ToastProvider;
+exports.Text = Text.Text;
+exports.Title = Title.Title;
+exports.VerticalStepper = VerticalStepper.VerticalStepper;
+exports.ClickUIProvider = ClickUIProvider.ClickUIProvider;
+exports.ThemeProvider = ThemeProvider.ThemeProvider;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

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

package/dist/cjs/lib/EventEmitter.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+class EventEmitter {
+  listeners = [];
+  on = (listener) => {
+    this.listeners.push(listener);
+    return {
+      dispose: () => this.off(listener)
+    };
+  };
+  off = (listener) => {
+    const callbackIndex = this.listeners.indexOf(listener);
+    if (callbackIndex > -1) {
+      this.listeners.splice(callbackIndex, 1);
+    }
+  };
+  emit = (event) => {
+    this.listeners.forEach((listener) => listener(event));
+  };
+}
+
+exports.EventEmitter = EventEmitter;
+//# sourceMappingURL=EventEmitter.cjs.map

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

@@ -0,0 +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;;;;"}

package/dist/cjs/lib/cva.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const classVarianceAuthority = require('class-variance-authority');
+const clsx = require('clsx');
+
+const cn = (...inputs) => clsx.clsx(inputs);
+
+Object.defineProperty(exports, "cva", {
+	enumerable: true,
+	get: () => classVarianceAuthority.cva
+});
+exports.cn = cn;
+//# sourceMappingURL=cva.cjs.map

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

@@ -0,0 +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;;;;;;;;"}

package/dist/cjs/lib/getTextFromNodes.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const getTextFromNodes = (node) => {
+  if (node === null) {
+    return "";
+  }
+  if (typeof node === "string") {
+    return node;
+  }
+  if (Array.isArray(node)) {
+    return node.map(getTextFromNodes).join(" ");
+  }
+  if (react.isValidElement(node)) {
+    const children = react.Children.toArray(node.props.children);
+    return children.map(getTextFromNodes).join(" ");
+  }
+  return "";
+};
+
+exports.getTextFromNodes = getTextFromNodes;
+//# sourceMappingURL=getTextFromNodes.cjs.map

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

@@ -0,0 +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;;;;"}

package/dist/cjs/providers/ClickUIProvider.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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 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,
+  theme,
+  config = {},
+  persistTheme = true,
+  storageKey = localStorage$1.CUI_THEME_STORAGE_KEY
+}) => {
+  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.`);
+    }
+  }, [theme, hasValidTheme]);
+  react.useEffect(() => {
+    dom.setRootThemeAttribute(safeTheme);
+    return () => {
+      dom.removeRootThemeAttribute();
+    };
+  }, [safeTheme]);
+  react.useEffect(() => {
+    if (!persistTheme) {
+      return;
+    }
+    try {
+      localStorage.setItem(storageKey, safeTheme);
+    } catch {
+      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 }) }) });
+};
+
+exports.ClickUIProvider = ClickUIProvider;
+//# sourceMappingURL=ClickUIProvider.cjs.map

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

@@ -0,0 +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;;;;"}

package/dist/cjs/providers/ThemeProvider.cjs

@@ -0,0 +1,28 @@
+require("../theme/styles/tokens-light.css");
+require("../theme/styles/tokens-dark.css");
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const styledComponents = require('styled-components');
+const theme_core = require('../theme/theme.core.cjs');
+const theme_utils = require('../theme/theme.utils.cjs');
+;
+;
+
+const GlobalStyle = styledComponents.createGlobalStyle(["body{color:", ";background-color:", "}"], (props) => props.theme.click.global.color.text.default, (props) => props.theme.click.global.color.background.default);
+const ThemeProvider = ({
+  theme: name,
+  children
+}) => {
+  const hasValidTheme = theme_utils.isValidThemeName(name);
+  const resolvedTheme = !hasValidTheme ? theme_core.THEMES.Light : name;
+  return /* @__PURE__ */ jsxRuntime.jsxs(styledComponents.ThemeProvider, { theme: theme_core.themes[resolvedTheme], children: [
+    /* @__PURE__ */ jsxRuntime.jsx(GlobalStyle, {}),
+    children
+  ] });
+};
+
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=ThemeProvider.cjs.map

package/dist/cjs/providers/ThemeProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import {\n  ThemeProvider as StyledThemeProvider,\n  createGlobalStyle,\n} from 'styled-components';\nimport { THEMES } from '@/theme/theme.core';\nimport type { ThemeName } from '@/theme/theme.types';\nimport { themes } from '@/theme/theme.core';\nimport { isValidThemeName } from '@/theme/theme.utils';\n\nimport '@/theme/styles/tokens-light.css';\nimport '@/theme/styles/tokens-dark.css';\n\nconst GlobalStyle = createGlobalStyle`\n  body{\n    color: ${props => props.theme.click.global.color.text.default};\n    background-color: ${props => props.theme.click.global.color.background.default}\n  }\n`;\n\nexport const ThemeProvider = ({\n  theme: name,\n  children,\n}: {\n  theme: ThemeName;\n  children: React.ReactNode;\n}) => {\n  const hasValidTheme = isValidThemeName(name);\n  const resolvedTheme = !hasValidTheme ? THEMES.Light : name;\n  return (\n    <StyledThemeProvider theme={themes[resolvedTheme]}>\n      <GlobalStyle />\n      {children}\n    </StyledThemeProvider>\n  );\n};\n"],"names":["GlobalStyle","createGlobalStyle","props","theme","click","global","color","text","default","background","ThemeProvider","name","children","hasValidTheme","isValidThemeName","resolvedTheme","THEMES","Light","jsxs","StyledThemeProvider","themes","jsx"],"mappings":";;;;;;;;;;;AAYA,MAAMA,WAAAA,GAAcC,mCAAiB,CAAA,aAAA,EAAA,sBAAA,GAAA,CAAA,EAExBC,CAAAA,KAAAA,KAASA,KAAAA,CAAMC,KAAAA,CAAMC,KAAAA,CAAMC,OAAOC,KAAAA,CAAMC,IAAAA,CAAKC,SAClCN,CAAAA,KAAAA,KAASA,KAAAA,CAAMC,MAAMC,KAAAA,CAAMC,MAAAA,CAAOC,KAAAA,CAAMG,UAAAA,CAAWD,OAAO,CAAA;AAI3E,MAAME,gBAAgBA,CAAC;AAAA,EAC5BP,KAAAA,EAAOQ,IAAAA;AAAAA,EACPC;AAIF,CAAA,KAAM;AACJ,EAAA,MAAMC,aAAAA,GAAgBC,6BAAiBH,IAAI,CAAA;AAC3C,EAAA,MAAMI,aAAAA,GAAgB,CAACF,aAAAA,GAAgBG,iBAAAA,CAAOC,KAAAA,GAAQN,IAAAA;AACtD,EAAA,uBACEO,eAAA,CAACC,8BAAA,EAAA,EAAoB,KAAA,EAAOC,iBAAAA,CAAOL,aAAa,CAAA,EAC9C,QAAA,EAAA;AAAA,oBAAAM,cAAA,CAAC,WAAA,EAAA,EAAW,CAAA;AAAA,IACXT;AAAAA,GAAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('react/jsx-runtime');
+const dom = require('../../utils/dom.cjs');
+const localStorage = require('../../utils/localStorage.cjs');
+const theme_core = require('../theme.core.cjs');
+
+const InitCUIThemeScript = ({
+  defaultTheme = theme_core.THEMES.Light,
+  storageKey = localStorage.CUI_THEME_STORAGE_KEY,
+  attribute = dom.THEME_ATTRIBUTE,
+  nonce
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("script", { suppressHydrationWarning: true, nonce, dangerouslySetInnerHTML: {
+    __html: `(function() {
+try {
+  const theme = localStorage.getItem('${storageKey}') || '${defaultTheme}';
+  const dark = '${theme_core.THEMES.Dark}';
+  const light = '${theme_core.THEMES.Light}';
+  let colorScheme = '';
+
+  if (theme === '${theme_core.THEMES.Light}') {
+    colorScheme = light;
+  }
+  if (theme === '${theme_core.THEMES.Dark}') {
+    colorScheme = dark;
+  }
+  if (colorScheme) {
+    document.documentElement.setAttribute('${attribute}', colorScheme);
+  }
+} catch(e){}})();`
+  } });
+};
+
+exports.InitCUIThemeScript = InitCUIThemeScript;
+exports.default = InitCUIThemeScript;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +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;;;;;"}