@aster-ui/prefixed 0.12.50

package/dist/components/TreeSelect.js

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