@punkbit/cui 0.0.251-rc.16 → 0.2.0

package/dist/esm/hooks/index.js

@@ -0,0 +1,5 @@
+'use client';
+export { useToast } from './useToast.js';
+export { useInitialTheme } from './useInitialTheme.js';
+export { useCUITheme } from './useCUITheme.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

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

package/dist/esm/hooks/internal/useInputModality.js

@@ -0,0 +1,42 @@
+import { useCallback } from '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 = useCallback((e) => {
+    if (!MODIFIER_KEYS.has(e.key)) {
+      e.currentTarget.dataset.inputModality = "keyboard";
+    }
+  }, []);
+  const onPointerMove = useCallback((e) => {
+    e.currentTarget.dataset.inputModality = "pointer";
+  }, []);
+  const onPointerDown = useCallback((e) => {
+    e.currentTarget.dataset.inputModality = "pointer";
+  }, []);
+  const onFocusCapture = useCallback((e) => {
+    e.currentTarget.dataset.inputModality = lastGlobalModality;
+  }, []);
+  return {
+    onKeyDownCapture,
+    onPointerMove,
+    onPointerDown,
+    onFocusCapture
+  };
+};
+
+export { useInputModality };
+//# sourceMappingURL=useInputModality.js.map

package/dist/esm/hooks/internal/useInputModality.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputModality.js","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,WAAAA,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,WAAAA,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,WAAAA,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,WAAAA,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/esm/hooks/internal/useUpdateEffect.js

@@ -0,0 +1,15 @@
+import { useRef, useEffect } from 'react';
+
+const useUpdateEffect = (effect, deps) => {
+  const isFirstMount = useRef(true);
+  useEffect(() => {
+    if (isFirstMount.current) {
+      isFirstMount.current = false;
+      return;
+    }
+    return effect();
+  }, deps);
+};
+
+export { useUpdateEffect };
+//# sourceMappingURL=useUpdateEffect.js.map

package/dist/esm/hooks/internal/useUpdateEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateEffect.js","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,OAAO,IAAI,CAAA;AAEhCC,EAAAA,SAAAA,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/esm/hooks/useCUITheme.js

@@ -0,0 +1,14 @@
+import { useTheme } from 'styled-components';
+
+const useCUITheme = () => {
+  const theme = useTheme();
+  return {
+    breakpoint: theme.breakpoint,
+    global: theme.global,
+    name: theme.name,
+    sizes: theme.sizes
+  };
+};
+
+export { useCUITheme };
+//# sourceMappingURL=useCUITheme.js.map

package/dist/esm/hooks/useCUITheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCUITheme.js","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,QAAAA,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/esm/hooks/useInitialTheme.js

@@ -0,0 +1,44 @@
+import { useState, useEffect } from 'react';
+import { THEMES } from '../theme/theme.core.js';
+import { CUI_THEME_STORAGE_KEY } from '../utils/localStorage.js';
+import { getRootElement, THEME_ATTRIBUTE } from '../utils/dom.js';
+
+const useInitialTheme = ({
+  defaultTheme = "light",
+  storageKey = CUI_THEME_STORAGE_KEY,
+  attribute = THEME_ATTRIBUTE
+} = {}) => {
+  const [theme, setTheme] = useState(() => {
+    if (typeof document !== "undefined") {
+      const el = getRootElement();
+      if (!el) {
+        console.warn("Failed to get root html");
+        return null;
+      }
+      const attr = el.getAttribute(attribute);
+      if (attr === THEMES.Light || attr === THEMES.Dark) {
+        return attr;
+      }
+    }
+    return defaultTheme;
+  });
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    try {
+      const stored = localStorage.getItem(storageKey);
+      if (stored && (stored === THEMES.Light || stored === THEMES.Dark) && stored !== theme) {
+        setTheme(stored);
+      }
+    } catch {
+      console.warn("localStorage not available");
+    }
+    setMounted(true);
+  }, [storageKey, attribute, theme]);
+  return {
+    theme,
+    mounted
+  };
+};
+
+export { useInitialTheme };
+//# sourceMappingURL=useInitialTheme.js.map

package/dist/esm/hooks/useInitialTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitialTheme.js","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,qBAAAA;AAAAA,EACbC,SAAAA,GAAYC;AACE,CAAA,GAAI,EAAC,KAAM;AAEzB,EAAA,MAAM,CAACC,KAAAA,EAAOC,QAAQ,CAAA,GAAIC,SAA2B,MAAM;AACzD,IAAA,IAAI,OAAOC,aAAa,WAAA,EAAa;AACnC,MAAA,MAAMC,KAAKC,cAAAA,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,MAAAA,CAAOC,KAAAA,IAASH,IAAAA,KAASE,OAAOE,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,SAAS,KAAK,CAAA;AAE5Ca,EAAAA,SAAAA,CAAU,MAAM;AACd,IAAA,IAAI;AACF,MAAA,MAAMC,MAAAA,GAASC,YAAAA,CAAaC,OAAAA,CAAQtB,UAAU,CAAA;AAE9C,MAAA,IACEoB,MAAAA,KACCA,WAAWN,MAAAA,CAAOC,KAAAA,IAASK,WAAWN,MAAAA,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/esm/hooks/useToast.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { ToastContext } from '../components/Toast/index.js';
+
+const useToast = () => {
+  const result = useContext(ToastContext);
+  if (!result) {
+    throw new Error("Context used outside of its Provider!");
+  }
+  return result;
+};
+
+export { useToast };
+//# sourceMappingURL=useToast.js.map

package/dist/esm/hooks/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","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,WAAWC,YAAY,CAAA;AACtC,EAAA,IAAI,CAACF,MAAAA,EAAQ;AACX,IAAA,MAAM,IAAIG,MAAM,uCAAuC,CAAA;AAAA,EACzD;AACA,EAAA,OAAOH,MAAAA;AACT;;;;"}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/esm/lib/EventEmitter.js

@@ -0,0 +1,21 @@
+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));
+  };
+}
+
+export { EventEmitter };
+//# sourceMappingURL=EventEmitter.js.map

package/dist/esm/lib/EventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitter.js","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/esm/lib/cva.js

@@ -0,0 +1,7 @@
+export { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+
+const cn = (...inputs) => clsx(inputs);
+
+export { cn };
+//# sourceMappingURL=cva.js.map

package/dist/esm/lib/cva.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cva.js","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,IAAAA,CAAKD,MAAM;;;;"}

package/dist/esm/lib/getTextFromNodes.js

@@ -0,0 +1,21 @@
+import { isValidElement, Children } from 'react';
+
+const getTextFromNodes = (node) => {
+  if (node === null) {
+    return "";
+  }
+  if (typeof node === "string") {
+    return node;
+  }
+  if (Array.isArray(node)) {
+    return node.map(getTextFromNodes).join(" ");
+  }
+  if (isValidElement(node)) {
+    const children = Children.toArray(node.props.children);
+    return children.map(getTextFromNodes).join(" ");
+  }
+  return "";
+};
+
+export { getTextFromNodes };
+//# sourceMappingURL=getTextFromNodes.js.map

package/dist/esm/lib/getTextFromNodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextFromNodes.js","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,cAAAA,CAAeL,IAAI,CAAA,EAAG;AACxB,IAAA,MAAMM,QAAAA,GAAWC,QAAAA,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/esm/providers/ClickUIProvider.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import { Provider } from '@radix-ui/react-tooltip';
+import { ToastProvider } from '../components/Toast/index.js';
+import { THEMES } from '../theme/theme.core.js';
+import { ThemeProvider } from './ThemeProvider.js';
+import { useEffect } from 'react';
+import { setRootThemeAttribute, removeRootThemeAttribute } from '../utils/dom.js';
+import { CUI_THEME_STORAGE_KEY } from '../utils/localStorage.js';
+import { isValidThemeName, getFallbackThemeName } from '../theme/theme.utils.js';
+
+const ClickUIProvider = ({
+  children,
+  theme,
+  config = {},
+  persistTheme = true,
+  storageKey = CUI_THEME_STORAGE_KEY
+}) => {
+  const {
+    toast = {},
+    tooltip = {}
+  } = config;
+  const hasValidTheme = isValidThemeName(theme);
+  const safeTheme = getFallbackThemeName(theme);
+  useEffect(() => {
+    if (!hasValidTheme) {
+      console.warn(`[Click UI] Unknown theme! Please use one of ${Object.keys(THEMES).join(", ")} theme instead. Falling back to 'light' theme.`);
+    }
+  }, [theme, hasValidTheme]);
+  useEffect(() => {
+    setRootThemeAttribute(safeTheme);
+    return () => {
+      removeRootThemeAttribute();
+    };
+  }, [safeTheme]);
+  useEffect(() => {
+    if (!persistTheme) {
+      return;
+    }
+    try {
+      localStorage.setItem(storageKey, safeTheme);
+    } catch {
+      console.warn("LocalStorage is not available!");
+    }
+  }, [safeTheme, persistTheme, storageKey]);
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: safeTheme, children: /* @__PURE__ */ jsx(ToastProvider, { ...toast, children: /* @__PURE__ */ jsx(Provider, { ...tooltip, children }) }) });
+};
+
+export { ClickUIProvider };
+//# sourceMappingURL=ClickUIProvider.js.map

package/dist/esm/providers/ClickUIProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickUIProvider.js","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","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,iBAAiBR,KAAK,CAAA;AAC5C,EAAA,MAAMS,SAAAA,GAAYC,qBAAqBV,KAAK,CAAA;AAE5CW,EAAAA,SAAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAACJ,aAAAA,EAAe;AAClBK,MAAAA,OAAAA,CAAQC,IAAAA,CACN,+CAA+CC,MAAAA,CAAOC,IAAAA,CAAKC,MAAM,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,SAAAA,CAAU,MAAM;AACdO,IAAAA,qBAAAA,CAAsBT,SAAS,CAAA;AAE/B,IAAA,OAAO,MAAM;AACXU,MAAAA,wBAAAA,EAAyB;AAAA,IAC3B,CAAA;AAAA,EACF,CAAA,EAAG,CAACV,SAAS,CAAC,CAAA;AAEdE,EAAAA,SAAAA,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,uBACE,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAOM,SAAAA,EACpB,8BAAC,aAAA,EAAA,EAAc,GAAIJ,KAAAA,EACjB,QAAA,kBAAA,GAAA,CAACiB,QAAA,EAAA,EAAgB,GAAIhB,OAAAA,EAAUP,QAAAA,EAAS,GAC1C,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/esm/providers/ThemeProvider.js

@@ -0,0 +1,24 @@
+import "../theme/styles/tokens-light.css";
+import "../theme/styles/tokens-dark.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ThemeProvider as ThemeProvider$1, createGlobalStyle } from 'styled-components';
+import { THEMES, themes } from '../theme/theme.core.js';
+import { isValidThemeName } from '../theme/theme.utils.js';
+
+
+
+const GlobalStyle = 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 = isValidThemeName(name);
+  const resolvedTheme = !hasValidTheme ? THEMES.Light : name;
+  return /* @__PURE__ */ jsxs(ThemeProvider$1, { theme: themes[resolvedTheme], children: [
+    /* @__PURE__ */ jsx(GlobalStyle, {}),
+    children
+  ] });
+};
+
+export { ThemeProvider };
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/esm/providers/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","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","StyledThemeProvider","themes"],"mappings":";;;;;;;AAYA,MAAMA,WAAAA,GAAcC,kBAAiB,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,iBAAiBH,IAAI,CAAA;AAC3C,EAAA,MAAMI,aAAAA,GAAgB,CAACF,aAAAA,GAAgBG,MAAAA,CAAOC,KAAAA,GAAQN,IAAAA;AACtD,EAAA,uBACE,IAAA,CAACO,eAAA,EAAA,EAAoB,KAAA,EAAOC,MAAAA,CAAOJ,aAAa,CAAA,EAC9C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAW,CAAA;AAAA,IACXH;AAAAA,GAAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/esm/theme/InitCUIThemeScript/index.js

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import { THEME_ATTRIBUTE } from '../../utils/dom.js';
+import { CUI_THEME_STORAGE_KEY } from '../../utils/localStorage.js';
+import { THEMES } from '../theme.core.js';
+
+const InitCUIThemeScript = ({
+  defaultTheme = THEMES.Light,
+  storageKey = CUI_THEME_STORAGE_KEY,
+  attribute = THEME_ATTRIBUTE,
+  nonce
+}) => {
+  return /* @__PURE__ */ jsx("script", { suppressHydrationWarning: true, nonce, dangerouslySetInnerHTML: {
+    __html: `(function() {
+try {
+  const theme = localStorage.getItem('${storageKey}') || '${defaultTheme}';
+  const dark = '${THEMES.Dark}';
+  const light = '${THEMES.Light}';
+  let colorScheme = '';
+
+  if (theme === '${THEMES.Light}') {
+    colorScheme = light;
+  }
+  if (theme === '${THEMES.Dark}') {
+    colorScheme = dark;
+  }
+  if (colorScheme) {
+    document.documentElement.setAttribute('${attribute}', colorScheme);
+  }
+} catch(e){}})();`
+  } });
+};
+
+export { InitCUIThemeScript, InitCUIThemeScript as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/theme/InitCUIThemeScript/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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","__html","Dark"],"mappings":";;;;;AAcO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC,eAAeC,MAAAA,CAAOC,KAAAA;AAAAA,EACtBC,UAAAA,GAAaC,qBAAAA;AAAAA,EACbC,SAAAA,GAAYC,eAAAA;AAAAA,EACZC;AACuB,CAAA,KAAM;AAC7B,EAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EACC,wBAAA,EAAwB,IAAA,EACxB,OACA,uBAAA,EAAyB;AAAA,IACvBC,MAAAA,EAAQ,CAAA;AAAA;AAAA,sCAAA,EAEwBL,UAAU,UAAUH,YAAY,CAAA;AAAA,gBAAA,EACtDC,OAAOQ,IAAI,CAAA;AAAA,iBAAA,EACVR,OAAOC,KAAK,CAAA;AAAA;;AAAA,iBAAA,EAGZD,OAAOC,KAAK,CAAA;AAAA;AAAA;AAAA,iBAAA,EAGZD,OAAOQ,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,2CAAA,EAIeJ,SAAS,CAAA;AAAA;AAAA,iBAAA;AAAA,GAGhD,EAAE,CAAA;AAGR;;;;"}