sander-ui 0.1.19 → 0.1.21

package/dist/ToastProvider-CdoCvWCg.js

@@ -0,0 +1,190 @@
+import { jsxs as w, jsx as f } from "react/jsx-runtime";
+import { useRef as C, useEffect as N, useSyncExternalStore as T, useMemo as S, createElement as x, useContext as E, createContext as y } from "react";
+import { c as h } from "./index-p1eeF8LQ.js";
+import { c as D } from "./createLucideIcon-CP-mMPfa.js";
+import { I as b, T as M, C as P, a as R } from "./triangle-alert-CvNSSzY6.js";
+import { X as k } from "./x-B9bYxG31.js";
+const z = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], j = D("loader-circle", z), L = "_container_d8npe_1", O = "_toast_d8npe_79", U = "_dismissing_d8npe_95", $ = "_icon_d8npe_115", B = "_iconSpin_d8npe_119", V = "_spin_d8npe_1", X = "_message_d8npe_123", q = "_dismiss_d8npe_95", F = "_success_d8npe_159", G = "_error_d8npe_165", H = "_warning_d8npe_171", J = "_info_d8npe_177", K = "_loading_d8npe_183", u = {
+  container: L,
+  "bottom-right": "_bottom-right_d8npe_25",
+  "bottom-left": "_bottom-left_d8npe_26",
+  "top-right": "_top-right_d8npe_30",
+  "top-left": "_top-left_d8npe_31",
+  toast: O,
+  "slide-in-bottom": "_slide-in-bottom_d8npe_1",
+  dismissing: U,
+  "slide-out-bottom": "_slide-out-bottom_d8npe_1",
+  "slide-in-top": "_slide-in-top_d8npe_1",
+  "slide-out-top": "_slide-out-top_d8npe_1",
+  icon: $,
+  iconSpin: B,
+  spin: V,
+  message: X,
+  dismiss: q,
+  default: "_default_d8npe_153",
+  success: F,
+  error: G,
+  warning: H,
+  info: J,
+  loading: K,
+  "slide-in-right": "_slide-in-right_d8npe_1",
+  "slide-out-right": "_slide-out-right_d8npe_1",
+  "slide-in-left": "_slide-in-left_d8npe_1",
+  "slide-out-left": "_slide-out-left_d8npe_1"
+}, Q = {
+  default: b,
+  success: R,
+  error: P,
+  warning: M,
+  info: b,
+  loading: j
+}, W = ({ toast: t, onDismiss: o, onRemove: l }) => {
+  const r = t.variant === "error", s = Q[t.variant];
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      role: r ? "alert" : "status",
+      "aria-atomic": "true",
+      className: h(
+        u.toast,
+        u[t.variant],
+        t.dismissing && u.dismissing
+      ),
+      onAnimationEnd: () => {
+        t.dismissing && l(t.id);
+      },
+      children: [
+        /* @__PURE__ */ f(
+          s,
+          {
+            size: 18,
+            className: h(
+              u.icon,
+              t.variant === "loading" && u.iconSpin
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ f("p", { className: u.message, children: t.message }),
+        /* @__PURE__ */ f(
+          "button",
+          {
+            onClick: () => o(t.id),
+            "aria-label": "Dismiss notification",
+            className: u.dismiss,
+            children: /* @__PURE__ */ f(k, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}, Y = ({
+  toasts: t,
+  position: o = "top-right",
+  onDismiss: l,
+  onRemove: r
+}) => {
+  const s = C(null), m = t.length > 0;
+  return N(() => {
+    const a = s.current;
+    a && (m && !a.matches(":popover-open") ? a.showPopover() : !m && a.matches(":popover-open") && a.hidePopover());
+  }, [m]), /* @__PURE__ */ f(
+    "div",
+    {
+      ref: s,
+      popover: "manual",
+      className: h(u.container, u[o]),
+      "aria-live": "polite",
+      "aria-relevant": "additions",
+      children: t.map((a) => /* @__PURE__ */ f(W, { toast: a, onDismiss: l, onRemove: r }, a.id))
+    }
+  );
+};
+let Z = 0;
+const ss = () => `toast-${++Z}-${Date.now()}`, ts = 4e3, es = {
+  default: !0,
+  success: !0,
+  info: !0,
+  warning: !0,
+  error: !1,
+  loading: !1
+};
+function ns(t) {
+  let o = [];
+  const l = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map(), s = () => l.forEach((e) => e()), m = (e) => (l.add(e), () => {
+    l.delete(e);
+  }), a = () => o, g = (e) => {
+    const n = r.get(e);
+    n && (clearTimeout(n), r.delete(e));
+  }, v = (e) => {
+    g(e), o = o.map(
+      (n) => n.id === e ? { ...n, dismissing: !0 } : n
+    ), s();
+  }, c = (e) => {
+    o = o.filter((n) => n.id !== e), s();
+  }, i = (e, n, _) => {
+    if (!es[n] && _ === void 0) return;
+    const A = setTimeout(() => v(e), _ ?? t);
+    r.set(e, A);
+  };
+  return { subscribe: m, getSnapshot: a, addToast: (e, n = {}) => {
+    const _ = ss(), p = n.variant ?? "default";
+    return o = [...o, { id: _, message: e, variant: p }], s(), i(_, p, n.duration), _;
+  }, dismiss: v, remove: c, update: (e, n) => {
+    g(e), o = o.map((p) => p.id !== e ? p : {
+      ...p,
+      ...n.message !== void 0 && { message: n.message },
+      ...n.variant !== void 0 && { variant: n.variant },
+      dismissing: !1
+    }), s();
+    const _ = n.variant;
+    _ && i(e, _, n.duration);
+  } };
+}
+function os(t = {}) {
+  const { position: o = "top-right", duration: l = ts } = t, r = C(null);
+  r.current || (r.current = ns(l));
+  const s = r.current, m = T(s.subscribe, s.getSnapshot), a = s.dismiss, g = S(() => {
+    const c = (i, d) => s.addToast(i, d);
+    return c.success = (i, d) => s.addToast(i, { ...d, variant: "success" }), c.error = (i, d) => s.addToast(i, { ...d, variant: "error" }), c.warning = (i, d) => s.addToast(i, { ...d, variant: "warning" }), c.info = (i, d) => s.addToast(i, { ...d, variant: "info" }), c.loading = (i, d) => s.addToast(i, { ...d, variant: "loading" }), c.update = s.update, c;
+  }, [s]), v = S(() => {
+    const c = () => {
+      const i = T(
+        s.subscribe,
+        s.getSnapshot
+      );
+      return x(Y, {
+        toasts: i,
+        position: o,
+        onDismiss: s.dismiss,
+        onRemove: s.remove
+      });
+    };
+    return c.displayName = "Toasts", c;
+  }, [s, o]);
+  return { toasts: m, toast: g, dismiss: a, Toasts: v };
+}
+const I = y(null);
+function ms({
+  children: t,
+  ...o
+}) {
+  const { toast: l, Toasts: r } = os(o);
+  return /* @__PURE__ */ w(I.Provider, { value: l, children: [
+    t,
+    /* @__PURE__ */ f(r, {})
+  ] });
+}
+function ps() {
+  const t = E(I);
+  if (!t)
+    throw new Error("useToast must be used within a <ToastProvider>");
+  return t;
+}
+export {
+  W as T,
+  Y as a,
+  ms as b,
+  os as c,
+  ps as u
+};

package/dist/index.js

@@ -1,6 +1,6 @@
 import { A as r, a as e } from "./Accordion-_Ot21_IX.js";
 import { A as t } from "./Alert-Cbx2Hx3u.js";
-import { A as m, a as x } from "./Avatar-7zC49FAM.js";
+import { A as m, a as d } from "./Avatar-7zC49FAM.js";
 import { B as f } from "./Badge-D1SsfPgP.js";
 import { B as T } from "./Breadcrumbs-u6K5JP-p.js";
 import { B as b } from "./Button-CZyNozz2.js";
@@ -8,7 +8,7 @@ import { C as i, a as C, b as B, c as w } from "./Card-sDTrEkr0.js";
 import { C as u } from "./Checkbox-D-5XA5nS.js";
 import { C as A, M as H, a as g, b as I, c as M } from "./ConfirmModal-CVz_ziw_.js";
 import { C as y } from "./Container-ahtH8Cdw.js";
-import { D as F, a as R, b as h, c as v } from "./Drawer-DQlmckRl.js";
+import { D as v, a as F, b as R, c as h } from "./Drawer-DQlmckRl.js";
 import { D as L, a as j, b as q, c as z, d as E } from "./Dropdown-GLV9Ia6O.js";
 import { H as K } from "./Heading-Ch7JpxBQ.js";
 import { I as O } from "./IconButton-CwyqSRAA.js";
@@ -16,23 +16,23 @@ import { I as U } from "./Input-DZz1lKfC.js";
 import { L as W } from "./LinkButton-DjDpX08N.js";
 import { P as Y } from "./Pagination-C3F8WZwF.js";
 import { P as _ } from "./Progress-DkSwmZPr.js";
-import { R as oo } from "./Radio-0ZIweAXI.js";
-import { S as ro } from "./Select-DDvtRanl.js";
-import { S as so } from "./Skeleton-8HbsCzY1.js";
-import { S as po } from "./Spinner-BBsu1HN3.js";
-import { S as xo } from "./Switch-D7LlrXzk.js";
-import { T as no, a as To } from "./Tabs-CEWSRAh7.js";
-import { T as bo, a as co, b as io, c as Co, d as Bo, e as wo } from "./Table-BUCUALeG.js";
-import { T as uo } from "./Text-EMaNgj_L.js";
-import { T as Ao } from "./Textarea-Btoxtbz0.js";
-import { T as go, a as Io, u as Mo } from "./useToast-BX2dQTGH.js";
-import { T as yo } from "./Tooltip-DENWDJQ8.js";
+import { R as aa } from "./Radio-0ZIweAXI.js";
+import { S as ra } from "./Select-DDvtRanl.js";
+import { S as sa } from "./Skeleton-8HbsCzY1.js";
+import { S as pa } from "./Spinner-BBsu1HN3.js";
+import { S as da } from "./Switch-D7LlrXzk.js";
+import { T as fa, a as na } from "./Tabs-CEWSRAh7.js";
+import { T as la, a as ba, b as ca, c as ia, d as Ca, e as Ba } from "./Table-BUCUALeG.js";
+import { T as Da } from "./Text-EMaNgj_L.js";
+import { T as Sa } from "./Textarea-Btoxtbz0.js";
+import { T as Ha, a as ga, b as Ia, u as Ma, c as Pa } from "./ToastProvider-CdoCvWCg.js";
+import { T as ka } from "./Tooltip-DENWDJQ8.js";
 export {
   r as Accordion,
   e as AccordionItem,
   t as Alert,
   m as Avatar,
-  x as AvatarGroup,
+  d as AvatarGroup,
   f as Badge,
   T as Breadcrumbs,
   b as Button,
@@ -43,10 +43,10 @@ export {
   u as Checkbox,
   A as ConfirmModal,
   y as Container,
-  F as Drawer,
-  R as DrawerBody,
-  h as DrawerFooter,
-  v as DrawerHeader,
+  v as Drawer,
+  F as DrawerBody,
+  R as DrawerFooter,
+  h as DrawerHeader,
   L as Dropdown,
   j as DropdownContent,
   q as DropdownItem,
@@ -62,23 +62,25 @@ export {
   M as ModalHeader,
   Y as Pagination,
   _ as Progress,
-  oo as RadioGroup,
-  ro as Select,
-  so as Skeleton,
-  po as Spinner,
-  xo as Switch,
-  no as TabPanel,
-  bo as Table,
-  co as TableBody,
-  io as TableCell,
-  Co as TableHead,
-  Bo as TableHeader,
-  wo as TableRow,
-  To as Tabs,
-  uo as Text,
-  Ao as Textarea,
-  go as Toast,
-  Io as ToastContainer,
-  yo as Tooltip,
-  Mo as useToast
+  aa as RadioGroup,
+  ra as Select,
+  sa as Skeleton,
+  pa as Spinner,
+  da as Switch,
+  fa as TabPanel,
+  la as Table,
+  ba as TableBody,
+  ca as TableCell,
+  ia as TableHead,
+  Ca as TableHeader,
+  Ba as TableRow,
+  na as Tabs,
+  Da as Text,
+  Sa as Textarea,
+  Ha as Toast,
+  ga as ToastContainer,
+  Ia as ToastProvider,
+  ka as Tooltip,
+  Ma as useToast,
+  Pa as useToastState
 };

package/dist/toast.js

@@ -1,6 +1,8 @@
-import { T as o, a as t, u as T } from "./useToast-BX2dQTGH.js";
+import { T as o, a as t, b as e, u as T, c as r } from "./ToastProvider-CdoCvWCg.js";
 export {
   o as Toast,
   t as ToastContainer,
-  T as useToast
+  e as ToastProvider,
+  T as useToast,
+  r as useToastState
 };

package/dist/types/components/ui/Toast/ToastProvider.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { UseToastOptions } from "./Toast.types";
+import type { ToastFn } from "./useToast";
+export declare function ToastProvider({ children, ...options }: {
+    children: ReactNode;
+} & UseToastOptions): import("react/jsx-runtime").JSX.Element;
+export declare function useToast(): ToastFn;

package/dist/types/components/ui/Toast/index.d.ts

@@ -1,5 +1,6 @@
 export { Toast } from "./Toast";
 export { ToastContainer } from "./ToastContainer";
-export { useToast } from "./useToast";
+export { useToastState } from "./useToast";
+export { ToastProvider, useToast } from "./ToastProvider";
 export type { ToastProps, ToastContainerProps, ToastData, ToastVariant, ToastPosition, UseToastOptions } from "./Toast.types";
 export type { ToastFn, UseToastReturn } from "./useToast";

package/dist/types/components/ui/Toast/useToast.d.ts

@@ -24,5 +24,5 @@ export type UseToastReturn = {
     dismiss: (id: string) => void;
     Toasts: FC;
 };
-export declare function useToast(options?: UseToastOptions): UseToastReturn;
+export declare function useToastState(options?: UseToastOptions): UseToastReturn;
 export {};

package/dist/types/components/ui/index.d.ts

@@ -49,7 +49,7 @@ export { Text } from "./Text";
 export type { TextProps } from "./Text";
 export { Textarea } from "./Textarea";
 export type { TextareaProps } from "./Textarea";
-export { Toast, ToastContainer, useToast } from "./Toast";
+export { Toast, ToastContainer, useToastState, ToastProvider, useToast } from "./Toast";
 export type { ToastProps, ToastContainerProps, ToastData, ToastVariant, ToastPosition, UseToastOptions } from "./Toast";
 export type { ToastFn, UseToastReturn } from "./Toast";
 export { Tooltip } from "./Tooltip";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sander-ui",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "type": "module",
   "description": "A modern React component library built with TypeScript and CSS Modules",
   "main": "./dist/index.js",

package/dist/useToast-BX2dQTGH.js

@@ -1,170 +0,0 @@
-import { useRef as I, useEffect as D, useState as M, useCallback as p, useMemo as b, createElement as y } from "react";
-import { jsxs as k, jsx as u } from "react/jsx-runtime";
-import { c as h } from "./index-p1eeF8LQ.js";
-import { c as E } from "./createLucideIcon-CP-mMPfa.js";
-import { I as w, T as x, C as z, a as R } from "./triangle-alert-CvNSSzY6.js";
-import { X as j } from "./x-B9bYxG31.js";
-const L = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], O = E("loader-circle", L), P = "_container_d8npe_1", U = "_toast_d8npe_79", $ = "_dismissing_d8npe_95", B = "_icon_d8npe_115", V = "_iconSpin_d8npe_119", X = "_spin_d8npe_1", q = "_message_d8npe_123", F = "_dismiss_d8npe_95", G = "_success_d8npe_159", H = "_error_d8npe_165", J = "_warning_d8npe_171", K = "_info_d8npe_177", Q = "_loading_d8npe_183", r = {
-  container: P,
-  "bottom-right": "_bottom-right_d8npe_25",
-  "bottom-left": "_bottom-left_d8npe_26",
-  "top-right": "_top-right_d8npe_30",
-  "top-left": "_top-left_d8npe_31",
-  toast: U,
-  "slide-in-bottom": "_slide-in-bottom_d8npe_1",
-  dismissing: $,
-  "slide-out-bottom": "_slide-out-bottom_d8npe_1",
-  "slide-in-top": "_slide-in-top_d8npe_1",
-  "slide-out-top": "_slide-out-top_d8npe_1",
-  icon: B,
-  iconSpin: V,
-  spin: X,
-  message: q,
-  dismiss: F,
-  default: "_default_d8npe_153",
-  success: G,
-  error: H,
-  warning: J,
-  info: K,
-  loading: Q,
-  "slide-in-right": "_slide-in-right_d8npe_1",
-  "slide-out-right": "_slide-out-right_d8npe_1",
-  "slide-in-left": "_slide-in-left_d8npe_1",
-  "slide-out-left": "_slide-out-left_d8npe_1"
-}, W = {
-  default: w,
-  success: R,
-  error: z,
-  warning: x,
-  info: w,
-  loading: O
-}, Y = ({ toast: i, onDismiss: l, onRemove: _ }) => {
-  const a = i.variant === "error", o = W[i.variant];
-  return /* @__PURE__ */ k(
-    "div",
-    {
-      role: a ? "alert" : "status",
-      "aria-atomic": "true",
-      className: h(
-        r.toast,
-        r[i.variant],
-        i.dismissing && r.dismissing
-      ),
-      onAnimationEnd: () => {
-        i.dismissing && _(i.id);
-      },
-      children: [
-        /* @__PURE__ */ u(
-          o,
-          {
-            size: 18,
-            className: h(
-              r.icon,
-              i.variant === "loading" && r.iconSpin
-            ),
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ u("p", { className: r.message, children: i.message }),
-        /* @__PURE__ */ u(
-          "button",
-          {
-            onClick: () => l(i.id),
-            "aria-label": "Dismiss notification",
-            className: r.dismiss,
-            children: /* @__PURE__ */ u(j, { size: 16 })
-          }
-        )
-      ]
-    }
-  );
-}, Z = ({
-  toasts: i,
-  position: l = "top-right",
-  onDismiss: _,
-  onRemove: a
-}) => {
-  const o = I(null), c = i.length > 0;
-  return D(() => {
-    const t = o.current;
-    t && (c && !t.matches(":popover-open") ? t.showPopover() : !c && t.matches(":popover-open") && t.hidePopover());
-  }, [c]), /* @__PURE__ */ u(
-    "div",
-    {
-      ref: o,
-      popover: "manual",
-      className: h(r.container, r[l]),
-      "aria-live": "polite",
-      "aria-relevant": "additions",
-      children: i.map((t) => /* @__PURE__ */ u(Y, { toast: t, onDismiss: _, onRemove: a }, t.id))
-    }
-  );
-};
-let nn = 0;
-const en = () => `toast-${++nn}-${Date.now()}`, sn = 4e3, tn = {
-  default: !0,
-  success: !0,
-  info: !0,
-  warning: !0,
-  error: !1,
-  loading: !1
-};
-function _n(i = {}) {
-  const { position: l = "top-right", duration: _ = sn } = i, [a, o] = M([]), c = I(/* @__PURE__ */ new Map()), t = p((e) => {
-    const n = c.current.get(e);
-    n && (clearTimeout(n), c.current.delete(e));
-  }, []), f = p(
-    (e) => {
-      t(e), o(
-        (n) => n.map((s) => s.id === e ? { ...s, dismissing: !0 } : s)
-      );
-    },
-    [t]
-  ), T = p((e) => {
-    o((n) => n.filter((s) => s.id !== e));
-  }, []), v = p(
-    (e, n, s) => {
-      if (!tn[n] && s === void 0) return;
-      const N = setTimeout(() => f(e), s ?? _);
-      c.current.set(e, N);
-    },
-    [_, f]
-  ), d = p(
-    (e, n = {}) => {
-      const s = en(), g = n.variant ?? "default";
-      return o((m) => [...m, { id: s, message: e, variant: g }]), v(s, g, n.duration), s;
-    },
-    [v]
-  ), S = p(
-    (e, n) => {
-      t(e), o(
-        (g) => g.map((m) => m.id !== e ? m : {
-          ...m,
-          ...n.message !== void 0 && { message: n.message },
-          ...n.variant !== void 0 && { variant: n.variant },
-          dismissing: !1
-        })
-      );
-      const s = n.variant;
-      s && v(e, s, n.duration);
-    },
-    [t, v]
-  ), A = b(() => {
-    const e = (n, s) => d(n, s);
-    return e.success = (n, s) => d(n, { ...s, variant: "success" }), e.error = (n, s) => d(n, { ...s, variant: "error" }), e.warning = (n, s) => d(n, { ...s, variant: "warning" }), e.info = (n, s) => d(n, { ...s, variant: "info" }), e.loading = (n, s) => d(n, { ...s, variant: "loading" }), e.update = S, e;
-  }, [d, S]), C = b(() => {
-    const e = () => y(Z, {
-      toasts: a,
-      position: l,
-      onDismiss: f,
-      onRemove: T
-    });
-    return e.displayName = "Toasts", e;
-  }, [a, l, f, T]);
-  return { toasts: a, toast: A, dismiss: f, Toasts: C };
-}
-export {
-  Y as T,
-  Z as a,
-  _n as u
-};