welcome-ui 7.4.0 → 8.0.0

package/dist/DropdownMenu.mjs

@@ -1,37 +1,36 @@
 "use client";
-import C, { useCallback as Ve, useRef as le, createContext as ge, useState as we, useEffect as Me, createRef as Re, useMemo as Be } from "react";
-import Y, { th as U, css as Ke, system as Se, useTheme as ze } from "@xstyled/styled-components";
+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 je, C as Ee, a as xe, u as We } from "./P2CTZE2T-YPes1GXe.mjs";
-import { e as Ze, f as Ue, c as qe, d as Ge, g as Ye, h as Je } from "./BYC7LY2E-CVjUW1dr.mjs";
-import { c as D, _ as O, i as K, a7 as Qe, u as ae, b as V, a9 as Z, V as Xe, d as y, e as re, g as v, z as Ce, w as ye, f as k, h as F, Z as et, $ as tt, I as Pe, R as nt, n as rt, m as ot, ab as ut, v as Oe, A as at, B as G, C as W, D as L, a3 as st, H as it, x as Ae, E as _e, t as se, Y as lt, ac as ct, l as dt, ad as Ie, s as ft, ae as pt, af as mt } from "./LVA2YJMS-qFC9J-lt.mjs";
-import { u as bt, b as vt } from "./QYJ6MIDR-BLLqyXdd.mjs";
-import { m as ht, o as gt, p as wt, t as Mt, s as be, d as ve, c as St, a as Et, b as xt, u as R } from "./YV4JVR4I-BGfUf3Nu.mjs";
-import { Box as Ct } from "./Box.mjs";
-import { c as yt, u as Pt, a as Ot } from "./ITI7HKP4-BONrZ9Pq.mjs";
-import { i as At } from "./VGCJ63VH-B39w1tBw.mjs";
-import { c as _t, R as It } from "./JC64G2H7-Dey-8h60.mjs";
-import { a as Tt } from "./VEVQD5MH-ZMnHV8ZJ.mjs";
-var Ht = "div";
+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";
+var Tt = "div";
 function Te(n) {
   const t = n.relatedTarget;
   return (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : null;
 }
-function Dt(n) {
+function _t(n) {
   const t = Te(n);
-  return t ? et(n.currentTarget, t) : !1;
+  return t ? Xe(n.currentTarget, t) : !1;
 }
 var ie = Symbol("composite-hover");
-function kt(n) {
+function Ht(n) {
   let t = Te(n);
   if (!t) return !1;
   do {
-    if (tt(t, ie) && t[ie]) return !0;
+    if (et(t, ie) && t[ie]) return !0;
     t = t.parentElement;
   } while (t);
   return !1;
 }
-var He = D(
+var _e = D(
   function(t) {
     var r = t, {
       store: e,
@@ -47,34 +46,34 @@ var He = D(
       e,
       process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
     );
-    const l = Qe(), c = a.onMouseMove, i = ae(u), w = V((f) => {
+    const l = Je(), c = a.onMouseMove, i = ae(u), 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;
-          M && !Xe(M) && M.focus();
+          M && !Qe(M) && M.focus();
         }
         e == null || e.setActiveId(f.currentTarget.id);
       }
-    }), m = a.onMouseLeave, d = ae(s), E = V((f) => {
+    }), m = a.onMouseLeave, d = ae(s), x = V((f) => {
       var M;
-      m == null || m(f), !f.defaultPrevented && l() && (Dt(f) || kt(f) || i(f) && d(f) && (e == null || e.setActiveId(null), (M = e == null ? void 0 : e.getState().baseElement) == null || M.focus()));
-    }), p = Ve((f) => {
+      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),
       onMouseMove: w,
-      onMouseLeave: E
-    }), Ce(a);
+      onMouseLeave: x
+    }), Ee(a);
   }
 );
-ye(
+Ce(
   k(function(t) {
-    const r = He(t);
-    return F(Ht, r);
+    const r = _e(t);
+    return F(Tt, r);
   })
 );
-var Ft = "hr", De = D(
+var Dt = "hr", He = D(
   function(t) {
     var r = t, { orientation: e = "horizontal" } = r, u = O(r, ["orientation"]);
     return u = v({
@@ -84,10 +83,10 @@ var Ft = "hr", De = D(
   }
 );
 k(function(t) {
-  const r = De(t);
-  return F(Ft, r);
+  const r = He(t);
+  return F(Dt, r);
 });
-var Nt = "hr", ke = D(function(t) {
+var kt = "hr", De = D(function(t) {
   var r = t, { store: e } = r, u = O(r, ["store"]);
   const s = ce();
   e = e || s, K(
@@ -97,26 +96,26 @@ var Nt = "hr", ke = D(function(t) {
   const a = e.useState(
     (o) => o.orientation === "horizontal" ? "vertical" : "horizontal"
   );
-  return u = De(y(v({}, u), { orientation: a })), u;
+  return u = He(y(v({}, u), { orientation: a })), u;
 });
 k(function(t) {
-  const r = ke(t);
-  return F(Nt, r);
+  const r = De(t);
+  return F(kt, r);
 });
-var $t = "div", N = "";
+var Ft = "div", N = "";
 function ue() {
   N = "";
 }
-function Lt(n) {
+function Nt(n) {
   const t = n.target;
-  return t && rt(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);
+  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 Vt(n, t) {
-  if (ot(n)) return !0;
+function Lt(n, t) {
+  if (rt(n)) return !0;
   const r = n.target;
   return r ? t.some((u) => u.element === r) : !1;
 }
-function Rt(n) {
+function $t(n) {
   return n.filter((t) => !t.disabled);
 }
 function ne(n, t) {
@@ -126,12 +125,12 @@ function ne(n, t) {
   // 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;
-  return e ? ut(e).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
+  return e ? ot(e).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
 }
-function Bt(n, t, r) {
+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, je(
+  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));
@@ -145,62 +144,62 @@ var de = D(function(t) {
   );
   const o = s.onKeyDownCapture, l = le(0), c = V((i) => {
     if (o == null || o(i), i.defaultPrevented || !u || !e) return;
-    if (!Lt(i))
+    if (!Nt(i))
       return ue();
-    const { renderedItems: w, items: m, activeId: d, id: E } = e.getState();
-    let p = Rt(
+    const { renderedItems: w, items: m, activeId: d, id: x } = e.getState();
+    let p = $t(
       m.length > w.length ? m : w
     );
-    const f = Pe(i.currentTarget), M = `[data-offscreen-id="${E}"]`, b = f.querySelectorAll(M);
+    const f = ye(i.currentTarget), M = `[data-offscreen-id="${x}"]`, b = f.querySelectorAll(M);
     for (const S of b) {
-      const T = S.ariaDisabled === "true" || "disabled" in S && !!S.disabled;
-      p.push({ id: S.id, element: S, disabled: T });
+      const _ = S.ariaDisabled === "true" || "disabled" in S && !!S.disabled;
+      p.push({ id: S.id, element: S, disabled: _ });
     }
-    if (b.length && (p = nt(p, (S) => S.element)), !Vt(i, p)) return ue();
+    if (b.length && (p = tt(p, (S) => S.element)), !Lt(i, p)) return ue();
     i.preventDefault(), window.clearTimeout(l.current), l.current = window.setTimeout(() => {
       N = "";
     }, 500);
     const A = i.key.toLowerCase();
-    N += A, p = Bt(p, A, d);
+    N += A, p = Vt(p, A, d);
     const P = p.find((S) => ne(S, N));
     P ? e.move(P.id) : ue();
   });
   return s = y(v({}, s), {
     onKeyDownCapture: c
-  }), Ce(s);
+  }), Ee(s);
 });
 k(function(t) {
   const r = de(t);
-  return F($t, r);
+  return F(Ft, r);
 });
-var Fe = Oe(
+var ke = Pe(
   [xe],
-  [Ee]
-), Kt = Fe.useContext, zt = Fe.useScopedContext;
+  [Se]
+), Rt = ke.useContext, Bt = ke.useScopedContext;
 ge(
   void 0
 );
-var Q = Oe(
-  [xe, Ue],
-  [Ee, Ze]
-), fe = Q.useContext, jt = Q.useScopedContext, oe = Q.useProviderContext, Wt = Q.ContextProvider, Zt = Q.ScopedContextProvider;
+var Q = Pe(
+  [xe, Ze],
+  [Se, We]
+), fe = Q.useContext, Kt = Q.useScopedContext, oe = Q.useProviderContext, zt = Q.ContextProvider, jt = Q.ScopedContextProvider;
 ge(
   void 0
 );
-function Ut(n = {}) {
+function Wt(n = {}) {
   var t = n, {
     combobox: r,
     parent: e,
     menubar: u
-  } = t, s = at(t, [
+  } = t, s = ut(t, [
     "combobox",
     "parent",
     "menubar"
   ]);
-  const a = !!u && !e, o = ht(
+  const a = !!u && !e, o = vt(
     s.store,
-    wt(e, ["values"]),
-    gt(r, [
+    gt(e, ["values"]),
+    ht(r, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -208,15 +207,15 @@ function Ut(n = {}) {
       "disclosureElement"
     ])
   );
-  Mt(s, o);
-  const l = o.getState(), c = yt(G(L({}, s), {
+  wt(s, o);
+  const l = o.getState(), c = Et(G($({}, s), {
     store: o,
     orientation: W(
       s.orientation,
       l.orientation,
       "vertical"
     )
-  })), i = qe(G(L({}, s), {
+  })), i = Ue(G($({}, s), {
     store: o,
     placement: W(
       s.placement,
@@ -229,7 +228,7 @@ function Ut(n = {}) {
       a ? 0 : 150
     ),
     hideTimeout: W(s.hideTimeout, l.hideTimeout, 0)
-  })), w = G(L(L({}, c.getState()), i.getState()), {
+  })), w = G($($({}, c.getState()), i.getState()), {
     initialFocus: W(l.initialFocus, "container"),
     values: W(
       s.values,
@@ -237,7 +236,7 @@ function Ut(n = {}) {
       s.defaultValues,
       {}
     )
-  }), m = St(w, c, i, o);
+  }), m = Mt(w, c, i, o);
   return be(
     m,
     () => ve(m, ["mounted"], (d) => {
@@ -251,7 +250,7 @@ function Ut(n = {}) {
         d.orientation === "vertical" ? "right-start" : "bottom-start"
       );
     })
-  ), G(L(L(L({}, c), i), m), {
+  ), G($($($({}, c), i), m), {
     combobox: r,
     parent: e,
     menubar: u,
@@ -260,20 +259,20 @@ function Ut(n = {}) {
     },
     setInitialFocus: (d) => m.setState("initialFocus", d),
     setValues: (d) => m.setState("values", d),
-    setValue: (d, E) => {
+    setValue: (d, x) => {
       d !== "__proto__" && d !== "constructor" && (Array.isArray(d) || m.setState("values", (p) => {
-        const f = p[d], M = st(E, f);
-        return M === f ? p : G(L({}, p), {
+        const f = p[d], M = at(x, f);
+        return M === f ? p : G($({}, p), {
           [d]: M !== void 0 && M
         });
       }));
     }
   });
 }
-function qt(n, t, r) {
-  return it(t, [r.combobox, r.parent, r.menubar]), xt(n, r, "values", "setValues"), Object.assign(
-    Ge(
-      Pt(n, t, r),
+function Zt(n, t, r) {
+  return st(t, [r.combobox, r.parent, r.menubar]), xt(n, r, "values", "setValues"), Object.assign(
+    qe(
+      Ct(n, t, r),
       t,
       r
     ),
@@ -284,18 +283,18 @@ function qt(n, t, r) {
     }
   );
 }
-function Gt(n = {}) {
-  const t = fe(), r = Kt(), e = Tt();
+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
   });
-  const [u, s] = Et(Ut, n);
-  return qt(u, s, n);
+  const [u, s] = St(Wt, n);
+  return Zt(u, s, n);
 }
-var Yt = "div";
-function Jt(n) {
+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");
   return Me(() => {
@@ -306,7 +305,7 @@ function Jt(n) {
     a || i.hasAttribute("aria-label") ? s(void 0) : c.id && s(c.id);
   }, [a, o, l]), u;
 }
-var Ne = D(
+var Fe = D(
   function(t) {
     var r = t, { store: e, alwaysVisible: u, composite: s } = r, a = O(r, ["store", "alwaysVisible", "composite"]);
     const o = oe();
@@ -314,27 +313,27 @@ var Ne = D(
       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 = Ae(a.id), m = a.onKeyDown, d = e.useState(
+    const l = e.parent, c = e.menubar, i = !!l, w = Oe(a.id), m = a.onKeyDown, d = e.useState(
       (g) => g.placement.split("-")[0]
-    ), E = e.useState(
+    ), x = e.useState(
       (g) => g.orientation === "both" ? void 0 : g.orientation
-    ), p = E !== "vertical", f = R(
+    ), p = x !== "vertical", f = R(
       c,
       (g) => !!g && g.orientation !== "vertical"
     ), M = V((g) => {
       if (m == null || m(g), !g.defaultPrevented) {
         if (i || c && !p) {
-          const _ = {
+          const I = {
             ArrowRight: () => d === "left" && !p,
             ArrowLeft: () => d === "right" && !p,
             ArrowUp: () => d === "bottom" && p,
             ArrowDown: () => d === "top" && p
           }[g.key];
-          if (_ != null && _())
+          if (I != null && I())
             return g.stopPropagation(), g.preventDefault(), e == null ? void 0 : e.hide();
         }
         if (c) {
-          const _ = {
+          const I = {
             ArrowRight: () => {
               if (f)
                 return c.next();
@@ -351,17 +350,17 @@ var Ne = D(
               if (!f)
                 return c.previous();
             }
-          }[g.key], $ = _ == null ? void 0 : _();
-          $ !== void 0 && (g.stopPropagation(), g.preventDefault(), c.move($));
+          }[g.key], L = I == null ? void 0 : I();
+          L !== void 0 && (g.stopPropagation(), g.preventDefault(), c.move(L));
         }
       }
     });
-    a = _e(
+    a = Ae(
       a,
-      (g) => /* @__PURE__ */ se.jsx(Zt, { value: e, children: g }),
+      (g) => /* @__PURE__ */ se.jsx(jt, { value: e, children: g }),
       [e]
     );
-    const b = Jt(v({ store: e }, a)), A = e.useState("mounted"), P = At(A, a.hidden, u), S = P ? y(v({}, a.style), { display: "none" }) : a.style;
+    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({
       id: w,
       "aria-labelledby": b,
@@ -371,18 +370,18 @@ var Ne = D(
       style: S,
       onKeyDown: M
     });
-    const T = !!e.combobox;
-    return s = s ?? !T, s && (a = v({
+    const _ = !!e.combobox;
+    return s = s ?? !_, s && (a = v({
       role: "menu",
-      "aria-orientation": E
-    }, a)), a = Ot(v({ store: e, composite: s }, a)), a = de(v({ store: e, typeahead: !T }, a)), a;
+      "aria-orientation": x
+    }, a)), a = yt(v({ store: e, composite: s }, a)), a = de(v({ store: e, typeahead: !_ }, a)), a;
   }
 );
 k(function(t) {
-  const r = Ne(t);
-  return F(Yt, r);
+  const r = Fe(t);
+  return F(qt, r);
 });
-var Qt = "div", Xt = D(function(t) {
+var Yt = "div", Jt = D(function(t) {
   var r = t, {
     store: e,
     modal: u = !1,
@@ -405,29 +404,29 @@ var Qt = "div", Xt = D(function(t) {
     e,
     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, E = e.menubar, p = !!d, f = !!E && !p;
+  const m = le(null), d = e.parent, x = e.menubar, p = !!d, f = !!x && !p;
   i = y(v({}, i), {
     ref: re(m, i.ref)
   });
-  const M = Ne(v({
+  const M = Fe(v({
     store: e,
     alwaysVisible: c
   }, i)), { "aria-labelledby": b } = M;
   i = O(M, ["aria-labelledby"]);
-  const [P, S] = we(), T = e.useState("autoFocusOnShow"), g = e.useState("initialFocus"), z = e.useState("baseElement"), _ = e.useState("renderedItems");
+  const [P, S] = we(), _ = e.useState("autoFocusOnShow"), g = e.useState("initialFocus"), z = e.useState("baseElement"), I = e.useState("renderedItems");
   Me(() => {
     let H = !1;
-    return S((x) => {
+    return S((E) => {
       var ee, pe, me;
-      if (H || !T) return;
-      if ((ee = x == null ? void 0 : x.current) != null && ee.isConnected) return x;
-      const te = Re();
+      if (H || !_) return;
+      if ((ee = E == null ? void 0 : E.current) != null && ee.isConnected) return E;
+      const te = Ve();
       switch (g) {
         case "first":
-          te.current = ((pe = _.find((q) => !q.disabled && q.element)) == null ? void 0 : pe.element) || null;
+          te.current = ((pe = I.find((q) => !q.disabled && q.element)) == null ? void 0 : pe.element) || null;
           break;
         case "last":
-          te.current = ((me = [..._].reverse().find((q) => !q.disabled && q.element)) == null ? void 0 : me.element) || null;
+          te.current = ((me = [...I].reverse().find((q) => !q.disabled && q.element)) == null ? void 0 : me.element) || null;
           break;
         default:
           te.current = z;
@@ -436,59 +435,59 @@ var Qt = "div", Xt = D(function(t) {
     }), () => {
       H = !0;
     };
-  }, [e, T, g, _, z]);
-  const $ = p ? !1 : u, h = !!o, I = !!P || !!i.initialFocus || !!$, j = R(
+  }, [e, _, g, I, z]);
+  const L = p ? !1 : u, h = !!o, T = !!P || !!i.initialFocus || !!L, j = R(
     e.combobox || e,
     "contentElement"
   ), B = R(
     (d == null ? void 0 : d.combobox) || d,
     "contentElement"
-  ), X = Be(() => {
+  ), X = Re(() => {
     if (!B || !j) return;
-    const H = j.getAttribute("role"), x = B.getAttribute("role");
-    if (!((x === "menu" || x === "menubar") && H === "menu"))
+    const H = j.getAttribute("role"), E = B.getAttribute("role");
+    if (!((E === "menu" || E === "menubar") && H === "menu"))
       return B;
   }, [j, B]);
   return X !== void 0 && (i = v({
     preserveTabOrderAnchor: X
-  }, i)), i = Ye(y(v({
+  }, i)), i = Ge(y(v({
     store: e,
     alwaysVisible: c,
     initialFocus: P,
-    autoFocusOnShow: h ? I && o : T || !!$
+    autoFocusOnShow: h ? T && o : _ || !!L
   }, i), {
     hideOnEscape(H) {
-      return lt(a, H) ? !1 : (e == null || e.hideAll(), !0);
+      return it(a, H) ? !1 : (e == null || e.hideAll(), !0);
     },
     hideOnHoverOutside(H) {
-      const x = e == null ? void 0 : e.getState().disclosureElement;
-      return (typeof l == "function" ? l(H) : l ?? (p ? !0 : f ? x ? !Z(x) : !0 : !1)) ? H.defaultPrevented || !p || !x || (ct(x, "mouseout", H), !Z(x)) ? !0 : (requestAnimationFrame(() => {
-        Z(x) || e == null || e.hide();
+      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(() => {
+        Z(E) || e == null || e.hide();
       }), !1) : !1;
     },
-    modal: $,
+    modal: L,
     portal: s,
     backdrop: p ? !1 : i.backdrop
   })), i = v({
     "aria-labelledby": b
   }, i), i;
-}), en = _t(
+}), Qt = Ot(
   k(function(t) {
-    const r = Xt(t);
-    return F(Qt, r);
+    const r = Jt(t);
+    return F(Yt, r);
   }),
   oe
-), tn = "div", nn = D(
+), Xt = "div", en = D(
   function(t) {
     var r = t, { store: e } = r, u = O(r, ["store"]);
     const s = fe();
-    return e = e || s, bt(v({ store: e }, u));
+    return e = e || s, mt(v({ store: e }, u));
   }
-), rn = k(function(t) {
-  const r = nn(t);
-  return F(tn, r);
-}), on = "button";
-function un(n, t) {
+), tn = k(function(t) {
+  const r = en(t);
+  return F(Xt, r);
+}), nn = "button";
+function rn(n, t) {
   return {
     ArrowDown: t === "bottom" || t === "top" ? "first" : !1,
     ArrowUp: t === "bottom" || t === "top" ? "last" : !1,
@@ -499,7 +498,7 @@ function un(n, t) {
 function he(n, t) {
   return !!(n != null && n.some((r) => !r.element || r.element === t ? !1 : r.element.getAttribute("aria-expanded") === "true"));
 }
-var an = D(
+var on = D(
   function(t) {
     var r = t, {
       store: e,
@@ -517,46 +516,46 @@ var an = D(
       e,
       process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component."
     );
-    const c = le(null), i = e.parent, w = e.menubar, m = !!i, d = !!w && !m, E = dt(o), p = () => {
+    const c = le(null), i = e.parent, w = e.menubar, m = !!i, d = !!w && !m, x = ct(o), p = () => {
       const h = c.current;
       h && (e == null || e.setDisclosureElement(h), e == null || e.setAnchorElement(h), e == null || e.show());
     }, f = o.onFocus, M = V((h) => {
-      if (f == null || f(h), E || h.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !w) || !d) return;
-      const { items: I } = w.getState();
-      he(I, h.currentTarget) && p();
+      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(
       e,
       (h) => h.placement.split("-")[0]
     ), A = o.onKeyDown, P = V((h) => {
-      if (A == null || A(h), E || h.defaultPrevented) return;
-      const I = un(h, b);
-      I && (h.preventDefault(), p(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(I));
-    }), S = o.onClick, T = V((h) => {
+      if (A == null || A(h), x || h.defaultPrevented) return;
+      const T = rn(h, b);
+      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;
-      const I = !h.detail, { open: j } = e.getState();
-      (!j || I) && ((!m || I) && e.setAutoFocusOnShow(!0), e.setInitialFocus(I ? "first" : "container")), m && p();
+      const T = !h.detail, { open: j } = e.getState();
+      (!j || T) && ((!m || T) && e.setAutoFocusOnShow(!0), e.setInitialFocus(T ? "first" : "container")), m && p();
     });
-    o = _e(
+    o = Ae(
       o,
-      (h) => /* @__PURE__ */ se.jsx(Wt, { value: e, children: h }),
+      (h) => /* @__PURE__ */ se.jsx(zt, { value: e, children: h }),
       [e]
     ), m && (o = y(v({}, o), {
-      render: /* @__PURE__ */ se.jsx(It.div, { render: o.render })
+      render: /* @__PURE__ */ se.jsx(At.div, { render: o.render })
     }));
-    const g = Ae(o.id), z = R(
+    const g = Oe(o.id), z = R(
       (i == null ? void 0 : i.combobox) || i,
       "contentElement"
-    ), _ = m || d ? Ie(z, "menuitem") : void 0, $ = e.useState("contentElement");
+    ), I = m || d ? Ie(z, "menuitem") : void 0, L = e.useState("contentElement");
     return o = y(v({
       id: g,
-      role: _,
-      "aria-haspopup": ft($, "menu")
+      role: I,
+      "aria-haspopup": dt(L, "menu")
     }, o), {
       ref: re(c, o.ref),
       onFocus: M,
       onKeyDown: P,
-      onClick: T
-    }), o = Je(y(v({
+      onClick: _
+    }), o = Ye(y(v({
       store: e,
       focusable: u,
       accessibleWhenDisabled: s
@@ -573,7 +572,7 @@ var an = D(
         const B = d ? w : i;
         return B && B.setActiveId(h.currentTarget.id), !0;
       }
-    })), o = vt(v({
+    })), o = bt(v({
       store: e,
       toggleOnClick: !m,
       focusable: u,
@@ -583,11 +582,11 @@ var an = D(
       typeahead: d
     }, o)), o;
   }
-), sn = k(function(t) {
-  const r = an(t);
-  return F(on, r);
-}), ln = "div";
-function cn(n, t, r) {
+), un = k(function(t) {
+  const r = on(t);
+  return F(nn, r);
+}), an = "div";
+function sn(n, t, r) {
   var e;
   if (!n) return !1;
   if (Z(n)) return !0;
@@ -596,10 +595,10 @@ function cn(n, t, r) {
     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 = Pe(n).getElementById(s);
+  const o = ye(n).getElementById(s);
   return o ? Z(o) ? !0 : !!o.querySelector("[role=menuitem][aria-expanded=true]") : !1;
 }
-var dn = D(
+var ln = D(
   function(t) {
     var r = t, {
       store: e,
@@ -614,13 +613,13 @@ var dn = D(
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const c = jt(!0), i = zt();
+    const c = Kt(!0), i = Bt();
     e = e || c || i, K(
       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, E = !!d, p = V((b) => {
-      w == null || w(b), !(b.defaultPrevented || pt(b) || mt(b) || !d || b.currentTarget.getAttribute("aria-haspopup") === "menu") && m(b) && d();
+    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();
     }), f = R(
       e,
       (b) => "contentElement" in b ? b.contentElement : null
@@ -629,39 +628,39 @@ var dn = D(
       role: M
     }, l), {
       onClick: p
-    }), l = We(v({
+    }), l = je(v({
       store: e,
       preventScrollOnKeyDown: s
-    }, l)), l = He(y(v({
+    }, l)), l = _e(y(v({
       store: e
     }, l), {
       focusOnHover(b) {
         const A = () => typeof a == "function" ? a(b) : a ?? !0;
         if (!e || !A()) return !1;
         const { baseElement: P, items: S } = e.getState();
-        return E ? (b.currentTarget.hasAttribute("aria-expanded") && b.currentTarget.focus(), !0) : cn(P, S, b.currentTarget) ? (b.currentTarget.focus(), !0) : !1;
+        return x ? (b.currentTarget.hasAttribute("aria-expanded") && b.currentTarget.focus(), !0) : sn(P, S, b.currentTarget) ? (b.currentTarget.focus(), !0) : !1;
       },
       blurOnHoverEnd(b) {
-        return typeof o == "function" ? o(b) : o ?? E;
+        return typeof o == "function" ? o(b) : o ?? x;
       }
     })), l;
   }
-), fn = ye(
+), cn = Ce(
   k(function(t) {
-    const r = dn(t);
-    return F(ln, r);
+    const r = ln(t);
+    return F(an, r);
   })
-), pn = "hr", mn = D(
+), dn = "hr", fn = D(
   function(t) {
     var r = t, { store: e } = r, u = O(r, ["store"]);
     const s = fe();
-    return e = e || s, u = ke(v({ store: e }, u)), u;
+    return e = e || s, u = De(v({ store: e }, u)), u;
   }
-), bn = k(function(t) {
-  const r = mn(t);
-  return F(pn, r);
+), pn = k(function(t) {
+  const r = fn(t);
+  return F(dn, r);
 });
-const vn = Y.divBox`
+const mn = Y.divBox`
   display: flex;
   z-index: 2;
   color: ${U("defaultCards.backgroundColor")};
@@ -670,21 +669,21 @@ const vn = Y.divBox`
   #stroke {
     color: ${U("defaultCards.borderColor")};
   }
-`, hn = Y.svgBox(
-  ({ $transform: n }) => Ke`
+`, bn = Y.svgBox(
+  ({ $transform: n }) => Be`
     transform: ${n};
   `
-), gn = {
+), vn = {
   top: "rotateZ(180deg)",
   right: "rotateZ(-90deg)",
   bottom: "rotateZ(360deg)",
   left: "rotateZ(90deg)"
-}, $e = J(({ store: n }, t) => {
+}, Ne = J(({ store: n }, t) => {
   const r = n == null ? void 0 : n.useState("currentPlacement"), [e] = r.split("-");
-  return /* @__PURE__ */ C.createElement(rn, { ref: t, render: /* @__PURE__ */ C.createElement(vn, null) }, /* @__PURE__ */ C.createElement(
-    hn,
+  return /* @__PURE__ */ C.createElement(tn, { ref: t, render: /* @__PURE__ */ C.createElement(mn, null) }, /* @__PURE__ */ C.createElement(
+    bn,
     {
-      $transform: gn[e],
+      $transform: vn[e],
       h: 30,
       viewBox: "0 0 30 30",
       w: 30,
@@ -694,8 +693,8 @@ const vn = Y.divBox`
     /* @__PURE__ */ C.createElement("path", { d: "M8 30L15 23L22 30H8Z", fill: "currentColor", fillRule: "nonzero" })
   ));
 });
-$e.displayName = "Arrow";
-const wn = Y.button`
+Ne.displayName = "Arrow";
+const hn = Y.buttonBox`
   ${U("dropdownMenu.item")};
   display: flex;
   align-items: center;
@@ -710,38 +709,35 @@ const wn = Y.button`
   &:focus {
     outline: none !important; /* important for firefox */
   }
-
-  ${Se};
-`, Le = J(({ as: n, ...t }, r) => /* @__PURE__ */ C.createElement(fn, { ref: r, type: "button", ...t, render: /* @__PURE__ */ C.createElement(wn, { as: n }) }));
+`, Le = J(({ as: n, ...t }, r) => /* @__PURE__ */ C.createElement(cn, { ref: r, type: "button", ...t, render: /* @__PURE__ */ C.createElement(hn, { as: n }) }));
 Le.displayName = "Item";
-const Mn = Y.hr`
+const gn = Y.hr`
   ${U("dropdownMenu.separator")};
   border: 0;
   height: 1px;
   margin: 0;
-`, Sn = J((n, t) => /* @__PURE__ */ C.createElement(bn, { ref: t, render: /* @__PURE__ */ C.createElement(Mn, null), ...n })), En = Y(Ct)`
+`, wn = J((n, t) => /* @__PURE__ */ C.createElement(pn, { ref: t, render: /* @__PURE__ */ C.createElement(gn, null), ...n })), Mn = Y.divBox`
   ${U("cards.default")};
   ${U("dropdownMenu.inner")};
   z-index: 1;
   opacity: 0;
   transition: opacity 150ms ease-in-out;
-  ${Se};
 
   &[data-enter] {
     opacity: 1;
   }
-`, xn = J(
+`, Sn = J(
   ({ children: n, dataTestId: t, gutter: r = "xs", innerProps: e = {}, store: u, ...s }, a) => {
-    const o = ze(), l = u.useState("arrowElement");
+    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(
-      en,
+      Qt,
       {
         "aria-label": "dropdown-menu",
         "data-testid": t,
         gutter: c,
         ref: a,
-        render: /* @__PURE__ */ C.createElement(En, { ...e }),
+        render: /* @__PURE__ */ C.createElement(Mn, { ...e }),
         store: u,
         tabIndex: 0,
         ...s
@@ -750,27 +746,27 @@ const Mn = Y.hr`
     );
   }
 );
-function Ln(n = {}) {
-  return Gt({
+function Fn(n = {}) {
+  return Ut({
     animated: !0,
     ...n
   });
 }
-const Cn = J(({ as: n, store: t, ...r }, e) => /* @__PURE__ */ C.createElement(
-  sn,
+const xn = J(({ as: n, store: t, ...r }, e) => /* @__PURE__ */ C.createElement(
+  un,
   {
     ref: e,
     render: n ? (u) => /* @__PURE__ */ C.createElement(n, { ...u }) : void 0,
     store: t,
     ...r
   }
-)), Vn = Object.assign(xn, {
-  Trigger: Cn,
+)), Nn = Object.assign(Sn, {
+  Trigger: xn,
   Item: Le,
-  Separator: Sn,
-  Arrow: $e
+  Separator: wn,
+  Arrow: Ne
 });
 export {
-  Vn as DropdownMenu,
-  Ln as useDropdownMenu
+  Nn as DropdownMenu,
+  Fn as useDropdownMenu
 };