asterui 0.12.59 → 0.12.60

package/dist/components/Cascader.js

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