@alfadocs/ui-kit 0.68.0 → 0.70.0

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

@@ -0,0 +1,268 @@
+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 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-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 = dn(
+  [
+    "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)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+    "ds:p-[var(--spacing-md)]"
+  ].join(" "),
+  {
+    variants: {
+      // `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: {
+      stretch: !1
+    }
+  }
+), 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() {
+  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(a, i) {
+  return [
+    "ds:grid ds:transition-[grid-template-rows]",
+    "ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    a ? "ds:grid-rows-[0fr]" : "ds:grid-rows-[1fr]",
+    i ? "ds:h-full ds:self-stretch" : ""
+  ].filter(Boolean).join(" ");
+}
+function yn(a, i) {
+  return [
+    "ds:min-h-0",
+    "ds:transition-opacity ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    a ? "ds:opacity-0 ds:overflow-hidden" : "ds:opacity-100",
+    i ? "ds:pointer-events-none" : ""
+  ].filter(Boolean).join(" ");
+}
+const Nn = cn(
+  ({
+    items: a,
+    title: i,
+    description: l,
+    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(a.map((c) => c.id)), o = new Set([...n].filter((c) => t.has(c)));
+        return o.size === n.size ? n : o;
+      });
+    }, [a]);
+    const r = U(
+      () => 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 (!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"
+      })), 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(() => {
+      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 (!E) return;
+      const n = window.requestAnimationFrame(() => _(!1));
+      return () => window.cancelAnimationFrame(n);
+    }, [E]);
+    const W = s === "closing", O = W || E, D = S || s === "settling" || s === "closing", q = N(null), nn = b(
+      (n) => {
+        q.current = n, typeof g == "function" ? g(n) : g && (g.current = n);
+      },
+      [g]
+    ), k = N(null);
+    f(() => {
+      if (k.current === null) return;
+      const n = k.current;
+      k.current = null;
+      const t = q.current;
+      if (!t) return;
+      const o = Array.from(
+        t.querySelectorAll("[data-alert-dismiss]")
+      ), c = o[Math.min(n, o.length - 1)];
+      c ? c.focus() : F && t.focus();
+    });
+    const tn = b(
+      (n, t) => (o) => {
+        o || (k.current = t, j((c) => new Set(c).add(n.id)), p == null || p(n));
+      },
+      [p]
+    ), en = b(() => {
+      j((n) => {
+        const t = new Set(n);
+        for (const o of r) t.add(o.id);
+        return t;
+      }), 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",
+        {
+          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: 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,
+        {
+          type: "button",
+          icon: /* @__PURE__ */ e(gn, { "aria-hidden": "true" }),
+          intent: "ghost",
+          size: "sm",
+          "aria-label": H ?? d("warningStack.dismissAll", "Dismiss all notices"),
+          onClick: en,
+          className: "ds:-me-[var(--spacing-2xs)] ds:shrink-0"
+        }
+      )
+    ] }) : G;
+    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(O, M),
+          children: /* @__PURE__ */ e("div", { className: yn(O, W), children: /* @__PURE__ */ u(
+            "section",
+            {
+              ref: nn,
+              "aria-labelledby": I,
+              tabIndex: -1,
+              className: [pn({ stretch: M }), K].filter(Boolean).join(" "),
+              ...Q,
+              children: [
+                on,
+                F ? null : /* @__PURE__ */ e(
+                  "div",
+                  {
+                    ref: L,
+                    "aria-live": "polite",
+                    "aria-atomic": "true",
+                    className: "ds:sr-only"
+                  }
+                ),
+                A ? /* @__PURE__ */ u(an, { children: [
+                  /* @__PURE__ */ e("div", { className: "ds:@container/warning-stack", children: /* @__PURE__ */ e(
+                    "ul",
+                    {
+                      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: o,
+                            dismissible: n.dismissible,
+                            icon: n.icon,
+                            onOpenChange: tn(n, t),
+                            clamp: !0,
+                            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": !h,
+                      "aria-controls": B,
+                      onClick: sn,
+                      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",
+                              h ? "" : "ds:rotate-180"
+                            ].join(" ")
+                          }
+                        ),
+                        h ? d("warningStack.showMore", {
+                          count: $,
+                          defaultValue: "Show {{count}} more warnings"
+                        }) : d("warningStack.showLess", "Show less")
+                      ]
+                    }
+                  ) : null
+                ] }) : T
+              ]
+            }
+          ) })
+        }
+      )
+    ) : null;
+  }
+);
+Nn.displayName = "WarningStack";
+export {
+  Nn as W
+};
+//# sourceMappingURL=warning-stack--sTrrBDA.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