welcome-ui 8.1.0 → 8.2.0-alpha.0

package/dist/DropdownMenu.mjs

@@ -4,26 +4,26 @@ import Q, { th as U, css as Le, useTheme as $e } from "@xstyled/styled-component
 import { forwardRef as X } from "./System.mjs";
 import { h as ie, j as je, C as he, a as ge, u as Ve } from "./P2CTZE2T-DOT1mNnX.mjs";
 import { e as Re, f as Be, c as Ke, d as ze, g as We, h as Ze } from "./BYC7LY2E-CWSI38FM.mjs";
-import { c as D, _ as P, i as B, a6 as Ue, u as ae, b as j, a8 as Z, U as qe, d as E, e as ne, g as b, y as we, Y as Ge, Z as Qe, v as Me, f as k, h as F, H as xe, Q as Xe, p as Ye, o as Je, aa as et, t as Se, z as tt, A as G, B as W, C as $, a2 as rt, G as nt, w as Ce, D as ye, ab as ot, X as st, l as at, ac as Ee, s as ut, ad as it, ae as ct } from "./LVA2YJMS-C-kJ1lkr.mjs";
-import { useCallback as lt, useRef as ce, createContext as Oe, useState as Pe, useEffect as Ae, createRef as dt, useMemo as ft } from "react";
+import { c as D, _ as O, i as B, a6 as Ue, u as ae, b as j, a8 as Z, U as qe, d as E, e as ne, g as b, y as we, Y as Ge, Z as Qe, v as Me, f as k, h as F, H as xe, Q as Xe, p as Ye, o as Je, aa as et, t as Se, z as tt, A as G, B as W, C as $, a2 as rt, G as nt, w as Ce, D as ye, ab as ot, X as st, l as at, ac as Ee, s as ut, ad as it, ae as ct } from "./LVA2YJMS-C-kJ1lkr.mjs";
+import { useCallback as lt, useRef as ce, createContext as Pe, useState as Oe, useEffect as Ae, createRef as dt, useMemo as ft } from "react";
 import { u as pt, b as mt } from "./QYJ6MIDR-DJ-vUdAM.mjs";
 import { m as vt, o as bt, p as ht, t as gt, c as wt, s as me, d as ve, a as Mt, b as xt, u as V } from "./YV4JVR4I-DPC8mMuG.mjs";
 import { c as St, u as Ct, a as yt } from "./ITI7HKP4-C89kOQb8.mjs";
 import { i as Et } from "./VGCJ63VH-C0UPBY-5.mjs";
-import { c as Ot, R as Pt } from "./JC64G2H7-afsomHuH.mjs";
+import { c as Pt, R as Ot } from "./JC64G2H7-afsomHuH.mjs";
 import { a as At } from "./VEVQD5MH-0w9Y7Ytc.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 It(n) {
-  const t = Te(n);
-  return t ? Ge(n.currentTarget, t) : !1;
+function It(r) {
+  const t = Te(r);
+  return t ? Ge(r.currentTarget, t) : !1;
 }
 var ue = Symbol("composite-hover");
-function Ht(n) {
-  let t = Te(n);
+function Ht(r) {
+  let t = Te(r);
   if (!t) return !1;
   do {
     if (Qe(t, ue) && t[ue]) return !0;
@@ -33,21 +33,21 @@ function Ht(n) {
 }
 var Ie = D(
   function(t) {
-    var r = t, {
+    var n = t, {
       store: e,
-      focusOnHover: o = !0,
-      blurOnHoverEnd: u = !!o
-    } = r, a = P(r, [
+      focusOnHover: s = !0,
+      blurOnHoverEnd: u = !!s
+    } = n, a = O(n, [
       "store",
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const s = ie();
-    e = e || s, B(
+    const o = ie();
+    e = e || o, B(
       e,
       process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
     );
-    const c = Ue(), l = a.onMouseMove, i = ae(o), w = j((f) => {
+    const c = Ue(), l = a.onMouseMove, i = ae(s), w = j((f) => {
       if (l == null || l(f), !f.defaultPrevented && c() && i(f)) {
         if (!Z(f.currentTarget)) {
           const M = e == null ? void 0 : e.getState().baseElement;
@@ -70,81 +70,81 @@ var Ie = D(
 );
 Me(
   k(function(t) {
-    const r = Ie(t);
-    return F(Tt, r);
+    const n = Ie(t);
+    return F(Tt, n);
   })
 );
 var _t = "hr", He = D(
   function(t) {
-    var r = t, { orientation: e = "horizontal" } = r, o = P(r, ["orientation"]);
-    return o = b({
+    var n = t, { orientation: e = "horizontal" } = n, s = O(n, ["orientation"]);
+    return s = b({
       role: "separator",
       "aria-orientation": e
-    }, o), o;
+    }, s), s;
   }
 );
 k(function(t) {
-  const r = He(t);
-  return F(_t, r);
+  const n = He(t);
+  return F(_t, n);
 });
 var Dt = "hr", _e = D(function(t) {
-  var r = t, { store: e } = r, o = P(r, ["store"]);
+  var n = t, { store: e } = n, s = O(n, ["store"]);
   const u = ie();
   e = e || u, B(
     e,
     process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
   );
   const a = e.useState(
-    (s) => s.orientation === "horizontal" ? "vertical" : "horizontal"
+    (o) => o.orientation === "horizontal" ? "vertical" : "horizontal"
   );
-  return o = He(E(b({}, o), { orientation: a })), o;
+  return s = He(E(b({}, s), { orientation: a })), s;
 });
 k(function(t) {
-  const r = _e(t);
-  return F(Dt, r);
+  const n = _e(t);
+  return F(Dt, n);
 });
 var kt = "div", N = "";
 function se() {
   N = "";
 }
-function Ft(n) {
-  const t = n.target;
-  return t && Ye(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 Ft(r) {
+  const t = r.target;
+  return t && Ye(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 Nt(n, t) {
-  if (Je(n)) return !0;
-  const r = n.target;
-  return r ? t.some((o) => o.element === r) : !1;
+function Nt(r, t) {
+  if (Je(r)) return !0;
+  const n = r.target;
+  return n ? t.some((s) => s.element === n) : !1;
 }
-function Lt(n) {
-  return n.filter((t) => !t.disabled);
+function Lt(r) {
+  return r.filter((t) => !t.disabled);
 }
-function re(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 ? et(e).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
 }
-function $t(n, t, r) {
-  if (!r) return n;
-  const e = n.find((o) => o.id === r);
-  return !e || !re(e, t) || N !== t && re(e, N) ? n : (N = t, je(
-    n.filter((o) => re(o, N)),
-    r
-  ).filter((o) => o.id !== r));
+function $t(r, t, n) {
+  if (!n) return r;
+  const e = r.find((s) => s.id === n);
+  return !e || !re(e, t) || N !== t && re(e, N) ? r : (N = t, je(
+    r.filter((s) => re(s, N)),
+    n
+  ).filter((s) => s.id !== n));
 }
 var le = D(function(t) {
-  var r = t, { store: e, typeahead: o = !0 } = r, u = P(r, ["store", "typeahead"]);
+  var n = t, { store: e, typeahead: s = !0 } = n, u = O(n, ["store", "typeahead"]);
   const a = ie();
   e = e || a, B(
     e,
     process.env.NODE_ENV !== "production" && "CompositeTypeahead must be a Composite component"
   );
-  const s = u.onKeyDownCapture, c = ce(0), l = j((i) => {
-    if (s == null || s(i), i.defaultPrevented || !o || !e) return;
+  const o = u.onKeyDownCapture, c = ce(0), l = j((i) => {
+    if (o == null || o(i), i.defaultPrevented || !s || !e) return;
     if (!Ft(i))
       return se();
     const { renderedItems: w, items: m, activeId: d, id: S } = e.getState();
@@ -162,45 +162,45 @@ var le = D(function(t) {
     }, 500);
     const A = i.key.toLowerCase();
     N += A, p = $t(p, A, d);
-    const O = p.find((x) => re(x, N));
-    O ? e.move(O.id) : se();
+    const P = p.find((x) => re(x, N));
+    P ? e.move(P.id) : se();
   });
   return u = E(b({}, u), {
     onKeyDownCapture: l
   }), we(u);
 });
 k(function(t) {
-  const r = le(t);
-  return F(kt, r);
+  const n = le(t);
+  return F(kt, n);
 });
 var De = Se(
   [ge],
   [he]
 ), jt = De.useContext, Vt = De.useScopedContext;
-Oe(
+Pe(
   void 0
 );
 var Y = Se(
   [ge, Be],
   [he, Re]
 ), de = Y.useContext, Rt = Y.useScopedContext, oe = Y.useProviderContext, Bt = Y.ContextProvider, Kt = Y.ScopedContextProvider;
-Oe(
+Pe(
   void 0
 );
-function zt(n = {}) {
-  var t = n, {
-    combobox: r,
+function zt(r = {}) {
+  var t = r, {
+    combobox: n,
     parent: e,
-    menubar: o
+    menubar: s
   } = t, u = tt(t, [
     "combobox",
     "parent",
     "menubar"
   ]);
-  const a = !!o && !e, s = vt(
+  const a = !!s && !e, o = vt(
     u.store,
     ht(e, ["values"]),
-    bt(r, [
+    bt(n, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -208,16 +208,16 @@ function zt(n = {}) {
       "disclosureElement"
     ])
   );
-  gt(u, s);
-  const c = s.getState(), l = St(G($({}, u), {
-    store: s,
+  gt(u, o);
+  const c = o.getState(), l = St(G($({}, u), {
+    store: o,
     orientation: W(
       u.orientation,
       c.orientation,
       "vertical"
     )
   })), i = Ke(G($({}, u), {
-    store: s,
+    store: o,
     placement: W(
       u.placement,
       c.placement,
@@ -237,7 +237,7 @@ function zt(n = {}) {
       u.defaultValues,
       {}
     )
-  }), m = wt(w, l, i, s);
+  }), m = wt(w, l, i, o);
   return me(
     m,
     () => ve(m, ["mounted"], (d) => {
@@ -252,9 +252,9 @@ function zt(n = {}) {
       );
     })
   ), G($($($({}, l), i), m), {
-    combobox: r,
+    combobox: n,
     parent: e,
-    menubar: o,
+    menubar: s,
     hideAll: () => {
       i.hide(), e == null || e.hideAll();
     },
@@ -270,47 +270,47 @@ function zt(n = {}) {
     }
   });
 }
-function Wt(n, t, r) {
-  return nt(t, [r.combobox, r.parent, r.menubar]), xt(n, r, "values", "setValues"), Object.assign(
+function Wt(r, t, n) {
+  return nt(t, [n.combobox, n.parent, n.menubar]), xt(r, n, "values", "setValues"), Object.assign(
     ze(
-      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 Zt(n = {}) {
-  const t = de(), r = jt(), e = At();
-  n = E(b({}, 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 Zt(r = {}) {
+  const t = de(), n = jt(), e = At();
+  r = E(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 [o, u] = Mt(zt, n);
-  return Wt(o, u, n);
+  const [s, u] = Mt(zt, r);
+  return Wt(s, u, r);
 }
 var Ut = "div";
-function qt(n) {
-  var t = n, { store: r } = t, e = P(t, ["store"]);
-  const [o, u] = Pe(void 0), a = e["aria-label"], s = V(r, "disclosureElement"), c = V(r, "contentElement");
+function qt(r) {
+  var t = r, { store: n } = t, e = O(t, ["store"]);
+  const [s, u] = Oe(void 0), a = e["aria-label"], o = V(n, "disclosureElement"), c = V(n, "contentElement");
   return Ae(() => {
-    const l = s;
+    const l = o;
     if (!l) return;
     const i = c;
     if (!i) return;
     a || i.hasAttribute("aria-label") ? u(void 0) : l.id && u(l.id);
-  }, [a, s, c]), o;
+  }, [a, o, c]), s;
 }
 var ke = D(
   function(t) {
-    var r = t, { store: e, alwaysVisible: o, composite: u } = r, a = P(r, ["store", "alwaysVisible", "composite"]);
-    const s = oe();
-    e = e || s, B(
+    var n = t, { store: e, alwaysVisible: s, composite: u } = n, a = O(n, ["store", "alwaysVisible", "composite"]);
+    const o = oe();
+    e = e || o, B(
       e,
       process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
     );
@@ -361,11 +361,11 @@ var ke = D(
       (g) => /* @__PURE__ */ C.jsx(Kt, { value: e, children: g }),
       [e]
     );
-    const v = qt(b({ store: e }, a)), A = e.useState("mounted"), O = Et(A, a.hidden, o), x = O ? E(b({}, a.style), { display: "none" }) : a.style;
+    const v = qt(b({ store: e }, a)), A = e.useState("mounted"), P = Et(A, a.hidden, s), x = P ? E(b({}, a.style), { display: "none" }) : a.style;
     a = E(b({
       id: w,
       "aria-labelledby": v,
-      hidden: O
+      hidden: P
     }, a), {
       ref: ne(w ? e.setContentElement : null, a.ref),
       style: x,
@@ -379,19 +379,19 @@ var ke = D(
   }
 );
 k(function(t) {
-  const r = ke(t);
-  return F(Ut, r);
+  const n = ke(t);
+  return F(Ut, n);
 });
 var Gt = "div", Qt = D(function(t) {
-  var r = t, {
+  var n = t, {
     store: e,
-    modal: o = !1,
-    portal: u = !!o,
+    modal: s = !1,
+    portal: u = !!s,
     hideOnEscape: a = !0,
-    autoFocusOnShow: s = !0,
+    autoFocusOnShow: o = !0,
     hideOnHoverOutside: c,
     alwaysVisible: l
-  } = r, i = P(r, [
+  } = n, i = O(n, [
     "store",
     "modal",
     "portal",
@@ -413,8 +413,8 @@ var Gt = "div", Qt = D(function(t) {
     store: e,
     alwaysVisible: l
   }, i)), { "aria-labelledby": v } = M;
-  i = P(M, ["aria-labelledby"]);
-  const [O, x] = Pe(), H = e.useState("autoFocusOnShow"), g = e.useState("initialFocus"), K = e.useState("baseElement"), T = e.useState("renderedItems");
+  i = O(M, ["aria-labelledby"]);
+  const [P, x] = Oe(), H = e.useState("autoFocusOnShow"), g = e.useState("initialFocus"), K = e.useState("baseElement"), T = e.useState("renderedItems");
   Ae(() => {
     let _ = !1;
     return x((y) => {
@@ -437,7 +437,7 @@ var Gt = "div", Qt = D(function(t) {
       _ = !0;
     };
   }, [e, H, g, T, K]);
-  const L = p ? !1 : o, h = !!s, I = !!O || !!i.initialFocus || !!L, z = V(
+  const L = p ? !1 : s, h = !!o, I = !!P || !!i.initialFocus || !!L, z = V(
     e.combobox || e,
     "contentElement"
   ), R = V(
@@ -454,8 +454,8 @@ var Gt = "div", Qt = D(function(t) {
   }, i)), i = We(E(b({
     store: e,
     alwaysVisible: l,
-    initialFocus: O,
-    autoFocusOnShow: h ? I && s : H || !!L
+    initialFocus: P,
+    autoFocusOnShow: h ? I && o : H || !!L
   }, i), {
     hideOnEscape(_) {
       return st(a, _) ? !1 : (e == null || e.hideAll(), !0);
@@ -472,41 +472,41 @@ var Gt = "div", Qt = D(function(t) {
   })), i = b({
     "aria-labelledby": v
   }, i), i;
-}), Xt = Ot(
+}), Xt = Pt(
   k(function(t) {
-    const r = Qt(t);
-    return F(Gt, r);
+    const n = Qt(t);
+    return F(Gt, n);
   }),
   oe
 ), Yt = "div", Jt = D(
   function(t) {
-    var r = t, { store: e } = r, o = P(r, ["store"]);
+    var n = t, { store: e } = n, s = O(n, ["store"]);
     const u = de();
-    return e = e || u, pt(b({ store: e }, o));
+    return e = e || u, pt(b({ store: e }, s));
   }
 ), er = k(function(t) {
-  const r = Jt(t);
-  return F(Yt, r);
+  const n = Jt(t);
+  return F(Yt, n);
 }), tr = "button";
-function rr(n, t) {
+function rr(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 be(n, t) {
-  return !!(n != null && n.some((r) => !r.element || r.element === t ? !1 : r.element.getAttribute("aria-expanded") === "true"));
+function be(r, t) {
+  return !!(r != null && r.some((n) => !n.element || n.element === t ? !1 : n.element.getAttribute("aria-expanded") === "true"));
 }
 var nr = D(
   function(t) {
-    var r = t, {
+    var n = t, {
       store: e,
-      focusable: o,
+      focusable: s,
       accessibleWhenDisabled: u,
       showOnHover: a
-    } = r, s = P(r, [
+    } = n, o = O(n, [
       "store",
       "focusable",
       "accessibleWhenDisabled",
@@ -517,50 +517,50 @@ var nr = D(
       e,
       process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component."
     );
-    const l = ce(null), i = e.parent, w = e.menubar, m = !!i, d = !!w && !m, S = at(s), p = () => {
+    const l = ce(null), i = e.parent, w = e.menubar, m = !!i, d = !!w && !m, S = at(o), p = () => {
       const h = l.current;
       h && (e == null || e.setDisclosureElement(h), e == null || e.setAnchorElement(h), e == null || e.show());
-    }, f = s.onFocus, M = j((h) => {
+    }, f = o.onFocus, M = j((h) => {
       if (f == null || f(h), S || h.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !w) || !d) return;
       const { items: I } = w.getState();
       be(I, h.currentTarget) && p();
     }), v = V(
       e,
       (h) => h.placement.split("-")[0]
-    ), A = s.onKeyDown, O = j((h) => {
+    ), A = o.onKeyDown, P = j((h) => {
       if (A == null || A(h), S || h.defaultPrevented) return;
       const I = rr(h, v);
       I && (h.preventDefault(), p(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(I));
-    }), x = s.onClick, H = j((h) => {
+    }), x = o.onClick, H = j((h) => {
       if (x == null || x(h), h.defaultPrevented || !e) return;
       const I = !h.detail, { open: z } = e.getState();
       (!z || I) && ((!m || I) && e.setAutoFocusOnShow(!0), e.setInitialFocus(I ? "first" : "container")), m && p();
     });
-    s = ye(
-      s,
+    o = ye(
+      o,
       (h) => /* @__PURE__ */ C.jsx(Bt, { value: e, children: h }),
       [e]
-    ), m && (s = E(b({}, s), {
-      render: /* @__PURE__ */ C.jsx(Pt.div, { render: s.render })
+    ), m && (o = E(b({}, o), {
+      render: /* @__PURE__ */ C.jsx(Ot.div, { render: o.render })
     }));
-    const g = Ce(s.id), K = V(
+    const g = Ce(o.id), K = V(
       (i == null ? void 0 : i.combobox) || i,
       "contentElement"
     ), T = m || d ? Ee(K, "menuitem") : void 0, L = e.useState("contentElement");
-    return s = E(b({
+    return o = E(b({
       id: g,
       role: T,
       "aria-haspopup": ut(L, "menu")
-    }, s), {
-      ref: ne(l, s.ref),
+    }, o), {
+      ref: ne(l, o.ref),
       onFocus: M,
-      onKeyDown: O,
+      onKeyDown: P,
       onClick: H
-    }), s = Ze(E(b({
+    }), o = Ze(E(b({
       store: e,
-      focusable: o,
+      focusable: s,
       accessibleWhenDisabled: u
-    }, s), {
+    }, o), {
       showOnHover: (h) => {
         if (!(() => {
           if (typeof a == "function") return a(h);
@@ -573,41 +573,41 @@ var nr = D(
         const R = d ? w : i;
         return R && R.setActiveId(h.currentTarget.id), !0;
       }
-    })), s = mt(b({
+    })), o = mt(b({
       store: e,
       toggleOnClick: !m,
-      focusable: o,
+      focusable: s,
       accessibleWhenDisabled: u
-    }, s)), s = le(b({
+    }, o)), o = le(b({
       store: e,
       typeahead: d
-    }, s)), s;
+    }, o)), o;
   }
 ), or = k(function(t) {
-  const r = nr(t);
-  return F(tr, r);
+  const n = nr(t);
+  return F(tr, n);
 }), sr = "div";
-function ar(n, t, r) {
+function ar(r, t, n) {
   var e;
-  if (!n) return !1;
-  if (Z(n)) return !0;
-  const o = t == null ? void 0 : t.find((c) => {
+  if (!r) return !1;
+  if (Z(r)) return !0;
+  const s = t == null ? void 0 : t.find((c) => {
     var l;
-    return c.element === r ? !1 : ((l = c.element) == null ? void 0 : l.getAttribute("aria-expanded")) === "true";
-  }), u = (e = o == null ? void 0 : o.element) == null ? void 0 : e.getAttribute("aria-controls");
+    return c.element === n ? !1 : ((l = c.element) == null ? void 0 : l.getAttribute("aria-expanded")) === "true";
+  }), u = (e = s == null ? void 0 : s.element) == null ? void 0 : e.getAttribute("aria-controls");
   if (!u) return !1;
-  const s = xe(n).getElementById(u);
-  return s ? Z(s) ? !0 : !!s.querySelector("[role=menuitem][aria-expanded=true]") : !1;
+  const o = xe(r).getElementById(u);
+  return o ? Z(o) ? !0 : !!o.querySelector("[role=menuitem][aria-expanded=true]") : !1;
 }
 var ur = D(
   function(t) {
-    var r = t, {
+    var n = t, {
       store: e,
-      hideOnClick: o = !0,
+      hideOnClick: s = !0,
       preventScrollOnKeyDown: u = !0,
       focusOnHover: a,
-      blurOnHoverEnd: s
-    } = r, c = P(r, [
+      blurOnHoverEnd: o
+    } = n, c = O(n, [
       "store",
       "hideOnClick",
       "preventScrollOnKeyDown",
@@ -619,7 +619,7 @@ var ur = D(
       e,
       process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
-    const w = c.onClick, m = ae(o), d = "hideAll" in e ? e.hideAll : void 0, S = !!d, p = j((v) => {
+    const w = c.onClick, m = ae(s), d = "hideAll" in e ? e.hideAll : void 0, S = !!d, p = j((v) => {
       w == null || w(v), !(v.defaultPrevented || it(v) || ct(v) || !d || v.currentTarget.getAttribute("aria-haspopup") === "menu") && m(v) && d();
     }), f = V(
       e,
@@ -638,28 +638,28 @@ var ur = D(
       focusOnHover(v) {
         const A = () => typeof a == "function" ? a(v) : a ?? !0;
         if (!e || !A()) return !1;
-        const { baseElement: O, items: x } = e.getState();
-        return S ? (v.currentTarget.hasAttribute("aria-expanded") && v.currentTarget.focus(), !0) : ar(O, x, v.currentTarget) ? (v.currentTarget.focus(), !0) : !1;
+        const { baseElement: P, items: x } = e.getState();
+        return S ? (v.currentTarget.hasAttribute("aria-expanded") && v.currentTarget.focus(), !0) : ar(P, x, v.currentTarget) ? (v.currentTarget.focus(), !0) : !1;
       },
       blurOnHoverEnd(v) {
-        return typeof s == "function" ? s(v) : s ?? S;
+        return typeof o == "function" ? o(v) : o ?? S;
       }
     })), c;
   }
 ), ir = Me(
   k(function(t) {
-    const r = ur(t);
-    return F(sr, r);
+    const n = ur(t);
+    return F(sr, n);
   })
 ), cr = "hr", lr = D(
   function(t) {
-    var r = t, { store: e } = r, o = P(r, ["store"]);
+    var n = t, { store: e } = n, s = O(n, ["store"]);
     const u = de();
-    return e = e || u, o = _e(b({ store: e }, o)), o;
+    return e = e || u, s = _e(b({ store: e }, s)), s;
   }
 ), dr = k(function(t) {
-  const r = lr(t);
-  return F(cr, r);
+  const n = lr(t);
+  return F(cr, n);
 });
 const fr = Q.divBox`
   display: flex;
@@ -671,16 +671,16 @@ const fr = Q.divBox`
     color: ${U("defaultCards.borderColor")};
   }
 `, pr = Q.svgBox(
-  ({ $transform: n }) => Le`
-    transform: ${n};
+  ({ $transform: r }) => Le`
+    transform: ${r};
   `
 ), mr = {
   bottom: "rotateZ(360deg)",
   left: "rotateZ(90deg)",
   right: "rotateZ(-90deg)",
   top: "rotateZ(180deg)"
-}, Fe = X(({ store: n }, t) => {
-  const r = n == null ? void 0 : n.useState("currentPlacement"), [e] = (r == null ? void 0 : r.split("-")) || ["bottom"];
+}, Fe = X(({ store: r }, t) => {
+  const n = r == null ? void 0 : r.useState("currentPlacement"), [e] = n.split("-");
   return /* @__PURE__ */ C.jsx(er, { ref: t, render: /* @__PURE__ */ C.jsx(fr, {}), children: /* @__PURE__ */ C.jsxs(
     pr,
     {
@@ -712,14 +712,14 @@ const vr = Q.buttonBox`
   &:focus {
     outline: none !important; /* important for firefox */
   }
-`, Ne = X(({ as: n, ...t }, r) => /* @__PURE__ */ C.jsx(ir, { ref: r, type: "button", ...t, render: /* @__PURE__ */ C.jsx(vr, { as: n }) }));
+`, Ne = X(({ as: r, ...t }, n) => /* @__PURE__ */ C.jsx(ir, { ref: n, type: "button", ...t, render: /* @__PURE__ */ C.jsx(vr, { as: r }) }));
 Ne.displayName = "Item";
 const br = Q.hr`
   ${U("dropdownMenu.separator")};
   border: 0;
   height: 1px;
   margin: 0;
-`, hr = X((n, t) => /* @__PURE__ */ C.jsx(dr, { ref: t, render: /* @__PURE__ */ C.jsx(br, {}), ...n })), gr = Q.divBox`
+`, hr = X((r, t) => /* @__PURE__ */ C.jsx(dr, { ref: t, render: /* @__PURE__ */ C.jsx(br, {}), ...r })), gr = Q.divBox`
   ${U("cards.default")};
   ${U("dropdownMenu.inner")};
   z-index: 1;
@@ -730,10 +730,10 @@ const br = Q.hr`
     opacity: 1;
   }
 `, wr = X(
-  ({ children: n, dataTestId: t, gutter: r = "xs", innerProps: e = {}, store: o, ...u }, a) => {
-    const s = $e(), c = o == null ? void 0 : o.useState("arrowElement");
-    let l = r;
-    return typeof l == "string" && (l = parseInt(s.toPx(parseFloat(s.space[r])), 10) || 0), c && (l = 0), /* @__PURE__ */ C.jsx(
+  ({ children: r, dataTestId: t, gutter: n = "xs", innerProps: e = {}, store: s, ...u }, a) => {
+    const o = $e(), c = s.useState("arrowElement");
+    let l = n;
+    return typeof l == "string" && (l = parseInt(o.toPx(parseFloat(o.space[n])), 10) || 0), c && (l = 0), /* @__PURE__ */ C.jsx(
       Xt,
       {
         "aria-label": "dropdown-menu",
@@ -741,27 +741,27 @@ const br = Q.hr`
         gutter: l,
         ref: a,
         render: /* @__PURE__ */ C.jsx(gr, { ...e }),
-        store: o,
+        store: s,
         tabIndex: 0,
         ...u,
-        children: n
+        children: r
       }
     );
   }
 );
-function kr(n = {}) {
+function kr(r = {}) {
   return Zt({
     animated: !0,
-    ...n
+    ...r
   });
 }
-const Mr = X(({ as: n, store: t, ...r }, e) => /* @__PURE__ */ C.jsx(
+const Mr = X(({ as: r, store: t, ...n }, e) => /* @__PURE__ */ C.jsx(
   or,
   {
     ref: e,
-    render: n ? (o) => /* @__PURE__ */ C.jsx(n, { ...o }) : void 0,
+    render: r ? (s) => /* @__PURE__ */ C.jsx(r, { ...s }) : void 0,
     store: t,
-    ...r
+    ...n
   }
 )), Fr = Object.assign(wr, {
   Arrow: Fe,