asterui 0.12.24 → 0.12.26

package/dist/index94.js

@@ -1,483 +1,566 @@
-import { jsx as b, jsxs as F } from "react/jsx-runtime";
-import { forwardRef as Je, useId as Qe, useState as H, useRef as de, useMemo as se, useCallback as P, useEffect as ue } from "react";
-function d(t, a, u) {
-  if (a === "title") {
-    const l = u?.label || "title";
-    return t[l];
+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 (a === "key") {
-    const l = u?.value || "key";
-    return t[l];
+  if (d === "key") {
+    const l = p?.value || "key";
+    return r[l];
   }
-  if (a === "children") {
-    const l = u?.children || "children";
-    return t[l];
+  if (d === "children") {
+    const l = p?.children || "children";
+    return r[l];
   }
 }
-function Ie(t, a = [], u) {
+function Me(r, d = [], p) {
   const l = [];
-  return t.forEach((h) => {
-    const p = d(h, "title", u), y = d(h, "children", u), w = [...a, p];
-    l.push({ node: h, path: w }), y && l.push(...Ie(y, w, u));
+  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 Xe(t, a) {
-  const u = [], l = (h) => {
-    h.forEach((p) => {
-      const y = d(p, "key", a), w = d(p, "children", a);
-      u.push(y), w && l(w);
+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 l(t), u;
+  return l(r), p;
 }
-function I(t, a, u) {
-  for (const l of t) {
-    const h = d(l, "key", u), p = d(l, "children", u);
-    if (h === a) return l;
-    if (p) {
-      const y = I(p, a, u);
-      if (y) return y;
+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 $e(t, a) {
-  const u = [], l = (h) => {
-    const p = d(h, "children", a);
-    p && p.forEach((y) => {
-      const w = d(y, "key", a);
-      u.push(w), l(y);
+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 l(t), u;
+  return l(r), p;
 }
-function fe(t, a, u, l = []) {
-  for (const h of t) {
-    const p = d(h, "key", u), y = d(h, "children", u);
-    if (p === a) return l;
-    if (y) {
-      const w = fe(y, a, u, [...l, p]);
-      if (w) return w;
+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;
     }
   }
   return null;
 }
-function Ye({
-  node: t,
-  level: a,
-  expanded: u,
+function dn({
+  node: r,
+  level: d,
+  expanded: p,
   selected: l,
-  checked: h,
-  indeterminate: p,
-  treeCheckable: y,
-  treeLine: w,
-  focused: O,
-  loading: E,
-  baseTestId: ie,
-  id: z,
-  fieldNames: V,
-  switcherIcon: B,
-  onToggle: S,
-  onSelect: Q,
-  onCheck: T,
-  renderChildren: U
+  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 = d(t, "children", V), q = d(t, "title", V), M = d(t, "key", V), W = C && C.length > 0, L = t.isLeaf ?? !W, R = (k) => {
-    k.stopPropagation(), L || S(M);
-  }, X = () => {
-    t.disabled || (y ? T(M, t) : Q(M, t));
-  }, Y = (k) => {
-    k.stopPropagation(), t.disabled || T(M, t);
-  }, G = (k) => {
-    (k.key === "Enter" || k.key === " ") && (k.preventDefault(), X());
-  }, s = () => E ? /* @__PURE__ */ b("span", { className: "loading loading-spinner loading-xs" }) : B ? typeof B == "function" ? B({ expanded: u }) : B : /* @__PURE__ */ b(
+  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-3 h-3 transition-transform ${u ? "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__ */ b("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" })
     }
   );
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ z(
     "div",
     {
       className: "tree-select-node",
       role: "treeitem",
-      id: z,
-      "aria-selected": l || h,
-      "aria-expanded": W ? u : void 0,
-      "data-testid": `${ie}-option-${M}`,
-      "data-state": l || h ? "selected" : "unselected",
-      "data-disabled": t.disabled || void 0,
+      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__ */ F(
+        /* @__PURE__ */ z(
           "div",
           {
             className: [
               "flex items-center py-1.5 px-2 cursor-pointer hover:bg-base-200 transition-colors outline-none",
-              (l || h) && "bg-primary/10 text-primary",
-              t.disabled && "opacity-50 cursor-not-allowed",
-              O && "ring-2 ring-primary ring-inset",
-              w && a > 0 && "border-l border-base-300 ml-2"
+              (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 * 16 + 8}px` },
-            onClick: X,
-            onKeyDown: G,
+            style: { paddingLeft: `${d * 16 + 8}px` },
+            onClick: m,
+            onKeyDown: J,
             tabIndex: -1,
             children: [
-              /* @__PURE__ */ b(
+              /* @__PURE__ */ v(
                 "span",
                 {
                   className: [
                     "w-4 h-4 flex items-center justify-center flex-shrink-0 mr-1",
-                    !L && "cursor-pointer"
+                    !E && "cursor-pointer"
                   ].filter(Boolean).join(" "),
-                  onClick: R,
+                  onClick: B,
                   "aria-hidden": "true",
-                  children: !L && s()
+                  children: !E && N()
                 }
               ),
-              y && /* @__PURE__ */ b("span", { className: "mr-2 flex-shrink-0", onClick: Y, children: /* @__PURE__ */ b(
+              g && /* @__PURE__ */ v("span", { className: "mr-2 flex-shrink-0", onClick: j, children: /* @__PURE__ */ v(
                 "input",
                 {
                   type: "checkbox",
                   className: "checkbox checkbox-sm checkbox-primary",
-                  checked: h,
-                  ref: (k) => {
-                    k && (k.indeterminate = p);
+                  checked: f,
+                  ref: (K) => {
+                    K && (K.indeterminate = b);
                   },
-                  disabled: t.disabled,
-                  onChange: X,
-                  "aria-label": typeof q == "string" ? q : void 0,
+                  disabled: r.disabled,
+                  onChange: m,
+                  "aria-label": typeof P == "string" ? P : void 0,
                   tabIndex: -1
                 }
               ) }),
-              /* @__PURE__ */ b("span", { className: "flex-1 truncate select-none text-sm", children: q })
+              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 })
             ]
           }
         ),
-        W && u && /* @__PURE__ */ b("div", { role: "group", children: U(C, a + 1) })
+        G && p && /* @__PURE__ */ v("div", { role: "group", children: Z(C, d + 1) })
       ]
     }
   );
 }
-const Ze = {
+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"
-}, De = {
+}, 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"
-}, Ne = {
+}, pn = {
   error: "border-error focus-within:border-error",
   warning: "border-warning focus-within:border-warning"
-}, en = Je(
+}, bn = {
+  outlined: "border border-base-300",
+  filled: "bg-base-200 border-transparent",
+  borderless: "border-transparent"
+}, Pe = sn(
   ({
-    treeData: t,
-    value: a,
-    defaultValue: u = [],
+    treeData: r,
+    value: d,
+    defaultValue: p = [],
     onChange: l,
-    multiple: h = !1,
-    treeCheckable: p = !1,
-    treeCheckStrictly: y = !1,
-    showCheckedStrategy: w = "SHOW_ALL",
-    showSearch: O = !1,
-    searchValue: E,
-    onSearch: ie,
-    filterTreeNode: z,
-    placeholder: V = "Please select",
-    allowClear: B = !0,
-    disabled: S = !1,
-    treeDefaultExpandAll: Q = !1,
-    treeDefaultExpandedKeys: T = [],
-    treeExpandedKeys: U,
-    onTreeExpand: C,
-    size: q = "md",
-    color: M,
+    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,
-    maxTagCount: L,
-    maxTagPlaceholder: R,
-    labelInValue: X = !1,
-    treeLine: Y = !1,
-    loadData: G,
-    fieldNames: s,
-    open: k,
-    onDropdownVisibleChange: he,
-    suffixIcon: Ee,
-    switcherIcon: pe,
-    notFoundContent: Se = "No results found",
-    dropdownRender: be,
-    popupClassName: Me = "",
-    className: je = "",
-    "data-testid": Ae,
-    ..._e
-  }, Z) => {
-    const K = Ae ?? "treeselect", D = Qe(), ge = `${D}-listbox`, [Be, Ce] = H(!1), [We, N] = H(""), [x, j] = H(null), [ye, ve] = H(/* @__PURE__ */ new Set()), oe = de(null), ce = de(null), ee = de(null), J = E ?? We, v = k ?? Be, xe = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], Re = xe(u), [He, ne] = H(Re), f = a !== void 0 ? xe(a) : He, Pe = se(() => Q ? Xe(t, s) : T, [t, Q, T, s]), [Fe, Oe] = H(Pe), $ = U ?? Fe, m = se(() => {
-      const e = [], r = (o) => {
-        o.forEach((n) => {
-          const i = d(n, "key", s), c = d(n, "children", s);
-          e.push({ key: i, node: n }), c && $.includes(i) && r(c);
+    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 r(t), e;
-    }, [t, $, s]), A = P(
+      return n(r), e;
+    }, [r, A, i]), O = T(
       (e) => {
-        k === void 0 && Ce(e), he?.(e);
+        ue === void 0 && qe(e), ye?.(e);
       },
-      [k, he]
+      [ue, ye]
     );
-    ue(() => {
-      const e = (r) => {
-        oe.current && !oe.current.contains(r.target) && (A(!1), E === void 0 && N(""));
+    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);
-    }, [A, E]), ue(() => {
-      v && O && ce.current ? ce.current.focus() : v && ee.current && ee.current.focus();
-    }, [v, O]), ue(() => {
-      v && m.length > 0 ? f.length > 0 ? j(f[0]) : j(m[0].key) : v || j(null);
-    }, [v, m, f]);
-    const we = se(() => {
-      if (!J) return t;
-      const e = Ie(t, [], s), r = /* @__PURE__ */ new Set();
-      e.forEach(({ node: n }) => {
-        const i = d(n, "title", s), c = d(n, "key", s);
-        let g = !1;
-        z ? g = z(J, n) : g = (typeof i == "string" ? i : String(i)).toLowerCase().includes(J.toLowerCase()), g && r.add(c);
+    }, [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 o = (n) => n.map((i) => {
-        const c = d(i, "children", s), g = d(i, "key", s), _ = c && o(c).length > 0;
-        return r.has(g) || _ ? {
-          ...i,
-          children: c ? o(c) : void 0
+      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 o(t);
-    }, [t, J, z, s]), te = P(
+      return c(r);
+    }, [r, Q, U, i]), ie = T(
       async (e) => {
-        const r = I(t, e, s);
-        if (G && r) {
-          const n = d(r, "children", s);
-          if (!n || n.length === 0) {
-            ve((i) => new Set(i).add(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 G(r);
+              await ae(n);
             } finally {
-              ve((i) => {
-                const c = new Set(i);
-                return c.delete(e), c;
+              me((o) => {
+                const s = new Set(o);
+                return s.delete(e), s;
               });
             }
           }
         }
-        const o = $.includes(e) ? $.filter((n) => n !== e) : [...$, e];
-        U === void 0 && Oe(o), C?.(o);
+        const c = A.includes(e) ? A.filter((t) => t !== e) : [...A, e];
+        M === void 0 && Ye(c), Z?.(c);
       },
-      [$, U, C, G, t, s]
-    ), le = P(
-      (e, r) => {
-        let o;
-        h ? f.includes(e) ? o = f.filter((i) => i !== e) : o = [...f, e] : (o = [e], A(!1), E === void 0 && N("")), a === void 0 && ne(o);
-        const n = o.map((i) => {
-          const c = I(t, i, s);
-          return c ? d(c, "title", s) : i;
+      [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;
         });
-        l?.(h ? o : o[0] || "", n);
+        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 });
       },
       [
-        f,
         h,
-        a,
+        f,
+        m,
+        d,
         l,
-        t,
-        A,
-        E,
-        s
+        r,
+        O,
+        H,
+        i,
+        j
       ]
-    ), ae = P(
-      (e, r) => {
-        const o = f.includes(e);
-        let n = [...f];
-        if (y)
-          o ? n = n.filter((c) => c !== e) : n.push(e);
+    ), 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 c = $e(r, s);
-          o ? n = n.filter((g) => g !== e && !c.includes(g)) : (n.push(e), c.forEach((g) => {
-            n.includes(g) || n.push(g);
-          }));
+          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);
+              });
+          }
         }
-        a === void 0 && ne(n);
-        const i = n.map((c) => {
-          const g = I(t, c, s);
-          return g ? d(g, "title", s) : c;
+        d === void 0 && se(t);
+        const o = t.map((s) => {
+          const a = $(r, s, i);
+          return a ? u(a, "title", i) : s;
         });
-        l?.(n, i);
+        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 });
       },
-      [f, a, l, t, y, s]
-    ), ze = (e) => {
+      [h, d, l, r, g, i, m, j]
+    ), Ze = (e) => {
       e.stopPropagation();
-      const r = [];
-      a === void 0 && ne(r), l?.(h || p ? r : "", []);
-    }, Ve = (e, r) => {
-      r.stopPropagation();
-      const o = f.filter((i) => i !== e);
-      a === void 0 && ne(o);
-      const n = o.map((i) => {
-        const c = I(t, i, s);
-        return c ? d(c, "title", s) : i;
+      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;
       });
-      l?.(h || p ? o : o[0] || "", n);
-    }, Te = (e) => {
-      const r = e.target.value;
-      E === void 0 && N(r), ie?.(r);
-    }, Ue = (e) => {
-      if (!S)
+      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 (!v)
-              e.preventDefault(), A(!0);
-            else if (x) {
+            if (!y)
+              e.preventDefault(), O(!0);
+            else if (w) {
               e.preventDefault();
-              const r = I(t, x, s);
-              r && !r.disabled && (p ? ae(x, r) : le(x, r));
+              const n = $(r, w, i);
+              n && !n.disabled && (b ? pe(w, n) : he(w, n));
             }
             break;
           case "Escape":
-            e.preventDefault(), A(!1), E === void 0 && N(""), ee.current?.focus();
+            e.preventDefault(), O(!1), H === void 0 && te(""), re.current?.focus();
             break;
           case "ArrowDown":
-            if (e.preventDefault(), !v)
-              A(!0);
+            if (e.preventDefault(), !y)
+              O(!0);
             else {
-              const r = m.findIndex((n) => n.key === x), o = r < m.length - 1 ? r + 1 : 0;
-              j(m[o]?.key || null);
+              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(), v) {
-              const r = m.findIndex((n) => n.key === x), o = r > 0 ? r - 1 : m.length - 1;
-              j(m[o]?.key || null);
+            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 (v && x) {
+            if (y && w) {
               e.preventDefault();
-              const r = I(t, x, s), o = r ? d(r, "children", s) : void 0;
-              o && o.length > 0 && !$.includes(x) && te(x);
+              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 (v && x)
-              if (e.preventDefault(), $.includes(x))
-                te(x);
+            if (y && w)
+              if (e.preventDefault(), A.includes(w))
+                ie(w);
               else {
-                const r = fe(t, x, s);
-                r && r.length > 0 && j(r[r.length - 1]);
+                const n = ge(r, w, i);
+                n && n.length > 0 && I(n[n.length - 1]);
               }
             break;
           case "Home":
-            v && (e.preventDefault(), j(m[0]?.key || null));
+            y && (e.preventDefault(), I(S[0]?.key || null));
             break;
           case "End":
-            v && (e.preventDefault(), j(m[m.length - 1]?.key || null));
+            y && (e.preventDefault(), I(S[S.length - 1]?.key || null));
             break;
         }
-    }, ke = P(
+    }, Ee = T(
       (e) => {
-        const r = d(e, "key", s), o = d(e, "children", s);
-        if (y)
-          return { checked: f.includes(r), indeterminate: !1 };
-        if (!o || o.length === 0)
-          return { checked: f.includes(r), indeterminate: !1 };
-        const n = $e(e, s), i = n.filter((c) => f.includes(c));
-        return i.length === 0 ? { checked: f.includes(r), indeterminate: !1 } : i.length === n.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
+        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 };
       },
-      [f, y, s]
-    ), me = P(
-      (e, r) => e.map((o) => {
-        const n = d(o, "key", s), { checked: i, indeterminate: c } = ke(o);
-        return /* @__PURE__ */ b(
-          Ye,
+      [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: o,
-            level: r,
-            expanded: $.includes(n),
-            selected: f.includes(n),
-            checked: i,
-            indeterminate: c,
-            treeCheckable: p,
-            treeLine: Y,
-            focused: x === n,
-            loading: ye.has(n),
-            baseTestId: K,
-            id: `${D}-option-${n}`,
-            fieldNames: s,
-            switcherIcon: pe,
-            onToggle: te,
-            onSelect: le,
-            onCheck: ae,
-            renderChildren: me
+            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
           },
-          n
+          t
         );
       }),
       [
-        $,
-        f,
-        p,
-        Y,
-        x,
-        ye,
+        A,
+        h,
+        b,
+        N,
         K,
-        D,
-        s,
+        w,
+        Le,
+        _,
+        ne,
+        i,
+        we,
+        ie,
+        he,
         pe,
-        te,
-        le,
-        ae,
-        ke
+        Ee
       ]
-    ), qe = se(() => {
-      if (f.length === 0) return null;
-      let e = f;
-      if ((p || h) && w !== "SHOW_ALL" && (w === "SHOW_PARENT" ? e = f.filter((n) => {
-        const i = fe(t, n, s);
-        return i ? !i.some((c) => f.includes(c)) : !0;
-      }) : w === "SHOW_CHILD" && (e = f.filter((n) => {
-        const i = I(t, n, s);
-        if (!i) return !0;
-        const c = d(i, "children", s);
-        return !c || c.length === 0;
-      }))), h || p) {
-        let n = e, i = 0;
-        L !== void 0 && L !== "responsive" && e.length > L && (n = e.slice(0, L), i = e.length - L);
-        const c = n.map((g) => {
-          const _ = I(t, g, s), re = _ ? d(_, "title", s) : g;
-          return /* @__PURE__ */ F(
+    ), 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": `${K}-tag-${g}`,
+              "data-testid": `${_}-tag-${a}`,
               children: [
-                re,
-                /* @__PURE__ */ b(
+                We,
+                je && /* @__PURE__ */ v(
                   "button",
                   {
                     type: "button",
                     className: "hover:text-error",
-                    onClick: (Ge) => Ve(g, Ge),
-                    "aria-label": `Remove ${typeof re == "string" ? re : g}`,
-                    children: /* @__PURE__ */ b(
+                    onClick: (Ie) => Se(a, Ie),
+                    "aria-label": `Remove ${typeof R == "string" ? R : a}`,
+                    children: /* @__PURE__ */ v(
                       "svg",
                       {
                         className: "w-3 h-3",
@@ -485,7 +568,7 @@ const Ze = {
                         viewBox: "0 0 24 24",
                         stroke: "currentColor",
                         "aria-hidden": "true",
-                        children: /* @__PURE__ */ b(
+                        children: /* @__PURE__ */ v(
                           "path",
                           {
                             strokeLinecap: "round",
@@ -500,88 +583,91 @@ const Ze = {
                 )
               ]
             },
-            g
+            a
           );
         });
-        if (i > 0) {
-          const g = e.slice(L), _ = typeof R == "function" ? R(g) : R || `+${i} more`;
-          c.push(
-            /* @__PURE__ */ b(
+        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: _
+                children: x
               },
               "__more__"
             )
           );
         }
-        return c;
+        return s;
       }
-      const r = I(t, f[0], s);
-      return r ? d(r, "title", s) : f[0];
+      const n = $(r, h[0], i);
+      return n ? u(n, "title", i) : h[0];
     }, [
-      f,
-      t,
       h,
-      p,
-      w,
+      r,
+      f,
+      b,
+      k,
+      E,
+      B,
+      _,
+      i,
       L,
-      R,
-      K,
-      s
-    ]), Le = W ? Ne[W] : M ? De[M] : "", Ke = /* @__PURE__ */ b("div", { className: "py-1", role: "tree", "aria-label": "Tree options", children: we.length > 0 ? me(we, 0) : /* @__PURE__ */ b(
+      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",
       {
         className: "px-4 py-2 text-base-content/50 text-sm text-center",
-        "data-testid": `${K}-empty`,
-        children: Se
+        "data-testid": `${_}-empty`,
+        children: Re
       }
     ) });
-    return /* @__PURE__ */ F(
+    return /* @__PURE__ */ z(
       "div",
       {
         ref: (e) => {
-          oe.current = e, typeof Z == "function" ? Z(e) : Z && (Z.current = e);
+          de.current = e, typeof ee == "function" ? ee(e) : ee && (ee.current = e);
         },
-        className: `relative ${je}`,
-        "data-testid": K,
-        "data-state": v ? "open" : "closed",
-        "data-disabled": S || void 0,
-        onKeyDown: Ue,
-        ..._e,
+        className: `relative ${Te}`,
+        "data-testid": _,
+        "data-state": y ? "open" : "closed",
+        "data-disabled": L || void 0,
+        onKeyDown: Ne,
+        ...Ve,
         children: [
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ z(
             "div",
             {
-              ref: ee,
+              ref: re,
               role: "combobox",
-              "aria-expanded": v,
+              "aria-expanded": y,
               "aria-haspopup": "tree",
-              "aria-owns": v ? ge : void 0,
-              "aria-activedescendant": v && x ? `${D}-option-${x}` : void 0,
-              "aria-disabled": S,
-              tabIndex: S ? -1 : 0,
+              "aria-owns": y ? ke : void 0,
+              "aria-activedescendant": y && w ? `${ne}-option-${w}` : void 0,
+              "aria-disabled": L,
+              tabIndex: L ? -1 : 0,
               className: [
-                "input input-bordered flex items-center gap-2 cursor-pointer flex-wrap",
-                Ze[q],
-                Le,
-                S && "input-disabled opacity-50 cursor-not-allowed",
-                v && !Le && "input-primary"
+                "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: () => !S && A(!v),
-              "data-testid": `${K}-trigger`,
+              onClick: () => !L && O(!y),
+              "data-testid": `${_}-trigger`,
               children: [
-                /* @__PURE__ */ b("div", { className: "flex-1 flex flex-wrap items-center gap-1 min-w-0", children: qe || /* @__PURE__ */ b("span", { className: "text-base-content/50", children: V }) }),
-                B && f.length > 0 && !S && /* @__PURE__ */ b(
+                /* @__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,
+                    onClick: Ze,
                     "aria-label": "Clear selection",
-                    "data-testid": `${K}-clear`,
-                    children: /* @__PURE__ */ b(
+                    "data-testid": `${_}-clear`,
+                    children: /* @__PURE__ */ v(
                       "svg",
                       {
                         className: "w-4 h-4",
@@ -589,7 +675,7 @@ const Ze = {
                         viewBox: "0 0 24 24",
                         stroke: "currentColor",
                         "aria-hidden": "true",
-                        children: /* @__PURE__ */ b(
+                        children: /* @__PURE__ */ v(
                           "path",
                           {
                             strokeLinecap: "round",
@@ -602,15 +688,15 @@ const Ze = {
                     )
                   }
                 ),
-                Ee || /* @__PURE__ */ b(
+                Be || /* @__PURE__ */ v(
                   "svg",
                   {
-                    className: `w-4 h-4 flex-shrink-0 transition-transform ${v ? "rotate-180" : ""}`,
+                    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__ */ b(
+                    children: /* @__PURE__ */ v(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -624,28 +710,28 @@ const Ze = {
               ]
             }
           ),
-          v && /* @__PURE__ */ F(
+          y && /* @__PURE__ */ z(
             "div",
             {
-              id: ge,
-              className: `absolute z-50 mt-1 w-full bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-64 overflow-auto ${Me}`,
-              "data-testid": `${K}-dropdown`,
+              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: [
-                O && /* @__PURE__ */ b("div", { className: "p-2 border-b border-base-300", children: /* @__PURE__ */ b(
+                V && /* @__PURE__ */ v("div", { className: "p-2 border-b border-base-300", children: /* @__PURE__ */ v(
                   "input",
                   {
-                    ref: ce,
+                    ref: fe,
                     type: "text",
-                    className: "input input-bordered input-sm w-full",
+                    className: "input input-sm w-full",
                     placeholder: "Search...",
-                    value: J,
-                    onChange: Te,
+                    value: Q,
+                    onChange: De,
                     onClick: (e) => e.stopPropagation(),
                     "aria-label": "Search tree options",
-                    "data-testid": `${K}-search`
+                    "data-testid": `${_}-search`
                   }
                 ) }),
-                be ? be(Ke) : Ke
+                xe ? xe(He) : He
               ]
             }
           )
@@ -654,8 +740,15 @@ const Ze = {
     );
   }
 );
-en.displayName = "TreeSelect";
+Pe.displayName = "TreeSelect";
+const yn = Object.assign(Pe, {
+  SHOW_ALL: cn,
+  SHOW_PARENT: ln,
+  SHOW_CHILD: an
+});
 export {
-  en as TreeSelect
+  Pe as TreeSelect,
+  yn as TreeSelectComponent,
+  yn as default
 };
 //# sourceMappingURL=index94.js.map