@companix/uikit 0.0.84 → 0.0.85

package/dist/TextArea/index.d.ts

@@ -4,4 +4,4 @@ export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextArea
     fill?: boolean;
     textAreaRef?: React.Ref<HTMLTextAreaElement>;
 }
-export declare const TextArea: ({ onResize, grow, value, onChange, disabled, required, rows, fill, textAreaRef, ...textAreaProps }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextArea: ({ onResize, grow, value, onChange, disabled, required, rows, fill, textAreaRef, className, ...textAreaProps }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/bundle.es.js

@@ -4,18 +4,18 @@ import { Button as x } from "./bundle.es4.js";
 import { ButtonGroup as a } from "./bundle.es5.js";
 import { Spinner as l } from "./bundle.es6.js";
 import { Scrollable as n } from "./bundle.es7.js";
-import { ImitateScroll as s } from "./bundle.es8.js";
+import { ImitateScroll as S } from "./bundle.es8.js";
 import { Segments as g } from "./bundle.es9.js";
 import { Popover as h } from "./bundle.es10.js";
 import { Tooltip as v } from "./bundle.es11.js";
-import { Select as B } from "./bundle.es12.js";
-import { SelectTags as R } from "./bundle.es13.js";
+import { Select as R } from "./bundle.es12.js";
+import { SelectTags as B } from "./bundle.es13.js";
 import { Input as k } from "./bundle.es14.js";
-import { OptionItem as b } from "./bundle.es15.js";
-import { NumberInput as L } from "./bundle.es16.js";
+import { OptionItem as L } from "./bundle.es15.js";
+import { NumberInput as w } from "./bundle.es16.js";
 import { OptionsList as C } from "./bundle.es17.js";
 import { Checkbox as O } from "./bundle.es18.js";
-import { Switch as z } from "./bundle.es19.js";
+import { Switch as F } from "./bundle.es19.js";
 import { Radio as j, RadioGroup as q } from "./bundle.es20.js";
 import { Drawer as H } from "./bundle.es21.js";
 import { Dialog as K } from "./bundle.es22.js";
@@ -30,21 +30,23 @@ import { FileOverlay as mo } from "./bundle.es30.js";
 import { FormGroup as fo } from "./bundle.es31.js";
 import { TimePicker as io } from "./bundle.es32.js";
 import { Icon as co } from "./bundle.es33.js";
-import { ProgressBar as So } from "./bundle.es34.js";
+import { ProgressBar as so } from "./bundle.es34.js";
 import { Skeleton as uo } from "./bundle.es35.js";
 import { Blank as To } from "./bundle.es36.js";
 import { ProgressRing as Po } from "./bundle.es37.js";
-import { ThemeProvider as Do, useTheme as Bo } from "./bundle.es38.js";
-import { ColorSchemeScript as Ro, colorSchemeScript as ko } from "./bundle.es39.js";
-import { useLocalStorage as bo } from "./bundle.es40.js";
-import { useBooleanState as Lo } from "./bundle.es41.js";
-import { createAlertAgent as Co } from "./bundle.es42.js";
-import { createToaster as Oo } from "./bundle.es43.js";
-import { Toast as zo } from "./bundle.es44.js";
-import { DialogShell as jo, DrawerShell as qo, createPopupRegistry as Eo } from "./bundle.es45.js";
-import { createPopoversRegistry as Jo } from "./bundle.es46.js";
-import { createScope as Mo, createStaticScope as Qo } from "./bundle.es47.js";
-import { RemoveListener as Vo } from "./bundle.es48.js";
+import { ThemeProvider as Do, useTheme as Ro } from "./bundle.es38.js";
+import { ColorSchemeScript as Io, colorSchemeScript as ko } from "./bundle.es39.js";
+import { useLocalStorage as Lo } from "./bundle.es40.js";
+import { useBooleanState as wo } from "./bundle.es41.js";
+import { useResizeTextarea as Co } from "./bundle.es42.js";
+import { useLoading as Oo } from "./bundle.es43.js";
+import { createAlertAgent as Fo } from "./bundle.es44.js";
+import { createToaster as jo } from "./bundle.es45.js";
+import { Toast as Eo } from "./bundle.es46.js";
+import { DialogShell as Jo, DrawerShell as Ko, createPopupRegistry as Mo } from "./bundle.es47.js";
+import { createPopoversRegistry as Uo } from "./bundle.es48.js";
+import { createScope as Wo, createStaticScope as Xo } from "./bundle.es49.js";
+import { RemoveListener as Zo } from "./bundle.es50.js";
 export {
   Q as AlertDialog,
   e as Avatar,
@@ -52,51 +54,53 @@ export {
   x as Button,
   a as ButtonGroup,
   O as Checkbox,
-  Ro as ColorSchemeScript,
+  Io as ColorSchemeScript,
   Z as Countdown,
   to as DateInput,
   ro as DatePicker,
   K as Dialog,
-  jo as DialogShell,
+  Jo as DialogShell,
   H as Drawer,
-  qo as DrawerShell,
+  Ko as DrawerShell,
   mo as FileOverlay,
   fo as FormGroup,
   co as Icon,
-  s as ImitateScroll,
+  S as ImitateScroll,
   k as Input,
   V as LoadingButton,
-  L as NumberInput,
-  b as OptionItem,
+  w as NumberInput,
+  L as OptionItem,
   C as OptionsList,
   h as Popover,
-  So as ProgressBar,
+  so as ProgressBar,
   Po as ProgressRing,
   j as Radio,
   q as RadioGroup,
-  Vo as RemoveListener,
+  Zo as RemoveListener,
   n as Scrollable,
   g as Segments,
-  B as Select,
-  R as SelectTags,
+  R as Select,
+  B as SelectTags,
   uo as Skeleton,
   l as Spinner,
-  z as Switch,
+  F as Switch,
   X as Tabs,
   $ as TextArea,
   Do as ThemeProvider,
   io as TimePicker,
-  zo as Toast,
+  Eo as Toast,
   v as Tooltip,
   p as avatarSizes,
   ko as colorSchemeScript,
-  Co as createAlertAgent,
-  Jo as createPopoversRegistry,
-  Eo as createPopupRegistry,
-  Mo as createScope,
-  Qo as createStaticScope,
-  Oo as createToaster,
-  Lo as useBooleanState,
-  bo as useLocalStorage,
-  Bo as useTheme
+  Fo as createAlertAgent,
+  Uo as createPopoversRegistry,
+  Mo as createPopupRegistry,
+  Wo as createScope,
+  Xo as createStaticScope,
+  jo as createToaster,
+  wo as useBooleanState,
+  Oo as useLoading,
+  Lo as useLocalStorage,
+  Co as useResizeTextarea,
+  Ro as useTheme
 };

package/dist/bundle.es12.js

@@ -1,10 +1,10 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useRef as L, useMemo as j, useImperativeHandle as k } from "react";
 import { Popover as q } from "./bundle.es10.js";
-import { useFroozeClosing as w } from "./bundle.es51.js";
-import { SelectInput as H } from "./bundle.es52.js";
-import { useScrollListController as M } from "./bundle.es53.js";
-import { OptionsPopover as N } from "./bundle.es54.js";
+import { useFroozeClosing as w } from "./bundle.es53.js";
+import { SelectInput as H } from "./bundle.es54.js";
+import { useScrollListController as M } from "./bundle.es55.js";
+import { OptionsPopover as N } from "./bundle.es56.js";
 import { mergeRefs as W } from "react-merge-refs";
 const Z = (t) => {
   const {

package/dist/bundle.es13.js

@@ -3,12 +3,12 @@ import { mergeRefs as T } from "react-merge-refs";
 import { useState as M, useRef as h, useMemo as j } from "react";
 import { matchPattern as q } from "@companix/utils-js";
 import { faXmark as V, faChevronDown as $ } from "@companix/icons-solid";
-import { useFroozeClosing as B } from "./bundle.es51.js";
+import { useFroozeClosing as B } from "./bundle.es53.js";
 import { Popover as L } from "./bundle.es10.js";
 import { Icon as g } from "./bundle.es33.js";
 import { attr as l, getActiveElementByAnotherElement as X, contains as G } from "@companix/utils-browser";
-import { OptionsPopover as H } from "./bundle.es54.js";
-import { arrays as v } from "./bundle.es55.js";
+import { OptionsPopover as H } from "./bundle.es56.js";
+import { arrays as v } from "./bundle.es57.js";
 const ne = (r) => {
   const {
     closeAfterSelect: C,

package/dist/bundle.es14.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.es56.js";
-import { InputContainer as I } from "./bundle.es57.js";
+import { InputElement as x } from "./bundle.es58.js";
+import { InputContainer as I } from "./bundle.es59.js";
 import g from "classnames";
 const N = b(
   ({

package/dist/bundle.es16.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.es57.js";
+import { InputContainer as F } from "./bundle.es59.js";
 import { NumericFormat as V } from "react-number-format";
 const D = j(
   ({

package/dist/bundle.es2.js

@@ -1,6 +1,6 @@
 import { jsxs as I, jsx as a } from "react/jsx-runtime";
 import { box as g } from "@companix/utils-browser";
-import { getInitialsFontSize as h } from "./bundle.es49.js";
+import { getInitialsFontSize as h } from "./bundle.es51.js";
 const k = 24, y = ({
   alt: n,
   crossOrigin: i,

package/dist/bundle.es21.js

@@ -3,7 +3,7 @@ import d from "classnames";
 import * as e from "@radix-ui/react-dialog";
 import { VisuallyHidden as i } from "@radix-ui/react-visually-hidden";
 import { customCSS as p } from "@companix/utils-browser";
-import { RemoveListener as f } from "./bundle.es48.js";
+import { RemoveListener as f } from "./bundle.es50.js";
 const h = ({
   open: t,
   onClosed: l,

package/dist/bundle.es22.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.es48.js";
+import { RemoveListener as v } from "./bundle.es50.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.es23.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.es4.js";
-import { RemoveListener as N } from "./bundle.es48.js";
+import { RemoveListener as N } from "./bundle.es50.js";
 import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
 const C = ({
   open: d,

package/dist/bundle.es24.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Button as m } from "./bundle.es4.js";
-import { useLoading as p } from "./bundle.es58.js";
+import { useLoading as p } from "./bundle.es43.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.es25.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { useTabSlider as b, makeTabId as l } from "./bundle.es50.js";
+import { useTabSlider as b, makeTabId as l } from "./bundle.es52.js";
 import * as n from "@radix-ui/react-tabs";
 import { useRef as m, useId as f, createContext as T, useContext as c } from "react";
 const o = T({ baseId: "", containerRef: {} }), u = ({ children: s, value: e, onChange: r }) => {

package/dist/bundle.es27.js

@@ -1,38 +1,40 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useResizeTextarea as x } from "./bundle.es59.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";
-const q = ({
-  onResize: m,
-  grow: a = !1,
-  value: t,
-  onChange: s,
+import { jsx as m } from "react/jsx-runtime";
+import u from "classnames";
+import { useResizeTextarea as z } from "./bundle.es42.js";
+import { attr as e, callMultiple as R } from "@companix/utils-browser";
+import { useEffect as T } from "react";
+import { mergeRefs as g } from "react-merge-refs";
+const E = ({
+  onResize: f,
+  grow: t = !1,
+  value: a,
+  onChange: i,
   disabled: o,
-  required: i,
+  required: s,
   rows: l = 2,
   fill: p = !1,
   textAreaRef: c,
+  className: n,
   ...d
 }) => {
-  const [n, r] = x(m, a);
-  return z(r, [r, t]), /* @__PURE__ */ f(
+  const [x, r] = z(f, t);
+  return T(r, [r, a]), /* @__PURE__ */ m(
     "div",
     {
       className: "form form-textarea",
-      "data-required": e(i),
+      "data-required": e(s),
       "data-disabled": e(o),
       "data-fill": e(p),
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ m(
         "textarea",
         {
-          className: "form-input",
-          "data-grow": e(a),
-          value: t,
-          ref: R([c, n]),
+          className: u("form-input", n),
+          "data-grow": e(t),
+          value: a,
+          ref: g([c, x]),
           rows: l,
           disabled: o,
-          onChange: u(s, r),
+          onChange: R(i, r),
           ...d
         }
       )
@@ -40,5 +42,5 @@ const q = ({
   );
 };
 export {
-  q as TextArea
+  E as TextArea
 };

package/dist/bundle.es28.js

@@ -5,7 +5,7 @@ import { useState as A, useRef as j } from "react";
 import { Calendar as E } from "./bundle.es60.js";
 import { useDayDisableCheker as N } from "./bundle.es61.js";
 import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es55.js";
+import { removeDigits as O } from "./bundle.es57.js";
 import { SelectRightElements as Y } from "./bundle.es62.js";
 const i = {
   char: "-",

package/dist/bundle.es29.js

@@ -1,7 +1,7 @@
 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.es12.js";
-import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es55.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es57.js";
 import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es63.js";
 const B = ({
   min: o = j,

package/dist/bundle.es32.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import { useRef as b, useMemo as I, useState as E, useCallback as A } from "react";
 import { getNum as S } from "@companix/utils-js";
-import { getTimesOptions as W, getTimeValue as q, removeDigits as w, convertTimeToOption as y } from "./bundle.es55.js";
+import { getTimesOptions as W, getTimeValue as q, removeDigits as w, convertTimeToOption as y } from "./bundle.es57.js";
 import { SelectRightElements as z } from "./bundle.es62.js";
 import { Select as F } from "./bundle.es12.js";
 import { Input as G } from "./bundle.es14.js";

package/dist/bundle.es37.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { getInitialsFontSize as l } from "./bundle.es49.js";
+import { getInitialsFontSize as l } from "./bundle.es51.js";
 import { clamp as i, customCSS as m, px as n } from "@companix/utils-browser";
 const u = ({
   appearance: o = "primary",

package/dist/bundle.es42.js

@@ -1,29 +1,16 @@
-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 p } from "./bundle.es65.js";
-const a = (t = {}) => {
-  const e = {
-    emit: (r) => {
-      console.error("uninitialized", r);
-    }
-  };
-  return {
-    api: {
-      show: (r) => {
-        e.emit({ ...r, id: m() });
-      }
+import { useRef as i, useCallback as o } from "react";
+const f = (e, s) => {
+  const r = i(null), c = i(void 0), n = o(
+    (t) => {
+      s && t.offsetParent && (t.style.height = "", t.style.height = `${t.scrollHeight}px`, t.scrollHeight !== c.current && e && (e(t), c.current = t.scrollHeight));
     },
-    Viewport: () => {
-      const r = n(null);
-      return s(() => {
-        e.emit = (o) => {
-          r.current && r.current.showAlert(o);
-        };
-      }, []), /* @__PURE__ */ i(p, { ref: r, ...t });
-    }
-  };
+    [s, e]
+  ), l = o(() => {
+    const t = r.current;
+    t && n(t);
+  }, [r, n]);
+  return [r, l];
 };
 export {
-  a as createAlertAgent
+  f as useResizeTextarea
 };

package/dist/bundle.es43.js

@@ -1,41 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
-import { hash as r } from "@companix/utils-js";
-import { Viewport as a } from "./bundle.es66.js";
-import { useRef as c, useMemo as h } from "react";
-const m = (i = {}) => {
-  const o = {
-    showToast: (e) => {
-      console.error("uninitialized", e);
-    }
-  };
-  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
-        }
-      );
-    }
-  };
+import { useState as e } from "react";
+const d = ({ onClick: t }) => {
+  const [a, s] = e({ isLoading: !1, isError: !1 });
+  return { ...a, handleClick: (r) => {
+    a.isLoading || t(() => {
+      s({ isLoading: !0, isError: !1 });
+    }, r).then(() => {
+      s({ isLoading: !1, isError: !1 });
+    }).catch(() => {
+      s({ isLoading: !1, isError: !0 });
+    });
+  } };
 };
 export {
-  m as createToaster
+  d as useLoading
 };

package/dist/bundle.es44.js

@@ -1,53 +1,29 @@
-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.es48.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 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 p } from "./bundle.es65.js";
+const a = (t = {}) => {
+  const e = {
+    emit: (r) => {
+      console.error("uninitialized", r);
+    }
   };
-  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: (r) => {
+        e.emit({ ...r, id: m() });
+      }
+    },
+    Viewport: () => {
+      const r = n(null);
+      return s(() => {
+        e.emit = (o) => {
+          r.current && r.current.showAlert(o);
+        };
+      }, []), /* @__PURE__ */ i(p, { ref: r, ...t });
     }
-  );
+  };
 };
-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
+  a as createAlertAgent
 };

package/dist/bundle.es45.js

@@ -1,50 +1,41 @@
-import { jsx as r, Fragment as h } from "react/jsx-runtime";
-import { useContext as C, createContext as x, useState as P, useEffect as g, useCallback as u } from "react";
-import { hash as v } from "@companix/utils-js";
-import { Dialog as w } from "./bundle.es22.js";
-import { Drawer as D } from "./bundle.es21.js";
-const j = (o) => {
-  const t = {}, e = {}, p = [], c = v();
-  for (const n in o)
-    t[n] = () => {
-    }, e[n] = () => {
-    }, p.push(() => /* @__PURE__ */ r(S, { Open: t, Close: e, name: n, Content: o[n] }));
+import { jsx as t } from "react/jsx-runtime";
+import { hash as r } from "@companix/utils-js";
+import { Viewport as a } from "./bundle.es66.js";
+import { useRef as c, useMemo as h } from "react";
+const m = (i = {}) => {
+  const o = {
+    showToast: (e) => {
+      console.error("uninitialized", e);
+    }
+  };
   return {
-    Open: t,
-    Close: e,
-    Overlay: () => /* @__PURE__ */ r(h, { children: p.map((n, s) => /* @__PURE__ */ r(n, {}, `popup-${c}-${s}`)) })
+    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
+        }
+      );
+    }
   };
-}, S = ({ name: o, Open: t, Close: e, Content: p }) => {
-  const [{ data: c, open: n }, s] = P({ data: null, open: !1 });
-  g(() => {
-    t[o] = (a) => {
-      s({ data: a, open: !0 });
-    }, e[o] = () => {
-      n && l();
-    };
-  }, []);
-  const l = u(() => {
-    s(({ data: a }) => ({ data: a, open: !1 }));
-  }, []), d = u(() => {
-    s({ data: null, open: !1 });
-  }, []), m = u((a) => {
-    a || l();
-  }, []);
-  return c ? /* @__PURE__ */ r(i.Provider, { value: { open: n, onOpenChange: m, onClosed: d }, children: /* @__PURE__ */ r(p, { data: c, close: l }) }) : null;
-}, i = x(null), f = () => {
-  const o = C(i);
-  if (!o)
-    throw new Error("Popup context not provided");
-  return o;
-}, k = ({ children: o, ...t }) => {
-  const e = f();
-  return /* @__PURE__ */ r(w, { ...e, ...t, children: o });
-}, F = ({ children: o, ...t }) => {
-  const e = f();
-  return /* @__PURE__ */ r(D, { ...e, ...t, children: o });
 };
 export {
-  k as DialogShell,
-  F as DrawerShell,
-  j as createPopupRegistry
+  m as createToaster
 };