@alfadocs/ui-kit-debug 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/warning-stack-BsgaEbL8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning-stack-BsgaEbL8.js","sources":["../../src/components/warning-stack/warning-stack.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type MutableRefObject,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown, X } from 'lucide-react';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { Alert, type AlertProps } from '../alert/alert';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface WarningStackItem {\n  id: string;\n  variant?: AlertProps['variant'];\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  dismissible?: boolean;\n}\n\n/** Empty-collapse fold phases (no-`emptyState` path only). See the fold\n *  state machine in the component body. */\ntype FoldPhase = 'open' | 'settling' | 'closing' | 'closed';\n\nconst stackVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n    'ds:p-[var(--spacing-md)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:gap-[var(--spacing-sm)]',\n        md: 'ds:gap-[var(--spacing-md)]',\n      },\n      // `stretch: true` fills the parent layout cell — mirrors the `stretch`\n      // prop on `Card` so a WarningStack rendered next to a Card in a grid\n      // row ends up at matching height.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      stretch: false,\n    },\n  },\n);\n\n// Single column by default; two columns once the stack itself is wide\n// enough (container query — viewport width lies when the stack sits in\n// a narrow grid cell). A trailing odd item spans both columns so the\n// grid never ends on a half-width hole, which also keeps a lone item\n// full-width exactly as before.\nconst listVariants = cva(\n  [\n    'ds:grid ds:grid-cols-1',\n    'ds:@3xl/warning-stack:grid-cols-2',\n    'ds:@3xl/warning-stack:[&>li:nth-child(odd):last-child]:col-span-full',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:gap-[var(--spacing-sm)]',\n        md: 'ds:gap-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst TOGGLE_CLASSES = [\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Empty-collapse animation                                            */\n/*                                                                      */\n/* When the stack empties (every notice dismissed) and no `emptyState` */\n/* is supplied, the whole region folds away instead of leaving a hole. */\n/* The grid `1fr → 0fr` track is the only CSS-only way to animate to/  */\n/* from `height: auto`; JS-measured `max-height` is barred by the      */\n/* no-inline-styles constraint. The outer wrapper owns the height      */\n/* track; the inner wrapper owns the cross-fade + overflow clip.       */\n/* ------------------------------------------------------------------ */\n\n/** Floor for how long the folding region stays mounted after it empties, so a\n *  screen reader can voice the cleared count even when `--animation-duration`\n *  is 0ms (accessible themes). The region is already visually collapsed, so\n *  this window is imperceptible. */\nconst MIN_FOLD_UNMOUNT_MS = 250;\n\n/** Reads `--animation-duration` (ms) so the unmount timer matches the\n *  CSS transition. Falls back to 200ms when it can't be resolved. */\nfunction readAnimationDurationMs(): number {\n  if (typeof window === 'undefined') return 200;\n  const raw = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue('--animation-duration');\n  const trimmed = raw.trim();\n  const n = parseFloat(trimmed);\n  if (!Number.isFinite(n)) return 200;\n  return trimmed.endsWith('ms') ? n : n * 1000;\n}\n\n/** Outer height-collapse track. Always a grid so the `grid-template-rows`\n *  transition has a stable from/to; only the row size flips. */\nfunction collapseTrackClass(collapsed: boolean, stretch: boolean): string {\n  return [\n    'ds:grid ds:transition-[grid-template-rows]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    collapsed ? 'ds:grid-rows-[0fr]' : 'ds:grid-rows-[1fr]',\n    stretch ? 'ds:h-full ds:self-stretch' : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\n/** Inner cross-fade layer. `min-h-0` lets the grid item shrink below its\n *  content; `overflow-hidden` (only while animating) clips the fold so the\n *  card's resting drop-shadow isn't clipped at rest. */\nfunction collapseInnerClass(collapsed: boolean, closing: boolean): string {\n  return [\n    'ds:min-h-0',\n    'ds:transition-opacity ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    collapsed ? 'ds:opacity-0 ds:overflow-hidden' : 'ds:opacity-100',\n    closing ? 'ds:pointer-events-none' : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nexport interface WarningStackProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'title'>,\n    VariantProps<typeof stackVariants> {\n  /** Items rendered inside the stack. */\n  items: WarningStackItem[];\n  /** Fill the parent layout cell — use in a dashboard grid row so the\n   *  stack ends up with matching height to sibling Cards. */\n  stretch?: boolean;\n  /** Visible title rendered as an `<h2>` above the stack. Also labels the\n   *  region for assistive tech. When omitted, the region is labelled via a\n   *  visually hidden heading using `ariaLabel` (or the default \"Warnings\"). */\n  title?: ReactNode;\n  /** Optional short description rendered under the title. */\n  description?: ReactNode;\n  /** Cap on visible items before a \"Show N more\" toggle appears. */\n  maxVisible?: number;\n  /** Whether the stack starts collapsed when items exceed `maxVisible`. */\n  defaultCollapsed?: boolean;\n  /** Fires when a dismissible item's close control is activated. */\n  onDismiss?: (item: WarningStackItem) => void;\n  /** When provided, a close control is rendered at the top inline-end of the\n   *  header that clears the whole stack at once. Activating it dismisses every\n   *  currently-visible notice (folding the region away) and then fires this\n   *  callback so the consumer can mirror the bulk dismissal into its store.\n   *  Opt-in: omit it when the stack carries notices that must not be bulk-cleared. */\n  onDismissAll?: () => void;\n  /** Accessible label for the whole-stack close control. Defaults to the\n   *  localised \"Dismiss all notices\". */\n  dismissAllLabel?: string;\n  /** Accessible label for the region when `title` is not set. */\n  ariaLabel?: string;\n  /** Optional node rendered when the stack has zero items. */\n  emptyState?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const WarningStack = forwardRef<HTMLDivElement, WarningStackProps>(\n  (\n    {\n      items,\n      title,\n      description,\n      maxVisible,\n      defaultCollapsed = true,\n      onDismiss,\n      onDismissAll,\n      dismissAllLabel,\n      size = 'md',\n      stretch = false,\n      ariaLabel,\n      emptyState,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const labelId = useId();\n    const listId = useId();\n\n    // Track dismissed ids internally so the <li> unmounts even when the\n    // consumer doesn't mirror dismissal into `items` — otherwise the list\n    // keeps a ghost entry (and the two-column grid a blank cell). Pruned\n    // when an id leaves `items`, so a re-pushed item renders again.\n    const [dismissedIds, setDismissedIds] = useState<ReadonlySet<string>>(\n      () => new Set(),\n    );\n    useEffect(() => {\n      setDismissedIds((prev) => {\n        if (prev.size === 0) return prev;\n        const ids = new Set(items.map((item) => item.id));\n        const next = new Set([...prev].filter((id) => ids.has(id)));\n        return next.size === prev.size ? prev : next;\n      });\n    }, [items]);\n\n    const liveItems = useMemo(\n      () => items.filter((item) => !dismissedIds.has(item.id)),\n      [items, dismissedIds],\n    );\n\n    const overflow = maxVisible !== undefined && liveItems.length > maxVisible;\n    const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n    // Live-region announces the count when items change.\n    const liveRef = useRef<HTMLDivElement>(null);\n    const lastCountRef = useRef<number>(liveItems.length);\n\n    useEffect(() => {\n      if (!liveRef.current) return;\n      const prev = lastCountRef.current;\n      const next = liveItems.length;\n      if (prev !== next) {\n        liveRef.current.textContent = t('warningStack.countChanged', {\n          count: next,\n          defaultValue: '{{count}} warnings to review',\n        });\n      }\n      lastCountRef.current = next;\n    }, [liveItems.length, t]);\n\n    const visible = useMemo(() => {\n      if (!overflow || !collapsed) return liveItems;\n      return liveItems.slice(0, maxVisible);\n    }, [liveItems, overflow, collapsed, maxVisible]);\n\n    const hiddenCount = overflow ? liveItems.length - (maxVisible ?? 0) : 0;\n\n    /* ----- Empty-collapse phase ------------------------------------- */\n    const hasItems = liveItems.length > 0;\n    const hasEmptyState = emptyState != null;\n    // There is something to show whenever a live notice remains, or an\n    // empty state has been supplied to fill the region in its place.\n    const present = hasItems || hasEmptyState;\n\n    // Only the no-`emptyState` path animates the fold. It runs in two beats\n    // so the height transition has a stable start: a CSS transition can't\n    // interpolate when the element's content changes in the same commit as\n    // the track flip, so `settling` first re-renders the emptied region at\n    // full height (track still open), then `closing` flips the track to 0fr\n    // on the next frame — now the browser animates from a real height.\n    //   open → settling → closing → closed (unmounted, until a notice lands)\n    const [phase, setPhase] = useState<FoldPhase>(present ? 'open' : 'closed');\n    // Drives the expand-in when a notice lands after the region had folded.\n    const [entering, setEntering] = useState(false);\n\n    useIsomorphicLayoutEffect(() => {\n      if (present) {\n        if (phase !== 'open') {\n          // Replay the expand only when re-appearing from a collapsed state.\n          if (phase === 'closing' || phase === 'closed') setEntering(true);\n          setPhase('open');\n        }\n      } else if (phase === 'open') {\n        setPhase('settling');\n      }\n    }, [present, phase]);\n\n    // settling → closing: flip the track shut one frame after the emptied\n    // region has painted at full height, so the collapse actually animates.\n    useEffect(() => {\n      if (phase !== 'settling') return;\n      const raf = window.requestAnimationFrame(() => setPhase('closing'));\n      return () => window.cancelAnimationFrame(raf);\n    }, [phase]);\n\n    // closing → closed: unmount once the collapse transition has run. The\n    // delay is floored so the polite live region (which lives in this subtree)\n    // survives long enough for assistive tech to voice the cleared count\n    // before the node is removed — otherwise an accessible theme, where\n    // `--animation-duration` is 0ms, would unmount in the same frame and\n    // swallow the announcement. The region is already collapsed to zero\n    // height by then, so the extra mounted time is invisible.\n    useEffect(() => {\n      if (phase !== 'closing') return;\n      const delay = Math.max(readAnimationDurationMs(), MIN_FOLD_UNMOUNT_MS);\n      const id = window.setTimeout(() => setPhase('closed'), delay);\n      return () => window.clearTimeout(id);\n    }, [phase]);\n\n    // Expand-in: clear the collapsed start-state on the next frame so the\n    // grid track animates open instead of snapping to full height.\n    useEffect(() => {\n      if (!entering) return;\n      const raf = window.requestAnimationFrame(() => setEntering(false));\n      return () => window.cancelAnimationFrame(raf);\n    }, [entering]);\n\n    const closing = phase === 'closing';\n    const animCollapsed = closing || entering;\n    const mounted = present || phase === 'settling' || phase === 'closing';\n\n    // Focus hand-off: dismissing unmounts the focused close button, which\n    // would otherwise drop focus to <body> (WCAG 2.4.3). Aim for the\n    // dismiss control now occupying the same list position (the next\n    // item), else the last remaining one, else the region itself.\n    const sectionRef = useRef<HTMLElement | null>(null);\n    const setSectionRef = useCallback(\n      (node: HTMLElement | null) => {\n        sectionRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node as HTMLDivElement | null);\n        } else if (ref) {\n          (ref as MutableRefObject<HTMLDivElement | null>).current =\n            node as HTMLDivElement | null;\n        }\n      },\n      [ref],\n    );\n    const pendingFocusIndexRef = useRef<number | null>(null);\n    // No dependency array on purpose: this runs after every render but is\n    // gated by `pendingFocusIndexRef`, which is only non-null on the render\n    // that immediately follows a dismissal. Don't \"fix\" it to `[liveItems]`.\n    useEffect(() => {\n      if (pendingFocusIndexRef.current === null) return;\n      const index = pendingFocusIndexRef.current;\n      pendingFocusIndexRef.current = null;\n      const section = sectionRef.current;\n      if (!section) return;\n      const dismissControls = Array.from(\n        section.querySelectorAll<HTMLButtonElement>('[data-alert-dismiss]'),\n      );\n      const target =\n        dismissControls[Math.min(index, dismissControls.length - 1)];\n      if (target) target.focus();\n      // Last notice gone: only land focus on the region if it survives the\n      // dismissal (an emptyState keeps it mounted). When the stack folds\n      // away entirely there is no stable target here — the consumer owns\n      // re-homing focus (see the dashboard pattern) and the live region\n      // announces the cleared count.\n      else if (hasEmptyState) section.focus();\n    });\n\n    const handleDismiss = useCallback(\n      (item: WarningStackItem, index: number) => (open: boolean) => {\n        if (open) return;\n        pendingFocusIndexRef.current = index;\n        setDismissedIds((prev) => new Set(prev).add(item.id));\n        onDismiss?.(item);\n      },\n      [onDismiss],\n    );\n\n    // Whole-stack close: dismiss every currently-visible notice in one go,\n    // which empties `liveItems` and folds the region away. Focus re-homing on\n    // the fold is the consumer's responsibility (same as the last-item case) —\n    // there's no surviving in-component target once the header unmounts.\n    const handleDismissAll = useCallback(() => {\n      setDismissedIds((prev) => {\n        const next = new Set(prev);\n        for (const item of liveItems) next.add(item.id);\n        return next;\n      });\n      onDismissAll?.();\n    }, [liveItems, onDismissAll]);\n\n    const toggle = useCallback(() => setCollapsed((c) => !c), []);\n\n    const regionLabel = ariaLabel ?? t('warningStack.regionLabel', 'Warnings');\n\n    // Title block: a visible header when `title` is provided; otherwise a\n    // visually hidden heading so the region still has a programmatic name.\n    // A `<div>` rather than `<header>` wrapper keeps the `<header>` element's\n    // implicit banner role from leaking out of the region. The whole-stack\n    // close control (when enabled) sits at the inline-end of this row.\n    const titleBlock = title ? (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n        <h2\n          id={labelId}\n          className=\"ds:text-start type-title-section ds:text-[var(--foreground)]\"\n        >\n          {title}\n        </h2>\n        {description ? (\n          <p className=\"ds:text-start type-body-sm ds:text-[var(--muted-foreground)]\">\n            {description}\n          </p>\n        ) : null}\n      </div>\n    ) : (\n      <h2 id={labelId} className=\"ds:sr-only\">\n        {regionLabel}\n      </h2>\n    );\n\n    const showStackClose = onDismissAll != null && hasItems;\n    const header = showStackClose ? (\n      <div className=\"ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]\">\n        {titleBlock}\n        <IconButton\n          type=\"button\"\n          icon={<X aria-hidden=\"true\" />}\n          intent=\"ghost\"\n          size=\"sm\"\n          aria-label={\n            dismissAllLabel ??\n            t('warningStack.dismissAll', 'Dismiss all notices')\n          }\n          onClick={handleDismissAll}\n          // Pull flush to the card's inline-end padding edge, and never let\n          // the button compress when the title wraps.\n          className=\"ds:-me-[var(--spacing-2xs)] ds:shrink-0\"\n        />\n      </div>\n    ) : (\n      titleBlock\n    );\n\n    // Fully folded away (or cold-start empty with no emptyState): render\n    // nothing. Matches the long-standing \"empty + no emptyState → null\"\n    // contract, now reached via the fold-out animation rather than instantly.\n    if (!mounted) return null;\n\n    return (\n      // Outer: height-collapse track. Carries the bounding marker so it is\n      // the cascade-reset boundary even mid-fold.\n      <div\n        data-component=\"warning-stack\"\n        className={collapseTrackClass(animCollapsed, stretch)}\n      >\n        {/* Inner: cross-fade + overflow clip while folding. */}\n        <div className={collapseInnerClass(animCollapsed, closing)}>\n          <section\n            ref={setSectionRef}\n            aria-labelledby={labelId}\n            // Programmatically focusable so a surviving region can take the\n            // last dismissal's focus (see the focus hand-off above).\n            tabIndex={-1}\n            className={[stackVariants({ size, stretch }), className]\n              .filter(Boolean)\n              .join(' ')}\n            {...rest}\n          >\n            {header}\n            {/* The live region announces the count as it changes. Omitted in\n                emptyState mode, where the empty state itself communicates. */}\n            {!hasEmptyState ? (\n              <div\n                ref={liveRef}\n                aria-live=\"polite\"\n                aria-atomic=\"true\"\n                className=\"ds:sr-only\"\n              />\n            ) : null}\n            {hasItems ? (\n              <>\n                {/* Container-type lives on this wrapper (never on the flex\n                    section itself) so the list can query its own inline size. */}\n                <div className=\"ds:@container/warning-stack\">\n                  <ul\n                    id={listId}\n                    className={listVariants({ size })}\n                    // Neutral wording — the list mixes warnings with info\n                    // notices and promo offers.\n                    aria-label={t('warningStack.listLabel', 'Notices')}\n                  >\n                    {visible.map((item, index) => {\n                      const variant = item.variant ?? 'warning';\n                      return (\n                        <li key={item.id}>\n                          <Alert\n                            variant={variant}\n                            dismissible={item.dismissible}\n                            icon={item.icon}\n                            onOpenChange={handleDismiss(item, index)}\n                            // Fill the row so side-by-side alerts equalise height.\n                            className=\"ds:h-full\"\n                          >\n                            {/* `as=\"h3\"` keeps a clean heading ladder — the\n                                stack's h2 labels the region, then each item's\n                                h3 rises from it. */}\n                            <Alert.Title as=\"h3\">{item.title}</Alert.Title>\n                            {item.description ? (\n                              <Alert.Description>\n                                {item.description}\n                              </Alert.Description>\n                            ) : null}\n                            {item.actions ? (\n                              <Alert.Action>{item.actions}</Alert.Action>\n                            ) : null}\n                          </Alert>\n                        </li>\n                      );\n                    })}\n                  </ul>\n                </div>\n\n                {overflow ? (\n                  <Button\n                    type=\"button\"\n                    intent=\"link\"\n                    size=\"sm\"\n                    aria-expanded={!collapsed}\n                    aria-controls={listId}\n                    onClick={toggle}\n                    className={TOGGLE_CLASSES}\n                  >\n                    <ChevronDown\n                      aria-hidden=\"true\"\n                      className={[\n                        'ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                        collapsed ? '' : 'ds:rotate-180',\n                      ].join(' ')}\n                    />\n                    {collapsed\n                      ? t('warningStack.showMore', {\n                          count: hiddenCount,\n                          defaultValue: 'Show {{count}} more warnings',\n                        })\n                      : t('warningStack.showLess', 'Show less')}\n                  </Button>\n                ) : null}\n              </>\n            ) : (\n              emptyState\n            )}\n          </section>\n        </div>\n      </div>\n    );\n  },\n);\n\nWarningStack.displayName = 'WarningStack';\n"],"names":["stackVariants","cva","listVariants","TOGGLE_CLASSES","MIN_FOLD_UNMOUNT_MS","readAnimationDurationMs","trimmed","n","collapseTrackClass","collapsed","stretch","collapseInnerClass","closing","WarningStack","forwardRef","items","title","description","maxVisible","defaultCollapsed","onDismiss","onDismissAll","dismissAllLabel","size","ariaLabel","emptyState","className","rest","ref","t","useTranslation","labelId","useId","listId","dismissedIds","setDismissedIds","useState","useEffect","prev","ids","item","next","id","liveItems","useMemo","overflow","setCollapsed","liveRef","useRef","lastCountRef","visible","hiddenCount","hasItems","hasEmptyState","present","phase","setPhase","entering","setEntering","useIsomorphicLayoutEffect","raf","delay","animCollapsed","mounted","sectionRef","setSectionRef","useCallback","node","pendingFocusIndexRef","index","section","dismissControls","target","handleDismiss","open","handleDismissAll","toggle","c","regionLabel","titleBlock","jsxs","jsx","header","IconButton","X","Fragment","variant","Alert","Button","ChevronDown"],"mappings":"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"}

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

package/dist/_chunks/whatsapp-button-BIy6NaJK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-button-BIy6NaJK.js","sources":["../../src/components/whatsapp-button/whatsapp-button.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* WhatsAppButton — kit-tokened Click-to-Chat affordance.               */\n/*                                                                      */\n/* Replaces the booking website's loose green-circle-with-caption       */\n/* combo (see HTP screenshot in the rebrand discussion) with a single   */\n/* well-anchored affordance. Two variants:                              */\n/*                                                                      */\n/*   - `pill`  — inline rounded button, brand green + white glyph +     */\n/*               label. Drops anywhere in card / header chrome.         */\n/*   - `fab`   — circular floating action button, glyph only,           */\n/*               persistently anchored in the page corner. Carries an   */\n/*               `aria-label` so the SR announcement is \"Open WhatsApp  */\n/*               chat\" without rendering a loose visible caption.       */\n/*                                                                      */\n/* WhatsApp brand guidance requires the canonical #25D366 surface and   */\n/* the official phone-bubble glyph — those live in `--brand-whatsapp`   */\n/* tokens (added under `src/tokens/index.css`) so all four themes can   */\n/* shift the green for accessible contrast without bleeding the brand   */\n/* requirement into component code.                                     */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useMemo,\n  type AnchorHTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* WhatsApp glyph                                                       */\n/*                                                                      */\n/* Inlined SVG — no external icon dep. The path matches WhatsApp's      */\n/* official brand mark (speech bubble + phone). `currentColor` lets     */\n/* the kit's `--brand-whatsapp-foreground` paint the glyph from a       */\n/* single CVA class, so accessible-theme shifts apply without code.     */\n/* ------------------------------------------------------------------ */\n\nexport function WhatsAppGlyph({\n  className,\n}: {\n  className?: string;\n}): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    // `position` is provided by `positionVariants` below — `static`\n    // sets `ds:relative` (so the pseudo-element touch-target anchors),\n    // `bottom-end` / `bottom-start` set `ds:fixed`. Keeping `relative`\n    // off the base avoids the cascade conflict that made `position:\n    // relative` win against `position: fixed` in the compiled CSS\n    // (booking-website was patching with `style={{position:'fixed'}}`).\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-medium ds:whitespace-nowrap',\n    'ds:bg-[var(--brand-whatsapp)] ds:text-[var(--brand-whatsapp-foreground)]',\n    'ds:hover:bg-[var(--brand-whatsapp-hover)]',\n    'ds:active:opacity-90',\n    'ds:transition-[background-color,box-shadow,opacity]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    // Focus ring colour is `var(--ring)` (= `--primary` in light, ditto\n    // through theme cascade) — NOT `--brand-whatsapp`. Painting the\n    // ring brand-green on a brand-green surface makes it invisible.\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    // Under Windows High Contrast Mode the bg + shadow are stripped;\n    // repaint a solid border + swap the focus ring to CanvasText so\n    // the affordance stays identifiable.\n    'ds:forced-colors:border ds:forced-colors:border-[ButtonBorder]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Pill — inline rounded button. Visible label is the brand\n        // affordance text; glyph sits leading.\n        pill: 'ds:rounded-[var(--radius-full)] ds:gap-[var(--spacing-xs)]',\n        // FAB — circular floating action button. Glyph only; the\n        // label resolves into `aria-label`.\n        fab: [\n          'ds:rounded-full ds:shadow-[var(--shadow-lg)]',\n          'ds:hover:shadow-[var(--shadow-xl)] ds:active:shadow-[var(--shadow-md)]',\n        ].join(' '),\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'pill',\n        size: 'sm',\n        class:\n          'ds:h-9 ds:ps-3 ds:pe-3.5 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4 ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n      {\n        variant: 'pill',\n        size: 'md',\n        class:\n          'ds:h-10 ds:ps-4 ds:pe-5 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5',\n      },\n      {\n        variant: 'pill',\n        size: 'lg',\n        class:\n          'ds:h-12 ds:ps-5 ds:pe-6 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6',\n      },\n      // FAB — fixed square dimensions; the `sm` case mirrors the\n      // FloatingActionButton's pseudo-target expansion below the\n      // `sm:` breakpoint so a 40px circle still hits 44/48 px on\n      // mobile.\n      {\n        variant: 'fab',\n        size: 'sm',\n        class:\n          'ds:h-10 ds:w-10 ds:[&_svg]:size-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n      {\n        variant: 'fab',\n        size: 'md',\n        class: 'ds:h-14 ds:w-14 ds:[&_svg]:size-7',\n      },\n      {\n        variant: 'fab',\n        size: 'lg',\n        class: 'ds:h-16 ds:w-16 ds:[&_svg]:size-8',\n      },\n    ],\n    defaultVariants: {\n      variant: 'pill',\n      size: 'md',\n    },\n  },\n);\n\nconst positionVariants = cva('', {\n  variants: {\n    position: {\n      // `relative` so the `::before` pseudo touch-target (defined in\n      // the `pill sm` / `fab sm` compound variants) anchors to the\n      // button's box. The fixed-positioning variants below don't need\n      // this — `position: fixed` is itself a positioning context for\n      // descendants and pseudo-elements.\n      static: 'ds:relative',\n      'bottom-end':\n        'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:end-[var(--spacing-lg)]',\n      'bottom-start':\n        'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:start-[var(--spacing-lg)]',\n    },\n  },\n  defaultVariants: { position: 'static' },\n});\n\n/* ------------------------------------------------------------------ */\n/* URL builder                                                          */\n/* ------------------------------------------------------------------ */\n\n/**\n * Build a `wa.me` deep-link from an E.164 phone number and an\n * optional prefilled message. The number is stripped to digits — the\n * `wa.me` host requires digits only (no `+`, no separators).\n *\n * Returns `null` (not an empty `wa.me/` URL) when the input contains\n * no digits — the caller is then responsible for rendering a disabled\n * affordance rather than shipping a broken link. In dev a `console.warn`\n * fires so the typo is visible during development.\n */\nfunction buildWaMeUrl(phoneNumber: string, message?: string): string | null {\n  const digits = phoneNumber.replace(/\\D/g, '');\n  if (digits.length === 0) {\n    if (\n      typeof import.meta !== 'undefined' &&\n      typeof import.meta.env !== 'undefined' &&\n      import.meta.env.DEV === true\n    ) {\n      console.warn(\n        `[WhatsAppButton] phoneNumber \"${phoneNumber}\" contains no digits — ` +\n          `the affordance will render disabled. Pass an E.164 number ` +\n          `(e.g. \"+393331234567\") to fix.`,\n      );\n    }\n    return null;\n  }\n  const base = `https://wa.me/${digits}`;\n  if (!message) return base;\n  return `${base}?text=${encodeURIComponent(message)}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface WhatsAppButtonProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children'>,\n    VariantProps<typeof rootVariants>,\n    VariantProps<typeof positionVariants> {\n  /**\n   * Phone number to chat to. E.164 format is recommended\n   * (e.g. `+393331234567`). Any non-digit characters are stripped\n   * before the URL is built — `wa.me` requires digits only.\n   */\n  phoneNumber: string;\n  /**\n   * Optional prefilled message. The receiver sees this in their\n   * compose box. Keep it short and human — long pasted text is the\n   * single most common reason consumers drop the affordance.\n   */\n  message?: string;\n  /**\n   * Override the visible / accessible label. Defaults to\n   * `t('whatsApp.label')` (or `t('whatsApp.questionPrompt')` when\n   * `tone=\"question\"`) for the pill variant, and\n   * `t('whatsApp.fabLabel')` for the FAB.\n   */\n  label?: ReactNode;\n  /**\n   * Copy tone for the pill variant.\n   * - `standard` (default) — brief \"Chat on WhatsApp\" affordance.\n   * - `question` — invitational \"Have questions? Chat on WhatsApp\"\n   *   copy. Routes through `t('whatsApp.questionPrompt')`. Use on\n   *   public-facing surfaces (booking pages, marketing) where the\n   *   button is the only prompt encouraging engagement.\n   *\n   * Ignored for `variant=\"fab\"` — the floating action button is\n   * glyph-only and its `aria-label` stays concise via `fabLabel`.\n   */\n  tone?: 'standard' | 'question';\n}\n\n/* ------------------------------------------------------------------ */\n/* WhatsAppButton                                                       */\n/* ------------------------------------------------------------------ */\n\nexport const WhatsAppButton = forwardRef<\n  HTMLAnchorElement,\n  WhatsAppButtonProps\n>(\n  (\n    {\n      phoneNumber,\n      message,\n      variant = 'pill',\n      size = 'md',\n      position,\n      label,\n      tone = 'standard',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const href = useMemo(\n      () => buildWaMeUrl(phoneNumber, message),\n      [phoneNumber, message],\n    );\n    // Default-label cascade:\n    //   FAB                  → `whatsApp.fabLabel`        (always concise)\n    //   pill, tone=question  → `whatsApp.questionPrompt`  (invitational)\n    //   pill, tone=standard  → `whatsApp.label`           (default)\n    // Consumer's `label` prop overrides any of the above.\n    const defaultLabelKey =\n      variant === 'fab'\n        ? 'whatsApp.fabLabel'\n        : tone === 'question'\n          ? 'whatsApp.questionPrompt'\n          : 'whatsApp.label';\n    const resolvedLabel = label ?? t(defaultLabelKey);\n\n    const composedClassName = [\n      rootVariants({ variant, size }),\n      positionVariants({ position }),\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // When the input has no digits, render an `aria-disabled` anchor\n    // with the same chrome but no `href` — assistive tech announces the\n    // disabled state and click does nothing. `buildWaMeUrl` already\n    // emitted a dev-mode warning above. `target` / `rel` are stripped\n    // too because they're meaningless without `href`.\n    const isDisabled = href === null;\n    const commonAnchorProps = {\n      ref,\n      ...(isDisabled\n        ? {}\n        : {\n            href: href as string,\n            target: '_blank' as const,\n            rel: 'noopener noreferrer' as const,\n          }),\n      'aria-disabled': isDisabled ? true : undefined,\n      'data-component': 'whatsapp-button' as const,\n      'data-variant': variant,\n      onClick: (event: React.MouseEvent<HTMLAnchorElement>) => {\n        if (isDisabled) event.preventDefault();\n        rest.onClick?.(event);\n      },\n      className: composedClassName,\n    };\n\n    // Screen-reader cue for the new-tab behaviour. WCAG 3.2.5 / G201:\n    // user-initiated link openings to a new context should be\n    // announced. Reused `link.opensInNewTab` from the kit's `ui` ns —\n    // single source of truth across every external-link affordance.\n    const opensInNewTabSrText = isDisabled\n      ? null\n      : t('link.opensInNewTab', 'Opens in a new tab');\n\n    if (variant === 'fab') {\n      // FAB — circular, glyph-only. The accessible name lives on the\n      // anchor's `aria-label` (resolved label). No visible caption,\n      // which is exactly what the redesign fixes vs. the legacy\n      // green-circle-with-loose-text affordance.\n      const fabAriaLabel =\n        typeof resolvedLabel === 'string'\n          ? opensInNewTabSrText\n            ? `${resolvedLabel} — ${opensInNewTabSrText}`\n            : resolvedLabel\n          : undefined;\n      return (\n        <a {...rest} {...commonAnchorProps} aria-label={fabAriaLabel}>\n          <WhatsAppGlyph />\n          {typeof resolvedLabel !== 'string' ? (\n            <span className=\"ds:sr-only\">\n              {resolvedLabel}\n              {opensInNewTabSrText ? ` — ${opensInNewTabSrText}` : null}\n            </span>\n          ) : null}\n        </a>\n      );\n    }\n\n    return (\n      <a {...rest} {...commonAnchorProps}>\n        <WhatsAppGlyph />\n        <span>{resolvedLabel}</span>\n        {opensInNewTabSrText ? (\n          <span className=\"ds:sr-only\"> — {opensInNewTabSrText}</span>\n        ) : null}\n      </a>\n    );\n  },\n);\nWhatsAppButton.displayName = 'WhatsAppButton';\n"],"names":["WhatsAppGlyph","className","jsx","rootVariants","cva","positionVariants","buildWaMeUrl","phoneNumber","message","digits","base","WhatsAppButton","forwardRef","variant","size","position","label","tone","rest","ref","t","useTranslation","href","useMemo","resolvedLabel","composedClassName","isDisabled","commonAnchorProps","event","_a","opensInNewTabSrText","fabAriaLabel","jsxs"],"mappings":"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"}