@elabs-ai/components-ui 4.1.0 → 5.0.0

package/dist/chunk-LOSXINSS.js

@@ -0,0 +1,100 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger
+} from "./chunk-TU24Y4HN.js";
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  useSidebar
+} from "./chunk-R3SYH7RG.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/team-switcher/team-switcher.tsx
+import * as React from "react";
+import { ChevronsUpDown, Plus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TeamSwitcher({ teams, logoClassName, className }) {
+  const { isMobile } = useSidebar();
+  const { t } = useLocale();
+  const [activeTeam, setActiveTeam] = React.useState(teams[0]);
+  if (!activeTeam) return null;
+  const Logo = activeTeam.logo;
+  return /* @__PURE__ */ jsx(SidebarMenu, { className, children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      SidebarMenuButton,
+      {
+        size: "lg",
+        "aria-label": `${activeTeam.name} ${activeTeam.plan}`,
+        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg",
+                logoClassName ?? "bg-sidebar-accent text-sidebar-accent-foreground",
+                "group-data-[collapsible=icon]:size-4 group-data-[collapsible=icon]:rounded-none group-data-[collapsible=icon]:bg-transparent group-data-[collapsible=icon]:text-sidebar-foreground"
+              ),
+              children: /* @__PURE__ */ jsx(Logo, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-start text-body leading-tight group-data-[collapsible=icon]:hidden", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: activeTeam.name }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-meta", children: activeTeam.plan })
+          ] }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ms-auto group-data-[collapsible=icon]:hidden" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+        align: "start",
+        side: isMobile ? "bottom" : "right",
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-meta text-muted-foreground", children: t("ui.teamSwitcher.label") }),
+          teams.map((team, index) => /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              onClick: () => setActiveTeam(team),
+              className: "gap-2 p-2",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex size-6 items-center justify-center rounded-md border", children: /* @__PURE__ */ jsx(team.logo, { className: "size-4 shrink-0" }) }),
+                team.name,
+                /* @__PURE__ */ jsxs(DropdownMenuShortcut, { children: [
+                  "\u2318",
+                  index + 1
+                ] })
+              ]
+            },
+            team.name
+          )),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxs(DropdownMenuItem, { className: "gap-2 p-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent", children: /* @__PURE__ */ jsx(Plus, { className: "size-4" }) }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium text-muted-foreground", children: t("ui.teamSwitcher.addTeam") })
+          ] })
+        ]
+      }
+    )
+  ] }) }) });
+}
+
+export {
+  TeamSwitcher
+};
+//# sourceMappingURL=chunk-LOSXINSS.js.map

package/dist/chunk-LOSXINSS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/team-switcher/team-switcher.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronsUpDown, Plus } from \"lucide-react\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\";\nimport { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from \"../sidebar\";\nimport { useLocale } from \"../locale-provider\";\nimport { cn } from \"../../lib/cn\";\n\nexport type TeamSwitcherTeam = {\n  name: string;\n  logo: React.ElementType;\n  plan: string;\n};\n\nexport interface TeamSwitcherProps {\n  teams: TeamSwitcherTeam[];\n  /**\n   * Tailwind class for the active-team logo container background.\n   * @default \"bg-sidebar-accent text-sidebar-accent-foreground\"\n   */\n  logoClassName?: string;\n  className?: string;\n}\n\n/**\n * Sidebar team/workspace switcher. Shared primitive reconciled from sidebar-02\n * and sidebar-05 blocks (issue #99). Copy-owned blocks should import this\n * instead of maintaining local duplicates.\n */\nexport function TeamSwitcher({ teams, logoClassName, className }: TeamSwitcherProps) {\n  const { isMobile } = useSidebar();\n  const { t } = useLocale();\n  const [activeTeam, setActiveTeam] = React.useState(teams[0]);\n  if (!activeTeam) return null;\n  const Logo = activeTeam.logo;\n\n  return (\n    <SidebarMenu className={className}>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              // The name is written out rather than left to the button's own\n              // contents, because the contents cannot carry it in every state:\n              // collapsed to the 48px rail the trigger is one glyph, and the\n              // label beside it is either gone or clipped out of view by the\n              // button's `overflow-hidden` — either way axe reads a nameless\n              // button (`button-name`, critical). The string is exactly the\n              // visible label, in reading order, so WCAG 2.5.3 (label in name)\n              // holds expanded, where that label IS on screen. Verified by\n              // deleting this line and watching three dashboard stories fail\n              // `button-name` (critical).\n              aria-label={`${activeTeam.name} ${activeTeam.plan}`}\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              {/* Collapsed, this row is ONE ICON in a 48px rail and has to sit\n                  on the same centre line as every nav entry above and below it.\n                  Measured before this fix: the 32px plate did not fit the\n                  button's 16px content box, so it overflowed (clipped by the\n                  button's own `overflow-hidden`) and its glyph landed 8px to the\n                  trailing side of every other icon in the rail. So the plate\n                  becomes the glyph's own 16px box — no fill, no radius, nothing\n                  to overflow — and the label and chevron stand down: at 48px\n                  there is no room to read them, and they are what crowds the\n                  plate. Expanded, all three come back unchanged. */}\n              <div\n                className={cn(\n                  \"flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg\",\n                  logoClassName ?? \"bg-sidebar-accent text-sidebar-accent-foreground\",\n                  \"group-data-[collapsible=icon]:size-4 group-data-[collapsible=icon]:rounded-none group-data-[collapsible=icon]:bg-transparent group-data-[collapsible=icon]:text-sidebar-foreground\",\n                )}\n              >\n                <Logo className=\"size-4\" />\n              </div>\n              <div className=\"grid flex-1 text-start text-body leading-tight group-data-[collapsible=icon]:hidden\">\n                <span className=\"truncate font-semibold\">{activeTeam.name}</span>\n                <span className=\"truncate text-meta\">{activeTeam.plan}</span>\n              </div>\n              {/* Decorative, so it simply goes. */}\n              <ChevronsUpDown className=\"ms-auto group-data-[collapsible=icon]:hidden\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n            align=\"start\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-meta text-muted-foreground\">\n              {t(\"ui.teamSwitcher.label\")}\n            </DropdownMenuLabel>\n            {teams.map((team, index) => (\n              <DropdownMenuItem\n                key={team.name}\n                onClick={() => setActiveTeam(team)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-md border\">\n                  <team.logo className=\"size-4 shrink-0\" />\n                </div>\n                {team.name}\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2 p-2\">\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-transparent\">\n                <Plus className=\"size-4\" />\n              </div>\n              <div className=\"font-medium text-muted-foreground\">\n                {t(\"ui.teamSwitcher.addTeam\")}\n              </div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,gBAAgB,YAAY;AA+ErB,cAEF,YAFE;AA5CT,SAAS,aAAa,EAAE,OAAO,eAAe,UAAU,GAAsB;AACnF,QAAM,EAAE,SAAS,IAAI,WAAW;AAChC,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,QAAM,CAAC,YAAY,aAAa,IAAU,eAAS,MAAM,CAAC,CAAC;AAC3D,MAAI,CAAC,WAAY,QAAO;AACxB,QAAM,OAAO,WAAW;AAExB,SACE,oBAAC,eAAY,WACX,8BAAC,mBACC,+BAAC,gBACC;AAAA,wBAAC,uBAAoB,SAAO,MAC1B;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAWL,cAAY,GAAG,WAAW,IAAI,IAAI,WAAW,IAAI;AAAA,QACjD,WAAU;AAAA,QAYV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,iBAAiB;AAAA,gBACjB;AAAA,cACF;AAAA,cAEA,8BAAC,QAAK,WAAU,UAAS;AAAA;AAAA,UAC3B;AAAA,UACA,qBAAC,SAAI,WAAU,uFACb;AAAA,gCAAC,UAAK,WAAU,0BAA0B,qBAAW,MAAK;AAAA,YAC1D,oBAAC,UAAK,WAAU,sBAAsB,qBAAW,MAAK;AAAA,aACxD;AAAA,UAEA,oBAAC,kBAAe,WAAU,gDAA+C;AAAA;AAAA;AAAA,IAC3E,GACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM,WAAW,WAAW;AAAA,QAC5B,YAAY;AAAA,QAEZ;AAAA,8BAAC,qBAAkB,WAAU,mCAC1B,YAAE,uBAAuB,GAC5B;AAAA,UACC,MAAM,IAAI,CAAC,MAAM,UAChB;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS,MAAM,cAAc,IAAI;AAAA,cACjC,WAAU;AAAA,cAEV;AAAA,oCAAC,SAAI,WAAU,6DACb,8BAAC,KAAK,MAAL,EAAU,WAAU,mBAAkB,GACzC;AAAA,gBACC,KAAK;AAAA,gBACN,qBAAC,wBAAqB;AAAA;AAAA,kBAAE,QAAQ;AAAA,mBAAE;AAAA;AAAA;AAAA,YAR7B,KAAK;AAAA,UASZ,CACD;AAAA,UACD,oBAAC,yBAAsB;AAAA,UACvB,qBAAC,oBAAiB,WAAU,aAC1B;AAAA,gCAAC,SAAI,WAAU,4EACb,8BAAC,QAAK,WAAU,UAAS,GAC3B;AAAA,YACA,oBAAC,SAAI,WAAU,qCACZ,YAAE,yBAAyB,GAC9B;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}

package/dist/chunk-LR2CU7HK.js

@@ -0,0 +1,41 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/switch/switch.tsx
+import { forwardRef } from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { jsx } from "react/jsx-runtime";
+var Switch = forwardRef(function Switch2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      ref,
+      "data-slot": "switch",
+      className: cn(
+        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors duration-fast ease-standard",
+        "focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "pointer-events-none block size-4 rounded-full bg-background shadow-xs ring-0 transition-transform duration-fast ease-standard",
+            "data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+});
+
+export {
+  Switch
+};
+//# sourceMappingURL=chunk-LR2CU7HK.js.map

package/dist/chunk-LR2CU7HK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/switch/switch.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>\n>(function Switch({ className, ...props }, ref) {\n  return (\n    <SwitchPrimitive.Root\n      ref={ref}\n      data-slot=\"switch\"\n      className={cn(\n        \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors duration-fast ease-standard\",\n        \"focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"pointer-events-none block size-4 rounded-full bg-background shadow-xs ring-0 transition-transform duration-fast ease-standard\",\n          \"data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\",\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,qBAAqB;AAoB3B;AAjBC,IAAM,SAAS,WAGpB,SAASA,QAAO,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["Switch"]}

package/dist/chunk-LSYVAOSH.js

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

package/dist/chunk-LSYVAOSH.js.map

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

package/dist/chunk-LVRULYU4.js

@@ -0,0 +1,400 @@
+"use client";
+import {
+  Checkbox
+} from "./chunk-DUF2VZON.js";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "./chunk-URVAZW44.js";
+import {
+  ScrollArea
+} from "./chunk-UQHWOPUY.js";
+import {
+  Input
+} from "./chunk-XYACSO57.js";
+import {
+  Badge
+} from "./chunk-ECCNRCC4.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.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-LVRULYU4.js.map

package/dist/chunk-LVRULYU4.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"]}