asterui 0.12.23 → 0.12.24

package/dist/index94.js

@@ -1,298 +1,661 @@
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
-import { useState as j, useRef as G, useMemo as z, useEffect as re, useCallback as b } from "react";
-function J(t, i = []) {
-  const u = [];
-  return t.forEach((c) => {
-    const a = [...i, c.title];
-    u.push({ node: c, path: a }), c.children && u.push(...J(c.children, a));
-  }), u;
+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];
+  }
+  if (a === "key") {
+    const l = u?.value || "key";
+    return t[l];
+  }
+  if (a === "children") {
+    const l = u?.children || "children";
+    return t[l];
+  }
 }
-function ie(t) {
-  const i = [], u = (c) => {
-    c.forEach((a) => {
-      i.push(a.key), a.children && u(a.children);
+function Ie(t, a = [], u) {
+  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));
+  }), 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);
     });
   };
-  return u(t), i;
+  return l(t), u;
 }
-function k(t, i) {
-  for (const u of t) {
-    if (u.key === i) return u;
-    if (u.children) {
-      const c = k(u.children, i);
-      if (c) return c;
+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;
     }
   }
   return null;
 }
-function H(t) {
-  const i = [], u = (c) => {
-    c.children && c.children.forEach((a) => {
-      i.push(a.key), u(a);
+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);
     });
   };
-  return u(t), i;
+  return l(t), u;
 }
-function le({
+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;
+    }
+  }
+  return null;
+}
+function Ye({
   node: t,
-  level: i,
+  level: a,
   expanded: u,
-  selected: c,
-  checked: a,
-  indeterminate: m,
-  treeCheckable: w,
-  onToggle: M,
-  onSelect: E,
-  onCheck: x,
-  renderChildren: K
+  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
 }) {
-  const N = t.children && t.children.length > 0, p = t.isLeaf ?? !N, C = (f) => {
-    f.stopPropagation(), p || M(t.key);
-  }, B = () => {
-    t.disabled || (w ? x(t.key, t) : E(t.key, t));
-  }, P = (f) => {
-    f.stopPropagation(), t.disabled || x(t.key, t);
-  };
-  return /* @__PURE__ */ v("div", { className: "tree-select-node", children: [
-    /* @__PURE__ */ v(
-      "div",
-      {
-        className: [
-          "flex items-center py-1.5 px-2 cursor-pointer hover:bg-base-200 transition-colors",
-          (c || a) && "bg-primary/10 text-primary",
-          t.disabled && "opacity-50 cursor-not-allowed"
-        ].filter(Boolean).join(" "),
-        style: { paddingLeft: `${i * 16 + 8}px` },
-        onClick: B,
-        children: [
-          /* @__PURE__ */ o(
-            "span",
-            {
-              className: [
-                "w-4 h-4 flex items-center justify-center flex-shrink-0 mr-1",
-                !p && "cursor-pointer"
-              ].filter(Boolean).join(" "),
-              onClick: C,
-              children: !p && /* @__PURE__ */ o(
-                "svg",
+  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(
+    "svg",
+    {
+      className: `w-3 h-3 transition-transform ${u ? "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" })
+    }
+  );
+  return /* @__PURE__ */ F(
+    "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,
+      children: [
+        /* @__PURE__ */ F(
+          "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"
+            ].filter(Boolean).join(" "),
+            style: { paddingLeft: `${a * 16 + 8}px` },
+            onClick: X,
+            onKeyDown: G,
+            tabIndex: -1,
+            children: [
+              /* @__PURE__ */ b(
+                "span",
                 {
-                  className: `w-3 h-3 transition-transform ${u ? "rotate-90" : ""}`,
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                  className: [
+                    "w-4 h-4 flex items-center justify-center flex-shrink-0 mr-1",
+                    !L && "cursor-pointer"
+                  ].filter(Boolean).join(" "),
+                  onClick: R,
+                  "aria-hidden": "true",
+                  children: !L && s()
                 }
-              )
+              ),
+              y && /* @__PURE__ */ b("span", { className: "mr-2 flex-shrink-0", onClick: Y, children: /* @__PURE__ */ b(
+                "input",
+                {
+                  type: "checkbox",
+                  className: "checkbox checkbox-sm checkbox-primary",
+                  checked: h,
+                  ref: (k) => {
+                    k && (k.indeterminate = p);
+                  },
+                  disabled: t.disabled,
+                  onChange: X,
+                  "aria-label": typeof q == "string" ? q : void 0,
+                  tabIndex: -1
+                }
+              ) }),
+              /* @__PURE__ */ b("span", { className: "flex-1 truncate select-none text-sm", children: q })
+            ]
+          }
+        ),
+        W && u && /* @__PURE__ */ b("div", { role: "group", children: U(C, a + 1) })
+      ]
+    }
+  );
+}
+const Ze = {
+  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 = {
+  primary: "border-primary focus-within:border-primary",
+  secondary: "border-secondary focus-within:border-secondary",
+  accent: "border-accent focus-within:border-accent",
+  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 = {
+  error: "border-error focus-within:border-error",
+  warning: "border-warning focus-within:border-warning"
+}, en = Je(
+  ({
+    treeData: t,
+    value: a,
+    defaultValue: u = [],
+    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,
+    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);
+        });
+      };
+      return r(t), e;
+    }, [t, $, s]), A = P(
+      (e) => {
+        k === void 0 && Ce(e), he?.(e);
+      },
+      [k, he]
+    );
+    ue(() => {
+      const e = (r) => {
+        oe.current && !oe.current.contains(r.target) && (A(!1), E === void 0 && N(""));
+      };
+      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);
+      });
+      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
+        } : null;
+      }).filter(Boolean);
+      return o(t);
+    }, [t, J, z, s]), te = P(
+      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));
+            try {
+              await G(r);
+            } finally {
+              ve((i) => {
+                const c = new Set(i);
+                return c.delete(e), c;
+              });
             }
-          ),
-          w && /* @__PURE__ */ o("span", { className: "mr-2 flex-shrink-0", onClick: P, children: /* @__PURE__ */ o(
-            "input",
-            {
-              type: "checkbox",
-              className: "checkbox checkbox-sm checkbox-primary",
-              checked: a,
-              ref: (f) => {
-                f && (f.indeterminate = m);
-              },
-              disabled: t.disabled,
-              onChange: () => {
-              }
+          }
+        }
+        const o = $.includes(e) ? $.filter((n) => n !== e) : [...$, e];
+        U === void 0 && Oe(o), C?.(o);
+      },
+      [$, 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;
+        });
+        l?.(h ? o : o[0] || "", n);
+      },
+      [
+        f,
+        h,
+        a,
+        l,
+        t,
+        A,
+        E,
+        s
+      ]
+    ), ae = P(
+      (e, r) => {
+        const o = f.includes(e);
+        let n = [...f];
+        if (y)
+          o ? n = n.filter((c) => c !== e) : n.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);
+          }));
+        }
+        a === void 0 && ne(n);
+        const i = n.map((c) => {
+          const g = I(t, c, s);
+          return g ? d(g, "title", s) : c;
+        });
+        l?.(n, i);
+      },
+      [f, a, l, t, y, s]
+    ), 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;
+      });
+      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)
+        switch (e.key) {
+          case "Enter":
+          case " ":
+            if (!v)
+              e.preventDefault(), A(!0);
+            else if (x) {
+              e.preventDefault();
+              const r = I(t, x, s);
+              r && !r.disabled && (p ? ae(x, r) : le(x, r));
             }
-          ) }),
-          /* @__PURE__ */ o("span", { className: "flex-1 truncate select-none text-sm", children: t.title })
-        ]
-      }
-    ),
-    N && u && K(t.children, i + 1)
-  ] });
-}
-function ae({
-  treeData: t,
-  value: i,
-  defaultValue: u = [],
-  onChange: c,
-  multiple: a = !1,
-  treeCheckable: m = !1,
-  showSearch: w = !1,
-  placeholder: M = "Please select",
-  allowClear: E = !0,
-  disabled: x = !1,
-  treeDefaultExpandAll: K = !1,
-  treeDefaultExpandedKeys: N = [],
-  treeExpandedKeys: p,
-  onTreeExpand: C,
-  size: B = "md",
-  className: P = "",
-  ...f
-}) {
-  const [y, T] = j(!1), [L, V] = j(""), W = G(null), Q = G(null), A = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], U = A(u), [X, S] = j(U), d = i !== void 0 ? A(i) : X, Y = z(() => K ? ie(t) : N, []), [Z, D] = j(Y), g = p ?? Z;
-  re(() => {
-    const e = (s) => {
-      W.current && !W.current.contains(s.target) && (T(!1), V(""));
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []);
-  const I = z(() => {
-    if (!L) return t;
-    const e = J(t), s = /* @__PURE__ */ new Set();
-    e.forEach(({ node: r }) => {
-      (typeof r.title == "string" ? r.title : String(r.title)).toLowerCase().includes(L.toLowerCase()) && s.add(r.key);
-    });
-    const n = (r) => r.map((l) => {
-      const $ = l.children && n(l.children).length > 0;
-      return s.has(l.key) || $ ? {
-        ...l,
-        children: l.children ? n(l.children) : void 0
-      } : null;
-    }).filter(Boolean);
-    return n(t);
-  }, [t, L]), O = b(
-    (e) => {
-      const s = g.includes(e) ? g.filter((n) => n !== e) : [...g, e];
-      p === void 0 && D(s), C?.(s);
-    },
-    [g, p, C]
-  ), R = b(
-    (e, s) => {
-      let n;
-      a ? d.includes(e) ? n = d.filter((l) => l !== e) : n = [...d, e] : (n = [e], T(!1), V("")), i === void 0 && S(n);
-      const r = n.map((l) => k(t, l)?.title || l);
-      c?.(a ? n : n[0] || "", r);
-    },
-    [d, a, i, c, t]
-  ), F = b(
-    (e, s) => {
-      const n = d.includes(e);
-      let r = [...d];
-      const l = H(s);
-      n ? r = r.filter((h) => h !== e && !l.includes(h)) : (r.push(e), l.forEach((h) => {
-        r.includes(h) || r.push(h);
-      })), i === void 0 && S(r);
-      const $ = r.map((h) => k(t, h)?.title || h);
-      c?.(r, $);
-    },
-    [d, i, c, t]
-  ), ee = (e) => {
-    e.stopPropagation();
-    const s = [];
-    i === void 0 && S(s), c?.(a ? s : "", []);
-  }, te = (e, s) => {
-    s.stopPropagation();
-    const n = d.filter((l) => l !== e);
-    i === void 0 && S(n);
-    const r = n.map((l) => k(t, l)?.title || l);
-    c?.(a ? n : n[0] || "", r);
-  }, _ = b(
-    (e) => {
-      if (!e.children || e.children.length === 0)
-        return { checked: d.includes(e.key), indeterminate: !1 };
-      const s = H(e), n = s.filter((r) => d.includes(r));
-      return n.length === 0 ? { checked: d.includes(e.key), indeterminate: !1 } : n.length === s.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
-    },
-    [d]
-  ), q = b(
-    (e, s) => e.map((n) => {
-      const { checked: r, indeterminate: l } = _(n);
-      return /* @__PURE__ */ o(
-        le,
-        {
-          node: n,
-          level: s,
-          expanded: g.includes(n.key),
-          selected: d.includes(n.key),
-          checked: r,
-          indeterminate: l,
-          treeCheckable: m,
-          onToggle: O,
-          onSelect: R,
-          onCheck: F,
-          renderChildren: q
-        },
-        n.key
-      );
-    }),
-    [g, d, m, O, R, F, _]
-  ), ne = z(() => d.length === 0 ? null : a || m ? d.map((s) => {
-    const n = k(t, s);
-    return /* @__PURE__ */ v(
-      "span",
-      {
-        className: "inline-flex items-center gap-1 px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1",
-        children: [
-          n?.title || s,
-          /* @__PURE__ */ o(
-            "button",
-            {
-              type: "button",
-              className: "hover:text-error",
-              onClick: (r) => te(s, r),
-              children: /* @__PURE__ */ o("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            break;
+          case "Escape":
+            e.preventDefault(), A(!1), E === void 0 && N(""), ee.current?.focus();
+            break;
+          case "ArrowDown":
+            if (e.preventDefault(), !v)
+              A(!0);
+            else {
+              const r = m.findIndex((n) => n.key === x), o = r < m.length - 1 ? r + 1 : 0;
+              j(m[o]?.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);
+            }
+            break;
+          case "ArrowRight":
+            if (v && x) {
+              e.preventDefault();
+              const r = I(t, x, s), o = r ? d(r, "children", s) : void 0;
+              o && o.length > 0 && !$.includes(x) && te(x);
+            }
+            break;
+          case "ArrowLeft":
+            if (v && x)
+              if (e.preventDefault(), $.includes(x))
+                te(x);
+              else {
+                const r = fe(t, x, s);
+                r && r.length > 0 && j(r[r.length - 1]);
+              }
+            break;
+          case "Home":
+            v && (e.preventDefault(), j(m[0]?.key || null));
+            break;
+          case "End":
+            v && (e.preventDefault(), j(m[m.length - 1]?.key || null));
+            break;
+        }
+    }, ke = P(
+      (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 };
       },
+      [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,
+          {
+            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
+          },
+          n
+        );
+      }),
+      [
+        $,
+        f,
+        p,
+        Y,
+        x,
+        ye,
+        K,
+        D,
+        s,
+        pe,
+        te,
+        le,
+        ae,
+        ke
+      ]
+    ), 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(
+            "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}`,
+              children: [
+                re,
+                /* @__PURE__ */ b(
+                  "button",
+                  {
+                    type: "button",
+                    className: "hover:text-error",
+                    onClick: (Ge) => Ve(g, Ge),
+                    "aria-label": `Remove ${typeof re == "string" ? re : g}`,
+                    children: /* @__PURE__ */ b(
+                      "svg",
+                      {
+                        className: "w-3 h-3",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        stroke: "currentColor",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ b(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: 2,
+                            d: "M6 18L18 6M6 6l12 12"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            g
+          );
+        });
+        if (i > 0) {
+          const g = e.slice(L), _ = typeof R == "function" ? R(g) : R || `+${i} more`;
+          c.push(
+            /* @__PURE__ */ b(
+              "span",
+              {
+                className: "inline-flex items-center px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1",
+                children: _
+              },
+              "__more__"
+            )
+          );
+        }
+        return c;
+      }
+      const r = I(t, f[0], s);
+      return r ? d(r, "title", s) : f[0];
+    }, [
+      f,
+      t,
+      h,
+      p,
+      w,
+      L,
+      R,
+      K,
       s
-    );
-  }) : k(t, d[0])?.title || d[0], [d, t, a, m]), se = {
-    xs: "min-h-6 text-xs",
-    sm: "min-h-8 text-sm",
-    md: "min-h-10 text-base",
-    lg: "min-h-12 text-lg"
-  };
-  return /* @__PURE__ */ v("div", { ref: W, className: `relative ${P}`, "data-state": y ? "open" : "closed", ...f, children: [
-    /* @__PURE__ */ v(
+    ]), 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(
+      "div",
+      {
+        className: "px-4 py-2 text-base-content/50 text-sm text-center",
+        "data-testid": `${K}-empty`,
+        children: Se
+      }
+    ) });
+    return /* @__PURE__ */ F(
       "div",
       {
-        className: [
-          "input input-bordered flex items-center gap-2 cursor-pointer flex-wrap",
-          se[B],
-          x && "input-disabled opacity-50 cursor-not-allowed",
-          y && "input-primary"
-        ].filter(Boolean).join(" "),
-        onClick: () => !x && T(!y),
+        ref: (e) => {
+          oe.current = e, typeof Z == "function" ? Z(e) : Z && (Z.current = e);
+        },
+        className: `relative ${je}`,
+        "data-testid": K,
+        "data-state": v ? "open" : "closed",
+        "data-disabled": S || void 0,
+        onKeyDown: Ue,
+        ..._e,
         children: [
-          /* @__PURE__ */ o("div", { className: "flex-1 flex flex-wrap items-center gap-1 min-w-0", children: ne || /* @__PURE__ */ o("span", { className: "text-base-content/50", children: M }) }),
-          E && d.length > 0 && !x && /* @__PURE__ */ o(
-            "button",
+          /* @__PURE__ */ F(
+            "div",
             {
-              type: "button",
-              className: "hover:text-error flex-shrink-0",
-              onClick: ee,
-              children: /* @__PURE__ */ o("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+              ref: ee,
+              role: "combobox",
+              "aria-expanded": v,
+              "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,
+              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"
+              ].filter(Boolean).join(" "),
+              onClick: () => !S && A(!v),
+              "data-testid": `${K}-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(
+                  "button",
+                  {
+                    type: "button",
+                    className: "hover:text-error flex-shrink-0",
+                    onClick: ze,
+                    "aria-label": "Clear selection",
+                    "data-testid": `${K}-clear`,
+                    children: /* @__PURE__ */ b(
+                      "svg",
+                      {
+                        className: "w-4 h-4",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        stroke: "currentColor",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ b(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: 2,
+                            d: "M6 18L18 6M6 6l12 12"
+                          }
+                        )
+                      }
+                    )
+                  }
+                ),
+                Ee || /* @__PURE__ */ b(
+                  "svg",
+                  {
+                    className: `w-4 h-4 flex-shrink-0 transition-transform ${v ? "rotate-180" : ""}`,
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ b(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M19 9l-7 7-7-7"
+                      }
+                    )
+                  }
+                )
+              ]
             }
           ),
-          /* @__PURE__ */ o(
-            "svg",
+          v && /* @__PURE__ */ F(
+            "div",
             {
-              className: `w-4 h-4 flex-shrink-0 transition-transform ${y ? "rotate-180" : ""}`,
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              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`,
+              children: [
+                O && /* @__PURE__ */ b("div", { className: "p-2 border-b border-base-300", children: /* @__PURE__ */ b(
+                  "input",
+                  {
+                    ref: ce,
+                    type: "text",
+                    className: "input input-bordered input-sm w-full",
+                    placeholder: "Search...",
+                    value: J,
+                    onChange: Te,
+                    onClick: (e) => e.stopPropagation(),
+                    "aria-label": "Search tree options",
+                    "data-testid": `${K}-search`
+                  }
+                ) }),
+                be ? be(Ke) : Ke
+              ]
             }
           )
         ]
       }
-    ),
-    y && /* @__PURE__ */ v("div", { className: "absolute z-50 mt-1 w-full bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-64 overflow-auto", children: [
-      w && /* @__PURE__ */ o("div", { className: "p-2 border-b border-base-300", children: /* @__PURE__ */ o(
-        "input",
-        {
-          ref: Q,
-          type: "text",
-          className: "input input-bordered input-sm w-full",
-          placeholder: "Search...",
-          value: L,
-          onChange: (e) => V(e.target.value),
-          onClick: (e) => e.stopPropagation(),
-          autoFocus: !0
-        }
-      ) }),
-      /* @__PURE__ */ o("div", { className: "py-1", children: I.length > 0 ? q(I, 0) : /* @__PURE__ */ o("div", { className: "px-4 py-2 text-base-content/50 text-sm text-center", children: "No results found" }) })
-    ] })
-  ] });
-}
+    );
+  }
+);
+en.displayName = "TreeSelect";
 export {
-  ae as TreeSelect
+  en as TreeSelect
 };
 //# sourceMappingURL=index94.js.map