@mdigital_ui/ui 0.4.2 → 0.4.4

package/dist/{chunk-GJPZOMFE.js → chunk-3XOHSE3X.js}

@@ -1,7 +1,8 @@
-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 { checkbox_default } from './chunk-A4MYCEGM.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn, getValidationStatus, iconSizes, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import React from 'react';
+import { Search, ChevronRight, ChevronLeft, ChevronsRight, ChevronsLeft } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -14,7 +15,7 @@ var transferItemVariants = cva(
   {
     variants: {
       selected: {
-        true: "bg-primary/10",
+        true: "bg-slot-10",
         false: ""
       },
       disabled: {
@@ -30,7 +31,7 @@ var transferItemVariants = cva(
 );
 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"
+  "flex items-center justify-center p-2 rounded-md border border-border bg-background text-text-secondary hover:bg-slot hover:text-slot-fg hover:border-slot 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;
@@ -40,7 +41,8 @@ var filterItems = (items, searchValue) => {
   );
 };
 var getItemsByKeys = (items, keys) => {
-  return items.filter((item) => keys.includes(item.key));
+  const map = new Map(items.map((item) => [item.key, item]));
+  return keys.map((key) => map.get(key)).filter(Boolean);
 };
 var getEnabledItems = (items) => {
   return items.filter((item) => !item.disabled);
@@ -63,6 +65,7 @@ var TransferList = React.memo(
     classNames
   }) => {
     const [searchValue, setSearchValue] = React.useState("");
+    const selectedKeySet = React.useMemo(() => new Set(selectedKeys), [selectedKeys]);
     const filteredData = React.useMemo(
       () => filterItems(dataSource, searchValue),
       [dataSource, searchValue]
@@ -72,8 +75,8 @@ var TransferList = React.memo(
       [filteredData]
     );
     const selectedCount = React.useMemo(
-      () => filteredData.filter((item) => selectedKeys.includes(item.key)).length,
-      [filteredData, selectedKeys]
+      () => filteredData.filter((item) => selectedKeySet.has(item.key)).length,
+      [filteredData, selectedKeySet]
     );
     const allChecked = enabledItems.length > 0 && selectedCount === enabledItems.length;
     const indeterminate = selectedCount > 0 && selectedCount < enabledItems.length;
@@ -96,10 +99,10 @@ var TransferList = React.memo(
     const handleItemSelect = React.useCallback(
       (item) => {
         if (item.disabled) return;
-        const checked = !selectedKeys.includes(item.key);
+        const checked = !selectedKeySet.has(item.key);
         onItemSelect(item.key, checked);
       },
-      [selectedKeys, onItemSelect]
+      [selectedKeySet, 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: [
@@ -148,7 +151,7 @@ var TransferList = React.memo(
             {
               className: cn(
                 transferItemVariants({
-                  selected: selectedKeys.includes(item.key),
+                  selected: selectedKeySet.has(item.key),
                   disabled: !!item.disabled || disabled
                 }),
                 "transfer_item",
@@ -159,7 +162,7 @@ var TransferList = React.memo(
                 /* @__PURE__ */ jsx(
                   checkbox_default,
                   {
-                    checked: selectedKeys.includes(item.key),
+                    checked: selectedKeySet.has(item.key),
                     disabled: !!item.disabled || disabled,
                     size: "sm",
                     onChange: () => {
@@ -214,6 +217,10 @@ var Transfer = React.memo(
     const [rightSelectedKeys, setRightSelectedKeys] = React.useState(
       []
     );
+    const leftSelectedKeysRef = React.useRef(leftSelectedKeys);
+    leftSelectedKeysRef.current = leftSelectedKeys;
+    const rightSelectedKeysRef = React.useRef(rightSelectedKeys);
+    rightSelectedKeysRef.current = rightSelectedKeys;
     const currentTargetKeys = targetKeys !== void 0 ? targetKeys : internalTargetKeys;
     const { status, message: helperMessage } = getValidationStatus({
       error,
@@ -222,9 +229,13 @@ var Transfer = React.memo(
       success,
       helperText
     });
+    const currentTargetKeySet = React.useMemo(
+      () => new Set(currentTargetKeys),
+      [currentTargetKeys]
+    );
     const leftDataSource = React.useMemo(
-      () => dataSource.filter((item) => !currentTargetKeys.includes(item.key)),
-      [dataSource, currentTargetKeys]
+      () => dataSource.filter((item) => !currentTargetKeySet.has(item.key)),
+      [dataSource, currentTargetKeySet]
     );
     const rightDataSource = React.useMemo(
       () => getItemsByKeys(dataSource, currentTargetKeys),
@@ -232,38 +243,42 @@ var Transfer = React.memo(
     );
     const handleLeftItemSelect = React.useCallback(
       (key, checked) => {
-        const newKeys = checked ? [...leftSelectedKeys, key] : leftSelectedKeys.filter((k) => k !== key);
-        setLeftSelectedKeys(newKeys);
-        onSelectChange?.(newKeys, rightSelectedKeys);
+        setLeftSelectedKeys((prev) => {
+          const newKeys = checked ? [...prev, key] : prev.filter((k) => k !== key);
+          onSelectChange?.(newKeys, rightSelectedKeysRef.current);
+          return newKeys;
+        });
       },
-      [leftSelectedKeys, rightSelectedKeys, onSelectChange]
+      [onSelectChange]
     );
     const handleRightItemSelect = React.useCallback(
       (key, checked) => {
-        const newKeys = checked ? [...rightSelectedKeys, key] : rightSelectedKeys.filter((k) => k !== key);
-        setRightSelectedKeys(newKeys);
-        onSelectChange?.(leftSelectedKeys, newKeys);
+        setRightSelectedKeys((prev) => {
+          const newKeys = checked ? [...prev, key] : prev.filter((k) => k !== key);
+          onSelectChange?.(leftSelectedKeysRef.current, newKeys);
+          return newKeys;
+        });
       },
-      [leftSelectedKeys, rightSelectedKeys, onSelectChange]
+      [onSelectChange]
     );
     const handleLeftSelectAll = React.useCallback(
       (keys, checked) => {
         const newKeys = checked ? keys : [];
         setLeftSelectedKeys(newKeys);
-        onSelectChange?.(newKeys, rightSelectedKeys);
+        onSelectChange?.(newKeys, rightSelectedKeysRef.current);
       },
-      [rightSelectedKeys, onSelectChange]
+      [onSelectChange]
     );
     const handleRightSelectAll = React.useCallback(
       (keys, checked) => {
         const newKeys = checked ? keys : [];
         setRightSelectedKeys(newKeys);
-        onSelectChange?.(leftSelectedKeys, newKeys);
+        onSelectChange?.(leftSelectedKeysRef.current, newKeys);
       },
-      [leftSelectedKeys, onSelectChange]
+      [onSelectChange]
     );
     const moveToRight = React.useCallback(() => {
-      const newTargetKeys = [...currentTargetKeys, ...leftSelectedKeys];
+      const newTargetKeys = [.../* @__PURE__ */ new Set([...currentTargetKeys, ...leftSelectedKeys])];
       if (targetKeys === void 0) {
         setInternalTargetKeys(newTargetKeys);
       }
@@ -302,11 +317,29 @@ var Transfer = React.memo(
       onChange?.(newTargetKeys, "left", keysToMove);
       setRightSelectedKeys([]);
     }, [rightDataSource, currentTargetKeys, targetKeys, onChange]);
-    const leftFooter = footer?.({ direction: "left" });
-    const rightFooter = footer?.({ direction: "right" });
+    const handleLeftSearch = React.useCallback(
+      (value) => {
+        onSearch?.("left", value);
+      },
+      [onSearch]
+    );
+    const handleRightSearch = onSearch ? React.useCallback(
+      (value) => {
+        onSearch("right", value);
+      },
+      [onSearch]
+    ) : void 0;
+    const leftFooter = React.useMemo(
+      () => footer?.({ direction: "left" }),
+      [footer]
+    );
+    const rightFooter = React.useMemo(
+      () => footer?.({ direction: "right" }),
+      [footer]
+    );
     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__ */ jsxs("div", { "data-slot": "root", className: cn("flex items-start gap-4 transfer_root", colorVars.primary, classNames?.root, className), children: [
         /* @__PURE__ */ jsx(
           TransferList,
           {
@@ -321,7 +354,7 @@ var Transfer = React.memo(
             direction: "left",
             onItemSelect: handleLeftItemSelect,
             onItemSelectAll: handleLeftSelectAll,
-            onSearch: (value) => onSearch?.("left", value),
+            onSearch: handleLeftSearch,
             render,
             footer: leftFooter,
             size,
@@ -337,6 +370,7 @@ var Transfer = React.memo(
               onClick: moveToRight,
               disabled: disabled || leftSelectedKeys.length === 0,
               title: "Move selected to right",
+              "aria-label": "Move selected to right",
               children: /* @__PURE__ */ jsx(ChevronRight, { className: iconSizes[size] })
             }
           ),
@@ -348,6 +382,7 @@ var Transfer = React.memo(
               onClick: moveToLeft,
               disabled: disabled || rightSelectedKeys.length === 0,
               title: "Move selected to left",
+              "aria-label": "Move selected to left",
               children: /* @__PURE__ */ jsx(ChevronLeft, { className: iconSizes[size] })
             }
           ),
@@ -359,6 +394,7 @@ var Transfer = React.memo(
               onClick: moveAllToRight,
               disabled: disabled || leftDataSource.length === 0,
               title: "Move all to right",
+              "aria-label": "Move all to right",
               children: /* @__PURE__ */ jsx(ChevronsRight, { className: iconSizes[size] })
             }
           ),
@@ -370,6 +406,7 @@ var Transfer = React.memo(
               onClick: moveAllToLeft,
               disabled: disabled || rightDataSource.length === 0,
               title: "Move all to left",
+              "aria-label": "Move all to left",
               children: /* @__PURE__ */ jsx(ChevronsLeft, { className: iconSizes[size] })
             }
           )
@@ -388,7 +425,7 @@ var Transfer = React.memo(
             direction: "right",
             onItemSelect: handleRightItemSelect,
             onItemSelectAll: handleRightSelectAll,
-            onSearch: (value) => onSearch?.("right", value),
+            onSearch: handleRightSearch,
             render,
             footer: rightFooter,
             size,
@@ -403,5 +440,5 @@ var Transfer = React.memo(
 Transfer.displayName = "Transfer";
 
 export { Transfer };
-//# sourceMappingURL=chunk-GJPZOMFE.js.map
-//# sourceMappingURL=chunk-GJPZOMFE.js.map
+//# sourceMappingURL=chunk-3XOHSE3X.js.map
+//# sourceMappingURL=chunk-3XOHSE3X.js.map

package/dist/chunk-3XOHSE3X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/transfer/utils.ts","../src/transfer/index.tsx"],"names":[],"mappings":"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","file":"chunk-3XOHSE3X.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-slot-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-slot hover:text-slot-fg hover:border-slot 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  const map = new Map(items.map(item => [item.key, item]))\n  return keys.map(key => map.get(key)).filter(Boolean) as TransferItem[]\n}\n\nexport const getEnabledItems = (items: TransferItem[]): TransferItem[] => {\n  return items.filter((item) => !item.disabled)\n}\n","'use client'\n\nimport React from 'react'\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  Search,\n} from 'lucide-react'\n\nimport Checkbox from '../checkbox'\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from '../utils'\nimport { colorVars } from '../variants'\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 selectedKeySet = React.useMemo(() => new Set(selectedKeys), [selectedKeys])\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) => selectedKeySet.has(item.key)).length,\n      [filteredData, selectedKeySet],\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 = !selectedKeySet.has(item.key)\n        onItemSelect(item.key, checked)\n      },\n      [selectedKeySet, 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: selectedKeySet.has(item.key),\n                    disabled: !!item.disabled || disabled,\n                  }),\n                  \"transfer_item\",\n                  classNames?.item\n                )}\n                onClick={() => handleItemSelect(item)}\n              >\n                <Checkbox\n                  checked={selectedKeySet.has(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    // Refs to avoid closure issues in select handlers\n    const leftSelectedKeysRef = React.useRef(leftSelectedKeys)\n    leftSelectedKeysRef.current = leftSelectedKeys\n    const rightSelectedKeysRef = React.useRef(rightSelectedKeys)\n    rightSelectedKeysRef.current = rightSelectedKeys\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 currentTargetKeySet = React.useMemo(\n      () => new Set(currentTargetKeys),\n      [currentTargetKeys],\n    )\n\n    const leftDataSource = React.useMemo(\n      () => dataSource.filter((item) => !currentTargetKeySet.has(item.key)),\n      [dataSource, currentTargetKeySet],\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        setLeftSelectedKeys((prev) => {\n          const newKeys = checked ? [...prev, key] : prev.filter((k) => k !== key)\n          onSelectChange?.(newKeys, rightSelectedKeysRef.current)\n          return newKeys\n        })\n      },\n      [onSelectChange],\n    )\n\n    const handleRightItemSelect = React.useCallback(\n      (key: string, checked: boolean) => {\n        setRightSelectedKeys((prev) => {\n          const newKeys = checked ? [...prev, key] : prev.filter((k) => k !== key)\n          onSelectChange?.(leftSelectedKeysRef.current, newKeys)\n          return newKeys\n        })\n      },\n      [onSelectChange],\n    )\n\n    const handleLeftSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setLeftSelectedKeys(newKeys)\n        onSelectChange?.(newKeys, rightSelectedKeysRef.current)\n      },\n      [onSelectChange],\n    )\n\n    const handleRightSelectAll = React.useCallback(\n      (keys: string[], checked: boolean) => {\n        const newKeys = checked ? keys : []\n        setRightSelectedKeys(newKeys)\n        onSelectChange?.(leftSelectedKeysRef.current, newKeys)\n      },\n      [onSelectChange],\n    )\n\n    const moveToRight = React.useCallback(() => {\n      const newTargetKeys = [...new Set([...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 handleLeftSearch = React.useCallback(\n      (value: string) => {\n        onSearch?.('left', value)\n      },\n      [onSearch],\n    )\n\n    const handleRightSearch: ((value: string) => void) | undefined = onSearch\n      ? React.useCallback(\n          (value: string) => {\n            onSearch('right', value)\n          },\n          [onSearch],\n        )\n      : undefined\n\n    const leftFooter = React.useMemo(\n      () => footer?.({ direction: 'left' }),\n      [footer],\n    )\n    const rightFooter = React.useMemo(\n      () => footer?.({ direction: 'right' }),\n      [footer],\n    )\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 data-slot=\"root\" className={cn('flex items-start gap-4 transfer_root', colorVars.primary, 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={handleLeftSearch}\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\" aria-label=\"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\" aria-label=\"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\" aria-label=\"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\" aria-label=\"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={handleRightSearch}\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"]}

package/dist/{chunk-ROA7BYGB.js → chunk-3YP7HY3Y.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React, { memo } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -52,7 +52,7 @@ var inputGroupAddonVariants = cva(
   }
 );
 var InputGroup = memo(
-  ({ children, size = "md", className, classNames }) => {
+  ({ children, size = "md", className, classNames, "aria-label": ariaLabel }) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -63,6 +63,7 @@ var InputGroup = memo(
           classNames?.root,
           className
         ),
+        "aria-label": ariaLabel,
         children: React.Children.map(children, (child) => {
           if (React.isValidElement(child)) {
             const displayName = child.type?.displayName;
@@ -81,10 +82,11 @@ var InputGroup = memo(
 );
 InputGroup.displayName = "InputGroup";
 var InputGroupInput = memo(
-  ({ className, size = "md", classNames, ...props }) => {
+  ({ className, size = "md", classNames, ref, ...props }) => {
     return /* @__PURE__ */ jsx(
       "input",
       {
+        ref,
         "data-slot": "inputGroup_input",
         className: cn(
           "inputGroup_input",
@@ -119,5 +121,5 @@ InputGroupAddon.displayName = "InputGroupAddon";
 var input_group_default = InputGroup;
 
 export { InputGroupAddon, InputGroupInput, input_group_default };
-//# sourceMappingURL=chunk-ROA7BYGB.js.map
-//# sourceMappingURL=chunk-ROA7BYGB.js.map
+//# sourceMappingURL=chunk-3YP7HY3Y.js.map
+//# sourceMappingURL=chunk-3YP7HY3Y.js.map

package/dist/chunk-3YP7HY3Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-group/index.tsx"],"names":[],"mappings":"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","file":"chunk-3YP7HY3Y.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport React, { memo } from \"react\";\n\nimport { cn } from \"../utils\";\nimport type {\n  InputGroupAddonProps,\n  InputGroupClassNames,\n  InputGroupInputProps,\n  InputGroupProps,\n  InputGroupSize,\n} from \"./types\";\n\nconst inputGroupVariants = cva(\n  \"relative flex items-center w-full bg-background border border-border rounded-md transition-colors focus-within:border-primary\",\n  {\n    variants: {\n      size: {\n        xs: \"h-(--input-height-xs)\",\n        sm: \"h-(--input-height-sm)\",\n        md: \"h-(--input-height-md)\",\n        lg: \"h-(--input-height-lg)\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst inputGroupInputVariants = cva(\n  \"flex-1 w-full h-full bg-transparent outline-none text-text-primary placeholder:text-text-secondary/50 disabled:opacity-50 disabled:cursor-not-allowed read-only:cursor-default\",\n  {\n    variants: {\n      size: {\n        xs: \"px-(--input-padding-x-xs) text-xs\",\n        sm: \"px-(--input-padding-x-sm) text-sm\",\n        md: \"px-(--input-padding-x-md) text-base\",\n        lg: \"px-(--input-padding-x-lg) text-lg\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst inputGroupAddonVariants = cva(\n  \"flex items-center gap-2 text-text-secondary shrink-0\",\n  {\n    variants: {\n      size: {\n        xs: \"last:pr-2 pl-2 text-xs\",\n        sm: \"last:pr-2.5 pl-2.5 text-sm\",\n        md: \"last:pr-3 pl-3 text-base\",\n        lg: \"last:pr-4 pl-4 text-lg\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst InputGroup = memo<InputGroupProps>(\n  ({ children, size = \"md\", className, classNames, 'aria-label': ariaLabel }) => {\n    return (\n      <div\n        data-slot=\"inputGroup_root\"\n        className={cn(\n          \"inputGroup_root\",\n          inputGroupVariants({ size }),\n          classNames?.root,\n          className,\n        )}\n        aria-label={ariaLabel}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child)) {\n            const displayName = (child.type as { displayName?: string })\n              ?.displayName;\n            if (\n              displayName === \"InputGroupInput\" ||\n              displayName === \"InputGroupAddon\"\n            ) {\n              return React.cloneElement(\n                child as React.ReactElement<{\n                  size?: InputGroupSize;\n                  classNames?: InputGroupClassNames;\n                }>,\n                { size, classNames },\n              );\n            }\n          }\n          return child;\n        })}\n      </div>\n    );\n  },\n);\n\nInputGroup.displayName = \"InputGroup\";\n\nexport const InputGroupInput = memo<InputGroupInputProps>(\n  ({ className, size = \"md\", classNames, ref, ...props }) => {\n    return (\n      <input\n        ref={ref}\n        data-slot=\"inputGroup_input\"\n        className={cn(\n          \"inputGroup_input\",\n          inputGroupInputVariants({ size }),\n          classNames?.input,\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nInputGroupInput.displayName = \"InputGroupInput\";\n\nexport const InputGroupAddon = memo<InputGroupAddonProps>(\n  ({ children, size = \"md\", className, classNames }) => {\n    return (\n      <div\n        data-slot=\"inputGroup_addon\"\n        className={cn(\n          \"inputGroup_addon\",\n          inputGroupAddonVariants({ size }),\n          classNames?.addon,\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nInputGroupAddon.displayName = \"InputGroupAddon\";\n\nexport type { InputGroupClassNames } from \"./types\";\nexport type * from \"./types\";\nexport default InputGroup;\n"]}