welcome-ui 9.0.1 → 10.0.0-alpha.1

package/dist/DropdownMenu.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsx as _, jsxs as Le } from "react/jsx-runtime";
-import { u as D, m as Ve, o as Re, p as $e, t as Ke, c as Be, s as pe, a as ve, b as ze, d as We } from "./RTNCFSKZ-qpPg689E.js";
+import { jsx as C, jsxs as Le } from "react/jsx-runtime";
+import { u as D, m as Ve, o as Re, p as $e, t as Ke, c as Be, s as me, a as ve, b as ze, d as We } from "./RTNCFSKZ-qpPg689E.js";
 import { H as je, a as Ue, u as qe, b as Ge, c as Ze, d as Je, e as Qe } from "./GVVKDT6A-bET6V7Py.js";
-import { u as ue, C as we, a as ge, f as Xe, b as Ye } from "./SBSPVDDI-DJKkC1eb.js";
-import { c as N, _ as P, a as b, f as k, b as F, i as B, d as y, e as Me, u as $, g as Se, s as et, r as Ce, h as tt, j as rt, n as nt, k as ot, l as se, m as U, o as st, p as ee, q as at, t as ut, v as _e, w as xe, x as ye, y as it, z as ct, A as lt, B as Ee, C as dt, D as ft, E as mt, F as pt, G, H as j, I as R, J as vt, K as bt } from "./OE2EFRVA-C3721cM3.js";
-import { createContext as Pe, useRef as ie, useCallback as ht, useState as Oe, useEffect as Ae, createRef as wt, useMemo as gt, forwardRef as ce } from "react";
+import { u as ue, C as ge, a as we, f as Xe, b as Ye } from "./SBSPVDDI-DJKkC1eb.js";
+import { c as N, _ as P, a as b, f as k, b as F, i as B, d as y, e as Me, u as $, g as Se, s as et, r as xe, h as tt, j as rt, n as nt, k as ot, l as se, m as U, o as st, p as ee, q as at, t as ut, v as Ce, w as _e, x as ye, y as it, z as lt, A as ct, B as Ee, C as dt, D as ft, E as pt, F as mt, G, H as j, I as R, J as vt, K as bt } from "./OE2EFRVA-C3721cM3.js";
+import { createContext as Pe, useRef as ie, useCallback as ht, useState as Oe, useEffect as Ae, createRef as gt, useMemo as wt, forwardRef as le } from "react";
 import { i as Mt } from "./T22PY7TE-C1N0q8Kn.js";
-import { u as St, a as Ct } from "./OLVWQA7U-DysaSaZj.js";
-import { c as _t, R as xt } from "./NI3IVY7K-Ztb3-XAv.js";
+import { u as St, a as xt } from "./OLVWQA7U-DysaSaZj.js";
+import { c as Ct, R as _t } from "./NI3IVY7K-Ztb3-XAv.js";
 import { c as te } from "./index-CdiHdiVB.js";
 import { f as Te } from "./forwardRefWithAs-8eP3ZN15.js";
 import { u as yt } from "./4I4MLMKD-BLxAidnq.js";
@@ -42,8 +42,8 @@ k(function(t) {
   return F(At, r);
 });
 var De = Me(
-  [ge],
-  [we]
+  [we],
+  [ge]
 ), Tt = De.useContext, Ht = De.useScopedContext;
 Pe(
   void 0
@@ -81,41 +81,41 @@ function Ft(n, t, r) {
     r
   ).filter((o) => o.id !== r));
 }
-var le = N(function(t) {
+var ce = N(function(t) {
   var r = t, { store: e, typeahead: o = !0 } = r, u = P(r, ["store", "typeahead"]);
   const a = ue();
   e = e || a, B(
     e,
     process.env.NODE_ENV !== "production" && "CompositeTypeahead must be a Composite component"
   );
-  const s = u.onKeyDownCapture, c = ie(0), d = $((i) => {
+  const s = u.onKeyDownCapture, l = ie(0), d = $((i) => {
     if (s == null || s(i), i.defaultPrevented || !o || !e) return;
     if (!Dt(i))
       return oe();
-    const { renderedItems: w, items: p, activeId: l, id: C } = e.getState();
-    let m = kt(
-      p.length > w.length ? p : w
+    const { renderedItems: g, items: m, activeId: c, id: x } = e.getState();
+    let p = kt(
+      m.length > g.length ? m : g
     );
-    const f = Se(i.currentTarget), M = `[data-offscreen-id="${C}"]`, v = f.querySelectorAll(M);
+    const f = Se(i.currentTarget), M = `[data-offscreen-id="${x}"]`, v = f.querySelectorAll(M);
     for (const S of v) {
       const H = S.ariaDisabled === "true" || "disabled" in S && !!S.disabled;
-      m.push({ id: S.id, element: S, disabled: H });
+      p.push({ id: S.id, element: S, disabled: H });
     }
-    if (v.length && (m = et(m, (S) => S.element)), !Nt(i, m)) return oe();
-    i.preventDefault(), window.clearTimeout(c.current), c.current = window.setTimeout(() => {
+    if (v.length && (p = et(p, (S) => S.element)), !Nt(i, p)) return oe();
+    i.preventDefault(), window.clearTimeout(l.current), l.current = window.setTimeout(() => {
       L = "";
     }, 500);
     const O = i.key.toLowerCase();
-    L += O, m = Ft(m, O, l);
-    const E = m.find((S) => Y(S, L));
+    L += O, p = Ft(p, O, c);
+    const E = p.find((S) => Y(S, L));
     E ? e.move(E.id) : oe();
   });
   return u = y(b({}, u), {
     onKeyDownCapture: d
-  }), Ce(u);
+  }), xe(u);
 });
 k(function(t) {
-  const r = le(t);
+  const r = ce(t);
   return F(It, r);
 });
 var Lt = "div";
@@ -153,36 +153,36 @@ var ke = N(
       e,
       process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
     );
-    const c = ot(), d = a.onMouseMove, i = se(o), w = $((f) => {
-      if (d == null || d(f), !f.defaultPrevented && c() && i(f)) {
+    const l = ot(), d = a.onMouseMove, i = se(o), g = $((f) => {
+      if (d == null || d(f), !f.defaultPrevented && l() && i(f)) {
         if (!U(f.currentTarget)) {
           const M = e == null ? void 0 : e.getState().baseElement;
           M && !st(M) && M.focus();
         }
         e == null || e.setActiveId(f.currentTarget.id);
       }
-    }), p = a.onMouseLeave, l = se(u), C = $((f) => {
+    }), m = a.onMouseLeave, c = se(u), x = $((f) => {
       var M;
-      p == null || p(f), !f.defaultPrevented && c() && (Vt(f) || Rt(f) || i(f) && l(f) && (e == null || e.setActiveId(null), (M = e == null ? void 0 : e.getState().baseElement) == null || M.focus()));
-    }), m = ht((f) => {
+      m == null || m(f), !f.defaultPrevented && l() && (Vt(f) || Rt(f) || i(f) && c(f) && (e == null || e.setActiveId(null), (M = e == null ? void 0 : e.getState().baseElement) == null || M.focus()));
+    }), p = ht((f) => {
       f && (f[ae] = !0);
     }, []);
     return a = y(b({}, a), {
-      ref: ee(m, a.ref),
-      onMouseMove: w,
-      onMouseLeave: C
-    }), Ce(a);
+      ref: ee(p, a.ref),
+      onMouseMove: g,
+      onMouseLeave: x
+    }), xe(a);
   }
 );
-_e(
+Ce(
   k(function(t) {
     const r = ke(t);
     return F(Lt, r);
   })
 );
 var Z = Me(
-  [ge, Ue],
-  [we, je]
+  [we, Ue],
+  [ge, je]
 ), de = Z.useContext, $t = Z.useScopedContext, re = Z.useProviderContext, Kt = Z.ContextProvider, Bt = Z.ScopedContextProvider;
 Pe(
   void 0
@@ -190,14 +190,14 @@ Pe(
 var zt = "div";
 function Wt(n) {
   var t = n, { store: r } = t, e = P(t, ["store"]);
-  const [o, u] = Oe(void 0), a = e["aria-label"], s = D(r, "disclosureElement"), c = D(r, "contentElement");
+  const [o, u] = Oe(void 0), a = e["aria-label"], s = D(r, "disclosureElement"), l = D(r, "contentElement");
   return Ae(() => {
     const d = s;
     if (!d) return;
-    const i = c;
+    const i = l;
     if (!i) return;
     a || i.hasAttribute("aria-label") ? u(void 0) : d.id && u(d.id);
-  }, [a, s, c]), o;
+  }, [a, s, l]), o;
 }
 var Fe = N(
   function(t) {
@@ -207,24 +207,24 @@ var Fe = N(
       e,
       process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
     );
-    const c = e.parent, d = e.menubar, i = !!c, w = xe(a.id), p = a.onKeyDown, l = e.useState(
-      (g) => g.placement.split("-")[0]
-    ), C = e.useState(
-      (g) => g.orientation === "both" ? void 0 : g.orientation
-    ), m = C !== "vertical", f = D(
+    const l = e.parent, d = e.menubar, i = !!l, g = _e(a.id), m = a.onKeyDown, c = e.useState(
+      (w) => w.placement.split("-")[0]
+    ), x = e.useState(
+      (w) => w.orientation === "both" ? void 0 : w.orientation
+    ), p = x !== "vertical", f = D(
       d,
-      (g) => !!g && g.orientation !== "vertical"
-    ), M = $((g) => {
-      if (p == null || p(g), !g.defaultPrevented) {
-        if (i || d && !m) {
+      (w) => !!w && w.orientation !== "vertical"
+    ), M = $((w) => {
+      if (m == null || m(w), !w.defaultPrevented) {
+        if (i || d && !p) {
           const A = {
-            ArrowRight: () => l === "left" && !m,
-            ArrowLeft: () => l === "right" && !m,
-            ArrowUp: () => l === "bottom" && m,
-            ArrowDown: () => l === "top" && m
-          }[g.key];
+            ArrowRight: () => c === "left" && !p,
+            ArrowLeft: () => c === "right" && !p,
+            ArrowUp: () => c === "bottom" && p,
+            ArrowDown: () => c === "top" && p
+          }[w.key];
           if (A != null && A())
-            return g.stopPropagation(), g.preventDefault(), e == null ? void 0 : e.hide();
+            return w.stopPropagation(), w.preventDefault(), e == null ? void 0 : e.hide();
         }
         if (d) {
           const A = {
@@ -244,31 +244,31 @@ var Fe = N(
               if (!f)
                 return d.previous();
             }
-          }[g.key], V = A == null ? void 0 : A();
-          V !== void 0 && (g.stopPropagation(), g.preventDefault(), d.move(V));
+          }[w.key], V = A == null ? void 0 : A();
+          V !== void 0 && (w.stopPropagation(), w.preventDefault(), d.move(V));
         }
       }
     });
     a = ye(
       a,
-      (g) => /* @__PURE__ */ _(Bt, { value: e, children: g }),
+      (w) => /* @__PURE__ */ C(Bt, { value: e, children: w }),
       [e]
     );
     const v = Wt(b({ store: e }, a)), O = e.useState("mounted"), E = Mt(O, a.hidden, o), S = E ? y(b({}, a.style), { display: "none" }) : a.style;
     a = y(b({
-      id: w,
+      id: g,
       "aria-labelledby": v,
       hidden: E
     }, a), {
-      ref: ee(w ? e.setContentElement : null, a.ref),
+      ref: ee(g ? e.setContentElement : null, a.ref),
       style: S,
       onKeyDown: M
     });
     const H = !!e.combobox;
     return u = u ?? !H, u && (a = b({
       role: "menu",
-      "aria-orientation": C
-    }, a)), a = St(b({ store: e, composite: u }, a)), a = le(b({ store: e, typeahead: !H }, a)), a;
+      "aria-orientation": x
+    }, a)), a = St(b({ store: e, composite: u }, a)), a = ce(b({ store: e, typeahead: !H }, a)), a;
   }
 );
 k(function(t) {
@@ -282,7 +282,7 @@ var jt = "div", Ut = N(function(t) {
     portal: u = !!o,
     hideOnEscape: a = !0,
     autoFocusOnShow: s = !0,
-    hideOnHoverOutside: c,
+    hideOnHoverOutside: l,
     alwaysVisible: d
   } = r, i = P(r, [
     "store",
@@ -293,35 +293,35 @@ var jt = "div", Ut = N(function(t) {
     "hideOnHoverOutside",
     "alwaysVisible"
   ]);
-  const w = re();
-  e = e || w, B(
+  const g = re();
+  e = e || g, B(
     e,
     process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
   );
-  const p = ie(null), l = e.parent, C = e.menubar, m = !!l, f = !!C && !m;
+  const m = ie(null), c = e.parent, x = e.menubar, p = !!c, f = !!x && !p;
   i = y(b({}, i), {
-    ref: ee(p, i.ref)
+    ref: ee(m, i.ref)
   });
   const M = Fe(b({
     store: e,
     alwaysVisible: d
   }, i)), { "aria-labelledby": v } = M;
   i = P(M, ["aria-labelledby"]);
-  const [E, S] = Oe(), H = e.useState("autoFocusOnShow"), g = e.useState("initialFocus"), z = e.useState("baseElement"), A = e.useState("renderedItems");
+  const [E, S] = Oe(), H = e.useState("autoFocusOnShow"), w = e.useState("initialFocus"), z = e.useState("baseElement"), A = e.useState("renderedItems");
   Ae(() => {
     let I = !1;
-    return S((x) => {
-      var Q, fe, me;
+    return S((_) => {
+      var Q, fe, pe;
       if (I || !H) return;
-      if ((Q = x == null ? void 0 : x.current) != null && Q.isConnected) return x;
-      const X = wt();
-      switch (g) {
+      if ((Q = _ == null ? void 0 : _.current) != null && Q.isConnected) return _;
+      const X = gt();
+      switch (w) {
         // TODO: Refactor
         case "first":
           X.current = ((fe = A.find((q) => !q.disabled && q.element)) == null ? void 0 : fe.element) || null;
           break;
         case "last":
-          X.current = ((me = [...A].reverse().find((q) => !q.disabled && q.element)) == null ? void 0 : me.element) || null;
+          X.current = ((pe = [...A].reverse().find((q) => !q.disabled && q.element)) == null ? void 0 : pe.element) || null;
           break;
         default:
           X.current = z;
@@ -330,17 +330,17 @@ var jt = "div", Ut = N(function(t) {
     }), () => {
       I = !0;
     };
-  }, [e, H, g, A, z]);
-  const V = m ? !1 : o, h = !!s, T = !!E || !!i.initialFocus || !!V, W = D(
+  }, [e, H, w, A, z]);
+  const V = p ? !1 : o, h = !!s, T = !!E || !!i.initialFocus || !!V, W = D(
     e.combobox || e,
     "contentElement"
   ), K = D(
-    (l == null ? void 0 : l.combobox) || l,
+    (c == null ? void 0 : c.combobox) || c,
     "contentElement"
-  ), J = gt(() => {
+  ), J = wt(() => {
     if (!K || !W) return;
-    const I = W.getAttribute("role"), x = K.getAttribute("role");
-    if (!((x === "menu" || x === "menubar") && I === "menu"))
+    const I = W.getAttribute("role"), _ = K.getAttribute("role");
+    if (!((_ === "menu" || _ === "menubar") && I === "menu"))
       return K;
   }, [W, K]);
   return J !== void 0 && (i = b({
@@ -352,21 +352,21 @@ var jt = "div", Ut = N(function(t) {
     autoFocusOnShow: h ? T && s : H || !!V
   }, i), {
     hideOnEscape(I) {
-      return ct(a, I) ? !1 : (e == null || e.hideAll(), !0);
+      return lt(a, I) ? !1 : (e == null || e.hideAll(), !0);
     },
     hideOnHoverOutside(I) {
-      const x = e == null ? void 0 : e.getState().disclosureElement;
-      return (typeof c == "function" ? c(I) : c ?? (m ? !0 : f ? x ? !U(x) : !0 : !1)) ? I.defaultPrevented || !m || !x || (it(x, "mouseout", I), !U(x)) ? !0 : (requestAnimationFrame(() => {
-        U(x) || e == null || e.hide();
+      const _ = e == null ? void 0 : e.getState().disclosureElement;
+      return (typeof l == "function" ? l(I) : l ?? (p ? !0 : f ? _ ? !U(_) : !0 : !1)) ? I.defaultPrevented || !p || !_ || (it(_, "mouseout", I), !U(_)) ? !0 : (requestAnimationFrame(() => {
+        U(_) || e == null || e.hide();
       }), !1) : !1;
     },
     modal: V,
     portal: u,
-    backdrop: m ? !1 : i.backdrop
+    backdrop: p ? !1 : i.backdrop
   })), i = b({
     "aria-labelledby": v
   }, i), i;
-}), qt = _t(
+}), qt = Ct(
   k(function(t) {
     const r = Ut(t);
     return F(jt, r);
@@ -406,43 +406,43 @@ var Yt = N(
       "accessibleWhenDisabled",
       "showOnHover"
     ]);
-    const c = re();
-    e = e || c, B(
+    const l = re();
+    e = e || l, B(
       e,
       process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component."
     );
-    const d = ie(null), i = e.parent, w = e.menubar, p = !!i, l = !!w && !p, C = lt(s), m = () => {
+    const d = ie(null), i = e.parent, g = e.menubar, m = !!i, c = !!g && !m, x = ct(s), p = () => {
       const h = d.current;
       h && (e == null || e.setDisclosureElement(h), e == null || e.setAnchorElement(h), e == null || e.show());
     }, f = s.onFocus, M = $((h) => {
-      if (f == null || f(h), C || h.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !w) || !l) return;
-      const { items: T } = w.getState();
-      be(T, h.currentTarget) && m();
+      if (f == null || f(h), x || h.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !g) || !c) return;
+      const { items: T } = g.getState();
+      be(T, h.currentTarget) && p();
     }), v = D(
       e,
       (h) => h.placement.split("-")[0]
     ), O = s.onKeyDown, E = $((h) => {
-      if (O == null || O(h), C || h.defaultPrevented) return;
+      if (O == null || O(h), x || h.defaultPrevented) return;
       const T = Xt(h, v);
-      T && (h.preventDefault(), m(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(T));
+      T && (h.preventDefault(), p(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(T));
     }), S = s.onClick, H = $((h) => {
       if (S == null || S(h), h.defaultPrevented || !e) return;
       const T = !h.detail, { open: W } = e.getState();
-      (!W || T) && ((!p || T) && e.setAutoFocusOnShow(!0), e.setInitialFocus(T ? "first" : "container")), p && m();
+      (!W || T) && ((!m || T) && e.setAutoFocusOnShow(!0), e.setInitialFocus(T ? "first" : "container")), m && p();
     });
     s = ye(
       s,
-      (h) => /* @__PURE__ */ _(Kt, { value: e, children: h }),
+      (h) => /* @__PURE__ */ C(Kt, { value: e, children: h }),
       [e]
-    ), p && (s = y(b({}, s), {
-      render: /* @__PURE__ */ _(xt.div, { render: s.render })
+    ), m && (s = y(b({}, s), {
+      render: /* @__PURE__ */ C(_t.div, { render: s.render })
     }));
-    const g = xe(s.id), z = D(
+    const w = _e(s.id), z = D(
       (i == null ? void 0 : i.combobox) || i,
       "contentElement"
-    ), A = p || l ? Ee(z, "menuitem") : void 0, V = e.useState("contentElement");
+    ), A = m || c ? Ee(z, "menuitem") : void 0, V = e.useState("contentElement");
     return s = y(b({
-      id: g,
+      id: w,
       role: A,
       "aria-haspopup": dt(V, "menu")
     }, s), {
@@ -459,22 +459,22 @@ var Yt = N(
         if (!(() => {
           if (typeof a == "function") return a(h);
           if (a != null) return a;
-          if (p) return !0;
-          if (!w) return !1;
-          const { items: J } = w.getState();
-          return l && be(J);
+          if (m) return !0;
+          if (!g) return !1;
+          const { items: J } = g.getState();
+          return c && be(J);
         })()) return !1;
-        const K = l ? w : i;
+        const K = c ? g : i;
         return K && K.setActiveId(h.currentTarget.id), !0;
       }
     })), s = yt(b({
       store: e,
-      toggleOnClick: !p,
+      toggleOnClick: !m,
       focusable: o,
       accessibleWhenDisabled: u
-    }, s)), s = le(b({
+    }, s)), s = ce(b({
       store: e,
-      typeahead: l
+      typeahead: c
     }, s)), s;
   }
 ), er = k(function(t) {
@@ -485,9 +485,9 @@ function rr(n, t, r) {
   var e;
   if (!n) return !1;
   if (U(n)) return !0;
-  const o = t == null ? void 0 : t.find((c) => {
+  const o = t == null ? void 0 : t.find((l) => {
     var d;
-    return c.element === r ? !1 : ((d = c.element) == null ? void 0 : d.getAttribute("aria-expanded")) === "true";
+    return l.element === r ? !1 : ((d = l.element) == null ? void 0 : d.getAttribute("aria-expanded")) === "true";
   }), u = (e = o == null ? void 0 : o.element) == null ? void 0 : e.getAttribute("aria-controls");
   if (!u) return !1;
   const s = Se(n).getElementById(u);
@@ -501,7 +501,7 @@ var nr = N(
       preventScrollOnKeyDown: u = !0,
       focusOnHover: a,
       blurOnHoverEnd: s
-    } = r, c = P(r, [
+    } = r, l = P(r, [
       "store",
       "hideOnClick",
       "preventScrollOnKeyDown",
@@ -513,34 +513,34 @@ var nr = N(
       e,
       process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
-    const w = c.onClick, p = se(o), l = "hideAll" in e ? e.hideAll : void 0, C = !!l, m = $((v) => {
-      w == null || w(v), !(v.defaultPrevented || ft(v) || mt(v) || !l || v.currentTarget.getAttribute("aria-haspopup") === "menu") && p(v) && l();
+    const g = l.onClick, m = se(o), c = "hideAll" in e ? e.hideAll : void 0, x = !!c, p = $((v) => {
+      g == null || g(v), !(v.defaultPrevented || ft(v) || pt(v) || !c || v.currentTarget.getAttribute("aria-haspopup") === "menu") && m(v) && c();
     }), f = D(
       e,
       (v) => "contentElement" in v ? v.contentElement : null
     ), M = Ee(f, "menuitem");
-    return c = y(b({
+    return l = y(b({
       role: M
-    }, c), {
-      onClick: m
-    }), c = Ye(b({
+    }, l), {
+      onClick: p
+    }), l = Ye(b({
       store: e,
       preventScrollOnKeyDown: u
-    }, c)), c = ke(y(b({
+    }, l)), l = ke(y(b({
       store: e
-    }, c), {
+    }, l), {
       focusOnHover(v) {
         const O = () => typeof a == "function" ? a(v) : a ?? !0;
         if (!e || !O()) return !1;
         const { baseElement: E, items: S } = e.getState();
-        return C ? (v.currentTarget.hasAttribute("aria-expanded") && v.currentTarget.focus(), !0) : rr(E, S, v.currentTarget) ? (v.currentTarget.focus(), !0) : !1;
+        return x ? (v.currentTarget.hasAttribute("aria-expanded") && v.currentTarget.focus(), !0) : rr(E, S, v.currentTarget) ? (v.currentTarget.focus(), !0) : !1;
       },
       blurOnHoverEnd(v) {
-        return typeof s == "function" ? s(v) : s ?? C;
+        return typeof s == "function" ? s(v) : s ?? x;
       }
-    })), c;
+    })), l;
   }
-), or = _e(
+), or = Ce(
   k(function(t) {
     const r = nr(t);
     return F(tr, r);
@@ -551,7 +551,7 @@ function sr(n = {}) {
     combobox: r,
     parent: e,
     menubar: o
-  } = t, u = pt(t, [
+  } = t, u = mt(t, [
     "combobox",
     "parent",
     "menubar"
@@ -568,62 +568,62 @@ function sr(n = {}) {
     ])
   );
   Ke(u, s);
-  const c = s.getState(), d = Et(G(R({}, u), {
+  const l = s.getState(), d = Et(G(R({}, u), {
     store: s,
     orientation: j(
       u.orientation,
-      c.orientation,
+      l.orientation,
       "vertical"
     )
   })), i = Je(G(R({}, u), {
     store: s,
     placement: j(
       u.placement,
-      c.placement,
+      l.placement,
       "bottom-start"
     ),
     timeout: j(
       u.timeout,
-      c.timeout,
+      l.timeout,
       a ? 0 : 150
     ),
-    hideTimeout: j(u.hideTimeout, c.hideTimeout, 0)
-  })), w = G(R(R({}, d.getState()), i.getState()), {
-    initialFocus: j(c.initialFocus, "container"),
+    hideTimeout: j(u.hideTimeout, l.hideTimeout, 0)
+  })), g = G(R(R({}, d.getState()), i.getState()), {
+    initialFocus: j(l.initialFocus, "container"),
     values: j(
       u.values,
-      c.values,
+      l.values,
       u.defaultValues,
       {}
     )
-  }), p = Be(w, d, i, s);
-  return pe(
-    p,
-    () => ve(p, ["mounted"], (l) => {
-      l.mounted || p.setState("activeId", null);
+  }), m = Be(g, d, i, s);
+  return me(
+    m,
+    () => ve(m, ["mounted"], (c) => {
+      c.mounted || m.setState("activeId", null);
     })
-  ), pe(
-    p,
-    () => ve(e, ["orientation"], (l) => {
-      p.setState(
+  ), me(
+    m,
+    () => ve(e, ["orientation"], (c) => {
+      m.setState(
         "placement",
-        l.orientation === "vertical" ? "right-start" : "bottom-start"
+        c.orientation === "vertical" ? "right-start" : "bottom-start"
       );
     })
-  ), G(R(R(R({}, d), i), p), {
+  ), G(R(R(R({}, d), i), m), {
     combobox: r,
     parent: e,
     menubar: o,
     hideAll: () => {
       i.hide(), e == null || e.hideAll();
     },
-    setInitialFocus: (l) => p.setState("initialFocus", l),
-    setValues: (l) => p.setState("values", l),
-    setValue: (l, C) => {
-      l !== "__proto__" && l !== "constructor" && (Array.isArray(l) || p.setState("values", (m) => {
-        const f = m[l], M = vt(C, f);
-        return M === f ? m : G(R({}, m), {
-          [l]: M !== void 0 && M
+    setInitialFocus: (c) => m.setState("initialFocus", c),
+    setValues: (c) => m.setState("values", c),
+    setValue: (c, x) => {
+      c !== "__proto__" && c !== "constructor" && (Array.isArray(c) || m.setState("values", (p) => {
+        const f = p[c], M = vt(x, f);
+        return M === f ? p : G(R({}, p), {
+          [c]: M !== void 0 && M
         });
       }));
     }
@@ -644,7 +644,7 @@ function ar(n, t, r) {
   );
 }
 function Lr(n = {}) {
-  const t = de(), r = Tt(), e = Ct();
+  const t = de(), r = Tt(), e = xt();
   n = y(b({}, n), {
     parent: n.parent !== void 0 ? n.parent : t,
     menubar: n.menubar !== void 0 ? n.menubar : r,
@@ -659,60 +659,60 @@ var ur = "hr", ir = N(
     const u = de();
     return e = e || u, o = Ie(b({ store: e }, o)), o;
   }
-), cr = k(function(t) {
+), lr = k(function(t) {
   const r = ir(t);
   return F(ur, r);
 });
-const lr = "_inner_1nesm_2", dr = "_arrow_1nesm_17", fr = "_stroke_1nesm_1", mr = "_item_1nesm_43", pr = "_separator_1nesm_70", ne = {
-  inner: lr,
+const cr = "_inner_glxpl_2", dr = "_arrow_glxpl_17", fr = "_stroke_glxpl_1", pr = "_item_glxpl_43", mr = "_separator_glxpl_70", ne = {
+  inner: cr,
   arrow: dr,
   stroke: fr,
-  "arrow-item": "_arrow-item_1nesm_26",
-  "arrow-placement-bottom": "_arrow-placement-bottom_1nesm_31",
-  "arrow-placement-left": "_arrow-placement-left_1nesm_34",
-  "arrow-placement-right": "_arrow-placement-right_1nesm_37",
-  "arrow-placement-top": "_arrow-placement-top_1nesm_40",
-  item: mr,
-  separator: pr
-}, he = te(ne), vr = ce(({ className: n, store: t }, r) => {
+  "arrow-item": "_arrow-item_glxpl_26",
+  "arrow-placement-bottom": "_arrow-placement-bottom_glxpl_31",
+  "arrow-placement-left": "_arrow-placement-left_glxpl_34",
+  "arrow-placement-right": "_arrow-placement-right_glxpl_37",
+  "arrow-placement-top": "_arrow-placement-top_glxpl_40",
+  item: pr,
+  separator: mr
+}, he = te(ne), vr = le(({ className: n, store: t }, r) => {
   const e = D(t, "currentPlacement"), [o] = e.split("-");
-  return /* @__PURE__ */ _(Jt, { ref: r, render: /* @__PURE__ */ _("div", { className: he("arrow", n) }), children: /* @__PURE__ */ Le(
+  return /* @__PURE__ */ C(Jt, { ref: r, render: /* @__PURE__ */ C("div", { className: he("arrow", n) }), children: /* @__PURE__ */ Le(
     "svg",
     {
       className: he("arrow-item", o && `arrow-placement-${o}`),
       viewBox: "0 0 30 30",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ _("path", { d: "M7 30L15 22L23 30H7Z", fill: "currentColor", fillRule: "nonzero", id: "stroke" }),
-        /* @__PURE__ */ _("path", { d: "M8 30L15 23L22 30H8Z", fill: "currentColor", fillRule: "nonzero" })
+        /* @__PURE__ */ C("path", { d: "M7 30L15 22L23 30H7Z", fill: "currentColor", fillRule: "nonzero", id: "stroke" }),
+        /* @__PURE__ */ C("path", { d: "M8 30L15 23L22 30H8Z", fill: "currentColor", fillRule: "nonzero" })
       ]
     }
   ) });
 }), br = te(ne), hr = Te(
-  ({ as: n = "button", className: t, ...r }, e) => /* @__PURE__ */ _(
+  ({ as: n = "button", className: t, ...r }, e) => /* @__PURE__ */ C(
     or,
     {
-      render: /* @__PURE__ */ _(n, { className: br("item", t), ref: e }),
+      render: /* @__PURE__ */ C(n, { className: br("item", t), ref: e }),
       type: "button",
       ...r
     }
   )
-), wr = te(ne), gr = ce(
-  ({ className: n, ...t }, r) => /* @__PURE__ */ _(cr, { ref: r, render: /* @__PURE__ */ _("hr", { className: wr("separator", n) }), ...t })
+), gr = te(ne), wr = le(
+  ({ className: n, ...t }, r) => /* @__PURE__ */ C(lr, { ref: r, render: /* @__PURE__ */ C("hr", { className: gr("separator", n) }), ...t })
 ), Mr = Te(
-  ({ as: n, store: t, ...r }, e) => /* @__PURE__ */ _(
+  ({ as: n, store: t, ...r }, e) => /* @__PURE__ */ C(
     er,
     {
       ref: e,
-      render: n ? (o) => /* @__PURE__ */ _(n, { ...o }) : void 0,
+      render: n ? (o) => /* @__PURE__ */ C(n, { ...o }) : void 0,
       store: t,
       ...r
     }
   )
-), Sr = te(ne), Cr = 4, _r = ce(
+), Sr = te(ne), xr = 4, Cr = le(
   ({ children: n, className: t, dataTestId: r, innerProps: e = {}, store: o, withGutter: u = !0, ...a }, s) => {
-    const c = D(o, "arrowElement"), d = u && !c ? Cr : 0, { className: i, ...w } = e;
-    return /* @__PURE__ */ _(
+    const l = D(o, "arrowElement"), d = u && !l ? xr : 0, { className: i, ...g } = e;
+    return /* @__PURE__ */ C(
       qt,
       {
         "aria-label": "dropdown-menu",
@@ -720,7 +720,7 @@ const lr = "_inner_1nesm_2", dr = "_arrow_1nesm_17", fr = "_stroke_1nesm_1", mr
         "data-testid": r,
         gutter: d,
         ref: s,
-        render: /* @__PURE__ */ _("div", { className: Sr("inner", i), ...w }),
+        render: /* @__PURE__ */ C("div", { className: Sr("inner", i), ...g }),
         store: o,
         tabIndex: 0,
         ...a,
@@ -728,10 +728,10 @@ const lr = "_inner_1nesm_2", dr = "_arrow_1nesm_17", fr = "_stroke_1nesm_1", mr
       }
     );
   }
-), Vr = Object.assign(_r, {
+), Vr = Object.assign(Cr, {
   Arrow: vr,
   Item: hr,
-  Separator: gr,
+  Separator: wr,
   Trigger: Mr
 });
 export {