asterui 0.12.59 → 0.12.61

package/dist/components/Transfer.js

@@ -1,86 +1,88 @@
 import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import { useState as M, useMemo as B, useCallback as L } from "react";
-const K = "checkbox", V = "checkbox-sm", W = "checkbox-primary", U = "input", X = "input-sm", P = "btn", q = "btn-sm", z = "btn-outline";
-function A({
-  items: o,
+import { useState as j, useMemo as D, useCallback as S } from "react";
+import { useConfig as _ } from "../providers/ConfigProvider.js";
+const E = "checkbox", P = "checkbox-sm", q = "checkbox-primary", O = "input", ee = "input-sm", z = "btn", A = "btn-sm", F = "btn-outline";
+function G({
+  items: r,
   selectedKeys: n,
-  onSelectChange: g,
-  title: x,
-  showSearch: k,
+  onSelectChange: p,
+  title: g,
+  showSearch: x,
   filterOption: N,
   render: T,
   showSelectAll: C,
-  disabled: a,
+  disabled: d,
   listStyle: I,
-  testId: i
+  testId: B,
+  emptyContent: L = "No data"
 }) {
-  const [b, S] = M(""), d = B(() => b ? o.filter((e) => N(b, e)) : o, [o, b, N]), m = d.filter((e) => !e.disabled), c = m.length > 0 && m.every((e) => n.includes(e.key)), p = m.some((e) => n.includes(e.key)), $ = () => {
-    if (!a)
-      if (c)
-        g(n.filter((e) => !m.some((r) => r.key === e)));
+  const [k, $] = j(""), b = D(() => k ? r.filter((e) => N(k, e)) : r, [r, k, N]), o = b.filter((e) => !e.disabled), u = o.length > 0 && o.every((e) => n.includes(e.key)), i = o.some((e) => n.includes(e.key)), M = () => {
+    if (!d)
+      if (u)
+        p(n.filter((e) => !o.some((a) => a.key === e)));
       else {
-        const e = m.map((v) => v.key), r = [.../* @__PURE__ */ new Set([...n, ...e])];
-        g(r);
+        const e = o.map((l) => l.key), a = [.../* @__PURE__ */ new Set([...n, ...e])];
+        p(a);
       }
-  }, u = (e, r) => {
-    a || r || (n.includes(e) ? g(n.filter((v) => v !== e)) : g([...n, e]));
+  }, v = (e, a) => {
+    d || a || (n.includes(e) ? p(n.filter((l) => l !== e)) : p([...n, e]));
   };
   return /* @__PURE__ */ y(
     "div",
     {
       className: "flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden",
       style: { width: 200, height: 300, ...I },
-      "data-testid": i,
+      "data-testid": B,
       children: [
         /* @__PURE__ */ y("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200", children: [
           C && /* @__PURE__ */ s(
             "input",
             {
               type: "checkbox",
-              className: `${K} ${V} ${W}`,
-              checked: c,
+              className: `${E} ${P} ${q}`,
+              checked: u,
               ref: (e) => {
-                e && (e.indeterminate = p && !c);
+                e && (e.indeterminate = i && !u);
               },
-              onChange: $,
-              disabled: a || m.length === 0
+              onChange: M,
+              disabled: d || o.length === 0
             }
           ),
-          /* @__PURE__ */ s("span", { className: "flex-1 font-medium text-sm truncate", children: x }),
+          /* @__PURE__ */ s("span", { className: "flex-1 font-medium text-sm truncate", children: g }),
           /* @__PURE__ */ y("span", { className: "text-xs text-base-content/50", children: [
-            n.filter((e) => d.some((r) => r.key === e)).length,
+            n.filter((e) => b.some((a) => a.key === e)).length,
             "/",
-            d.length
+            b.length
           ] })
         ] }),
-        k && /* @__PURE__ */ s("div", { className: "px-2 py-2 border-b border-base-300", children: /* @__PURE__ */ s(
+        x && /* @__PURE__ */ s("div", { className: "px-2 py-2 border-b border-base-300", children: /* @__PURE__ */ s(
           "input",
           {
             type: "text",
-            className: `${U} ${X} w-full`,
+            className: `${O} ${ee} w-full`,
             placeholder: "Search...",
-            value: b,
-            onChange: (e) => S(e.target.value),
-            disabled: a
+            value: k,
+            onChange: (e) => $(e.target.value),
+            disabled: d
           }
         ) }),
-        /* @__PURE__ */ s("div", { className: "flex-1 overflow-auto", children: d.length > 0 ? d.map((e) => /* @__PURE__ */ y(
+        /* @__PURE__ */ s("div", { className: "flex-1 overflow-auto", children: b.length > 0 ? b.map((e) => /* @__PURE__ */ y(
           "div",
           {
             className: [
               "flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors",
               n.includes(e.key) && "bg-primary/10",
-              (a || e.disabled) && "opacity-50 cursor-not-allowed"
+              (d || e.disabled) && "opacity-50 cursor-not-allowed"
             ].filter(Boolean).join(" "),
-            onClick: () => u(e.key, !!e.disabled),
+            onClick: () => v(e.key, !!e.disabled),
             children: [
               /* @__PURE__ */ s(
                 "input",
                 {
                   type: "checkbox",
-                  className: `${K} ${V} ${W}`,
+                  className: `${E} ${P} ${q}`,
                   checked: n.includes(e.key),
-                  disabled: a || e.disabled,
+                  disabled: d || e.disabled,
                   onChange: () => {
                   }
                 }
@@ -89,85 +91,86 @@ function A({
             ]
           },
           e.key
-        )) : /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full text-base-content/50 text-sm", children: "No data" }) })
+        )) : /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full text-base-content/50 text-sm", children: L }) })
       ]
     }
   );
 }
-function _({
-  dataSource: o,
+function re({
+  dataSource: r,
   targetKeys: n,
-  defaultTargetKeys: g = [],
-  onChange: x,
-  onSelectChange: k,
+  defaultTargetKeys: p = [],
+  onChange: g,
+  onSelectChange: x,
   titles: N = ["Source", "Target"],
-  render: T = (c) => c.title,
+  render: T = (o) => o.title,
   showSearch: C = !1,
-  filterOption: a = (c, p) => (typeof p.title == "string" ? p.title : String(p.title)).toLowerCase().includes(c.toLowerCase()),
+  filterOption: d = (o, u) => (typeof u.title == "string" ? u.title : String(u.title)).toLowerCase().includes(o.toLowerCase()),
   showSelectAll: I = !0,
-  disabled: i = !1,
-  listStyle: b,
-  className: S = "",
-  "data-testid": d,
-  ...m
+  disabled: B,
+  listStyle: L,
+  className: k = "",
+  "data-testid": $,
+  ...b
 }) {
-  const c = (t) => d ? `${d}-${t}` : void 0, [p, $] = M(g), [u, e] = M([]), [r, v] = M([]), h = n ?? p, D = B(
-    () => o.filter((t) => !h.includes(t.key)),
-    [o, h]
-  ), E = B(
-    () => o.filter((t) => h.includes(t.key)),
-    [o, h]
-  ), F = L(
+  const { componentDisabled: o, renderEmpty: u } = _(), i = B ?? o ?? !1, M = u?.("Transfer") ?? "No data", v = (t) => $ ? `${$}-${t}` : void 0, [e, a] = j(p), [l, V] = j([]), [h, W] = j([]), m = n ?? e, H = D(
+    () => r.filter((t) => !m.includes(t.key)),
+    [r, m]
+  ), J = D(
+    () => r.filter((t) => m.includes(t.key)),
+    [r, m]
+  ), Q = S(
     (t) => {
-      e(t), k?.(t, r);
+      V(t), x?.(t, h);
     },
-    [r, k]
-  ), G = L(
+    [h, x]
+  ), R = S(
     (t) => {
-      v(t), k?.(u, t);
+      W(t), x?.(l, t);
     },
-    [u, k]
-  ), H = L(() => {
-    if (i || u.length === 0) return;
-    const t = u.filter((f) => {
-      const w = o.find((j) => j.key === f);
+    [l, x]
+  ), U = S(() => {
+    if (i || l.length === 0) return;
+    const t = l.filter((f) => {
+      const w = r.find((K) => K.key === f);
       return w && !w.disabled;
     });
     if (t.length === 0) return;
-    const l = [...h, ...t];
-    n === void 0 && $(l), e([]), x?.(l, "right", t);
-  }, [i, u, h, n, x, o]), J = L(() => {
-    if (i || r.length === 0) return;
-    const t = r.filter((f) => {
-      const w = o.find((j) => j.key === f);
+    const c = [...m, ...t];
+    n === void 0 && a(c), V([]), g?.(c, "right", t);
+  }, [i, l, m, n, g, r]), X = S(() => {
+    if (i || h.length === 0) return;
+    const t = h.filter((f) => {
+      const w = r.find((K) => K.key === f);
       return w && !w.disabled;
     });
     if (t.length === 0) return;
-    const l = h.filter((f) => !t.includes(f));
-    n === void 0 && $(l), v([]), x?.(l, "left", t);
-  }, [i, r, h, n, x, o]), Q = u.some((t) => {
-    const l = o.find((f) => f.key === t);
-    return l && !l.disabled;
-  }), R = r.some((t) => {
-    const l = o.find((f) => f.key === t);
-    return l && !l.disabled;
+    const c = m.filter((f) => !t.includes(f));
+    n === void 0 && a(c), W([]), g?.(c, "left", t);
+  }, [i, h, m, n, g, r]), Y = l.some((t) => {
+    const c = r.find((f) => f.key === t);
+    return c && !c.disabled;
+  }), Z = h.some((t) => {
+    const c = r.find((f) => f.key === t);
+    return c && !c.disabled;
   });
-  return /* @__PURE__ */ y("div", { className: `flex items-center gap-4 ${S}`, "data-testid": d, ...m, children: [
+  return /* @__PURE__ */ y("div", { className: `flex items-center gap-4 ${k}`, "data-testid": $, ...b, children: [
     /* @__PURE__ */ s(
-      A,
+      G,
       {
-        items: D,
-        selectedKeys: u,
-        onSelectChange: F,
+        items: H,
+        selectedKeys: l,
+        onSelectChange: Q,
         title: N[0],
         showSearch: C,
-        filterOption: a,
+        filterOption: d,
         render: T,
         showSelectAll: I,
         disabled: i,
-        listStyle: b,
+        listStyle: L,
         direction: "left",
-        testId: c("source")
+        testId: v("source"),
+        emptyContent: M
       }
     ),
     /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
@@ -175,11 +178,11 @@ function _({
         "button",
         {
           type: "button",
-          className: `${P} ${q} ${z}`,
-          onClick: H,
-          disabled: i || !Q,
+          className: `${z} ${A} ${F}`,
+          onClick: U,
+          disabled: i || !Y,
           "aria-label": "Move to target",
-          "data-testid": c("move-right"),
+          "data-testid": v("move-right"),
           children: /* @__PURE__ */ s("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
         }
       ),
@@ -187,35 +190,36 @@ function _({
         "button",
         {
           type: "button",
-          className: `${P} ${q} ${z}`,
-          onClick: J,
-          disabled: i || !R,
+          className: `${z} ${A} ${F}`,
+          onClick: X,
+          disabled: i || !Z,
           "aria-label": "Move to source",
-          "data-testid": c("move-left"),
+          "data-testid": v("move-left"),
           children: /* @__PURE__ */ s("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
         }
       )
     ] }),
     /* @__PURE__ */ s(
-      A,
+      G,
       {
-        items: E,
-        selectedKeys: r,
-        onSelectChange: G,
+        items: J,
+        selectedKeys: h,
+        onSelectChange: R,
         title: N[1],
         showSearch: C,
-        filterOption: a,
+        filterOption: d,
         render: T,
         showSelectAll: I,
         disabled: i,
-        listStyle: b,
+        listStyle: L,
         direction: "right",
-        testId: c("target")
+        testId: v("target"),
+        emptyContent: M
       }
     )
   ] });
 }
 export {
-  _ as Transfer
+  re as Transfer
 };
 //# sourceMappingURL=Transfer.js.map

package/dist/components/Transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transfer.js","sources":["../../src/components/Transfer.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\n// DaisyUI classes\nconst dCheckbox = 'checkbox'\nconst dCheckboxSm = 'checkbox-sm'\nconst dCheckboxPrimary = 'checkbox-primary'\nconst dInput = 'input'\nconst dInputSm = 'input-sm'\nconst dBtn = 'btn'\nconst dBtnSm = 'btn-sm'\nconst dBtnOutline = 'btn-outline'\n\nexport interface TransferItem {\n  key: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface TransferProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  dataSource: TransferItem[]\n  targetKeys?: string[]\n  defaultTargetKeys?: string[]\n  onChange?: (targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => void\n  onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void\n  titles?: [React.ReactNode, React.ReactNode]\n  render?: (item: TransferItem) => React.ReactNode\n  showSearch?: boolean\n  filterOption?: (inputValue: string, item: TransferItem) => boolean\n  showSelectAll?: boolean\n  disabled?: boolean\n  listStyle?: React.CSSProperties\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\ninterface TransferListProps {\n  items: TransferItem[]\n  selectedKeys: string[]\n  onSelectChange: (keys: string[]) => void\n  title: React.ReactNode\n  showSearch: boolean\n  filterOption: (inputValue: string, item: TransferItem) => boolean\n  render: (item: TransferItem) => React.ReactNode\n  showSelectAll: boolean\n  disabled: boolean\n  listStyle?: React.CSSProperties\n  direction: 'left' | 'right'\n  testId?: string\n}\n\nfunction TransferList({\n  items,\n  selectedKeys,\n  onSelectChange,\n  title,\n  showSearch,\n  filterOption,\n  render,\n  showSelectAll,\n  disabled,\n  listStyle,\n  testId,\n}: TransferListProps) {\n  const [searchValue, setSearchValue] = useState('')\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) return items\n    return items.filter((item) => filterOption(searchValue, item))\n  }, [items, searchValue, filterOption])\n\n  const enabledItems = filteredItems.filter((item) => !item.disabled)\n  const allSelected = enabledItems.length > 0 && enabledItems.every((item) => selectedKeys.includes(item.key))\n  const someSelected = enabledItems.some((item) => selectedKeys.includes(item.key))\n\n  const handleSelectAll = () => {\n    if (disabled) return\n\n    if (allSelected) {\n      // Deselect all enabled items\n      onSelectChange(selectedKeys.filter((key) => !enabledItems.some((item) => item.key === key)))\n    } else {\n      // Select all enabled items\n      const enabledKeys = enabledItems.map((item) => item.key)\n      const newKeys = [...new Set([...selectedKeys, ...enabledKeys])]\n      onSelectChange(newKeys)\n    }\n  }\n\n  const handleSelectItem = (key: string, itemDisabled: boolean) => {\n    if (disabled || itemDisabled) return\n\n    if (selectedKeys.includes(key)) {\n      onSelectChange(selectedKeys.filter((k) => k !== key))\n    } else {\n      onSelectChange([...selectedKeys, key])\n    }\n  }\n\n  return (\n    <div\n      className=\"flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden\"\n      style={{ width: 200, height: 300, ...listStyle }}\n      data-testid={testId}\n    >\n      {/* Header */}\n      <div className=\"flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200\">\n        {showSelectAll && (\n          <input\n            type=\"checkbox\"\n            className={`${dCheckbox} ${dCheckboxSm} ${dCheckboxPrimary}`}\n            checked={allSelected}\n            ref={(el) => {\n              if (el) el.indeterminate = someSelected && !allSelected\n            }}\n            onChange={handleSelectAll}\n            disabled={disabled || enabledItems.length === 0}\n          />\n        )}\n        <span className=\"flex-1 font-medium text-sm truncate\">{title}</span>\n        <span className=\"text-xs text-base-content/50\">\n          {selectedKeys.filter((k) => filteredItems.some((item) => item.key === k)).length}/\n          {filteredItems.length}\n        </span>\n      </div>\n\n      {/* Search */}\n      {showSearch && (\n        <div className=\"px-2 py-2 border-b border-base-300\">\n          <input\n            type=\"text\"\n            className={`${dInput} ${dInputSm} w-full`}\n            placeholder=\"Search...\"\n            value={searchValue}\n            onChange={(e) => setSearchValue(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n      )}\n\n      {/* List */}\n      <div className=\"flex-1 overflow-auto\">\n        {filteredItems.length > 0 ? (\n          filteredItems.map((item) => (\n            <div\n              key={item.key}\n              className={[\n                'flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors',\n                selectedKeys.includes(item.key) && 'bg-primary/10',\n                (disabled || item.disabled) && 'opacity-50 cursor-not-allowed',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => handleSelectItem(item.key, !!item.disabled)}\n            >\n              <input\n                type=\"checkbox\"\n                className={`${dCheckbox} ${dCheckboxSm} ${dCheckboxPrimary}`}\n                checked={selectedKeys.includes(item.key)}\n                disabled={disabled || item.disabled}\n                onChange={() => {}}\n              />\n              <span className=\"flex-1 truncate text-sm\">{render(item)}</span>\n            </div>\n          ))\n        ) : (\n          <div className=\"flex items-center justify-center h-full text-base-content/50 text-sm\">\n            No data\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function Transfer({\n  dataSource,\n  targetKeys: controlledTargetKeys,\n  defaultTargetKeys = [],\n  onChange,\n  onSelectChange,\n  titles = ['Source', 'Target'],\n  render = (item) => item.title,\n  showSearch = false,\n  filterOption = (inputValue, item) => {\n    const title = typeof item.title === 'string' ? item.title : String(item.title)\n    return title.toLowerCase().includes(inputValue.toLowerCase())\n  },\n  showSelectAll = true,\n  disabled = false,\n  listStyle,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}: TransferProps) {\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  const [internalTargetKeys, setInternalTargetKeys] = useState<string[]>(defaultTargetKeys)\n  const [sourceSelectedKeys, setSourceSelectedKeys] = useState<string[]>([])\n  const [targetSelectedKeys, setTargetSelectedKeys] = useState<string[]>([])\n\n  const targetKeys = controlledTargetKeys ?? internalTargetKeys\n\n  // Split items into source and target\n  const sourceItems = useMemo(\n    () => dataSource.filter((item) => !targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const targetItems = useMemo(\n    () => dataSource.filter((item) => targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const handleSourceSelectChange = useCallback(\n    (keys: string[]) => {\n      setSourceSelectedKeys(keys)\n      onSelectChange?.(keys, targetSelectedKeys)\n    },\n    [targetSelectedKeys, onSelectChange]\n  )\n\n  const handleTargetSelectChange = useCallback(\n    (keys: string[]) => {\n      setTargetSelectedKeys(keys)\n      onSelectChange?.(sourceSelectedKeys, keys)\n    },\n    [sourceSelectedKeys, onSelectChange]\n  )\n\n  const moveToTarget = useCallback(() => {\n    if (disabled || sourceSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = sourceSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = [...targetKeys, ...movableKeys]\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setSourceSelectedKeys([])\n    onChange?.(newTargetKeys, 'right', movableKeys)\n  }, [disabled, sourceSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const moveToSource = useCallback(() => {\n    if (disabled || targetSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = targetSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = targetKeys.filter((key) => !movableKeys.includes(key))\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setTargetSelectedKeys([])\n    onChange?.(newTargetKeys, 'left', movableKeys)\n  }, [disabled, targetSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const canMoveToTarget = sourceSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  const canMoveToSource = targetSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  return (\n    <div className={`flex items-center gap-4 ${className}`} data-testid={testId} {...rest}>\n      {/* Source list */}\n      <TransferList\n        items={sourceItems}\n        selectedKeys={sourceSelectedKeys}\n        onSelectChange={handleSourceSelectChange}\n        title={titles[0]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"left\"\n        testId={getTestId('source')}\n      />\n\n      {/* Actions */}\n      <div className=\"flex flex-col gap-2\">\n        <button\n          type=\"button\"\n          className={`${dBtn} ${dBtnSm} ${dBtnOutline}`}\n          onClick={moveToTarget}\n          disabled={disabled || !canMoveToTarget}\n          aria-label=\"Move to target\"\n          data-testid={getTestId('move-right')}\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        </button>\n        <button\n          type=\"button\"\n          className={`${dBtn} ${dBtnSm} ${dBtnOutline}`}\n          onClick={moveToSource}\n          disabled={disabled || !canMoveToSource}\n          aria-label=\"Move to source\"\n          data-testid={getTestId('move-left')}\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n          </svg>\n        </button>\n      </div>\n\n      {/* Target list */}\n      <TransferList\n        items={targetItems}\n        selectedKeys={targetSelectedKeys}\n        onSelectChange={handleTargetSelectChange}\n        title={titles[1]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"right\"\n        testId={getTestId('target')}\n      />\n    </div>\n  )\n}\n"],"names":["dCheckbox","dCheckboxSm","dCheckboxPrimary","dInput","dInputSm","dBtn","dBtnSm","dBtnOutline","TransferList","items","selectedKeys","onSelectChange","title","showSearch","filterOption","render","showSelectAll","disabled","listStyle","testId","searchValue","setSearchValue","useState","filteredItems","useMemo","item","enabledItems","allSelected","someSelected","handleSelectAll","key","enabledKeys","newKeys","handleSelectItem","itemDisabled","k","jsxs","jsx","el","Transfer","dataSource","controlledTargetKeys","defaultTargetKeys","onChange","titles","inputValue","className","rest","getTestId","suffix","internalTargetKeys","setInternalTargetKeys","sourceSelectedKeys","setSourceSelectedKeys","targetSelectedKeys","setTargetSelectedKeys","targetKeys","sourceItems","targetItems","handleSourceSelectChange","useCallback","keys","handleTargetSelectChange","moveToTarget","movableKeys","i","newTargetKeys","moveToSource","canMoveToTarget","canMoveToSource"],"mappings":";;AAGA,MAAMA,IAAY,YACZC,IAAc,eACdC,IAAmB,oBACnBC,IAAS,SACTC,IAAW,YACXC,IAAO,OACPC,IAAS,UACTC,IAAc;AAyCpB,SAASC,EAAa;AAAA,EACpB,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACF,GAAsB;AACpB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAE,GAE3CC,IAAgBC,EAAQ,MACvBJ,IACEX,EAAM,OAAO,CAACgB,MAASX,EAAaM,GAAaK,CAAI,CAAC,IADpChB,GAExB,CAACA,GAAOW,GAAaN,CAAY,CAAC,GAE/BY,IAAeH,EAAc,OAAO,CAACE,MAAS,CAACA,EAAK,QAAQ,GAC5DE,IAAcD,EAAa,SAAS,KAAKA,EAAa,MAAM,CAACD,MAASf,EAAa,SAASe,EAAK,GAAG,CAAC,GACrGG,IAAeF,EAAa,KAAK,CAACD,MAASf,EAAa,SAASe,EAAK,GAAG,CAAC,GAE1EI,IAAkB,MAAM;AAC5B,QAAI,CAAAZ;AAEJ,UAAIU;AAEF,QAAAhB,EAAeD,EAAa,OAAO,CAACoB,MAAQ,CAACJ,EAAa,KAAK,CAACD,MAASA,EAAK,QAAQK,CAAG,CAAC,CAAC;AAAA,WACtF;AAEL,cAAMC,IAAcL,EAAa,IAAI,CAACD,MAASA,EAAK,GAAG,GACjDO,IAAU,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAGtB,GAAc,GAAGqB,CAAW,CAAC,CAAC;AAC9D,QAAApB,EAAeqB,CAAO;AAAA,MACxB;AAAA,EACF,GAEMC,IAAmB,CAACH,GAAaI,MAA0B;AAC/D,IAAIjB,KAAYiB,MAEZxB,EAAa,SAASoB,CAAG,IAC3BnB,EAAeD,EAAa,OAAO,CAACyB,MAAMA,MAAML,CAAG,CAAC,IAEpDnB,EAAe,CAAC,GAAGD,GAAcoB,CAAG,CAAC;AAAA,EAEzC;AAEA,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,OAAO,KAAK,QAAQ,KAAK,GAAGlB,EAAA;AAAA,MACrC,eAAaC;AAAA,MAGb,UAAA;AAAA,QAAA,gBAAAiB,EAAC,OAAA,EAAI,WAAU,0EACZ,UAAA;AAAA,UAAApB,KACC,gBAAAqB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAW,GAAGrC,CAAS,IAAIC,CAAW,IAAIC,CAAgB;AAAA,cAC1D,SAASyB;AAAA,cACT,KAAK,CAACW,MAAO;AACX,gBAAIA,MAAIA,EAAG,gBAAgBV,KAAgB,CAACD;AAAA,cAC9C;AAAA,cACA,UAAUE;AAAA,cACV,UAAUZ,KAAYS,EAAa,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAGlD,gBAAAW,EAAC,QAAA,EAAK,WAAU,uCAAuC,UAAAzB,GAAM;AAAA,UAC7D,gBAAAwB,EAAC,QAAA,EAAK,WAAU,gCACb,UAAA;AAAA,YAAA1B,EAAa,OAAO,CAACyB,MAAMZ,EAAc,KAAK,CAACE,MAASA,EAAK,QAAQU,CAAC,CAAC,EAAE;AAAA,YAAO;AAAA,YAChFZ,EAAc;AAAA,UAAA,EAAA,CACjB;AAAA,QAAA,GACF;AAAA,QAGCV,KACC,gBAAAwB,EAAC,OAAA,EAAI,WAAU,sCACb,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,GAAGlC,CAAM,IAAIC,CAAQ;AAAA,YAChC,aAAY;AAAA,YACZ,OAAOgB;AAAA,YACP,UAAU,CAAC,MAAMC,EAAe,EAAE,OAAO,KAAK;AAAA,YAC9C,UAAAJ;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QAIF,gBAAAoB,EAAC,OAAA,EAAI,WAAU,wBACZ,UAAAd,EAAc,SAAS,IACtBA,EAAc,IAAI,CAACE,MACjB,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA1B,EAAa,SAASe,EAAK,GAAG,KAAK;AAAA,eAClCR,KAAYQ,EAAK,aAAa;AAAA,YAAA,EAE9B,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,YACX,SAAS,MAAMQ,EAAiBR,EAAK,KAAK,CAAC,CAACA,EAAK,QAAQ;AAAA,YAEzD,UAAA;AAAA,cAAA,gBAAAY;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAW,GAAGrC,CAAS,IAAIC,CAAW,IAAIC,CAAgB;AAAA,kBAC1D,SAASQ,EAAa,SAASe,EAAK,GAAG;AAAA,kBACvC,UAAUR,KAAYQ,EAAK;AAAA,kBAC3B,UAAU,MAAM;AAAA,kBAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAElB,QAAA,EAAK,WAAU,2BAA2B,UAAAV,EAAOU,CAAI,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAjBnDA,EAAK;AAAA,QAAA,CAmBb,IAED,gBAAAY,EAAC,SAAI,WAAU,wEAAuE,qBAEtF,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,EAAS;AAAA,EACvB,YAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,mBAAAC,IAAoB,CAAA;AAAA,EACpB,UAAAC;AAAA,EACA,gBAAAhC;AAAA,EACA,QAAAiC,IAAS,CAAC,UAAU,QAAQ;AAAA,EAC5B,QAAA7B,IAAS,CAACU,MAASA,EAAK;AAAA,EACxB,YAAAZ,IAAa;AAAA,EACb,cAAAC,IAAe,CAAC+B,GAAYpB,OACZ,OAAOA,EAAK,SAAU,WAAWA,EAAK,QAAQ,OAAOA,EAAK,KAAK,GAChE,YAAA,EAAc,SAASoB,EAAW,aAAa;AAAA,EAE9D,eAAA7B,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,WAAA4B,IAAY;AAAA,EACZ,eAAe3B;AAAA,EACf,GAAG4B;AACL,GAAkB;AAEhB,QAAMC,IAAY,CAACC,MAAoB9B,IAAS,GAAGA,CAAM,IAAI8B,CAAM,KAAK,QAClE,CAACC,GAAoBC,CAAqB,IAAI7B,EAAmBoB,CAAiB,GAClF,CAACU,GAAoBC,CAAqB,IAAI/B,EAAmB,CAAA,CAAE,GACnE,CAACgC,GAAoBC,CAAqB,IAAIjC,EAAmB,CAAA,CAAE,GAEnEkC,IAAaf,KAAwBS,GAGrCO,IAAcjC;AAAA,IAClB,MAAMgB,EAAW,OAAO,CAACf,MAAS,CAAC+B,EAAW,SAAS/B,EAAK,GAAG,CAAC;AAAA,IAChE,CAACe,GAAYgB,CAAU;AAAA,EAAA,GAGnBE,IAAclC;AAAA,IAClB,MAAMgB,EAAW,OAAO,CAACf,MAAS+B,EAAW,SAAS/B,EAAK,GAAG,CAAC;AAAA,IAC/D,CAACe,GAAYgB,CAAU;AAAA,EAAA,GAGnBG,IAA2BC;AAAA,IAC/B,CAACC,MAAmB;AAClB,MAAAR,EAAsBQ,CAAI,GAC1BlD,IAAiBkD,GAAMP,CAAkB;AAAA,IAC3C;AAAA,IACA,CAACA,GAAoB3C,CAAc;AAAA,EAAA,GAG/BmD,IAA2BF;AAAA,IAC/B,CAACC,MAAmB;AAClB,MAAAN,EAAsBM,CAAI,GAC1BlD,IAAiByC,GAAoBS,CAAI;AAAA,IAC3C;AAAA,IACA,CAACT,GAAoBzC,CAAc;AAAA,EAAA,GAG/BoD,IAAeH,EAAY,MAAM;AACrC,QAAI3C,KAAYmC,EAAmB,WAAW,EAAG;AAGjD,UAAMY,IAAcZ,EAAmB,OAAO,CAACtB,MAAQ;AACrD,YAAML,IAAOe,EAAW,KAAK,CAACyB,MAAMA,EAAE,QAAQnC,CAAG;AACjD,aAAOL,KAAQ,CAACA,EAAK;AAAA,IACvB,CAAC;AAED,QAAIuC,EAAY,WAAW,EAAG;AAE9B,UAAME,IAAgB,CAAC,GAAGV,GAAY,GAAGQ,CAAW;AAEpD,IAAIvB,MAAyB,UAC3BU,EAAsBe,CAAa,GAGrCb,EAAsB,CAAA,CAAE,GACxBV,IAAWuB,GAAe,SAASF,CAAW;AAAA,EAChD,GAAG,CAAC/C,GAAUmC,GAAoBI,GAAYf,GAAsBE,GAAUH,CAAU,CAAC,GAEnF2B,IAAeP,EAAY,MAAM;AACrC,QAAI3C,KAAYqC,EAAmB,WAAW,EAAG;AAGjD,UAAMU,IAAcV,EAAmB,OAAO,CAACxB,MAAQ;AACrD,YAAML,IAAOe,EAAW,KAAK,CAACyB,MAAMA,EAAE,QAAQnC,CAAG;AACjD,aAAOL,KAAQ,CAACA,EAAK;AAAA,IACvB,CAAC;AAED,QAAIuC,EAAY,WAAW,EAAG;AAE9B,UAAME,IAAgBV,EAAW,OAAO,CAAC1B,MAAQ,CAACkC,EAAY,SAASlC,CAAG,CAAC;AAE3E,IAAIW,MAAyB,UAC3BU,EAAsBe,CAAa,GAGrCX,EAAsB,CAAA,CAAE,GACxBZ,IAAWuB,GAAe,QAAQF,CAAW;AAAA,EAC/C,GAAG,CAAC/C,GAAUqC,GAAoBE,GAAYf,GAAsBE,GAAUH,CAAU,CAAC,GAEnF4B,IAAkBhB,EAAmB,KAAK,CAACtB,MAAQ;AACvD,UAAML,IAAOe,EAAW,KAAK,CAACyB,MAAMA,EAAE,QAAQnC,CAAG;AACjD,WAAOL,KAAQ,CAACA,EAAK;AAAA,EACvB,CAAC,GAEK4C,IAAkBf,EAAmB,KAAK,CAACxB,MAAQ;AACvD,UAAML,IAAOe,EAAW,KAAK,CAACyB,MAAMA,EAAE,QAAQnC,CAAG;AACjD,WAAOL,KAAQ,CAACA,EAAK;AAAA,EACvB,CAAC;AAED,SACE,gBAAAW,EAAC,SAAI,WAAW,2BAA2BU,CAAS,IAAI,eAAa3B,GAAS,GAAG4B,GAE/E,UAAA;AAAA,IAAA,gBAAAV;AAAA,MAAC7B;AAAA,MAAA;AAAA,QACC,OAAOiD;AAAA,QACP,cAAcL;AAAA,QACd,gBAAgBO;AAAA,QAChB,OAAOf,EAAO,CAAC;AAAA,QACf,YAAA/B;AAAA,QACA,cAAAC;AAAA,QACA,QAAAC;AAAA,QACA,eAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAU;AAAA,QACV,QAAQ8B,EAAU,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAI5B,gBAAAZ,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,GAAGhC,CAAI,IAAIC,CAAM,IAAIC,CAAW;AAAA,UAC3C,SAASwD;AAAA,UACT,UAAU9C,KAAY,CAACmD;AAAA,UACvB,cAAW;AAAA,UACX,eAAapB,EAAU,YAAY;AAAA,UAEnC,UAAA,gBAAAX,EAAC,SAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAC9D,4BAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,gBAAe,EAAA,CACtF;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,GAAGhC,CAAI,IAAIC,CAAM,IAAIC,CAAW;AAAA,UAC3C,SAAS4D;AAAA,UACT,UAAUlD,KAAY,CAACoD;AAAA,UACvB,cAAW;AAAA,UACX,eAAarB,EAAU,WAAW;AAAA,UAElC,UAAA,gBAAAX,EAAC,SAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAC9D,4BAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,mBAAkB,EAAA,CACzF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAGA,gBAAAA;AAAA,MAAC7B;AAAA,MAAA;AAAA,QACC,OAAOkD;AAAA,QACP,cAAcJ;AAAA,QACd,gBAAgBQ;AAAA,QAChB,OAAOlB,EAAO,CAAC;AAAA,QACf,YAAA/B;AAAA,QACA,cAAAC;AAAA,QACA,QAAAC;AAAA,QACA,eAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAU;AAAA,QACV,QAAQ8B,EAAU,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5B,GACF;AAEJ;"}
+{"version":3,"file":"Transfer.js","sources":["../../src/components/Transfer.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dCheckbox = 'checkbox'\nconst dCheckboxSm = 'checkbox-sm'\nconst dCheckboxPrimary = 'checkbox-primary'\nconst dInput = 'input'\nconst dInputSm = 'input-sm'\nconst dBtn = 'btn'\nconst dBtnSm = 'btn-sm'\nconst dBtnOutline = 'btn-outline'\n\nexport interface TransferItem {\n  key: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface TransferProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  dataSource: TransferItem[]\n  targetKeys?: string[]\n  defaultTargetKeys?: string[]\n  onChange?: (targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => void\n  onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void\n  titles?: [React.ReactNode, React.ReactNode]\n  render?: (item: TransferItem) => React.ReactNode\n  showSearch?: boolean\n  filterOption?: (inputValue: string, item: TransferItem) => boolean\n  showSelectAll?: boolean\n  disabled?: boolean\n  listStyle?: React.CSSProperties\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\ninterface TransferListProps {\n  items: TransferItem[]\n  selectedKeys: string[]\n  onSelectChange: (keys: string[]) => void\n  title: React.ReactNode\n  showSearch: boolean\n  filterOption: (inputValue: string, item: TransferItem) => boolean\n  render: (item: TransferItem) => React.ReactNode\n  showSelectAll: boolean\n  disabled: boolean\n  listStyle?: React.CSSProperties\n  direction: 'left' | 'right'\n  testId?: string\n  emptyContent?: React.ReactNode\n}\n\nfunction TransferList({\n  items,\n  selectedKeys,\n  onSelectChange,\n  title,\n  showSearch,\n  filterOption,\n  render,\n  showSelectAll,\n  disabled,\n  listStyle,\n  testId,\n  emptyContent = 'No data',\n}: TransferListProps) {\n  const [searchValue, setSearchValue] = useState('')\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) return items\n    return items.filter((item) => filterOption(searchValue, item))\n  }, [items, searchValue, filterOption])\n\n  const enabledItems = filteredItems.filter((item) => !item.disabled)\n  const allSelected = enabledItems.length > 0 && enabledItems.every((item) => selectedKeys.includes(item.key))\n  const someSelected = enabledItems.some((item) => selectedKeys.includes(item.key))\n\n  const handleSelectAll = () => {\n    if (disabled) return\n\n    if (allSelected) {\n      // Deselect all enabled items\n      onSelectChange(selectedKeys.filter((key) => !enabledItems.some((item) => item.key === key)))\n    } else {\n      // Select all enabled items\n      const enabledKeys = enabledItems.map((item) => item.key)\n      const newKeys = [...new Set([...selectedKeys, ...enabledKeys])]\n      onSelectChange(newKeys)\n    }\n  }\n\n  const handleSelectItem = (key: string, itemDisabled: boolean) => {\n    if (disabled || itemDisabled) return\n\n    if (selectedKeys.includes(key)) {\n      onSelectChange(selectedKeys.filter((k) => k !== key))\n    } else {\n      onSelectChange([...selectedKeys, key])\n    }\n  }\n\n  return (\n    <div\n      className=\"flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden\"\n      style={{ width: 200, height: 300, ...listStyle }}\n      data-testid={testId}\n    >\n      {/* Header */}\n      <div className=\"flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200\">\n        {showSelectAll && (\n          <input\n            type=\"checkbox\"\n            className={`${dCheckbox} ${dCheckboxSm} ${dCheckboxPrimary}`}\n            checked={allSelected}\n            ref={(el) => {\n              if (el) el.indeterminate = someSelected && !allSelected\n            }}\n            onChange={handleSelectAll}\n            disabled={disabled || enabledItems.length === 0}\n          />\n        )}\n        <span className=\"flex-1 font-medium text-sm truncate\">{title}</span>\n        <span className=\"text-xs text-base-content/50\">\n          {selectedKeys.filter((k) => filteredItems.some((item) => item.key === k)).length}/\n          {filteredItems.length}\n        </span>\n      </div>\n\n      {/* Search */}\n      {showSearch && (\n        <div className=\"px-2 py-2 border-b border-base-300\">\n          <input\n            type=\"text\"\n            className={`${dInput} ${dInputSm} w-full`}\n            placeholder=\"Search...\"\n            value={searchValue}\n            onChange={(e) => setSearchValue(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n      )}\n\n      {/* List */}\n      <div className=\"flex-1 overflow-auto\">\n        {filteredItems.length > 0 ? (\n          filteredItems.map((item) => (\n            <div\n              key={item.key}\n              className={[\n                'flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors',\n                selectedKeys.includes(item.key) && 'bg-primary/10',\n                (disabled || item.disabled) && 'opacity-50 cursor-not-allowed',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => handleSelectItem(item.key, !!item.disabled)}\n            >\n              <input\n                type=\"checkbox\"\n                className={`${dCheckbox} ${dCheckboxSm} ${dCheckboxPrimary}`}\n                checked={selectedKeys.includes(item.key)}\n                disabled={disabled || item.disabled}\n                onChange={() => {}}\n              />\n              <span className=\"flex-1 truncate text-sm\">{render(item)}</span>\n            </div>\n          ))\n        ) : (\n          <div className=\"flex items-center justify-center h-full text-base-content/50 text-sm\">\n            {emptyContent}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function Transfer({\n  dataSource,\n  targetKeys: controlledTargetKeys,\n  defaultTargetKeys = [],\n  onChange,\n  onSelectChange,\n  titles = ['Source', 'Target'],\n  render = (item) => item.title,\n  showSearch = false,\n  filterOption = (inputValue, item) => {\n    const title = typeof item.title === 'string' ? item.title : String(item.title)\n    return title.toLowerCase().includes(inputValue.toLowerCase())\n  },\n  showSelectAll = true,\n  disabled,\n  listStyle,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}: TransferProps) {\n  const { componentDisabled, renderEmpty } = useConfig()\n  const effectiveDisabled = disabled ?? componentDisabled ?? false\n  const emptyContent = renderEmpty?.('Transfer') ?? 'No data'\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  const [internalTargetKeys, setInternalTargetKeys] = useState<string[]>(defaultTargetKeys)\n  const [sourceSelectedKeys, setSourceSelectedKeys] = useState<string[]>([])\n  const [targetSelectedKeys, setTargetSelectedKeys] = useState<string[]>([])\n\n  const targetKeys = controlledTargetKeys ?? internalTargetKeys\n\n  // Split items into source and target\n  const sourceItems = useMemo(\n    () => dataSource.filter((item) => !targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const targetItems = useMemo(\n    () => dataSource.filter((item) => targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const handleSourceSelectChange = useCallback(\n    (keys: string[]) => {\n      setSourceSelectedKeys(keys)\n      onSelectChange?.(keys, targetSelectedKeys)\n    },\n    [targetSelectedKeys, onSelectChange]\n  )\n\n  const handleTargetSelectChange = useCallback(\n    (keys: string[]) => {\n      setTargetSelectedKeys(keys)\n      onSelectChange?.(sourceSelectedKeys, keys)\n    },\n    [sourceSelectedKeys, onSelectChange]\n  )\n\n  const moveToTarget = useCallback(() => {\n    if (effectiveDisabled || sourceSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = sourceSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = [...targetKeys, ...movableKeys]\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setSourceSelectedKeys([])\n    onChange?.(newTargetKeys, 'right', movableKeys)\n  }, [effectiveDisabled, sourceSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const moveToSource = useCallback(() => {\n    if (effectiveDisabled || targetSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = targetSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = targetKeys.filter((key) => !movableKeys.includes(key))\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setTargetSelectedKeys([])\n    onChange?.(newTargetKeys, 'left', movableKeys)\n  }, [effectiveDisabled, targetSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const canMoveToTarget = sourceSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  const canMoveToSource = targetSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  return (\n    <div className={`flex items-center gap-4 ${className}`} data-testid={testId} {...rest}>\n      {/* Source list */}\n      <TransferList\n        items={sourceItems}\n        selectedKeys={sourceSelectedKeys}\n        onSelectChange={handleSourceSelectChange}\n        title={titles[0]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={effectiveDisabled}\n        listStyle={listStyle}\n        direction=\"left\"\n        testId={getTestId('source')}\n        emptyContent={emptyContent}\n      />\n\n      {/* Actions */}\n      <div className=\"flex flex-col gap-2\">\n        <button\n          type=\"button\"\n          className={`${dBtn} ${dBtnSm} ${dBtnOutline}`}\n          onClick={moveToTarget}\n          disabled={effectiveDisabled || !canMoveToTarget}\n          aria-label=\"Move to target\"\n          data-testid={getTestId('move-right')}\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        </button>\n        <button\n          type=\"button\"\n          className={`${dBtn} ${dBtnSm} ${dBtnOutline}`}\n          onClick={moveToSource}\n          disabled={effectiveDisabled || !canMoveToSource}\n          aria-label=\"Move to source\"\n          data-testid={getTestId('move-left')}\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n          </svg>\n        </button>\n      </div>\n\n      {/* Target list */}\n      <TransferList\n        items={targetItems}\n        selectedKeys={targetSelectedKeys}\n        onSelectChange={handleTargetSelectChange}\n        title={titles[1]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={effectiveDisabled}\n        listStyle={listStyle}\n        direction=\"right\"\n        testId={getTestId('target')}\n        emptyContent={emptyContent}\n      />\n    </div>\n  )\n}\n"],"names":["dCheckbox","dCheckboxSm","dCheckboxPrimary","dInput","dInputSm","dBtn","dBtnSm","dBtnOutline","TransferList","items","selectedKeys","onSelectChange","title","showSearch","filterOption","render","showSelectAll","disabled","listStyle","testId","emptyContent","searchValue","setSearchValue","useState","filteredItems","useMemo","item","enabledItems","allSelected","someSelected","handleSelectAll","key","enabledKeys","newKeys","handleSelectItem","itemDisabled","k","jsxs","jsx","el","Transfer","dataSource","controlledTargetKeys","defaultTargetKeys","onChange","titles","inputValue","className","rest","componentDisabled","renderEmpty","useConfig","effectiveDisabled","getTestId","suffix","internalTargetKeys","setInternalTargetKeys","sourceSelectedKeys","setSourceSelectedKeys","targetSelectedKeys","setTargetSelectedKeys","targetKeys","sourceItems","targetItems","handleSourceSelectChange","useCallback","keys","handleTargetSelectChange","moveToTarget","movableKeys","i","newTargetKeys","moveToSource","canMoveToTarget","canMoveToSource"],"mappings":"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"}