@devalok/shilp-sutra 0.30.0 → 0.32.0

package/dist/ui/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/ui/toast.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/ui/toast.tsx"],"names":[],"mappings":"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"}

package/dist/ui/toast.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import * as p from "react";
-import { t as f } from "../_chunks/sonner.js";
-import { IconInfoCircle as D, IconAlertTriangle as M, IconCircleX as O, IconCircleCheck as P, IconCheck as z, IconAlertCircle as U, IconPhoto as j, IconFile as L, IconRefresh as _, IconX as G, IconUpload as X } from "@tabler/icons-react";
-import { cn as I } from "./lib/utils.js";
-import { springs as x, tweens as N } from "./lib/motion.js";
-import { Spinner as E } from "./spinner.js";
-import { Progress as H } from "./progress.js";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as f from "react";
+import { t as p } from "../_chunks/sonner.js";
+import { IconInfoCircle as P, IconAlertTriangle as j, IconCircleX as L, IconCircleCheck as _, IconCheck as U, IconAlertCircle as E, IconPhoto as G, IconFile as X, IconRefresh as H, IconX as Y, IconUpload as K } from "@tabler/icons-react";
+import { cn as k } from "./lib/utils.js";
+import { springs as v, tweens as b } from "./lib/motion.js";
+import { Spinner as A } from "./spinner.js";
+import { Progress as V } from "./progress.js";
 import { Icon as g } from "./icon.js";
-import { m as o, A as T } from "../_chunks/framer.js";
-const R = 5e3, Y = 8e3, B = 3e3, F = {
+import { m as o, A as R } from "../_chunks/framer.js";
+const F = 5e3, W = 8e3, z = 3e3, D = {
   message: {
     accentClass: "",
     iconClass: "",
@@ -19,25 +19,25 @@ const R = 5e3, Y = 8e3, B = 3e3, F = {
   success: {
     accentClass: "bg-success-9",
     iconClass: "text-success-11",
-    icon: P,
+    icon: _,
     timerBarClass: "bg-success-9"
   },
   error: {
     accentClass: "bg-error-9",
     iconClass: "text-error-11",
-    icon: O,
+    icon: L,
     timerBarClass: "bg-error-9"
   },
   warning: {
     accentClass: "bg-warning-9",
     iconClass: "text-warning-11",
-    icon: M,
+    icon: j,
     timerBarClass: "bg-warning-9"
   },
   info: {
     accentClass: "bg-info-9",
     iconClass: "text-info-11",
-    icon: D,
+    icon: P,
     timerBarClass: "bg-info-9"
   },
   loading: {
@@ -47,16 +47,16 @@ const R = 5e3, Y = 8e3, B = 3e3, F = {
     timerBarClass: "bg-accent-9"
   }
 };
-function S({
+function M({
   duration: e,
   type: s,
   paused: a
 }) {
-  const r = F[s];
+  const r = D[s];
   return /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-0 right-0 h-[2px] overflow-hidden", children: /* @__PURE__ */ t(
     "div",
     {
-      className: I(
+      className: k(
         "h-full w-full origin-left opacity-30",
         r.timerBarClass,
         "motion-safe:animate-timer-bar"
@@ -68,83 +68,85 @@ function S({
     }
   ) });
 }
-function k({
+function B({
   type: e,
   title: s,
   description: a,
   action: r,
   cancel: n,
-  duration: c = R,
-  showTimerBar: w = !0,
-  selfDismissId: l
+  duration: c = F,
+  showTimerBar: $ = !0,
+  selfDismissId: N
 }) {
-  const [u, y] = p.useState(!1), h = F[e], C = h.icon, b = p.useRef(c), i = p.useRef(0);
-  return p.useEffect(() => {
-    if (l == null || c === 1 / 0) return;
-    if (u) {
-      const A = Date.now() - i.current;
-      b.current = Math.max(0, b.current - A);
+  const [I, w] = f.useState(!1), [m, u] = f.useState(!1), h = I || m, x = D[e], T = x.icon, C = f.useRef(c), i = f.useRef(0);
+  return f.useEffect(() => {
+    if (N == null || c === 1 / 0) return;
+    if (h) {
+      const O = Date.now() - i.current;
+      C.current = Math.max(0, C.current - O);
       return;
     }
     i.current = Date.now();
-    const $ = setTimeout(() => {
-      f.dismiss(l);
-    }, b.current);
-    return () => clearTimeout($);
-  }, [l, c, u]), /* @__PURE__ */ d(
+    const S = setTimeout(() => {
+      p.dismiss(N);
+    }, C.current);
+    return () => clearTimeout(S);
+  }, [N, c, h]), /* @__PURE__ */ l(
     o.div,
     {
       layout: "position",
       role: "status",
       "aria-live": "polite",
       className: "group relative flex w-full overflow-hidden rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-floating",
-      onMouseEnter: () => y(!0),
-      onMouseLeave: () => y(!1),
-      transition: x.smooth,
+      onMouseEnter: () => w(!0),
+      onMouseLeave: () => w(!1),
+      onFocusCapture: () => u(!0),
+      onBlurCapture: () => u(!1),
+      transition: v.smooth,
       children: [
-        h.accentClass && /* @__PURE__ */ t(
+        x.accentClass && /* @__PURE__ */ t(
           "div",
           {
-            className: I("w-1 shrink-0 rounded-l-ds-md", h.accentClass)
+            className: k("w-1 shrink-0 rounded-l-ds-md", x.accentClass)
           }
         ),
-        /* @__PURE__ */ d("div", { className: "flex min-w-0 flex-1 items-start gap-ds-03 p-ds-04", children: [
-          /* @__PURE__ */ t(T, { mode: "wait", children: e === "loading" ? /* @__PURE__ */ t(
+        /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-start gap-ds-03 p-ds-04", children: [
+          /* @__PURE__ */ t(R, { mode: "wait", children: e === "loading" ? /* @__PURE__ */ t(
             o.div,
             {
               initial: { opacity: 0, scale: 0.5 },
               animate: { opacity: 1, scale: 1 },
               exit: { opacity: 0, scale: 0.5 },
-              transition: N.fade,
+              transition: b.fade,
               className: "mt-0.5 shrink-0",
-              children: /* @__PURE__ */ t(E, { size: "sm", className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(A, { size: "sm", className: "h-4 w-4" })
             },
             "loading"
-          ) : C ? /* @__PURE__ */ t(
+          ) : T ? /* @__PURE__ */ t(
             o.div,
             {
               initial: { opacity: 0, scale: 0.5 },
               animate: { opacity: 1, scale: 1 },
               exit: { opacity: 0, scale: 0.5 },
-              transition: x.bouncy,
+              transition: v.bouncy,
               className: "mt-0.5 shrink-0",
-              children: /* @__PURE__ */ t(g, { icon: C, size: "sm", className: h.iconClass })
+              children: /* @__PURE__ */ t(g, { icon: T, size: "sm", className: x.iconClass })
             },
             e
           ) : null }),
-          /* @__PURE__ */ d("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ l("div", { className: "min-w-0 flex-1", children: [
             s && /* @__PURE__ */ t("p", { className: "text-ds-md font-semibold text-surface-fg", children: s }),
             a && /* @__PURE__ */ t(
               "p",
               {
-                className: I(
+                className: k(
                   "text-ds-sm text-surface-fg-muted",
                   s && "mt-0.5"
                 ),
                 children: a
               }
             ),
-            (r || n) && /* @__PURE__ */ d("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: [
+            (r || n) && /* @__PURE__ */ l("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: [
               r && /* @__PURE__ */ t(
                 "button",
                 {
@@ -166,12 +168,12 @@ function k({
             ] })
           ] })
         ] }),
-        w && e !== "loading" && /* @__PURE__ */ t(S, { duration: c, type: e, paused: u })
+        $ && e !== "loading" && /* @__PURE__ */ t(M, { duration: c, type: e, paused: h })
       ]
     }
   );
 }
-const K = /* @__PURE__ */ new Set([
+const q = /* @__PURE__ */ new Set([
   "jpg",
   "jpeg",
   "png",
@@ -182,12 +184,12 @@ const K = /* @__PURE__ */ new Set([
   "ico",
   "avif"
 ]);
-function V(e) {
+function J(e) {
   if (e.previewUrl) return !0;
   const s = e.name.split(".").pop()?.toLowerCase() ?? "";
-  return K.has(s);
+  return q.has(s);
 }
-function W(e) {
+function Q(e) {
   switch (e) {
     case "complete":
       return "success";
@@ -197,7 +199,7 @@ function W(e) {
       return "default";
   }
 }
-function q(e) {
+function Z(e) {
   switch (e.status) {
     case "pending":
       return 0;
@@ -211,16 +213,16 @@ function q(e) {
       return e.progress ?? 0;
   }
 }
-function J(e) {
+function ee(e) {
   return !e || e < 0 || !Number.isFinite(e) ? "0 B" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-function Q({
+function te({
   file: e,
   onRetry: s,
   onRemove: a
 }) {
   const r = e.status === "complete" || e.status === "error", n = e.status === "uploading" || e.status === "processing";
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ l(
     o.div,
     {
       layout: !0,
@@ -228,16 +230,16 @@ function Q({
       initial: !1,
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, x: -20, height: 0 },
-      transition: x.snappy,
+      transition: v.snappy,
       children: [
-        /* @__PURE__ */ t("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ t(T, { mode: "wait", children: e.status === "complete" ? /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ t(R, { mode: "wait", children: e.status === "complete" ? /* @__PURE__ */ t(
           o.div,
           {
             initial: { opacity: 0, scale: 0.5 },
             animate: { opacity: 1, scale: 1 },
             exit: { opacity: 0, scale: 0.5 },
-            transition: x.bouncy,
-            children: /* @__PURE__ */ t(g, { icon: z, size: "xs", className: "text-success-11" })
+            transition: v.bouncy,
+            children: /* @__PURE__ */ t(g, { icon: U, size: "xs", className: "text-success-11" })
           },
           "complete"
         ) : e.status === "error" ? /* @__PURE__ */ t(
@@ -246,8 +248,8 @@ function Q({
             initial: { opacity: 0, scale: 0.5 },
             animate: { opacity: 1, scale: 1 },
             exit: { opacity: 0, scale: 0.5 },
-            transition: N.fade,
-            children: /* @__PURE__ */ t(g, { icon: U, size: "xs", className: "text-error-11" })
+            transition: b.fade,
+            children: /* @__PURE__ */ t(g, { icon: E, size: "xs", className: "text-error-11" })
           },
           "error"
         ) : e.status === "processing" ? /* @__PURE__ */ t(
@@ -256,18 +258,18 @@ function Q({
             initial: { opacity: 0 },
             animate: { opacity: 1 },
             exit: { opacity: 0 },
-            transition: N.fade,
-            children: /* @__PURE__ */ t(E, { size: "sm", className: "h-3.5 w-3.5" })
+            transition: b.fade,
+            children: /* @__PURE__ */ t(A, { size: "sm", className: "h-3.5 w-3.5" })
           },
           "processing"
-        ) : V(e) ? /* @__PURE__ */ t(
+        ) : J(e) ? /* @__PURE__ */ t(
           o.div,
           {
             initial: { opacity: 0 },
             animate: { opacity: 1 },
             exit: { opacity: 0 },
-            transition: N.fade,
-            children: /* @__PURE__ */ t(g, { icon: j, size: "xs", className: "text-surface-fg-muted" })
+            transition: b.fade,
+            children: /* @__PURE__ */ t(g, { icon: G, size: "xs", className: "text-surface-fg-muted" })
           },
           "image"
         ) : /* @__PURE__ */ t(
@@ -276,35 +278,36 @@ function Q({
             initial: { opacity: 0 },
             animate: { opacity: 1 },
             exit: { opacity: 0 },
-            transition: N.fade,
-            children: /* @__PURE__ */ t(g, { icon: L, size: "xs", className: "text-surface-fg-muted" })
+            transition: b.fade,
+            children: /* @__PURE__ */ t(g, { icon: X, size: "xs", className: "text-surface-fg-muted" })
           },
           "file"
         ) }) }),
         /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-ds-xs text-surface-fg", children: e.name }),
-        n ? /* @__PURE__ */ d("div", { className: "flex w-16 items-center gap-1", children: [
+        n ? /* @__PURE__ */ l("div", { className: "flex w-16 items-center gap-1", children: [
           /* @__PURE__ */ t(
-            H,
+            V,
             {
               size: "sm",
-              color: W(e.status),
-              value: q(e),
+              color: Q(e.status),
+              value: Z(e),
               className: "flex-1"
             }
           ),
-          e.progress !== void 0 && /* @__PURE__ */ d("span", { className: "shrink-0 text-[10px] tabular-nums text-surface-fg-muted", children: [
+          e.progress !== void 0 && /* @__PURE__ */ l("span", { className: "shrink-0 text-ds-xs tabular-nums text-surface-fg-muted", children: [
             e.progress,
             "%"
           ] })
-        ] }) : e.status === "complete" ? /* @__PURE__ */ t("span", { className: "text-[10px] text-success-11", children: "Done" }) : e.status === "error" ? /* @__PURE__ */ t("span", { className: "max-w-[60px] truncate text-[10px] text-error-11", children: e.error || "Failed" }) : /* @__PURE__ */ t("span", { className: "text-[10px] text-surface-fg-muted", children: J(e.size) }),
+        ] }) : e.status === "complete" ? /* @__PURE__ */ t("span", { className: "text-ds-xs text-success-11", children: "Done" }) : e.status === "error" ? /* @__PURE__ */ t("span", { className: "max-w-[60px] truncate text-ds-xs text-error-11", children: e.error || "Failed" }) : /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-muted", children: ee(e.size) }),
         e.status === "error" && s && /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             onClick: () => s(e.id),
-            className: "flex h-4 w-4 items-center justify-center rounded-ds-sm text-surface-fg-muted hover:text-surface-fg",
+            className: "touch-target flex min-h-6 min-w-6 items-center justify-center rounded-ds-sm text-surface-fg-muted hover:text-surface-fg",
             "aria-label": `Retry ${e.name}`,
-            children: /* @__PURE__ */ t(_, { className: "h-3 w-3" })
+            title: "Retry",
+            children: /* @__PURE__ */ t(H, { className: "h-3.5 w-3.5" })
           }
         ),
         !r && a && /* @__PURE__ */ t(
@@ -312,39 +315,40 @@ function Q({
           {
             type: "button",
             onClick: () => a(e.id),
-            className: "flex h-4 w-4 items-center justify-center rounded-ds-sm text-surface-fg-muted hover:text-surface-fg",
+            className: "touch-target flex min-h-6 min-w-6 items-center justify-center rounded-ds-sm text-surface-fg-muted hover:text-surface-fg",
             "aria-label": `Cancel ${e.name}`,
-            children: /* @__PURE__ */ t(G, { className: "h-3 w-3" })
+            title: "Remove",
+            children: /* @__PURE__ */ t(Y, { className: "h-3.5 w-3.5" })
           }
         )
       ]
     }
   );
 }
-function Z({
+function se({
   files: e,
   onRetry: s,
   onRemove: a,
   selfDismissId: r
 }) {
-  const [n, c] = p.useState(!1), w = e.filter((i) => i.status === "complete").length, l = e.filter((i) => i.status === "error").length, u = e.every(
+  const [n, c] = f.useState(!1), [$, N] = f.useState(!1), I = n || $, w = e.filter((i) => i.status === "complete").length, m = e.filter((i) => i.status === "error").length, u = e.every(
     (i) => i.status === "complete" || i.status === "error"
-  ), y = p.useRef(B), h = p.useRef(0);
-  p.useEffect(() => {
+  ), h = f.useRef(z), x = f.useRef(0);
+  f.useEffect(() => {
     if (r == null || !u) return;
-    if (n) {
-      const $ = Date.now() - h.current;
-      y.current = Math.max(0, y.current - $);
+    if (I) {
+      const S = Date.now() - x.current;
+      h.current = Math.max(0, h.current - S);
       return;
     }
-    h.current = Date.now();
+    x.current = Date.now();
     const i = setTimeout(() => {
-      f.dismiss(r);
-    }, y.current);
+      p.dismiss(r);
+    }, h.current);
     return () => clearTimeout(i);
-  }, [r, u, n]);
-  const C = u ? l > 0 ? "bg-error-7" : "bg-success-7" : "bg-accent-9", b = u ? l > 0 ? "error" : "success" : "loading";
-  return /* @__PURE__ */ d(
+  }, [r, u, I]);
+  const T = u ? m > 0 ? "bg-error-7" : "bg-success-7" : "bg-accent-9", C = u ? m > 0 ? "error" : "success" : "loading";
+  return /* @__PURE__ */ l(
     o.div,
     {
       layout: !0,
@@ -354,19 +358,21 @@ function Z({
       className: "group relative flex w-full overflow-hidden rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-floating",
       onMouseEnter: () => c(!0),
       onMouseLeave: () => c(!1),
-      transition: x.smooth,
+      onFocusCapture: () => N(!0),
+      onBlurCapture: () => N(!1),
+      transition: v.smooth,
       children: [
-        /* @__PURE__ */ t("div", { className: I("w-1 shrink-0 rounded-l-ds-md", C) }),
-        /* @__PURE__ */ d("div", { className: "min-w-0 flex-1 p-ds-04", children: [
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-02", children: [
-            /* @__PURE__ */ t(T, { mode: "wait", children: u ? l > 0 ? /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: k("w-1 shrink-0 rounded-l-ds-md", T) }),
+        /* @__PURE__ */ l("div", { className: "min-w-0 flex-1 p-ds-04", children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02", children: [
+            /* @__PURE__ */ t(R, { mode: "wait", children: u ? m > 0 ? /* @__PURE__ */ t(
               o.div,
               {
                 initial: { opacity: 0, scale: 0.5 },
                 animate: { opacity: 1, scale: 1 },
                 exit: { opacity: 0, scale: 0.5 },
-                transition: x.bouncy,
-                children: /* @__PURE__ */ t(g, { icon: U, size: "sm", className: "shrink-0 text-error-11" })
+                transition: v.bouncy,
+                children: /* @__PURE__ */ t(g, { icon: E, size: "sm", className: "shrink-0 text-error-11" })
               },
               "error-icon"
             ) : /* @__PURE__ */ t(
@@ -375,8 +381,8 @@ function Z({
                 initial: { opacity: 0, scale: 0.5 },
                 animate: { opacity: 1, scale: 1 },
                 exit: { opacity: 0, scale: 0.5 },
-                transition: x.bouncy,
-                children: /* @__PURE__ */ t(g, { icon: z, size: "sm", className: "shrink-0 text-success-11" })
+                transition: v.bouncy,
+                children: /* @__PURE__ */ t(g, { icon: U, size: "sm", className: "shrink-0 text-success-11" })
               },
               "success-icon"
             ) : /* @__PURE__ */ t(
@@ -385,22 +391,22 @@ function Z({
                 initial: { opacity: 0 },
                 animate: { opacity: 1 },
                 exit: { opacity: 0 },
-                transition: N.fade,
-                children: /* @__PURE__ */ t(g, { icon: X, size: "sm", className: "shrink-0 text-surface-fg-muted" })
+                transition: b.fade,
+                children: /* @__PURE__ */ t(g, { icon: K, size: "sm", className: "shrink-0 text-surface-fg-muted" })
               },
               "upload-icon"
             ) }),
-            /* @__PURE__ */ t("p", { className: "text-ds-md font-semibold text-surface-fg", children: u ? l > 0 ? `${w} of ${e.length} uploaded` : `${e.length} file${e.length > 1 ? "s" : ""} uploaded` : `Uploading ${e.length} file${e.length > 1 ? "s" : ""}` })
+            /* @__PURE__ */ t("p", { className: "text-ds-md font-semibold text-surface-fg", children: u ? m > 0 ? `${w} of ${e.length} uploaded` : `${e.length} file${e.length > 1 ? "s" : ""} uploaded` : `Uploading ${e.length} file${e.length > 1 ? "s" : ""}` })
           ] }),
-          !u && /* @__PURE__ */ d("p", { className: "mt-0.5 text-ds-xs text-surface-fg-muted", children: [
+          !u && /* @__PURE__ */ l("p", { className: "mt-0.5 text-ds-xs text-surface-fg-muted", children: [
             w,
             " of ",
             e.length,
             " complete",
-            l > 0 && ` · ${l} failed`
+            m > 0 && ` · ${m} failed`
           ] }),
-          /* @__PURE__ */ t("div", { className: "mt-ds-02 max-h-[140px] overflow-y-auto", children: /* @__PURE__ */ t(T, { children: e.map((i) => /* @__PURE__ */ t(
-            Q,
+          /* @__PURE__ */ t("div", { className: "mt-ds-02 max-h-[140px] overflow-y-auto", children: /* @__PURE__ */ t(R, { children: e.map((i) => /* @__PURE__ */ t(
+            te,
             {
               file: i,
               onRetry: s,
@@ -408,19 +414,19 @@ function Z({
             },
             i.id
           )) }) }),
-          /* @__PURE__ */ d("div", { className: "sr-only", "aria-live": "polite", children: [
+          /* @__PURE__ */ l("div", { className: "sr-only", "aria-live": "polite", children: [
             w,
             " of ",
             e.length,
             " files uploaded",
-            l > 0 && `, ${l} failed`
+            m > 0 && `, ${m} failed`
           ] })
         ] }),
         u && /* @__PURE__ */ t(
-          S,
+          M,
           {
-            duration: B,
-            type: b,
+            duration: z,
+            type: C,
             paused: !1
           }
         )
@@ -428,19 +434,19 @@ function Z({
     }
   );
 }
-function ee(e, s) {
+function ae(e, s) {
   return {
     id: e?.id,
-    duration: e?.duration ?? s ?? R,
+    duration: e?.duration ?? s ?? F,
     unstyled: !0,
     classNames: { toast: "w-full" }
   };
 }
-function v(e, s, a) {
-  const r = a?.duration ?? R;
-  return f.custom(
+function y(e, s, a) {
+  const r = a?.duration ?? F;
+  return p.custom(
     () => /* @__PURE__ */ t(
-      k,
+      B,
       {
         type: e,
         title: s,
@@ -450,33 +456,33 @@ function v(e, s, a) {
         duration: r
       }
     ),
-    ee(a, r)
+    ae(a, r)
   );
 }
-function m(e, s) {
-  return v("message", e, s);
+function d(e, s) {
+  return y("message", e, s);
 }
-m.message = (e, s) => v("message", e, s);
-m.success = (e, s) => v("success", e, s);
-m.error = (e, s) => v("error", e, s);
-m.warning = (e, s) => v("warning", e, s);
-m.info = (e, s) => v("info", e, s);
-m.loading = (e, s) => v("loading", e, {
+d.message = (e, s) => y("message", e, s);
+d.success = (e, s) => y("success", e, s);
+d.error = (e, s) => y("error", e, s);
+d.warning = (e, s) => y("warning", e, s);
+d.info = (e, s) => y("info", e, s);
+d.loading = (e, s) => y("loading", e, {
   ...s,
   duration: s?.duration ?? 1 / 0
 });
-m.promise = (e, s) => {
-  const a = f.custom(
-    () => /* @__PURE__ */ t(k, { type: "loading", title: s.loading, showTimerBar: !1 }),
+d.promise = (e, s) => {
+  const a = p.custom(
+    () => /* @__PURE__ */ t(B, { type: "loading", title: s.loading, showTimerBar: !1 }),
     { duration: 1 / 0, unstyled: !0, classNames: { toast: "w-full" } }
   ), r = (n, c) => {
-    f.custom(
+    p.custom(
       () => /* @__PURE__ */ t(
-        k,
+        B,
         {
           type: n,
           title: c,
-          duration: R,
+          duration: F,
           selfDismissId: a
         }
       ),
@@ -491,11 +497,11 @@ m.promise = (e, s) => {
     r("error", c);
   }), a;
 };
-m.undo = (e, s) => {
-  const a = s.duration ?? Y;
-  return f.custom(
+d.undo = (e, s) => {
+  const a = s.duration ?? W;
+  return p.custom(
     () => /* @__PURE__ */ t(
-      k,
+      B,
       {
         type: "message",
         title: e,
@@ -507,11 +513,11 @@ m.undo = (e, s) => {
     { duration: a, unstyled: !0, classNames: { toast: "w-full" } }
   );
 };
-m.upload = (e) => {
+d.upload = (e) => {
   const s = e.id ?? String(Date.now());
-  return f.custom(
+  return p.custom(
     () => /* @__PURE__ */ t(
-      Z,
+      se,
       {
         files: e.files,
         onRetry: e.onRetry,
@@ -527,19 +533,19 @@ m.upload = (e) => {
     }
   ), s;
 };
-m.custom = (e, s) => f.custom(e, {
+d.custom = (e, s) => p.custom(e, {
   ...s,
   unstyled: !0,
   classNames: { toast: "w-full", ...s?.classNames }
 });
-m.dismiss = (e) => {
-  e !== void 0 ? f.dismiss(e) : f.dismiss();
+d.dismiss = (e) => {
+  e !== void 0 ? p.dismiss(e) : p.dismiss();
 };
 export {
-  S as TimerBar,
-  k as ToastContent,
-  Q as UploadFileRow,
-  Z as UploadToastContent,
-  J as formatFileSize,
-  m as toast
+  M as TimerBar,
+  B as ToastContent,
+  te as UploadFileRow,
+  se as UploadToastContent,
+  ee as formatFileSize,
+  d as toast
 };

package/dist/ui/toggle-group.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
 import * as e from "react";
-import { aJ as i, aK as l } from "../_chunks/primitives.js";
+import { aI as i, aJ as l } from "../_chunks/primitives.js";
 import { cn as c } from "./lib/utils.js";
 import { toggleVariants as f } from "./toggle.js";
 const p = e.createContext({