@mdigital_ui/ui 0.4.0 → 0.4.2

package/dist/chunk-GJPZOMFE.js

@@ -0,0 +1,407 @@
+import { checkbox_default } from './chunk-I32ZQUYY.js';
+import { cn, getValidationStatus, iconSizes, statusMessageVariants } from './chunk-NGYLRX6F.js';
+import { Search, ChevronRight, ChevronLeft, ChevronsRight, ChevronsLeft } from 'lucide-react';
+import React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var transferHeaderVariants = cva(
+  "flex items-center justify-between px-4 py-2 border-b border-border bg-surface"
+);
+var transferBodyVariants = cva("overflow-y-auto");
+var transferItemVariants = cva(
+  "flex items-center gap-2 px-4 py-2 cursor-pointer transition-colors hover:bg-surface",
+  {
+    variants: {
+      selected: {
+        true: "bg-primary/10",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed hover:bg-transparent",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      selected: false,
+      disabled: false
+    }
+  }
+);
+var transferButtonVariants = cva("flex flex-col gap-2");
+var transferActionButtonVariants = cva(
+  "flex items-center justify-center p-2 rounded-md border border-border bg-background text-text-secondary hover:bg-primary hover:text-white hover:border-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-background disabled:hover:text-text-secondary disabled:hover:border-border"
+);
+var filterItems = (items, searchValue) => {
+  if (!searchValue) return items;
+  const lowerSearch = searchValue.toLowerCase();
+  return items.filter(
+    (item) => item.label.toLowerCase().includes(lowerSearch) || item.description?.toLowerCase().includes(lowerSearch)
+  );
+};
+var getItemsByKeys = (items, keys) => {
+  return items.filter((item) => keys.includes(item.key));
+};
+var getEnabledItems = (items) => {
+  return items.filter((item) => !item.disabled);
+};
+var TransferList = React.memo(
+  ({
+    title,
+    dataSource,
+    selectedKeys,
+    disabled = false,
+    showSearch = false,
+    searchPlaceholder = "Search...",
+    listHeight = 300,
+    showSelectAll = true,
+    onItemSelect,
+    onItemSelectAll,
+    onSearch,
+    render,
+    footer,
+    classNames
+  }) => {
+    const [searchValue, setSearchValue] = React.useState("");
+    const filteredData = React.useMemo(
+      () => filterItems(dataSource, searchValue),
+      [dataSource, searchValue]
+    );
+    const enabledItems = React.useMemo(
+      () => getEnabledItems(filteredData),
+      [filteredData]
+    );
+    const selectedCount = React.useMemo(
+      () => filteredData.filter((item) => selectedKeys.includes(item.key)).length,
+      [filteredData, selectedKeys]
+    );
+    const allChecked = enabledItems.length > 0 && selectedCount === enabledItems.length;
+    const indeterminate = selectedCount > 0 && selectedCount < enabledItems.length;
+    const handleSearchChange = React.useCallback(
+      (e) => {
+        const value = e.target.value;
+        setSearchValue(value);
+        onSearch?.(value);
+      },
+      [onSearch]
+    );
+    const handleSelectAll = React.useCallback(
+      (e) => {
+        const checked = e.target.checked;
+        const keys = enabledItems.map((item) => item.key);
+        onItemSelectAll(keys, checked);
+      },
+      [enabledItems, onItemSelectAll]
+    );
+    const handleItemSelect = React.useCallback(
+      (item) => {
+        if (item.disabled) return;
+        const checked = !selectedKeys.includes(item.key);
+        onItemSelect(item.key, checked);
+      },
+      [selectedKeys, onItemSelect]
+    );
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1 flex-col border border-border rounded-lg bg-card overflow-hidden min-w-0 transfer_list", classNames?.list), children: [
+      /* @__PURE__ */ jsx("div", { className: cn(transferHeaderVariants(), "transfer_header", classNames?.header), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
+        showSelectAll && /* @__PURE__ */ jsx(
+          checkbox_default,
+          {
+            checked: allChecked,
+            indeterminate,
+            onChange: handleSelectAll,
+            disabled: disabled || enabledItems.length === 0,
+            size: "sm"
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-text-primary", children: [
+          title,
+          /* @__PURE__ */ jsxs("span", { className: "text-text-secondary ml-1", children: [
+            "(",
+            selectedCount,
+            "/",
+            filteredData.length,
+            ")"
+          ] })
+        ] })
+      ] }) }),
+      showSearch && /* @__PURE__ */ jsx("div", { className: "p-2 border-b border-border", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            className: cn("w-full pl-8 pr-3 py-1.5 text-sm text-text-primary placeholder:text-text-muted bg-background border border-border rounded-md outline-none focus:border-primary transition-colors transfer_search", classNames?.search),
+            placeholder: searchPlaceholder,
+            value: searchValue,
+            onChange: handleSearchChange,
+            disabled
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: transferBodyVariants(),
+          style: { height: listHeight },
+          children: filteredData.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-sm text-text-secondary", children: "No data" }) : filteredData.map((item) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                transferItemVariants({
+                  selected: selectedKeys.includes(item.key),
+                  disabled: !!item.disabled || disabled
+                }),
+                "transfer_item",
+                classNames?.item
+              ),
+              onClick: () => handleItemSelect(item),
+              children: [
+                /* @__PURE__ */ jsx(
+                  checkbox_default,
+                  {
+                    checked: selectedKeys.includes(item.key),
+                    disabled: !!item.disabled || disabled,
+                    size: "sm",
+                    onChange: () => {
+                    }
+                  }
+                ),
+                render ? render(item) : /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-sm text-text-primary truncate", children: item.label }),
+                  item.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary truncate", children: item.description })
+                ] })
+              ]
+            },
+            item.key
+          ))
+        }
+      ),
+      footer && /* @__PURE__ */ jsx("div", { className: "px-4 py-2 border-t border-border bg-surface text-sm text-text-secondary", children: footer })
+    ] });
+  }
+);
+TransferList.displayName = "TransferList";
+var Transfer = React.memo(
+  ({
+    dataSource = [],
+    targetKeys,
+    defaultTargetKeys = [],
+    titles = ["Source", "Target"],
+    size = "md",
+    showSearch = false,
+    searchPlaceholder = "Search...",
+    listHeight = 300,
+    showSelectAll = true,
+    oneWay = false,
+    disabled = false,
+    render,
+    footer,
+    onChange,
+    onSelectChange,
+    onSearch,
+    label,
+    helperText,
+    error,
+    warning,
+    info,
+    success,
+    className,
+    classNames,
+    ref
+  }) => {
+    const [internalTargetKeys, setInternalTargetKeys] = React.useState(defaultTargetKeys);
+    const [leftSelectedKeys, setLeftSelectedKeys] = React.useState([]);
+    const [rightSelectedKeys, setRightSelectedKeys] = React.useState(
+      []
+    );
+    const currentTargetKeys = targetKeys !== void 0 ? targetKeys : internalTargetKeys;
+    const { status, message: helperMessage } = getValidationStatus({
+      error,
+      warning,
+      info,
+      success,
+      helperText
+    });
+    const leftDataSource = React.useMemo(
+      () => dataSource.filter((item) => !currentTargetKeys.includes(item.key)),
+      [dataSource, currentTargetKeys]
+    );
+    const rightDataSource = React.useMemo(
+      () => getItemsByKeys(dataSource, currentTargetKeys),
+      [dataSource, currentTargetKeys]
+    );
+    const handleLeftItemSelect = React.useCallback(
+      (key, checked) => {
+        const newKeys = checked ? [...leftSelectedKeys, key] : leftSelectedKeys.filter((k) => k !== key);
+        setLeftSelectedKeys(newKeys);
+        onSelectChange?.(newKeys, rightSelectedKeys);
+      },
+      [leftSelectedKeys, rightSelectedKeys, onSelectChange]
+    );
+    const handleRightItemSelect = React.useCallback(
+      (key, checked) => {
+        const newKeys = checked ? [...rightSelectedKeys, key] : rightSelectedKeys.filter((k) => k !== key);
+        setRightSelectedKeys(newKeys);
+        onSelectChange?.(leftSelectedKeys, newKeys);
+      },
+      [leftSelectedKeys, rightSelectedKeys, onSelectChange]
+    );
+    const handleLeftSelectAll = React.useCallback(
+      (keys, checked) => {
+        const newKeys = checked ? keys : [];
+        setLeftSelectedKeys(newKeys);
+        onSelectChange?.(newKeys, rightSelectedKeys);
+      },
+      [rightSelectedKeys, onSelectChange]
+    );
+    const handleRightSelectAll = React.useCallback(
+      (keys, checked) => {
+        const newKeys = checked ? keys : [];
+        setRightSelectedKeys(newKeys);
+        onSelectChange?.(leftSelectedKeys, newKeys);
+      },
+      [leftSelectedKeys, onSelectChange]
+    );
+    const moveToRight = React.useCallback(() => {
+      const newTargetKeys = [...currentTargetKeys, ...leftSelectedKeys];
+      if (targetKeys === void 0) {
+        setInternalTargetKeys(newTargetKeys);
+      }
+      onChange?.(newTargetKeys, "right", leftSelectedKeys);
+      setLeftSelectedKeys([]);
+    }, [currentTargetKeys, leftSelectedKeys, targetKeys, onChange]);
+    const moveToLeft = React.useCallback(() => {
+      const newTargetKeys = currentTargetKeys.filter(
+        (key) => !rightSelectedKeys.includes(key)
+      );
+      if (targetKeys === void 0) {
+        setInternalTargetKeys(newTargetKeys);
+      }
+      onChange?.(newTargetKeys, "left", rightSelectedKeys);
+      setRightSelectedKeys([]);
+    }, [currentTargetKeys, rightSelectedKeys, targetKeys, onChange]);
+    const moveAllToRight = React.useCallback(() => {
+      const enabledLeftItems = getEnabledItems(leftDataSource);
+      const keysToMove = enabledLeftItems.map((item) => item.key);
+      const newTargetKeys = [...currentTargetKeys, ...keysToMove];
+      if (targetKeys === void 0) {
+        setInternalTargetKeys(newTargetKeys);
+      }
+      onChange?.(newTargetKeys, "right", keysToMove);
+      setLeftSelectedKeys([]);
+    }, [leftDataSource, currentTargetKeys, targetKeys, onChange]);
+    const moveAllToLeft = React.useCallback(() => {
+      const enabledRightItems = getEnabledItems(rightDataSource);
+      const keysToMove = enabledRightItems.map((item) => item.key);
+      const newTargetKeys = currentTargetKeys.filter(
+        (key) => !keysToMove.includes(key)
+      );
+      if (targetKeys === void 0) {
+        setInternalTargetKeys(newTargetKeys);
+      }
+      onChange?.(newTargetKeys, "left", keysToMove);
+      setRightSelectedKeys([]);
+    }, [rightDataSource, currentTargetKeys, targetKeys, onChange]);
+    const leftFooter = footer?.({ direction: "left" });
+    const rightFooter = footer?.({ direction: "right" });
+    return /* @__PURE__ */ jsxs("div", { ref, children: [
+      label && /* @__PURE__ */ jsx("label", { className: "block mb-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-primary", children: label }) }),
+      /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-4 transfer_root", classNames?.root, className), children: [
+        /* @__PURE__ */ jsx(
+          TransferList,
+          {
+            title: titles[0],
+            dataSource: leftDataSource,
+            selectedKeys: leftSelectedKeys,
+            disabled,
+            showSearch,
+            searchPlaceholder,
+            listHeight,
+            showSelectAll,
+            direction: "left",
+            onItemSelect: handleLeftItemSelect,
+            onItemSelectAll: handleLeftSelectAll,
+            onSearch: (value) => onSearch?.("left", value),
+            render,
+            footer: leftFooter,
+            size,
+            classNames
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: cn(transferButtonVariants(), "self-center transfer_actions", classNames?.actions), children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: transferActionButtonVariants(),
+              onClick: moveToRight,
+              disabled: disabled || leftSelectedKeys.length === 0,
+              title: "Move selected to right",
+              children: /* @__PURE__ */ jsx(ChevronRight, { className: iconSizes[size] })
+            }
+          ),
+          !oneWay && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: transferActionButtonVariants(),
+              onClick: moveToLeft,
+              disabled: disabled || rightSelectedKeys.length === 0,
+              title: "Move selected to left",
+              children: /* @__PURE__ */ jsx(ChevronLeft, { className: iconSizes[size] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: transferActionButtonVariants(),
+              onClick: moveAllToRight,
+              disabled: disabled || leftDataSource.length === 0,
+              title: "Move all to right",
+              children: /* @__PURE__ */ jsx(ChevronsRight, { className: iconSizes[size] })
+            }
+          ),
+          !oneWay && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: transferActionButtonVariants(),
+              onClick: moveAllToLeft,
+              disabled: disabled || rightDataSource.length === 0,
+              title: "Move all to left",
+              children: /* @__PURE__ */ jsx(ChevronsLeft, { className: iconSizes[size] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          TransferList,
+          {
+            title: titles[1],
+            dataSource: rightDataSource,
+            selectedKeys: rightSelectedKeys,
+            disabled,
+            showSearch,
+            searchPlaceholder,
+            listHeight,
+            showSelectAll,
+            direction: "right",
+            onItemSelect: handleRightItemSelect,
+            onItemSelectAll: handleRightSelectAll,
+            onSearch: (value) => onSearch?.("right", value),
+            render,
+            footer: rightFooter,
+            size,
+            classNames
+          }
+        )
+      ] }),
+      helperMessage && /* @__PURE__ */ jsx("p", { className: cn(statusMessageVariants({ status }), "mt-1"), children: helperMessage })
+    ] });
+  }
+);
+Transfer.displayName = "Transfer";
+
+export { Transfer };
+//# sourceMappingURL=chunk-GJPZOMFE.js.map
+//# sourceMappingURL=chunk-GJPZOMFE.js.map

package/dist/chunk-GJPZOMFE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/transfer/utils.ts","../src/transfer/index.tsx"],"names":[],"mappings":"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","file":"chunk-GJPZOMFE.js","sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport type { TransferItem } from './types'\n\nexport const transferHeaderVariants = cva(\n  'flex items-center justify-between px-4 py-2 border-b border-border bg-surface',\n)\n\nexport const transferBodyVariants = cva('overflow-y-auto')\n\nexport const transferItemVariants = cva(\n  'flex items-center gap-2 px-4 py-2 cursor-pointer transition-colors hover:bg-surface',\n  {\n    variants: {\n      selected: {\n        true: 'bg-primary/10',\n        false: '',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed hover:bg-transparent',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n      disabled: false,\n    },\n  },\n)\n\nexport const transferButtonVariants = cva('flex flex-col gap-2')\n\nexport const transferActionButtonVariants = cva(\n  'flex items-center justify-center p-2 rounded-md border border-border bg-background text-text-secondary hover:bg-primary hover:text-white hover:border-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-background disabled:hover:text-text-secondary disabled:hover:border-border',\n)\n\nexport const filterItems = (\n  items: TransferItem[],\n  searchValue: string,\n): TransferItem[] => {\n  if (!searchValue) return items\n\n  const lowerSearch = searchValue.toLowerCase()\n  return items.filter(\n    (item) =>\n      item.label.toLowerCase().includes(lowerSearch) ||\n      item.description?.toLowerCase().includes(lowerSearch),\n  )\n}\n\nexport const getItemsByKeys = (\n  items: TransferItem[],\n  keys: string[],\n): TransferItem[] => {\n  return items.filter((item) => keys.includes(item.key))\n}\n\nexport const getEnabledItems = (items: TransferItem[]): TransferItem[] => {\n  return items.filter((item) => !item.disabled)\n}\n","'use client'\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  Search,\n} from 'lucide-react'\nimport React from 'react'\n\nimport Checkbox from '../checkbox'\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from '../utils'\nimport type { TransferItem, TransferListProps, TransferProps } from './types'\nimport {\n  filterItems,\n  getEnabledItems,\n  getItemsByKeys,\n  transferActionButtonVariants,\n  transferBodyVariants,\n  transferButtonVariants,\n  transferHeaderVariants,\n  transferItemVariants,\n} from './utils'\n\nconst TransferList = React.memo<TransferListProps>(\n  ({\n    title,\n    dataSource,\n    selectedKeys,\n    disabled = false,\n    showSearch = false,\n    searchPlaceholder = 'Search...',\n    listHeight = 300,\n    showSelectAll = true,\n    onItemSelect,\n    onItemSelectAll,\n    onSearch,\n    render,\n    footer,\n    classNames,\n  }) => {\n    const [searchValue, setSearchValue] = React.useState('')\n\n    const filteredData = React.useMemo(\n      () => filterItems(dataSource, searchValue),\n      [dataSource, searchValue],\n    )\n\n    const enabledItems = React.useMemo(\n      () => getEnabledItems(filteredData),\n      [filteredData],\n    )\n\n    const selectedCount = React.useMemo(\n      () =>\n        filteredData.filter((item) => selectedKeys.includes(item.key)).length,\n      [filteredData, selectedKeys],\n    )\n\n    const allChecked =\n      enabledItems.length > 0 && selectedCount === enabledItems.length\n    const indeterminate =\n      selectedCount > 0 && selectedCount < enabledItems.length\n\n    const handleSearchChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value\n        setSearchValue(value)\n        onSearch?.(value)\n      },\n      [onSearch],\n    )\n\n    const handleSelectAll = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const checked = e.target.checked\n        const keys = enabledItems.map((item) => item.key)\n        onItemSelectAll(keys, checked)\n      },\n      [enabledItems, onItemSelectAll],\n    )\n\n    const handleItemSelect = React.useCallback(\n      (item: TransferItem) => {\n        if (item.disabled) return\n        const checked = !selectedKeys.includes(item.key)\n        onItemSelect(item.key, checked)\n      },\n      [selectedKeys, onItemSelect],\n    )\n\n    return (\n      <div className={cn(\"flex flex-1 flex-col border border-border rounded-lg bg-card overflow-hidden min-w-0 transfer_list\", classNames?.list)}>\n        {/* Header */}\n        <div className={cn(transferHeaderVariants(), \"transfer_header\", classNames?.header)}>\n          <div className=\"flex items-center gap-2 flex-1\">\n            {showSelectAll && (\n              <Checkbox\n                checked={allChecked}\n                indeterminate={indeterminate}\n                onChange={handleSelectAll}\n                disabled={disabled || enabledItems.length === 0}\n                size=\"sm\"\n              />\n            )}\n            <span className=\"text-sm font-medium text-text-primary\">\n              {title}\n              <span className=\"text-text-secondary ml-1\">\n                ({selectedCount}/{filteredData.length})\n              </span>\n            </span>\n          </div>\n        </div>\n\n        {/* Search */}\n        {showSearch && (\n          <div className=\"p-2 border-b border-border\">\n            <div className=\"relative\">\n              <Search className=\"absolute left-2 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary\" />\n              <input\n                type=\"text\"\n                className={cn(\"w-full pl-8 pr-3 py-1.5 text-sm text-text-primary placeholder:text-text-muted bg-background border border-border rounded-md outline-none focus:border-primary transition-colors transfer_search\", classNames?.search)}\n                placeholder={searchPlaceholder}\n                value={searchValue}\n                onChange={handleSearchChange}\n                disabled={disabled}\n              />\n            </div>\n          </div>\n        )}\n\n        {/* Body */}\n        <div\n          className={transferBodyVariants()}\n          style={{ height: listHeight }}\n        >\n          {filteredData.length === 0 ? (\n            <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n              No data\n            </div>\n          ) : (\n            filteredData.map((item) => (\n              <div\n                key={item.key}\n                className={cn(\n                  transferItemVariants({\n                    selected: selectedKeys.includes(item.key),\n                    disabled: !!item.disabled || disabled,\n                  }),\n                  \"transfer_item\",\n                  classNames?.item\n                )}\n                onClick={() => handleItemSelect(item)}\n              >\n                <Checkbox\n                  checked={selectedKeys.includes(item.key)}\n                  disabled={!!item.disabled || disabled}\n                  size=\"sm\"\n                    onChange={() => {}} // Handled by parent click\n                />\n                {render ? (\n                  render(item)\n                ) : (\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"text-sm text-text-primary truncate\">\n                      {item.label}\n                    </div>\n                    {item.description && (\n                      <div className=\"text-xs text-text-secondary truncate\">\n                        {item.description}\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n            ))\n          )}\n        </div>\n\n        {/* Footer */}\n        {footer && (\n          <div className=\"px-4 py-2 border-t border-border bg-surface text-sm text-text-secondary\">\n            {footer}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nTransferList.displayName = 'TransferList'\n\nexport const Transfer = React.memo<TransferProps>(\n  ({\n    dataSource = [],\n    targetKeys,\n    defaultTargetKeys = [],\n    titles = ['Source', 'Target'],\n    size = 'md',\n    showSearch = false,\n    searchPlaceholder = 'Search...',\n    listHeight = 300,\n    showSelectAll = true,\n    oneWay = false,\n    disabled = false,\n    render,\n    footer,\n    onChange,\n    onSelectChange,\n    onSearch,\n    label,\n    helperText,\n    error,\n    warning,\n    info,\n    success,\n    className,\n    classNames,\n    ref,\n  }) => {\n    const [internalTargetKeys, setInternalTargetKeys] =\n      React.useState<string[]>(defaultTargetKeys)\n    const [leftSelectedKeys, setLeftSelectedKeys] = React.useState<string[]>([])\n    const [rightSelectedKeys, setRightSelectedKeys] = React.useState<string[]>(\n      [],\n    )\n\n    const currentTargetKeys =\n      targetKeys !== undefined ? targetKeys : internalTargetKeys\n\n    const { status, message: helperMessage } = getValidationStatus({\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    })\n\n    // Split data into source and target\n    const leftDataSource = React.useMemo(\n      () => dataSource.filter((item) => !currentTargetKeys.includes(item.key)),\n      [dataSource, currentTargetKeys],\n    )\n\n    const rightDataSource = React.useMemo(\n      () => getItemsByKeys(dataSource, currentTargetKeys),\n      [dataSource, currentTargetKeys],\n    )\n\n    const handleLeftItemSelect = React.useCallback(\n      (key: string, checked: boolean) => {\n        const newKeys = checked\n          ? [...leftSelectedKeys, key]\n          : leftSelectedKeys.filter((k) => k !== key)\n        setLeftSelectedKeys(newKeys)\n        onSelectChange?.(newKeys, rightSelectedKeys)\n      },\n      [leftSelectedKeys, rightSelectedKeys, onSelectChange],\n    )\n\n    const handleRightItemSelect = React.useCallback(\n      (key: string, checked: boolean) => {\n        const newKeys = checked\n          ? [...rightSelectedKeys, key]\n          : rightSelectedKeys.filter((k) => k !== key)\n        setRightSelectedKeys(newKeys)\n        onSelectChange?.(leftSelectedKeys, newKeys)\n      },\n      [leftSelectedKeys, rightSelectedKeys, onSelectChange],\n    )\n\n    const handleLeftSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setLeftSelectedKeys(newKeys)\n        onSelectChange?.(newKeys, rightSelectedKeys)\n      },\n      [rightSelectedKeys, onSelectChange],\n    )\n\n    const handleRightSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setRightSelectedKeys(newKeys)\n        onSelectChange?.(leftSelectedKeys, newKeys)\n      },\n      [leftSelectedKeys, onSelectChange],\n    )\n\n    const moveToRight = React.useCallback(() => {\n      const newTargetKeys = [...currentTargetKeys, ...leftSelectedKeys]\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'right', leftSelectedKeys)\n      setLeftSelectedKeys([])\n    }, [currentTargetKeys, leftSelectedKeys, targetKeys, onChange])\n\n    const moveToLeft = React.useCallback(() => {\n      const newTargetKeys = currentTargetKeys.filter(\n        (key) => !rightSelectedKeys.includes(key),\n      )\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'left', rightSelectedKeys)\n      setRightSelectedKeys([])\n    }, [currentTargetKeys, rightSelectedKeys, targetKeys, onChange])\n\n    const moveAllToRight = React.useCallback(() => {\n      const enabledLeftItems = getEnabledItems(leftDataSource)\n      const keysToMove = enabledLeftItems.map((item) => item.key)\n      const newTargetKeys = [...currentTargetKeys, ...keysToMove]\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'right', keysToMove)\n      setLeftSelectedKeys([])\n    }, [leftDataSource, currentTargetKeys, targetKeys, onChange])\n\n    const moveAllToLeft = React.useCallback(() => {\n      const enabledRightItems = getEnabledItems(rightDataSource)\n      const keysToMove = enabledRightItems.map((item) => item.key)\n      const newTargetKeys = currentTargetKeys.filter(\n        (key) => !keysToMove.includes(key),\n      )\n\n      if (targetKeys === undefined) {\n        setInternalTargetKeys(newTargetKeys)\n      }\n\n      onChange?.(newTargetKeys, 'left', keysToMove)\n      setRightSelectedKeys([])\n    }, [rightDataSource, currentTargetKeys, targetKeys, onChange])\n\n    const leftFooter = footer?.({ direction: 'left' })\n    const rightFooter = footer?.({ direction: 'right' })\n\n    return (\n      <div ref={ref}>\n        {label && (\n          <label className=\"block mb-2\">\n            <span className=\"text-sm font-medium text-text-primary\">{label}</span>\n          </label>\n        )}\n\n        <div className={cn('flex items-start gap-4 transfer_root', classNames?.root, className)}>\n          {/* Left List */}\n          <TransferList\n            title={titles[0]}\n            dataSource={leftDataSource}\n            selectedKeys={leftSelectedKeys}\n            disabled={disabled}\n            showSearch={showSearch}\n            searchPlaceholder={searchPlaceholder}\n            listHeight={listHeight}\n            showSelectAll={showSelectAll}\n            direction=\"left\"\n            onItemSelect={handleLeftItemSelect}\n            onItemSelectAll={handleLeftSelectAll}\n            onSearch={(value) => onSearch?.('left', value)}\n            render={render}\n            footer={leftFooter}\n            size={size}\n            classNames={classNames}\n          />\n\n          {/* Action Buttons */}\n          <div className={cn(transferButtonVariants(), \"self-center transfer_actions\", classNames?.actions)}>\n            <button\n              type=\"button\"\n              className={transferActionButtonVariants()}\n              onClick={moveToRight}\n              disabled={disabled || leftSelectedKeys.length === 0}\n              title=\"Move selected to right\"\n            >\n              <ChevronRight className={iconSizes[size]} />\n            </button>\n            {!oneWay && (\n              <button\n                type=\"button\"\n                className={transferActionButtonVariants()}\n                onClick={moveToLeft}\n                disabled={disabled || rightSelectedKeys.length === 0}\n                title=\"Move selected to left\"\n              >\n                <ChevronLeft className={iconSizes[size]} />\n              </button>\n            )}\n            <button\n              type=\"button\"\n              className={transferActionButtonVariants()}\n              onClick={moveAllToRight}\n              disabled={disabled || leftDataSource.length === 0}\n              title=\"Move all to right\"\n            >\n              <ChevronsRight className={iconSizes[size]} />\n            </button>\n            {!oneWay && (\n              <button\n                type=\"button\"\n                className={transferActionButtonVariants()}\n                onClick={moveAllToLeft}\n                disabled={disabled || rightDataSource.length === 0}\n                title=\"Move all to left\"\n              >\n                <ChevronsLeft className={iconSizes[size]} />\n              </button>\n            )}\n          </div>\n\n          {/* Right List */}\n          <TransferList\n            title={titles[1]}\n            dataSource={rightDataSource}\n            selectedKeys={rightSelectedKeys}\n            disabled={disabled}\n            showSearch={showSearch}\n            searchPlaceholder={searchPlaceholder}\n            listHeight={listHeight}\n            showSelectAll={showSelectAll}\n            direction=\"right\"\n            onItemSelect={handleRightItemSelect}\n            onItemSelectAll={handleRightSelectAll}\n            onSearch={(value) => onSearch?.('right', value)}\n            render={render}\n            footer={rightFooter}\n            size={size}\n            classNames={classNames}\n          />\n        </div>\n\n        {helperMessage && (\n          <p className={cn(statusMessageVariants({ status }), 'mt-1')}>\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nTransfer.displayName = 'Transfer'\n\nexport type * from './types'\n"]}