@godxjp/ui 13.9.2 → 13.10.0

package/dist/chunk-HL3G4SVG.js

@@ -1,131 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import { Check, Circle, ChevronRight } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var ContextMenu = ContextMenuPrimitive.Root;
-function ContextMenuTrigger(props) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
-}
-var ContextMenuPortal = ContextMenuPrimitive.Portal;
-var ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Content,
-  {
-    ref,
-    "data-slot": "context-menu-content",
-    className: cn("ui-context-menu-content", className),
-    ...props
-  }
-) }));
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Item,
-  {
-    ref,
-    "data-slot": "context-menu-item",
-    "data-inset": inset,
-    "data-variant": variant,
-    className: cn("ui-context-menu-item", className),
-    ...props
-  }
-));
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ContextMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    "data-slot": "context-menu-checkbox-item",
-    className: cn("ui-context-menu-checkbox-item", className),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "ui-context-menu-item-indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "ui-context-menu-check" }) }) }),
-      children
-    ]
-  }
-));
-ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.RadioGroup,
-  {
-    ref,
-    "data-slot": "context-menu-radio-group",
-    className: cn("ui-context-menu-radio-group", className),
-    ...props
-  }
-));
-ContextMenuRadioGroup.displayName = ContextMenuPrimitive.RadioGroup.displayName;
-var ContextMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ContextMenuPrimitive.RadioItem,
-  {
-    ref,
-    "data-slot": "context-menu-radio-item",
-    className: cn("ui-context-menu-radio-item", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "ui-context-menu-item-indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "ui-context-menu-dot" }) }) }),
-      children
-    ]
-  }
-));
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Label,
-  {
-    ref,
-    "data-slot": "context-menu-label",
-    "data-inset": inset,
-    className: cn("ui-context-menu-label", className),
-    ...props
-  }
-));
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Separator,
-  {
-    ref,
-    "data-slot": "context-menu-separator",
-    className: cn("ui-context-menu-separator", className),
-    ...props
-  }
-));
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var ContextMenuShortcut = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    "data-slot": "context-menu-shortcut",
-    className: cn("ui-context-menu-shortcut", className),
-    ...props
-  }
-);
-var ContextMenuSub = ContextMenuPrimitive.Sub;
-var ContextMenuSubTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ContextMenuPrimitive.SubTrigger,
-  {
-    ref,
-    "data-slot": "context-menu-sub-trigger",
-    className: cn("ui-context-menu-sub-trigger", className),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronRight, { className: "ui-context-menu-sub-trigger-icon", "aria-hidden": "true" })
-    ]
-  }
-));
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.SubContent,
-  {
-    ref,
-    "data-slot": "context-menu-sub-content",
-    className: cn("ui-context-menu-sub-content", className),
-    ...props
-  }
-));
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/chunk-I7NQ2LIL.js

@@ -1,40 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var Switch = React.forwardRef(
-  ({ className, size = "md", name, checked, defaultChecked = false, onCheckedChange, ...props }, ref) => {
-    const [internalChecked, setInternalChecked] = React.useState(defaultChecked);
-    const isControlled = checked !== void 0;
-    const isChecked = isControlled ? checked : internalChecked;
-    const handleCheckedChange = (next) => {
-      if (!isControlled) {
-        setInternalChecked(next);
-      }
-      onCheckedChange?.(next);
-    };
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: isChecked ? "1" : "0", readOnly: true }) : null,
-      /* @__PURE__ */ jsx(
-        SwitchPrimitive.Root,
-        {
-          ref,
-          "data-slot": "switch",
-          "data-size": size,
-          checked: isChecked,
-          onCheckedChange: handleCheckedChange,
-          className: cn(
-            "peer ui-switch focus-visible:border-ring focus-visible:ring-ring/50 shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          ...props,
-          children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "ui-switch-thumb" })
-        }
-      )
-    ] });
-  }
-);
-Switch.displayName = SwitchPrimitive.Root.displayName;
-
-export { Switch };

package/dist/chunk-IJ5ALJGA.js

@@ -1,31 +0,0 @@
-import { tableHeadHeightClass } from './chunk-B4K4BXEF.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var Table = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
-);
-Table.displayName = "Table";
-var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-TableHeader.displayName = "TableHeader";
-var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
-TableBody.displayName = "TableBody";
-var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "ui-table-row hover:bg-accent/70 data-[state=selected]:bg-primary/[0.06] border-b transition-colors",
-      className
-    ),
-    ...props
-  }
-));
-TableRow.displayName = "TableRow";
-var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("th", { ref, "data-slot": "table-head", className: cn(tableHeadHeightClass, className), ...props }));
-TableHead.displayName = "TableHead";
-var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("td", { ref, "data-slot": "table-cell", className: cn(className), ...props }));
-TableCell.displayName = "TableCell";
-
-export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

package/dist/chunk-INIIF7F7.js

@@ -1,47 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import { jsx } from 'react/jsx-runtime';
-
-// src/lib/variants.ts
-var densityClass = {
-  compact: "ui-density-compact",
-  default: "ui-density-default",
-  comfortable: "ui-density-comfortable"
-};
-var pageContainerVariantClass = {
-  default: void 0,
-  narrow: "ui-page-container--narrow",
-  flush: "ui-page-container--flush",
-  ghost: "ui-page-container--ghost"
-};
-var flexGapClass = {
-  xs: "ui-flex-gap-xs",
-  sm: "ui-flex-gap-sm",
-  md: "ui-flex-gap-md",
-  lg: "ui-flex-gap-lg",
-  xl: "ui-flex-gap-xl"
-};
-function Flex({
-  direction = "col",
-  gap = "md",
-  align,
-  justify,
-  wrap = false,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-direction": direction,
-      "data-align": align,
-      "data-justify": justify,
-      "data-wrap": wrap ? "true" : void 0,
-      className: cn("ui-flex", flexGapClass[gap], className),
-      ...props,
-      children
-    }
-  );
-}
-
-export { Flex, densityClass, pageContainerVariantClass };

package/dist/chunk-ION2KFXK.js

@@ -1,75 +0,0 @@
-import { Input } from './chunk-K24AQV4R.js';
-import { controlIconClass } from './chunk-B4K4BXEF.js';
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var HEX_PATTERN = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
-function normalizeHex(value) {
-  if (!value.startsWith("#")) return `#${value}`;
-  return value;
-}
-function ColorPicker({
-  value = "#2563eb",
-  onValueChange,
-  disabled,
-  className,
-  id,
-  showHexInput = true
-}) {
-  const { t } = useTranslation();
-  const [draft, setDraft] = React.useState(null);
-  const display = draft ?? value;
-  const commit = (next) => {
-    const normalized = normalizeHex(next);
-    if (!HEX_PATTERN.test(normalized)) {
-      setDraft(null);
-      return;
-    }
-    setDraft(null);
-    onValueChange?.(normalized);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("ui-color-picker", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("ui-color-picker-swatch", controlIconClass), children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "ui-color-picker-preview",
-          style: { backgroundColor: HEX_PATTERN.test(display) ? display : value },
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          id,
-          type: "color",
-          value: HEX_PATTERN.test(display) ? display : value,
-          disabled,
-          onChange: (event) => commit(event.target.value),
-          className: "ui-color-picker-input",
-          "aria-label": t("dataEntry.colorPicker.ariaLabel")
-        }
-      )
-    ] }),
-    showHexInput && /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: id ? `${id}-hex` : void 0,
-        value: display,
-        disabled,
-        "aria-label": t("dataEntry.colorPicker.hexLabel"),
-        onChange: (event) => setDraft(event.target.value),
-        onBlur: () => commit(display),
-        onKeyDown: (event) => {
-          if (event.key === "Enter") commit(display);
-        },
-        className: "ui-color-picker-hex",
-        spellCheck: false
-      }
-    )
-  ] });
-}
-
-export { ColorPicker };

package/dist/chunk-J2DEWIYY.js

@@ -1,37 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx(ScrollBar, {}),
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none transition-colors select-none",
-      orientation === "vertical" && "h-full w-2.5 border-s border-s-transparent p-px",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-export { ScrollArea, ScrollBar };

package/dist/chunk-K24AQV4R.js

@@ -1,98 +0,0 @@
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { X } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var inputBaseClass = [
-  "ui-control border-input bg-background w-full min-w-0 rounded-md border px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none",
-  "selection:bg-primary selection:text-primary-foreground",
-  "file:text-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
-  "placeholder:text-muted-foreground",
-  "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-  "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-  "aria-invalid:border-destructive aria-invalid:ring-destructive/20"
-];
-var Input = React.forwardRef(
-  ({ className, type, allowClear = false, onClear, value, defaultValue, onChange, ...props }, ref) => {
-    const { t } = useTranslation();
-    const innerRef = React.useRef(null);
-    const setRefs = React.useCallback(
-      (node) => {
-        innerRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    const [hasText, setHasText] = React.useState(
-      () => String(value ?? defaultValue ?? "").length > 0
-    );
-    React.useEffect(() => {
-      if (value !== void 0) setHasText(String(value).length > 0);
-    }, [value]);
-    const handleChange = (event) => {
-      if (value === void 0) setHasText(event.target.value.length > 0);
-      onChange?.(event);
-    };
-    const clear = () => {
-      const el = innerRef.current;
-      if (el) {
-        const setter = Object.getOwnPropertyDescriptor(
-          window.HTMLInputElement.prototype,
-          "value"
-        )?.set;
-        setter?.call(el, "");
-        el.dispatchEvent(new Event("input", { bubbles: true }));
-        el.focus();
-      }
-      setHasText(false);
-      onClear?.();
-    };
-    if (!allowClear) {
-      return /* @__PURE__ */ jsx(
-        "input",
-        {
-          type,
-          "data-slot": "input",
-          ref: setRefs,
-          value,
-          defaultValue,
-          onChange,
-          className: cn(inputBaseClass, className),
-          ...props
-        }
-      );
-    }
-    const showClear = hasText && !props.disabled && !props.readOnly;
-    return /* @__PURE__ */ jsxs("span", { "data-slot": "input-affix-wrapper", className: "relative inline-flex w-full items-center", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type,
-          "data-slot": "input",
-          ref: setRefs,
-          value,
-          defaultValue,
-          onChange: handleChange,
-          className: cn(inputBaseClass, showClear && "pe-9", className),
-          ...props
-        }
-      ),
-      showClear ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          tabIndex: -1,
-          "aria-label": t("common.clear") ?? "Clear",
-          onClick: clear,
-          className: "text-muted-foreground hover:text-foreground absolute end-2 inline-flex size-5 items-center justify-center rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:opacity-100",
-          children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-        }
-      ) : null
-    ] });
-  }
-);
-Input.displayName = "Input";
-
-export { Input };

package/dist/chunk-KNXOBSUZ.js

@@ -1,193 +0,0 @@
-import { SearchInput } from './chunk-LVLPNKJP.js';
-import { reactNodeText } from './chunk-SMLKNECP.js';
-import { Button } from './chunk-XBFUROAY.js';
-import { Checkbox } from './chunk-BE6GJGKJ.js';
-import { ScrollArea } from './chunk-J2DEWIYY.js';
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { ChevronRight, ChevronLeft } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function TransferPanel({
-  title,
-  items,
-  selectedKeys,
-  onSelectChange,
-  onSelectAll,
-  showSearch,
-  disabled,
-  searchPlaceholder,
-  emptyText,
-  direction
-}) {
-  const { t } = useTranslation();
-  const titleId = React.useId();
-  const [query, setQuery] = React.useState("");
-  const filtered = React.useMemo(() => {
-    const q = query.trim().toLowerCase();
-    if (!q) return items;
-    return items.filter((item) => {
-      const titleMatch = reactNodeText(item.title).toLowerCase().includes(q);
-      const descMatch = item.description ? reactNodeText(item.description).toLowerCase().includes(q) : false;
-      return titleMatch || descMatch;
-    });
-  }, [items, query]);
-  const enabledItems = filtered.filter((i) => !i.disabled);
-  const allChecked = enabledItems.length > 0 && enabledItems.every((i) => selectedKeys.includes(i.key));
-  const indeterminate = !allChecked && enabledItems.some((i) => selectedKeys.includes(i.key));
-  const toggleKey = (key, checked) => {
-    onSelectChange(checked ? [...selectedKeys, key] : selectedKeys.filter((k) => k !== key));
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "bg-background flex min-h-[14rem] flex-1 flex-col rounded-md border", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-3 py-2 text-sm", children: [
-      /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 font-medium", children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: allChecked ? true : indeterminate ? "indeterminate" : false,
-            disabled: Boolean(disabled) || enabledItems.length === 0,
-            onCheckedChange: (v) => onSelectAll(v === true),
-            "aria-label": direction === "left" ? t("dataEntry.transfer.selectAllSource") : t("dataEntry.transfer.selectAllTarget")
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { id: titleId, children: title })
-      ] }),
-      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
-        selectedKeys.length,
-        "/",
-        filtered.length
-      ] })
-    ] }),
-    showSearch && /* @__PURE__ */ jsx("div", { className: "border-b p-2", children: /* @__PURE__ */ jsx(
-      SearchInput,
-      {
-        onSearch: setQuery,
-        placeholder: searchPlaceholder,
-        ariaLabel: searchPlaceholder,
-        debounce: 0,
-        className: disabled ? "pointer-events-none opacity-50" : void 0
-      }
-    ) }),
-    /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx("ul", { className: "p-1", role: "group", "aria-labelledby": titleId, children: filtered.length === 0 ? /* @__PURE__ */ jsx("li", { className: "text-muted-foreground py-8 text-center text-sm", children: emptyText }) : filtered.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-      "label",
-      {
-        className: cn(
-          "flex cursor-pointer items-start gap-2 rounded-sm px-2 py-2 text-sm",
-          "hover:bg-accent hover:text-accent-foreground",
-          item.disabled && "pointer-events-none opacity-50"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              checked: selectedKeys.includes(item.key),
-              disabled: Boolean(disabled) || Boolean(item.disabled),
-              onCheckedChange: (v) => toggleKey(item.key, v === true),
-              className: "mt-0.5"
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "block truncate font-medium", children: item.title }),
-            item.description && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground block truncate text-xs", children: item.description })
-          ] })
-        ]
-      }
-    ) }, item.key)) }) })
-  ] });
-}
-function Transfer({
-  dataSource,
-  targetKeys,
-  onValueChange,
-  titles,
-  showSearch,
-  oneWay,
-  disabled,
-  className,
-  selectedKeys: selectedKeysProp,
-  onSelectChange
-}) {
-  const { t } = useTranslation();
-  const [internalSelected, setInternalSelected] = React.useState([[], []]);
-  const selected = selectedKeysProp ?? internalSelected;
-  const sourceItems = dataSource.filter((item) => !targetKeys.includes(item.key));
-  const targetItems = dataSource.filter((item) => targetKeys.includes(item.key));
-  const setSelected = (side, keys) => {
-    const next = side === 0 ? [keys, selected[1]] : [selected[0], keys];
-    if (selectedKeysProp) onSelectChange?.(next[0], next[1]);
-    else setInternalSelected(next);
-  };
-  const move = (direction) => {
-    const fromSide = direction === "right" ? 0 : 1;
-    const keys = selected[fromSide];
-    if (!keys.length) return;
-    const nextTarget = direction === "right" ? [...targetKeys, ...keys.filter((k) => !targetKeys.includes(k))] : targetKeys.filter((k) => !keys.includes(k));
-    onValueChange?.(nextTarget, direction, keys);
-    const cleared = fromSide === 0 ? [[], selected[1]] : [selected[0], []];
-    if (selectedKeysProp) onSelectChange?.(cleared[0], cleared[1]);
-    else setInternalSelected(cleared);
-  };
-  const leftTitle = titles?.[0] ?? t("dataEntry.transfer.source");
-  const rightTitle = titles?.[1] ?? t("dataEntry.transfer.target");
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-stretch gap-3", className), children: [
-    /* @__PURE__ */ jsx(
-      TransferPanel,
-      {
-        direction: "left",
-        title: leftTitle,
-        items: sourceItems,
-        selectedKeys: selected[0],
-        onSelectChange: (keys) => setSelected(0, keys),
-        onSelectAll: (checked) => setSelected(0, checked ? sourceItems.filter((i) => !i.disabled).map((i) => i.key) : []),
-        showSearch,
-        disabled,
-        searchPlaceholder: t("dataEntry.transfer.searchPlaceholder"),
-        emptyText: t("dataEntry.transfer.empty")
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          size: "icon",
-          variant: "outline",
-          disabled: Boolean(disabled) || selected[0].length === 0,
-          "aria-label": t("dataEntry.transfer.moveRight"),
-          onClick: () => move("right"),
-          children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
-        }
-      ),
-      !oneWay && /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          size: "icon",
-          variant: "outline",
-          disabled: Boolean(disabled) || selected[1].length === 0,
-          "aria-label": t("dataEntry.transfer.moveLeft"),
-          onClick: () => move("left"),
-          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      TransferPanel,
-      {
-        direction: "right",
-        title: rightTitle,
-        items: targetItems,
-        selectedKeys: selected[1],
-        onSelectChange: (keys) => setSelected(1, keys),
-        onSelectAll: (checked) => setSelected(1, checked ? targetItems.filter((i) => !i.disabled).map((i) => i.key) : []),
-        showSearch,
-        disabled,
-        searchPlaceholder: t("dataEntry.transfer.searchPlaceholder"),
-        emptyText: t("dataEntry.transfer.empty")
-      }
-    )
-  ] });
-}
-
-export { Transfer };