@alfadocs/ui-kit 0.69.0 → 0.71.0

package/dist/_chunks/use-persistent-state-nZwZAnE9.js

@@ -0,0 +1,24 @@
+import { useState as d, useEffect as o } from "react";
+function a(t, e, r) {
+  const f = (r == null ? void 0 : r.disabled) ?? !1, [u, c] = d(() => {
+    if (f || typeof window > "u")
+      return typeof e == "function" ? e() : e;
+    try {
+      const n = window.localStorage.getItem(t);
+      if (n !== null) return JSON.parse(n);
+    } catch {
+    }
+    return typeof e == "function" ? e() : e;
+  });
+  return o(() => {
+    if (!(f || typeof window > "u"))
+      try {
+        window.localStorage.setItem(t, JSON.stringify(u));
+      } catch {
+      }
+  }, [f, t, u]), [u, c];
+}
+export {
+  a as u
+};
+//# sourceMappingURL=use-persistent-state-nZwZAnE9.js.map

package/dist/_chunks/{warning-stack-BsgaEbL8.js → warning-stack--sTrrBDA.js}

@@ -1,16 +1,16 @@
-import { jsxs as u, jsx as e, Fragment as dn } from "react/jsx-runtime";
+import { jsxs as u, jsx as e, Fragment as an } from "react/jsx-runtime";
 import { forwardRef as cn, useId as P, useState as y, useEffect as f, useMemo as U, useRef as N, useCallback as b } from "react";
-import { c as X } from "./index-D2ZczOXr.js";
+import { c as dn } from "./index-D2ZczOXr.js";
 import { useTranslation as ln } from "react-i18next";
 import { u as un } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { A as C } from "./alert-_mUKLmwA.js";
+import { A as C } from "./alert-CHYZ96tR.js";
 import { B as fn } from "./button-DD_0Xdmr.js";
 import { I as mn } from "./icon-button-LqoiKcUN.js";
 import { X as gn } from "./x-CCcI3eJp.js";
 import { C as hn } from "./chevron-down-BX_NP2Yh.js";
-const pn = X(
+const pn = dn(
   [
-    "ds:flex ds:flex-col",
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-lg)]",
     "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
     "ds:shadow-[var(--shadow-card)]",
@@ -19,10 +19,6 @@ const pn = X(
   ].join(" "),
   {
     variants: {
-      size: {
-        sm: "ds:gap-[var(--spacing-sm)]",
-        md: "ds:gap-[var(--spacing-md)]"
-      },
       // `stretch: true` fills the parent layout cell — mirrors the `stretch`
       // prop on `Card` so a WarningStack rendered next to a Card in a grid
       // row ends up at matching height.
@@ -32,26 +28,14 @@ const pn = X(
       }
     },
     defaultVariants: {
-      size: "md",
       stretch: !1
     }
   }
-), wn = X(
-  [
-    "ds:grid ds:grid-cols-1",
-    "ds:@3xl/warning-stack:grid-cols-2",
-    "ds:@3xl/warning-stack:[&>li:nth-child(odd):last-child]:col-span-full"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:gap-[var(--spacing-sm)]",
-        md: "ds:gap-[var(--spacing-md)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), vn = [
+), wn = [
+  "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)]",
+  "ds:@3xl/warning-stack:grid-cols-2",
+  "ds:@3xl/warning-stack:[&>li:nth-child(odd):last-child]:col-span-full"
+].join(" "), vn = [
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start"
 ].join(" "), Sn = 250;
 function xn() {
@@ -59,64 +43,64 @@ function xn() {
   const i = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration").trim(), l = parseFloat(i);
   return Number.isFinite(l) ? i.endsWith("ms") ? l : l * 1e3 : 200;
 }
-function kn(o, i) {
+function kn(a, i) {
   return [
     "ds:grid ds:transition-[grid-template-rows]",
     "ds:duration-[var(--animation-duration)]",
     "ds:motion-reduce:transition-none",
-    o ? "ds:grid-rows-[0fr]" : "ds:grid-rows-[1fr]",
+    a ? "ds:grid-rows-[0fr]" : "ds:grid-rows-[1fr]",
     i ? "ds:h-full ds:self-stretch" : ""
   ].filter(Boolean).join(" ");
 }
-function yn(o, i) {
+function yn(a, i) {
   return [
     "ds:min-h-0",
     "ds:transition-opacity ds:duration-[var(--animation-duration)]",
     "ds:motion-reduce:transition-none",
-    o ? "ds:opacity-0 ds:overflow-hidden" : "ds:opacity-100",
+    a ? "ds:opacity-0 ds:overflow-hidden" : "ds:opacity-100",
     i ? "ds:pointer-events-none" : ""
   ].filter(Boolean).join(" ");
 }
 const Nn = cn(
   ({
-    items: o,
+    items: a,
     title: i,
     description: l,
-    maxVisible: m,
-    defaultCollapsed: H = !0,
-    onDismiss: w,
-    onDismissAll: g,
-    dismissAllLabel: J,
-    size: A = "md",
-    stretch: B = !1,
-    ariaLabel: K,
-    emptyState: E,
-    className: Q,
-    ...Y
-  }, h) => {
-    const { t: c } = ln(), I = P(), R = P(), [T, j] = y(
+    maxVisible: m = 2,
+    defaultCollapsed: V = !0,
+    onDismiss: p,
+    closable: X = !0,
+    onDismissAll: w,
+    dismissAllLabel: H,
+    stretch: M = !1,
+    ariaLabel: J,
+    emptyState: T,
+    className: K,
+    ...Q
+  }, g) => {
+    const { t: d } = ln(), I = P(), B = P(), [R, j] = y(
       () => /* @__PURE__ */ new Set()
     );
     f(() => {
       j((n) => {
         if (n.size === 0) return n;
-        const t = new Set(o.map((d) => d.id)), a = new Set([...n].filter((d) => t.has(d)));
-        return a.size === n.size ? n : a;
+        const t = new Set(a.map((c) => c.id)), o = new Set([...n].filter((c) => t.has(c)));
+        return o.size === n.size ? n : o;
       });
-    }, [o]);
+    }, [a]);
     const r = U(
-      () => o.filter((n) => !T.has(n.id)),
-      [o, T]
-    ), v = m !== void 0 && r.length > m, [p, Z] = y(H), z = N(null), W = N(r.length);
+      () => a.filter((n) => !R.has(n.id)),
+      [a, R]
+    ), v = m !== void 0 && r.length > m, [h, Y] = y(V), L = N(null), z = N(r.length);
     f(() => {
-      if (!z.current) return;
-      const n = W.current, t = r.length;
-      n !== t && (z.current.textContent = c("warningStack.countChanged", {
+      if (!L.current) return;
+      const n = z.current, t = r.length;
+      n !== t && (L.current.textContent = d("warningStack.countChanged", {
         count: t,
         defaultValue: "{{count}} warnings to review"
-      })), W.current = t;
-    }, [r.length, c]);
-    const $ = U(() => !v || !p ? r : r.slice(0, m), [r, v, p, m]), D = v ? r.length - (m ?? 0) : 0, F = r.length > 0, L = E != null, S = F || L, [s, x] = y(S ? "open" : "closed"), [M, _] = y(!1);
+      })), z.current = t;
+    }, [r.length, d]);
+    const Z = U(() => !v || !h ? r : r.slice(0, m), [r, v, h, m]), $ = v ? r.length - (m ?? 0) : 0, A = r.length > 0, F = T != null, S = A || F, [s, x] = y(S ? "open" : "closed"), [E, _] = y(!1);
     un(() => {
       S ? s !== "open" && ((s === "closing" || s === "closed") && _(!0), x("open")) : s === "open" && x("settling");
     }, [S, s]), f(() => {
@@ -128,39 +112,39 @@ const Nn = cn(
       const n = Math.max(xn(), Sn), t = window.setTimeout(() => x("closed"), n);
       return () => window.clearTimeout(t);
     }, [s]), f(() => {
-      if (!M) return;
+      if (!E) return;
       const n = window.requestAnimationFrame(() => _(!1));
       return () => window.cancelAnimationFrame(n);
-    }, [M]);
-    const O = s === "closing", q = O || M, nn = S || s === "settling" || s === "closing", V = N(null), tn = b(
+    }, [E]);
+    const W = s === "closing", O = W || E, D = S || s === "settling" || s === "closing", q = N(null), nn = b(
       (n) => {
-        V.current = n, typeof h == "function" ? h(n) : h && (h.current = n);
+        q.current = n, typeof g == "function" ? g(n) : g && (g.current = n);
       },
-      [h]
+      [g]
     ), k = N(null);
     f(() => {
       if (k.current === null) return;
       const n = k.current;
       k.current = null;
-      const t = V.current;
+      const t = q.current;
       if (!t) return;
-      const a = Array.from(
+      const o = Array.from(
         t.querySelectorAll("[data-alert-dismiss]")
-      ), d = a[Math.min(n, a.length - 1)];
-      d ? d.focus() : L && t.focus();
+      ), c = o[Math.min(n, o.length - 1)];
+      c ? c.focus() : F && t.focus();
     });
-    const en = b(
-      (n, t) => (a) => {
-        a || (k.current = t, j((d) => new Set(d).add(n.id)), w == null || w(n));
+    const tn = b(
+      (n, t) => (o) => {
+        o || (k.current = t, j((c) => new Set(c).add(n.id)), p == null || p(n));
       },
-      [w]
-    ), sn = b(() => {
+      [p]
+    ), en = b(() => {
       j((n) => {
         const t = new Set(n);
-        for (const a of r) t.add(a.id);
+        for (const o of r) t.add(o.id);
         return t;
-      }), g == null || g();
-    }, [r, g]), rn = b(() => Z((n) => !n), []), an = K ?? c("warningStack.regionLabel", "Warnings"), G = i ? /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+      }), w == null || w();
+    }, [r, w]), sn = b(() => Y((n) => !n), []), rn = J ?? d("warningStack.regionLabel", "Warnings"), G = i ? /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
       /* @__PURE__ */ e(
         "h2",
         {
@@ -170,7 +154,7 @@ const Nn = cn(
         }
       ),
       l ? /* @__PURE__ */ e("p", { className: "ds:text-start type-body-sm ds:text-[var(--muted-foreground)]", children: l }) : null
-    ] }) : /* @__PURE__ */ e("h2", { id: I, className: "ds:sr-only", children: an }), on = g != null && F ? /* @__PURE__ */ u("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+    ] }) : /* @__PURE__ */ e("h2", { id: I, className: "ds:sr-only", children: rn }), on = X && A ? /* @__PURE__ */ u("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       G,
       /* @__PURE__ */ e(
         mn,
@@ -179,55 +163,56 @@ const Nn = cn(
           icon: /* @__PURE__ */ e(gn, { "aria-hidden": "true" }),
           intent: "ghost",
           size: "sm",
-          "aria-label": J ?? c("warningStack.dismissAll", "Dismiss all notices"),
-          onClick: sn,
+          "aria-label": H ?? d("warningStack.dismissAll", "Dismiss all notices"),
+          onClick: en,
           className: "ds:-me-[var(--spacing-2xs)] ds:shrink-0"
         }
       )
     ] }) : G;
-    return nn ? (
+    return D ? (
       // Outer: height-collapse track. Carries the bounding marker so it is
       // the cascade-reset boundary even mid-fold.
       /* @__PURE__ */ e(
         "div",
         {
           "data-component": "warning-stack",
-          className: kn(q, B),
-          children: /* @__PURE__ */ e("div", { className: yn(q, O), children: /* @__PURE__ */ u(
+          className: kn(O, M),
+          children: /* @__PURE__ */ e("div", { className: yn(O, W), children: /* @__PURE__ */ u(
             "section",
             {
-              ref: tn,
+              ref: nn,
               "aria-labelledby": I,
               tabIndex: -1,
-              className: [pn({ size: A, stretch: B }), Q].filter(Boolean).join(" "),
-              ...Y,
+              className: [pn({ stretch: M }), K].filter(Boolean).join(" "),
+              ...Q,
               children: [
                 on,
-                L ? null : /* @__PURE__ */ e(
+                F ? null : /* @__PURE__ */ e(
                   "div",
                   {
-                    ref: z,
+                    ref: L,
                     "aria-live": "polite",
                     "aria-atomic": "true",
                     className: "ds:sr-only"
                   }
                 ),
-                F ? /* @__PURE__ */ u(dn, { children: [
+                A ? /* @__PURE__ */ u(an, { children: [
                   /* @__PURE__ */ e("div", { className: "ds:@container/warning-stack", children: /* @__PURE__ */ e(
                     "ul",
                     {
-                      id: R,
-                      className: wn({ size: A }),
-                      "aria-label": c("warningStack.listLabel", "Notices"),
-                      children: $.map((n, t) => {
-                        const a = n.variant ?? "warning";
+                      id: B,
+                      className: wn,
+                      "aria-label": d("warningStack.listLabel", "Notices"),
+                      children: Z.map((n, t) => {
+                        const o = n.variant ?? "warning";
                         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ u(
                           C,
                           {
-                            variant: a,
+                            variant: o,
                             dismissible: n.dismissible,
                             icon: n.icon,
-                            onOpenChange: en(n, t),
+                            onOpenChange: tn(n, t),
+                            clamp: !0,
                             className: "ds:h-full",
                             children: [
                               /* @__PURE__ */ e(C.Title, { as: "h3", children: n.title }),
@@ -245,9 +230,9 @@ const Nn = cn(
                       type: "button",
                       intent: "link",
                       size: "sm",
-                      "aria-expanded": !p,
-                      "aria-controls": R,
-                      onClick: rn,
+                      "aria-expanded": !h,
+                      "aria-controls": B,
+                      onClick: sn,
                       className: vn,
                       children: [
                         /* @__PURE__ */ e(
@@ -256,18 +241,18 @@ const Nn = cn(
                             "aria-hidden": "true",
                             className: [
                               "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                              p ? "" : "ds:rotate-180"
+                              h ? "" : "ds:rotate-180"
                             ].join(" ")
                           }
                         ),
-                        p ? c("warningStack.showMore", {
-                          count: D,
+                        h ? d("warningStack.showMore", {
+                          count: $,
                           defaultValue: "Show {{count}} more warnings"
-                        }) : c("warningStack.showLess", "Show less")
+                        }) : d("warningStack.showLess", "Show less")
                       ]
                     }
                   ) : null
-                ] }) : E
+                ] }) : T
               ]
             }
           ) })
@@ -280,4 +265,4 @@ Nn.displayName = "WarningStack";
 export {
   Nn as W
 };
-//# sourceMappingURL=warning-stack-BsgaEbL8.js.map
+//# sourceMappingURL=warning-stack--sTrrBDA.js.map