@alfadocs/ui-kit 0.68.0 → 0.69.0

package/dist/_chunks/{toast.agent-vuLRRn2a.js → toast.agent-57UzyR9U.js}

@@ -290,13 +290,13 @@ const ke = 3, Ne = "24px", Se = "16px", Pt = 4e3, De = 356, _e = 14, Re = 45, Ce
 function z(...o) {
   return o.filter(Boolean).join(" ");
 }
-function Ie(o) {
+function Be(o) {
   const [a, e] = o.split("-"), n = [];
   return a && n.push(a), e && n.push(e), n;
 }
-const Be = (o) => {
+const Ie = (o) => {
   var a, e, n, v, l, u, h, b, r;
-  const { invert: N, toast: t, unstyled: T, interacting: O, setHeights: k, visibleToasts: vt, heights: W, index: c, toasts: rt, expanded: K, removeToast: it, defaultRichColors: yt, closeButton: j, style: at, cancelButtonStyle: F, actionButtonStyle: xt, className: lt = "", descriptionClassName: wt = "", duration: st, position: A, gap: dt, expandByDefault: ot, classNames: m, icons: x, closeButtonAriaLabel: L = "Close toast" } = o, [V, I] = s.useState(null), [U, ct] = s.useState(null), [d, g] = s.useState(!1), [p, R] = s.useState(!1), [q, f] = s.useState(!1), [G, ut] = s.useState(!1), [mt, Q] = s.useState(!1), [$t, Et] = s.useState(0), [Yt, Dt] = s.useState(0), nt = s.useRef(t.duration || st || Pt), _t = s.useRef(null), P = s.useRef(null), Ft = c === 0, Vt = c + 1 <= vt, D = t.type, J = t.dismissible !== !1, Ut = t.className || "", Xt = t.descriptionClassName || "", ft = s.useMemo(() => W.findIndex((i) => i.toastId === t.id) || 0, [
+  const { invert: N, toast: t, unstyled: T, interacting: O, setHeights: k, visibleToasts: vt, heights: W, index: c, toasts: rt, expanded: K, removeToast: it, defaultRichColors: yt, closeButton: j, style: at, cancelButtonStyle: F, actionButtonStyle: xt, className: lt = "", descriptionClassName: wt = "", duration: st, position: A, gap: dt, expandByDefault: ot, classNames: m, icons: x, closeButtonAriaLabel: L = "Close toast" } = o, [V, B] = s.useState(null), [U, ct] = s.useState(null), [d, g] = s.useState(!1), [p, R] = s.useState(!1), [q, f] = s.useState(!1), [G, ut] = s.useState(!1), [mt, Q] = s.useState(!1), [$t, Et] = s.useState(0), [Yt, Dt] = s.useState(0), nt = s.useRef(t.duration || st || Pt), _t = s.useRef(null), P = s.useRef(null), Ft = c === 0, Vt = c + 1 <= vt, D = t.type, J = t.dismissible !== !1, Ut = t.className || "", Xt = t.descriptionClassName || "", ft = s.useMemo(() => W.findIndex((i) => i.toastId === t.id) || 0, [
     W,
     t.id
   ]), Wt = s.useMemo(() => {
@@ -308,13 +308,13 @@ const Be = (o) => {
   ]), Rt = s.useMemo(() => t.duration || st || Pt, [
     t.duration,
     st
-  ]), Tt = s.useRef(0), Z = s.useRef(0), Ct = s.useRef(0), tt = s.useRef(null), [Kt, qt] = A.split("-"), It = s.useMemo(() => W.reduce((i, y, E) => E >= ft ? i : i + y.height, 0), [
+  ]), Tt = s.useRef(0), Z = s.useRef(0), Ct = s.useRef(0), tt = s.useRef(null), [Kt, qt] = A.split("-"), Bt = s.useMemo(() => W.reduce((i, y, E) => E >= ft ? i : i + y.height, 0), [
     W,
     ft
-  ]), Bt = be(), Gt = t.invert || N, kt = D === "loading";
-  Z.current = s.useMemo(() => ft * dt + It, [
+  ]), It = be(), Gt = t.invert || N, kt = D === "loading";
+  Z.current = s.useMemo(() => ft * dt + Bt, [
     ft,
-    It
+    Bt
   ]), s.useEffect(() => {
     nt.current = Rt;
   }, [
@@ -376,7 +376,7 @@ const Be = (o) => {
   s.useEffect(() => {
     if (t.promise && D === "loading" || t.duration === 1 / 0 || t.type === "loading") return;
     let i;
-    return K || O || Bt ? (() => {
+    return K || O || It ? (() => {
       if (Ct.current < Tt.current) {
         const _ = (/* @__PURE__ */ new Date()).getTime() - Tt.current;
         nt.current = nt.current - _;
@@ -392,7 +392,7 @@ const Be = (o) => {
     O,
     t,
     D,
-    Bt,
+    It,
     $
   ]), s.useEffect(() => {
     t.delete && ($(), t.onDismiss == null || t.onDismiss.call(t, t));
@@ -450,7 +450,7 @@ const Be = (o) => {
       ...t.style
     },
     onDragEnd: () => {
-      f(!1), I(null), tt.current = null;
+      f(!1), B(null), tt.current = null;
     },
     onPointerDown: (i) => {
       i.button !== 2 && (kt || !J || (_t.current = /* @__PURE__ */ new Date(), Et(Z.current), i.target.setPointerCapture(i.pointerId), i.target.tagName !== "BUTTON" && (f(!0), tt.current = {
@@ -467,33 +467,33 @@ const Be = (o) => {
         Et(Z.current), t.onDismiss == null || t.onDismiss.call(t, t), ct(V === "x" ? _ > 0 ? "right" : "left" : pt > 0 ? "down" : "up"), $(), ut(!0);
         return;
       } else {
-        var B, M;
-        (B = P.current) == null || B.style.setProperty("--swipe-amount-x", "0px"), (M = P.current) == null || M.style.setProperty("--swipe-amount-y", "0px");
+        var I, M;
+        (I = P.current) == null || I.style.setProperty("--swipe-amount-x", "0px"), (M = P.current) == null || M.style.setProperty("--swipe-amount-y", "0px");
       }
-      Q(!1), f(!1), I(null);
+      Q(!1), f(!1), B(null);
     },
     onPointerMove: (i) => {
       var y, E, _;
       if (!tt.current || !J || ((y = window.getSelection()) == null ? void 0 : y.toString().length) > 0) return;
       const w = i.clientY - tt.current.y, C = i.clientX - tt.current.x;
       var gt;
-      const B = (gt = o.swipeDirections) != null ? gt : Ie(A);
-      !V && (Math.abs(C) > 1 || Math.abs(w) > 1) && I(Math.abs(C) > Math.abs(w) ? "x" : "y");
+      const I = (gt = o.swipeDirections) != null ? gt : Be(A);
+      !V && (Math.abs(C) > 1 || Math.abs(w) > 1) && B(Math.abs(C) > Math.abs(w) ? "x" : "y");
       let M = {
         x: 0,
         y: 0
       };
       const zt = (X) => 1 / (1.5 + Math.abs(X) / 20);
       if (V === "y") {
-        if (B.includes("top") || B.includes("bottom"))
-          if (B.includes("top") && w < 0 || B.includes("bottom") && w > 0)
+        if (I.includes("top") || I.includes("bottom"))
+          if (I.includes("top") && w < 0 || I.includes("bottom") && w > 0)
             M.y = w;
           else {
             const X = w * zt(w);
             M.y = Math.abs(X) < Math.abs(w) ? X : w;
           }
-      } else if (V === "x" && (B.includes("left") || B.includes("right")))
-        if (B.includes("left") && C < 0 || B.includes("right") && C > 0)
+      } else if (V === "x" && (I.includes("left") || I.includes("right")))
+        if (I.includes("left") && C < 0 || I.includes("right") && C > 0)
           M.x = C;
         else {
           const X = C * zt(C);
@@ -584,7 +584,7 @@ const Ae = /* @__PURE__ */ s.forwardRef(function(a, e) {
   ].concat(F.filter((d) => d.position).map((d) => d.position)))), [
     F,
     l
-  ]), [lt, wt] = s.useState([]), [st, A] = s.useState(!1), [dt, ot] = s.useState(!1), [m, x] = s.useState(T !== "system" ? T : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), L = s.useRef(null), V = u.join("+").replace(/Key/g, "").replace(/Digit/g, ""), I = s.useRef(null), U = s.useRef(!1), ct = s.useCallback((d) => {
+  ]), [lt, wt] = s.useState([]), [st, A] = s.useState(!1), [dt, ot] = s.useState(!1), [m, x] = s.useState(T !== "system" ? T : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), L = s.useRef(null), V = u.join("+").replace(/Key/g, "").replace(/Digit/g, ""), B = s.useRef(null), U = s.useRef(!1), ct = s.useCallback((d) => {
     at((g) => {
       var p;
       return (p = g.find((R) => R.id === d.id)) != null && p.delete || S.dismiss(d.id), g.filter(({ id: R }) => R !== d.id);
@@ -661,9 +661,9 @@ const Ae = /* @__PURE__ */ s.forwardRef(function(a, e) {
   ]), s.useEffect(() => {
     if (L.current)
       return () => {
-        I.current && (I.current.focus({
+        B.current && (B.current.focus({
           preventScroll: !0
-        }), I.current = null, U.current = !1);
+        }), B.current = null, U.current = !1);
       };
   }, [
     L.current
@@ -697,12 +697,12 @@ const Ae = /* @__PURE__ */ s.forwardRef(function(a, e) {
         ...Me(N, t)
       },
       onBlur: (f) => {
-        U.current && !f.currentTarget.contains(f.relatedTarget) && (U.current = !1, I.current && (I.current.focus({
+        U.current && !f.currentTarget.contains(f.relatedTarget) && (U.current = !1, B.current && (B.current.focus({
           preventScroll: !0
-        }), I.current = null));
+        }), B.current = null));
       },
       onFocus: (f) => {
-        f.target instanceof HTMLElement && f.target.dataset.dismissible === "false" || U.current || (U.current = !0, I.current = f.relatedTarget);
+        f.target instanceof HTMLElement && f.target.dataset.dismissible === "false" || U.current || (U.current = !0, B.current = f.relatedTarget);
       },
       onMouseEnter: () => A(!0),
       onMouseMove: () => A(!0),
@@ -716,7 +716,7 @@ const Ae = /* @__PURE__ */ s.forwardRef(function(a, e) {
       onPointerUp: () => ot(!1)
     }, F.filter((f) => !f.position && g === 0 || f.position === d).map((f, G) => {
       var ut, mt;
-      return /* @__PURE__ */ s.createElement(Be, {
+      return /* @__PURE__ */ s.createElement(Ie, {
         key: f.id,
         icons: it,
         index: G,
@@ -853,21 +853,28 @@ function Oe({
 }
 Oe.displayName = "Toaster";
 function je(o, a, e, n) {
-  return /* @__PURE__ */ Ht("div", { className: "ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-    ze[o],
-    /* @__PURE__ */ Ht("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-      /* @__PURE__ */ H("span", { dir: "auto", className: "type-label ds:leading-snug ds:break-words", children: a }),
-      n && /* @__PURE__ */ H(
-        "span",
-        {
-          dir: "auto",
-          className: "type-body-sm ds:text-[var(--muted-foreground)] ds:break-words",
-          children: n
-        }
-      )
-    ] }),
-    /* @__PURE__ */ H(Pe, { toastId: e })
-  ] });
+  return /* @__PURE__ */ Ht(
+    "div",
+    {
+      "data-toast-id": e,
+      className: "ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]",
+      children: [
+        ze[o],
+        /* @__PURE__ */ Ht("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ H("span", { dir: "auto", className: "type-label ds:leading-snug ds:break-words", children: a }),
+          n && /* @__PURE__ */ H(
+            "span",
+            {
+              dir: "auto",
+              className: "type-body-sm ds:text-[var(--muted-foreground)] ds:break-words",
+              children: n
+            }
+          )
+        ] }),
+        /* @__PURE__ */ H(Pe, { toastId: e })
+      ]
+    }
+  );
 }
 function Pe({ toastId: o }) {
   const { t: a } = ee();
@@ -936,7 +943,7 @@ const ea = {
   }
 }, aa = {
   id: "toast",
-  capabilities: ["dismiss", "open", "close"],
+  capabilities: ["dismiss"],
   state: {
     visibleToasts: {
       type: "Array<{ id: string }>",
@@ -949,6 +956,12 @@ const ea = {
     dismiss: {
       safety: "destructive",
       argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.toast.actions.dismiss",
       description: "Dismiss the toast with the given id. Irreversible from the same UI.",
       invoke: (o, a) => {
@@ -957,6 +970,7 @@ const ea = {
     },
     dismiss_all: {
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.toast.actions.dismissAll",
       description: "Dismiss every visible toast.",
       invoke: (o) => {
@@ -967,8 +981,11 @@ const ea = {
   domHooks: {
     root: {
       attr: "data-component",
-      value: "toast",
-      description: "Marks the Toaster region wrapper. Toast is imperatively created; the registry addresses individual toasts by id, not by per-instance root."
+      // The sonner <ol> region wrapper emits `data-component="toast-region"`
+      // (not the bare adapter id) — toasts are imperatively created and
+      // addressed individually by id, not by a per-instance component root.
+      value: "toast-region",
+      description: 'Marks the Toaster region wrapper (data-component="toast-region"). Toast is imperatively created; the registry addresses individual toasts by id, not by per-instance root.'
     },
     item: {
       attr: "data-toast-id",
@@ -985,4 +1002,4 @@ export {
   Ze as e,
   aa as t
 };
-//# sourceMappingURL=toast.agent-vuLRRn2a.js.map
+//# sourceMappingURL=toast.agent-57UzyR9U.js.map