@companix/uikit 0.0.27 → 0.0.29

package/dist/Input/Input.d.ts

@@ -9,5 +9,6 @@ export interface InputProps extends Omit<InputContainerProps, 'inputRef' | 'chil
     inputClassName?: string;
     mask?: string;
     maskChar?: string;
+    type?: React.HTMLInputTypeAttribute;
 }
 export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/ThemeProvider/helpers.d.ts

@@ -0,0 +1,4 @@
+import { ColorSchemeExtendedType } from './types';
+export declare const getColorScheme: (key: string, defaultColorScheme: ColorSchemeExtendedType) => ColorSchemeExtendedType;
+export declare const getSystemColorScheme: (e?: MediaQueryList | MediaQueryListEvent) => "dark" | "light";
+export declare const updateDOM: (colorScheme: ColorSchemeExtendedType) => void;

package/dist/ThemeProvider/index.d.ts

@@ -0,0 +1,12 @@
+import { ColorSchemeExtendedType, ColorSchemeType } from './types';
+export interface UseColorSchemeProps {
+    setColorScheme: (scheme: ColorSchemeExtendedType) => void;
+    colorScheme?: ColorSchemeExtendedType;
+    resolvedColorScheme?: ColorSchemeType;
+}
+export declare const useTheme: () => UseColorSchemeProps;
+export interface ThemeProviderProps extends React.PropsWithChildren {
+    storageKey?: string;
+    defaultColorScheme?: ColorSchemeExtendedType;
+}
+export declare const ThemeProvider: (props: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ThemeProvider/script.d.ts

@@ -0,0 +1,7 @@
+import { ColorSchemeExtendedType } from './types';
+interface ColorSchemeScriptProps {
+    storageKey: string;
+    defaultColorScheme: ColorSchemeExtendedType;
+}
+export declare const ColorSchemeScript: import('react').MemoExoticComponent<({ storageKey, defaultColorScheme }: ColorSchemeScriptProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/ThemeProvider/types.d.ts

@@ -0,0 +1,2 @@
+export type ColorSchemeType = 'light' | 'dark';
+export type ColorSchemeExtendedType = ColorSchemeType | 'system';

package/dist/bundle.es.js

@@ -5,13 +5,13 @@ import { ImitateScroll as a } from "./bundle.es5.js";
 import { Popover as l } from "./bundle.es6.js";
 import { Tooltip as n } from "./bundle.es7.js";
 import { Select as u } from "./bundle.es8.js";
-import { Input as S } from "./bundle.es9.js";
-import { OptionItem as T } from "./bundle.es10.js";
+import { Input as T } from "./bundle.es9.js";
+import { OptionItem as D } from "./bundle.es10.js";
 import { NumberInput as P } from "./bundle.es11.js";
-import { OptionsList as d } from "./bundle.es12.js";
-import { ButtonGroup as B } from "./bundle.es13.js";
-import { Checkbox as h } from "./bundle.es14.js";
-import { Switch as v } from "./bundle.es15.js";
+import { OptionsList as h } from "./bundle.es12.js";
+import { ButtonGroup as v } from "./bundle.es13.js";
+import { Checkbox as B } from "./bundle.es14.js";
+import { Switch as k } from "./bundle.es15.js";
 import { Radio as y, RadioGroup as G } from "./bundle.es16.js";
 import { Drawer as O } from "./bundle.es17.js";
 import { Dialog as F } from "./bundle.es18.js";
@@ -28,32 +28,33 @@ import { FormGroup as ro } from "./bundle.es28.js";
 import { TimePicker as to } from "./bundle.es29.js";
 import { Icon as mo } from "./bundle.es30.js";
 import { ProgressBar as fo } from "./bundle.es31.js";
-import { useLocalStorage as io } from "./bundle.es32.js";
-import { createAlertAgent as co } from "./bundle.es33.js";
-import { createToaster as so } from "./bundle.es34.js";
-import { Toast as go } from "./bundle.es35.js";
-import { DialogShell as Do, createDialogsRegistry as To } from "./bundle.es36.js";
-import { createPopoversRegistry as Po } from "./bundle.es37.js";
+import { ThemeProvider as io, useTheme as lo } from "./bundle.es32.js";
+import { useLocalStorage as no } from "./bundle.es33.js";
+import { createAlertAgent as uo } from "./bundle.es34.js";
+import { createToaster as To } from "./bundle.es35.js";
+import { Toast as Do } from "./bundle.es36.js";
+import { DialogShell as Po, createDialogsRegistry as ho } from "./bundle.es37.js";
+import { createPopoversRegistry as vo } from "./bundle.es38.js";
 export {
   j as AlertDialog,
   e as Button,
-  B as ButtonGroup,
-  h as Checkbox,
+  v as ButtonGroup,
+  B as Checkbox,
   K as Countdown,
   Z as DateInput,
   X as DatePicker,
   F as Dialog,
-  Do as DialogShell,
+  Po as DialogShell,
   O as Drawer,
   $ as FileOverlay,
   ro as FormGroup,
   mo as Icon,
   a as ImitateScroll,
-  S as Input,
+  T as Input,
   z as LoadButton,
   P as NumberInput,
-  T as OptionItem,
-  d as OptionsList,
+  D as OptionItem,
+  h as OptionsList,
   l as Popover,
   fo as ProgressBar,
   y as Radio,
@@ -62,15 +63,17 @@ export {
   u as Select,
   V as SelectTags,
   p as Spinner,
-  v as Switch,
+  k as Switch,
   H as Tabs,
   Q as TextArea,
+  io as ThemeProvider,
   to as TimePicker,
-  go as Toast,
+  Do as Toast,
   n as Tooltip,
-  co as createAlertAgent,
-  To as createDialogsRegistry,
-  Po as createPopoversRegistry,
-  so as createToaster,
-  io as useLocalStorage
+  uo as createAlertAgent,
+  ho as createDialogsRegistry,
+  vo as createPopoversRegistry,
+  To as createToaster,
+  no as useLocalStorage,
+  lo as useTheme
 };

package/dist/bundle.es10.js

@@ -3,7 +3,7 @@ import N from "classnames";
 import { Icon as v } from "./bundle.es30.js";
 import { attr as t } from "@companix/utils-browser";
 import { forwardRef as k } from "react";
-import { f as x } from "./bundle.es44.js";
+import { f as x } from "./bundle.es45.js";
 const E = k(
   ({ title: s, icon: c, active: e, label: n, disabled: a, minimal: r, onClick: d, className: l, ...m }, p) => {
     const f = (h) => {

package/dist/bundle.es11.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import C from "classnames";
 import { forwardRef as j, useRef as w } from "react";
 import { mergeRefs as y } from "react-merge-refs";
-import { InputContainer as F } from "./bundle.es43.js";
+import { InputContainer as F } from "./bundle.es44.js";
 import { NumericFormat as V } from "react-number-format";
 const D = j(
   ({

package/dist/bundle.es14.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-checkbox";
 import { Icon as h } from "./bundle.es30.js";
-import { f as l } from "./bundle.es44.js";
+import { f as l } from "./bundle.es45.js";
 import { useId as n } from "react";
 import { attr as c } from "@companix/utils-browser";
 const N = ({ checked: a, required: s, disabled: r, onCheckedChange: m, size: x, label: e }) => {

package/dist/bundle.es18.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import f from "classnames";
 import * as o from "@radix-ui/react-dialog";
 import { VisuallyHidden as a } from "@radix-ui/react-visually-hidden";
-import { RemoveListener as v } from "./bundle.es45.js";
+import { RemoveListener as v } from "./bundle.es46.js";
 const g = (l) => {
   const { size: n = "s", open: r, onOpenChange: s, children: c, onClosed: t, disableEsc: p, className: d } = l, m = (h) => {
     p && h.preventDefault();

package/dist/bundle.es19.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-alert-dialog";
 import { Button as c } from "./bundle.es2.js";
-import { RemoveListener as N } from "./bundle.es45.js";
+import { RemoveListener as N } from "./bundle.es46.js";
 import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
 const C = ({
   open: d,

package/dist/bundle.es20.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Button as m } from "./bundle.es2.js";
-import { useLoading as p } from "./bundle.es46.js";
+import { useLoading as p } from "./bundle.es47.js";
 const g = ({ onClick: o, appearance: r = "primary", ...i }) => {
   const { isLoading: n, isError: t, handleClick: a } = p({ onClick: o });
   return /* @__PURE__ */ e(

package/dist/bundle.es23.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { useResizeTextarea as x } from "./bundle.es47.js";
+import { useResizeTextarea as x } from "./bundle.es48.js";
 import { attr as e, callMultiple as u } from "@companix/utils-browser";
 import { useEffect as z } from "react";
 import { mergeRefs as R } from "react-merge-refs";

package/dist/bundle.es24.js

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { useFroozeClosing as M } from "./bundle.es38.js";
+import { useFroozeClosing as M } from "./bundle.es39.js";
 import { Popover as j } from "./bundle.es6.js";
 import { OptionItem as q } from "./bundle.es10.js";
 import { OptionsList as V } from "./bundle.es12.js";
 import { Icon as d } from "./bundle.es30.js";
 import { useState as B, useRef as h, useMemo as g } from "react";
-import { f as H } from "./bundle.es48.js";
-import { f as Q } from "./bundle.es49.js";
+import { f as H } from "./bundle.es49.js";
+import { f as Q } from "./bundle.es50.js";
 import { attr as x, getActiveElementByAnotherElement as G, contains as J } from "@companix/utils-browser";
 import { mergeRefs as K } from "react-merge-refs";
 const se = (C) => {

package/dist/bundle.es25.js

@@ -2,11 +2,11 @@ import { jsx as u } from "react/jsx-runtime";
 import { Popover as x } from "./bundle.es6.js";
 import { Input as A } from "./bundle.es9.js";
 import { useState as M, useRef as j } from "react";
-import { Calendar as E } from "./bundle.es50.js";
-import { useDayDisableCheker as N } from "./bundle.es51.js";
+import { Calendar as E } from "./bundle.es51.js";
+import { useDayDisableCheker as N } from "./bundle.es52.js";
 import { getNum as f, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es52.js";
-import { SelectRightElements as Y } from "./bundle.es53.js";
+import { removeDigits as O } from "./bundle.es53.js";
+import { SelectRightElements as Y } from "./bundle.es54.js";
 const i = {
   char: "-",
   toString: (e) => {

package/dist/bundle.es26.js

@@ -1,8 +1,8 @@
 import { jsxs as D, jsx as h } from "react/jsx-runtime";
 import { useMemo as M, useEffect as C } from "react";
 import { Select as c } from "./bundle.es8.js";
-import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es52.js";
-import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es54.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es53.js";
+import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es55.js";
 const B = ({
   min: o = j,
   max: e = N,

package/dist/bundle.es29.js

@@ -1,8 +1,8 @@
 import { jsx as g } from "react/jsx-runtime";
 import { useRef as _, useMemo as b, useState as P, useEffect as j } from "react";
 import { getNum as v } from "@companix/utils-js";
-import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es52.js";
-import { SelectRightElements as w } from "./bundle.es53.js";
+import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es53.js";
+import { SelectRightElements as w } from "./bundle.es54.js";
 import { Select as y } from "./bundle.es8.js";
 import { Input as z } from "./bundle.es9.js";
 const r = {

package/dist/bundle.es32.js

@@ -1,13 +1,41 @@
-import { useState as s, useEffect as c } from "react";
-const l = (e, a) => {
-  const [t, o] = s(() => {
-    const r = localStorage.getItem(e);
-    return r ? JSON.parse(r) : a;
-  });
+import { jsxs as h, jsx as u } from "react/jsx-runtime";
+import { useState as f, useEffect as c, createContext as S, useContext as w } from "react";
+import { getColorScheme as v, updateDOM as i } from "./bundle.es56.js";
+import { ColorSchemeScript as C } from "./bundle.es57.js";
+const a = S({
+  setColorScheme: () => {
+  }
+}), E = () => w(a), L = (d) => {
+  const { defaultColorScheme: o = "system", storageKey: n = "theme", children: l } = d, [r, m] = f(() => v(n, o)), s = (e) => {
+    m(e), localStorage.setItem(n, e);
+  };
   return c(() => {
-    localStorage.setItem(e, JSON.stringify(t));
-  }, [t]), [t, o];
+    const e = window ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
+    if (!e)
+      return;
+    const t = () => {
+      r === "system" && i("system");
+    };
+    return e.addEventListener?.("change", t), t(), () => {
+      e.removeEventListener?.("change", t);
+    };
+  }, [r]), c(() => {
+    if (!window)
+      return;
+    const e = (t) => {
+      t.key === n && (t.newValue ? m(t.newValue) : s(o));
+    };
+    return window.addEventListener("storage", e), () => {
+      window.removeEventListener("storage", e);
+    };
+  }, [s, o]), c(() => {
+    i(r);
+  }, [r]), /* @__PURE__ */ h(a.Provider, { value: { colorScheme: r, setColorScheme: s }, children: [
+    /* @__PURE__ */ u(C, { storageKey: n, defaultColorScheme: o }),
+    l
+  ] });
 };
 export {
-  l as useLocalStorage
+  L as ThemeProvider,
+  E as useTheme
 };

package/dist/bundle.es33.js

@@ -1,27 +1,13 @@
-import { jsx as i } from "react/jsx-runtime";
-import { hash as m } from "@companix/utils-js";
-import { useRef as n, useMemo as s } from "react";
-import { Viewport as u } from "./bundle.es55.js";
-const h = (t = {}) => {
-  const e = {
-    emit: (r) => {
-      console.error("uninitialized", r);
-    }
-  };
-  return {
-    show: (r) => {
-      e.emit({ ...r, id: m() });
-    },
-    Viewport: () => {
-      const r = n(null);
-      return s(() => {
-        e.emit = (o) => {
-          r.current && r.current.showAlert(o);
-        };
-      }, []), /* @__PURE__ */ i(u, { ref: r, ...t });
-    }
-  };
+import { useState as s, useEffect as c } from "react";
+const l = (e, a) => {
+  const [t, o] = s(() => {
+    const r = localStorage.getItem(e);
+    return r ? JSON.parse(r) : a;
+  });
+  return c(() => {
+    localStorage.setItem(e, JSON.stringify(t));
+  }, [t]), [t, o];
 };
 export {
-  h as createAlertAgent
+  l as useLocalStorage
 };

package/dist/bundle.es34.js

@@ -1,41 +1,27 @@
-import { jsx as t } from "react/jsx-runtime";
-import { hash as r } from "@companix/utils-js";
-import { Viewport as a } from "./bundle.es56.js";
-import { useRef as c, useMemo as h } from "react";
-const m = (i = {}) => {
-  const o = {
-    showToast: (e) => {
-      console.error("uninitialized", e);
+import { jsx as i } from "react/jsx-runtime";
+import { hash as m } from "@companix/utils-js";
+import { useRef as n, useMemo as s } from "react";
+import { Viewport as u } from "./bundle.es58.js";
+const h = (t = {}) => {
+  const e = {
+    emit: (r) => {
+      console.error("uninitialized", r);
     }
   };
   return {
-    api: {
-      show: (e) => {
-        const n = e.id ?? r();
-        return o.showToast({ ...e, id: n }), n;
-      }
+    show: (r) => {
+      e.emit({ ...r, id: m() });
     },
-    Viewport: (e = {}) => {
-      const n = c(null);
-      return h(() => {
-        o.showToast = (s) => {
-          n.current && n.current.showToast(s);
+    Viewport: () => {
+      const r = n(null);
+      return s(() => {
+        e.emit = (o) => {
+          r.current && r.current.showAlert(o);
         };
-      }, []), /* @__PURE__ */ t(
-        a,
-        {
-          ref: n,
-          align: e.align ?? i.align,
-          closeIcon: e.closeIcon ?? i.closeIcon,
-          duration: e.duration ?? i.duration,
-          gap: e.gap ?? i.gap,
-          side: e.side ?? i.side,
-          swipeThreshold: e.swipeThreshold ?? i.swipeThreshold
-        }
-      );
+      }, []), /* @__PURE__ */ i(u, { ref: r, ...t });
     }
   };
 };
 export {
-  m as createToaster
+  h as createAlertAgent
 };

package/dist/bundle.es35.js

@@ -1,53 +1,41 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-toast";
-import { attr as T } from "@companix/utils-browser";
-import { useState as d, useRef as b, useEffect as j, useLayoutEffect as E } from "react";
-import { RemoveListener as I } from "./bundle.es45.js";
-const m = (o) => {
-  const [r, u] = d(!0), [p, f] = d(!1), s = b(null), {
-    appearance: C = "neutral",
-    icon: a,
-    title: n,
-    description: c,
-    duration: L,
-    closeIcon: h,
-    onClosing: v,
-    onClosed: N,
-    closable: x = !0,
-    onInitialized: g
-  } = o;
-  j(() => {
-    f(!0);
-  }, []), E(() => {
-    s.current && g(s.current);
-  }, []);
-  const R = (i) => {
-    i || v(), u(i);
+import { jsx as t } from "react/jsx-runtime";
+import { hash as r } from "@companix/utils-js";
+import { Viewport as a } from "./bundle.es59.js";
+import { useRef as c, useMemo as h } from "react";
+const m = (i = {}) => {
+  const o = {
+    showToast: (e) => {
+      console.error("uninitialized", e);
+    }
   };
-  return /* @__PURE__ */ l(
-    t.Root,
-    {
-      ref: s,
-      "data-expanded": !0,
-      "data-appearance": C,
-      "data-mounted": T(p),
-      className: "toaster",
-      open: r,
-      onOpenChange: R,
-      duration: L,
-      children: [
-        /* @__PURE__ */ e(I, { callback: N }),
-        a && /* @__PURE__ */ e("div", { className: "toaster-icon", children: a }),
-        /* @__PURE__ */ l("div", { className: "toaster-content", children: [
-          n && /* @__PURE__ */ e(t.Title, { className: "toaster-title", children: n }),
-          c && /* @__PURE__ */ e(t.Description, { className: "toaster-description", children: c })
-        ] }),
-        x && /* @__PURE__ */ e(m.Close, { className: "toaster-close toaster-close-placement", closeIcon: h })
-      ]
+  return {
+    api: {
+      show: (e) => {
+        const n = e.id ?? r();
+        return o.showToast({ ...e, id: n }), n;
+      }
+    },
+    Viewport: (e = {}) => {
+      const n = c(null);
+      return h(() => {
+        o.showToast = (s) => {
+          n.current && n.current.showToast(s);
+        };
+      }, []), /* @__PURE__ */ t(
+        a,
+        {
+          ref: n,
+          align: e.align ?? i.align,
+          closeIcon: e.closeIcon ?? i.closeIcon,
+          duration: e.duration ?? i.duration,
+          gap: e.gap ?? i.gap,
+          side: e.side ?? i.side,
+          swipeThreshold: e.swipeThreshold ?? i.swipeThreshold
+        }
+      );
     }
-  );
+  };
 };
-m.Close = ({ closeIcon: o, className: r } = {}) => /* @__PURE__ */ e(t.Close, { className: r, children: o ?? /* @__PURE__ */ e("svg", { viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2.96967 2.96967C3.26256 2.67678 3.73744 2.67678 4.03033 2.96967L8 6.939L11.9697 2.96967C12.2626 2.67678 12.7374 2.67678 13.0303 2.96967C13.3232 3.26256 13.3232 3.73744 13.0303 4.03033L9.061 8L13.0303 11.9697C13.2966 12.2359 13.3208 12.6526 13.1029 12.9462L13.0303 13.0303C12.7374 13.3232 12.2626 13.3232 11.9697 13.0303L8 9.061L4.03033 13.0303C3.73744 13.3232 3.26256 13.3232 2.96967 13.0303C2.67678 12.7374 2.67678 12.2626 2.96967 11.9697L6.939 8L2.96967 4.03033C2.7034 3.76406 2.6792 3.3474 2.89705 3.05379L2.96967 2.96967Z" }) }) });
 export {
-  m as Toast
+  m as createToaster
 };

package/dist/bundle.es36.js

@@ -1,45 +1,53 @@
-import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { useContext as C, createContext as g, useState as h, useEffect as x, useCallback as u } from "react";
-import { Dialog as D } from "./bundle.es18.js";
-import { hash as v } from "@companix/utils-js";
-const $ = (t) => {
-  const e = {}, n = {}, l = [], c = v();
-  for (const o in t)
-    e[o] = () => {
-    }, n[o] = () => {
-    }, l.push(() => /* @__PURE__ */ r(O, { Open: e, Close: n, name: o, Content: t[o] }));
-  return {
-    Open: e,
-    Close: n,
-    Overlay: () => /* @__PURE__ */ r(m, { children: l.map((o, s) => /* @__PURE__ */ r(o, {}, `popup-${c}-${s}`)) })
-  };
-}, O = ({ name: t, Open: e, Close: n, Content: l }) => {
-  const [{ data: c, open: o }, s] = h({ data: null, open: !1 });
-  x(() => {
-    e[t] = (a) => {
-      s({ data: a, open: !0 });
-    }, n[t] = () => {
-      o && p();
-    };
-  }, []);
-  const p = u(() => {
-    s(({ data: a }) => ({ data: a, open: !1 }));
-  }, []), f = u(() => {
-    s({ data: null, open: !1 });
-  }, []), d = u((a) => {
-    a || p();
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-toast";
+import { attr as T } from "@companix/utils-browser";
+import { useState as d, useRef as b, useEffect as j, useLayoutEffect as E } from "react";
+import { RemoveListener as I } from "./bundle.es46.js";
+const m = (o) => {
+  const [r, u] = d(!0), [p, f] = d(!1), s = b(null), {
+    appearance: C = "neutral",
+    icon: a,
+    title: n,
+    description: c,
+    duration: L,
+    closeIcon: h,
+    onClosing: v,
+    onClosed: N,
+    closable: x = !0,
+    onInitialized: g
+  } = o;
+  j(() => {
+    f(!0);
+  }, []), E(() => {
+    s.current && g(s.current);
   }, []);
-  return c ? /* @__PURE__ */ r(i.Provider, { value: { open: o, onOpenChange: d, onClosed: f }, children: /* @__PURE__ */ r(l, { data: c, close: p }) }) : null;
-}, i = g(null), S = () => {
-  const t = C(i);
-  if (!t)
-    throw new Error("Dialog context not provided");
-  return t;
-}, b = ({ children: t, ...e }) => {
-  const n = S();
-  return /* @__PURE__ */ r(D, { ...n, ...e, children: t });
+  const R = (i) => {
+    i || v(), u(i);
+  };
+  return /* @__PURE__ */ l(
+    t.Root,
+    {
+      ref: s,
+      "data-expanded": !0,
+      "data-appearance": C,
+      "data-mounted": T(p),
+      className: "toaster",
+      open: r,
+      onOpenChange: R,
+      duration: L,
+      children: [
+        /* @__PURE__ */ e(I, { callback: N }),
+        a && /* @__PURE__ */ e("div", { className: "toaster-icon", children: a }),
+        /* @__PURE__ */ l("div", { className: "toaster-content", children: [
+          n && /* @__PURE__ */ e(t.Title, { className: "toaster-title", children: n }),
+          c && /* @__PURE__ */ e(t.Description, { className: "toaster-description", children: c })
+        ] }),
+        x && /* @__PURE__ */ e(m.Close, { className: "toaster-close toaster-close-placement", closeIcon: h })
+      ]
+    }
+  );
 };
+m.Close = ({ closeIcon: o, className: r } = {}) => /* @__PURE__ */ e(t.Close, { className: r, children: o ?? /* @__PURE__ */ e("svg", { viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2.96967 2.96967C3.26256 2.67678 3.73744 2.67678 4.03033 2.96967L8 6.939L11.9697 2.96967C12.2626 2.67678 12.7374 2.67678 13.0303 2.96967C13.3232 3.26256 13.3232 3.73744 13.0303 4.03033L9.061 8L13.0303 11.9697C13.2966 12.2359 13.3208 12.6526 13.1029 12.9462L13.0303 13.0303C12.7374 13.3232 12.2626 13.3232 11.9697 13.0303L8 9.061L4.03033 13.0303C3.73744 13.3232 3.26256 13.3232 2.96967 13.0303C2.67678 12.7374 2.67678 12.2626 2.96967 11.9697L6.939 8L2.96967 4.03033C2.7034 3.76406 2.6792 3.3474 2.89705 3.05379L2.96967 2.96967Z" }) }) });
 export {
-  b as DialogShell,
-  $ as createDialogsRegistry
+  m as Toast
 };