@companix/uikit 0.0.26 → 0.0.28

package/dist/Dialog/index.d.ts

@@ -1,12 +1,16 @@
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+export type DialogSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'full';
 export interface DialogProps {
     open: boolean;
     onOpenChange: (value: boolean) => void;
+    defaultOpen?: boolean;
     children: React.ReactNode;
-    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'full';
+    size?: DialogSize;
     className?: string;
+    disableEsc?: boolean;
+    onClosed?: () => void;
 }
 export declare const Dialog: {
-    ({ size, open, onOpenChange, children, className }: DialogProps): import("react/jsx-runtime").JSX.Element;
+    (props: DialogProps): import("react/jsx-runtime").JSX.Element;
     Close: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/Popover/index.d.ts

@@ -2,13 +2,13 @@ export type Align = 'start' | 'center' | 'end';
 export type Side = 'top' | 'right' | 'bottom' | 'left';
 export interface PopoverProps {
     children: React.ReactNode;
+    content: ({ close }: {
+        close: () => void;
+    }) => React.ReactNode;
     open?: boolean;
     triggerRef?: React.Ref<HTMLButtonElement>;
     triggerProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
     onOpenChange?: (open: boolean) => void;
-    content: ({ close }: {
-        close: () => void;
-    }) => React.ReactNode;
     onAnimationEnd?: () => void;
     onAnimationStart?: () => void;
     onOpenAutoFocus?: (event: Event) => void;

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/__helpers/createDialogRegistry.d.ts

@@ -0,0 +1,26 @@
+import { DialogProps } from '../Dialog';
+export interface PopupProps<T> {
+    data: T;
+    close: () => void;
+}
+type PopupSignature = (options: PopupProps<any>) => JSX.Element;
+type Store = {
+    [name: string]: PopupSignature;
+};
+type UnwrapProps<T extends PopupSignature> = Parameters<T>[0] extends PopupProps<infer Q> ? Q : never;
+type OpenAgent<T extends Store> = {
+    [P in keyof T]: (data: UnwrapProps<T[P]>) => void;
+};
+type CloseAgent<T extends Store> = {
+    [key in keyof T]: () => void;
+};
+type PopupsRegistry<T extends Store> = {
+    Overlay: () => JSX.Element;
+    Close: CloseAgent<T>;
+    Open: OpenAgent<T>;
+};
+export declare const createDialogsRegistry: <T extends Store>(mapping: T) => PopupsRegistry<T>;
+interface PopupLayer extends Omit<DialogProps, 'open' | 'onOpenChange' | 'onClosed'> {
+}
+export declare const DialogShell: ({ children, ...props }: PopupLayer) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/__helpers/createPopoversRegistry.d.ts

@@ -0,0 +1,19 @@
+import { PopoverProps } from '../Popover';
+export type PopoverContentProps<T> = {
+    data: T;
+    close: () => void;
+};
+type PopoverSignature = (options: PopoverContentProps<any>) => JSX.Element;
+type Store = {
+    [name: string]: PopoverSignature;
+};
+type UnwrapProps<T extends PopoverSignature> = Parameters<T>[0] extends PopoverContentProps<infer Q> ? Q : never;
+type PopoversStore<T extends Store> = {
+    [P in keyof T]: (props: Omit<PopoverProps, 'content'> & (UnwrapProps<T[P]> extends never ? {
+        data?: unknown;
+    } : {
+        data: UnwrapProps<T[P]>;
+    })) => JSX.Element;
+};
+export declare const createPopoversRegistry: <T extends Store>(mapping: T) => PopoversStore<T>;
+export {};

package/dist/bundle.es.js

@@ -3,18 +3,18 @@ import { Spinner as p } from "./bundle.es3.js";
 import { Scrollable as x } from "./bundle.es4.js";
 import { ImitateScroll as a } from "./bundle.es5.js";
 import { Popover as l } from "./bundle.es6.js";
-import { Tooltip as c } from "./bundle.es7.js";
-import { Select as s } from "./bundle.es8.js";
+import { Tooltip as n } from "./bundle.es7.js";
+import { Select as u } from "./bundle.es8.js";
 import { Input as T } from "./bundle.es9.js";
-import { OptionItem as I } from "./bundle.es10.js";
-import { NumberInput as b } from "./bundle.es11.js";
-import { OptionsList as A } from "./bundle.es12.js";
-import { ButtonGroup as P } from "./bundle.es13.js";
-import { Checkbox as w } from "./bundle.es14.js";
-import { Switch as L } from "./bundle.es15.js";
-import { Radio as h, RadioGroup as v } from "./bundle.es16.js";
-import { Drawer as F } from "./bundle.es17.js";
-import { Dialog as y } from "./bundle.es18.js";
+import { OptionItem as D } from "./bundle.es10.js";
+import { NumberInput as P } from "./bundle.es11.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";
 import { AlertDialog as j } from "./bundle.es19.js";
 import { LoadButton as z } from "./bundle.es20.js";
 import { Tabs as H } from "./bundle.es21.js";
@@ -28,44 +28,52 @@ 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 no } from "./bundle.es33.js";
-import { createToaster as uo } from "./bundle.es34.js";
-import { Toast as So } from "./bundle.es35.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,
-  P as ButtonGroup,
-  w as Checkbox,
+  v as ButtonGroup,
+  B as Checkbox,
   K as Countdown,
   Z as DateInput,
   X as DatePicker,
-  y as Dialog,
-  F as Drawer,
+  F as Dialog,
+  Po as DialogShell,
+  O as Drawer,
   $ as FileOverlay,
   ro as FormGroup,
   mo as Icon,
   a as ImitateScroll,
   T as Input,
   z as LoadButton,
-  b as NumberInput,
-  I as OptionItem,
-  A as OptionsList,
+  P as NumberInput,
+  D as OptionItem,
+  h as OptionsList,
   l as Popover,
   fo as ProgressBar,
-  h as Radio,
-  v as RadioGroup,
+  y as Radio,
+  G as RadioGroup,
   x as Scrollable,
-  s as Select,
+  u as Select,
   V as SelectTags,
   p as Spinner,
-  L as Switch,
+  k as Switch,
   H as Tabs,
   Q as TextArea,
+  io as ThemeProvider,
   to as TimePicker,
-  So as Toast,
-  c as Tooltip,
-  no as createAlertAgent,
-  uo as createToaster,
-  io as useLocalStorage
+  Do as Toast,
+  n as Tooltip,
+  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.es42.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.es41.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.es42.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

@@ -1,15 +1,31 @@
-import { jsx as i, jsxs as r } from "react/jsx-runtime";
-import n from "classnames";
+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 p } from "@radix-ui/react-visually-hidden";
-const c = ({ size: e = "s", open: l, onOpenChange: a, children: s, className: t }) => /* @__PURE__ */ i(o.Root, { open: l, onOpenChange: a, children: /* @__PURE__ */ r(o.Portal, { children: [
-  /* @__PURE__ */ i(o.Overlay, { className: "popup-overlay dialog-overlay" }),
-  /* @__PURE__ */ i(o.Content, { className: "popup-container dialog-container", "data-size": e, children: /* @__PURE__ */ r("div", { className: n("popup dialog", t), children: [
-    /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(o.Title, {}) }),
-    s
-  ] }) })
-] }) });
-c.Close = o.Close;
+import { VisuallyHidden as a } from "@radix-ui/react-visually-hidden";
+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();
+  };
+  return /* @__PURE__ */ e(o.Root, { open: r, onOpenChange: s, children: /* @__PURE__ */ i(o.Portal, { children: [
+    /* @__PURE__ */ e(o.Overlay, { className: "popup-overlay dialog-overlay" }),
+    /* @__PURE__ */ e(
+      o.Content,
+      {
+        className: "popup-container dialog-container",
+        "data-size": n,
+        onEscapeKeyDown: m,
+        children: /* @__PURE__ */ i("div", { className: f("popup dialog", d), children: [
+          /* @__PURE__ */ e(v, { callback: t }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Title, {}) }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Description, {}) }),
+          c
+        ] })
+      }
+    )
+  ] }) });
+};
+g.Close = o.Close;
 export {
-  c as Dialog
+  g as Dialog
 };

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.es43.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.es44.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.es45.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.es36.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.es46.js";
-import { f as Q } from "./bundle.es47.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.es48.js";
-import { useDayDisableCheker as N } from "./bundle.es49.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.es50.js";
-import { SelectRightElements as Y } from "./bundle.es51.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.es50.js";
-import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es52.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.es50.js";
-import { SelectRightElements as w } from "./bundle.es51.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.es53.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.es54.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.es43.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
 };