asterui 0.12.48 → 0.12.50

package/dist/components/Cascader.js

@@ -1,156 +1,157 @@
-import { jsxs as x, jsx as l } from "react/jsx-runtime";
-import { forwardRef as Je, useState as k, useCallback as R, useRef as q, useId as Qe, useMemo as G, useEffect as J } from "react";
-function xe(L, b, N) {
-  return L[b] ?? L[N];
+import { jsxs as $, jsx as l } from "react/jsx-runtime";
+import { forwardRef as et, useState as x, useCallback as B, useRef as T, useId as tt, useMemo as U, useEffect as q } from "react";
+const nt = "input", st = "input-xs", rt = "input-sm", ot = "input-md", at = "input-lg", lt = "input-disabled", it = "input-primary", ct = "input-error", dt = "input-warning", $e = "badge", xe = "badge-sm", ke = "btn", ye = "btn-ghost", je = "btn-xs", Le = "btn-circle", ut = "loading", ft = "loading-spinner", ht = "loading-xs";
+function Ce(C, p, N) {
+  return C[p] ?? C[N];
 }
-const Xe = Je(({
-  options: L,
-  value: b,
+const pt = et(({
+  options: C,
+  value: p,
   defaultValue: N,
   onChange: v,
-  placeholder: Q = "Please select",
-  disabled: y = !1,
-  allowClear: ke = !0,
-  expandTrigger: ye = "click",
-  changeOnSelect: I = !1,
-  displayRender: X,
+  placeholder: J = "Please select",
+  disabled: k = !1,
+  allowClear: Ne = !0,
+  expandTrigger: Pe = "click",
+  changeOnSelect: z = !1,
+  displayRender: Q,
   size: Y = "md",
   color: Z,
   status: _,
   showSearch: u = !1,
-  notFoundContent: je = "No results found",
+  notFoundContent: Oe = "No results found",
   loadData: ee,
-  fieldNames: K,
+  fieldNames: H,
   open: te,
   onDropdownVisibleChange: ne,
-  popupClassName: $e = "",
-  dropdownRender: re,
+  popupClassName: De = "",
+  dropdownRender: se,
   multiple: w = !1,
-  maxTagCount: A,
-  className: Ce = "",
-  "aria-label": Le,
-  "data-testid": Ne,
-  ...Pe
+  maxTagCount: F,
+  className: Ie = "",
+  "aria-label": Me,
+  "data-testid": Se,
+  ...Be
 }, E) => {
-  const P = Ne ?? "cascader", W = te !== void 0, [Oe, De] = k(!1), i = W ? te : Oe, p = R((e) => {
-    W || De(e), ne?.(e);
-  }, [W, ne]), [j, O] = k(b ?? N ?? []), [f, D] = k(
-    b ? [b] : N ? [N] : []
-  ), [se, $] = k([]), [d, h] = k({ column: 0, row: 0 }), [M, S] = k(""), [oe, ae] = k(/* @__PURE__ */ new Set()), V = q(null), le = q(null), Me = q(null), z = Qe(), Se = `${z}-input`, ie = `${z}-listbox`, ce = K?.label ?? "label", de = K?.value ?? "value", T = K?.children ?? "children", U = R((e) => ({
-    value: xe(e, de, "value"),
-    label: xe(e, ce, "label"),
+  const P = Se ?? "cascader", K = te !== void 0, [Fe, Ee] = x(!1), i = K ? te : Fe, m = B((e) => {
+    K || Ee(e), ne?.(e);
+  }, [K, ne]), [y, O] = x(p ?? N ?? []), [f, D] = x(
+    p ? [p] : N ? [N] : []
+  ), [re, j] = x([]), [d, h] = x({ column: 0, row: 0 }), [I, M] = x(""), [oe, ae] = x(/* @__PURE__ */ new Set()), V = T(null), le = T(null), Re = T(null), R = tt(), Ae = `${R}-input`, ie = `${R}-listbox`, ce = H?.label ?? "label", de = H?.value ?? "value", X = H?.children ?? "children", G = B((e) => ({
+    value: Ce(e, de, "value"),
+    label: Ce(e, ce, "label"),
     disabled: e.disabled,
     isLeaf: e.isLeaf,
-    children: e[T] ? e[T].map(U) : void 0
-  }), [ce, de, T]), m = G(
-    () => L.map((e) => U(e)),
-    [L, U]
+    children: e[X] ? e[X].map(G) : void 0
+  }), [ce, de, X]), b = U(
+    () => C.map((e) => G(e)),
+    [C, G]
   );
-  J(() => {
-    b !== void 0 && (O(b), w && D([b]));
-  }, [b, w]), J(() => {
+  q(() => {
+    p !== void 0 && (O(p), w && D([p]));
+  }, [p, w]), q(() => {
     const e = (t) => {
-      V.current && !V.current.contains(t.target) && (p(!1), $([]), S(""));
+      V.current && !V.current.contains(t.target) && (m(!1), j([]), M(""));
     };
     if (i)
       return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [i, p]);
-  const ue = R((e, t) => {
-    if (e === 0) return m;
-    let n = m;
-    for (let r = 0; r < e; r++) {
-      const s = n.find((o) => o.value === t[r]);
-      if (!s?.children) return [];
-      n = s.children;
+  }, [i, m]);
+  const ue = B((e, t) => {
+    if (e === 0) return b;
+    let n = b;
+    for (let s = 0; s < e; s++) {
+      const r = n.find((o) => o.value === t[s]);
+      if (!r?.children) return [];
+      n = r.children;
     }
     return n;
-  }, [m]), B = R((e) => {
+  }, [b]), A = B((e) => {
     const t = [];
-    let n = m;
-    for (const r of e) {
-      const s = n.find((o) => o.value === r);
-      if (!s) break;
-      t.push(s), n = s.children || [];
+    let n = b;
+    for (const s of e) {
+      const r = n.find((o) => o.value === s);
+      if (!r) break;
+      t.push(r), n = r.children || [];
     }
     return t;
-  }, [m]), fe = R(() => {
-    const e = [], t = (n, r, s) => {
+  }, [b]), fe = B(() => {
+    const e = [], t = (n, s, r) => {
       for (const o of n) {
-        const a = [...r, o], g = [...s, o.value];
-        !o.children || o.children.length === 0 ? e.push({ path: a, values: g }) : (I && e.push({ path: a, values: g }), t(o.children, a, g));
+        const a = [...s, o], g = [...r, o.value];
+        !o.children || o.children.length === 0 ? e.push({ path: a, values: g }) : (z && e.push({ path: a, values: g }), t(o.children, a, g));
       }
     };
-    return t(m, [], []), e;
-  }, [m, I]), c = G(() => {
-    if (!u || !M.trim()) return null;
-    const e = fe(), t = M.toLowerCase(), n = typeof u == "object" && u.filter ? u.filter : (r, s) => s.some(
-      (o) => String(o.label).toLowerCase().includes(r.toLowerCase())
+    return t(b, [], []), e;
+  }, [b, z]), c = U(() => {
+    if (!u || !I.trim()) return null;
+    const e = fe(), t = I.toLowerCase(), n = typeof u == "object" && u.filter ? u.filter : (s, r) => r.some(
+      (o) => String(o.label).toLowerCase().includes(s.toLowerCase())
     );
-    return e.filter(({ path: r }) => n(t, r));
-  }, [u, M, fe]), C = i && se.length > 0 ? se : j, F = G(() => {
+    return e.filter(({ path: s }) => n(t, s));
+  }, [u, I, fe]), L = i && re.length > 0 ? re : y, S = U(() => {
     if (c) return [];
     const e = [];
-    e.push(m);
-    for (let t = 0; t < C.length; t++) {
-      const n = ue(t + 1, C);
+    e.push(b);
+    for (let t = 0; t < L.length; t++) {
+      const n = ue(t + 1, L);
       n.length > 0 && e.push(n);
     }
     return e;
-  }, [c, m, C, ue]), he = async (e, t) => {
+  }, [c, b, L, ue]), he = async (e, t) => {
     if (e.disabled) return;
-    const n = [...C.slice(0, t), e.value], r = B(n);
+    const n = [...L.slice(0, t), e.value], s = A(n);
     if (ee && !e.children && !e.isLeaf) {
-      const s = e.value;
-      if (!oe.has(s)) {
-        ae((o) => new Set(o).add(s));
+      const r = e.value;
+      if (!oe.has(r)) {
+        ae((o) => new Set(o).add(r));
         try {
-          await ee(r);
+          await ee(s);
         } finally {
           ae((o) => {
             const a = new Set(o);
-            return a.delete(s), a;
+            return a.delete(r), a;
           });
         }
       }
-      $(n);
+      j(n);
       return;
     }
     if (e.children && e.children.length > 0)
-      $(n), I && (O(n), v?.(n, r));
+      j(n), z && (O(n), v?.(n, s));
     else if (w) {
-      const s = n.join("/"), o = f.some((g) => g.join("/") === s);
+      const r = n.join("/"), o = f.some((g) => g.join("/") === r);
       let a;
-      o ? a = f.filter((g) => g.join("/") !== s) : a = [...f, n], D(a);
+      o ? a = f.filter((g) => g.join("/") !== r) : a = [...f, n], D(a);
     } else
-      O(n), p(!1), $([]), S(""), v?.(n, r);
-  }, be = (e, t) => {
+      O(n), m(!1), j([]), M(""), v?.(n, s);
+  }, pe = (e, t) => {
     if (w) {
-      const n = e.join("/"), r = f.some((o) => o.join("/") === n);
-      let s;
-      r ? s = f.filter((o) => o.join("/") !== n) : s = [...f, e], D(s);
+      const n = e.join("/"), s = f.some((o) => o.join("/") === n);
+      let r;
+      s ? r = f.filter((o) => o.join("/") !== n) : r = [...f, e], D(r);
     } else
-      O(e), p(!1), S(""), v?.(e, t);
-  }, Fe = (e, t) => {
-    if (ye !== "hover" || e.disabled) return;
-    const n = [...C.slice(0, t), e.value];
-    $(n);
-  }, Re = (e) => {
+      O(e), m(!1), M(""), v?.(e, t);
+  }, We = (e, t) => {
+    if (Pe !== "hover" || e.disabled) return;
+    const n = [...L.slice(0, t), e.value];
+    j(n);
+  }, ze = (e) => {
     e.stopPropagation(), w ? (D([]), v?.([], [])) : (O([]), v?.([], []));
-  }, Ae = (e, t) => {
+  }, He = (e, t) => {
     t.stopPropagation();
-    const n = e.join("/"), r = f.filter((s) => s.join("/") !== n);
-    D(r), r.length > 0 ? v?.(r[r.length - 1], B(r[r.length - 1])) : v?.([], []);
-  }, Ee = (e) => {
-    if (!y)
+    const n = e.join("/"), s = f.filter((r) => r.join("/") !== n);
+    D(s), s.length > 0 ? v?.(s[s.length - 1], A(s[s.length - 1])) : v?.([], []);
+  }, Ke = (e) => {
+    if (!k)
       switch (e.key) {
         case "Enter":
           if (e.preventDefault(), !i)
-            p(!0);
+            m(!0);
           else if (c && c.length > 0) {
             const { values: t, path: n } = c[d.row] || {};
-            t && be(t, n);
+            t && pe(t, n);
           } else {
-            const t = F[d.column];
+            const t = S[d.column];
             if (t) {
               const n = t[d.row];
               n && he(n, d.column);
@@ -158,21 +159,21 @@ const Xe = Je(({
           }
           break;
         case " ":
-          u || (e.preventDefault(), p(!i));
+          u || (e.preventDefault(), m(!i));
           break;
         case "Escape":
-          e.preventDefault(), p(!1), $([]), S("");
+          e.preventDefault(), m(!1), j([]), M("");
           break;
         case "ArrowDown":
           if (e.preventDefault(), !i)
-            p(!0);
+            m(!0);
           else if (c)
             h((t) => ({
               ...t,
               row: Math.min(t.row + 1, c.length - 1)
             }));
           else {
-            const t = F[d.column];
+            const t = S[d.column];
             t && h((n) => ({
               ...n,
               row: Math.min(n.row + 1, t.length - 1)
@@ -189,7 +190,7 @@ const Xe = Je(({
           }));
           break;
         case "ArrowRight":
-          e.preventDefault(), !c && d.column < F.length - 1 && h((t) => ({
+          e.preventDefault(), !c && d.column < S.length - 1 && h((t) => ({
             column: t.column + 1,
             row: 0
           }));
@@ -207,26 +208,26 @@ const Xe = Je(({
           if (e.preventDefault(), c)
             h((t) => ({ ...t, row: c.length - 1 }));
           else {
-            const t = F[d.column];
+            const t = S[d.column];
             t && h((n) => ({ ...n, row: t.length - 1 }));
           }
           break;
       }
   };
-  J(() => {
+  q(() => {
     i && h({ column: 0, row: 0 });
   }, [i]);
-  const pe = B(j), me = pe.map((e) => e.label), ge = X ? X(me, pe) : me.join(" / "), ze = {
-    xs: "input-xs text-xs min-h-6",
-    sm: "input-sm text-sm min-h-8",
-    md: "input-md min-h-10",
-    lg: "input-lg text-lg min-h-12"
-  }, Be = {
+  const me = A(y), be = me.map((e) => e.label), ge = Q ? Q(be, me) : be.join(" / "), Ve = {
+    xs: `${st} text-xs min-h-6`,
+    sm: `${rt} text-sm min-h-8`,
+    md: `${ot} min-h-10`,
+    lg: `${at} text-lg min-h-12`
+  }, Xe = {
     xs: "text-xs",
     sm: "text-sm",
     md: "text-base",
     lg: "text-lg"
-  }, He = {
+  }, Ge = {
     primary: "border-primary focus:border-primary",
     secondary: "border-secondary focus:border-secondary",
     accent: "border-accent focus:border-accent",
@@ -234,146 +235,146 @@ const Xe = Je(({
     success: "border-success focus:border-success",
     warning: "border-warning focus:border-warning",
     error: "border-error focus:border-error"
-  }, Ie = () => _ === "error" ? "input-error" : _ === "warning" ? "input-warning" : Z && i ? He[Z] : i ? "input-primary" : "", we = (e, t) => `${z}-option-${e}-${t}`, ve = (e) => `${z}-search-option-${e}`, Ke = () => {
-    const e = f, t = A === "responsive" || typeof A == "number" ? e.slice(0, typeof A == "number" ? A : 3) : e, n = e.length - t.length;
-    return /* @__PURE__ */ x("div", { className: "flex flex-wrap gap-1 flex-1", children: [
-      t.map((r) => {
-        const o = B(r).map((a) => a.label).join(" / ");
-        return /* @__PURE__ */ x(
+  }, Te = () => _ === "error" ? ct : _ === "warning" ? dt : Z && i ? Ge[Z] : i ? it : "", we = (e, t) => `${R}-option-${e}-${t}`, ve = (e) => `${R}-search-option-${e}`, Ue = () => {
+    const e = f, t = F === "responsive" || typeof F == "number" ? e.slice(0, typeof F == "number" ? F : 3) : e, n = e.length - t.length;
+    return /* @__PURE__ */ $("div", { className: "flex flex-wrap gap-1 flex-1", children: [
+      t.map((s) => {
+        const o = A(s).map((a) => a.label).join(" / ");
+        return /* @__PURE__ */ $(
           "span",
           {
-            className: "badge badge-sm gap-1",
+            className: `${$e} ${xe} gap-1`,
             children: [
               o,
               /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
-                  className: "btn btn-ghost btn-xs btn-circle w-3 h-3 min-h-0",
-                  onClick: (a) => Ae(r, a),
+                  className: `${ke} ${ye} ${je} ${Le} w-3 h-3 min-h-0`,
+                  onClick: (a) => He(s, a),
                   "aria-label": `Remove ${o}`,
                   children: /* @__PURE__ */ l("svg", { className: "w-2 h-2", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
                 }
               )
             ]
           },
-          r.join("/")
+          s.join("/")
         );
       }),
-      n > 0 && /* @__PURE__ */ x("span", { className: "badge badge-sm", children: [
+      n > 0 && /* @__PURE__ */ $("span", { className: `${$e} ${xe}`, children: [
         "+",
         n
       ] })
     ] });
-  }, We = () => {
+  }, qe = () => {
     if (!c) return null;
     if (c.length === 0)
-      return /* @__PURE__ */ l("div", { className: "p-4 text-center text-base-content/50", children: je });
+      return /* @__PURE__ */ l("div", { className: "p-4 text-center text-base-content/50", children: Oe });
     const e = typeof u == "object" && u.render ? u.render : null;
-    return /* @__PURE__ */ l("ul", { role: "listbox", className: "max-h-[200px] overflow-y-auto py-1", children: c.map(({ path: t, values: n }, r) => {
-      const s = w ? f.some((a) => a.join("/") === n.join("/")) : j.join("/") === n.join("/"), o = d.row === r;
+    return /* @__PURE__ */ l("ul", { role: "listbox", className: "max-h-[200px] overflow-y-auto py-1", children: c.map(({ path: t, values: n }, s) => {
+      const r = w ? f.some((a) => a.join("/") === n.join("/")) : y.join("/") === n.join("/"), o = d.row === s;
       return /* @__PURE__ */ l(
         "li",
         {
-          id: ve(r),
+          id: ve(s),
           role: "option",
-          "aria-selected": s,
+          "aria-selected": r,
           "data-testid": `${P}-search-option-${n.join("-")}`,
-          "data-state": s ? "selected" : void 0,
-          className: `px-3 py-2 cursor-pointer ${s ? "bg-primary text-primary-content" : o ? "bg-base-200" : "hover:bg-base-200"}`,
-          onClick: () => be(n, t),
-          children: e ? e(M, t) : t.map((a) => a.label).join(" / ")
+          "data-state": r ? "selected" : void 0,
+          className: `px-3 py-2 cursor-pointer ${r ? "bg-primary text-primary-content" : o ? "bg-base-200" : "hover:bg-base-200"}`,
+          onClick: () => pe(n, t),
+          children: e ? e(I, t) : t.map((a) => a.label).join(" / ")
         },
         n.join("/")
       );
     }) });
-  }, Ve = () => {
-    const e = c ? We() : /* @__PURE__ */ l("div", { className: "flex", children: F.map((t, n) => /* @__PURE__ */ l(
+  }, Je = () => {
+    const e = c ? qe() : /* @__PURE__ */ l("div", { className: "flex", children: S.map((t, n) => /* @__PURE__ */ l(
       "ul",
       {
         role: "listbox",
         "aria-label": `Level ${n + 1} options`,
         className: `min-w-[120px] max-h-[200px] overflow-y-auto py-1 ${n > 0 ? "border-l border-base-300" : ""}`,
-        children: t.map((r, s) => {
-          const o = j[n] === r.value, a = C[n] === r.value, g = r.children && r.children.length > 0, Ue = oe.has(r.value), qe = d.column === n && d.row === s, Ge = we(n, s);
-          return /* @__PURE__ */ x(
+        children: t.map((s, r) => {
+          const o = y[n] === s.value, a = L[n] === s.value, g = s.children && s.children.length > 0, Ye = oe.has(s.value), Ze = d.column === n && d.row === r, _e = we(n, r);
+          return /* @__PURE__ */ $(
             "li",
             {
-              id: Ge,
+              id: _e,
               role: "option",
               "aria-selected": o,
-              "aria-disabled": r.disabled,
-              "data-testid": `${P}-option-${r.value}`,
+              "aria-disabled": s.disabled,
+              "data-testid": `${P}-option-${s.value}`,
               "data-state": o ? "selected" : a ? "hovered" : void 0,
-              "data-value": r.value,
-              className: `px-3 py-2 cursor-pointer flex items-center justify-between gap-2 ${r.disabled ? "text-base-content/30 cursor-not-allowed" : o ? "bg-primary text-primary-content" : qe || a ? "bg-base-200" : "hover:bg-base-200"}`,
-              onClick: () => he(r, n),
-              onMouseEnter: () => Fe(r, n),
+              "data-value": s.value,
+              className: `px-3 py-2 cursor-pointer flex items-center justify-between gap-2 ${s.disabled ? "text-base-content/30 cursor-not-allowed" : o ? "bg-primary text-primary-content" : Ze || a ? "bg-base-200" : "hover:bg-base-200"}`,
+              onClick: () => he(s, n),
+              onMouseEnter: () => We(s, n),
               children: [
-                /* @__PURE__ */ l("span", { children: r.label }),
-                Ue ? /* @__PURE__ */ l("span", { className: "loading loading-spinner loading-xs" }) : g ? /* @__PURE__ */ l("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) : null
+                /* @__PURE__ */ l("span", { children: s.label }),
+                Ye ? /* @__PURE__ */ l("span", { className: `${ut} ${ft} ${ht}` }) : g ? /* @__PURE__ */ l("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) : null
               ]
             },
-            r.value
+            s.value
           );
         })
       },
       n
     )) });
-    return re ? re(e) : e;
-  }, Te = () => {
+    return se ? se(e) : e;
+  }, Qe = () => {
     if (i)
       return c ? ve(d.row) : we(d.column, d.row);
-  }, H = w ? f.length > 0 : j.length > 0;
-  return /* @__PURE__ */ x(
+  }, W = w ? f.length > 0 : y.length > 0;
+  return /* @__PURE__ */ $(
     "div",
     {
       ref: (e) => {
         V.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
       },
-      className: `relative inline-block w-full ${Ce}`,
+      className: `relative inline-block w-full ${Ie}`,
       "data-testid": P,
       "data-state": i ? "open" : "closed",
-      ...Pe,
+      ...Be,
       children: [
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ $(
           "div",
           {
-            id: Se,
+            id: Ae,
             role: "combobox",
             "aria-expanded": i,
             "aria-haspopup": "listbox",
             "aria-controls": ie,
-            "aria-activedescendant": Te(),
-            "aria-label": Le,
-            "aria-disabled": y,
-            tabIndex: y ? -1 : 0,
-            className: `input w-full flex items-center justify-between cursor-pointer gap-1 ${ze[Y]} ${y ? "input-disabled cursor-not-allowed" : ""} ${Ie()}`,
+            "aria-activedescendant": Qe(),
+            "aria-label": Me,
+            "aria-disabled": k,
+            tabIndex: k ? -1 : 0,
+            className: `${nt} w-full flex items-center justify-between cursor-pointer gap-1 ${Ve[Y]} ${k ? `${lt} cursor-not-allowed` : ""} ${Te()}`,
             onClick: () => {
-              y || (p(!i), u && !i && setTimeout(() => le.current?.focus(), 0));
+              k || (m(!i), u && !i && setTimeout(() => le.current?.focus(), 0));
             },
-            onKeyDown: Ee,
+            onKeyDown: Ke,
             children: [
-              w && f.length > 0 ? Ke() : u && i ? /* @__PURE__ */ l(
+              w && f.length > 0 ? Ue() : u && i ? /* @__PURE__ */ l(
                 "input",
                 {
                   ref: le,
                   type: "text",
                   className: "flex-1 bg-transparent outline-none min-w-[50px]",
-                  value: M,
-                  onChange: (e) => S(e.target.value),
+                  value: I,
+                  onChange: (e) => M(e.target.value),
                   onClick: (e) => e.stopPropagation(),
-                  placeholder: H ? String(ge) : Q,
+                  placeholder: W ? String(ge) : J,
                   "aria-label": "Search options"
                 }
-              ) : /* @__PURE__ */ l("span", { className: `flex-1 truncate ${H ? "" : "text-base-content/50"}`, children: H ? ge : Q }),
-              /* @__PURE__ */ x("div", { className: "flex items-center gap-1 shrink-0", children: [
-                ke && H && !y && /* @__PURE__ */ l(
+              ) : /* @__PURE__ */ l("span", { className: `flex-1 truncate ${W ? "" : "text-base-content/50"}`, children: W ? ge : J }),
+              /* @__PURE__ */ $("div", { className: "flex items-center gap-1 shrink-0", children: [
+                Ne && W && !k && /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
-                    className: "btn btn-ghost btn-xs btn-circle",
-                    onClick: Re,
+                    className: `${ke} ${ye} ${je} ${Le}`,
+                    onClick: ze,
                     "aria-label": "Clear selection",
                     "data-testid": `${P}-clear`,
                     children: /* @__PURE__ */ l("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
@@ -397,19 +398,19 @@ const Xe = Je(({
         i && /* @__PURE__ */ l(
           "div",
           {
-            ref: Me,
+            ref: Re,
             id: ie,
-            className: `absolute z-50 mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg ${Be[Y]} ${$e}`,
+            className: `absolute z-50 mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg ${Xe[Y]} ${De}`,
             "data-testid": `${P}-dropdown`,
-            children: Ve()
+            children: Je()
           }
         )
       ]
     }
   );
 });
-Xe.displayName = "Cascader";
+pt.displayName = "Cascader";
 export {
-  Xe as Cascader
+  pt as Cascader
 };
 //# sourceMappingURL=Cascader.js.map