@alfadocs/ui-kit-debug 0.47.0 → 0.49.0

package/dist/_chunks/warning-stack-CXfoAT-_.js

@@ -0,0 +1,220 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { forwardRef as U, useId as M, useState as T, useEffect as b, useMemo as G, useRef as p, useCallback as S } from "react";
+import { c as V } from "./index-D2ZczOXr.js";
+import { useTranslation as X } from "react-i18next";
+import { A as v } from "./alert-CUTxnym2.js";
+import { B as Y } from "./button-DD_0Xdmr.js";
+import { C as Z } from "./chevron-down-BX_NP2Yh.js";
+const O = V(
+  [
+    "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
+    }
+  }
+), $ = V(
+  [
+    "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" }
+  }
+), D = [
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start"
+].join(" "), nn = U(
+  ({
+    items: u,
+    title: k,
+    description: N,
+    maxVisible: o,
+    defaultCollapsed: _ = !0,
+    onDismiss: f,
+    size: w = "md",
+    stretch: C = !1,
+    ariaLabel: q,
+    emptyState: y,
+    className: I,
+    ...j
+  }, l) => {
+    const { t: i } = X(), g = M(), z = M(), [R, A] = T(
+      () => /* @__PURE__ */ new Set()
+    );
+    b(() => {
+      A((n) => {
+        if (n.size === 0) return n;
+        const s = new Set(u.map((a) => a.id)), r = new Set([...n].filter((a) => s.has(a)));
+        return r.size === n.size ? n : r;
+      });
+    }, [u]);
+    const t = G(
+      () => u.filter((n) => !R.has(n.id)),
+      [u, R]
+    ), h = o !== void 0 && t.length > o, [c, F] = T(_), x = p(null), L = p(t.length);
+    b(() => {
+      if (!x.current) return;
+      const n = L.current, s = t.length;
+      n !== s && (x.current.textContent = i("warningStack.countChanged", {
+        count: s,
+        defaultValue: "{{count}} warnings to review"
+      })), L.current = s;
+    }, [t.length, i]);
+    const H = G(() => !h || !c ? t : t.slice(0, o), [t, h, c, o]), J = h ? t.length - (o ?? 0) : 0, B = p(null), W = S(
+      (n) => {
+        B.current = n, typeof l == "function" ? l(n) : l && (l.current = n);
+      },
+      [l]
+    ), m = p(null);
+    b(() => {
+      if (m.current === null) return;
+      const n = m.current;
+      m.current = null;
+      const s = B.current;
+      if (!s) return;
+      const r = Array.from(
+        s.querySelectorAll("[data-alert-dismiss]")
+      ), a = r[Math.min(n, r.length - 1)];
+      a ? a.focus() : s.focus();
+    });
+    const K = S(
+      (n, s) => (r) => {
+        r || (m.current = s, A((a) => new Set(a).add(n.id)), f == null || f(n));
+      },
+      [f]
+    ), P = S(() => F((n) => !n), []), Q = q ?? i("warningStack.regionLabel", "Warnings"), E = k ? /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+      /* @__PURE__ */ e(
+        "h2",
+        {
+          id: g,
+          className: "ds:text-start type-title-section ds:text-[var(--foreground)]",
+          children: k
+        }
+      ),
+      N ? /* @__PURE__ */ e("p", { className: "ds:text-start type-body-sm ds:text-[var(--muted-foreground)]", children: N }) : null
+    ] }) : /* @__PURE__ */ e("h2", { id: g, className: "ds:sr-only", children: Q });
+    return t.length === 0 ? y ? /* @__PURE__ */ d(
+      "section",
+      {
+        ref: W,
+        "aria-labelledby": g,
+        "data-component": "warning-stack",
+        tabIndex: -1,
+        className: [O({ size: w, stretch: C }), I].filter(Boolean).join(" "),
+        ...j,
+        children: [
+          E,
+          y
+        ]
+      }
+    ) : null : /* @__PURE__ */ d(
+      "section",
+      {
+        ref: W,
+        "aria-labelledby": g,
+        "data-component": "warning-stack",
+        tabIndex: -1,
+        className: [O({ size: w, stretch: C }), I].filter(Boolean).join(" "),
+        ...j,
+        children: [
+          E,
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: x,
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              className: "ds:sr-only"
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "ds:@container/warning-stack", children: /* @__PURE__ */ e(
+            "ul",
+            {
+              id: z,
+              className: $({ size: w }),
+              "aria-label": i("warningStack.listLabel", "Notices"),
+              children: H.map((n, s) => {
+                const r = n.variant ?? "warning";
+                return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+                  v,
+                  {
+                    variant: r,
+                    dismissible: n.dismissible,
+                    icon: n.icon,
+                    onOpenChange: K(n, s),
+                    className: "ds:h-full",
+                    children: [
+                      /* @__PURE__ */ e(v.Title, { as: "h3", children: n.title }),
+                      n.description ? /* @__PURE__ */ e(v.Description, { children: n.description }) : null,
+                      n.actions ? /* @__PURE__ */ e(v.Action, { children: n.actions }) : null
+                    ]
+                  }
+                ) }, n.id);
+              })
+            }
+          ) }),
+          h ? /* @__PURE__ */ d(
+            Y,
+            {
+              type: "button",
+              intent: "link",
+              size: "sm",
+              "aria-expanded": !c,
+              "aria-controls": z,
+              onClick: P,
+              className: D,
+              children: [
+                /* @__PURE__ */ e(
+                  Z,
+                  {
+                    "aria-hidden": "true",
+                    className: [
+                      "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+                      c ? "" : "ds:rotate-180"
+                    ].join(" ")
+                  }
+                ),
+                c ? i("warningStack.showMore", {
+                  count: J,
+                  defaultValue: "Show {{count}} more warnings"
+                }) : i("warningStack.showLess", "Show less")
+              ]
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+nn.displayName = "WarningStack";
+export {
+  nn as W
+};
+//# sourceMappingURL=warning-stack-CXfoAT-_.js.map

package/dist/_chunks/warning-stack-CXfoAT-_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning-stack-CXfoAT-_.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 } from 'lucide-react';\nimport { Alert, type AlertProps } from '../alert/alert';\nimport { Button } from '../button/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\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\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  /** 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      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    // 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    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      else 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    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.\n    const header = 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    if (liveItems.length === 0) {\n      if (!emptyState) return null;\n      return (\n        <section\n          ref={setSectionRef}\n          aria-labelledby={labelId}\n          data-component=\"warning-stack\"\n          // Programmatically focusable so the last dismissal can land here.\n          tabIndex={-1}\n          className={[stackVariants({ size, stretch }), className]\n            .filter(Boolean)\n            .join(' ')}\n          {...rest}\n        >\n          {header}\n          {emptyState}\n        </section>\n      );\n    }\n\n    return (\n      <section\n        ref={setSectionRef}\n        aria-labelledby={labelId}\n        data-component=\"warning-stack\"\n        tabIndex={-1}\n        className={[stackVariants({ size, stretch }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {header}\n        <div\n          ref={liveRef}\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\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 notices\n            // 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 stack's\n                        h2 labels the region, then each item's h3 rises from it. */}\n                    <Alert.Title as=\"h3\">{item.title}</Alert.Title>\n                    {item.description ? (\n                      <Alert.Description>{item.description}</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      </section>\n    );\n  },\n);\n\nWarningStack.displayName = 'WarningStack';\n"],"names":["stackVariants","cva","listVariants","TOGGLE_CLASSES","WarningStack","forwardRef","items","title","description","maxVisible","defaultCollapsed","onDismiss","size","stretch","ariaLabel","emptyState","className","rest","ref","t","useTranslation","labelId","useId","listId","dismissedIds","setDismissedIds","useState","useEffect","prev","ids","item","next","id","liveItems","useMemo","overflow","collapsed","setCollapsed","liveRef","useRef","lastCountRef","visible","hiddenCount","sectionRef","setSectionRef","useCallback","node","pendingFocusIndexRef","index","section","dismissControls","target","handleDismiss","open","toggle","c","regionLabel","header","jsxs","jsx","variant","Alert","Button","ChevronDown"],"mappings":"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"}