asterui 0.12.71 → 0.12.73

package/dist/components/Dropdown.js

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