sander-ui 0.1.19 → 0.1.20

package/dist/index.js

@@ -25,7 +25,7 @@ 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 go, a as Io, u as Mo } from "./useToast-BQudQhlt.js";
 import { T as yo } from "./Tooltip-DENWDJQ8.js";
 export {
   r as Accordion,

package/dist/toast.js

@@ -1,4 +1,4 @@
-import { T as o, a as t, u as T } from "./useToast-BX2dQTGH.js";
+import { T as o, a as t, u as T } from "./useToast-BQudQhlt.js";
 export {
   o as Toast,
   t as ToastContainer,

package/dist/useToast-BQudQhlt.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sander-ui",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "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
-};