@alfadocs/ui-kit 0.68.0 → 0.69.0

package/dist/_chunks/warning-stack-BsgaEbL8.js

@@ -0,0 +1,283 @@
+import { jsxs as u, jsx as e, Fragment as dn } 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 { 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 { 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(
+  [
+    "ds:flex ds:flex-col",
+    "ds:rounded-[var(--radius-lg)]",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:shadow-[var(--shadow-card)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+    "ds:p-[var(--spacing-md)]"
+  ].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.
+      stretch: {
+        true: "ds:h-full ds:self-stretch",
+        false: ""
+      }
+    },
+    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 = [
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start"
+].join(" "), Sn = 250;
+function xn() {
+  if (typeof window > "u") return 200;
+  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) {
+  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]",
+    i ? "ds:h-full ds:self-stretch" : ""
+  ].filter(Boolean).join(" ");
+}
+function yn(o, 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",
+    i ? "ds:pointer-events-none" : ""
+  ].filter(Boolean).join(" ");
+}
+const Nn = cn(
+  ({
+    items: o,
+    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(
+      () => /* @__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;
+      });
+    }, [o]);
+    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);
+    f(() => {
+      if (!z.current) return;
+      const n = W.current, t = r.length;
+      n !== t && (z.current.textContent = c("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);
+    un(() => {
+      S ? s !== "open" && ((s === "closing" || s === "closed") && _(!0), x("open")) : s === "open" && x("settling");
+    }, [S, s]), f(() => {
+      if (s !== "settling") return;
+      const n = window.requestAnimationFrame(() => x("closing"));
+      return () => window.cancelAnimationFrame(n);
+    }, [s]), f(() => {
+      if (s !== "closing") return;
+      const n = Math.max(xn(), Sn), t = window.setTimeout(() => x("closed"), n);
+      return () => window.clearTimeout(t);
+    }, [s]), f(() => {
+      if (!M) 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(
+      (n) => {
+        V.current = n, typeof h == "function" ? h(n) : h && (h.current = n);
+      },
+      [h]
+    ), k = N(null);
+    f(() => {
+      if (k.current === null) return;
+      const n = k.current;
+      k.current = null;
+      const t = V.current;
+      if (!t) return;
+      const a = Array.from(
+        t.querySelectorAll("[data-alert-dismiss]")
+      ), d = a[Math.min(n, a.length - 1)];
+      d ? d.focus() : L && t.focus();
+    });
+    const en = b(
+      (n, t) => (a) => {
+        a || (k.current = t, j((d) => new Set(d).add(n.id)), w == null || w(n));
+      },
+      [w]
+    ), sn = b(() => {
+      j((n) => {
+        const t = new Set(n);
+        for (const a of r) t.add(a.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: [
+      /* @__PURE__ */ e(
+        "h2",
+        {
+          id: I,
+          className: "ds:text-start type-title-section ds:text-[var(--foreground)]",
+          children: i
+        }
+      ),
+      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: [
+      G,
+      /* @__PURE__ */ e(
+        mn,
+        {
+          type: "button",
+          icon: /* @__PURE__ */ e(gn, { "aria-hidden": "true" }),
+          intent: "ghost",
+          size: "sm",
+          "aria-label": J ?? c("warningStack.dismissAll", "Dismiss all notices"),
+          onClick: sn,
+          className: "ds:-me-[var(--spacing-2xs)] ds:shrink-0"
+        }
+      )
+    ] }) : G;
+    return nn ? (
+      // 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(
+            "section",
+            {
+              ref: tn,
+              "aria-labelledby": I,
+              tabIndex: -1,
+              className: [pn({ size: A, stretch: B }), Q].filter(Boolean).join(" "),
+              ...Y,
+              children: [
+                on,
+                L ? null : /* @__PURE__ */ e(
+                  "div",
+                  {
+                    ref: z,
+                    "aria-live": "polite",
+                    "aria-atomic": "true",
+                    className: "ds:sr-only"
+                  }
+                ),
+                F ? /* @__PURE__ */ u(dn, { 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";
+                        return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ u(
+                          C,
+                          {
+                            variant: a,
+                            dismissible: n.dismissible,
+                            icon: n.icon,
+                            onOpenChange: en(n, t),
+                            className: "ds:h-full",
+                            children: [
+                              /* @__PURE__ */ e(C.Title, { as: "h3", children: n.title }),
+                              n.description ? /* @__PURE__ */ e(C.Description, { children: n.description }) : null,
+                              n.actions ? /* @__PURE__ */ e(C.Action, { children: n.actions }) : null
+                            ]
+                          }
+                        ) }, n.id);
+                      })
+                    }
+                  ) }),
+                  v ? /* @__PURE__ */ u(
+                    fn,
+                    {
+                      type: "button",
+                      intent: "link",
+                      size: "sm",
+                      "aria-expanded": !p,
+                      "aria-controls": R,
+                      onClick: rn,
+                      className: vn,
+                      children: [
+                        /* @__PURE__ */ e(
+                          hn,
+                          {
+                            "aria-hidden": "true",
+                            className: [
+                              "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+                              p ? "" : "ds:rotate-180"
+                            ].join(" ")
+                          }
+                        ),
+                        p ? c("warningStack.showMore", {
+                          count: D,
+                          defaultValue: "Show {{count}} more warnings"
+                        }) : c("warningStack.showLess", "Show less")
+                      ]
+                    }
+                  ) : null
+                ] }) : E
+              ]
+            }
+          ) })
+        }
+      )
+    ) : null;
+  }
+);
+Nn.displayName = "WarningStack";
+export {
+  Nn as W
+};
+//# sourceMappingURL=warning-stack-BsgaEbL8.js.map

package/dist/_chunks/{whatsapp-button-DUjlWGKf.js → whatsapp-button-BIy6NaJK.js}

@@ -2,7 +2,9 @@ import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { forwardRef as A, useMemo as C } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as _ } from "react-i18next";
-function u({ className: a }) {
+function u({
+  className: a
+}) {
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -182,6 +184,7 @@ const N = A(
 );
 N.displayName = "WhatsAppButton";
 export {
-  N as W
+  N as W,
+  u as a
 };
-//# sourceMappingURL=whatsapp-button-DUjlWGKf.js.map
+//# sourceMappingURL=whatsapp-button-BIy6NaJK.js.map