asterui 0.12.74 → 0.12.76

package/dist/components/Dropdown.js

@@ -1,87 +1,96 @@
-import { jsx as i, jsxs as K, Fragment as H } from "react/jsx-runtime";
-import d, { forwardRef as Ie, useId as J, useState as B, useRef as N, useImperativeHandle as Ce, useCallback as $, useEffect as V, createContext as xe, useContext as ke } from "react";
-import { useConfig as Ee } from "../providers/ConfigProvider.js";
-const ve = "dropdown", Me = "dropdown-top", Ae = "dropdown-bottom", Te = "dropdown-left", Re = "dropdown-right", Se = "dropdown-center", Ke = "dropdown-end", Ne = "dropdown-hover", Pe = "dropdown-open", $e = "dropdown-content", ne = "menu", te = xe(void 0);
-function X() {
-  const u = ke(te);
-  if (!u)
+import { jsx as i, jsxs as K, Fragment as Q } from "react/jsx-runtime";
+import u, { forwardRef as xe, useId as X, useState as j, useRef as L, useImperativeHandle as ve, useCallback as O, useEffect as V, createContext as Ee, useContext as Me } from "react";
+import { useConfig as Ae } from "../providers/ConfigProvider.js";
+const Te = "dropdown", Re = "dropdown-top", Se = "dropdown-bottom", Ke = "dropdown-left", Le = "dropdown-right", Ne = "dropdown-center", Pe = "dropdown-end", Oe = "dropdown-hover", $e = "dropdown-open", je = "dropdown-content", ne = "menu", oe = Ee(void 0);
+function Z() {
+  const p = Me(oe);
+  if (!p)
     throw new Error("Dropdown compound components must be used within Dropdown");
-  return u;
+  return p;
 }
-const Le = Ie(function({
+const Be = xe(function({
   children: c,
-  items: m,
-  trigger: p = ["hover"],
-  position: b = "bottom",
-  align: o = "start",
-  open: s,
-  onOpenChange: r,
-  disabled: y,
+  menu: f,
+  trigger: m = ["hover"],
+  placement: y = "bottomLeft",
+  autoAdjustOverflow: l = !0,
+  open: r,
+  onOpenChange: o,
+  disabled: d,
   arrow: w = !1,
-  mouseEnterDelay: h = 0.15,
-  mouseLeaveDelay: I = 0.1,
-  getPopupContainer: g,
-  destroyOnHidden: t = !1,
-  popupRender: E,
-  "data-testid": C,
-  className: T = "",
+  mouseEnterDelay: g = 0.15,
+  mouseLeaveDelay: h = 0.1,
+  getPopupContainer: I,
+  destroyOnHidden: n = !1,
+  popupRender: v,
+  "data-testid": E,
+  className: C = "",
   ...F
-}, a) {
-  const { componentDisabled: n } = Ee(), f = y ?? n ?? !1, x = J(), v = J(), [L, oe] = B(!1), [se, q] = B(-1), [ae, le] = B(0), [ie, Z] = B(!t), ee = N(/* @__PURE__ */ new Map()), z = N(null), M = N(null), R = p;
-  Ce(a, () => z.current, []);
-  const ce = (e) => C ? `${C}-${e}` : void 0, W = s !== void 0, S = W ? s : L, k = $((e, D = "trigger") => {
-    f || (W || oe(e), e && Z(!0), r?.(e, { source: D }));
-  }, [f, W, r]), de = $(() => {
-    k(!1, "menu"), q(-1), document.getElementById(v)?.focus();
-  }, [k, v]), ue = $((e, D, l) => {
-    D ? ee.current.set(e, { ref: D, disabled: l }) : ee.current.delete(e);
+}, s) {
+  const { componentDisabled: t } = Ae(), b = d ?? t ?? !1, k = {
+    top: { position: "top", align: "center" },
+    topLeft: { position: "top", align: "start" },
+    topRight: { position: "top", align: "end" },
+    bottom: { position: "bottom", align: "center" },
+    bottomLeft: { position: "bottom", align: "start" },
+    bottomRight: { position: "bottom", align: "end" },
+    left: { position: "left", align: "start" },
+    right: { position: "right", align: "start" }
+  }, { position: M, align: N } = k[y], se = X(), G = X(), [ae, ie] = j(!1), [le, q] = j(-1), [ce, de] = j(0), [ue, ee] = j(!n), te = L(/* @__PURE__ */ new Map()), z = L(null), A = L(null), R = m;
+  ve(s, () => z.current, []);
+  const pe = (e) => E ? `${E}-${e}` : void 0, H = r !== void 0, S = H ? r : ae, x = O((e, D = "trigger") => {
+    b || (H || ie(e), e && ee(!0), o?.(e, { source: D }));
+  }, [b, H, o]), fe = O(() => {
+    x(!1, "menu"), q(-1), document.getElementById(G)?.focus();
+  }, [x, G]), me = O((e, D, a) => {
+    D ? te.current.set(e, { ref: D, disabled: a }) : te.current.delete(e);
   }, []);
   V(() => {
-    if (t && !S) {
-      const e = setTimeout(() => Z(!1), 300);
+    if (n && !S) {
+      const e = setTimeout(() => ee(!1), 300);
       return () => clearTimeout(e);
     }
-  }, [S, t]), V(() => {
+  }, [S, n]), V(() => {
     const e = (D) => {
-      z.current && !z.current.contains(D.target) && (k(!1, "trigger"), q(-1));
+      z.current && !z.current.contains(D.target) && (x(!1, "trigger"), q(-1));
     };
     if (S)
       return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [S, k]);
-  const pe = $(() => {
-    R.includes("hover") && (M.current && clearTimeout(M.current), M.current = setTimeout(() => {
-      k(!0, "trigger");
+  }, [S, x]);
+  const be = O(() => {
+    R.includes("hover") && (A.current && clearTimeout(A.current), A.current = setTimeout(() => {
+      x(!0, "trigger");
+    }, g * 1e3));
+  }, [R, g, x]), we = O(() => {
+    R.includes("hover") && (A.current && clearTimeout(A.current), A.current = setTimeout(() => {
+      x(!1, "trigger"), q(-1);
     }, h * 1e3));
-  }, [R, h, k]), fe = $(() => {
-    R.includes("hover") && (M.current && clearTimeout(M.current), M.current = setTimeout(() => {
-      k(!1, "trigger"), q(-1);
-    }, I * 1e3));
-  }, [R, I, k]), me = $((e) => {
-    R.includes("contextMenu") && (e.preventDefault(), k(!0, "trigger"));
-  }, [R, k]);
+  }, [R, h, x]), ge = O((e) => {
+    R.includes("contextMenu") && (e.preventDefault(), x(!0, "trigger"));
+  }, [R, x]);
   V(() => () => {
-    M.current && clearTimeout(M.current);
+    A.current && clearTimeout(A.current);
   }, []);
-  const be = {
-    top: Me,
-    bottom: Ae,
-    left: Te,
-    right: Re
-  }, we = {
+  const he = {
+    top: Re,
+    bottom: Se,
+    left: Ke,
+    right: Le
+  }, De = {
     start: "",
-    center: Se,
-    end: Ke
-  }, he = typeof w == "boolean" ? w : !!w, _ = m ? (ie || !t) && /* @__PURE__ */ i(Q, { children: m ? m.map((e, D) => {
+    center: Ne,
+    end: Pe
+  }, ye = typeof w == "boolean" ? w : !!w, W = f ? (ue || !n) && /* @__PURE__ */ i(Y, { children: f?.items ? f.items.map((e, D) => {
     if ("type" in e && e.type === "divider")
       return /* @__PURE__ */ i(re, {}, e.key || `divider-${D}`);
-    const l = e;
-    return l.children && l.children.length > 0 ? /* @__PURE__ */ i(
-      Y,
+    const a = e;
+    return a.children && a.children.length > 0 ? /* @__PURE__ */ i(
+      _,
       {
-        title: l.label,
-        icon: l.icon,
-        disabled: l.disabled,
-        children: l.children.map((P) => /* @__PURE__ */ i(
+        title: a.label,
+        icon: a.icon,
+        disabled: a.disabled,
+        children: a.children.map((P) => /* @__PURE__ */ i(
           U,
           {
             icon: P.icon,
@@ -93,174 +102,175 @@ const Le = Ie(function({
           P.key
         ))
       },
-      l.key
+      a.key
     ) : /* @__PURE__ */ i(
       U,
       {
-        icon: l.icon,
-        disabled: l.disabled,
-        danger: l.danger,
-        onClick: l.onClick,
-        children: l.label
+        icon: a.icon,
+        disabled: a.disabled,
+        danger: a.danger,
+        onClick: a.onClick,
+        children: a.label
       },
-      l.key
+      a.key
     );
-  }) : null }) : null, A = d.Children.toArray(c), ge = A.some(
-    (e) => d.isValidElement(e) && e.type === O
-  ), De = A.some(
-    (e) => d.isValidElement(e) && e.type === Q
+  }) : null }) : null, T = u.Children.toArray(c), Ie = T.some(
+    (e) => u.isValidElement(e) && e.type === B
+  ), Ce = T.some(
+    (e) => u.isValidElement(e) && e.type === Y
   );
-  let j, G = !1;
-  if (m) {
-    const e = A.find(
-      (D) => d.isValidElement(D) && D.type === O
+  let $, J = !1;
+  if (f) {
+    const e = T.find(
+      (D) => u.isValidElement(D) && D.type === B
     );
-    !e && A[0] && d.isValidElement(A[0]) ? (G = !0, j = /* @__PURE__ */ K(H, { children: [
-      /* @__PURE__ */ i(O, { className: T, children: A[0] }),
-      E ? E(_) : _
-    ] })) : j = /* @__PURE__ */ K(H, { children: [
+    !e && T[0] && u.isValidElement(T[0]) ? (J = !0, $ = /* @__PURE__ */ K(Q, { children: [
+      /* @__PURE__ */ i(B, { className: C, children: T[0] }),
+      v ? v(W) : W
+    ] })) : $ = /* @__PURE__ */ K(Q, { children: [
       e,
-      E ? E(_) : _
+      v ? v(W) : W
     ] });
-  } else if (!ge && !De && A.length >= 2) {
-    const [e, D, ...l] = A;
-    G = !0, j = /* @__PURE__ */ K(H, { children: [
-      e && d.isValidElement(e) && /* @__PURE__ */ i(O, { className: T, children: e }),
+  } else if (!Ie && !Ce && T.length >= 2) {
+    const [e, D, ...a] = T;
+    J = !0, $ = /* @__PURE__ */ K(Q, { children: [
+      e && u.isValidElement(e) && /* @__PURE__ */ i(B, { className: C, children: e }),
       D,
-      l
+      a
     ] });
   } else
-    j = c;
-  const ye = [
-    ve,
-    be[b],
-    we[o],
-    R.includes("hover") && Ne,
-    S && Pe,
-    !G && T
+    $ = c;
+  const ke = [
+    Te,
+    he[M],
+    De[N],
+    R.includes("hover") && Oe,
+    S && $e,
+    !J && C
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ i(
-    te.Provider,
+    oe.Provider,
     {
       value: {
-        position: b,
-        align: o,
-        menuId: x,
-        triggerId: v,
+        position: M,
+        align: N,
+        menuId: se,
+        triggerId: G,
         isOpen: S,
-        setIsOpen: k,
-        focusedIndex: se,
+        setIsOpen: x,
+        focusedIndex: le,
         setFocusedIndex: q,
-        registerItem: ue,
-        itemCount: ae,
-        setItemCount: le,
-        disabled: f,
-        arrow: he,
-        closeDropdown: de,
-        getTestId: ce
+        registerItem: me,
+        itemCount: ce,
+        setItemCount: de,
+        disabled: b,
+        arrow: ye,
+        closeDropdown: fe,
+        getTestId: pe,
+        menuOnClick: f?.onClick
       },
       children: /* @__PURE__ */ i(
         "div",
         {
           ref: z,
-          className: ye,
+          className: ke,
           "data-state": S ? "open" : "closed",
-          "data-testid": C,
-          "aria-disabled": f || void 0,
-          onMouseEnter: pe,
-          onMouseLeave: fe,
-          onContextMenu: me,
+          "data-testid": E,
+          "aria-disabled": b || void 0,
+          onMouseEnter: be,
+          onMouseLeave: we,
+          onContextMenu: ge,
           ...F,
-          children: j
+          children: $
         }
       )
     }
   );
 });
-function O({ children: u, className: c = "" }) {
-  const { menuId: m, triggerId: p, isOpen: b, setIsOpen: o, setFocusedIndex: s, itemCount: r, disabled: y } = X(), w = (t) => {
-    switch (t.key) {
+function B({ children: p, className: c = "" }) {
+  const { menuId: f, triggerId: m, isOpen: y, setIsOpen: l, setFocusedIndex: r, itemCount: o, disabled: d } = Z(), w = (n) => {
+    switch (n.key) {
       case "Enter":
       case " ":
       case "ArrowDown":
-        t.preventDefault(), o(!0), s(0);
+        n.preventDefault(), l(!0), r(0);
         break;
       case "ArrowUp":
-        t.preventDefault(), o(!0), s(r - 1);
+        n.preventDefault(), l(!0), r(o - 1);
         break;
       case "Escape":
-        t.preventDefault(), o(!1), s(-1);
+        n.preventDefault(), l(!1), r(-1);
         break;
     }
-  }, h = () => {
-    o(!b), b || s(0);
-  }, I = d.Children.only(u), g = I.props;
-  return d.cloneElement(I, {
-    id: p,
-    tabIndex: y ? -1 : 0,
+  }, g = () => {
+    l(!y), y || r(0);
+  }, h = u.Children.only(p), I = h.props;
+  return u.cloneElement(h, {
+    id: m,
+    tabIndex: d ? -1 : 0,
     "aria-haspopup": "menu",
-    "aria-expanded": b,
-    "aria-controls": m,
-    onClick: (t) => {
-      h(), g.onClick?.(t);
+    "aria-expanded": y,
+    "aria-controls": f,
+    onClick: (n) => {
+      g(), I.onClick?.(n);
     },
-    onKeyDown: (t) => {
-      w(t), g.onKeyDown?.(t);
+    onKeyDown: (n) => {
+      w(n), I.onKeyDown?.(n);
     },
-    className: `${g.className || ""} ${c}`.trim()
+    className: `${I.className || ""} ${c}`.trim()
   });
 }
-function Q({ children: u, className: c = "" }) {
-  const { menuId: m, triggerId: p, isOpen: b, setIsOpen: o, focusedIndex: s, setFocusedIndex: r, setItemCount: y, arrow: w, position: h, getTestId: I } = X(), g = N(null), t = d.Children.toArray(u).filter(
-    (n) => d.isValidElement(n) && n.type === U
+function Y({ children: p, className: c = "" }) {
+  const { menuId: f, triggerId: m, isOpen: y, setIsOpen: l, focusedIndex: r, setFocusedIndex: o, setItemCount: d, arrow: w, position: g, getTestId: h } = Z(), I = L(null), n = u.Children.toArray(p).filter(
+    (t) => u.isValidElement(t) && t.type === U
   );
   V(() => {
-    y(t.length);
-  }, [t.length, y]), V(() => {
-    b && s >= 0 && g.current && g.current.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')[s]?.focus();
-  }, [b, s]);
-  const E = (n) => {
-    const x = t.filter(
-      (v) => d.isValidElement(v) && !v.props.disabled
+    d(n.length);
+  }, [n.length, d]), V(() => {
+    y && r >= 0 && I.current && I.current.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')[r]?.focus();
+  }, [y, r]);
+  const v = (t) => {
+    const k = n.filter(
+      (M) => u.isValidElement(M) && !M.props.disabled
     ).length;
-    switch (n.key) {
+    switch (t.key) {
       case "ArrowDown":
-        n.preventDefault(), r((s + 1) % x);
+        t.preventDefault(), o((r + 1) % k);
         break;
       case "ArrowUp":
-        n.preventDefault(), r((s - 1 + x) % x);
+        t.preventDefault(), o((r - 1 + k) % k);
         break;
       case "Home":
-        n.preventDefault(), r(0);
+        t.preventDefault(), o(0);
         break;
       case "End":
-        n.preventDefault(), r(x - 1);
+        t.preventDefault(), o(k - 1);
         break;
       case "Escape":
-        n.preventDefault(), o(!1), r(-1), document.getElementById(p)?.focus();
+        t.preventDefault(), l(!1), o(-1), document.getElementById(m)?.focus();
         break;
       case "Tab":
-        o(!1), r(-1);
+        l(!1), o(-1);
         break;
     }
-  }, C = [
-    $e,
+  }, E = [
+    je,
     ne,
     "bg-base-100",
     "rounded-box",
     "z-50",
     "shadow",
     c
-  ].filter(Boolean).join(" "), T = d.Children.map(u, (n, f) => {
-    if (d.isValidElement(n)) {
-      const x = n.key != null ? String(n.key) : void 0;
-      if (n.type === U)
-        return d.cloneElement(n, { _index: f, _key: x });
-      if (n.type === Y)
-        return d.cloneElement(n, { _key: x });
+  ].filter(Boolean).join(" "), C = u.Children.map(p, (t, b) => {
+    if (u.isValidElement(t)) {
+      const k = t.key != null ? String(t.key) : void 0;
+      if (t.type === U)
+        return u.cloneElement(t, { _index: b, _key: k });
+      if (t.type === _)
+        return u.cloneElement(t, { _key: k });
     }
-    return n;
-  }), a = w ? /* @__PURE__ */ i(
+    return t;
+  }), s = w ? /* @__PURE__ */ i(
     "span",
     {
       className: `absolute w-0 h-0 border-8 border-solid ${{
@@ -268,53 +278,53 @@ function Q({ children: u, className: c = "" }) {
         bottom: "top-0 left-1/2 -translate-x-1/2 -translate-y-full border-b-base-100 border-l-transparent border-r-transparent border-t-transparent",
         left: "right-0 top-1/2 -translate-y-1/2 translate-x-full border-l-base-100 border-t-transparent border-b-transparent border-r-transparent",
         right: "left-0 top-1/2 -translate-y-1/2 -translate-x-full border-r-base-100 border-t-transparent border-b-transparent border-l-transparent"
-      }[h || "bottom"]}`,
+      }[g || "bottom"]}`,
       "aria-hidden": "true"
     }
   ) : null;
   return /* @__PURE__ */ K(
     "ul",
     {
-      ref: g,
-      id: m,
+      ref: I,
+      id: f,
       role: "menu",
-      "aria-labelledby": p,
+      "aria-labelledby": m,
       tabIndex: -1,
-      className: `${C} ${w ? "relative" : ""}`,
-      "data-testid": I("menu"),
-      onKeyDown: E,
+      className: `${E} ${w ? "relative" : ""}`,
+      "data-testid": h("menu"),
+      onKeyDown: v,
       children: [
-        a,
-        T
+        s,
+        C
       ]
     }
   );
 }
 function U({
-  children: u,
+  children: p,
   icon: c,
-  label: m,
-  onClick: p,
-  active: b = !1,
-  disabled: o = !1,
-  danger: s = !1,
-  className: r = "",
-  _key: y
+  label: f,
+  onClick: m,
+  active: y = !1,
+  disabled: l = !1,
+  danger: r = !1,
+  className: o = "",
+  _key: d
 }) {
-  const { closeDropdown: w, getTestId: h } = X(), I = [b && "active", o && "disabled", r].filter(Boolean).join(" "), g = () => {
-    o || (p?.(), w());
-  }, t = (C) => {
-    (C.key === "Enter" || C.key === " ") && !o && (C.preventDefault(), g());
-  }, E = m || u;
-  return /* @__PURE__ */ i("li", { className: I, role: "none", "data-key": y, "data-testid": y ? h(`item-${y}`) : void 0, children: /* @__PURE__ */ K(
+  const { closeDropdown: w, getTestId: g, menuOnClick: h } = Z(), I = [y && "active", l && "disabled", o].filter(Boolean).join(" "), n = () => {
+    l || (m?.(), h && d && h({ key: d, keyPath: [d] }), w());
+  }, v = (C) => {
+    (C.key === "Enter" || C.key === " ") && !l && (C.preventDefault(), n());
+  }, E = f || p;
+  return /* @__PURE__ */ i("li", { className: I, role: "none", "data-key": d, "data-testid": d ? g(`item-${d}`) : void 0, children: /* @__PURE__ */ K(
     "a",
     {
       role: "menuitem",
-      tabIndex: o ? -1 : 0,
-      "aria-disabled": o || void 0,
-      className: `whitespace-nowrap ${s ? "text-error" : ""}`,
-      onClick: g,
-      onKeyDown: t,
+      tabIndex: l ? -1 : 0,
+      "aria-disabled": l || void 0,
+      className: `whitespace-nowrap ${r ? "text-error" : ""}`,
+      onClick: n,
+      onKeyDown: v,
       children: [
         c && /* @__PURE__ */ i("span", { className: "mr-2 inline-flex items-center", children: c }),
         E
@@ -322,83 +332,83 @@ function U({
     }
   ) });
 }
-function Y({
-  children: u,
+function _({
+  children: p,
   title: c,
-  icon: m,
-  disabled: p = !1,
-  className: b = "",
-  _key: o
+  icon: f,
+  disabled: m = !1,
+  className: y = "",
+  _key: l
 }) {
-  const [s, r] = B(!1), y = N(null), w = N(null), h = N(null), I = J(), g = () => {
-    p || r(!0);
-  }, t = () => {
-    r(!1);
-  }, E = () => {
+  const [r, o] = j(!1), d = L(null), w = L(null), g = L(null), h = X(), I = () => {
+    m || o(!0);
+  }, n = () => {
+    o(!1);
+  }, v = () => {
     setTimeout(() => {
-      h.current?.querySelector('[role="menuitem"]:not([aria-disabled="true"])')?.focus();
+      g.current?.querySelector('[role="menuitem"]:not([aria-disabled="true"])')?.focus();
     }, 0);
-  }, C = (a) => {
-    if (!p)
-      switch (a.key) {
+  }, E = (s) => {
+    if (!m)
+      switch (s.key) {
         case "ArrowRight":
         case "Enter":
         case " ":
-          a.preventDefault(), a.stopPropagation(), r(!0), E();
+          s.preventDefault(), s.stopPropagation(), o(!0), v();
           break;
         case "ArrowLeft":
         case "Escape":
-          a.preventDefault(), a.stopPropagation(), r(!1);
+          s.preventDefault(), s.stopPropagation(), o(!1);
           break;
       }
-  }, T = (a) => {
-    switch (a.key) {
+  }, C = (s) => {
+    switch (s.key) {
       case "ArrowLeft":
       case "Escape":
-        a.preventDefault(), a.stopPropagation(), r(!1), w.current?.focus();
+        s.preventDefault(), s.stopPropagation(), o(!1), w.current?.focus();
         break;
       case "ArrowDown":
-        a.preventDefault(), a.stopPropagation();
-        const n = h.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');
-        if (n) {
-          const v = (Array.from(n).findIndex((L) => L === document.activeElement) + 1) % n.length;
-          n[v]?.focus();
+        s.preventDefault(), s.stopPropagation();
+        const t = g.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');
+        if (t) {
+          const M = (Array.from(t).findIndex((N) => N === document.activeElement) + 1) % t.length;
+          t[M]?.focus();
         }
         break;
       case "ArrowUp":
-        a.preventDefault(), a.stopPropagation();
-        const f = h.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');
-        if (f) {
-          const v = (Array.from(f).findIndex((L) => L === document.activeElement) - 1 + f.length) % f.length;
-          f[v]?.focus();
+        s.preventDefault(), s.stopPropagation();
+        const b = g.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');
+        if (b) {
+          const M = (Array.from(b).findIndex((N) => N === document.activeElement) - 1 + b.length) % b.length;
+          b[M]?.focus();
         }
         break;
     }
-  }, F = [p && "disabled", b].filter(Boolean).join(" ");
+  }, F = [m && "disabled", y].filter(Boolean).join(" ");
   return /* @__PURE__ */ i(
     "li",
     {
-      ref: y,
+      ref: d,
       className: F,
       role: "none",
-      "data-key": o,
-      onMouseEnter: g,
-      onMouseLeave: t,
-      children: /* @__PURE__ */ K("details", { open: s, children: [
+      "data-key": l,
+      onMouseEnter: I,
+      onMouseLeave: n,
+      children: /* @__PURE__ */ K("details", { open: r, children: [
         /* @__PURE__ */ K(
           "summary",
           {
             ref: w,
             role: "menuitem",
-            tabIndex: p ? -1 : 0,
-            "aria-disabled": p || void 0,
+            tabIndex: m ? -1 : 0,
+            "aria-disabled": m || void 0,
             "aria-haspopup": "menu",
-            "aria-expanded": s,
-            "aria-controls": I,
+            "aria-expanded": r,
+            "aria-controls": h,
             className: "whitespace-nowrap",
-            onKeyDown: C,
+            onKeyDown: E,
             children: [
-              m && /* @__PURE__ */ i("span", { className: "mr-2 inline-flex items-center", children: m }),
+              f && /* @__PURE__ */ i("span", { className: "mr-2 inline-flex items-center", children: f }),
               c
             ]
           }
@@ -406,31 +416,31 @@ function Y({
         /* @__PURE__ */ i(
           "ul",
           {
-            ref: h,
-            id: I,
+            ref: g,
+            id: h,
             className: `${ne} bg-base-100 rounded-box z-50 shadow`,
             role: "menu",
             "aria-label": typeof c == "string" ? c : void 0,
-            onKeyDown: T,
-            children: u
+            onKeyDown: C,
+            children: p
           }
         )
       ] })
     }
   );
 }
-function re({ className: u = "" }) {
-  const c = ["border-base-content/10", u].filter(Boolean).join(" ");
+function re({ className: p = "" }) {
+  const c = ["border-base-content/10", p].filter(Boolean).join(" ");
   return /* @__PURE__ */ i("li", { role: "separator", className: "my-1", children: /* @__PURE__ */ i("hr", { className: c }) });
 }
-const Ue = Object.assign(Le, {
-  Trigger: O,
-  Menu: Q,
+const ze = Object.assign(Be, {
+  Trigger: B,
+  Menu: Y,
   Item: U,
-  SubMenu: Y,
+  SubMenu: _,
   Divider: re
 });
 export {
-  Ue as Dropdown
+  ze as Dropdown
 };
 //# sourceMappingURL=Dropdown.js.map