@clickhouse/click-ui 0.9.0 → 1.0.0-rc2

package/dist/cjs/components/Toast/index.cjs

@@ -54,9 +54,13 @@ const ToastIcon = ({
   $type = "default",
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, className: cva.cn(toastIconVariants({
-  type: $type
-}), className) });
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  Icon.Icon,
+  {
+    ...props,
+    className: cva.cn(toastIconVariants({ type: $type }), className)
+  }
+);
 const viewportVariants = classVarianceAuthority.cva(Toast_module.default["toast-viewport"], {
   variants: {
     align: {
@@ -87,20 +91,47 @@ const Toast = ({
   } else if (type && ["danger", "warning"].includes(type)) {
     iconName = "warning";
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(RadixUIToast__namespace.Root, { onOpenChange: onClose, duration, type: toastType, ...props, className: cva.cn(Toast_module.default.toast, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(RadixUIToast__namespace.Title, { className: Toast_module.default.toast__header, children: [
-      iconName.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ToastIcon, { name: iconName, $type: type }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: Toast_module.default.toast__title, children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx(RadixUIToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton.IconButton, { icon: "cross", type: "ghost" }) })
-    ] }),
-    (description || actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Toast_module.default["toast__description-container"], children: [
-      /* @__PURE__ */ jsxRuntime.jsx(RadixUIToast__namespace.Description, { className: Toast_module.default["toast__description-content"], children: description }),
-      actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Toast_module.default["toast__description-content"], children: actions.map(({
-        altText,
-        ...btnProps
-      }) => /* @__PURE__ */ jsxRuntime.jsx(RadixUIToast__namespace.Action, { altText, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { ...btnProps }) }) }, altText)) })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    RadixUIToast__namespace.Root,
+    {
+      onOpenChange: onClose,
+      duration,
+      type: toastType,
+      ...props,
+      className: cva.cn(Toast_module.default.toast, className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(RadixUIToast__namespace.Title, { className: Toast_module.default.toast__header, children: [
+          iconName.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            ToastIcon,
+            {
+              name: iconName,
+              $type: type
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: Toast_module.default.toast__title, children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx(RadixUIToast__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            IconButton.IconButton,
+            {
+              icon: "cross",
+              type: "ghost"
+            }
+          ) })
+        ] }),
+        (description || actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Toast_module.default["toast__description-container"], children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RadixUIToast__namespace.Description, { className: Toast_module.default["toast__description-content"], children: description }),
+          actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Toast_module.default["toast__description-content"], children: actions.map(({ altText, ...btnProps }) => /* @__PURE__ */ jsxRuntime.jsx(
+            RadixUIToast__namespace.Action,
+            {
+              altText,
+              asChild: true,
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { ...btnProps }) })
+            },
+            altText
+          )) })
+        ] })
+      ]
+    }
+  );
 };
 const ToastProvider = ({
   children,
@@ -115,9 +146,7 @@ const ToastProvider = ({
     const listener = (toast) => {
       setToasts((currentToasts) => {
         const alignment = toast.align ?? "end";
-        const newToasts = {
-          ...currentToasts
-        };
+        const newToasts = { ...currentToasts };
         const map = new Map(newToasts[alignment]);
         map.set(toast?.id ?? String(Date.now()), toast);
         newToasts[alignment] = map;
@@ -130,9 +159,7 @@ const ToastProvider = ({
   const onClose = (id) => (open) => {
     if (!open) {
       setToasts((currentToasts) => {
-        const newToasts = {
-          ...currentToasts
-        };
+        const newToasts = { ...currentToasts };
         const map = new Map(newToasts[align]);
         map.delete(id);
         newToasts[align] = map;
@@ -143,9 +170,7 @@ const ToastProvider = ({
   const value = {
     createToast: (toast, toastAlign = align) => {
       setToasts((currentToasts) => {
-        const newToasts = {
-          ...currentToasts
-        };
+        const newToasts = { ...currentToasts };
         const map = new Map(newToasts[toastAlign]);
         map.set(toast?.id ?? String(Date.now()), toast);
         newToasts[toastAlign] = map;
@@ -153,15 +178,28 @@ const ToastProvider = ({
       });
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(RadixUIToast__namespace.Provider, { swipeDirection: align === "start" ? "left" : "right", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
-      children,
-      Array.from(toasts[align]).map(([id, toast]) => /* @__PURE__ */ jsxRuntime.jsx(Toast, { ...toast, onClose: onClose(id) }, id))
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(RadixUIToast__namespace.Viewport, { className: cva.cn(viewportVariants({
-      align
-    })) })
-  ] }, `toast-provider-${align}`);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    RadixUIToast__namespace.Provider,
+    {
+      swipeDirection: align === "start" ? "left" : "right",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
+          children,
+          Array.from(toasts[align]).map(([id, toast]) => /* @__PURE__ */ jsxRuntime.jsx(
+            Toast,
+            {
+              ...toast,
+              onClose: onClose(id)
+            },
+            id
+          ))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(RadixUIToast__namespace.Viewport, { className: cva.cn(viewportVariants({ align })) })
+      ]
+    },
+    `toast-provider-${align}`
+  );
 };
 
 exports.Toast = Toast;

package/dist/cjs/components/Toast/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { createContext, useEffect, useState } from 'react';\nimport * as RadixUIToast from '@radix-ui/react-toast';\nimport { cn, cva } from '@/lib/cva';\nimport { toastsEventEmitter } from './toastEmitter';\nimport { Icon, type IconName, type IconProps } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { Button } from '@/components/Button';\nimport { ToastContextProps, ToastProps, ToastAlignment, ToastType } from './Toast.types';\nimport styles from './Toast.module.css';\n\nexport const ToastContext = createContext<ToastContextProps>({\n  createToast: () => null,\n});\n\nconst toastIconVariants = cva(styles.toast__icon, {\n  variants: {\n    type: {\n      default: styles['toast__icon_type_default'],\n      success: styles['toast__icon_type_success'],\n      warning: styles['toast__icon_type_warning'],\n      danger: styles['toast__icon_type_danger'],\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n  },\n});\n\n// Lazy wrapper to avoid circular dependency issues at module load time\nconst ToastIcon = ({\n  $type = 'default',\n  className,\n  ...props\n}: IconProps & { $type?: ToastType }) => (\n  <Icon\n    {...props}\n    className={cn(toastIconVariants({ type: $type }), className)}\n  />\n);\n\nconst viewportVariants = cva(styles['toast-viewport'], {\n  variants: {\n    align: {\n      start: styles['toast-viewport_align_start'],\n      end: styles['toast-viewport_align_end'],\n    },\n  },\n  defaultVariants: {\n    align: 'end',\n  },\n});\n\nexport const Toast = ({\n  type,\n  toastType = 'foreground',\n  title,\n  description,\n  actions = [],\n  duration,\n  onClose,\n  className,\n  ...props\n}: ToastProps & { onClose: (open: boolean) => void }) => {\n  let iconName = '';\n  if (type === 'default') {\n    iconName = 'info-in-circle';\n  } else if (type === 'success') {\n    iconName = 'check';\n  } else if (type && ['danger', 'warning'].includes(type)) {\n    iconName = 'warning';\n  }\n  return (\n    <RadixUIToast.Root\n      onOpenChange={onClose}\n      duration={duration}\n      type={toastType}\n      {...props}\n      className={cn(styles.toast, className)}\n    >\n      <RadixUIToast.Title className={styles.toast__header}>\n        {iconName.length > 0 && (\n          <ToastIcon\n            name={iconName as IconName}\n            $type={type}\n          />\n        )}\n        <div className={styles.toast__title}>{title}</div>\n        <RadixUIToast.Close asChild>\n          <IconButton\n            icon=\"cross\"\n            type=\"ghost\"\n          />\n        </RadixUIToast.Close>\n      </RadixUIToast.Title>\n      {(description || actions.length > 0) && (\n        <div className={styles['toast__description-container']}>\n          <RadixUIToast.Description className={styles['toast__description-content']}>\n            {description}\n          </RadixUIToast.Description>\n          {actions.length > 0 && (\n            <div className={styles['toast__description-content']}>\n              {actions.map(({ altText, ...btnProps }) => (\n                <RadixUIToast.Action\n                  altText={altText}\n                  asChild\n                  key={altText}\n                >\n                  <div>\n                    <Button {...btnProps} />\n                  </div>\n                </RadixUIToast.Action>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </RadixUIToast.Root>\n  );\n};\n\nexport interface ToastProviderProps extends RadixUIToast.ToastProviderProps {\n  align?: ToastAlignment;\n}\n\nexport const ToastProvider = ({\n  children,\n  align = 'end',\n  ...props\n}: ToastProviderProps) => {\n  const [toasts, setToasts] = useState<Record<ToastAlignment, Map<string, ToastProps>>>({\n    start: new Map(),\n    end: new Map(),\n  });\n\n  useEffect(() => {\n    const listener = (toast: ToastProps) => {\n      setToasts(currentToasts => {\n        const alignment = toast.align ?? 'end';\n        const newToasts = { ...currentToasts };\n        const map = new Map(newToasts[alignment]);\n        map.set(toast?.id ?? String(Date.now()), toast);\n        newToasts[alignment] = map;\n        return newToasts;\n      });\n    };\n\n    toastsEventEmitter.on(listener);\n\n    return () => toastsEventEmitter.off(listener);\n  }, []);\n\n  const onClose = (id: string) => (open: boolean) => {\n    if (!open) {\n      setToasts(currentToasts => {\n        const newToasts = { ...currentToasts };\n        const map = new Map(newToasts[align]);\n        map.delete(id);\n        newToasts[align] = map;\n        return newToasts;\n      });\n    }\n  };\n\n  const value = {\n    createToast: (toast: ToastProps, toastAlign: ToastAlignment = align) => {\n      setToasts(currentToasts => {\n        const newToasts = { ...currentToasts };\n        const map = new Map(newToasts[toastAlign]);\n        map.set(toast?.id ?? String(Date.now()), toast);\n        newToasts[toastAlign] = map;\n        return newToasts;\n      });\n    },\n  };\n\n  return (\n    <RadixUIToast.Provider\n      swipeDirection={align === 'start' ? 'left' : 'right'}\n      key={`toast-provider-${align}`}\n      {...props}\n    >\n      <ToastContext.Provider value={value}>\n        {children}\n        {Array.from(toasts[align]).map(([id, toast]) => (\n          <Toast\n            key={id}\n            {...toast}\n            onClose={onClose(id)}\n          />\n        ))}\n      </ToastContext.Provider>\n      <RadixUIToast.Viewport className={cn(viewportVariants({ align }))} />\n    </RadixUIToast.Provider>\n  );\n};\n"],"names":["ToastContext","createContext","createToast","toastIconVariants","cva","styles","toast__icon","variants","type","default","success","warning","danger","defaultVariants","ToastIcon","$type","className","props","Icon","cn","viewportVariants","align","start","end","Toast","toastType","title","description","actions","duration","onClose","iconName","includes","RadixUIToast","toast","jsxs","toast__header","length","jsx","toast__title","IconButton","map","altText","btnProps","Button","ToastProvider","children","toasts","setToasts","useState","Map","useEffect","listener","currentToasts","alignment","newToasts","set","id","String","Date","now","toastsEventEmitter","on","off","open","delete","value","toastAlign","Array","from"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { createContext, useEffect, useState } from 'react';\nimport * as RadixUIToast from '@radix-ui/react-toast';\nimport { cn, cva } from '@/lib/cva';\nimport { toastsEventEmitter } from './toastEmitter';\nimport { Icon, type IconName, type IconProps } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { Button } from '@/components/Button';\nimport { ToastContextProps, ToastProps, ToastAlignment, ToastType } from './Toast.types';\nimport styles from './Toast.module.css';\n\nexport const ToastContext = createContext<ToastContextProps>({\n  createToast: () => null,\n});\n\nconst toastIconVariants = cva(styles.toast__icon, {\n  variants: {\n    type: {\n      default: styles['toast__icon_type_default'],\n      success: styles['toast__icon_type_success'],\n      warning: styles['toast__icon_type_warning'],\n      danger: styles['toast__icon_type_danger'],\n    },\n  },\n  defaultVariants: {\n    type: 'default',\n  },\n});\n\n// Lazy wrapper to avoid circular dependency issues at module load time\nconst ToastIcon = ({\n  $type = 'default',\n  className,\n  ...props\n}: IconProps & { $type?: ToastType }) => (\n  <Icon\n    {...props}\n    className={cn(toastIconVariants({ type: $type }), className)}\n  />\n);\n\nconst viewportVariants = cva(styles['toast-viewport'], {\n  variants: {\n    align: {\n      start: styles['toast-viewport_align_start'],\n      end: styles['toast-viewport_align_end'],\n    },\n  },\n  defaultVariants: {\n    align: 'end',\n  },\n});\n\nexport const Toast = ({\n  type,\n  toastType = 'foreground',\n  title,\n  description,\n  actions = [],\n  duration,\n  onClose,\n  className,\n  ...props\n}: ToastProps & { onClose: (open: boolean) => void }) => {\n  let iconName = '';\n  if (type === 'default') {\n    iconName = 'info-in-circle';\n  } else if (type === 'success') {\n    iconName = 'check';\n  } else if (type && ['danger', 'warning'].includes(type)) {\n    iconName = 'warning';\n  }\n  return (\n    <RadixUIToast.Root\n      onOpenChange={onClose}\n      duration={duration}\n      type={toastType}\n      {...props}\n      className={cn(styles.toast, className)}\n    >\n      <RadixUIToast.Title className={styles.toast__header}>\n        {iconName.length > 0 && (\n          <ToastIcon\n            name={iconName as IconName}\n            $type={type}\n          />\n        )}\n        <div className={styles.toast__title}>{title}</div>\n        <RadixUIToast.Close asChild>\n          <IconButton\n            icon=\"cross\"\n            type=\"ghost\"\n          />\n        </RadixUIToast.Close>\n      </RadixUIToast.Title>\n      {(description || actions.length > 0) && (\n        <div className={styles['toast__description-container']}>\n          <RadixUIToast.Description className={styles['toast__description-content']}>\n            {description}\n          </RadixUIToast.Description>\n          {actions.length > 0 && (\n            <div className={styles['toast__description-content']}>\n              {actions.map(({ altText, ...btnProps }) => (\n                <RadixUIToast.Action\n                  altText={altText}\n                  asChild\n                  key={altText}\n                >\n                  <div>\n                    <Button {...btnProps} />\n                  </div>\n                </RadixUIToast.Action>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </RadixUIToast.Root>\n  );\n};\n\nexport interface ToastProviderProps extends RadixUIToast.ToastProviderProps {\n  align?: ToastAlignment;\n}\n\nexport const ToastProvider = ({\n  children,\n  align = 'end',\n  ...props\n}: ToastProviderProps) => {\n  const [toasts, setToasts] = useState<Record<ToastAlignment, Map<string, ToastProps>>>({\n    start: new Map(),\n    end: new Map(),\n  });\n\n  useEffect(() => {\n    const listener = (toast: ToastProps) => {\n      setToasts(currentToasts => {\n        const alignment = toast.align ?? 'end';\n        const newToasts = { ...currentToasts };\n        const map = new Map(newToasts[alignment]);\n        map.set(toast?.id ?? String(Date.now()), toast);\n        newToasts[alignment] = map;\n        return newToasts;\n      });\n    };\n\n    toastsEventEmitter.on(listener);\n\n    return () => toastsEventEmitter.off(listener);\n  }, []);\n\n  const onClose = (id: string) => (open: boolean) => {\n    if (!open) {\n      setToasts(currentToasts => {\n        const newToasts = { ...currentToasts };\n        const map = new Map(newToasts[align]);\n        map.delete(id);\n        newToasts[align] = map;\n        return newToasts;\n      });\n    }\n  };\n\n  const value = {\n    createToast: (toast: ToastProps, toastAlign: ToastAlignment = align) => {\n      setToasts(currentToasts => {\n        const newToasts = { ...currentToasts };\n        const map = new Map(newToasts[toastAlign]);\n        map.set(toast?.id ?? String(Date.now()), toast);\n        newToasts[toastAlign] = map;\n        return newToasts;\n      });\n    },\n  };\n\n  return (\n    <RadixUIToast.Provider\n      swipeDirection={align === 'start' ? 'left' : 'right'}\n      key={`toast-provider-${align}`}\n      {...props}\n    >\n      <ToastContext.Provider value={value}>\n        {children}\n        {Array.from(toasts[align]).map(([id, toast]) => (\n          <Toast\n            key={id}\n            {...toast}\n            onClose={onClose(id)}\n          />\n        ))}\n      </ToastContext.Provider>\n      <RadixUIToast.Viewport className={cn(viewportVariants({ align }))} />\n    </RadixUIToast.Provider>\n  );\n};\n"],"names":["createContext","cva","styles","jsx","Icon","cn","jsxs","RadixUIToast","IconButton","Button","useState","useEffect","toastsEventEmitter"],"mappings":"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"}

package/dist/cjs/components/Toast/toastEmitter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toastEmitter.cjs","sources":["../../../../src/components/Toast/toastEmitter.ts"],"sourcesContent":["import { EventEmitter } from '@/lib/EventEmitter';\nimport type { ToastProps } from './Toast.types';\n\nexport const toastsEventEmitter = new EventEmitter<ToastProps>();\n\nexport const createToast = (toast: ToastProps): void => {\n  toastsEventEmitter.emit(toast);\n};\n"],"names":["toastsEventEmitter","EventEmitter","createToast","toast","emit"],"mappings":";;;;;;AAGO,MAAMA,kBAAAA,GAAqB,IAAIC,yBAAAA;AAE/B,MAAMC,WAAAA,GAAcA,CAACC,KAAAA,KAA4B;AACtDH,EAAAA,kBAAAA,CAAmBI,KAAKD,KAAK,CAAA;AAC/B;;;;;"}
+{"version":3,"file":"toastEmitter.cjs","sources":["../../../../src/components/Toast/toastEmitter.ts"],"sourcesContent":["import { EventEmitter } from '@/lib/EventEmitter';\nimport type { ToastProps } from './Toast.types';\n\nexport const toastsEventEmitter = new EventEmitter<ToastProps>();\n\nexport const createToast = (toast: ToastProps): void => {\n  toastsEventEmitter.emit(toast);\n};\n"],"names":["EventEmitter"],"mappings":";;;;;;AAGO,MAAM,kBAAA,GAAqB,IAAIA,yBAAA;AAE/B,MAAM,WAAA,GAAc,CAAC,KAAA,KAA4B;AACtD,EAAA,kBAAA,CAAmB,KAAK,KAAK,CAAA;AAC/B;;;;;"}

package/dist/cjs/components/Tooltip/Tooltip.css

@@ -1,4 +1,4 @@
-.content__UW4Fd {
+@layer clickui {.content__UW4Fd {
   --tooltip-max-width: initial;
 
   display: flex;
@@ -15,3 +15,4 @@
 .arrow__4zROk {
   fill: var(--click-tooltip-color-background-default);
 }
+}

package/dist/cjs/components/Tooltip/index.cjs

@@ -29,16 +29,18 @@ function _interopNamespace(e) {
 
 const RadixTooltip__namespace = /*#__PURE__*/_interopNamespace(RadixTooltip);
 
-const Tooltip = ({
-  children,
-  open,
-  disabled,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Root, { open: disabled ? false : open, ...props, children });
+const Tooltip = ({ children, open, disabled, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixTooltip__namespace.Root,
+    {
+      open: disabled ? false : open,
+      ...props,
+      children
+    }
+  );
 };
-const TooltipTrigger = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props }) });
+const TooltipTrigger = ({ asChild, children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Trigger, { asChild: true, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, children }) });
 };
 TooltipTrigger.displayName = "TooltipTrigger";
 Tooltip.Trigger = TooltipTrigger;
@@ -53,15 +55,29 @@ const TooltipContent = ({
   ...props
 }) => {
   const portalContainer = PortalContext.useResolvedPortalContainer(container);
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixTooltip__namespace.Content, { sideOffset, style: {
-    ...maxWidth ? {
-      "--tooltip-max-width": maxWidth
-    } : {},
-    ...style
-  }, ...props, className: cva.cn(Tooltip_module.default.content, className), children: [
-    showArrow && /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Arrow, { className: Tooltip_module.default.arrow, width: 20, height: 8 }),
-    children
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    RadixTooltip__namespace.Content,
+    {
+      sideOffset,
+      style: {
+        ...maxWidth ? { "--tooltip-max-width": maxWidth } : {},
+        ...style
+      },
+      ...props,
+      className: cva.cn(Tooltip_module.default.content, className),
+      children: [
+        showArrow && /* @__PURE__ */ jsxRuntime.jsx(
+          RadixTooltip__namespace.Arrow,
+          {
+            className: Tooltip_module.default.arrow,
+            width: 20,
+            height: 8
+          }
+        ),
+        children
+      ]
+    }
+  ) });
 };
 TooltipContent.displayName = "TooltipContent";
 Tooltip.Content = TooltipContent;

package/dist/cjs/components/Tooltip/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { CSSProperties, HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport { TooltipContentProps, TooltipProps } from './Tooltip.types';\nimport styles from './Tooltip.module.css';\n\nexport const Tooltip = ({ children, open, disabled, ...props }: TooltipProps) => {\n  return (\n    <RadixTooltip.Root\n      open={disabled ? false : open}\n      {...props}\n    >\n      {children}\n    </RadixTooltip.Root>\n  );\n};\n\nconst TooltipTrigger = (props: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <RadixTooltip.Trigger asChild>\n      <div {...props} />\n    </RadixTooltip.Trigger>\n  );\n};\nTooltipTrigger.displayName = 'TooltipTrigger';\nTooltip.Trigger = TooltipTrigger;\n\nconst TooltipContent = ({\n  showArrow,\n  children,\n  sideOffset = 6,\n  maxWidth,\n  className,\n  style,\n  container,\n  ...props\n}: TooltipContentProps) => {\n  const portalContainer = useResolvedPortalContainer(container);\n\n  return (\n    <RadixTooltip.Portal container={portalContainer}>\n      <RadixTooltip.Content\n        sideOffset={sideOffset}\n        style={\n          {\n            ...(maxWidth ? { '--tooltip-max-width': maxWidth } : {}),\n            ...style,\n          } as CSSProperties\n        }\n        {...props}\n        className={cn(styles.content, className)}\n      >\n        {showArrow && (\n          <RadixTooltip.Arrow\n            className={styles.arrow}\n            width={20}\n            height={8}\n          />\n        )}\n        {children}\n      </RadixTooltip.Content>\n    </RadixTooltip.Portal>\n  );\n};\nTooltipContent.displayName = 'TooltipContent';\nTooltip.Content = TooltipContent;\n"],"names":["Tooltip","children","open","disabled","props","jsx","RadixTooltip","TooltipTrigger","displayName","Trigger","TooltipContent","showArrow","sideOffset","maxWidth","className","style","container","portalContainer","useResolvedPortalContainer","jsxs","cn","styles","content","arrow","Content"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,UAAUA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAUC,IAAAA;AAAAA,EAAMC,QAAAA;AAAAA,EAAU,GAAGC;AAAoB,CAAA,KAAM;AAC/E,EAAA,uBACEC,cAAA,CAACC,uBAAA,CAAa,IAAA,EAAb,EACC,IAAA,EAAMH,WAAW,KAAA,GAAQD,IAAAA,EACzB,GAAIE,KAAAA,EAEHH,QAAAA,EACH,CAAA;AAEJ;AAEA,MAAMM,cAAAA,GAAiBA,CAACH,KAAAA,KAA0C;AAChE,EAAA,uBACEC,cAAA,CAACC,uBAAA,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,MAC3B,QAAA,kBAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,GAAID,KAAAA,EAAM,CAAA,EACjB,CAAA;AAEJ,CAAA;AACAG,cAAAA,CAAeC,WAAAA,GAAc,gBAAA;AAC7BR,OAAAA,CAAQS,OAAAA,GAAUF,cAAAA;AAElB,MAAMG,iBAAiBA,CAAC;AAAA,EACtBC,SAAAA;AAAAA,EACAV,QAAAA;AAAAA,EACAW,UAAAA,GAAa,CAAA;AAAA,EACbC,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGZ;AACgB,CAAA,KAAM;AACzB,EAAA,MAAMa,eAAAA,GAAkBC,yCAA2BF,SAAS,CAAA;AAE5D,EAAA,uBACEX,cAAA,CAACC,uBAAA,CAAa,MAAA,EAAb,EAAoB,SAAA,EAAWW,eAAAA,EAC9B,QAAA,kBAAAE,eAAA,CAACb,uBAAA,CAAa,OAAA,EAAb,EACC,UAAA,EACA,KAAA,EACE;AAAA,IACE,GAAIO,QAAAA,GAAW;AAAA,MAAE,qBAAA,EAAuBA;AAAAA,QAAa,EAAC;AAAA,IACtD,GAAGE;AAAAA,GACL,EAEF,GAAIX,KAAAA,EACJ,SAAA,EAAWgB,OAAGC,sBAAAA,CAAOC,OAAAA,EAASR,SAAS,CAAA,EAEtCH,QAAAA,EAAAA;AAAAA,IAAAA,SAAAA,oBACCN,cAAA,CAACC,uBAAA,CAAa,KAAA,EAAb,EACC,SAAA,EAAWe,uBAAOE,KAAAA,EAClB,KAAA,EAAO,EAAA,EACP,MAAA,EAAQ,CAAA,EAAE,CAAA;AAAA,IAGbtB;AAAAA,GAAAA,EACH,CAAA,EACF,CAAA;AAEJ,CAAA;AACAS,cAAAA,CAAeF,WAAAA,GAAc,gBAAA;AAC7BR,OAAAA,CAAQwB,OAAAA,GAAUd,cAAAA;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { CSSProperties } from 'react';\nimport { cn } from '@/lib/cva';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport { TooltipContentProps, TooltipProps, TooltipTriggerProps } from './Tooltip.types';\nimport styles from './Tooltip.module.css';\n\nexport const Tooltip = ({ children, open, disabled, ...props }: TooltipProps) => {\n  return (\n    <RadixTooltip.Root\n      open={disabled ? false : open}\n      {...props}\n    >\n      {children}\n    </RadixTooltip.Root>\n  );\n};\n\nconst TooltipTrigger = ({ asChild, children, ...props }: TooltipTriggerProps) => {\n  return (\n    <RadixTooltip.Trigger asChild>\n      {asChild ? children : <div {...props}>{children}</div>}\n    </RadixTooltip.Trigger>\n  );\n};\nTooltipTrigger.displayName = 'TooltipTrigger';\nTooltip.Trigger = TooltipTrigger;\n\nconst TooltipContent = ({\n  showArrow,\n  children,\n  sideOffset = 6,\n  maxWidth,\n  className,\n  style,\n  container,\n  ...props\n}: TooltipContentProps) => {\n  const portalContainer = useResolvedPortalContainer(container);\n\n  return (\n    <RadixTooltip.Portal container={portalContainer}>\n      <RadixTooltip.Content\n        sideOffset={sideOffset}\n        style={\n          {\n            ...(maxWidth ? { '--tooltip-max-width': maxWidth } : {}),\n            ...style,\n          } as CSSProperties\n        }\n        {...props}\n        className={cn(styles.content, className)}\n      >\n        {showArrow && (\n          <RadixTooltip.Arrow\n            className={styles.arrow}\n            width={20}\n            height={8}\n          />\n        )}\n        {children}\n      </RadixTooltip.Content>\n    </RadixTooltip.Portal>\n  );\n};\nTooltipContent.displayName = 'TooltipContent';\nTooltip.Content = TooltipContent;\n"],"names":["jsx","RadixTooltip","useResolvedPortalContainer","jsxs","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,OAAA,GAAU,CAAC,EAAE,QAAA,EAAU,MAAM,QAAA,EAAU,GAAG,OAAM,KAAoB;AAC/E,EAAA,uBACEA,cAAA;AAAA,IAACC,uBAAA,CAAa,IAAA;AAAA,IAAb;AAAA,MACC,IAAA,EAAM,WAAW,KAAA,GAAQ,IAAA;AAAA,MACxB,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,MAAM,iBAAiB,CAAC,EAAE,SAAS,QAAA,EAAU,GAAG,OAAM,KAA2B;AAC/E,EAAA,uBACED,cAAA,CAACC,uBAAA,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,IAAA,EAC1B,QAAA,EAAA,OAAA,GAAU,QAAA,mBAAWD,cAAA,CAAC,KAAA,EAAA,EAAK,GAAG,KAAA,EAAQ,UAAS,CAAA,EAClD,CAAA;AAEJ,CAAA;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAC7B,OAAA,CAAQ,OAAA,GAAU,cAAA;AAElB,MAAM,iBAAiB,CAAC;AAAA,EACtB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA,GAAa,CAAA;AAAA,EACb,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2B;AACzB,EAAA,MAAM,eAAA,GAAkBE,yCAA2B,SAAS,CAAA;AAE5D,EAAA,uBACEF,cAAA,CAACC,uBAAA,CAAa,MAAA,EAAb,EAAoB,WAAW,eAAA,EAC9B,QAAA,kBAAAE,eAAA;AAAA,IAACF,uBAAA,CAAa,OAAA;AAAA,IAAb;AAAA,MACC,UAAA;AAAA,MACA,KAAA,EACE;AAAA,QACE,GAAI,QAAA,GAAW,EAAE,qBAAA,EAAuB,QAAA,KAAa,EAAC;AAAA,QACtD,GAAG;AAAA,OACL;AAAA,MAED,GAAG,KAAA;AAAA,MACJ,SAAA,EAAWG,MAAA,CAAGC,sBAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAAA,MAEtC,QAAA,EAAA;AAAA,QAAA,SAAA,oBACCL,cAAA;AAAA,UAACC,uBAAA,CAAa,KAAA;AAAA,UAAb;AAAA,YACC,WAAWI,sBAAA,CAAO,KAAA;AAAA,YAClB,KAAA,EAAO,EAAA;AAAA,YACP,MAAA,EAAQ;AAAA;AAAA,SACV;AAAA,QAED;AAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAA;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAC7B,OAAA,CAAQ,OAAA,GAAU,cAAA;;;;"}

package/dist/cjs/components/VerticalStepper/VerticalStepper.css

@@ -1,4 +1,4 @@
-.stepper__ZgysL {
+@layer clickui {.stepper__ZgysL {
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -300,3 +300,4 @@
     --click-stepper-vertical-bulleted-content-space-left
   );
 }
+}

package/dist/cjs/components/VerticalStepper/index.cjs

@@ -22,7 +22,14 @@ const VerticalStepper = ({
   const value = {
     type
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: cva.cn(VerticalStepper_module.default.stepper, className), children: /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...props,
+      className: cva.cn(VerticalStepper_module.default.stepper, className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value, children })
+    }
+  );
 };
 const stepVariants = classVarianceAuthority.cva(VerticalStepper_module.default.step, {
   variants: {
@@ -93,30 +100,30 @@ const VerticalStep = ({
   className,
   ...props
 }) => {
-  const {
-    type
-  } = react.useContext(StepperContext);
+  const { type } = react.useContext(StepperContext);
   const isOpen = !collapsed || status === "active";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(stepVariants({
-    type,
-    status,
-    isOpen
-  })), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", disabled: status === "incomplete" || disabled, ...props, className: cva.cn(triggerVariants({
-      status
-    }), className), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(bubbleVariants({
-        type,
-        status
-      })), children: type === "numbered" && status === "complete" ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "check", size: "xs", className: VerticalStepper_module.default.step__check }) : null }),
-      label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(labelVariants({
-        type,
-        status
-      })), children: label })
-    ] }),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(contentVariants({
-      type
-    })), children })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(stepVariants({ type, status, isOpen })), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: status === "incomplete" || disabled,
+        ...props,
+        className: cva.cn(triggerVariants({ status }), className),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(bubbleVariants({ type, status })), children: type === "numbered" && status === "complete" ? /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              name: "check",
+              size: "xs",
+              className: VerticalStepper_module.default.step__check
+            }
+          ) : null }),
+          label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(labelVariants({ type, status })), children: label })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(contentVariants({ type })), children })
   ] });
 };
 VerticalStep.displayName = "VerticalStepper.Step";

package/dist/cjs/components/VerticalStepper/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/VerticalStepper/VerticalStepper.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './VerticalStepper.module.css';\nimport {\n  VerticalStepperProps,\n  VerticalStepProps,\n  StepperType,\n} from './VerticalStepper.types';\n\ntype ContextProps = {\n  type: StepperType;\n};\n\nconst StepperContext = createContext<ContextProps>({\n  type: 'numbered',\n});\n\nexport const VerticalStepper = ({\n  children,\n  type = 'numbered',\n  className,\n  ...props\n}: VerticalStepperProps) => {\n  const value = {\n    type,\n  };\n  return (\n    <div\n      {...props}\n      className={cn(styles.stepper, className)}\n    >\n      <StepperContext.Provider value={value}>{children}</StepperContext.Provider>\n    </div>\n  );\n};\n\nconst stepVariants = cva(styles.step, {\n  variants: {\n    type: {\n      numbered: styles.step_type_numbered,\n      bulleted: styles.step_type_bulleted,\n    },\n    status: {\n      active: styles.step_status_active,\n      complete: styles.step_status_complete,\n      incomplete: '',\n    },\n    isOpen: {\n      true: styles.step_open,\n      false: '',\n    },\n  },\n});\n\nconst triggerVariants = cva(styles.step__trigger, {\n  variants: {\n    status: {\n      active: styles.step__trigger_status_active,\n      complete: styles.step__trigger_status_complete,\n      incomplete: '',\n    },\n  },\n});\n\nconst bubbleVariants = cva(styles.step__bubble, {\n  variants: {\n    type: {\n      numbered: styles.step__bubble_type_numbered,\n      bulleted: styles.step__bubble_type_bulleted,\n    },\n    status: {\n      active: styles.step__bubble_status_active,\n      complete: styles.step__bubble_status_complete,\n      incomplete: styles.step__bubble_status_incomplete,\n    },\n  },\n});\n\nconst labelVariants = cva(styles.step__label, {\n  variants: {\n    type: {\n      numbered: styles.step__label_type_numbered,\n      bulleted: styles.step__label_type_bulleted,\n    },\n    status: {\n      active: styles.step__label_status_active,\n      complete: styles.step__label_status_complete,\n      incomplete: '',\n    },\n  },\n});\n\nconst contentVariants = cva(styles.step__content, {\n  variants: {\n    type: {\n      numbered: styles.step__content_type_numbered,\n      bulleted: styles.step__content_type_bulleted,\n    },\n  },\n});\n\nconst VerticalStep = ({\n  status = 'incomplete',\n  children,\n  label,\n  collapsed = true,\n  disabled,\n  className,\n  ...props\n}: VerticalStepProps) => {\n  const { type } = useContext(StepperContext);\n  const isOpen = !collapsed || status === 'active';\n  return (\n    <div className={cn(stepVariants({ type, status, isOpen }))}>\n      <button\n        type=\"button\"\n        disabled={status === 'incomplete' || disabled}\n        {...props}\n        className={cn(triggerVariants({ status }), className)}\n      >\n        <div className={cn(bubbleVariants({ type, status }))}>\n          {type === 'numbered' && status === 'complete' ? (\n            <Icon\n              name=\"check\"\n              size=\"xs\"\n              className={styles.step__check}\n            />\n          ) : null}\n        </div>\n        {label && <div className={cn(labelVariants({ type, status }))}>{label}</div>}\n      </button>\n      {isOpen && <div className={cn(contentVariants({ type }))}>{children}</div>}\n    </div>\n  );\n};\nVerticalStep.displayName = 'VerticalStepper.Step';\nVerticalStepper.Step = VerticalStep;\n"],"names":["StepperContext","createContext","type","VerticalStepper","children","className","props","value","cn","styles","stepper","stepVariants","cva","step","variants","numbered","step_type_numbered","bulleted","step_type_bulleted","status","active","step_status_active","complete","step_status_complete","incomplete","isOpen","true","step_open","false","triggerVariants","step__trigger","step__trigger_status_active","step__trigger_status_complete","bubbleVariants","step__bubble","step__bubble_type_numbered","step__bubble_type_bulleted","step__bubble_status_active","step__bubble_status_complete","step__bubble_status_incomplete","labelVariants","step__label","step__label_type_numbered","step__label_type_bulleted","step__label_status_active","step__label_status_complete","contentVariants","step__content","step__content_type_numbered","step__content_type_bulleted","VerticalStep","label","collapsed","disabled","useContext","jsxs","jsx","Icon","step__check","displayName","Step"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/VerticalStepper/VerticalStepper.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './VerticalStepper.module.css';\nimport {\n  VerticalStepperProps,\n  VerticalStepProps,\n  StepperType,\n} from './VerticalStepper.types';\n\ntype ContextProps = {\n  type: StepperType;\n};\n\nconst StepperContext = createContext<ContextProps>({\n  type: 'numbered',\n});\n\nexport const VerticalStepper = ({\n  children,\n  type = 'numbered',\n  className,\n  ...props\n}: VerticalStepperProps) => {\n  const value = {\n    type,\n  };\n  return (\n    <div\n      {...props}\n      className={cn(styles.stepper, className)}\n    >\n      <StepperContext.Provider value={value}>{children}</StepperContext.Provider>\n    </div>\n  );\n};\n\nconst stepVariants = cva(styles.step, {\n  variants: {\n    type: {\n      numbered: styles.step_type_numbered,\n      bulleted: styles.step_type_bulleted,\n    },\n    status: {\n      active: styles.step_status_active,\n      complete: styles.step_status_complete,\n      incomplete: '',\n    },\n    isOpen: {\n      true: styles.step_open,\n      false: '',\n    },\n  },\n});\n\nconst triggerVariants = cva(styles.step__trigger, {\n  variants: {\n    status: {\n      active: styles.step__trigger_status_active,\n      complete: styles.step__trigger_status_complete,\n      incomplete: '',\n    },\n  },\n});\n\nconst bubbleVariants = cva(styles.step__bubble, {\n  variants: {\n    type: {\n      numbered: styles.step__bubble_type_numbered,\n      bulleted: styles.step__bubble_type_bulleted,\n    },\n    status: {\n      active: styles.step__bubble_status_active,\n      complete: styles.step__bubble_status_complete,\n      incomplete: styles.step__bubble_status_incomplete,\n    },\n  },\n});\n\nconst labelVariants = cva(styles.step__label, {\n  variants: {\n    type: {\n      numbered: styles.step__label_type_numbered,\n      bulleted: styles.step__label_type_bulleted,\n    },\n    status: {\n      active: styles.step__label_status_active,\n      complete: styles.step__label_status_complete,\n      incomplete: '',\n    },\n  },\n});\n\nconst contentVariants = cva(styles.step__content, {\n  variants: {\n    type: {\n      numbered: styles.step__content_type_numbered,\n      bulleted: styles.step__content_type_bulleted,\n    },\n  },\n});\n\nconst VerticalStep = ({\n  status = 'incomplete',\n  children,\n  label,\n  collapsed = true,\n  disabled,\n  className,\n  ...props\n}: VerticalStepProps) => {\n  const { type } = useContext(StepperContext);\n  const isOpen = !collapsed || status === 'active';\n  return (\n    <div className={cn(stepVariants({ type, status, isOpen }))}>\n      <button\n        type=\"button\"\n        disabled={status === 'incomplete' || disabled}\n        {...props}\n        className={cn(triggerVariants({ status }), className)}\n      >\n        <div className={cn(bubbleVariants({ type, status }))}>\n          {type === 'numbered' && status === 'complete' ? (\n            <Icon\n              name=\"check\"\n              size=\"xs\"\n              className={styles.step__check}\n            />\n          ) : null}\n        </div>\n        {label && <div className={cn(labelVariants({ type, status }))}>{label}</div>}\n      </button>\n      {isOpen && <div className={cn(contentVariants({ type }))}>{children}</div>}\n    </div>\n  );\n};\nVerticalStep.displayName = 'VerticalStepper.Step';\nVerticalStepper.Step = VerticalStep;\n"],"names":["createContext","jsx","cn","styles","cva","useContext","jsxs","Icon"],"mappings":"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"}

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

@@ -7,17 +7,29 @@ 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);
+  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) => {
@@ -34,12 +46,7 @@ const useInputModality = () => {
   const onFocusCapture = react.useCallback((e) => {
     e.currentTarget.dataset.inputModality = lastGlobalModality;
   }, []);
-  return {
-    onKeyDownCapture,
-    onPointerMove,
-    onPointerDown,
-    onFocusCapture
-  };
+  return { onKeyDownCapture, onPointerMove, onPointerDown, onFocusCapture };
 };
 
 exports.useInputModality = useInputModality;

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

@@ -1 +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;;;;"}
+{"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":["useCallback"],"mappings":";;;;;;AAOA,MAAM,aAAA,uBAAoB,GAAA,CAAI,CAAC,QAAQ,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,UAAU,CAAC,CAAA;AAe7E,IAAI,kBAAA,GAA6C,SAAA;AAEjD,IAAI,OAAO,aAAa,WAAA,EAAa;AACnC,EAAA,QAAA,CAAS,gBAAA;AAAA,IACP,SAAA;AAAA,IACA,CAAC,CAAA,KAAgC;AAC/B,MAAA,IAAI,CAAC,aAAA,CAAc,GAAA,CAAI,CAAA,CAAE,GAAG,CAAA,EAAG;AAC7B,QAAA,kBAAA,GAAqB,UAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,QAAA,CAAS,gBAAA;AAAA,IACP,aAAA;AAAA,IACA,MAAM;AACJ,MAAA,kBAAA,GAAqB,SAAA;AAAA,IACvB,CAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,QAAA,CAAS,gBAAA;AAAA,IACP,aAAA;AAAA,IACA,MAAM;AACJ,MAAA,kBAAA,GAAqB,SAAA;AAAA,IACvB,CAAA;AAAA,IACA;AAAA,GACF;AACF;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,gBAAA,GAAmBA,iBAAA,CAAY,CAAC,CAAA,KAAkC;AACtE,IAAA,IAAI,CAAC,aAAA,CAAc,GAAA,CAAI,CAAA,CAAE,GAAG,CAAA,EAAG;AAC7B,MAAA,CAAA,CAAE,aAAA,CAAc,QAAQ,aAAA,GAAgB,UAAA;AAAA,IAC1C;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgBA,iBAAA,CAAY,CAAC,CAAA,KAAiC;AAClE,IAAA,CAAA,CAAE,aAAA,CAAc,QAAQ,aAAA,GAAgB,SAAA;AAAA,EAC1C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgBA,iBAAA,CAAY,CAAC,CAAA,KAAiC;AAClE,IAAA,CAAA,CAAE,aAAA,CAAc,QAAQ,aAAA,GAAgB,SAAA;AAAA,EAC1C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,cAAA,GAAiBA,iBAAA,CAAY,CAAC,CAAA,KAA+B;AACjE,IAAA,CAAA,CAAE,aAAA,CAAc,QAAQ,aAAA,GAAgB,kBAAA;AAAA,EAC1C,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,gBAAA,EAAkB,aAAA,EAAe,aAAA,EAAe,cAAA,EAAe;AAC1E;;;;"}

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

@@ -1 +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;;;;"}
+{"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":["useRef","useEffect"],"mappings":";;;;;;AAEO,MAAM,eAAA,GAAoC,CAAC,MAAA,EAAQ,IAAA,KAAS;AACjE,EAAA,MAAM,YAAA,GAAeA,aAAO,IAAI,CAAA;AAEhC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAa,OAAA,EAAS;AACxB,MAAA,YAAA,CAAa,OAAA,GAAU,KAAA;AACvB,MAAA;AAAA,IACF;AAEA,IAAA,OAAO,MAAA,EAAO;AAAA,EAEhB,GAAG,IAAI,CAAA;AACT;;;;"}

package/dist/cjs/hooks/useCUITheme.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const styledComponents = require('styled-components');
+const ThemeContext = require('../theme/ThemeContext.cjs');
 
 const useCUITheme = () => {
-  const theme = styledComponents.useTheme();
+  const theme = ThemeContext.useTheme();
   return {
     breakpoint: theme.breakpoint,
     global: theme.global,

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

@@ -1 +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;;;;"}
+{"version":3,"file":"useCUITheme.cjs","sources":["../../../src/hooks/useCUITheme.ts"],"sourcesContent":["'use client';\n\nimport { useTheme } from '@/theme/ThemeContext';\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":["useTheme"],"mappings":";;;;;;AAOO,MAAM,cAAc,MAAoB;AAC7C,EAAA,MAAM,QAAQA,qBAAA,EAAS;AACvB,EAAA,OAAO;AAAA,IACL,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,QAAQ,KAAA,CAAM,MAAA;AAAA,IACd,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,OAAO,KAAA,CAAM;AAAA,GACf;AACF;;;;"}

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

@@ -1 +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;;;;"}
+{"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  // `mounted` gates against SSR/hydration mismatches: it flips true only after\n  // the client-side effect runs, letting consumers defer theme-dependent output\n  // until the stored theme has been reconciled.\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":["CUI_THEME_STORAGE_KEY","THEME_ATTRIBUTE","useState","getRootElement","THEMES","useEffect"],"mappings":";;;;;;;;;AAcO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,YAAA,GAAe,OAAA;AAAA,EACf,UAAA,GAAaA,oCAAA;AAAA,EACb,SAAA,GAAYC;AACd,CAAA,GAAoB,EAAC,KAAM;AAEzB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIC,eAA2B,MAAM;AACzD,IAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACnC,MAAA,MAAM,KAAKC,kBAAA,EAAe;AAE1B,MAAA,IAAI,CAAC,EAAA,EAAI;AACP,QAAA,OAAA,CAAQ,KAAK,yBAAyB,CAAA;AACtC,QAAA,OAAO,IAAA;AAAA,MACT;AAEA,MAAA,MAAM,IAAA,GAAO,EAAA,CAAG,YAAA,CAAa,SAAS,CAAA;AAEtC,MAAA,IAAI,IAAA,KAASC,iBAAA,CAAO,KAAA,IAAS,IAAA,KAASA,kBAAO,IAAA,EAAM;AACjD,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,IACF;AAEA,IAAA,OAAO,YAAA;AAAA,EACT,CAAC,CAAA;AAKD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIF,eAAS,KAAK,CAAA;AAE5C,EAAAG,eAAA,CAAU,MAAM;AACd,IAAA,IAAI;AACF,MAAA,MAAM,MAAA,GAAS,YAAA,CAAa,OAAA,CAAQ,UAAU,CAAA;AAE9C,MAAA,IACE,MAAA,KACC,WAAWD,iBAAA,CAAO,KAAA,IAAS,WAAWA,iBAAA,CAAO,IAAA,CAAA,IAC9C,WAAW,KAAA,EACX;AACA,QAAA,QAAA,CAAS,MAAM,CAAA;AAAA,MACjB;AAAA,IACF,CAAA,CAAA,MAAQ;AACN,MAAA,OAAA,CAAQ,KAAK,4BAA4B,CAAA;AAAA,IAC3C;AAEA,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,UAAA,EAAY,SAAA,EAAW,KAAK,CAAC,CAAA;AAEjC,EAAA,OAAO;AAAA,IACL,KAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

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

@@ -1 +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;;;;"}
+{"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":["useContext","ToastContext"],"mappings":";;;;;;;AAQO,MAAM,WAAW,MAAyB;AAC/C,EAAA,MAAM,MAAA,GAASA,iBAAWC,kBAAY,CAAA;AACtC,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,MAAM,IAAI,MAAM,uCAAuC,CAAA;AAAA,EACzD;AACA,EAAA,OAAO,MAAA;AACT;;;;"}