asterui 0.12.26 → 0.12.27

package/dist/index93.js

@@ -1,444 +1,754 @@
-import { jsx as k, jsxs as ue } from "react/jsx-runtime";
-import he, { forwardRef as Ne, useCallback as D, useMemo as G, useState as V, createContext as Te, useRef as Ee, useEffect as Ie, useContext as Le } from "react";
-const ke = Te(null);
-function De() {
-  const e = Le(ke);
-  if (!e)
-    throw new Error("Tree components must be used within a Tree");
-  return e;
-}
-function Se(e) {
-  const a = [], c = (d) => {
-    d.forEach((f) => {
-      a.push(f.key), f.children && c(f.children);
-    });
-  };
-  return c(e), a;
+import { jsx as v, jsxs as z } from "react/jsx-runtime";
+import rn, { forwardRef as sn, useId as on, useState as F, useRef as be, useMemo as oe, useCallback as T, useEffect as ve } from "react";
+const cn = "SHOW_ALL", ln = "SHOW_PARENT", an = "SHOW_CHILD";
+function u(r, d, p) {
+  if (d === "title") {
+    const l = p?.label || "title";
+    return r[l];
+  }
+  if (d === "key") {
+    const l = p?.value || "key";
+    return r[l];
+  }
+  if (d === "children") {
+    const l = p?.children || "children";
+    return r[l];
+  }
 }
-function de(e) {
-  const a = [], c = (d) => {
-    d.children && d.children.forEach((f) => {
-      a.push(f.key), c(f);
-    });
-  };
-  return c(e), a;
+function Me(r, d = [], p) {
+  const l = [];
+  return r.forEach((f) => {
+    const b = u(f, "title", p), g = u(f, "children", p), k = [...d, b];
+    l.push({ node: f, path: k }), g && l.push(...Me(g, k, p));
+  }), l;
 }
-function ye(e) {
-  const a = /* @__PURE__ */ new Map(), c = (d, f) => {
-    d.forEach((u) => {
-      a.set(u.key, f), u.children && c(u.children, u.key);
+function un(r, d) {
+  const p = [], l = (f) => {
+    f.forEach((b) => {
+      const g = u(b, "key", d), k = u(b, "children", d);
+      p.push(g), k && l(k);
     });
   };
-  return c(e, null), a;
+  return l(r), p;
 }
-function pe(e, a) {
-  for (const c of e) {
-    if (c.key === a) return c;
-    if (c.children) {
-      const d = pe(c.children, a);
-      if (d) return d;
+function $(r, d, p) {
+  for (const l of r) {
+    const f = u(l, "key", p), b = u(l, "children", p);
+    if (f === d) return l;
+    if (b) {
+      const g = $(b, d, p);
+      if (g) return g;
     }
   }
   return null;
 }
-function Ae(e, a) {
-  const c = [], d = (f) => {
-    f.forEach((u) => {
-      c.push(u), u.children && a.includes(u.key) && d(u.children);
+function Oe(r, d) {
+  const p = [], l = (f) => {
+    const b = u(f, "children", d);
+    b && b.forEach((g) => {
+      const k = u(g, "key", d);
+      p.push(k), l(g);
     });
   };
-  return d(e), c;
-}
-function Me(e, a) {
-  const c = ye(e), d = [];
-  let f = c.get(a);
-  for (; f; )
-    d.push(f), f = c.get(f);
-  return d;
+  return l(r), p;
 }
-function be({ node: e, level: a }) {
-  const {
-    checkable: c,
-    checkboxColor: d,
-    checkboxSize: f,
-    selectable: u,
-    showLine: J,
-    showIcon: E,
-    blockNode: Q,
-    expandedKeys: I,
-    selectedKeys: S,
-    loadingKeys: X,
-    switcherIcon: C,
-    titleRender: q,
-    filterTreeNode: L,
-    onToggle: N,
-    onSelect: A,
-    onCheck: M,
-    onRightClick: H,
-    getCheckedState: Y,
-    focusedKey: T,
-    setFocusedKey: w,
-    flattenedNodes: K,
-    baseTestId: Z
-  } = De(), $ = Ee(null), j = e.children && e.children.length > 0, b = e.isLeaf ?? !j, g = I.includes(e.key), p = S.includes(e.key), ee = X.includes(e.key), F = T === e.key, { checked: R, indeterminate: _ } = Y(e), O = L ? L(e) : !1, m = e.disabled;
-  Ie(() => {
-    F && $.current && $.current.focus();
-  }, [F]);
-  const x = (s) => {
-    s.stopPropagation(), !b && !m && N(e.key, e);
-  }, te = (s) => {
-    u && e.selectable !== !1 && !m && A(e.key, e);
-  }, z = (s) => {
-    s.stopPropagation(), !m && !e.disableCheckbox && M(e.key, e);
-  }, ne = (s) => {
-    H && (s.preventDefault(), H({ event: s, node: e }));
-  }, se = (s) => {
-    const v = K.findIndex((i) => i.key === e.key);
-    switch (s.key) {
-      case "ArrowDown": {
-        s.preventDefault();
-        const i = K[v + 1];
-        i && w(i.key);
-        break;
-      }
-      case "ArrowUp": {
-        s.preventDefault();
-        const i = K[v - 1];
-        i && w(i.key);
-        break;
-      }
-      case "ArrowRight": {
-        if (s.preventDefault(), !b && !g)
-          N(e.key, e);
-        else if (j && g) {
-          const i = e.children[0];
-          w(i.key);
-        }
-        break;
-      }
-      case "ArrowLeft": {
-        s.preventDefault(), !b && g && N(e.key, e);
-        break;
-      }
-      case "Enter":
-      case " ": {
-        s.preventDefault(), c && e.checkable !== !1 ? M(e.key, e) : u && e.selectable !== !1 ? A(e.key, e) : b || N(e.key, e);
-        break;
-      }
-      case "Home": {
-        s.preventDefault();
-        const i = K[0];
-        i && w(i.key);
-        break;
-      }
-      case "End": {
-        s.preventDefault();
-        const i = K[K.length - 1];
-        i && w(i.key);
-        break;
-      }
+function ge(r, d, p, l = []) {
+  for (const f of r) {
+    const b = u(f, "key", p), g = u(f, "children", p);
+    if (b === d) return l;
+    if (g) {
+      const k = ge(g, d, p, [...l, b]);
+      if (k) return k;
     }
-  }, re = {
-    xs: "checkbox-xs",
-    sm: "checkbox-sm",
-    md: "",
-    lg: "checkbox-lg",
-    xl: "checkbox-xl"
-  }, ce = {
-    primary: "checkbox-primary",
-    secondary: "checkbox-secondary",
-    accent: "checkbox-accent",
-    neutral: "checkbox-neutral",
-    info: "checkbox-info",
-    success: "checkbox-success",
-    warning: "checkbox-warning",
-    error: "checkbox-error"
-  }, ie = re[f], ae = ce[d], le = () => ee ? /* @__PURE__ */ k("span", { className: "loading loading-spinner loading-xs" }) : b ? /* @__PURE__ */ k("span", { className: "w-4 h-4" }) : C ? typeof C == "function" ? C(g) : C : /* @__PURE__ */ k(
+  }
+  return null;
+}
+function dn({
+  node: r,
+  level: d,
+  expanded: p,
+  selected: l,
+  checked: f,
+  indeterminate: b,
+  treeCheckable: g,
+  treeLine: k,
+  treeIcon: V,
+  focused: H,
+  loading: ce,
+  baseTestId: U,
+  id: le,
+  fieldNames: q,
+  switcherIcon: L,
+  onToggle: X,
+  onSelect: Y,
+  onCheck: M,
+  renderChildren: Z
+}) {
+  const C = u(r, "children", q), P = u(r, "title", q), W = u(r, "key", q), D = r.icon, G = C && C.length > 0, E = r.isLeaf ?? !G, B = (K) => {
+    K.stopPropagation(), E || X(W);
+  }, m = () => {
+    r.disabled || (g ? M(W, r) : Y(W, r));
+  }, j = (K) => {
+    K.stopPropagation(), r.disabled || M(W, r);
+  }, J = (K) => {
+    (K.key === "Enter" || K.key === " ") && (K.preventDefault(), m());
+  }, N = () => ce ? /* @__PURE__ */ v("span", { className: "loading loading-spinner loading-xs" }) : L ? typeof L == "function" ? L({ expanded: p }) : L : /* @__PURE__ */ v(
     "svg",
     {
-      className: `w-4 h-4 transition-transform duration-200 ${g ? "rotate-90" : ""}`,
+      className: `w-3 h-3 transition-transform ${p ? "rotate-90" : ""}`,
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ k("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+      children: /* @__PURE__ */ v("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
     }
-  ), B = () => q ? q(e) : e.title, P = p ? "selected" : g ? "expanded" : "collapsed";
-  return /* @__PURE__ */ ue(
+  );
+  return /* @__PURE__ */ z(
     "div",
     {
-      className: "tree-node",
+      className: "tree-select-node",
       role: "treeitem",
-      "aria-expanded": b ? void 0 : g,
-      "aria-selected": p,
-      "aria-checked": c ? _ ? "mixed" : R : void 0,
-      "aria-disabled": m,
-      "aria-level": a + 1,
-      "data-testid": `${Z}-node-${e.key}`,
-      "data-state": P,
-      "data-key": e.key,
+      id: le,
+      "aria-selected": l || f,
+      "aria-expanded": G ? p : void 0,
+      "data-testid": `${U}-option-${W}`,
+      "data-state": l || f ? "selected" : "unselected",
+      "data-disabled": r.disabled || void 0,
       children: [
-        /* @__PURE__ */ ue(
+        /* @__PURE__ */ z(
           "div",
           {
-            ref: $,
             className: [
-              "flex items-center py-1 px-1 rounded transition-colors outline-none",
-              "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1",
-              u && !m && "cursor-pointer hover:bg-base-200",
-              p && "bg-primary/10 text-primary",
-              m && "opacity-50 cursor-not-allowed",
-              O && "bg-warning/20",
-              Q && "w-full"
+              "flex items-center py-1.5 px-2 cursor-pointer hover:bg-base-200 transition-colors outline-none",
+              (l || f) && "bg-primary/10 text-primary",
+              r.disabled && "opacity-50 cursor-not-allowed",
+              H && "ring-2 ring-primary ring-inset",
+              k && d > 0 && "border-l border-base-300 ml-2"
             ].filter(Boolean).join(" "),
-            style: { paddingLeft: `${a * 20}px` },
-            tabIndex: F ? 0 : -1,
-            onClick: te,
-            onContextMenu: ne,
-            onKeyDown: se,
-            onFocus: () => w(e.key),
+            style: { paddingLeft: `${d * 16 + 8}px` },
+            onClick: m,
+            onKeyDown: J,
+            tabIndex: -1,
             children: [
-              /* @__PURE__ */ k(
+              /* @__PURE__ */ v(
                 "span",
                 {
                   className: [
-                    "w-5 h-5 flex items-center justify-center flex-shrink-0",
-                    !b && !m && "cursor-pointer hover:bg-base-300 rounded"
+                    "w-4 h-4 flex items-center justify-center flex-shrink-0 mr-1",
+                    !E && "cursor-pointer"
                   ].filter(Boolean).join(" "),
-                  onClick: x,
+                  onClick: B,
                   "aria-hidden": "true",
-                  children: le()
+                  children: !E && N()
                 }
               ),
-              c && e.checkable !== !1 && /* @__PURE__ */ k("span", { className: "mr-1 flex-shrink-0", onClick: z, children: /* @__PURE__ */ k(
+              g && /* @__PURE__ */ v("span", { className: "mr-2 flex-shrink-0", onClick: j, children: /* @__PURE__ */ v(
                 "input",
                 {
                   type: "checkbox",
-                  className: `checkbox ${ie} ${ae}`,
-                  checked: R,
-                  ref: (s) => {
-                    s && (s.indeterminate = _);
+                  className: "checkbox checkbox-sm checkbox-primary",
+                  checked: f,
+                  ref: (K) => {
+                    K && (K.indeterminate = b);
                   },
-                  disabled: m || e.disableCheckbox,
-                  onChange: z,
-                  tabIndex: -1,
-                  "aria-hidden": "true",
-                  "data-state": _ ? "indeterminate" : R ? "checked" : "unchecked"
+                  disabled: r.disabled,
+                  onChange: m,
+                  "aria-label": typeof P == "string" ? P : void 0,
+                  tabIndex: -1
                 }
               ) }),
-              E && e.icon && /* @__PURE__ */ k("span", { className: "mr-1 flex-shrink-0", "aria-hidden": "true", children: e.icon }),
-              /* @__PURE__ */ k("span", { className: "flex-1 truncate select-none", children: B() })
+              V && D && /* @__PURE__ */ v("span", { className: "mr-1.5 flex-shrink-0 flex items-center", children: D }),
+              /* @__PURE__ */ v("span", { className: "flex-1 truncate select-none text-sm", children: P })
             ]
           }
         ),
-        j && g && /* @__PURE__ */ k(
-          "div",
-          {
-            className: J ? "border-l border-base-300 ml-2.5" : "",
-            role: "group",
-            "aria-label": `${e.title} children`,
-            children: e.children.map((s) => /* @__PURE__ */ k(be, { node: s, level: a + 1 }, s.key))
-          }
-        )
+        G && p && /* @__PURE__ */ v("div", { role: "group", children: Z(C, d + 1) })
       ]
     }
   );
 }
-function fe(e) {
-  return null;
-}
-fe.displayName = "Tree.Node";
-function $e(e) {
-  return e.type === fe || typeof e.type == "function" && e.type.displayName === "Tree.Node";
-}
-const _e = Object.assign(
-  Ne(function({
-    treeData: a,
-    children: c,
-    checkable: d = !1,
-    checkboxColor: f = "primary",
-    checkboxSize: u = "sm",
-    selectable: J = !0,
-    multiple: E = !1,
-    defaultExpandAll: Q = !1,
-    defaultExpandedKeys: I = [],
-    expandedKeys: S,
-    defaultSelectedKeys: X = [],
-    selectedKeys: C,
-    defaultCheckedKeys: q = [],
-    checkedKeys: L,
-    onExpand: N,
-    onSelect: A,
-    onCheck: M,
-    showLine: H = !1,
-    showIcon: Y = !1,
-    checkStrictly: T = !1,
-    autoExpandParent: w = !0,
-    blockNode: K = !1,
-    switcherIcon: Z,
-    titleRender: $,
-    filterTreeNode: j,
-    loadData: b,
-    onRightClick: g,
-    fieldNames: p,
-    className: ee = "",
-    "data-testid": F,
-    ...R
-  }, _) {
-    const O = F ?? "tree", m = D((t, o, n) => {
-    }, []), x = G(() => {
-      if (a) {
-        if (p) {
-          const o = (n) => {
-            const r = p.key ? n[p.key] : n.key, l = p.title ? n[p.title] : n.title, h = p.children ? n[p.children] : n.children;
-            return {
-              ...n,
-              key: r,
-              title: l,
-              children: Array.isArray(h) ? h.map((y) => o(y)) : void 0
-            };
-          };
-          return a.map(o);
-        }
-        return a;
-      }
-      const t = (o) => {
-        const n = [];
-        return he.Children.forEach(o, (r) => {
-          if (he.isValidElement(r) && $e(r)) {
-            const l = r.props, h = r.key;
-            if (!h) {
-              console.warn("Tree.Node requires a key prop");
-              return;
-            }
-            const y = {
-              key: h,
-              title: l.title,
-              icon: l.icon,
-              disabled: l.disabled,
-              disableCheckbox: l.disableCheckbox,
-              selectable: l.selectable,
-              checkable: l.checkable,
-              isLeaf: l.isLeaf,
-              children: l.children ? t(l.children) : void 0
-            };
-            n.push(y);
-          }
-        }), n;
+const fn = {
+  xs: "min-h-6 text-xs",
+  sm: "min-h-8 text-sm",
+  md: "min-h-10 text-base",
+  lg: "min-h-12 text-lg",
+  xl: "min-h-14 text-xl"
+}, hn = {
+  primary: "border-primary focus-within:border-primary",
+  secondary: "border-secondary focus-within:border-secondary",
+  accent: "border-accent focus-within:border-accent",
+  neutral: "border-neutral focus-within:border-neutral",
+  info: "border-info focus-within:border-info",
+  success: "border-success focus-within:border-success",
+  warning: "border-warning focus-within:border-warning",
+  error: "border-error focus-within:border-error"
+}, pn = {
+  error: "border-error focus-within:border-error",
+  warning: "border-warning focus-within:border-warning"
+}, bn = {
+  outlined: "border border-base-300",
+  filled: "bg-base-200 border-transparent",
+  borderless: "border-transparent"
+}, Pe = sn(
+  ({
+    treeData: r,
+    value: d,
+    defaultValue: p = [],
+    onChange: l,
+    multiple: f = !1,
+    treeCheckable: b = !1,
+    treeCheckStrictly: g = !1,
+    showCheckedStrategy: k = "SHOW_ALL",
+    showSearch: V = !1,
+    searchValue: H,
+    onSearch: ce,
+    filterTreeNode: U,
+    placeholder: le = "Please select",
+    allowClear: q = !0,
+    disabled: L = !1,
+    treeDefaultExpandAll: X = !1,
+    treeDefaultExpandedKeys: Y = [],
+    treeExpandedKeys: M,
+    onTreeExpand: Z,
+    size: C = "md",
+    color: P,
+    status: W,
+    variant: D = "outlined",
+    ghost: G = !1,
+    maxTagCount: E,
+    maxTagPlaceholder: B,
+    maxCount: m,
+    labelInValue: j = !1,
+    tagRender: J,
+    treeLine: N = !1,
+    treeIcon: K = !1,
+    loadData: ae,
+    fieldNames: i,
+    open: ue,
+    onDropdownVisibleChange: ye,
+    suffixIcon: Be,
+    switcherIcon: we,
+    notFoundContent: Re = "No results found",
+    dropdownRender: xe,
+    popupClassName: Fe = "",
+    className: Te = "",
+    "data-testid": ze,
+    ...Ve
+  }, ee) => {
+    const _ = ze ?? "treeselect", ne = on(), ke = `${ne}-listbox`, [Ue, qe] = F(!1), [Ce, te] = F(""), [w, I] = F(null), [Le, me] = F(/* @__PURE__ */ new Set()), de = be(null), fe = be(null), re = be(null), Q = H ?? Ce, y = ue ?? Ue, Ke = (e) => e === void 0 ? [] : Array.isArray(e) ? e.map((n) => typeof n == "object" && n !== null ? n.value : n) : typeof e == "object" && e !== null ? [e.value] : [e], Ge = Ke(p), [Je, se] = F(Ge), h = d !== void 0 ? Ke(d) : Je, Qe = oe(() => X ? un(r, i) : Y, [r, X, Y, i]), [Xe, Ye] = F(Qe), A = M ?? Xe, S = oe(() => {
+      const e = [], n = (c) => {
+        c.forEach((t) => {
+          const o = u(t, "key", i), s = u(t, "children", i);
+          e.push({ key: o, node: t }), s && A.includes(o) && n(s);
+        });
       };
-      return t(c);
-    }, [a, c, p]), [te, z] = V([]), ne = G(() => {
-      if (Q)
-        return Se(x);
-      if (w && I.length > 0) {
-        const t = new Set(I);
-        return I.forEach((o) => {
-          Me(x, o).forEach((n) => t.add(n));
-        }), Array.from(t);
-      }
-      return I;
-    }, []), [se, re] = V(ne), [ce, ie] = V(X), [ae, le] = V(q), [B, P] = V(null), s = S ?? se, v = C ?? ce, i = L ?? ae, oe = G(() => ye(x), [x]), U = G(() => Ae(x, s), [x, s]), xe = D(
-      (t) => {
-        if (T)
-          return { checked: i.includes(t.key), indeterminate: !1 };
-        if (!t.children || t.children.length === 0)
-          return { checked: i.includes(t.key), indeterminate: !1 };
-        const o = de(t), n = o.filter((r) => i.includes(r));
-        return n.length === 0 ? { checked: i.includes(t.key), indeterminate: !1 } : n.length === o.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
+      return n(r), e;
+    }, [r, A, i]), O = T(
+      (e) => {
+        ue === void 0 && qe(e), ye?.(e);
       },
-      [i, T]
-    ), ge = D(
-      async (t, o) => {
-        const n = s.includes(t);
-        if (b && !n && !o.isLeaf && (!o.children || o.children.length === 0)) {
-          z((l) => [...l, t]);
-          try {
-            await b(o);
-          } finally {
-            z((l) => l.filter((h) => h !== t));
+      [ue, ye]
+    );
+    ve(() => {
+      const e = (n) => {
+        de.current && !de.current.contains(n.target) && (O(!1), H === void 0 && te(""));
+      };
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    }, [O, H]), ve(() => {
+      y && V && fe.current ? fe.current.focus() : y && re.current && re.current.focus();
+    }, [y, V]), ve(() => {
+      y && S.length > 0 ? h.length > 0 ? I(h[0]) : I(S[0].key) : y || I(null);
+    }, [y, S, h]);
+    const $e = oe(() => {
+      if (!Q) return r;
+      const e = Me(r, [], i), n = /* @__PURE__ */ new Set();
+      e.forEach(({ node: t }) => {
+        const o = u(t, "title", i), s = u(t, "key", i);
+        let a = !1;
+        U ? a = U(Q, t) : a = (typeof o == "string" ? o : String(o)).toLowerCase().includes(Q.toLowerCase()), a && n.add(s);
+      });
+      const c = (t) => t.map((o) => {
+        const s = u(o, "children", i), a = u(o, "key", i), x = s && c(s).length > 0;
+        return n.has(a) || x ? {
+          ...o,
+          children: s ? c(s) : void 0
+        } : null;
+      }).filter(Boolean);
+      return c(r);
+    }, [r, Q, U, i]), ie = T(
+      async (e) => {
+        const n = $(r, e, i);
+        if (ae && n) {
+          const t = u(n, "children", i);
+          if (!t || t.length === 0) {
+            me((o) => new Set(o).add(e));
+            try {
+              await ae(n);
+            } finally {
+              me((o) => {
+                const s = new Set(o);
+                return s.delete(e), s;
+              });
+            }
           }
         }
-        const r = n ? s.filter((l) => l !== t) : [...s, t];
-        S === void 0 && re(r), N?.(r, { node: o, expanded: !n });
+        const c = A.includes(e) ? A.filter((t) => t !== e) : [...A, e];
+        M === void 0 && Ye(c), Z?.(c);
       },
-      [s, S, N, b]
-    ), me = D(
-      (t, o) => {
-        let n;
-        E ? v.includes(t) ? n = v.filter((r) => r !== t) : n = [...v, t] : n = v.includes(t) ? [] : [t], C === void 0 && ie(n), A?.(n, { node: o, selected: n.includes(t) });
+      [A, M, Z, ae, r, i]
+    ), he = T(
+      (e, n) => {
+        let c;
+        if (f)
+          if (h.includes(e))
+            c = h.filter((o) => o !== e);
+          else {
+            if (m !== void 0 && h.length >= m)
+              return;
+            c = [...h, e];
+          }
+        else
+          c = [e], O(!1), H === void 0 && te("");
+        d === void 0 && se(c);
+        const t = c.map((o) => {
+          const s = $(r, o, i);
+          return s ? u(s, "title", i) : o;
+        });
+        if (j) {
+          const o = c.map((s) => {
+            const a = $(r, s, i);
+            return {
+              value: s,
+              label: a ? u(a, "title", i) : s
+            };
+          });
+          l?.(
+            f ? o : o[0] || { value: "", label: "" },
+            t,
+            { triggerValue: e, triggerNode: n }
+          );
+        } else
+          l?.(f ? c : c[0] || "", t, { triggerValue: e, triggerNode: n });
       },
-      [v, E, C, A]
-    ), ve = D(
-      (t, o) => {
-        const n = i.includes(t);
-        let r = [...i];
-        if (T)
-          n ? r = r.filter((l) => l !== t) : r.push(t);
+      [
+        h,
+        f,
+        m,
+        d,
+        l,
+        r,
+        O,
+        H,
+        i,
+        j
+      ]
+    ), pe = T(
+      (e, n) => {
+        const c = h.includes(e);
+        let t = [...h];
+        if (g)
+          if (c)
+            t = t.filter((s) => s !== e);
+          else {
+            if (m !== void 0 && h.length >= m)
+              return;
+            t.push(e);
+          }
         else {
-          const l = de(o);
-          n ? r = r.filter((y) => y !== t && !l.includes(y)) : (r.push(t), l.forEach((y) => {
-            r.includes(y) || r.push(y);
-          }));
-          let h = oe.get(t) ?? null;
-          for (; h; ) {
-            const y = pe(x, h);
-            y && y.children && (y.children.every(
-              (W) => r.includes(W.key) || de(W).every((Ke) => r.includes(Ke))
-            ) ? r.includes(h) || r.push(h) : r = r.filter((W) => W !== h)), h = oe.get(h) ?? null;
+          const s = Oe(n, i);
+          if (c)
+            t = t.filter((a) => a !== e && !s.includes(a));
+          else {
+            const a = [e, ...s.filter((x) => !t.includes(x))];
+            if (m !== void 0 && t.length + a.length > m) {
+              const x = m - t.length;
+              if (x <= 0) return;
+              a.slice(0, x).forEach((R) => t.push(R));
+            } else
+              t.push(e), s.forEach((x) => {
+                t.includes(x) || t.push(x);
+              });
           }
         }
-        L === void 0 && le(r), M?.(r, { node: o, checked: !n });
+        d === void 0 && se(t);
+        const o = t.map((s) => {
+          const a = $(r, s, i);
+          return a ? u(a, "title", i) : s;
+        });
+        if (j) {
+          const s = t.map((a) => {
+            const x = $(r, a, i);
+            return {
+              value: a,
+              label: x ? u(x, "title", i) : a
+            };
+          });
+          l?.(s, o, { triggerValue: e, triggerNode: n });
+        } else
+          l?.(t, o, { triggerValue: e, triggerNode: n });
       },
-      [i, L, M, oe, x, T]
-    ), Ce = D(() => {
-      !B && U.length > 0 && P(U[0].key);
-    }, [B, U]), we = {
-      checkable: d,
-      checkboxColor: f,
-      checkboxSize: u,
-      selectable: J,
-      multiple: E,
-      showLine: H,
-      showIcon: Y,
-      blockNode: K,
-      checkStrictly: T,
-      expandedKeys: s,
-      selectedKeys: v,
-      checkedKeys: i,
-      loadingKeys: te,
-      switcherIcon: Z,
-      titleRender: $,
-      filterTreeNode: j,
-      onToggle: ge,
-      onSelect: me,
-      onCheck: ve,
-      onRightClick: g,
-      getCheckedState: xe,
-      focusedKey: B,
-      setFocusedKey: P,
-      flattenedNodes: U,
-      registerNode: m,
-      baseTestId: O
-    };
-    return /* @__PURE__ */ k(ke.Provider, { value: we, children: /* @__PURE__ */ k(
+      [h, d, l, r, g, i, m, j]
+    ), Ze = (e) => {
+      e.stopPropagation();
+      const n = [];
+      d === void 0 && se(n), j ? l?.(f || b ? [] : { value: "", label: "" }, []) : l?.(f || b ? n : "", []);
+    }, Se = (e, n) => {
+      n.stopPropagation();
+      const c = h.filter((o) => o !== e);
+      d === void 0 && se(c);
+      const t = c.map((o) => {
+        const s = $(r, o, i);
+        return s ? u(s, "title", i) : o;
+      });
+      if (j) {
+        const o = c.map((s) => {
+          const a = $(r, s, i);
+          return {
+            value: s,
+            label: a ? u(a, "title", i) : s
+          };
+        });
+        l?.(
+          f || b ? o : o[0] || { value: "", label: "" },
+          t
+        );
+      } else
+        l?.(f || b ? c : c[0] || "", t);
+    }, De = (e) => {
+      const n = e.target.value;
+      H === void 0 && te(n), ce?.(n);
+    }, Ne = (e) => {
+      if (!L)
+        switch (e.key) {
+          case "Enter":
+          case " ":
+            if (!y)
+              e.preventDefault(), O(!0);
+            else if (w) {
+              e.preventDefault();
+              const n = $(r, w, i);
+              n && !n.disabled && (b ? pe(w, n) : he(w, n));
+            }
+            break;
+          case "Escape":
+            e.preventDefault(), O(!1), H === void 0 && te(""), re.current?.focus();
+            break;
+          case "ArrowDown":
+            if (e.preventDefault(), !y)
+              O(!0);
+            else {
+              const n = S.findIndex((t) => t.key === w), c = n < S.length - 1 ? n + 1 : 0;
+              I(S[c]?.key || null);
+            }
+            break;
+          case "ArrowUp":
+            if (e.preventDefault(), y) {
+              const n = S.findIndex((t) => t.key === w), c = n > 0 ? n - 1 : S.length - 1;
+              I(S[c]?.key || null);
+            }
+            break;
+          case "ArrowRight":
+            if (y && w) {
+              e.preventDefault();
+              const n = $(r, w, i), c = n ? u(n, "children", i) : void 0;
+              c && c.length > 0 && !A.includes(w) && ie(w);
+            }
+            break;
+          case "ArrowLeft":
+            if (y && w)
+              if (e.preventDefault(), A.includes(w))
+                ie(w);
+              else {
+                const n = ge(r, w, i);
+                n && n.length > 0 && I(n[n.length - 1]);
+              }
+            break;
+          case "Home":
+            y && (e.preventDefault(), I(S[0]?.key || null));
+            break;
+          case "End":
+            y && (e.preventDefault(), I(S[S.length - 1]?.key || null));
+            break;
+        }
+    }, Ee = T(
+      (e) => {
+        const n = u(e, "key", i), c = u(e, "children", i);
+        if (g)
+          return { checked: h.includes(n), indeterminate: !1 };
+        if (!c || c.length === 0)
+          return { checked: h.includes(n), indeterminate: !1 };
+        const t = Oe(e, i), o = t.filter((s) => h.includes(s));
+        return o.length === 0 ? { checked: h.includes(n), indeterminate: !1 } : o.length === t.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
+      },
+      [h, g, i]
+    ), _e = T(
+      (e, n) => e.map((c) => {
+        const t = u(c, "key", i), { checked: o, indeterminate: s } = Ee(c);
+        return /* @__PURE__ */ v(
+          dn,
+          {
+            node: c,
+            level: n,
+            expanded: A.includes(t),
+            selected: h.includes(t),
+            checked: o,
+            indeterminate: s,
+            treeCheckable: b,
+            treeLine: N,
+            treeIcon: K,
+            focused: w === t,
+            loading: Le.has(t),
+            baseTestId: _,
+            id: `${ne}-option-${t}`,
+            fieldNames: i,
+            switcherIcon: we,
+            onToggle: ie,
+            onSelect: he,
+            onCheck: pe,
+            renderChildren: _e
+          },
+          t
+        );
+      }),
+      [
+        A,
+        h,
+        b,
+        N,
+        K,
+        w,
+        Le,
+        _,
+        ne,
+        i,
+        we,
+        ie,
+        he,
+        pe,
+        Ee
+      ]
+    ), en = oe(() => {
+      if (h.length === 0) return null;
+      let e = h;
+      if ((b || f) && k !== "SHOW_ALL" && (k === "SHOW_PARENT" ? e = h.filter((t) => {
+        const o = ge(r, t, i);
+        return o ? !o.some((s) => h.includes(s)) : !0;
+      }) : k === "SHOW_CHILD" && (e = h.filter((t) => {
+        const o = $(r, t, i);
+        if (!o) return !0;
+        const s = u(o, "children", i);
+        return !s || s.length === 0;
+      }))), f || b) {
+        let t = e, o = 0;
+        E !== void 0 && E !== "responsive" && e.length > E && (t = e.slice(0, E), o = e.length - E);
+        const s = t.map((a) => {
+          const x = $(r, a, i), R = x ? u(x, "title", i) : a, We = R, je = !L, tn = () => {
+            Se(a, { stopPropagation: () => {
+            } });
+          };
+          return J ? /* @__PURE__ */ v(rn.Fragment, { children: J({ label: We, value: a, closable: je, onClose: tn }) }, a) : /* @__PURE__ */ z(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1",
+              "data-testid": `${_}-tag-${a}`,
+              children: [
+                We,
+                je && /* @__PURE__ */ v(
+                  "button",
+                  {
+                    type: "button",
+                    className: "hover:text-error",
+                    onClick: (Ie) => Se(a, Ie),
+                    "aria-label": `Remove ${typeof R == "string" ? R : a}`,
+                    children: /* @__PURE__ */ v(
+                      "svg",
+                      {
+                        className: "w-3 h-3",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        stroke: "currentColor",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ v(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: 2,
+                            d: "M6 18L18 6M6 6l12 12"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            a
+          );
+        });
+        if (o > 0) {
+          const a = e.slice(E), x = typeof B == "function" ? B(a) : B || `+${o} more`;
+          s.push(
+            /* @__PURE__ */ v(
+              "span",
+              {
+                className: "inline-flex items-center px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1",
+                children: x
+              },
+              "__more__"
+            )
+          );
+        }
+        return s;
+      }
+      const n = $(r, h[0], i);
+      return n ? u(n, "title", i) : h[0];
+    }, [
+      h,
+      r,
+      f,
+      b,
+      k,
+      E,
+      B,
+      _,
+      i,
+      L,
+      J
+    ]), Ae = W ? pn[W] : P ? hn[P] : "", nn = G ? "bg-transparent border-transparent" : bn[D], He = /* @__PURE__ */ v("div", { className: "py-1", role: "tree", "aria-label": "Tree options", children: $e.length > 0 ? _e($e, 0) : /* @__PURE__ */ v(
       "div",
       {
-        ref: _,
-        className: `tree ${ee}`,
-        role: "tree",
-        "aria-multiselectable": E,
-        "data-testid": O,
-        onFocus: Ce,
-        ...R,
-        children: x.map((t) => /* @__PURE__ */ k(be, { node: t, level: 0 }, t.key))
+        className: "px-4 py-2 text-base-content/50 text-sm text-center",
+        "data-testid": `${_}-empty`,
+        children: Re
       }
     ) });
-  }),
-  {
-    Node: fe
+    return /* @__PURE__ */ z(
+      "div",
+      {
+        ref: (e) => {
+          de.current = e, typeof ee == "function" ? ee(e) : ee && (ee.current = e);
+        },
+        className: `relative ${Te}`,
+        "data-testid": _,
+        "data-state": y ? "open" : "closed",
+        "data-disabled": L || void 0,
+        onKeyDown: Ne,
+        ...Ve,
+        children: [
+          /* @__PURE__ */ z(
+            "div",
+            {
+              ref: re,
+              role: "combobox",
+              "aria-expanded": y,
+              "aria-haspopup": "tree",
+              "aria-owns": y ? ke : void 0,
+              "aria-activedescendant": y && w ? `${ne}-option-${w}` : void 0,
+              "aria-disabled": L,
+              tabIndex: L ? -1 : 0,
+              className: [
+                "input flex items-center gap-2 cursor-pointer flex-wrap",
+                fn[C],
+                nn,
+                Ae,
+                L && "input-disabled opacity-50 cursor-not-allowed",
+                y && !Ae && "border-primary"
+              ].filter(Boolean).join(" "),
+              onClick: () => !L && O(!y),
+              "data-testid": `${_}-trigger`,
+              children: [
+                /* @__PURE__ */ v("div", { className: "flex-1 flex flex-wrap items-center gap-1 min-w-0", children: en || /* @__PURE__ */ v("span", { className: "text-base-content/50", children: le }) }),
+                q && h.length > 0 && !L && /* @__PURE__ */ v(
+                  "button",
+                  {
+                    type: "button",
+                    className: "hover:text-error flex-shrink-0",
+                    onClick: Ze,
+                    "aria-label": "Clear selection",
+                    "data-testid": `${_}-clear`,
+                    children: /* @__PURE__ */ v(
+                      "svg",
+                      {
+                        className: "w-4 h-4",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        stroke: "currentColor",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ v(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: 2,
+                            d: "M6 18L18 6M6 6l12 12"
+                          }
+                        )
+                      }
+                    )
+                  }
+                ),
+                Be || /* @__PURE__ */ v(
+                  "svg",
+                  {
+                    className: `w-4 h-4 flex-shrink-0 transition-transform ${y ? "rotate-180" : ""}`,
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ v(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M19 9l-7 7-7-7"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          y && /* @__PURE__ */ z(
+            "div",
+            {
+              id: ke,
+              className: `absolute z-50 mt-1 w-full bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-64 overflow-auto ${Fe}`,
+              "data-testid": `${_}-dropdown`,
+              children: [
+                V && /* @__PURE__ */ v("div", { className: "p-2 border-b border-base-300", children: /* @__PURE__ */ v(
+                  "input",
+                  {
+                    ref: fe,
+                    type: "text",
+                    className: "input input-sm w-full",
+                    placeholder: "Search...",
+                    value: Q,
+                    onChange: De,
+                    onClick: (e) => e.stopPropagation(),
+                    "aria-label": "Search tree options",
+                    "data-testid": `${_}-search`
+                  }
+                ) }),
+                xe ? xe(He) : He
+              ]
+            }
+          )
+        ]
+      }
+    );
   }
 );
+Pe.displayName = "TreeSelect";
+const yn = Object.assign(Pe, {
+  SHOW_ALL: cn,
+  SHOW_PARENT: ln,
+  SHOW_CHILD: an
+});
 export {
-  _e as Tree
+  Pe as TreeSelect,
+  yn as TreeSelectComponent,
+  yn as default
 };
 //# sourceMappingURL=index93.js.map