@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-C2ICCCP5.js

@@ -0,0 +1,400 @@
+"use client";
+import {
+  Checkbox
+} from "./chunk-K4V2ELUZ.js";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "./chunk-7KV7H2TW.js";
+import {
+  ScrollArea
+} from "./chunk-IVEDMK5U.js";
+import {
+  Input
+} from "./chunk-I3U52BDH.js";
+import {
+  Badge
+} from "./chunk-HNLYRHAU.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/transfer/transfer.tsx
+import {
+  forwardRef,
+  useCallback,
+  useId,
+  useMemo,
+  useState
+} from "react";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function labelAsString(label) {
+  if (typeof label === "string") return label;
+  if (typeof label === "number") return String(label);
+  return "";
+}
+function TransferPanel({
+  title,
+  items,
+  checked,
+  onCheckItem,
+  onCheckAll,
+  showSearch,
+  searchQuery,
+  onSearchChange,
+  renderItem,
+  searchInputId,
+  titleId,
+  rowIdBase
+}) {
+  const { t } = useLocale();
+  const visibleItems = useMemo(() => {
+    if (!searchQuery) return items;
+    const q = searchQuery.toLowerCase();
+    return items.filter((it) => labelAsString(it.label).toLowerCase().includes(q));
+  }, [items, searchQuery]);
+  const enabledVisible = useMemo(() => visibleItems.filter((it) => !it.disabled), [visibleItems]);
+  const checkedCount = checked.size;
+  const totalCount = visibleItems.length;
+  const allChecked = enabledVisible.length > 0 && enabledVisible.every((it) => checked.has(it.value));
+  const someChecked = !allChecked && enabledVisible.some((it) => checked.has(it.value));
+  return /* @__PURE__ */ jsxs(Card, { role: "region", "aria-labelledby": titleId, className: "flex flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex-row items-center justify-between gap-2 p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: someChecked ? "indeterminate" : allChecked,
+            onCheckedChange: (v) => onCheckAll(v === true),
+            "aria-label": t("ui.transfer.selectAllIn", {
+              title: typeof title === "string" ? title : t("ui.transfer.panelFallback")
+            }),
+            disabled: enabledVisible.length === 0
+          }
+        ),
+        /* @__PURE__ */ jsx(CardTitle, { id: titleId, className: "text-body", children: title })
+      ] }),
+      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "tabular-nums", children: checkedCount > 0 ? `${checkedCount}/${totalCount}` : totalCount })
+    ] }),
+    showSearch && /* @__PURE__ */ jsxs("div", { className: "px-3 pb-2", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: searchInputId, className: "sr-only", children: t("ui.transfer.searchIn", {
+        title: typeof title === "string" ? title : t("ui.transfer.itemsFallback")
+      }) }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: searchInputId,
+          type: "search",
+          placeholder: t("ui.transfer.searchPlaceholder"),
+          value: searchQuery,
+          onChange: (e) => onSearchChange(e.target.value),
+          className: "h-7 text-meta"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: "flex-1 overflow-hidden p-0", children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full min-h-[200px]", children: visibleItems.length === 0 ? /* @__PURE__ */ jsx("p", { className: "flex h-[200px] items-center justify-center text-body text-muted-foreground", children: t("ui.transfer.empty") }) : /* @__PURE__ */ jsx("ul", { role: "list", className: "flex flex-col py-1", children: visibleItems.map((item) => {
+      const isChecked = checked.has(item.value);
+      const cbId = `${rowIdBase}-cb-${item.value}`;
+      const lblId = `${rowIdBase}-lbl-${item.value}`;
+      return (
+        // Plain list row: the Checkbox is the interactive control (named via
+        // aria-labelledby) and the <label htmlFor> gives a second hit target.
+        // No role="option" — an interactive checkbox cannot live inside one.
+        /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: cn(
+              "flex select-none items-center gap-2 px-3 py-1.5 text-body",
+              "hover:bg-accent hover:text-accent-foreground",
+              item.disabled && "opacity-50 hover:bg-transparent hover:text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: cbId,
+                  checked: isChecked,
+                  onCheckedChange: (v) => !item.disabled && onCheckItem(item.value, v === true),
+                  disabled: item.disabled,
+                  "aria-labelledby": lblId
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "label",
+                {
+                  id: lblId,
+                  htmlFor: cbId,
+                  className: cn(
+                    "min-w-0 flex-1 truncate",
+                    item.disabled ? "cursor-not-allowed" : "cursor-pointer"
+                  ),
+                  children: renderItem(item)
+                }
+              )
+            ]
+          },
+          item.value
+        )
+      );
+    }) }) }) })
+  ] });
+}
+var Transfer = forwardRef(function Transfer2({
+  dataSource,
+  targetKeys: controlledTargetKeys,
+  defaultTargetKeys,
+  onChange,
+  showSearch = false,
+  titles,
+  renderItem = (item) => item.label,
+  className,
+  ...props
+}, ref) {
+  const { t } = useLocale();
+  const resolvedTitles = titles ?? [
+    t("ui.transfer.defaultSourceTitle"),
+    t("ui.transfer.defaultTargetTitle")
+  ];
+  const isControlled = controlledTargetKeys !== void 0;
+  const [internalTargetKeys, setInternalTargetKeys] = useState(
+    () => defaultTargetKeys ?? []
+  );
+  const targetKeys = isControlled ? controlledTargetKeys : internalTargetKeys;
+  const targetSet = useMemo(() => new Set(targetKeys), [targetKeys]);
+  const [sourceChecked, setSourceChecked] = useState(/* @__PURE__ */ new Set());
+  const [targetChecked, setTargetChecked] = useState(/* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = useState("");
+  const [sourceSearch, setSourceSearch] = useState("");
+  const [targetSearch, setTargetSearch] = useState("");
+  const sourceItems = useMemo(
+    () => dataSource.filter((it) => !targetSet.has(it.value)),
+    [dataSource, targetSet]
+  );
+  const targetItems = useMemo(
+    () => dataSource.filter((it) => targetSet.has(it.value)),
+    [dataSource, targetSet]
+  );
+  const applyMove = useCallback(
+    (nextTargetKeys) => {
+      if (!isControlled) setInternalTargetKeys(nextTargetKeys);
+      onChange?.(nextTargetKeys);
+    },
+    [isControlled, onChange]
+  );
+  const visibleSourceEnabled = useMemo(() => {
+    const q = sourceSearch.toLowerCase();
+    return sourceItems.filter(
+      (it) => !it.disabled && (!sourceSearch || labelAsString(it.label).toLowerCase().includes(q))
+    );
+  }, [sourceItems, sourceSearch]);
+  const visibleTargetEnabled = useMemo(() => {
+    const q = targetSearch.toLowerCase();
+    return targetItems.filter(
+      (it) => !it.disabled && (!targetSearch || labelAsString(it.label).toLowerCase().includes(q))
+    );
+  }, [targetItems, targetSearch]);
+  const handleMoveCheckedRight = useCallback(() => {
+    const toMove = new Set(
+      [...sourceChecked].filter((v) => {
+        const item = dataSource.find((it) => it.value === v);
+        return item && !item.disabled && !targetSet.has(v);
+      })
+    );
+    if (toMove.size === 0) return;
+    applyMove([...targetKeys, ...toMove]);
+    setAnnouncement(t("ui.transfer.movedToTarget", { count: toMove.size }));
+    setSourceChecked((prev) => {
+      const next = new Set(prev);
+      toMove.forEach((v) => next.delete(v));
+      return next;
+    });
+  }, [sourceChecked, dataSource, targetKeys, targetSet, applyMove, t]);
+  const handleMoveAllRight = useCallback(() => {
+    const toAdd = visibleSourceEnabled.map((it) => it.value);
+    if (toAdd.length === 0) return;
+    const next = [.../* @__PURE__ */ new Set([...targetKeys, ...toAdd])];
+    applyMove(next);
+    setAnnouncement(t("ui.transfer.movedToTarget", { count: toAdd.length }));
+    setSourceChecked(/* @__PURE__ */ new Set());
+  }, [visibleSourceEnabled, targetKeys, applyMove, t]);
+  const handleMoveCheckedLeft = useCallback(() => {
+    const toRemove = new Set(
+      [...targetChecked].filter((v) => {
+        const item = dataSource.find((it) => it.value === v);
+        return item && !item.disabled && targetSet.has(v);
+      })
+    );
+    if (toRemove.size === 0) return;
+    applyMove(targetKeys.filter((k) => !toRemove.has(k)));
+    setAnnouncement(t("ui.transfer.movedToSource", { count: toRemove.size }));
+    setTargetChecked((prev) => {
+      const next = new Set(prev);
+      toRemove.forEach((v) => next.delete(v));
+      return next;
+    });
+  }, [targetChecked, dataSource, targetKeys, targetSet, applyMove, t]);
+  const handleMoveAllLeft = useCallback(() => {
+    const toRemove = new Set(visibleTargetEnabled.map((it) => it.value));
+    if (toRemove.size === 0) return;
+    applyMove(targetKeys.filter((k) => !toRemove.has(k)));
+    setAnnouncement(t("ui.transfer.movedToSource", { count: toRemove.size }));
+    setTargetChecked(/* @__PURE__ */ new Set());
+  }, [visibleTargetEnabled, targetKeys, applyMove, t]);
+  const handleSourceCheckItem = useCallback((value, on) => {
+    setSourceChecked((prev) => {
+      const next = new Set(prev);
+      if (on) next.add(value);
+      else next.delete(value);
+      return next;
+    });
+  }, []);
+  const handleTargetCheckItem = useCallback((value, on) => {
+    setTargetChecked((prev) => {
+      const next = new Set(prev);
+      if (on) next.add(value);
+      else next.delete(value);
+      return next;
+    });
+  }, []);
+  const handleSourceCheckAll = useCallback(
+    (on) => {
+      const q = sourceSearch.toLowerCase();
+      const visible = sourceItems.filter(
+        (it) => !it.disabled && (!sourceSearch || labelAsString(it.label).toLowerCase().includes(q))
+      );
+      setSourceChecked(on ? new Set(visible.map((it) => it.value)) : /* @__PURE__ */ new Set());
+    },
+    [sourceItems, sourceSearch]
+  );
+  const handleTargetCheckAll = useCallback(
+    (on) => {
+      const q = targetSearch.toLowerCase();
+      const visible = targetItems.filter(
+        (it) => !it.disabled && (!targetSearch || labelAsString(it.label).toLowerCase().includes(q))
+      );
+      setTargetChecked(on ? new Set(visible.map((it) => it.value)) : /* @__PURE__ */ new Set());
+    },
+    [targetItems, targetSearch]
+  );
+  const canMoveCheckedRight = [...sourceChecked].some(
+    (v) => !targetSet.has(v) && !dataSource.find((it) => it.value === v)?.disabled
+  );
+  const canMoveAllRight = visibleSourceEnabled.length > 0;
+  const canMoveCheckedLeft = [...targetChecked].some(
+    (v) => targetSet.has(v) && !dataSource.find((it) => it.value === v)?.disabled
+  );
+  const canMoveAllLeft = visibleTargetEnabled.length > 0;
+  const uid = useId();
+  const sourceSearchId = `transfer-source-search-${uid}`;
+  const targetSearchId = `transfer-target-search-${uid}`;
+  const sourceTitleId = `transfer-source-title-${uid}`;
+  const targetTitleId = `transfer-target-title-${uid}`;
+  const sourceRowBase = `transfer-source-${uid}`;
+  const targetRowBase = `transfer-target-${uid}`;
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-stretch gap-2", className), ...props, children: [
+    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement }),
+    /* @__PURE__ */ jsx(
+      TransferPanel,
+      {
+        title: resolvedTitles[0],
+        items: sourceItems,
+        checked: sourceChecked,
+        onCheckItem: handleSourceCheckItem,
+        onCheckAll: handleSourceCheckAll,
+        showSearch,
+        searchQuery: sourceSearch,
+        onSearchChange: setSourceSearch,
+        renderItem,
+        searchInputId: sourceSearchId,
+        titleId: sourceTitleId,
+        rowIdBase: sourceRowBase
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-col items-center justify-center gap-1",
+        role: "group",
+        "aria-label": t("ui.transfer.moveControls"),
+        children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-sm",
+              "aria-label": t("ui.transfer.moveSelectedRight"),
+              disabled: !canMoveCheckedRight,
+              onClick: handleMoveCheckedRight,
+              children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-sm",
+              "aria-label": t("ui.transfer.moveAllRight"),
+              disabled: !canMoveAllRight,
+              onClick: handleMoveAllRight,
+              children: /* @__PURE__ */ jsx(ChevronsRight, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-sm",
+              "aria-label": t("ui.transfer.moveSelectedLeft"),
+              disabled: !canMoveCheckedLeft,
+              onClick: handleMoveCheckedLeft,
+              className: "mt-2",
+              children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-sm",
+              "aria-label": t("ui.transfer.moveAllLeft"),
+              disabled: !canMoveAllLeft,
+              onClick: handleMoveAllLeft,
+              children: /* @__PURE__ */ jsx(ChevronsLeft, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TransferPanel,
+      {
+        title: resolvedTitles[1],
+        items: targetItems,
+        checked: targetChecked,
+        onCheckItem: handleTargetCheckItem,
+        onCheckAll: handleTargetCheckAll,
+        showSearch,
+        searchQuery: targetSearch,
+        onSearchChange: setTargetSearch,
+        renderItem,
+        searchInputId: targetSearchId,
+        titleId: targetTitleId,
+        rowIdBase: targetRowBase
+      }
+    )
+  ] });
+});
+
+export {
+  Transfer
+};
+//# sourceMappingURL=chunk-C2ICCCP5.js.map

package/dist/chunk-C2ICCCP5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/transfer/transfer.tsx"],"sourcesContent":["// a2ui.exposed: yes\n\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useId,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Badge } from \"../badge\";\nimport { Button } from \"../button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"../card\";\nimport { Checkbox } from \"../checkbox\";\nimport { Input } from \"../input\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { useLocale } from \"../locale-provider\";\n\n// ─── Public types ─────────────────────────────────────────────────────────────\n\nexport interface TransferItem {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface TransferProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  /** Full data set. Source = items NOT in target; target = items IN target. */\n  dataSource: TransferItem[];\n  /** Controlled: values in the RIGHT (target) list. */\n  targetKeys?: string[];\n  /** Uncontrolled initial target keys. */\n  defaultTargetKeys?: string[];\n  /** Called whenever the target key-set changes. */\n  onChange?: (targetKeys: string[]) => void;\n  /** Show per-panel search input. @default false */\n  showSearch?: boolean;\n  /** Panel titles. @default [\"Source\", \"Target\"] */\n  titles?: [ReactNode, ReactNode];\n  /** Custom row renderer. @default (item) => item.label */\n  renderItem?: (item: TransferItem) => ReactNode;\n  className?: string;\n}\n\n// ─── Internal helpers ─────────────────────────────────────────────────────────\n\n/** Determine label as string for search filtering (ReactNode guard). */\nfunction labelAsString(label: ReactNode): string {\n  if (typeof label === \"string\") return label;\n  if (typeof label === \"number\") return String(label);\n  return \"\";\n}\n\n// ─── Panel sub-component ──────────────────────────────────────────────────────\n\ninterface PanelProps {\n  title: ReactNode;\n  items: TransferItem[];\n  checked: Set<string>;\n  onCheckItem: (value: string, on: boolean) => void;\n  onCheckAll: (on: boolean) => void;\n  showSearch: boolean;\n  searchQuery: string;\n  onSearchChange: (q: string) => void;\n  renderItem: (item: TransferItem) => ReactNode;\n  searchInputId: string;\n  /** id applied to the panel's CardTitle; the panel region is labelled by it. */\n  titleId: string;\n  /** id prefix for per-row checkbox + label wiring. */\n  rowIdBase: string;\n}\n\nfunction TransferPanel({\n  title,\n  items,\n  checked,\n  onCheckItem,\n  onCheckAll,\n  showSearch,\n  searchQuery,\n  onSearchChange,\n  renderItem,\n  searchInputId,\n  titleId,\n  rowIdBase,\n}: PanelProps) {\n  const { t } = useLocale();\n  // When a search is active, filter visible items; move operations affect VISIBLE enabled items.\n  const visibleItems = useMemo(() => {\n    if (!searchQuery) return items;\n    const q = searchQuery.toLowerCase();\n    return items.filter((it) => labelAsString(it.label).toLowerCase().includes(q));\n  }, [items, searchQuery]);\n\n  const enabledVisible = useMemo(() => visibleItems.filter((it) => !it.disabled), [visibleItems]);\n  const checkedCount = checked.size;\n  const totalCount = visibleItems.length;\n\n  const allChecked =\n    enabledVisible.length > 0 && enabledVisible.every((it) => checked.has(it.value));\n  const someChecked = !allChecked && enabledVisible.some((it) => checked.has(it.value));\n\n  return (\n    <Card role=\"region\" aria-labelledby={titleId} className=\"flex flex-1 flex-col overflow-hidden\">\n      <CardHeader className=\"flex-row items-center justify-between gap-2 p-3\">\n        <div className=\"flex items-center gap-2\">\n          <Checkbox\n            checked={someChecked ? \"indeterminate\" : allChecked}\n            onCheckedChange={(v) => onCheckAll(v === true)}\n            aria-label={t(\"ui.transfer.selectAllIn\", {\n              title: typeof title === \"string\" ? title : t(\"ui.transfer.panelFallback\"),\n            })}\n            disabled={enabledVisible.length === 0}\n          />\n          <CardTitle id={titleId} className=\"text-body\">\n            {title}\n          </CardTitle>\n        </div>\n        <Badge variant=\"secondary\" className=\"tabular-nums\">\n          {checkedCount > 0 ? `${checkedCount}/${totalCount}` : totalCount}\n        </Badge>\n      </CardHeader>\n\n      {showSearch && (\n        <div className=\"px-3 pb-2\">\n          <label htmlFor={searchInputId} className=\"sr-only\">\n            {t(\"ui.transfer.searchIn\", {\n              title: typeof title === \"string\" ? title : t(\"ui.transfer.itemsFallback\"),\n            })}\n          </label>\n          <Input\n            id={searchInputId}\n            type=\"search\"\n            placeholder={t(\"ui.transfer.searchPlaceholder\")}\n            value={searchQuery}\n            onChange={(e) => onSearchChange(e.target.value)}\n            className=\"h-7 text-meta\"\n          />\n        </div>\n      )}\n\n      <CardContent className=\"flex-1 overflow-hidden p-0\">\n        <ScrollArea className=\"h-full min-h-[200px]\">\n          {visibleItems.length === 0 ? (\n            <p className=\"flex h-[200px] items-center justify-center text-body text-muted-foreground\">\n              {t(\"ui.transfer.empty\")}\n            </p>\n          ) : (\n            <ul role=\"list\" className=\"flex flex-col py-1\">\n              {visibleItems.map((item) => {\n                const isChecked = checked.has(item.value);\n                const cbId = `${rowIdBase}-cb-${item.value}`;\n                const lblId = `${rowIdBase}-lbl-${item.value}`;\n                return (\n                  // Plain list row: the Checkbox is the interactive control (named via\n                  // aria-labelledby) and the <label htmlFor> gives a second hit target.\n                  // No role=\"option\" — an interactive checkbox cannot live inside one.\n                  <li\n                    key={item.value}\n                    className={cn(\n                      \"flex select-none items-center gap-2 px-3 py-1.5 text-body\",\n                      \"hover:bg-accent hover:text-accent-foreground\",\n                      item.disabled && \"opacity-50 hover:bg-transparent hover:text-foreground\",\n                    )}\n                  >\n                    <Checkbox\n                      id={cbId}\n                      checked={isChecked}\n                      onCheckedChange={(v) => !item.disabled && onCheckItem(item.value, v === true)}\n                      disabled={item.disabled}\n                      aria-labelledby={lblId}\n                    />\n                    <label\n                      id={lblId}\n                      htmlFor={cbId}\n                      className={cn(\n                        \"min-w-0 flex-1 truncate\",\n                        item.disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n                      )}\n                    >\n                      {renderItem(item)}\n                    </label>\n                  </li>\n                );\n              })}\n            </ul>\n          )}\n        </ScrollArea>\n      </CardContent>\n    </Card>\n  );\n}\n\n// ─── Transfer (main) ──────────────────────────────────────────────────────────\n\nexport const Transfer = forwardRef<HTMLDivElement, TransferProps>(function Transfer(\n  {\n    dataSource,\n    targetKeys: controlledTargetKeys,\n    defaultTargetKeys,\n    onChange,\n    showSearch = false,\n    titles,\n    renderItem = (item) => item.label,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const { t } = useLocale();\n  const resolvedTitles: [ReactNode, ReactNode] = titles ?? [\n    t(\"ui.transfer.defaultSourceTitle\"),\n    t(\"ui.transfer.defaultTargetTitle\"),\n  ];\n  const isControlled = controlledTargetKeys !== undefined;\n\n  // Uncontrolled internal state\n  const [internalTargetKeys, setInternalTargetKeys] = useState<string[]>(\n    () => defaultTargetKeys ?? [],\n  );\n\n  const targetKeys: string[] = isControlled ? controlledTargetKeys : internalTargetKeys;\n\n  const targetSet = useMemo(() => new Set(targetKeys), [targetKeys]);\n\n  // Per-panel row selection (which items are \"checked for move\")\n  const [sourceChecked, setSourceChecked] = useState<Set<string>>(new Set());\n  const [targetChecked, setTargetChecked] = useState<Set<string>>(new Set());\n\n  // SR-only live announcement for move outcomes.\n  const [announcement, setAnnouncement] = useState(\"\");\n\n  // Per-panel search\n  const [sourceSearch, setSourceSearch] = useState(\"\");\n  const [targetSearch, setTargetSearch] = useState(\"\");\n\n  // Derive panels from dataSource (preserving order)\n  const sourceItems = useMemo(\n    () => dataSource.filter((it) => !targetSet.has(it.value)),\n    [dataSource, targetSet],\n  );\n  const targetItems = useMemo(\n    () => dataSource.filter((it) => targetSet.has(it.value)),\n    [dataSource, targetSet],\n  );\n\n  // ── Apply a move: compute next targetKeys, update state ──────────────────\n  const applyMove = useCallback(\n    (nextTargetKeys: string[]) => {\n      if (!isControlled) setInternalTargetKeys(nextTargetKeys);\n      onChange?.(nextTargetKeys);\n    },\n    [isControlled, onChange],\n  );\n\n  // ── Filtered visible items for \"move all visible\" decisions ───────────────\n  const visibleSourceEnabled = useMemo(() => {\n    const q = sourceSearch.toLowerCase();\n    return sourceItems.filter(\n      (it) => !it.disabled && (!sourceSearch || labelAsString(it.label).toLowerCase().includes(q)),\n    );\n  }, [sourceItems, sourceSearch]);\n\n  const visibleTargetEnabled = useMemo(() => {\n    const q = targetSearch.toLowerCase();\n    return targetItems.filter(\n      (it) => !it.disabled && (!targetSearch || labelAsString(it.label).toLowerCase().includes(q)),\n    );\n  }, [targetItems, targetSearch]);\n\n  // ── Move handlers ─────────────────────────────────────────────────────────\n\n  /** Move source-panel checked items → target */\n  const handleMoveCheckedRight = useCallback(() => {\n    const toMove = new Set(\n      [...sourceChecked].filter((v) => {\n        const item = dataSource.find((it) => it.value === v);\n        return item && !item.disabled && !targetSet.has(v);\n      }),\n    );\n    if (toMove.size === 0) return;\n    applyMove([...targetKeys, ...toMove]);\n    setAnnouncement(t(\"ui.transfer.movedToTarget\", { count: toMove.size }));\n    setSourceChecked((prev) => {\n      const next = new Set(prev);\n      toMove.forEach((v) => next.delete(v));\n      return next;\n    });\n  }, [sourceChecked, dataSource, targetKeys, targetSet, applyMove, t]);\n\n  /** Move ALL visible enabled source items → target */\n  const handleMoveAllRight = useCallback(() => {\n    // When search is active, move visible enabled items; otherwise move all enabled.\n    // CHOICE: move currently-VISIBLE enabled items when a search is active so \"move all\"\n    // respects the user's current filter view (predictable, WYSIWYG).\n    const toAdd = visibleSourceEnabled.map((it) => it.value);\n    if (toAdd.length === 0) return;\n    const next = [...new Set([...targetKeys, ...toAdd])];\n    applyMove(next);\n    setAnnouncement(t(\"ui.transfer.movedToTarget\", { count: toAdd.length }));\n    setSourceChecked(new Set());\n  }, [visibleSourceEnabled, targetKeys, applyMove, t]);\n\n  /** Move target-panel checked items → source */\n  const handleMoveCheckedLeft = useCallback(() => {\n    const toRemove = new Set(\n      [...targetChecked].filter((v) => {\n        const item = dataSource.find((it) => it.value === v);\n        return item && !item.disabled && targetSet.has(v);\n      }),\n    );\n    if (toRemove.size === 0) return;\n    applyMove(targetKeys.filter((k) => !toRemove.has(k)));\n    setAnnouncement(t(\"ui.transfer.movedToSource\", { count: toRemove.size }));\n    setTargetChecked((prev) => {\n      const next = new Set(prev);\n      toRemove.forEach((v) => next.delete(v));\n      return next;\n    });\n  }, [targetChecked, dataSource, targetKeys, targetSet, applyMove, t]);\n\n  /** Move ALL visible enabled target items → source */\n  const handleMoveAllLeft = useCallback(() => {\n    const toRemove = new Set(visibleTargetEnabled.map((it) => it.value));\n    if (toRemove.size === 0) return;\n    applyMove(targetKeys.filter((k) => !toRemove.has(k)));\n    setAnnouncement(t(\"ui.transfer.movedToSource\", { count: toRemove.size }));\n    setTargetChecked(new Set());\n  }, [visibleTargetEnabled, targetKeys, applyMove, t]);\n\n  // ── Per-panel check handlers ──────────────────────────────────────────────\n\n  const handleSourceCheckItem = useCallback((value: string, on: boolean) => {\n    setSourceChecked((prev) => {\n      const next = new Set(prev);\n      if (on) next.add(value);\n      else next.delete(value);\n      return next;\n    });\n  }, []);\n\n  const handleTargetCheckItem = useCallback((value: string, on: boolean) => {\n    setTargetChecked((prev) => {\n      const next = new Set(prev);\n      if (on) next.add(value);\n      else next.delete(value);\n      return next;\n    });\n  }, []);\n\n  const handleSourceCheckAll = useCallback(\n    (on: boolean) => {\n      const q = sourceSearch.toLowerCase();\n      const visible = sourceItems.filter(\n        (it) =>\n          !it.disabled && (!sourceSearch || labelAsString(it.label).toLowerCase().includes(q)),\n      );\n      setSourceChecked(on ? new Set(visible.map((it) => it.value)) : new Set());\n    },\n    [sourceItems, sourceSearch],\n  );\n\n  const handleTargetCheckAll = useCallback(\n    (on: boolean) => {\n      const q = targetSearch.toLowerCase();\n      const visible = targetItems.filter(\n        (it) =>\n          !it.disabled && (!targetSearch || labelAsString(it.label).toLowerCase().includes(q)),\n      );\n      setTargetChecked(on ? new Set(visible.map((it) => it.value)) : new Set());\n    },\n    [targetItems, targetSearch],\n  );\n\n  // ── Button disabled states ────────────────────────────────────────────────\n  // Enabled only when a checked item is actually movable (still on this side and\n  // not disabled) — a stale checked id (e.g. moved via a controlled targetKeys\n  // change) must not light up a button that would then no-op.\n  const canMoveCheckedRight = [...sourceChecked].some(\n    (v) => !targetSet.has(v) && !dataSource.find((it) => it.value === v)?.disabled,\n  );\n  const canMoveAllRight = visibleSourceEnabled.length > 0;\n  const canMoveCheckedLeft = [...targetChecked].some(\n    (v) => targetSet.has(v) && !dataSource.find((it) => it.value === v)?.disabled,\n  );\n  const canMoveAllLeft = visibleTargetEnabled.length > 0;\n\n  // Unique IDs for search inputs, panel-title labelling and row wiring\n  const uid = useId();\n  const sourceSearchId = `transfer-source-search-${uid}`;\n  const targetSearchId = `transfer-target-search-${uid}`;\n  const sourceTitleId = `transfer-source-title-${uid}`;\n  const targetTitleId = `transfer-target-title-${uid}`;\n  const sourceRowBase = `transfer-source-${uid}`;\n  const targetRowBase = `transfer-target-${uid}`;\n\n  return (\n    <div ref={ref} className={cn(\"flex items-stretch gap-2\", className)} {...props}>\n      {/* SR-only live region announcing move outcomes */}\n      <div role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {announcement}\n      </div>\n\n      {/* ── Source panel ─────────────────────────────── */}\n      <TransferPanel\n        title={resolvedTitles[0]}\n        items={sourceItems}\n        checked={sourceChecked}\n        onCheckItem={handleSourceCheckItem}\n        onCheckAll={handleSourceCheckAll}\n        showSearch={showSearch}\n        searchQuery={sourceSearch}\n        onSearchChange={setSourceSearch}\n        renderItem={renderItem}\n        searchInputId={sourceSearchId}\n        titleId={sourceTitleId}\n        rowIdBase={sourceRowBase}\n      />\n\n      {/* ── Move controls (center column) ────────────── */}\n      <div\n        className=\"flex flex-col items-center justify-center gap-1\"\n        role=\"group\"\n        aria-label={t(\"ui.transfer.moveControls\")}\n      >\n        <Button\n          variant=\"outline\"\n          size=\"icon-sm\"\n          aria-label={t(\"ui.transfer.moveSelectedRight\")}\n          disabled={!canMoveCheckedRight}\n          onClick={handleMoveCheckedRight}\n        >\n          <ChevronRight aria-hidden=\"true\" />\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"icon-sm\"\n          aria-label={t(\"ui.transfer.moveAllRight\")}\n          disabled={!canMoveAllRight}\n          onClick={handleMoveAllRight}\n        >\n          <ChevronsRight aria-hidden=\"true\" />\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"icon-sm\"\n          aria-label={t(\"ui.transfer.moveSelectedLeft\")}\n          disabled={!canMoveCheckedLeft}\n          onClick={handleMoveCheckedLeft}\n          className=\"mt-2\"\n        >\n          <ChevronLeft aria-hidden=\"true\" />\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"icon-sm\"\n          aria-label={t(\"ui.transfer.moveAllLeft\")}\n          disabled={!canMoveAllLeft}\n          onClick={handleMoveAllLeft}\n        >\n          <ChevronsLeft aria-hidden=\"true\" />\n        </Button>\n      </div>\n\n      {/* ── Target panel ─────────────────────────────── */}\n      <TransferPanel\n        title={resolvedTitles[1]}\n        items={targetItems}\n        checked={targetChecked}\n        onCheckItem={handleTargetCheckItem}\n        onCheckAll={handleTargetCheckAll}\n        showSearch={showSearch}\n        searchQuery={targetSearch}\n        onSearchChange={setTargetSearch}\n        renderItem={renderItem}\n        searchInputId={targetSearchId}\n        titleId={targetTitleId}\n        rowIdBase={targetRowBase}\n      />\n    </div>\n  );\n});\n"],"mappings":"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","names":["Transfer"]}

package/dist/chunk-C5QBV5RE.js

@@ -0,0 +1,77 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/button/button.tsx
+import { forwardRef } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap touch-manipulation rounded-control text-body font-control transition-[color,background-color,border-color,box-shadow,scale] duration-fast ease-standard active:scale-[0.98] motion-reduce:active:scale-100 focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        // Disabled treatment is ONE rule for every variant, inherited from the
+        // base string above (`disabled:pointer-events-none disabled:opacity-50`)
+        // — no per-variant fill swap. A solid-fill variant fading via opacity
+        // still reads as "off" against `--muted`/`--background` in both themes;
+        // keeping one mechanism (vs. a bg-muted swap on some variants only) is
+        // what made Input's disabled state internally inconsistent (#286).
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
+        // `inset-ring`, not `border`: a real border would widen the plate by 2px.
+        // `--secondary-border` defaults to transparent (today's borderless plate);
+        // a theme can give the neutral button an edge without switching variants.
+        secondary: "inset-ring inset-ring-secondary-border bg-secondary text-secondary-text hover:bg-secondary/80",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover active:bg-destructive-active",
+        // `text-foreground` is load-bearing, not decoration: an outline button
+        // paints its OWN `bg-background` plate, so inheriting the surrounding
+        // ink turns it invisible on a coloured band (a `bg-primary` CTA handed
+        // it `--primary-foreground`, 1.06:1 against its own plate). A caller's
+        // own `text-*` still wins through `cn()`.
+        outline: "border border-button-outline-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+        // The calm "outlined but quiet" rung (#194, research 02 §3a). `outline` uses
+        // `--button-outline-border` (default `var(--input)`, split from the
+        // form-field token), `outline-subtle` uses `border-border`. Since the ADR
+        // 0010 Amendment (2026-06-20) returned `--input` to the subtle rung, these
+        // two are now VISUALLY IDENTICAL by default — both variant names are kept
+        // as a SEMANTIC SEAM (a theme can now give buttons and text fields
+        // different edges) and to avoid churning `outline-subtle` callers (e.g.
+        // change-review.tsx). `outline` stays for genuinely form-adjacent controls.
+        "outline-subtle": "border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        // #399 — a link button is TEXT on the page: `--link` defaults to the
+        // on-surface `--primary-text` rung; `bg-primary` above keeps the fill rung.
+        link: "text-link underline-offset-4 hover:underline"
+      },
+      size: {
+        sm: "h-control-sm px-3 text-meta",
+        default: "h-control px-4 py-2",
+        lg: "h-control-lg px-6",
+        icon: "size-control",
+        "icon-sm": "size-control-sm",
+        "icon-lg": "size-control-lg"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+var Button = forwardRef(function Button2({ className, variant, size, asChild = false, type, ...props }, ref) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(buttonVariants({ variant, size }), className),
+      type: asChild ? void 0 : type ?? "button",
+      ...props
+    }
+  );
+});
+
+export {
+  buttonVariants,
+  Button
+};
+//# sourceMappingURL=chunk-C5QBV5RE.js.map

package/dist/chunk-C5QBV5RE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nexport const buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap touch-manipulation rounded-control text-body font-control transition-[color,background-color,border-color,box-shadow,scale] duration-fast ease-standard active:scale-[0.98] motion-reduce:active:scale-100 focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        // Disabled treatment is ONE rule for every variant, inherited from the\n        // base string above (`disabled:pointer-events-none disabled:opacity-50`)\n        // — no per-variant fill swap. A solid-fill variant fading via opacity\n        // still reads as \"off\" against `--muted`/`--background` in both themes;\n        // keeping one mechanism (vs. a bg-muted swap on some variants only) is\n        // what made Input's disabled state internally inconsistent (#286).\n        default:\n          \"bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active\",\n        // `inset-ring`, not `border`: a real border would widen the plate by 2px.\n        // `--secondary-border` defaults to transparent (today's borderless plate);\n        // a theme can give the neutral button an edge without switching variants.\n        secondary:\n          \"inset-ring inset-ring-secondary-border bg-secondary text-secondary-text hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive-hover active:bg-destructive-active\",\n        // `text-foreground` is load-bearing, not decoration: an outline button\n        // paints its OWN `bg-background` plate, so inheriting the surrounding\n        // ink turns it invisible on a coloured band (a `bg-primary` CTA handed\n        // it `--primary-foreground`, 1.06:1 against its own plate). A caller's\n        // own `text-*` still wins through `cn()`.\n        outline:\n          \"border border-button-outline-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground\",\n        // The calm \"outlined but quiet\" rung (#194, research 02 §3a). `outline` uses\n        // `--button-outline-border` (default `var(--input)`, split from the\n        // form-field token), `outline-subtle` uses `border-border`. Since the ADR\n        // 0010 Amendment (2026-06-20) returned `--input` to the subtle rung, these\n        // two are now VISUALLY IDENTICAL by default — both variant names are kept\n        // as a SEMANTIC SEAM (a theme can now give buttons and text fields\n        // different edges) and to avoid churning `outline-subtle` callers (e.g.\n        // change-review.tsx). `outline` stays for genuinely form-adjacent controls.\n        \"outline-subtle\":\n          \"border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        // #399 — a link button is TEXT on the page: `--link` defaults to the\n        // on-surface `--primary-text` rung; `bg-primary` above keeps the fill rung.\n        link: \"text-link underline-offset-4 hover:underline\",\n      },\n      size: {\n        sm: \"h-control-sm px-3 text-meta\",\n        default: \"h-control px-4 py-2\",\n        lg: \"h-control-lg px-6\",\n        icon: \"size-control\",\n        \"icon-sm\": \"size-control-sm\",\n        \"icon-lg\": \"size-control-lg\",\n      },\n    },\n    defaultVariants: { variant: \"default\", size: \"default\" },\n  },\n);\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n  /** Render the child element as the button (Radix Slot) instead of a <button>. */\n  asChild?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { className, variant, size, asChild = false, type, ...props },\n  ref,\n) {\n  const Comp = asChild ? Slot : \"button\";\n  return (\n    <Comp\n      ref={ref}\n      className={cn(buttonVariants({ variant, size }), className)}\n      type={asChild ? undefined : (type ?? \"button\")}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAA6C;AACtD,SAAS,YAAY;AACrB,SAAS,WAA8B;AAsEnC;AAnEG,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOP,SACE;AAAA;AAAA;AAAA;AAAA,QAIF,WACE;AAAA,QACF,aACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMF,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASF,kBACE;AAAA,QACF,OAAO;AAAA;AAAA;AAAA,QAGP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,WAAW,MAAM,UAAU;AAAA,EACzD;AACF;AAQO,IAAM,SAAS,WAA2C,SAASA,QACxE,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,MAAM,GAAG,MAAM,GAC5D,KACA;AACA,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MAC1D,MAAM,UAAU,SAAa,QAAQ;AAAA,MACpC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Button"]}

package/dist/chunk-C753P3VJ.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-C753P3VJ.js.map

package/dist/chunk-C753P3VJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-CDE74W6O.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-CDE74W6O.js.map

package/dist/chunk-CDE74W6O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-CDMJSXCB.js

@@ -0,0 +1,62 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/reveal/reveal.tsx
+import {
+  Children,
+  cloneElement,
+  forwardRef,
+  isValidElement
+} from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var revealVariants = cva("animate-in fill-mode-both", {
+  variants: {
+    appear: {
+      // Travel ~24px (slide-*-6): below ~16px a slide reads as a flicker/pop, not
+      // trackable motion — distance, not duration, is what makes it feel smooth.
+      fade: "fade-in",
+      up: "fade-in slide-in-from-bottom-6",
+      down: "fade-in slide-in-from-top-6",
+      left: "fade-in slide-in-from-right-6",
+      right: "fade-in slide-in-from-left-6",
+      zoom: "fade-in zoom-in-95"
+    },
+    speed: {
+      fast: "duration-fast ease-entrance",
+      base: "duration-base ease-entrance",
+      slow: "duration-slow ease-entrance"
+    }
+  },
+  defaultVariants: { appear: "up", speed: "slow" }
+});
+var Reveal = forwardRef(function Reveal2({ className, appear, speed, delayMs, style, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(revealVariants({ appear, speed }), className),
+      style: delayMs ? { animationDelay: `${delayMs}ms`, ...style } : style,
+      ...props
+    }
+  );
+});
+var RevealGroup = forwardRef(function RevealGroup2({ children, className, appear, speed, staggerMs = 60, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className, ...props, children: Children.map(children, (child, index) => {
+    if (!isValidElement(child)) return child;
+    const el = child;
+    return cloneElement(el, {
+      className: cn(revealVariants({ appear, speed }), el.props.className),
+      style: { animationDelay: `${index * staggerMs}ms`, ...el.props.style }
+    });
+  }) });
+});
+
+export {
+  revealVariants,
+  Reveal,
+  RevealGroup
+};
+//# sourceMappingURL=chunk-CDMJSXCB.js.map

package/dist/chunk-CDMJSXCB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/reveal/reveal.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n} from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * Entrance-animation classes (tw-animate-css), gated by the motion system: the\n * `duration-*` utility feeds `--tw-duration` (= the gated `--t-*`), so the\n * reveal slows to ~0 when motion is reduced/off. `fill-mode-both` holds the\n * start state through any stagger delay so items don't flash in early.\n */\nexport const revealVariants = cva(\"animate-in fill-mode-both\", {\n  variants: {\n    appear: {\n      // Travel ~24px (slide-*-6): below ~16px a slide reads as a flicker/pop, not\n      // trackable motion — distance, not duration, is what makes it feel smooth.\n      fade: \"fade-in\",\n      up: \"fade-in slide-in-from-bottom-6\",\n      down: \"fade-in slide-in-from-top-6\",\n      left: \"fade-in slide-in-from-right-6\",\n      right: \"fade-in slide-in-from-left-6\",\n      zoom: \"fade-in zoom-in-95\",\n    },\n    speed: {\n      fast: \"duration-fast ease-entrance\",\n      base: \"duration-base ease-entrance\",\n      slow: \"duration-slow ease-entrance\",\n    },\n  },\n  defaultVariants: { appear: \"up\", speed: \"slow\" },\n});\n\nexport interface RevealProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof revealVariants> {\n  /** Animation delay in ms (RevealGroup sets this per child to stagger). */\n  delayMs?: number;\n}\n\n/**\n * Animates its content in on mount (fade + directional slide/zoom). Gated by the\n * motion system — no animation when motion is reduced/off. For a list/grid, use\n * {@link RevealGroup} to stagger children.\n */\nexport const Reveal = forwardRef<HTMLDivElement, RevealProps>(function Reveal(\n  { className, appear, speed, delayMs, style, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(revealVariants({ appear, speed }), className)}\n      style={delayMs ? { animationDelay: `${delayMs}ms`, ...style } : style}\n      {...props}\n    />\n  );\n});\n\nexport interface RevealGroupProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof revealVariants> {\n  /** Delay added per successive child, in ms. */\n  staggerMs?: number;\n}\n\ntype RevealableChild = ReactElement<{ className?: string; style?: CSSProperties }>;\n\n/**\n * Staggers an entrance across direct children. Clones each child to add the\n * reveal classes + an incremental `animation-delay` — no wrapper elements, so it\n * is safe inside flex/grid layouts. Remount it (e.g. via a changing `key`) to\n * replay. Gated by the motion system.\n */\nexport const RevealGroup = forwardRef<HTMLDivElement, RevealGroupProps>(function RevealGroup(\n  { children, className, appear, speed, staggerMs = 60, ...props },\n  ref,\n) {\n  return (\n    <div ref={ref} className={className} {...props}>\n      {Children.map(children, (child, index) => {\n        if (!isValidElement(child)) return child;\n        const el = child as RevealableChild;\n        return cloneElement(el, {\n          className: cn(revealVariants({ appear, speed }), el.props.className),\n          style: { animationDelay: `${index * staggerMs}ms`, ...el.props.style },\n        });\n      })}\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,WAA8B;AA8CnC;AArCG,IAAM,iBAAiB,IAAI,6BAA6B;AAAA,EAC7D,UAAU;AAAA,IACR,QAAQ;AAAA;AAAA;AAAA,MAGN,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,QAAQ,MAAM,OAAO,OAAO;AACjD,CAAC;AAaM,IAAM,SAAS,WAAwC,SAASA,QACrE,EAAE,WAAW,QAAQ,OAAO,SAAS,OAAO,GAAG,MAAM,GACrD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,eAAe,EAAE,QAAQ,MAAM,CAAC,GAAG,SAAS;AAAA,MAC1D,OAAO,UAAU,EAAE,gBAAgB,GAAG,OAAO,MAAM,GAAG,MAAM,IAAI;AAAA,MAC/D,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAgBM,IAAM,cAAc,WAA6C,SAASC,aAC/E,EAAE,UAAU,WAAW,QAAQ,OAAO,YAAY,IAAI,GAAG,MAAM,GAC/D,KACA;AACA,SACE,oBAAC,SAAI,KAAU,WAAuB,GAAG,OACtC,mBAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACxC,QAAI,CAAC,eAAe,KAAK,EAAG,QAAO;AACnC,UAAM,KAAK;AACX,WAAO,aAAa,IAAI;AAAA,MACtB,WAAW,GAAG,eAAe,EAAE,QAAQ,MAAM,CAAC,GAAG,GAAG,MAAM,SAAS;AAAA,MACnE,OAAO,EAAE,gBAAgB,GAAG,QAAQ,SAAS,MAAM,GAAG,GAAG,MAAM,MAAM;AAAA,IACvE,CAAC;AAAA,EACH,CAAC,GACH;AAEJ,CAAC;","names":["Reveal","RevealGroup"]}