@godxjp/ui 13.9.2 → 13.10.0

package/dist/components/data-entry/time-picker.js

@@ -1,7 +1,329 @@
-export { TimePicker } from '../../chunk-65RWSIZF.js';
-import '../../chunk-K24AQV4R.js';
-import '../../chunk-XBFUROAY.js';
-import '../../chunk-DY5C44UP.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Clock, X } from "lucide-react";
+import { usePickerLocales, useTranslation } from "../../i18n/use-translation";
+import { isValidHhmm, normalizeHhmm } from "../../lib/datetime";
+import { cn } from "../../lib/utils";
+import { Button } from "../general/button";
+import { Popover, PopoverContent, PopoverTrigger } from "../data-display/popover";
+import { Input } from "./input";
+function pad2(n) {
+  return String(n).padStart(2, "0");
+}
+function buildMinutes(step) {
+  const safe = Math.min(60, Math.max(1, step));
+  const items = [];
+  for (let m = 0; m < 60; m += safe) items.push(m);
+  return items;
+}
+function parseHhmm(value) {
+  const normalized = value ? normalizeHhmm(value) : null;
+  if (!normalized) return { hour: 9, minute: 0 };
+  const [h, m] = normalized.split(":").map(Number);
+  return { hour: h, minute: m };
+}
+function to12h(hour24) {
+  const h = hour24 % 12;
+  return h === 0 ? 12 : h;
+}
+function from12h(hour12, meridiem) {
+  const base = hour12 % 12;
+  return meridiem === "pm" ? base + 12 : base;
+}
+function TimeColumn({
+  label,
+  items,
+  selected,
+  formatItem,
+  onSelect
+}) {
+  const listRef = React.useRef(null);
+  React.useEffect(() => {
+    listRef.current?.querySelector('[data-selected="true"]')?.scrollIntoView({ block: "center" });
+  }, [selected]);
+  const moveFocus = (index) => {
+    const options = listRef.current?.querySelectorAll('[role="option"]');
+    options?.[index]?.focus();
+  };
+  const onKeyDown = (e, index) => {
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        moveFocus(Math.min(items.length - 1, index + 1));
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        moveFocus(Math.max(0, index - 1));
+        break;
+      case "Home":
+        e.preventDefault();
+        moveFocus(0);
+        break;
+      case "End":
+        e.preventDefault();
+        moveFocus(items.length - 1);
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault();
+        onSelect(items[index]);
+        break;
+      default:
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-muted-foreground border-b px-1 py-1.5 text-center text-xs font-medium", children: label }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: listRef,
+        role: "listbox",
+        "aria-label": label,
+        className: "h-52 [scrollbar-width:thin] [scrollbar-gutter:stable] overflow-y-scroll overscroll-contain p-1",
+        children: items.map((item, index) => {
+          const isSelected = item === selected;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": isSelected,
+              "data-selected": isSelected,
+              tabIndex: isSelected ? 0 : -1,
+              className: cn(
+                "hover:bg-accent flex w-full items-center justify-center rounded-md py-1.5 text-sm tabular-nums transition-colors",
+                isSelected && "bg-primary text-primary-foreground hover:bg-primary/90"
+              ),
+              onClick: () => {
+                onSelect(item);
+              },
+              onKeyDown: (e) => onKeyDown(e, index),
+              children: formatItem(item)
+            },
+            item
+          );
+        })
+      }
+    )
+  ] });
+}
+function TimePickerPanel({ value, minuteStep, use12h, onChange, onDone }) {
+  const { t } = useTranslation();
+  const draftId = React.useId();
+  const { hour, minute } = parseHhmm(value);
+  const minutes = buildMinutes(minuteStep);
+  const snappedMinute = minutes.includes(minute) ? minute : minutes[0];
+  const [draft, setDraft] = React.useState(value);
+  const meridiem = hour >= 12 ? "pm" : "am";
+  React.useEffect(() => {
+    setDraft(value);
+  }, [value]);
+  const commitDraft = () => {
+    const normalized = normalizeHhmm(draft);
+    if (!normalized) return;
+    onChange(normalized);
+    onDone?.();
+  };
+  const commit = (next) => {
+    onChange(next);
+    onDone?.();
+  };
+  const hourItems = use12h ? Array.from({ length: 12 }, (_, i) => i + 1) : Array.from({ length: 24 }, (_, i) => i);
+  const selectedHourItem = use12h ? to12h(hour) : hour;
+  return /* @__PURE__ */ jsxs("div", { className: use12h ? "w-52" : "w-36", children: [
+    /* @__PURE__ */ jsxs("div", { className: "divide-border flex divide-x", children: [
+      /* @__PURE__ */ jsx(
+        TimeColumn,
+        {
+          label: t("dataEntry.timePicker.hour"),
+          items: hourItems,
+          selected: selectedHourItem,
+          formatItem: (h) => use12h ? String(h) : pad2(h),
+          onSelect: (h) => {
+            const hour24 = use12h ? from12h(h, meridiem) : h;
+            onChange(`${pad2(hour24)}:${pad2(snappedMinute)}`);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TimeColumn,
+        {
+          label: t("dataEntry.timePicker.minute"),
+          items: minutes,
+          selected: snappedMinute,
+          formatItem: (m) => pad2(m),
+          onSelect: (m) => {
+            commit(`${pad2(hour)}:${pad2(m)}`);
+          }
+        }
+      ),
+      use12h && /* @__PURE__ */ jsx(
+        TimeColumn,
+        {
+          label: t("dataEntry.timePicker.meridiem"),
+          items: [0, 1],
+          selected: meridiem === "pm" ? 1 : 0,
+          formatItem: (m) => m === 1 ? t("dataEntry.timePicker.pm") : t("dataEntry.timePicker.am"),
+          onSelect: (m) => {
+            const nextMeridiem = m === 1 ? "pm" : "am";
+            const hour24 = from12h(to12h(hour), nextMeridiem);
+            onChange(`${pad2(hour24)}:${pad2(snappedMinute)}`);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: draftId,
+        value: draft,
+        onChange: (e) => {
+          setDraft(e.target.value);
+        },
+        inputMode: "numeric",
+        autoComplete: "off",
+        placeholder: t("dataEntry.timePicker.typeLabel"),
+        "aria-label": t("dataEntry.timePicker.typeLabel"),
+        className: "text-center tabular-nums",
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            commitDraft();
+          }
+        },
+        onBlur: () => {
+          const normalized = normalizeHhmm(draft);
+          if (normalized) setDraft(normalized);
+        }
+      }
+    ) })
+  ] });
+}
+function TimePicker({
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  placeholder,
+  disabled,
+  className,
+  id,
+  name,
+  minuteStep = 5,
+  allowClear = true
+}) {
+  const { t } = useTranslation();
+  const { timeFormat } = usePickerLocales();
+  const use12h = timeFormat === "12h";
+  const [open, setOpen] = React.useState(false);
+  const [internal, setInternal] = React.useState(defaultValue ?? "");
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internal;
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.timePicker.placeholder") ?? "hh:mm";
+  const [text, setText] = React.useState(value);
+  React.useEffect(() => {
+    setText(value);
+  }, [value]);
+  const setValue = (next) => {
+    if (!isControlled) setInternal(next);
+    onValueChange?.(next);
+  };
+  const showClear = allowClear && Boolean(value) && !disabled;
+  const clear = () => {
+    setValue("");
+    setText("");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        name,
+        value: text,
+        disabled,
+        placeholder: resolvedPlaceholder,
+        inputMode: "numeric",
+        autoComplete: "off",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-haspopup": "dialog",
+        className: cn("tabular-nums", showClear ? "pe-16" : "pe-10"),
+        onClick: () => {
+          if (!disabled) setOpen(true);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "ArrowDown") {
+            event.preventDefault();
+            setOpen(true);
+          } else if (event.key === "Escape" && open) {
+            setOpen(false);
+          }
+        },
+        onChange: (event) => {
+          setText(event.target.value);
+          const normalized = normalizeHhmm(event.target.value);
+          if (normalized) setValue(normalized);
+        },
+        onBlur: (event) => {
+          const normalized = normalizeHhmm(event.target.value);
+          setText(normalized ?? (isValidHhmm(value) ? value : ""));
+        }
+      }
+    ),
+    showClear ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        disabled,
+        tabIndex: -1,
+        "aria-label": t("common.clear") ?? "Clear",
+        className: "text-muted-foreground absolute inset-y-0 end-8 h-full px-2 hover:bg-transparent",
+        onClick: clear,
+        children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          disabled,
+          tabIndex: -1,
+          "aria-label": t("dataEntry.timePicker.openPicker") ?? "Open time picker",
+          className: "text-muted-foreground absolute inset-y-0 end-0 h-full px-2 hover:bg-transparent",
+          children: /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0", "aria-hidden": "true" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          className: "w-auto p-0",
+          align: "end",
+          onOpenAutoFocus: (event) => event.preventDefault(),
+          children: /* @__PURE__ */ jsx(
+            TimePickerPanel,
+            {
+              value: value || "09:00",
+              minuteStep,
+              use12h,
+              onChange: (next) => {
+                setValue(next);
+                setText(next);
+              },
+              onDone: () => {
+                setOpen(false);
+              }
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  TimePicker
+};

package/dist/components/data-entry/toggle-group.d.ts

@@ -0,0 +1 @@
+export { ToggleGroup, ToggleGroupItem } from "../ui/toggle-group";

package/dist/components/data-entry/toggle-group.js

@@ -0,0 +1,5 @@
+import { ToggleGroup, ToggleGroupItem } from "../ui/toggle-group";
+export {
+  ToggleGroup,
+  ToggleGroupItem
+};

package/dist/components/data-entry/toggle.d.ts

@@ -0,0 +1,2 @@
+export { Toggle } from "../ui/toggle";
+export type { ToggleProps } from "../ui/toggle";

package/dist/components/data-entry/toggle.js

@@ -0,0 +1,4 @@
+import { Toggle } from "../ui/toggle";
+export {
+  Toggle
+};

package/dist/components/data-entry/transfer.d.ts

@@ -1,20 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { t as TransferProp } from '../../data-entry.prop-BSUaseKh.js';
-export { s as TransferItemProp } from '../../data-entry.prop-BSUaseKh.js';
-import '@radix-ui/react-checkbox';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-slider';
-import '@radix-ui/react-switch';
-import 'react-day-picker';
-import 'react';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../content.prop-DrV_zDy-.js';
-import '../../layout.prop-CXvl2rVR.js';
-import '../../interaction.prop-DD46aTro.js';
-import '../../data.prop-D0UEEczj.js';
-import '../../layout.prop-fCz-Vlie.js';
-import '../../navigation.prop-CXDaVNaR.js';
-
-declare function Transfer({ dataSource, targetKeys, onValueChange, titles, showSearch, oneWay, disabled, className, selectedKeys: selectedKeysProp, onSelectChange, }: TransferProp): react_jsx_runtime.JSX.Element;
-
-export { Transfer, TransferProp, TransferProp as TransferProps };
+import type { TransferProp } from "../../props/components/data-entry.prop";
+export type { TransferProp, TransferProp as TransferProps, TransferItemProp, } from "../../props/components/data-entry.prop";
+export declare function Transfer({ dataSource, targetKeys, onValueChange, titles, showSearch, oneWay, disabled, className, selectedKeys: selectedKeysProp, onSelectChange, }: TransferProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-entry/transfer.js

@@ -1,13 +1,193 @@
-export { Transfer } from '../../chunk-KNXOBSUZ.js';
-import '../../chunk-LVLPNKJP.js';
-import '../../chunk-K24AQV4R.js';
-import '../../chunk-SMLKNECP.js';
-import '../../chunk-XBFUROAY.js';
-import '../../chunk-BE6GJGKJ.js';
-import '../../chunk-44YRPSZ7.js';
-import '../../chunk-J2DEWIYY.js';
-import '../../chunk-7PWBC4BY.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-LFW37FGG.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+import { Button } from "../general/button";
+import { ScrollArea } from "../data-display/scroll-area";
+import { Checkbox } from "./checkbox";
+import { SearchInput } from "./search-input";
+import { reactNodeText } from "./tree-utils";
+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
+};

package/dist/components/data-entry/tree-select-strategy.d.ts

@@ -0,0 +1,5 @@
+/** Ant Design `showCheckedStrategy` equivalents for TreeSelect. */
+export declare const SHOW_CHILD: "SHOW_CHILD";
+export declare const SHOW_PARENT: "SHOW_PARENT";
+export declare const SHOW_ALL: "SHOW_ALL";
+export type ShowCheckedStrategy = typeof SHOW_CHILD | typeof SHOW_PARENT | typeof SHOW_ALL;

package/dist/components/data-entry/tree-select-strategy.js

@@ -0,0 +1,8 @@
+const SHOW_CHILD = "SHOW_CHILD";
+const SHOW_PARENT = "SHOW_PARENT";
+const SHOW_ALL = "SHOW_ALL";
+export {
+  SHOW_ALL,
+  SHOW_CHILD,
+  SHOW_PARENT
+};

package/dist/components/data-entry/tree-select.d.ts

@@ -1,29 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { w as TreeSelectProp } from '../../data-entry.prop-BSUaseKh.js';
-import '@radix-ui/react-checkbox';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-slider';
-import '@radix-ui/react-switch';
-import 'react-day-picker';
-import 'react';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../content.prop-DrV_zDy-.js';
-import '../../layout.prop-CXvl2rVR.js';
-import '../../interaction.prop-DD46aTro.js';
-import '../../data.prop-D0UEEczj.js';
-import '../../layout.prop-fCz-Vlie.js';
-import '../../navigation.prop-CXDaVNaR.js';
-
-/** Ant Design `showCheckedStrategy` equivalents for TreeSelect. */
-declare const SHOW_CHILD: "SHOW_CHILD";
-declare const SHOW_PARENT: "SHOW_PARENT";
-declare const SHOW_ALL: "SHOW_ALL";
-
-declare function TreeSelectRoot({ treeData: treeDataProp, value, defaultValue, onValueChange, multiple, treeCheckable, treeCheckStrictly, showSearch, showCheckedStrategy, treeDefaultExpandAll, placeholder, disabled, allowClear, className, id, fieldNames, }: TreeSelectProp): react_jsx_runtime.JSX.Element;
-declare const TreeSelect: typeof TreeSelectRoot & {
+import type { TreeSelectProp } from "../../props/components/data-entry.prop";
+export type { TreeSelectProp, TreeSelectProp as TreeSelectProps, } from "../../props/components/data-entry.prop";
+export { SHOW_CHILD, SHOW_PARENT, SHOW_ALL } from "./tree-select-strategy";
+declare function TreeSelectRoot({ treeData: treeDataProp, value, defaultValue, onValueChange, multiple, treeCheckable, treeCheckStrictly, showSearch, showCheckedStrategy, treeDefaultExpandAll, placeholder, disabled, allowClear, className, id, fieldNames, }: TreeSelectProp): import("react/jsx-runtime").JSX.Element;
+export declare const TreeSelect: typeof TreeSelectRoot & {
     SHOW_CHILD: "SHOW_CHILD";
     SHOW_PARENT: "SHOW_PARENT";
     SHOW_ALL: "SHOW_ALL";
 };
-
-export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect, TreeSelectProp, TreeSelectProp as TreeSelectProps };