welcome-ui 8.0.0-alpha.0 → 8.0.2

package/dist/DropdownMenu.mjs

@@ -2,27 +2,27 @@
 import C, { useCallback as $e, useRef as le, createContext as ge, useState as we, useEffect as Me, createRef as Ve, useMemo as Re } from "react";
 import Y, { th as U, css as Be, useTheme as Ke } from "@xstyled/styled-components";
 import { forwardRef as J } from "./System.mjs";
-import { h as ce, j as ze, C as Se, a as xe, u as je } from "./P2CTZE2T-YPes1GXe.mjs";
-import { e as We, f as Ze, c as Ue, d as qe, g as Ge, h as Ye } from "./BYC7LY2E-CVjUW1dr.mjs";
-import { c as D, _ as O, i as K, a7 as Je, u as ae, b as V, a9 as Z, V as Qe, d as y, e as re, g as v, z as Ee, w as Ce, f as k, h as F, Z as Xe, $ as et, I as ye, R as tt, n as nt, m as rt, ab as ot, v as Pe, A as ut, B as G, C as W, D as $, a3 as at, H as st, x as Oe, E as Ae, t as se, Y as it, ac as lt, l as ct, ad as Ie, s as dt, ae as ft, af as pt } from "./LVA2YJMS-qFC9J-lt.mjs";
-import { u as mt, b as bt } from "./QYJ6MIDR-BLLqyXdd.mjs";
-import { m as vt, o as ht, p as gt, t as wt, s as be, d as ve, c as Mt, a as St, b as xt, u as R } from "./YV4JVR4I-BGfUf3Nu.mjs";
-import { c as Et, u as Ct, a as yt } from "./ITI7HKP4-BONrZ9Pq.mjs";
-import { i as Pt } from "./VGCJ63VH-B39w1tBw.mjs";
-import { c as Ot, R as At } from "./JC64G2H7-Dey-8h60.mjs";
-import { a as It } from "./VEVQD5MH-ZMnHV8ZJ.mjs";
+import { h as ce, j as ze, C as Se, a as xe, u as je } from "./P2CTZE2T-Cl2w7OLV.mjs";
+import { e as We, f as Ze, c as Ue, d as qe, g as Ge, h as Ye } from "./BYC7LY2E-B1IDizRs.mjs";
+import { c as D, _ as O, i as K, a7 as Je, u as se, b as V, a9 as Z, V as Qe, d as y, e as ne, g as b, z as Ee, Z as Xe, $ as et, w as Ce, f as k, h as F, I as ye, R as tt, p as rt, o as nt, ab as ot, v as Pe, A as at, B as G, C as W, D as $, a3 as st, H as ut, x as Oe, E as Ae, t as ue, ac as it, Y as lt, l as ct, ad as Ie, s as dt, ae as ft, af as pt } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { u as mt, b as vt } from "./QYJ6MIDR-Bb0O5xUM.mjs";
+import { m as bt, o as ht, p as gt, t as wt, c as Mt, s as ve, d as be, a as St, b as xt, u as R } from "./YV4JVR4I-Bh7B7TET.mjs";
+import { c as Et, u as Ct, a as yt } from "./ITI7HKP4-EL9KXYBU.mjs";
+import { i as Pt } from "./VGCJ63VH-BMzoZtCu.mjs";
+import { c as Ot, R as At } from "./JC64G2H7-BzklVBKM.mjs";
+import { a as It } from "./VEVQD5MH-CuegL0m0.mjs";
 var Tt = "div";
-function Te(n) {
-  const t = n.relatedTarget;
+function Te(r) {
+  const t = r.relatedTarget;
   return (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : null;
 }
-function _t(n) {
-  const t = Te(n);
-  return t ? Xe(n.currentTarget, t) : !1;
+function _t(r) {
+  const t = Te(r);
+  return t ? Xe(r.currentTarget, t) : !1;
 }
 var ie = Symbol("composite-hover");
-function Ht(n) {
-  let t = Te(n);
+function Ht(r) {
+  let t = Te(r);
   if (!t) return !1;
   do {
     if (et(t, ie) && t[ie]) return !0;
@@ -32,11 +32,11 @@ function Ht(n) {
 }
 var _e = D(
   function(t) {
-    var r = t, {
+    var n = t, {
       store: e,
-      focusOnHover: u = !0,
-      blurOnHoverEnd: s = !!u
-    } = r, a = O(r, [
+      focusOnHover: a = !0,
+      blurOnHoverEnd: u = !!a
+    } = n, s = O(n, [
       "store",
       "focusOnHover",
       "blurOnHoverEnd"
@@ -46,7 +46,7 @@ var _e = D(
       e,
       process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
     );
-    const l = Je(), c = a.onMouseMove, i = ae(u), w = V((f) => {
+    const l = Je(), c = s.onMouseMove, i = se(a), w = V((f) => {
       if (c == null || c(f), !f.defaultPrevented && l() && i(f)) {
         if (!Z(f.currentTarget)) {
           const M = e == null ? void 0 : e.getState().baseElement;
@@ -54,123 +54,123 @@ var _e = D(
         }
         e == null || e.setActiveId(f.currentTarget.id);
       }
-    }), m = a.onMouseLeave, d = ae(s), x = V((f) => {
+    }), m = s.onMouseLeave, d = se(u), x = V((f) => {
       var M;
       m == null || m(f), !f.defaultPrevented && l() && (_t(f) || Ht(f) || i(f) && d(f) && (e == null || e.setActiveId(null), (M = e == null ? void 0 : e.getState().baseElement) == null || M.focus()));
     }), p = $e((f) => {
       f && (f[ie] = !0);
     }, []);
-    return a = y(v({}, a), {
-      ref: re(p, a.ref),
+    return s = y(b({}, s), {
+      ref: ne(p, s.ref),
       onMouseMove: w,
       onMouseLeave: x
-    }), Ee(a);
+    }), Ee(s);
   }
 );
 Ce(
   k(function(t) {
-    const r = _e(t);
-    return F(Tt, r);
+    const n = _e(t);
+    return F(Tt, n);
   })
 );
 var Dt = "hr", He = D(
   function(t) {
-    var r = t, { orientation: e = "horizontal" } = r, u = O(r, ["orientation"]);
-    return u = v({
+    var n = t, { orientation: e = "horizontal" } = n, a = O(n, ["orientation"]);
+    return a = b({
       role: "separator",
       "aria-orientation": e
-    }, u), u;
+    }, a), a;
   }
 );
 k(function(t) {
-  const r = He(t);
-  return F(Dt, r);
+  const n = He(t);
+  return F(Dt, n);
 });
 var kt = "hr", De = D(function(t) {
-  var r = t, { store: e } = r, u = O(r, ["store"]);
-  const s = ce();
-  e = e || s, K(
+  var n = t, { store: e } = n, a = O(n, ["store"]);
+  const u = ce();
+  e = e || u, K(
     e,
     process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
   );
-  const a = e.useState(
+  const s = e.useState(
     (o) => o.orientation === "horizontal" ? "vertical" : "horizontal"
   );
-  return u = He(y(v({}, u), { orientation: a })), u;
+  return a = He(y(b({}, a), { orientation: s })), a;
 });
 k(function(t) {
-  const r = De(t);
-  return F(kt, r);
+  const n = De(t);
+  return F(kt, n);
 });
 var Ft = "div", N = "";
-function ue() {
+function ae() {
   N = "";
 }
-function Nt(n) {
-  const t = n.target;
-  return t && nt(t) ? !1 : n.key === " " && N.length ? !0 : n.key.length === 1 && !n.ctrlKey && !n.altKey && !n.metaKey && /^[\p{Letter}\p{Number}]$/u.test(n.key);
+function Nt(r) {
+  const t = r.target;
+  return t && rt(t) ? !1 : r.key === " " && N.length ? !0 : r.key.length === 1 && !r.ctrlKey && !r.altKey && !r.metaKey && /^[\p{Letter}\p{Number}]$/u.test(r.key);
 }
-function Lt(n, t) {
-  if (rt(n)) return !0;
-  const r = n.target;
-  return r ? t.some((u) => u.element === r) : !1;
+function Lt(r, t) {
+  if (nt(r)) return !0;
+  const n = r.target;
+  return n ? t.some((a) => a.element === n) : !1;
 }
-function $t(n) {
-  return n.filter((t) => !t.disabled);
+function $t(r) {
+  return r.filter((t) => !t.disabled);
 }
-function ne(n, t) {
-  var r;
-  const e = ((r = n.element) == null ? void 0 : r.textContent) || n.children || // The composite item object itself doesn't include a value property, but
+function re(r, t) {
+  var n;
+  const e = ((n = r.element) == null ? void 0 : n.textContent) || r.children || // The composite item object itself doesn't include a value property, but
   // other components like Select do. Since CompositeTypeahead is a generic
   // component that can be used with those as well, we also consider the value
   // property as a fallback for the typeahead text content.
-  "value" in n && n.value;
+  "value" in r && r.value;
   return e ? ot(e).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
 }
-function Vt(n, t, r) {
-  if (!r) return n;
-  const e = n.find((u) => u.id === r);
-  return !e || !ne(e, t) || N !== t && ne(e, N) ? n : (N = t, ze(
-    n.filter((u) => ne(u, N)),
-    r
-  ).filter((u) => u.id !== r));
+function Vt(r, t, n) {
+  if (!n) return r;
+  const e = r.find((a) => a.id === n);
+  return !e || !re(e, t) || N !== t && re(e, N) ? r : (N = t, ze(
+    r.filter((a) => re(a, N)),
+    n
+  ).filter((a) => a.id !== n));
 }
 var de = D(function(t) {
-  var r = t, { store: e, typeahead: u = !0 } = r, s = O(r, ["store", "typeahead"]);
-  const a = ce();
-  e = e || a, K(
+  var n = t, { store: e, typeahead: a = !0 } = n, u = O(n, ["store", "typeahead"]);
+  const s = ce();
+  e = e || s, K(
     e,
     process.env.NODE_ENV !== "production" && "CompositeTypeahead must be a Composite component"
   );
-  const o = s.onKeyDownCapture, l = le(0), c = V((i) => {
-    if (o == null || o(i), i.defaultPrevented || !u || !e) return;
+  const o = u.onKeyDownCapture, l = le(0), c = V((i) => {
+    if (o == null || o(i), i.defaultPrevented || !a || !e) return;
     if (!Nt(i))
-      return ue();
+      return ae();
     const { renderedItems: w, items: m, activeId: d, id: x } = e.getState();
     let p = $t(
       m.length > w.length ? m : w
     );
-    const f = ye(i.currentTarget), M = `[data-offscreen-id="${x}"]`, b = f.querySelectorAll(M);
-    for (const S of b) {
+    const f = ye(i.currentTarget), M = `[data-offscreen-id="${x}"]`, v = f.querySelectorAll(M);
+    for (const S of v) {
       const _ = S.ariaDisabled === "true" || "disabled" in S && !!S.disabled;
       p.push({ id: S.id, element: S, disabled: _ });
     }
-    if (b.length && (p = tt(p, (S) => S.element)), !Lt(i, p)) return ue();
+    if (v.length && (p = tt(p, (S) => S.element)), !Lt(i, p)) return ae();
     i.preventDefault(), window.clearTimeout(l.current), l.current = window.setTimeout(() => {
       N = "";
     }, 500);
     const A = i.key.toLowerCase();
     N += A, p = Vt(p, A, d);
-    const P = p.find((S) => ne(S, N));
-    P ? e.move(P.id) : ue();
+    const P = p.find((S) => re(S, N));
+    P ? e.move(P.id) : ae();
   });
-  return s = y(v({}, s), {
+  return u = y(b({}, u), {
     onKeyDownCapture: c
-  }), Ee(s);
+  }), Ee(u);
 });
 k(function(t) {
-  const r = de(t);
-  return F(Ft, r);
+  const n = de(t);
+  return F(Ft, n);
 });
 var ke = Pe(
   [xe],
@@ -186,20 +186,20 @@ var Q = Pe(
 ge(
   void 0
 );
-function Wt(n = {}) {
-  var t = n, {
-    combobox: r,
+function Wt(r = {}) {
+  var t = r, {
+    combobox: n,
     parent: e,
-    menubar: u
-  } = t, s = ut(t, [
+    menubar: a
+  } = t, u = at(t, [
     "combobox",
     "parent",
     "menubar"
   ]);
-  const a = !!u && !e, o = vt(
-    s.store,
+  const s = !!a && !e, o = bt(
+    u.store,
     gt(e, ["values"]),
-    ht(r, [
+    ht(n, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -207,53 +207,53 @@ function Wt(n = {}) {
       "disclosureElement"
     ])
   );
-  wt(s, o);
-  const l = o.getState(), c = Et(G($({}, s), {
+  wt(u, o);
+  const l = o.getState(), c = Et(G($({}, u), {
     store: o,
     orientation: W(
-      s.orientation,
+      u.orientation,
       l.orientation,
       "vertical"
     )
-  })), i = Ue(G($({}, s), {
+  })), i = Ue(G($({}, u), {
     store: o,
     placement: W(
-      s.placement,
+      u.placement,
       l.placement,
       "bottom-start"
     ),
     timeout: W(
-      s.timeout,
+      u.timeout,
       l.timeout,
-      a ? 0 : 150
+      s ? 0 : 150
     ),
-    hideTimeout: W(s.hideTimeout, l.hideTimeout, 0)
+    hideTimeout: W(u.hideTimeout, l.hideTimeout, 0)
   })), w = G($($({}, c.getState()), i.getState()), {
     initialFocus: W(l.initialFocus, "container"),
     values: W(
-      s.values,
+      u.values,
       l.values,
-      s.defaultValues,
+      u.defaultValues,
       {}
     )
   }), m = Mt(w, c, i, o);
-  return be(
+  return ve(
     m,
-    () => ve(m, ["mounted"], (d) => {
+    () => be(m, ["mounted"], (d) => {
       d.mounted || m.setState("activeId", null);
     })
-  ), be(
+  ), ve(
     m,
-    () => ve(e, ["orientation"], (d) => {
+    () => be(e, ["orientation"], (d) => {
       m.setState(
         "placement",
         d.orientation === "vertical" ? "right-start" : "bottom-start"
       );
     })
   ), G($($($({}, c), i), m), {
-    combobox: r,
+    combobox: n,
     parent: e,
-    menubar: u,
+    menubar: a,
     hideAll: () => {
       i.hide(), e == null || e.hideAll();
     },
@@ -261,7 +261,7 @@ function Wt(n = {}) {
     setValues: (d) => m.setState("values", d),
     setValue: (d, x) => {
       d !== "__proto__" && d !== "constructor" && (Array.isArray(d) || m.setState("values", (p) => {
-        const f = p[d], M = at(x, f);
+        const f = p[d], M = st(x, f);
         return M === f ? p : G($({}, p), {
           [d]: M !== void 0 && M
         });
@@ -269,51 +269,51 @@ function Wt(n = {}) {
     }
   });
 }
-function Zt(n, t, r) {
-  return st(t, [r.combobox, r.parent, r.menubar]), xt(n, r, "values", "setValues"), Object.assign(
+function Zt(r, t, n) {
+  return ut(t, [n.combobox, n.parent, n.menubar]), xt(r, n, "values", "setValues"), Object.assign(
     qe(
-      Ct(n, t, r),
+      Ct(r, t, n),
       t,
-      r
+      n
     ),
     {
-      combobox: r.combobox,
-      parent: r.parent,
-      menubar: r.menubar
+      combobox: n.combobox,
+      parent: n.parent,
+      menubar: n.menubar
     }
   );
 }
-function Ut(n = {}) {
-  const t = fe(), r = Rt(), e = It();
-  n = y(v({}, n), {
-    parent: n.parent !== void 0 ? n.parent : t,
-    menubar: n.menubar !== void 0 ? n.menubar : r,
-    combobox: n.combobox !== void 0 ? n.combobox : e
+function Ut(r = {}) {
+  const t = fe(), n = Rt(), e = It();
+  r = y(b({}, r), {
+    parent: r.parent !== void 0 ? r.parent : t,
+    menubar: r.menubar !== void 0 ? r.menubar : n,
+    combobox: r.combobox !== void 0 ? r.combobox : e
   });
-  const [u, s] = St(Wt, n);
-  return Zt(u, s, n);
+  const [a, u] = St(Wt, r);
+  return Zt(a, u, r);
 }
 var qt = "div";
-function Gt(n) {
-  var t = n, { store: r } = t, e = O(t, ["store"]);
-  const [u, s] = we(void 0), a = e["aria-label"], o = R(r, "disclosureElement"), l = R(r, "contentElement");
+function Gt(r) {
+  var t = r, { store: n } = t, e = O(t, ["store"]);
+  const [a, u] = we(void 0), s = e["aria-label"], o = R(n, "disclosureElement"), l = R(n, "contentElement");
   return Me(() => {
     const c = o;
     if (!c) return;
     const i = l;
     if (!i) return;
-    a || i.hasAttribute("aria-label") ? s(void 0) : c.id && s(c.id);
-  }, [a, o, l]), u;
+    s || i.hasAttribute("aria-label") ? u(void 0) : c.id && u(c.id);
+  }, [s, o, l]), a;
 }
 var Fe = D(
   function(t) {
-    var r = t, { store: e, alwaysVisible: u, composite: s } = r, a = O(r, ["store", "alwaysVisible", "composite"]);
+    var n = t, { store: e, alwaysVisible: a, composite: u } = n, s = O(n, ["store", "alwaysVisible", "composite"]);
     const o = oe();
     e = e || o, K(
       e,
       process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
     );
-    const l = e.parent, c = e.menubar, i = !!l, w = Oe(a.id), m = a.onKeyDown, d = e.useState(
+    const l = e.parent, c = e.menubar, i = !!l, w = Oe(s.id), m = s.onKeyDown, d = e.useState(
       (g) => g.placement.split("-")[0]
     ), x = e.useState(
       (g) => g.orientation === "both" ? void 0 : g.orientation
@@ -355,42 +355,42 @@ var Fe = D(
         }
       }
     });
-    a = Ae(
-      a,
-      (g) => /* @__PURE__ */ se.jsx(jt, { value: e, children: g }),
+    s = Ae(
+      s,
+      (g) => /* @__PURE__ */ ue.jsx(jt, { value: e, children: g }),
       [e]
     );
-    const b = Gt(v({ store: e }, a)), A = e.useState("mounted"), P = Pt(A, a.hidden, u), S = P ? y(v({}, a.style), { display: "none" }) : a.style;
-    a = y(v({
+    const v = Gt(b({ store: e }, s)), A = e.useState("mounted"), P = Pt(A, s.hidden, a), S = P ? y(b({}, s.style), { display: "none" }) : s.style;
+    s = y(b({
       id: w,
-      "aria-labelledby": b,
+      "aria-labelledby": v,
       hidden: P
-    }, a), {
-      ref: re(w ? e.setContentElement : null, a.ref),
+    }, s), {
+      ref: ne(w ? e.setContentElement : null, s.ref),
       style: S,
       onKeyDown: M
     });
     const _ = !!e.combobox;
-    return s = s ?? !_, s && (a = v({
+    return u = u ?? !_, u && (s = b({
       role: "menu",
       "aria-orientation": x
-    }, a)), a = yt(v({ store: e, composite: s }, a)), a = de(v({ store: e, typeahead: !_ }, a)), a;
+    }, s)), s = yt(b({ store: e, composite: u }, s)), s = de(b({ store: e, typeahead: !_ }, s)), s;
   }
 );
 k(function(t) {
-  const r = Fe(t);
-  return F(qt, r);
+  const n = Fe(t);
+  return F(qt, n);
 });
 var Yt = "div", Jt = D(function(t) {
-  var r = t, {
+  var n = t, {
     store: e,
-    modal: u = !1,
-    portal: s = !!u,
-    hideOnEscape: a = !0,
+    modal: a = !1,
+    portal: u = !!a,
+    hideOnEscape: s = !0,
     autoFocusOnShow: o = !0,
     hideOnHoverOutside: l,
     alwaysVisible: c
-  } = r, i = O(r, [
+  } = n, i = O(n, [
     "store",
     "modal",
     "portal",
@@ -405,13 +405,13 @@ var Yt = "div", Jt = D(function(t) {
     process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
   );
   const m = le(null), d = e.parent, x = e.menubar, p = !!d, f = !!x && !p;
-  i = y(v({}, i), {
-    ref: re(m, i.ref)
+  i = y(b({}, i), {
+    ref: ne(m, i.ref)
   });
-  const M = Fe(v({
+  const M = Fe(b({
     store: e,
     alwaysVisible: c
-  }, i)), { "aria-labelledby": b } = M;
+  }, i)), { "aria-labelledby": v } = M;
   i = O(M, ["aria-labelledby"]);
   const [P, S] = we(), _ = e.useState("autoFocusOnShow"), g = e.useState("initialFocus"), z = e.useState("baseElement"), I = e.useState("renderedItems");
   Me(() => {
@@ -436,7 +436,7 @@ var Yt = "div", Jt = D(function(t) {
       H = !0;
     };
   }, [e, _, g, I, z]);
-  const L = p ? !1 : u, h = !!o, T = !!P || !!i.initialFocus || !!L, j = R(
+  const L = p ? !1 : a, h = !!o, T = !!P || !!i.initialFocus || !!L, j = R(
     e.combobox || e,
     "contentElement"
   ), B = R(
@@ -448,64 +448,64 @@ var Yt = "div", Jt = D(function(t) {
     if (!((E === "menu" || E === "menubar") && H === "menu"))
       return B;
   }, [j, B]);
-  return X !== void 0 && (i = v({
+  return X !== void 0 && (i = b({
     preserveTabOrderAnchor: X
-  }, i)), i = Ge(y(v({
+  }, i)), i = Ge(y(b({
     store: e,
     alwaysVisible: c,
     initialFocus: P,
     autoFocusOnShow: h ? T && o : _ || !!L
   }, i), {
     hideOnEscape(H) {
-      return it(a, H) ? !1 : (e == null || e.hideAll(), !0);
+      return lt(s, H) ? !1 : (e == null || e.hideAll(), !0);
     },
     hideOnHoverOutside(H) {
       const E = e == null ? void 0 : e.getState().disclosureElement;
-      return (typeof l == "function" ? l(H) : l ?? (p ? !0 : f ? E ? !Z(E) : !0 : !1)) ? H.defaultPrevented || !p || !E || (lt(E, "mouseout", H), !Z(E)) ? !0 : (requestAnimationFrame(() => {
+      return (typeof l == "function" ? l(H) : l ?? (p ? !0 : f ? E ? !Z(E) : !0 : !1)) ? H.defaultPrevented || !p || !E || (it(E, "mouseout", H), !Z(E)) ? !0 : (requestAnimationFrame(() => {
         Z(E) || e == null || e.hide();
       }), !1) : !1;
     },
     modal: L,
-    portal: s,
+    portal: u,
     backdrop: p ? !1 : i.backdrop
-  })), i = v({
-    "aria-labelledby": b
+  })), i = b({
+    "aria-labelledby": v
   }, i), i;
 }), Qt = Ot(
   k(function(t) {
-    const r = Jt(t);
-    return F(Yt, r);
+    const n = Jt(t);
+    return F(Yt, n);
   }),
   oe
-), Xt = "div", en = D(
+), Xt = "div", er = D(
   function(t) {
-    var r = t, { store: e } = r, u = O(r, ["store"]);
-    const s = fe();
-    return e = e || s, mt(v({ store: e }, u));
+    var n = t, { store: e } = n, a = O(n, ["store"]);
+    const u = fe();
+    return e = e || u, mt(b({ store: e }, a));
   }
-), tn = k(function(t) {
-  const r = en(t);
-  return F(Xt, r);
-}), nn = "button";
-function rn(n, t) {
+), tr = k(function(t) {
+  const n = er(t);
+  return F(Xt, n);
+}), rr = "button";
+function nr(r, t) {
   return {
     ArrowDown: t === "bottom" || t === "top" ? "first" : !1,
     ArrowUp: t === "bottom" || t === "top" ? "last" : !1,
     ArrowRight: t === "right" ? "first" : !1,
     ArrowLeft: t === "left" ? "first" : !1
-  }[n.key];
+  }[r.key];
 }
-function he(n, t) {
-  return !!(n != null && n.some((r) => !r.element || r.element === t ? !1 : r.element.getAttribute("aria-expanded") === "true"));
+function he(r, t) {
+  return !!(r != null && r.some((n) => !n.element || n.element === t ? !1 : n.element.getAttribute("aria-expanded") === "true"));
 }
-var on = D(
+var or = D(
   function(t) {
-    var r = t, {
+    var n = t, {
       store: e,
-      focusable: u,
-      accessibleWhenDisabled: s,
-      showOnHover: a
-    } = r, o = O(r, [
+      focusable: a,
+      accessibleWhenDisabled: u,
+      showOnHover: s
+    } = n, o = O(n, [
       "store",
       "focusable",
       "accessibleWhenDisabled",
@@ -523,12 +523,12 @@ var on = D(
       if (f == null || f(h), x || h.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !w) || !d) return;
       const { items: T } = w.getState();
       he(T, h.currentTarget) && p();
-    }), b = R(
+    }), v = R(
       e,
       (h) => h.placement.split("-")[0]
     ), A = o.onKeyDown, P = V((h) => {
       if (A == null || A(h), x || h.defaultPrevented) return;
-      const T = rn(h, b);
+      const T = nr(h, v);
       T && (h.preventDefault(), p(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(T));
     }), S = o.onClick, _ = V((h) => {
       if (S == null || S(h), h.defaultPrevented || !e) return;
@@ -537,33 +537,33 @@ var on = D(
     });
     o = Ae(
       o,
-      (h) => /* @__PURE__ */ se.jsx(zt, { value: e, children: h }),
+      (h) => /* @__PURE__ */ ue.jsx(zt, { value: e, children: h }),
       [e]
-    ), m && (o = y(v({}, o), {
-      render: /* @__PURE__ */ se.jsx(At.div, { render: o.render })
+    ), m && (o = y(b({}, o), {
+      render: /* @__PURE__ */ ue.jsx(At.div, { render: o.render })
     }));
     const g = Oe(o.id), z = R(
       (i == null ? void 0 : i.combobox) || i,
       "contentElement"
     ), I = m || d ? Ie(z, "menuitem") : void 0, L = e.useState("contentElement");
-    return o = y(v({
+    return o = y(b({
       id: g,
       role: I,
       "aria-haspopup": dt(L, "menu")
     }, o), {
-      ref: re(c, o.ref),
+      ref: ne(c, o.ref),
       onFocus: M,
       onKeyDown: P,
       onClick: _
-    }), o = Ye(y(v({
+    }), o = Ye(y(b({
       store: e,
-      focusable: u,
-      accessibleWhenDisabled: s
+      focusable: a,
+      accessibleWhenDisabled: u
     }, o), {
       showOnHover: (h) => {
         if (!(() => {
-          if (typeof a == "function") return a(h);
-          if (a != null) return a;
+          if (typeof s == "function") return s(h);
+          if (s != null) return s;
           if (m) return !0;
           if (!w) return !1;
           const { items: X } = w.getState();
@@ -572,41 +572,41 @@ var on = D(
         const B = d ? w : i;
         return B && B.setActiveId(h.currentTarget.id), !0;
       }
-    })), o = bt(v({
+    })), o = vt(b({
       store: e,
       toggleOnClick: !m,
-      focusable: u,
-      accessibleWhenDisabled: s
-    }, o)), o = de(v({
+      focusable: a,
+      accessibleWhenDisabled: u
+    }, o)), o = de(b({
       store: e,
       typeahead: d
     }, o)), o;
   }
-), un = k(function(t) {
-  const r = on(t);
-  return F(nn, r);
-}), an = "div";
-function sn(n, t, r) {
+), ar = k(function(t) {
+  const n = or(t);
+  return F(rr, n);
+}), sr = "div";
+function ur(r, t, n) {
   var e;
-  if (!n) return !1;
-  if (Z(n)) return !0;
-  const u = t == null ? void 0 : t.find((l) => {
+  if (!r) return !1;
+  if (Z(r)) return !0;
+  const a = t == null ? void 0 : t.find((l) => {
     var c;
-    return l.element === r ? !1 : ((c = l.element) == null ? void 0 : c.getAttribute("aria-expanded")) === "true";
-  }), s = (e = u == null ? void 0 : u.element) == null ? void 0 : e.getAttribute("aria-controls");
-  if (!s) return !1;
-  const o = ye(n).getElementById(s);
+    return l.element === n ? !1 : ((c = l.element) == null ? void 0 : c.getAttribute("aria-expanded")) === "true";
+  }), u = (e = a == null ? void 0 : a.element) == null ? void 0 : e.getAttribute("aria-controls");
+  if (!u) return !1;
+  const o = ye(r).getElementById(u);
   return o ? Z(o) ? !0 : !!o.querySelector("[role=menuitem][aria-expanded=true]") : !1;
 }
-var ln = D(
+var ir = D(
   function(t) {
-    var r = t, {
+    var n = t, {
       store: e,
-      hideOnClick: u = !0,
-      preventScrollOnKeyDown: s = !0,
-      focusOnHover: a,
+      hideOnClick: a = !0,
+      preventScrollOnKeyDown: u = !0,
+      focusOnHover: s,
       blurOnHoverEnd: o
-    } = r, l = O(r, [
+    } = n, l = O(n, [
       "store",
       "hideOnClick",
       "preventScrollOnKeyDown",
@@ -618,49 +618,49 @@ var ln = D(
       e,
       process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
-    const w = l.onClick, m = ae(u), d = "hideAll" in e ? e.hideAll : void 0, x = !!d, p = V((b) => {
-      w == null || w(b), !(b.defaultPrevented || ft(b) || pt(b) || !d || b.currentTarget.getAttribute("aria-haspopup") === "menu") && m(b) && d();
+    const w = l.onClick, m = se(a), d = "hideAll" in e ? e.hideAll : void 0, x = !!d, p = V((v) => {
+      w == null || w(v), !(v.defaultPrevented || ft(v) || pt(v) || !d || v.currentTarget.getAttribute("aria-haspopup") === "menu") && m(v) && d();
     }), f = R(
       e,
-      (b) => "contentElement" in b ? b.contentElement : null
+      (v) => "contentElement" in v ? v.contentElement : null
     ), M = Ie(f, "menuitem");
-    return l = y(v({
+    return l = y(b({
       role: M
     }, l), {
       onClick: p
-    }), l = je(v({
+    }), l = je(b({
       store: e,
-      preventScrollOnKeyDown: s
-    }, l)), l = _e(y(v({
+      preventScrollOnKeyDown: u
+    }, l)), l = _e(y(b({
       store: e
     }, l), {
-      focusOnHover(b) {
-        const A = () => typeof a == "function" ? a(b) : a ?? !0;
+      focusOnHover(v) {
+        const A = () => typeof s == "function" ? s(v) : s ?? !0;
         if (!e || !A()) return !1;
         const { baseElement: P, items: S } = e.getState();
-        return x ? (b.currentTarget.hasAttribute("aria-expanded") && b.currentTarget.focus(), !0) : sn(P, S, b.currentTarget) ? (b.currentTarget.focus(), !0) : !1;
+        return x ? (v.currentTarget.hasAttribute("aria-expanded") && v.currentTarget.focus(), !0) : ur(P, S, v.currentTarget) ? (v.currentTarget.focus(), !0) : !1;
       },
-      blurOnHoverEnd(b) {
-        return typeof o == "function" ? o(b) : o ?? x;
+      blurOnHoverEnd(v) {
+        return typeof o == "function" ? o(v) : o ?? x;
       }
     })), l;
   }
-), cn = Ce(
+), lr = Ce(
   k(function(t) {
-    const r = ln(t);
-    return F(an, r);
+    const n = ir(t);
+    return F(sr, n);
   })
-), dn = "hr", fn = D(
+), cr = "hr", dr = D(
   function(t) {
-    var r = t, { store: e } = r, u = O(r, ["store"]);
-    const s = fe();
-    return e = e || s, u = De(v({ store: e }, u)), u;
+    var n = t, { store: e } = n, a = O(n, ["store"]);
+    const u = fe();
+    return e = e || u, a = De(b({ store: e }, a)), a;
   }
-), pn = k(function(t) {
-  const r = fn(t);
-  return F(dn, r);
+), fr = k(function(t) {
+  const n = dr(t);
+  return F(cr, n);
 });
-const mn = Y.divBox`
+const pr = Y.divBox`
   display: flex;
   z-index: 2;
   color: ${U("defaultCards.backgroundColor")};
@@ -669,21 +669,21 @@ const mn = Y.divBox`
   #stroke {
     color: ${U("defaultCards.borderColor")};
   }
-`, bn = Y.svgBox(
-  ({ $transform: n }) => Be`
-    transform: ${n};
+`, mr = Y.svgBox(
+  ({ $transform: r }) => Be`
+    transform: ${r};
   `
-), vn = {
+), vr = {
   top: "rotateZ(180deg)",
   right: "rotateZ(-90deg)",
   bottom: "rotateZ(360deg)",
   left: "rotateZ(90deg)"
-}, Ne = J(({ store: n }, t) => {
-  const r = n == null ? void 0 : n.useState("currentPlacement"), [e] = r.split("-");
-  return /* @__PURE__ */ C.createElement(tn, { ref: t, render: /* @__PURE__ */ C.createElement(mn, null) }, /* @__PURE__ */ C.createElement(
-    bn,
+}, Ne = J(({ store: r }, t) => {
+  const n = r == null ? void 0 : r.useState("currentPlacement"), [e] = n.split("-");
+  return /* @__PURE__ */ C.createElement(tr, { ref: t, render: /* @__PURE__ */ C.createElement(pr, null) }, /* @__PURE__ */ C.createElement(
+    mr,
     {
-      $transform: vn[e],
+      $transform: vr[e],
       h: 30,
       viewBox: "0 0 30 30",
       w: 30,
@@ -694,7 +694,7 @@ const mn = Y.divBox`
   ));
 });
 Ne.displayName = "Arrow";
-const hn = Y.buttonBox`
+const br = Y.buttonBox`
   ${U("dropdownMenu.item")};
   display: flex;
   align-items: center;
@@ -709,14 +709,14 @@ const hn = Y.buttonBox`
   &:focus {
     outline: none !important; /* important for firefox */
   }
-`, Le = J(({ as: n, ...t }, r) => /* @__PURE__ */ C.createElement(cn, { ref: r, type: "button", ...t, render: /* @__PURE__ */ C.createElement(hn, { as: n }) }));
+`, Le = J(({ as: r, ...t }, n) => /* @__PURE__ */ C.createElement(lr, { ref: n, type: "button", ...t, render: /* @__PURE__ */ C.createElement(br, { as: r }) }));
 Le.displayName = "Item";
-const gn = Y.hr`
+const hr = Y.hr`
   ${U("dropdownMenu.separator")};
   border: 0;
   height: 1px;
   margin: 0;
-`, wn = J((n, t) => /* @__PURE__ */ C.createElement(pn, { ref: t, render: /* @__PURE__ */ C.createElement(gn, null), ...n })), Mn = Y.divBox`
+`, gr = J((r, t) => /* @__PURE__ */ C.createElement(fr, { ref: t, render: /* @__PURE__ */ C.createElement(hr, null), ...r })), wr = Y.divBox`
   ${U("cards.default")};
   ${U("dropdownMenu.inner")};
   z-index: 1;
@@ -726,47 +726,47 @@ const gn = Y.hr`
   &[data-enter] {
     opacity: 1;
   }
-`, Sn = J(
-  ({ children: n, dataTestId: t, gutter: r = "xs", innerProps: e = {}, store: u, ...s }, a) => {
-    const o = Ke(), l = u.useState("arrowElement");
-    let c = r;
-    return typeof c == "string" && (c = parseInt(o.toPx(parseFloat(o.space[r])), 10) || 0), l && (c = 0), /* @__PURE__ */ C.createElement(
+`, Mr = J(
+  ({ children: r, dataTestId: t, gutter: n = "xs", innerProps: e = {}, store: a, ...u }, s) => {
+    const o = Ke(), l = a.useState("arrowElement");
+    let c = n;
+    return typeof c == "string" && (c = parseInt(o.toPx(parseFloat(o.space[n])), 10) || 0), l && (c = 0), /* @__PURE__ */ C.createElement(
       Qt,
       {
         "aria-label": "dropdown-menu",
         "data-testid": t,
         gutter: c,
-        ref: a,
-        render: /* @__PURE__ */ C.createElement(Mn, { ...e }),
-        store: u,
+        ref: s,
+        render: /* @__PURE__ */ C.createElement(wr, { ...e }),
+        store: a,
         tabIndex: 0,
-        ...s
+        ...u
       },
-      n
+      r
     );
   }
 );
-function Fn(n = {}) {
+function kr(r = {}) {
   return Ut({
     animated: !0,
-    ...n
+    ...r
   });
 }
-const xn = J(({ as: n, store: t, ...r }, e) => /* @__PURE__ */ C.createElement(
-  un,
+const Sr = J(({ as: r, store: t, ...n }, e) => /* @__PURE__ */ C.createElement(
+  ar,
   {
     ref: e,
-    render: n ? (u) => /* @__PURE__ */ C.createElement(n, { ...u }) : void 0,
+    render: r ? (a) => /* @__PURE__ */ C.createElement(r, { ...a }) : void 0,
     store: t,
-    ...r
+    ...n
   }
-)), Nn = Object.assign(Sn, {
-  Trigger: xn,
+)), Fr = Object.assign(Mr, {
+  Trigger: Sr,
   Item: Le,
-  Separator: wn,
+  Separator: gr,
   Arrow: Ne
 });
 export {
-  Nn as DropdownMenu,
-  Fn as useDropdownMenu
+  Fr as DropdownMenu,
+  kr as useDropdownMenu
 };