welcome-ui 9.0.0-alpha.4 → 9.0.0

package/dist/DropdownMenu.js

@@ -1,80 +1,18 @@
 "use client";
 import { jsx as _, jsxs as Le } from "react/jsx-runtime";
-import { u as ue, f as Ve, C as we, a as ge, b as Re } from "./P2CTZE2T-D1TepwxQ.js";
-import { H as $e, a as Ke, c as Be, u as ze, b as We, d as je, e as Ue } from "./BYC7LY2E-DbSoi9cN.js";
-import { c as N, _ as P, i as B, u as qe, a as se, b as $, h as U, d as Ge, e as y, f as ee, g as b, r as Me, j as Ze, k as Je, m as Se, l as k, n as F, o as Ce, s as Qe, p as Xe, q as Ye, t as et, v as _e, w as tt, x as G, y as j, z as R, A as rt, B as nt, C as xe, D as ye, E as ot, F as st, G as at, H as Ee, I as ut, J as it, K as ct } from "./LVA2YJMS-NUHCRwFZ.js";
-import { useCallback as lt, useRef as ie, createContext as Pe, useState as Oe, useEffect as Ae, createRef as dt, useMemo as ft, forwardRef as ce } from "react";
-import { u as mt, a as pt } from "./ITI7HKP4-C5xLpoVY.js";
-import { i as vt } from "./VGCJ63VH-CVhs4PYt.js";
-import { m as bt, o as ht, p as wt, t as gt, c as Mt, s as pe, a as ve, u as St, b as Ct, d as D } from "./YV4JVR4I-CVFstk2K.js";
-import { c as _t, R as xt } from "./JC64G2H7-DPy9R0De.js";
-import { c as te } from "./index-PAaZGbyz.js";
+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 { 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 { 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 { c as te } from "./index-CdiHdiVB.js";
 import { f as Te } from "./forwardRefWithAs-8eP3ZN15.js";
-import { u as yt } from "./QYJ6MIDR-Dm7lYMh6.js";
-import { c as Et, u as Pt } from "./4CMBR7SL-Dhp8uJop.js";
-var Ot = "div";
-function He(n) {
-  const t = n.relatedTarget;
-  return (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : null;
-}
-function At(n) {
-  const t = He(n);
-  return t ? Ze(n.currentTarget, t) : !1;
-}
-var ae = Symbol("composite-hover");
-function Tt(n) {
-  let t = He(n);
-  if (!t) return !1;
-  do {
-    if (Je(t, ae) && t[ae]) return !0;
-    t = t.parentElement;
-  } while (t);
-  return !1;
-}
-var Ie = N(
-  function(t) {
-    var r = t, {
-      store: e,
-      focusOnHover: o = !0,
-      blurOnHoverEnd: u = !!o
-    } = r, a = P(r, [
-      "store",
-      "focusOnHover",
-      "blurOnHoverEnd"
-    ]);
-    const s = ue();
-    e = e || s, B(
-      e,
-      process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
-    );
-    const c = qe(), d = a.onMouseMove, i = se(o), w = $((f) => {
-      if (d == null || d(f), !f.defaultPrevented && c() && i(f)) {
-        if (!U(f.currentTarget)) {
-          const M = e == null ? void 0 : e.getState().baseElement;
-          M && !Ge(M) && M.focus();
-        }
-        e == null || e.setActiveId(f.currentTarget.id);
-      }
-    }), p = a.onMouseLeave, l = se(u), C = $((f) => {
-      var M;
-      p == null || p(f), !f.defaultPrevented && c() && (At(f) || Tt(f) || i(f) && l(f) && (e == null || e.setActiveId(null), (M = e == null ? void 0 : e.getState().baseElement) == null || M.focus()));
-    }), m = lt((f) => {
-      f && (f[ae] = !0);
-    }, []);
-    return a = y(b({}, a), {
-      ref: ee(m, a.ref),
-      onMouseMove: w,
-      onMouseLeave: C
-    }), Me(a);
-  }
-);
-Se(
-  k(function(t) {
-    const r = Ie(t);
-    return F(Ot, r);
-  })
-);
-var Ht = "hr", De = N(
+import { u as yt } from "./4I4MLMKD-BLxAidnq.js";
+import { c as Et, u as Pt } from "./B7UTNDHN-BlIblHCu.js";
+var Ot = "hr", He = N(
   function(t) {
     var r = t, { orientation: e = "horizontal" } = r, o = P(r, ["orientation"]);
     return o = b({
@@ -84,10 +22,10 @@ var Ht = "hr", De = N(
   }
 );
 k(function(t) {
-  const r = De(t);
-  return F(Ht, r);
+  const r = He(t);
+  return F(Ot, r);
 });
-var It = "hr", Ne = N(function(t) {
+var At = "hr", Ie = N(function(t) {
   var r = t, { store: e } = r, o = P(r, ["store"]);
   const u = ue();
   e = e || u, B(
@@ -97,26 +35,33 @@ var It = "hr", Ne = N(function(t) {
   const a = e.useState(
     (s) => s.orientation === "horizontal" ? "vertical" : "horizontal"
   );
-  return o = De(y(b({}, o), { orientation: a })), o;
+  return o = He(y(b({}, o), { orientation: a })), o;
 });
 k(function(t) {
-  const r = Ne(t);
-  return F(It, r);
+  const r = Ie(t);
+  return F(At, r);
 });
-var Dt = "div", L = "";
+var De = Me(
+  [ge],
+  [we]
+), Tt = De.useContext, Ht = De.useScopedContext;
+Pe(
+  void 0
+);
+var It = "div", L = "";
 function oe() {
   L = "";
 }
-function Nt(n) {
+function Dt(n) {
   const t = n.target;
-  return t && Xe(t) ? !1 : n.key === " " && L.length ? !0 : n.key.length === 1 && !n.ctrlKey && !n.altKey && !n.metaKey && /^[\p{Letter}\p{Number}]$/u.test(n.key);
+  return t && tt(t) ? !1 : n.key === " " && L.length ? !0 : n.key.length === 1 && !n.ctrlKey && !n.altKey && !n.metaKey && /^[\p{Letter}\p{Number}]$/u.test(n.key);
 }
-function kt(n, t) {
-  if (Ye(n)) return !0;
+function Nt(n, t) {
+  if (rt(n)) return !0;
   const r = n.target;
   return r ? t.some((o) => o.element === r) : !1;
 }
-function Ft(n) {
+function kt(n) {
   return n.filter((t) => !t.disabled);
 }
 function Y(n, t) {
@@ -126,12 +71,12 @@ function Y(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 ? et(e).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
+  return e ? nt(e).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
 }
-function Lt(n, t, r) {
+function Ft(n, t, r) {
   if (!r) return n;
   const e = n.find((o) => o.id === r);
-  return !e || !Y(e, t) || L !== t && Y(e, L) ? n : (L = t, Ve(
+  return !e || !Y(e, t) || L !== t && Y(e, L) ? n : (L = t, Xe(
     n.filter((o) => Y(o, L)),
     r
   ).filter((o) => o.id !== r));
@@ -145,157 +90,105 @@ var le = N(function(t) {
   );
   const s = u.onKeyDownCapture, c = ie(0), d = $((i) => {
     if (s == null || s(i), i.defaultPrevented || !o || !e) return;
-    if (!Nt(i))
+    if (!Dt(i))
       return oe();
     const { renderedItems: w, items: p, activeId: l, id: C } = e.getState();
-    let m = Ft(
+    let m = kt(
       p.length > w.length ? p : w
     );
-    const f = Ce(i.currentTarget), M = `[data-offscreen-id="${C}"]`, v = f.querySelectorAll(M);
+    const f = Se(i.currentTarget), M = `[data-offscreen-id="${C}"]`, 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 });
     }
-    if (v.length && (m = Qe(m, (S) => S.element)), !kt(i, m)) return oe();
+    if (v.length && (m = et(m, (S) => S.element)), !Nt(i, m)) return oe();
     i.preventDefault(), window.clearTimeout(c.current), c.current = window.setTimeout(() => {
       L = "";
     }, 500);
     const O = i.key.toLowerCase();
-    L += O, m = Lt(m, O, l);
+    L += O, m = Ft(m, O, l);
     const E = m.find((S) => Y(S, L));
     E ? e.move(E.id) : oe();
   });
   return u = y(b({}, u), {
     onKeyDownCapture: d
-  }), Me(u);
+  }), Ce(u);
 });
 k(function(t) {
   const r = le(t);
-  return F(Dt, r);
+  return F(It, r);
 });
-var ke = _e(
-  [ge],
-  [we]
-), Vt = ke.useContext, Rt = ke.useScopedContext;
-Pe(
-  void 0
+var Lt = "div";
+function Ne(n) {
+  const t = n.relatedTarget;
+  return (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : null;
+}
+function Vt(n) {
+  const t = Ne(n);
+  return t ? at(n.currentTarget, t) : !1;
+}
+var ae = Symbol("composite-hover");
+function Rt(n) {
+  let t = Ne(n);
+  if (!t) return !1;
+  do {
+    if (ut(t, ae) && t[ae]) return !0;
+    t = t.parentElement;
+  } while (t);
+  return !1;
+}
+var ke = N(
+  function(t) {
+    var r = t, {
+      store: e,
+      focusOnHover: o = !0,
+      blurOnHoverEnd: u = !!o
+    } = r, a = P(r, [
+      "store",
+      "focusOnHover",
+      "blurOnHoverEnd"
+    ]);
+    const s = ue();
+    e = e || s, B(
+      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)) {
+        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) => {
+      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) => {
+      f && (f[ae] = !0);
+    }, []);
+    return a = y(b({}, a), {
+      ref: ee(m, a.ref),
+      onMouseMove: w,
+      onMouseLeave: C
+    }), Ce(a);
+  }
+);
+_e(
+  k(function(t) {
+    const r = ke(t);
+    return F(Lt, r);
+  })
 );
-var Z = _e(
-  [ge, Ke],
-  [we, $e]
+var Z = Me(
+  [ge, Ue],
+  [we, je]
 ), de = Z.useContext, $t = Z.useScopedContext, re = Z.useProviderContext, Kt = Z.ContextProvider, Bt = Z.ScopedContextProvider;
 Pe(
   void 0
 );
-function zt(n = {}) {
-  var t = n, {
-    combobox: r,
-    parent: e,
-    menubar: o
-  } = t, u = tt(t, [
-    "combobox",
-    "parent",
-    "menubar"
-  ]);
-  const a = !!o && !e, s = bt(
-    u.store,
-    wt(e, ["values"]),
-    ht(r, [
-      "arrowElement",
-      "anchorElement",
-      "contentElement",
-      "popoverElement",
-      "disclosureElement"
-    ])
-  );
-  gt(u, s);
-  const c = s.getState(), d = Et(G(R({}, u), {
-    store: s,
-    orientation: j(
-      u.orientation,
-      c.orientation,
-      "vertical"
-    )
-  })), i = Be(G(R({}, u), {
-    store: s,
-    placement: j(
-      u.placement,
-      c.placement,
-      "bottom-start"
-    ),
-    timeout: j(
-      u.timeout,
-      c.timeout,
-      a ? 0 : 150
-    ),
-    hideTimeout: j(u.hideTimeout, c.hideTimeout, 0)
-  })), w = G(R(R({}, d.getState()), i.getState()), {
-    initialFocus: j(c.initialFocus, "container"),
-    values: j(
-      u.values,
-      c.values,
-      u.defaultValues,
-      {}
-    )
-  }), p = Mt(w, d, i, s);
-  return pe(
-    p,
-    () => ve(p, ["mounted"], (l) => {
-      l.mounted || p.setState("activeId", null);
-    })
-  ), pe(
-    p,
-    () => ve(e, ["orientation"], (l) => {
-      p.setState(
-        "placement",
-        l.orientation === "vertical" ? "right-start" : "bottom-start"
-      );
-    })
-  ), G(R(R(R({}, d), i), p), {
-    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 = rt(C, f);
-        return M === f ? m : G(R({}, m), {
-          [l]: M !== void 0 && M
-        });
-      }));
-    }
-  });
-}
-function Wt(n, t, r) {
-  return nt(t, [r.combobox, r.parent, r.menubar]), Ct(n, r, "values", "setValues"), Object.assign(
-    ze(
-      Pt(n, t, r),
-      t,
-      r
-    ),
-    {
-      combobox: r.combobox,
-      parent: r.parent,
-      menubar: r.menubar
-    }
-  );
-}
-function Lr(n = {}) {
-  const t = de(), r = Vt(), e = mt();
-  n = y(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
-  });
-  const [o, u] = St(zt, n);
-  return Wt(o, u, n);
-}
-var jt = "div";
-function Ut(n) {
+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");
   return Ae(() => {
@@ -361,7 +254,7 @@ var Fe = N(
       (g) => /* @__PURE__ */ _(Bt, { value: e, children: g }),
       [e]
     );
-    const v = Ut(b({ store: e }, a)), O = e.useState("mounted"), E = vt(O, a.hidden, o), S = E ? y(b({}, a.style), { display: "none" }) : a.style;
+    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,
       "aria-labelledby": v,
@@ -375,14 +268,14 @@ var Fe = N(
     return u = u ?? !H, u && (a = b({
       role: "menu",
       "aria-orientation": C
-    }, a)), a = pt(b({ store: e, composite: u }, a)), a = le(b({ store: e, typeahead: !H }, a)), a;
+    }, a)), a = St(b({ store: e, composite: u }, a)), a = le(b({ store: e, typeahead: !H }, a)), a;
   }
 );
 k(function(t) {
   const r = Fe(t);
-  return F(jt, r);
+  return F(zt, r);
 });
-var qt = "div", Gt = N(function(t) {
+var jt = "div", Ut = N(function(t) {
   var r = t, {
     store: e,
     modal: o = !1,
@@ -421,8 +314,9 @@ var qt = "div", Gt = N(function(t) {
       var Q, fe, me;
       if (I || !H) return;
       if ((Q = x == null ? void 0 : x.current) != null && Q.isConnected) return x;
-      const X = dt();
+      const X = wt();
       switch (g) {
+        // TODO: Refactor
         case "first":
           X.current = ((fe = A.find((q) => !q.disabled && q.element)) == null ? void 0 : fe.element) || null;
           break;
@@ -443,7 +337,7 @@ var qt = "div", Gt = N(function(t) {
   ), K = D(
     (l == null ? void 0 : l.combobox) || l,
     "contentElement"
-  ), J = ft(() => {
+  ), J = gt(() => {
     if (!K || !W) return;
     const I = W.getAttribute("role"), x = K.getAttribute("role");
     if (!((x === "menu" || x === "menubar") && I === "menu"))
@@ -451,18 +345,18 @@ var qt = "div", Gt = N(function(t) {
   }, [W, K]);
   return J !== void 0 && (i = b({
     preserveTabOrderAnchor: J
-  }, i)), i = We(y(b({
+  }, i)), i = qe(y(b({
     store: e,
     alwaysVisible: d,
     initialFocus: E,
     autoFocusOnShow: h ? T && s : H || !!V
   }, i), {
     hideOnEscape(I) {
-      return st(a, I) ? !1 : (e == null || e.hideAll(), !0);
+      return ct(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 || (ot(x, "mouseout", I), !U(x)) ? !0 : (requestAnimationFrame(() => {
+      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();
       }), !1) : !1;
     },
@@ -472,23 +366,23 @@ var qt = "div", Gt = N(function(t) {
   })), i = b({
     "aria-labelledby": v
   }, i), i;
-}), Zt = _t(
+}), qt = _t(
   k(function(t) {
-    const r = Gt(t);
-    return F(qt, r);
+    const r = Ut(t);
+    return F(jt, r);
   }),
   re
-), Jt = "div", Qt = N(
+), Gt = "div", Zt = N(
   function(t) {
     var r = t, { store: e } = r, o = P(r, ["store"]);
     const u = de();
-    return e = e || u, je(b({ store: e }, o));
+    return e = e || u, Ge(b({ store: e }, o));
   }
-), Xt = k(function(t) {
-  const r = Qt(t);
-  return F(Jt, r);
-}), Yt = "button";
-function er(n, t) {
+), Jt = k(function(t) {
+  const r = Zt(t);
+  return F(Gt, r);
+}), Qt = "button";
+function Xt(n, t) {
   return {
     ArrowDown: t === "bottom" || t === "top" ? "first" : !1,
     ArrowUp: t === "bottom" || t === "top" ? "last" : !1,
@@ -499,7 +393,7 @@ function er(n, t) {
 function be(n, t) {
   return !!(n != null && n.some((r) => !r.element || r.element === t ? !1 : r.element.getAttribute("aria-expanded") === "true"));
 }
-var tr = N(
+var Yt = N(
   function(t) {
     var r = t, {
       store: e,
@@ -517,7 +411,7 @@ var tr = N(
       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 = at(s), m = () => {
+    const d = ie(null), i = e.parent, w = e.menubar, p = !!i, l = !!w && !p, C = lt(s), m = () => {
       const h = d.current;
       h && (e == null || e.setDisclosureElement(h), e == null || e.setAnchorElement(h), e == null || e.show());
     }, f = s.onFocus, M = $((h) => {
@@ -529,7 +423,7 @@ var tr = N(
       (h) => h.placement.split("-")[0]
     ), O = s.onKeyDown, E = $((h) => {
       if (O == null || O(h), C || h.defaultPrevented) return;
-      const T = er(h, v);
+      const T = Xt(h, v);
       T && (h.preventDefault(), m(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(T));
     }), S = s.onClick, H = $((h) => {
       if (S == null || S(h), h.defaultPrevented || !e) return;
@@ -550,13 +444,13 @@ var tr = N(
     return s = y(b({
       id: g,
       role: A,
-      "aria-haspopup": ut(V, "menu")
+      "aria-haspopup": dt(V, "menu")
     }, s), {
       ref: ee(d, s.ref),
       onFocus: M,
       onKeyDown: E,
       onClick: H
-    }), s = Ue(y(b({
+    }), s = Ze(y(b({
       store: e,
       focusable: o,
       accessibleWhenDisabled: u
@@ -583,11 +477,11 @@ var tr = N(
       typeahead: l
     }, s)), s;
   }
-), rr = k(function(t) {
-  const r = tr(t);
-  return F(Yt, r);
-}), nr = "div";
-function or(n, t, r) {
+), er = k(function(t) {
+  const r = Yt(t);
+  return F(Qt, r);
+}), tr = "div";
+function rr(n, t, r) {
   var e;
   if (!n) return !1;
   if (U(n)) return !0;
@@ -596,10 +490,10 @@ function or(n, t, r) {
     return c.element === r ? !1 : ((d = c.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 = Ce(n).getElementById(u);
+  const s = Se(n).getElementById(u);
   return s ? U(s) ? !0 : !!s.querySelector("[role=menuitem][aria-expanded=true]") : !1;
 }
-var sr = N(
+var nr = N(
   function(t) {
     var r = t, {
       store: e,
@@ -614,13 +508,13 @@ var sr = N(
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const d = $t(!0), i = Rt();
+    const d = $t(!0), i = Ht();
     e = e || d || i, B(
       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 || it(v) || ct(v) || !l || v.currentTarget.getAttribute("aria-haspopup") === "menu") && p(v) && l();
+      w == null || w(v), !(v.defaultPrevented || ft(v) || mt(v) || !l || v.currentTarget.getAttribute("aria-haspopup") === "menu") && p(v) && l();
     }), f = D(
       e,
       (v) => "contentElement" in v ? v.contentElement : null
@@ -629,33 +523,141 @@ var sr = N(
       role: M
     }, c), {
       onClick: m
-    }), c = Re(b({
+    }), c = Ye(b({
       store: e,
       preventScrollOnKeyDown: u
-    }, c)), c = Ie(y(b({
+    }, c)), c = ke(y(b({
       store: e
     }, c), {
       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) : or(E, S, v.currentTarget) ? (v.currentTarget.focus(), !0) : !1;
+        return C ? (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;
       }
     })), c;
   }
-), ar = Se(
+), or = _e(
   k(function(t) {
-    const r = sr(t);
-    return F(nr, r);
+    const r = nr(t);
+    return F(tr, r);
   })
-), ur = "hr", ir = N(
+);
+function sr(n = {}) {
+  var t = n, {
+    combobox: r,
+    parent: e,
+    menubar: o
+  } = t, u = pt(t, [
+    "combobox",
+    "parent",
+    "menubar"
+  ]);
+  const a = !!o && !e, s = Ve(
+    u.store,
+    $e(e, ["values"]),
+    Re(r, [
+      "arrowElement",
+      "anchorElement",
+      "contentElement",
+      "popoverElement",
+      "disclosureElement"
+    ])
+  );
+  Ke(u, s);
+  const c = s.getState(), d = Et(G(R({}, u), {
+    store: s,
+    orientation: j(
+      u.orientation,
+      c.orientation,
+      "vertical"
+    )
+  })), i = Je(G(R({}, u), {
+    store: s,
+    placement: j(
+      u.placement,
+      c.placement,
+      "bottom-start"
+    ),
+    timeout: j(
+      u.timeout,
+      c.timeout,
+      a ? 0 : 150
+    ),
+    hideTimeout: j(u.hideTimeout, c.hideTimeout, 0)
+  })), w = G(R(R({}, d.getState()), i.getState()), {
+    initialFocus: j(c.initialFocus, "container"),
+    values: j(
+      u.values,
+      c.values,
+      u.defaultValues,
+      {}
+    )
+  }), p = Be(w, d, i, s);
+  return pe(
+    p,
+    () => ve(p, ["mounted"], (l) => {
+      l.mounted || p.setState("activeId", null);
+    })
+  ), pe(
+    p,
+    () => ve(e, ["orientation"], (l) => {
+      p.setState(
+        "placement",
+        l.orientation === "vertical" ? "right-start" : "bottom-start"
+      );
+    })
+  ), G(R(R(R({}, d), i), p), {
+    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
+        });
+      }));
+    }
+  });
+}
+function ar(n, t, r) {
+  return bt(t, [r.combobox, r.parent, r.menubar]), We(n, r, "values", "setValues"), Object.assign(
+    Qe(
+      Pt(n, t, r),
+      t,
+      r
+    ),
+    {
+      combobox: r.combobox,
+      parent: r.parent,
+      menubar: r.menubar
+    }
+  );
+}
+function Lr(n = {}) {
+  const t = de(), r = Tt(), e = Ct();
+  n = y(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
+  });
+  const [o, u] = ze(sr, n);
+  return ar(o, u, n);
+}
+var ur = "hr", ir = N(
   function(t) {
     var r = t, { store: e } = r, o = P(r, ["store"]);
     const u = de();
-    return e = e || u, o = Ne(b({ store: e }, o)), o;
+    return e = e || u, o = Ie(b({ store: e }, o)), o;
   }
 ), cr = k(function(t) {
   const r = ir(t);
@@ -674,7 +676,7 @@ const lr = "_inner_1nesm_2", dr = "_arrow_1nesm_17", fr = "_stroke_1nesm_1", mr
   separator: pr
 }, he = te(ne), vr = ce(({ className: n, store: t }, r) => {
   const e = D(t, "currentPlacement"), [o] = e.split("-");
-  return /* @__PURE__ */ _(Xt, { ref: r, render: /* @__PURE__ */ _("div", { className: he("arrow", n) }), children: /* @__PURE__ */ Le(
+  return /* @__PURE__ */ _(Jt, { ref: r, render: /* @__PURE__ */ _("div", { className: he("arrow", n) }), children: /* @__PURE__ */ Le(
     "svg",
     {
       className: he("arrow-item", o && `arrow-placement-${o}`),
@@ -688,7 +690,7 @@ const lr = "_inner_1nesm_2", dr = "_arrow_1nesm_17", fr = "_stroke_1nesm_1", mr
   ) });
 }), br = te(ne), hr = Te(
   ({ as: n = "button", className: t, ...r }, e) => /* @__PURE__ */ _(
-    ar,
+    or,
     {
       render: /* @__PURE__ */ _(n, { className: br("item", t), ref: e }),
       type: "button",
@@ -699,7 +701,7 @@ const lr = "_inner_1nesm_2", dr = "_arrow_1nesm_17", fr = "_stroke_1nesm_1", mr
   ({ className: n, ...t }, r) => /* @__PURE__ */ _(cr, { ref: r, render: /* @__PURE__ */ _("hr", { className: wr("separator", n) }), ...t })
 ), Mr = Te(
   ({ as: n, store: t, ...r }, e) => /* @__PURE__ */ _(
-    rr,
+    er,
     {
       ref: e,
       render: n ? (o) => /* @__PURE__ */ _(n, { ...o }) : void 0,
@@ -711,7 +713,7 @@ const lr = "_inner_1nesm_2", dr = "_arrow_1nesm_17", fr = "_stroke_1nesm_1", mr
   ({ 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__ */ _(
-      Zt,
+      qt,
       {
         "aria-label": "dropdown-menu",
         className: t,