@companix/uikit 0.0.32 → 0.0.33

package/dist/ThemeProvider/script.d.ts

@@ -4,4 +4,5 @@ interface ColorSchemeScriptProps {
     defaultColorScheme: ColorSchemeExtendedType;
 }
 export declare const ColorSchemeScript: import('react').MemoExoticComponent<({ storageKey, defaultColorScheme }: ColorSchemeScriptProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const colorSchemeScript: (storageKey: string, defaultColorScheme: "light" | "dark") => void;
 export {};

package/dist/bundle.es.js

@@ -3,17 +3,17 @@ import { ButtonGroup as p } from "./bundle.es3.js";
 import { Spinner as x } from "./bundle.es4.js";
 import { Scrollable as a } from "./bundle.es5.js";
 import { ImitateScroll as l } from "./bundle.es6.js";
-import { Popover as c } from "./bundle.es7.js";
+import { Popover as n } from "./bundle.es7.js";
 import { Tooltip as u } from "./bundle.es8.js";
-import { Select as T } from "./bundle.es9.js";
-import { Input as D } from "./bundle.es10.js";
-import { OptionItem as P } from "./bundle.es11.js";
-import { NumberInput as h } from "./bundle.es12.js";
+import { Select as g } from "./bundle.es9.js";
+import { Input as h } from "./bundle.es10.js";
+import { OptionItem as I } from "./bundle.es11.js";
+import { NumberInput as d } from "./bundle.es12.js";
 import { OptionsList 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 { Radio as y, RadioGroup as C } from "./bundle.es16.js";
+import { Drawer as L } from "./bundle.es17.js";
 import { Dialog as F } from "./bundle.es18.js";
 import { AlertDialog as j } from "./bundle.es19.js";
 import { LoadingButton as z } from "./bundle.es20.js";
@@ -29,38 +29,40 @@ 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 { ThemeProvider as io, useTheme as lo } from "./bundle.es32.js";
-import { useLocalStorage as co } 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";
+import { ColorSchemeScript as no, colorSchemeScript as so } from "./bundle.es33.js";
+import { useLocalStorage as So } from "./bundle.es34.js";
+import { createAlertAgent as To } from "./bundle.es35.js";
+import { createToaster as Do } from "./bundle.es36.js";
+import { Toast as Po } from "./bundle.es37.js";
+import { DialogShell as vo, createDialogsRegistry as Ao } from "./bundle.es38.js";
+import { createPopoversRegistry as Ro } from "./bundle.es39.js";
 export {
   j as AlertDialog,
   e as Button,
   p as ButtonGroup,
   B as Checkbox,
+  no as ColorSchemeScript,
   K as Countdown,
   Z as DateInput,
   X as DatePicker,
   F as Dialog,
-  Po as DialogShell,
-  O as Drawer,
+  vo as DialogShell,
+  L as Drawer,
   $ as FileOverlay,
   ro as FormGroup,
   mo as Icon,
   l as ImitateScroll,
-  D as Input,
+  h as Input,
   z as LoadingButton,
-  h as NumberInput,
-  P as OptionItem,
+  d as NumberInput,
+  I as OptionItem,
   v as OptionsList,
-  c as Popover,
+  n as Popover,
   fo as ProgressBar,
   y as Radio,
-  G as RadioGroup,
+  C as RadioGroup,
   a as Scrollable,
-  T as Select,
+  g as Select,
   V as SelectTags,
   x as Spinner,
   k as Switch,
@@ -68,12 +70,13 @@ export {
   Q as TextArea,
   io as ThemeProvider,
   to as TimePicker,
-  Do as Toast,
+  Po as Toast,
   u as Tooltip,
-  uo as createAlertAgent,
-  ho as createDialogsRegistry,
-  vo as createPopoversRegistry,
-  To as createToaster,
-  co as useLocalStorage,
+  so as colorSchemeScript,
+  To as createAlertAgent,
+  Ao as createDialogsRegistry,
+  Ro as createPopoversRegistry,
+  Do as createToaster,
+  So as useLocalStorage,
   lo as useTheme
 };

package/dist/bundle.es10.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as b, useRef as R } from "react";
 import { mergeRefs as c } from "react-merge-refs";
-import { InputElement as x } from "./bundle.es43.js";
-import { InputContainer as I } from "./bundle.es44.js";
+import { InputElement as x } from "./bundle.es44.js";
+import { InputContainer as I } from "./bundle.es45.js";
 import g from "classnames";
 const N = b(
   ({

package/dist/bundle.es11.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.es45.js";
+import { f as x } from "./bundle.es46.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.es12.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.es44.js";
+import { InputContainer as F } from "./bundle.es45.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.es45.js";
+import { f as l } from "./bundle.es46.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.es46.js";
+import { RemoveListener as v } from "./bundle.es47.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.es46.js";
+import { RemoveListener as N } from "./bundle.es47.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.es47.js";
+import { useLoading as p } from "./bundle.es48.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.es48.js";
+import { useResizeTextarea as x } from "./bundle.es49.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.es39.js";
+import { useFroozeClosing as M } from "./bundle.es40.js";
 import { Popover as j } from "./bundle.es7.js";
 import { OptionItem as q } from "./bundle.es11.js";
 import { OptionsList as V } from "./bundle.es13.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.es49.js";
-import { f as Q } from "./bundle.es50.js";
+import { f as H } from "./bundle.es50.js";
+import { f as Q } from "./bundle.es51.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 T } from "./bundle.es7.js";
 import { Input as w } from "./bundle.es10.js";
 import { useState as A, useRef as j } from "react";
-import { Calendar as E } from "./bundle.es51.js";
-import { useDayDisableCheker as N } from "./bundle.es52.js";
+import { Calendar as E } from "./bundle.es52.js";
+import { useDayDisableCheker as N } from "./bundle.es53.js";
 import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es53.js";
-import { SelectRightElements as Y } from "./bundle.es54.js";
+import { removeDigits as O } from "./bundle.es54.js";
+import { SelectRightElements as Y } from "./bundle.es55.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.es9.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";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es54.js";
+import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es56.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.es53.js";
-import { SelectRightElements as w } from "./bundle.es54.js";
+import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es54.js";
+import { SelectRightElements as w } from "./bundle.es55.js";
 import { Select as y } from "./bundle.es9.js";
 import { Input as z } from "./bundle.es10.js";
 const r = {

package/dist/bundle.es32.js

@@ -1,20 +1,19 @@
-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({
+import { jsx as u } from "react/jsx-runtime";
+import { useState as h, useEffect as c, createContext as f, useContext as w } from "react";
+import { getColorScheme as v, updateDOM as m } from "./bundle.es57.js";
+const i = f({
   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);
+}), y = () => w(i), p = (d) => {
+  const { defaultColorScheme: o = "system", storageKey: n = "theme", children: l } = d, [r, a] = h(() => v(n, o)), s = (e) => {
+    a(e), localStorage.setItem(n, e);
   };
   return c(() => {
     const e = window ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
     if (!e)
       return;
     const t = () => {
-      r === "system" && i("system");
+      r === "system" && m("system");
     };
     return e.addEventListener?.("change", t), t(), () => {
       e.removeEventListener?.("change", t);
@@ -23,19 +22,16 @@ const a = S({
     if (!window)
       return;
     const e = (t) => {
-      t.key === n && (t.newValue ? m(t.newValue) : s(o));
+      t.key === n && (t.newValue ? a(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
-  ] });
+    m(r);
+  }, [r]), /* @__PURE__ */ u(i.Provider, { value: { colorScheme: r, setColorScheme: s }, children: l });
 };
 export {
-  L as ThemeProvider,
-  E as useTheme
+  p as ThemeProvider,
+  y as useTheme
 };

package/dist/bundle.es33.js

@@ -1,13 +1,24 @@
-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];
+import { jsx as l } from "react/jsx-runtime";
+import { memo as n } from "react";
+const i = n(({ storageKey: t, defaultColorScheme: o }) => /* @__PURE__ */ l(
+  "script",
+  {
+    suppressHydrationWarning: !0,
+    dangerouslySetInnerHTML: {
+      __html: `(${a.toString()})("${t}", "${o}")`
+    }
+  }
+)), a = (t, o) => {
+  const [r, c] = ["theme-light", "theme-dark"];
+  try {
+    let e = localStorage.getItem(t) || o;
+    e === "system" && (e = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+    const s = e === "dark" ? c : r;
+    document.documentElement.classList.remove(r, c), document.documentElement.classList.add(s), document.documentElement.style.colorScheme = e;
+  } catch {
+  }
 };
 export {
-  l as useLocalStorage
+  i as ColorSchemeScript,
+  a as colorSchemeScript
 };

package/dist/bundle.es34.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.es58.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.es35.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.es59.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.es36.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.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);
-  }, []);
-  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.es37.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.es47.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
 };