welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.11

package/dist/DropdownMenu.js

@@ -1,290 +1,406 @@
 "use client";
-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 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 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";
-import { c as Et, u as Pt } from "./B7UTNDHN-BlIblHCu.js";
-var Ot = "hr", He = N(
+import './DropdownMenu.css';
+import { jsx as d, jsxs as j } from "react/jsx-runtime";
+import { t as Ge, c as Ve, u as ze, a as Be, b as L, m as St, o as Pt, p as It, s as He, d as Fe } from "./RTNCFSKZ-BywELldk.js";
+import { H as Et, a as Ot, u as Nt, b as At, c as Dt, d as Tt } from "./GVVKDT6A-CF9ejW_c.js";
+import { u as ke, C as Ke, a as je, f as Lt, b as Ht } from "./SBSPVDDI-CmtnvvUX.js";
+import { c as _, _ as P, a as f, f as x, b as y, i as G, d as I, e as We, u as z, g as Ue, s as Ft, r as re, h as $t, j as Rt, n as Gt, k as ce, l as Me, m as Vt, o as zt, p as be, q as X, t as Bt, v as le, w as Kt, x as jt, y as de, z as K, A as Q, B as $, C as qe, D as Wt, E as Ut, F as qt, G as Ze, H as Zt, I as Jt, J as Qt, K as Je, L as Xt, M as Yt, N as er } from "./OE2EFRVA-Dg1R6gaC.js";
+import { createContext as _e, useRef as xe, useState as ye, useContext as Se, useCallback as tr, useEffect as Y, createRef as rr, useMemo as nr, forwardRef as N, createElement as or } from "react";
+import { i as ar } from "./T22PY7TE-gLuJpoOm.js";
+import { u as sr, a as ur } from "./OLVWQA7U-Dia3UUnG.js";
+import { c as ir, R as cr } from "./NI3IVY7K-Dy240mkD.js";
+import { c as W } from "./index-PAaZGbyz.js";
+import { f as ee } from "./forwardRefWithAs-8eP3ZN15.js";
+import { u as lr, a as dr } from "./4I4MLMKD-BO6Lcy7s.js";
+import { C as mr, u as fr } from "./KPUWHTQJ-Dv3cAqjP.js";
+import { u as pr } from "./SQZLCNLX-Dg4KKdNJ.js";
+import { c as vr, u as hr } from "./B7UTNDHN-BghjolIs.js";
+import { Checkbox as br } from "./Checkbox.js";
+import { Radio as gr } from "./Radio.js";
+import { Toggle as wr } from "./Toggle.js";
+import { Icon as Qe } from "./Icon.js";
+import { InputText as Cr } from "./InputText.js";
+var kr = "hr", Xe = _(
   function(t) {
     var r = t, { orientation: e = "horizontal" } = r, o = P(r, ["orientation"]);
-    return o = b({
+    return o = f({
       role: "separator",
       "aria-orientation": e
     }, o), o;
   }
 );
-k(function(t) {
-  const r = He(t);
-  return F(Ot, r);
+x(function(t) {
+  const r = Xe(t);
+  return y(kr, r);
 });
-var At = "hr", Ie = N(function(t) {
+var Mr = "hr", Ye = _(function(t) {
   var r = t, { store: e } = r, o = P(r, ["store"]);
-  const u = ue();
-  e = e || u, B(
+  const a = ke();
+  e = e || a, G(
     e,
     process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
   );
-  const a = e.useState(
-    (s) => s.orientation === "horizontal" ? "vertical" : "horizontal"
+  const s = e.useState(
+    (u) => u.orientation === "horizontal" ? "vertical" : "horizontal"
   );
-  return o = He(y(b({}, o), { orientation: a })), o;
+  return o = Xe(I(f({}, o), { orientation: s })), o;
 });
-k(function(t) {
-  const r = Ie(t);
-  return F(At, r);
+x(function(t) {
+  const r = Ye(t);
+  return y(Mr, r);
 });
-var De = Me(
-  [we],
-  [ge]
-), Tt = De.useContext, Ht = De.useScopedContext;
-Pe(
+var et = We(
+  [je],
+  [Ke]
+), _r = et.useContext, xr = et.useScopedContext;
+_e(
   void 0
 );
-var It = "div", L = "";
-function oe() {
-  L = "";
+var yr = "div", R = "";
+function pe() {
+  R = "";
 }
-function Dt(n) {
+function Sr(n) {
   const t = n.target;
-  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);
+  return t && $t(t) ? !1 : n.key === " " && R.length ? !0 : n.key.length === 1 && !n.ctrlKey && !n.altKey && !n.metaKey && /^[\p{Letter}\p{Number}]$/u.test(n.key);
 }
-function Nt(n, t) {
-  if (rt(n)) return !0;
+function Pr(n, t) {
+  if (Rt(n)) return !0;
   const r = n.target;
   return r ? t.some((o) => o.element === r) : !1;
 }
-function kt(n) {
+function Ir(n) {
   return n.filter((t) => !t.disabled);
 }
-function Y(n, t) {
+function ue(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
   // 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;
-  return e ? nt(e).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
+  return e ? Gt(e).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
 }
-function Ft(n, t, r) {
+function Er(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, Xe(
-    n.filter((o) => Y(o, L)),
+  return !e || !ue(e, t) || R !== t && ue(e, R) ? n : (R = t, Lt(
+    n.filter((o) => ue(o, R)),
     r
   ).filter((o) => o.id !== r));
 }
-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(
+var Pe = _(function(t) {
+  var r = t, { store: e, typeahead: o = !0 } = r, a = P(r, ["store", "typeahead"]);
+  const s = ke();
+  e = e || s, G(
     e,
     process.env.NODE_ENV !== "production" && "CompositeTypeahead must be a Composite component"
   );
-  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: g, items: m, activeId: c, id: x } = e.getState();
-    let p = kt(
-      m.length > g.length ? m : g
+  const u = a.onKeyDownCapture, m = xe(0), c = z((l) => {
+    if (u == null || u(l), l.defaultPrevented || !o || !e) return;
+    if (!Sr(l))
+      return pe();
+    const { renderedItems: h, items: p, activeId: i, id: C } = e.getState();
+    let v = Ir(
+      p.length > h.length ? p : h
     );
-    const f = Se(i.currentTarget), M = `[data-offscreen-id="${x}"]`, v = f.querySelectorAll(M);
-    for (const S of v) {
+    const b = Ue(l.currentTarget), M = `[data-offscreen-id="${C}"]`, g = b.querySelectorAll(M);
+    for (const S of g) {
       const H = S.ariaDisabled === "true" || "disabled" in S && !!S.disabled;
-      p.push({ id: S.id, element: S, disabled: H });
+      v.push({ id: S.id, element: S, disabled: H });
     }
-    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 = "";
+    if (g.length && (v = Ft(v, (S) => S.element)), !Pr(l, v)) return pe();
+    l.preventDefault(), window.clearTimeout(m.current), m.current = window.setTimeout(() => {
+      R = "";
     }, 500);
-    const O = i.key.toLowerCase();
-    L += O, p = Ft(p, O, c);
-    const E = p.find((S) => Y(S, L));
-    E ? e.move(E.id) : oe();
+    const A = l.key.toLowerCase();
+    R += A, v = Er(v, A, i);
+    const O = v.find((S) => ue(S, R));
+    O ? e.move(O.id) : pe();
   });
-  return u = y(b({}, u), {
-    onKeyDownCapture: d
-  }), xe(u);
+  return a = I(f({}, a), {
+    onKeyDownCapture: c
+  }), re(a);
 });
-k(function(t) {
-  const r = ce(t);
-  return F(It, r);
+x(function(t) {
+  const r = Pe(t);
+  return y(yr, r);
 });
-var Lt = "div";
-function Ne(n) {
+var tt = _e(void 0), Or = "div", rt = _(
+  function(t) {
+    const [r, e] = ye();
+    return t = ce(
+      t,
+      (o) => /* @__PURE__ */ d(tt.Provider, { value: e, children: o }),
+      []
+    ), t = f({
+      role: "group",
+      "aria-labelledby": r
+    }, t), re(t);
+  }
+);
+x(function(t) {
+  const r = rt(t);
+  return y(Or, r);
+});
+var Nr = "div", nt = _(
+  function(t) {
+    var r = t, { store: e } = r, o = P(r, ["store"]);
+    return o = rt(o), o;
+  }
+);
+x(function(t) {
+  const r = nt(t);
+  return y(Nr, r);
+});
+var Ar = "div", ot = _(
+  function(t) {
+    const r = Se(tt), e = Me(t.id);
+    return Vt(() => (r == null || r(e), () => r == null ? void 0 : r(void 0)), [r, e]), t = f({
+      id: e,
+      "aria-hidden": !0
+    }, t), re(t);
+  }
+);
+x(function(t) {
+  const r = ot(t);
+  return y(Ar, r);
+});
+var Dr = "div", at = _(function(t) {
+  var r = t, { store: e } = r, o = P(r, ["store"]);
+  return o = ot(o), o;
+});
+x(function(t) {
+  const r = at(t);
+  return y(Dr, r);
+});
+var Tr = "div";
+function st(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;
+function Lr(n) {
+  const t = st(n);
+  return t ? Kt(n.currentTarget, t) : !1;
 }
-var ae = Symbol("composite-hover");
-function Rt(n) {
-  let t = Ne(n);
+var ge = Symbol("composite-hover");
+function Hr(n) {
+  let t = st(n);
   if (!t) return !1;
   do {
-    if (ut(t, ae) && t[ae]) return !0;
+    if (jt(t, ge) && t[ge]) return !0;
     t = t.parentElement;
   } while (t);
   return !1;
 }
-var ke = N(
+var ut = _(
   function(t) {
     var r = t, {
       store: e,
       focusOnHover: o = !0,
-      blurOnHoverEnd: u = !!o
-    } = r, a = P(r, [
+      blurOnHoverEnd: a = !!o
+    } = r, s = P(r, [
       "store",
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const s = ue();
-    e = e || s, B(
+    const u = ke();
+    e = e || u, G(
       e,
       process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
     );
-    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 = zt(), c = s.onMouseMove, l = be(o), h = z((b) => {
+      if (c == null || c(b), !b.defaultPrevented && m() && l(b)) {
+        if (!X(b.currentTarget)) {
           const M = e == null ? void 0 : e.getState().baseElement;
-          M && !st(M) && M.focus();
+          M && !Bt(M) && M.focus();
         }
-        e == null || e.setActiveId(f.currentTarget.id);
+        e == null || e.setActiveId(b.currentTarget.id);
       }
-    }), m = a.onMouseLeave, c = se(u), x = $((f) => {
+    }), p = s.onMouseLeave, i = be(a), C = z((b) => {
       var M;
-      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);
+      p == null || p(b), !b.defaultPrevented && m() && (Lr(b) || Hr(b) || l(b) && i(b) && (e == null || e.setActiveId(null), (M = e == null ? void 0 : e.getState().baseElement) == null || M.focus()));
+    }), v = tr((b) => {
+      b && (b[ge] = !0);
     }, []);
-    return a = y(b({}, a), {
-      ref: ee(p, a.ref),
-      onMouseMove: g,
-      onMouseLeave: x
-    }), xe(a);
+    return s = I(f({}, s), {
+      ref: le(v, s.ref),
+      onMouseMove: h,
+      onMouseLeave: C
+    }), re(s);
   }
 );
-Ce(
-  k(function(t) {
-    const r = ke(t);
-    return F(Lt, r);
+de(
+  x(function(t) {
+    const r = ut(t);
+    return y(Tr, r);
   })
 );
-var Z = Me(
-  [we, Ue],
-  [ge, je]
-), de = Z.useContext, $t = Z.useScopedContext, re = Z.useProviderContext, Kt = Z.ContextProvider, Bt = Z.ScopedContextProvider;
-Pe(
-  void 0
+var Fr = "span", $r = /* @__PURE__ */ d(
+  "svg",
+  {
+    display: "block",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    viewBox: "0 0 16 16",
+    height: "1em",
+    width: "1em",
+    children: /* @__PURE__ */ d("polyline", { points: "4,8 7,12 12,4" })
+  }
+);
+function Rr(n) {
+  return n.checked ? n.children || $r : typeof n.children == "function" ? n.children : null;
+}
+var it = _(
+  function(t) {
+    var r = t, { store: e, checked: o } = r, a = P(r, ["store", "checked"]);
+    const s = Se(mr);
+    o = o ?? s;
+    const u = Rr({ checked: o, children: a.children });
+    return a = I(f({
+      "aria-hidden": !0
+    }, a), {
+      children: u,
+      style: f({
+        width: "1em",
+        height: "1em",
+        pointerEvents: "none"
+      }, a.style)
+    }), re(a);
+  }
 );
-var zt = "div";
-function Wt(n) {
+x(function(t) {
+  const r = it(t);
+  return y(Fr, r);
+});
+function Gr(n = {}) {
+  var t;
+  Ge(n, n.store);
+  const r = (t = n.store) == null ? void 0 : t.getState(), e = {
+    value: K(
+      n.value,
+      r == null ? void 0 : r.value,
+      n.defaultValue,
+      !1
+    )
+  }, o = Ve(e, n.store);
+  return Q($({}, o), {
+    setValue: (a) => o.setState("value", a)
+  });
+}
+function Vr(n, t, r) {
+  return qe(t, [r.store]), Be(n, r, "value", "setValue"), n;
+}
+function zr(n = {}) {
+  const [t, r] = ze(Gr, n);
+  return Vr(t, r, n);
+}
+var ne = We(
+  [je, Ot],
+  [Ke, Et]
+), me = ne.useContext, Ie = ne.useScopedContext, fe = ne.useProviderContext, ct = ne.ContextProvider, Br = ne.ScopedContextProvider, lt = _e(
+  void 0
+), Kr = "div";
+function jr(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"), l = D(r, "contentElement");
-  return Ae(() => {
-    const d = s;
-    if (!d) return;
-    const i = l;
-    if (!i) return;
-    a || i.hasAttribute("aria-label") ? u(void 0) : d.id && u(d.id);
-  }, [a, s, l]), o;
+  const [o, a] = ye(void 0), s = e["aria-label"], u = L(r, "disclosureElement"), m = L(r, "contentElement");
+  return Y(() => {
+    const c = u;
+    if (!c) return;
+    const l = m;
+    if (!l) return;
+    s || l.hasAttribute("aria-label") ? a(void 0) : c.id && a(c.id);
+  }, [s, u, m]), o;
 }
-var Fe = N(
+var dt = _(
   function(t) {
-    var r = t, { store: e, alwaysVisible: o, composite: u } = r, a = P(r, ["store", "alwaysVisible", "composite"]);
-    const s = re();
-    e = e || s, B(
+    var r = t, { store: e, alwaysVisible: o, composite: a } = r, s = P(r, ["store", "alwaysVisible", "composite"]);
+    const u = fe();
+    e = e || u, G(
       e,
       process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
     );
-    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,
-      (w) => !!w && w.orientation !== "vertical"
-    ), M = $((w) => {
-      if (m == null || m(w), !w.defaultPrevented) {
-        if (i || d && !p) {
-          const A = {
-            ArrowRight: () => c === "left" && !p,
-            ArrowLeft: () => c === "right" && !p,
-            ArrowUp: () => c === "bottom" && p,
-            ArrowDown: () => c === "top" && p
-          }[w.key];
-          if (A != null && A())
-            return w.stopPropagation(), w.preventDefault(), e == null ? void 0 : e.hide();
+    const m = e.parent, c = e.menubar, l = !!m, h = Me(s.id), p = s.onKeyDown, i = e.useState(
+      (k) => k.placement.split("-")[0]
+    ), C = e.useState(
+      (k) => k.orientation === "both" ? void 0 : k.orientation
+    ), v = C !== "vertical", b = L(
+      c,
+      (k) => !!k && k.orientation !== "vertical"
+    ), M = z((k) => {
+      if (p == null || p(k), !k.defaultPrevented) {
+        if (l || c && !v) {
+          const D = {
+            ArrowRight: () => i === "left" && !v,
+            ArrowLeft: () => i === "right" && !v,
+            ArrowUp: () => i === "bottom" && v,
+            ArrowDown: () => i === "top" && v
+          }[k.key];
+          if (D != null && D())
+            return k.stopPropagation(), k.preventDefault(), e == null ? void 0 : e.hide();
         }
-        if (d) {
-          const A = {
+        if (c) {
+          const D = {
             ArrowRight: () => {
-              if (f)
-                return d.next();
+              if (b)
+                return c.next();
             },
             ArrowLeft: () => {
-              if (f)
-                return d.previous();
+              if (b)
+                return c.previous();
             },
             ArrowDown: () => {
-              if (!f)
-                return d.next();
+              if (!b)
+                return c.next();
             },
             ArrowUp: () => {
-              if (!f)
-                return d.previous();
+              if (!b)
+                return c.previous();
             }
-          }[w.key], V = A == null ? void 0 : A();
-          V !== void 0 && (w.stopPropagation(), w.preventDefault(), d.move(V));
+          }[k.key], V = D == null ? void 0 : D();
+          V !== void 0 && (k.stopPropagation(), k.preventDefault(), c.move(V));
         }
       }
     });
-    a = ye(
-      a,
-      (w) => /* @__PURE__ */ C(Bt, { value: e, children: w }),
+    s = ce(
+      s,
+      (k) => /* @__PURE__ */ d(Br, { value: e, children: k }),
       [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: g,
-      "aria-labelledby": v,
-      hidden: E
-    }, a), {
-      ref: ee(g ? e.setContentElement : null, a.ref),
+    const g = jr(f({ store: e }, s)), A = e.useState("mounted"), O = ar(A, s.hidden, o), S = O ? I(f({}, s.style), { display: "none" }) : s.style;
+    s = I(f({
+      id: h,
+      "aria-labelledby": g,
+      hidden: O
+    }, s), {
+      ref: le(h ? e.setContentElement : null, s.ref),
       style: S,
       onKeyDown: M
     });
     const H = !!e.combobox;
-    return u = u ?? !H, u && (a = b({
+    return a = a ?? !H, a && (s = f({
       role: "menu",
-      "aria-orientation": x
-    }, a)), a = St(b({ store: e, composite: u }, a)), a = ce(b({ store: e, typeahead: !H }, a)), a;
+      "aria-orientation": C
+    }, s)), s = sr(f({ store: e, composite: a }, s)), s = Pe(f({ store: e, typeahead: !H }, s)), s;
   }
 );
-k(function(t) {
-  const r = Fe(t);
-  return F(zt, r);
+x(function(t) {
+  const r = dt(t);
+  return y(Kr, r);
 });
-var jt = "div", Ut = N(function(t) {
+var Wr = "div", Ur = _(function(t) {
   var r = t, {
     store: e,
     modal: o = !1,
-    portal: u = !!o,
-    hideOnEscape: a = !0,
-    autoFocusOnShow: s = !0,
-    hideOnHoverOutside: l,
-    alwaysVisible: d
-  } = r, i = P(r, [
+    portal: a = !!o,
+    hideOnEscape: s = !0,
+    autoFocusOnShow: u = !0,
+    hideOnHoverOutside: m,
+    alwaysVisible: c
+  } = r, l = P(r, [
     "store",
     "modal",
     "portal",
@@ -293,96 +409,96 @@ var jt = "div", Ut = N(function(t) {
     "hideOnHoverOutside",
     "alwaysVisible"
   ]);
-  const g = re();
-  e = e || g, B(
+  const h = fe();
+  e = e || h, G(
     e,
     process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
   );
-  const m = ie(null), c = e.parent, x = e.menubar, p = !!c, f = !!x && !p;
-  i = y(b({}, i), {
-    ref: ee(m, i.ref)
+  const p = xe(null), i = e.parent, C = e.menubar, v = !!i, b = !!C && !v;
+  l = I(f({}, l), {
+    ref: le(p, l.ref)
   });
-  const M = Fe(b({
+  const M = dt(f({
     store: e,
-    alwaysVisible: d
-  }, i)), { "aria-labelledby": v } = M;
-  i = P(M, ["aria-labelledby"]);
-  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((_) => {
-      var Q, fe, pe;
-      if (I || !H) return;
-      if ((Q = _ == null ? void 0 : _.current) != null && Q.isConnected) return _;
-      const X = gt();
-      switch (w) {
+    alwaysVisible: c
+  }, l)), { "aria-labelledby": g } = M;
+  l = P(M, ["aria-labelledby"]);
+  const [O, S] = ye(), H = e.useState("autoFocusOnShow"), k = e.useState("initialFocus"), Z = e.useState("baseElement"), D = e.useState("renderedItems");
+  Y(() => {
+    let F = !1;
+    return S((E) => {
+      var ae, Te, Le;
+      if (F || !H) return;
+      if ((ae = E == null ? void 0 : E.current) != null && ae.isConnected) return E;
+      const se = rr();
+      switch (k) {
         // TODO: Refactor
         case "first":
-          X.current = ((fe = A.find((q) => !q.disabled && q.element)) == null ? void 0 : fe.element) || null;
+          se.current = ((Te = D.find((te) => !te.disabled && te.element)) == null ? void 0 : Te.element) || null;
           break;
         case "last":
-          X.current = ((pe = [...A].reverse().find((q) => !q.disabled && q.element)) == null ? void 0 : pe.element) || null;
+          se.current = ((Le = [...D].reverse().find((te) => !te.disabled && te.element)) == null ? void 0 : Le.element) || null;
           break;
         default:
-          X.current = z;
+          se.current = Z;
       }
-      return X;
+      return se;
     }), () => {
-      I = !0;
+      F = !0;
     };
-  }, [e, H, w, A, z]);
-  const V = p ? !1 : o, h = !!s, T = !!E || !!i.initialFocus || !!V, W = D(
+  }, [e, H, k, D, Z]);
+  const V = v ? !1 : o, w = !!u, T = !!O || !!l.initialFocus || !!V, J = L(
     e.combobox || e,
     "contentElement"
-  ), K = D(
-    (c == null ? void 0 : c.combobox) || c,
+  ), B = L(
+    (i == null ? void 0 : i.combobox) || i,
     "contentElement"
-  ), J = wt(() => {
-    if (!K || !W) return;
-    const I = W.getAttribute("role"), _ = K.getAttribute("role");
-    if (!((_ === "menu" || _ === "menubar") && I === "menu"))
-      return K;
-  }, [W, K]);
-  return J !== void 0 && (i = b({
-    preserveTabOrderAnchor: J
-  }, i)), i = qe(y(b({
+  ), oe = nr(() => {
+    if (!B || !J) return;
+    const F = J.getAttribute("role"), E = B.getAttribute("role");
+    if (!((E === "menu" || E === "menubar") && F === "menu"))
+      return B;
+  }, [J, B]);
+  return oe !== void 0 && (l = f({
+    preserveTabOrderAnchor: oe
+  }, l)), l = Nt(I(f({
     store: e,
-    alwaysVisible: d,
-    initialFocus: E,
-    autoFocusOnShow: h ? T && s : H || !!V
-  }, i), {
-    hideOnEscape(I) {
-      return lt(a, I) ? !1 : (e == null || e.hideAll(), !0);
+    alwaysVisible: c,
+    initialFocus: O,
+    autoFocusOnShow: w ? T && u : H || !!V
+  }, l), {
+    hideOnEscape(F) {
+      return Ut(s, F) ? !1 : (e == null || e.hideAll(), !0);
     },
-    hideOnHoverOutside(I) {
-      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();
+    hideOnHoverOutside(F) {
+      const E = e == null ? void 0 : e.getState().disclosureElement;
+      return (typeof m == "function" ? m(F) : m ?? (v ? !0 : b ? E ? !X(E) : !0 : !1)) ? F.defaultPrevented || !v || !E || (Wt(E, "mouseout", F), !X(E)) ? !0 : (requestAnimationFrame(() => {
+        X(E) || e == null || e.hide();
       }), !1) : !1;
     },
     modal: V,
-    portal: u,
-    backdrop: p ? !1 : i.backdrop
-  })), i = b({
-    "aria-labelledby": v
-  }, i), i;
-}), qt = Ct(
-  k(function(t) {
-    const r = Ut(t);
-    return F(jt, r);
+    portal: a,
+    backdrop: v ? !1 : l.backdrop
+  })), l = f({
+    "aria-labelledby": g
+  }, l), l;
+}), qr = ir(
+  x(function(t) {
+    const r = Ur(t);
+    return y(Wr, r);
   }),
-  re
-), Gt = "div", Zt = N(
+  fe
+), Zr = "div", Jr = _(
   function(t) {
     var r = t, { store: e } = r, o = P(r, ["store"]);
-    const u = de();
-    return e = e || u, Ge(b({ store: e }, o));
+    const a = me();
+    return e = e || a, lr(f({ store: e }, o));
   }
-), Jt = k(function(t) {
-  const r = Zt(t);
-  return F(Gt, r);
-}), Qt = "button";
-function Xt(n, t) {
+), Qr = x(function(t) {
+  const r = Jr(t);
+  return y(Zr, r);
+}), Xr = "button";
+function Yr(n, t) {
   return {
     ArrowDown: t === "bottom" || t === "top" ? "first" : !1,
     ArrowUp: t === "bottom" || t === "top" ? "last" : !1,
@@ -390,176 +506,316 @@ function Xt(n, t) {
     ArrowLeft: t === "left" ? "first" : !1
   }[n.key];
 }
-function be(n, t) {
+function $e(n, t) {
   return !!(n != null && n.some((r) => !r.element || r.element === t ? !1 : r.element.getAttribute("aria-expanded") === "true"));
 }
-var Yt = N(
+var en = _(
   function(t) {
     var r = t, {
       store: e,
       focusable: o,
-      accessibleWhenDisabled: u,
-      showOnHover: a
-    } = r, s = P(r, [
+      accessibleWhenDisabled: a,
+      showOnHover: s
+    } = r, u = P(r, [
       "store",
       "focusable",
       "accessibleWhenDisabled",
       "showOnHover"
     ]);
-    const l = re();
-    e = e || l, B(
+    const m = fe();
+    e = e || m, G(
       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, 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), 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(
+    const c = xe(null), l = e.parent, h = e.menubar, p = !!l, i = !!h && !p, C = qt(u), v = () => {
+      const w = c.current;
+      w && (e == null || e.setDisclosureElement(w), e == null || e.setAnchorElement(w), e == null || e.show());
+    }, b = u.onFocus, M = z((w) => {
+      if (b == null || b(w), C || w.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !h) || !i) return;
+      const { items: T } = h.getState();
+      $e(T, w.currentTarget) && v();
+    }), g = L(
       e,
-      (h) => h.placement.split("-")[0]
-    ), O = s.onKeyDown, E = $((h) => {
-      if (O == null || O(h), x || h.defaultPrevented) return;
-      const T = Xt(h, v);
-      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) && ((!m || T) && e.setAutoFocusOnShow(!0), e.setInitialFocus(T ? "first" : "container")), m && p();
+      (w) => w.placement.split("-")[0]
+    ), A = u.onKeyDown, O = z((w) => {
+      if (A == null || A(w), C || w.defaultPrevented) return;
+      const T = Yr(w, g);
+      T && (w.preventDefault(), v(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(T));
+    }), S = u.onClick, H = z((w) => {
+      if (S == null || S(w), w.defaultPrevented || !e) return;
+      const T = !w.detail, { open: J } = e.getState();
+      (!J || T) && ((!p || T) && e.setAutoFocusOnShow(!0), e.setInitialFocus(T ? "first" : "container")), p && v();
     });
-    s = ye(
-      s,
-      (h) => /* @__PURE__ */ C(Kt, { value: e, children: h }),
+    u = ce(
+      u,
+      (w) => /* @__PURE__ */ d(ct, { value: e, children: w }),
       [e]
-    ), m && (s = y(b({}, s), {
-      render: /* @__PURE__ */ C(_t.div, { render: s.render })
+    ), p && (u = I(f({}, u), {
+      render: /* @__PURE__ */ d(cr.div, { render: u.render })
     }));
-    const w = _e(s.id), z = D(
-      (i == null ? void 0 : i.combobox) || i,
+    const k = Me(u.id), Z = L(
+      (l == null ? void 0 : l.combobox) || l,
       "contentElement"
-    ), A = m || c ? Ee(z, "menuitem") : void 0, V = e.useState("contentElement");
-    return s = y(b({
-      id: w,
-      role: A,
-      "aria-haspopup": dt(V, "menu")
-    }, s), {
-      ref: ee(d, s.ref),
+    ), D = p || i ? Ze(Z, "menuitem") : void 0, V = e.useState("contentElement");
+    return u = I(f({
+      id: k,
+      role: D,
+      "aria-haspopup": Zt(V, "menu")
+    }, u), {
+      ref: le(c, u.ref),
       onFocus: M,
-      onKeyDown: E,
+      onKeyDown: O,
       onClick: H
-    }), s = Ze(y(b({
+    }), u = At(I(f({
       store: e,
       focusable: o,
-      accessibleWhenDisabled: u
-    }, s), {
-      showOnHover: (h) => {
+      accessibleWhenDisabled: a
+    }, u), {
+      showOnHover: (w) => {
         if (!(() => {
-          if (typeof a == "function") return a(h);
-          if (a != null) return a;
-          if (m) return !0;
-          if (!g) return !1;
-          const { items: J } = g.getState();
-          return c && be(J);
+          if (typeof s == "function") return s(w);
+          if (s != null) return s;
+          if (p) return !0;
+          if (!h) return !1;
+          const { items: oe } = h.getState();
+          return i && $e(oe);
         })()) return !1;
-        const K = c ? g : i;
-        return K && K.setActiveId(h.currentTarget.id), !0;
+        const B = i ? h : l;
+        return B && B.setActiveId(w.currentTarget.id), !0;
       }
-    })), s = yt(b({
+    })), u = dr(f({
       store: e,
-      toggleOnClick: !m,
+      toggleOnClick: !p,
       focusable: o,
-      accessibleWhenDisabled: u
-    }, s)), s = ce(b({
+      accessibleWhenDisabled: a
+    }, u)), u = Pe(f({
       store: e,
-      typeahead: c
-    }, s)), s;
+      typeahead: i
+    }, u)), u;
+  }
+), mt = x(function(t) {
+  const r = en(t);
+  return y(Xr, r);
+}), tn = "div", rn = _(
+  function(t) {
+    return t = nt(t), t;
   }
-), er = k(function(t) {
-  const r = Yt(t);
-  return F(Qt, r);
-}), tr = "div";
-function rr(n, t, r) {
+), nn = x(function(t) {
+  const r = rn(t);
+  return y(tn, r);
+}), on = "div", an = _(
+  function(t) {
+    return t = at(t), t;
+  }
+), sn = x(function(t) {
+  const r = an(t);
+  return y(on, r);
+}), un = "div";
+function cn(n, t, r) {
   var e;
   if (!n) return !1;
-  if (U(n)) return !0;
-  const o = t == null ? void 0 : t.find((l) => {
-    var d;
-    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);
-  return s ? U(s) ? !0 : !!s.querySelector("[role=menuitem][aria-expanded=true]") : !1;
+  if (X(n)) return !0;
+  const o = t == null ? void 0 : t.find((m) => {
+    var c;
+    return m.element === r ? !1 : ((c = m.element) == null ? void 0 : c.getAttribute("aria-expanded")) === "true";
+  }), a = (e = o == null ? void 0 : o.element) == null ? void 0 : e.getAttribute("aria-controls");
+  if (!a) return !1;
+  const u = Ue(n).getElementById(a);
+  return u ? X(u) ? !0 : !!u.querySelector("[role=menuitem][aria-expanded=true]") : !1;
 }
-var nr = N(
+var Ee = _(
   function(t) {
     var r = t, {
       store: e,
       hideOnClick: o = !0,
-      preventScrollOnKeyDown: u = !0,
-      focusOnHover: a,
-      blurOnHoverEnd: s
-    } = r, l = P(r, [
+      preventScrollOnKeyDown: a = !0,
+      focusOnHover: s,
+      blurOnHoverEnd: u
+    } = r, m = P(r, [
       "store",
       "hideOnClick",
       "preventScrollOnKeyDown",
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const d = $t(!0), i = Ht();
-    e = e || d || i, B(
+    const c = Ie(!0), l = xr();
+    e = e || c || l, G(
       e,
       process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
-    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(
+    const h = m.onClick, p = be(o), i = "hideAll" in e ? e.hideAll : void 0, C = !!i, v = z((g) => {
+      h == null || h(g), !(g.defaultPrevented || Jt(g) || Qt(g) || !i || g.currentTarget.getAttribute("aria-haspopup") === "menu") && p(g) && i();
+    }), b = L(
       e,
-      (v) => "contentElement" in v ? v.contentElement : null
-    ), M = Ee(f, "menuitem");
-    return l = y(b({
+      (g) => "contentElement" in g ? g.contentElement : null
+    ), M = Ze(b, "menuitem");
+    return m = I(f({
       role: M
-    }, l), {
-      onClick: p
-    }), l = Ye(b({
+    }, m), {
+      onClick: v
+    }), m = Ht(f({
       store: e,
-      preventScrollOnKeyDown: u
-    }, l)), l = ke(y(b({
+      preventScrollOnKeyDown: a
+    }, m)), m = ut(I(f({
       store: e
-    }, 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 x ? (v.currentTarget.hasAttribute("aria-expanded") && v.currentTarget.focus(), !0) : rr(E, S, v.currentTarget) ? (v.currentTarget.focus(), !0) : !1;
+    }, m), {
+      focusOnHover(g) {
+        const A = () => typeof s == "function" ? s(g) : s ?? !0;
+        if (!e || !A()) return !1;
+        const { baseElement: O, items: S } = e.getState();
+        return C ? (g.currentTarget.hasAttribute("aria-expanded") && g.currentTarget.focus(), !0) : cn(O, S, g.currentTarget) ? (g.currentTarget.focus(), !0) : !1;
       },
-      blurOnHoverEnd(v) {
-        return typeof s == "function" ? s(v) : s ?? x;
+      blurOnHoverEnd(g) {
+        return typeof u == "function" ? u(g) : u ?? C;
+      }
+    })), m;
+  }
+), Oe = de(
+  x(function(t) {
+    const r = Ee(t);
+    return y(un, r);
+  })
+), ln = "span", dn = _(
+  function(t) {
+    var r = t, { store: e, checked: o } = r, a = P(r, ["store", "checked"]);
+    const s = Se(lt);
+    return o = o ?? s, a = it(I(f({}, a), { checked: o })), a;
+  }
+), mn = x(function(t) {
+  const r = dn(t);
+  return y(ln, r);
+}), fn = "div";
+function pn(n) {
+  return Array.isArray(n) ? n.toString() : n;
+}
+function ve(n, t, r) {
+  if (t === void 0)
+    return Array.isArray(n) ? n : !!r;
+  const e = pn(t);
+  return Array.isArray(n) ? r ? n.includes(e) ? n : [...n, e] : n.filter((o) => o !== e) : r ? e : n === e ? !1 : n;
+}
+var vn = _(
+  function(t) {
+    var r = t, {
+      store: e,
+      name: o,
+      value: a,
+      checked: s,
+      defaultChecked: u,
+      hideOnClick: m = !1
+    } = r, c = P(r, [
+      "store",
+      "name",
+      "value",
+      "checked",
+      "defaultChecked",
+      "hideOnClick"
+    ]);
+    const l = Ie();
+    e = e || l, G(
+      e,
+      process.env.NODE_ENV !== "production" && "MenuItemCheckbox must be wrapped in a MenuList or Menu component"
+    );
+    const h = Je(u);
+    Y(() => {
+      e == null || e.setValue(o, (i = []) => h ? ve(i, a, !0) : i);
+    }, [e, o, a, h]), Y(() => {
+      s !== void 0 && (e == null || e.setValue(o, (i) => ve(i, a, s)));
+    }, [e, o, a, s]);
+    const p = zr({
+      value: e.useState((i) => i.values[o]),
+      setValue(i) {
+        e == null || e.setValue(o, () => {
+          if (s === void 0) return i;
+          const C = ve(i, a, s);
+          return !Array.isArray(C) || !Array.isArray(i) ? C : Xt(i, C) ? i : C;
+        });
+      }
+    });
+    return c = f({
+      role: "menuitemcheckbox"
+    }, c), c = fr(f({
+      store: p,
+      name: o,
+      value: a,
+      checked: s
+    }, c)), c = Ee(f({ store: e, hideOnClick: m }, c)), c;
+  }
+), hn = de(
+  x(function(t) {
+    const r = vn(t);
+    return y(fn, r);
+  })
+), bn = "div";
+function he(n, t, r) {
+  return r === void 0 ? n : r ? t : n;
+}
+var gn = _(
+  function(t) {
+    var r = t, {
+      store: e,
+      name: o,
+      value: a,
+      checked: s,
+      onChange: u,
+      hideOnClick: m = !1
+    } = r, c = P(r, [
+      "store",
+      "name",
+      "value",
+      "checked",
+      "onChange",
+      "hideOnClick"
+    ]);
+    const l = Ie();
+    e = e || l, G(
+      e,
+      process.env.NODE_ENV !== "production" && "MenuItemRadio must be wrapped in a MenuList or Menu component"
+    );
+    const h = Je(c.defaultChecked);
+    Y(() => {
+      e == null || e.setValue(o, (i = !1) => he(i, a, h));
+    }, [e, o, a, h]), Y(() => {
+      s !== void 0 && (e == null || e.setValue(o, (i) => he(i, a, s)));
+    }, [e, o, a, s]);
+    const p = e.useState((i) => i.values[o] === a);
+    return c = ce(
+      c,
+      (i) => /* @__PURE__ */ d(lt.Provider, { value: !!p, children: i }),
+      [p]
+    ), c = f({
+      role: "menuitemradio"
+    }, c), c = pr(f({
+      name: o,
+      value: a,
+      checked: p,
+      onChange(i) {
+        if (u == null || u(i), i.defaultPrevented) return;
+        const C = i.currentTarget;
+        e == null || e.setValue(o, (v) => he(v, a, s ?? C.checked));
       }
-    })), l;
+    }, c)), c = Ee(f({ store: e, hideOnClick: m }, c)), c;
   }
-), or = Ce(
-  k(function(t) {
-    const r = nr(t);
-    return F(tr, r);
+), wn = de(
+  x(function(t) {
+    const r = gn(t);
+    return y(bn, r);
   })
 );
-function sr(n = {}) {
+function Cn(n = {}) {
   var t = n, {
     combobox: r,
     parent: e,
     menubar: o
-  } = t, u = mt(t, [
+  } = t, a = Yt(t, [
     "combobox",
     "parent",
     "menubar"
   ]);
-  const a = !!o && !e, s = Ve(
-    u.store,
-    $e(e, ["values"]),
-    Re(r, [
+  const s = !!o && !e, u = St(
+    a.store,
+    It(e, ["values"]),
+    Pt(r, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -567,72 +823,72 @@ function sr(n = {}) {
       "disclosureElement"
     ])
   );
-  Ke(u, s);
-  const l = s.getState(), d = Et(G(R({}, u), {
-    store: s,
-    orientation: j(
-      u.orientation,
-      l.orientation,
+  Ge(a, u);
+  const m = u.getState(), c = vr(Q($({}, a), {
+    store: u,
+    orientation: K(
+      a.orientation,
+      m.orientation,
       "vertical"
     )
-  })), i = Je(G(R({}, u), {
-    store: s,
-    placement: j(
-      u.placement,
-      l.placement,
+  })), l = Dt(Q($({}, a), {
+    store: u,
+    placement: K(
+      a.placement,
+      m.placement,
       "bottom-start"
     ),
-    timeout: j(
-      u.timeout,
-      l.timeout,
-      a ? 0 : 150
+    timeout: K(
+      a.timeout,
+      m.timeout,
+      s ? 0 : 150
     ),
-    hideTimeout: j(u.hideTimeout, l.hideTimeout, 0)
-  })), g = G(R(R({}, d.getState()), i.getState()), {
-    initialFocus: j(l.initialFocus, "container"),
-    values: j(
-      u.values,
-      l.values,
-      u.defaultValues,
+    hideTimeout: K(a.hideTimeout, m.hideTimeout, 0)
+  })), h = Q($($({}, c.getState()), l.getState()), {
+    initialFocus: K(m.initialFocus, "container"),
+    values: K(
+      a.values,
+      m.values,
+      a.defaultValues,
       {}
     )
-  }), m = Be(g, d, i, s);
-  return me(
-    m,
-    () => ve(m, ["mounted"], (c) => {
-      c.mounted || m.setState("activeId", null);
+  }), p = Ve(h, c, l, u);
+  return He(
+    p,
+    () => Fe(p, ["mounted"], (i) => {
+      i.mounted || p.setState("activeId", null);
     })
-  ), me(
-    m,
-    () => ve(e, ["orientation"], (c) => {
-      m.setState(
+  ), He(
+    p,
+    () => Fe(e, ["orientation"], (i) => {
+      p.setState(
         "placement",
-        c.orientation === "vertical" ? "right-start" : "bottom-start"
+        i.orientation === "vertical" ? "right-start" : "bottom-start"
       );
     })
-  ), G(R(R(R({}, d), i), m), {
+  ), Q($($($({}, c), l), p), {
     combobox: r,
     parent: e,
     menubar: o,
     hideAll: () => {
-      i.hide(), e == null || e.hideAll();
+      l.hide(), e == null || e.hideAll();
     },
-    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
+    setInitialFocus: (i) => p.setState("initialFocus", i),
+    setValues: (i) => p.setState("values", i),
+    setValue: (i, C) => {
+      i !== "__proto__" && i !== "constructor" && (Array.isArray(i) || p.setState("values", (v) => {
+        const b = v[i], M = er(C, b);
+        return M === b ? v : Q($({}, v), {
+          [i]: 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),
+function kn(n, t, r) {
+  return qe(t, [r.combobox, r.parent, r.menubar]), Be(n, r, "values", "setValues"), Object.assign(
+    Tt(
+      hr(n, t, r),
       t,
       r
     ),
@@ -643,98 +899,282 @@ function ar(n, t, r) {
     }
   );
 }
-function Lr(n = {}) {
-  const t = de(), r = Tt(), e = xt();
-  n = y(b({}, n), {
+function Ne(n = {}) {
+  const t = me(), r = _r(), e = ur();
+  n = I(f({}, 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);
+  const [o, a] = ze(Cn, n);
+  return kn(o, a, n);
 }
-var ur = "hr", ir = N(
+function Mn(n = {}) {
+  const t = Ne(n);
+  return /* @__PURE__ */ d(ct, { value: t, children: n.children });
+}
+var _n = "hr", xn = _(
   function(t) {
     var r = t, { store: e } = r, o = P(r, ["store"]);
-    const u = de();
-    return e = e || u, o = Ie(b({ store: e }, o)), o;
+    const a = me();
+    return e = e || a, o = Ye(f({ store: e }, o)), o;
   }
-), lr = k(function(t) {
-  const r = ir(t);
-  return F(ur, r);
+), yn = x(function(t) {
+  const r = xn(t);
+  return y(_n, r);
 });
-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_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__ */ C(Jt, { ref: r, render: /* @__PURE__ */ C("div", { className: he("arrow", n) }), children: /* @__PURE__ */ Le(
-    "svg",
+const Sn = "_root_17w9k_2", Pn = "_arrow_17w9k_29", In = "_stroke_17w9k_1", En = "_item_17w9k_55", On = "_action_17w9k_94", Nn = "_search_17w9k_103", An = "_separator_17w9k_146", U = {
+  root: Sn,
+  arrow: Pn,
+  stroke: In,
+  "arrow-item": "_arrow-item_17w9k_38",
+  "arrow-placement-bottom": "_arrow-placement-bottom_17w9k_43",
+  "arrow-placement-left": "_arrow-placement-left_17w9k_46",
+  "arrow-placement-right": "_arrow-placement-right_17w9k_49",
+  "arrow-placement-top": "_arrow-placement-top_17w9k_52",
+  item: En,
+  action: On,
+  "group-label": "_group-label_17w9k_98",
+  search: Nn,
+  "item-content": "_item-content_17w9k_106",
+  "item-description": "_item-description_17w9k_111",
+  "item-default-check": "_item-default-check_17w9k_122",
+  "item-toggle-check": "_item-toggle-check_17w9k_127",
+  "item-checkbox": "_item-checkbox_17w9k_130",
+  "item-radio": "_item-radio_17w9k_131",
+  separator: An,
+  "size-md": "_size-md_17w9k_155",
+  "size-lg": "_size-lg_17w9k_162"
+}, Dn = W(U), ft = ee(
+  ({ as: n = "button", className: t, ...r }, e) => /* @__PURE__ */ d(
+    Oe,
+    {
+      ...r,
+      render: /* @__PURE__ */ d(n, { className: Dn("item", "action", t), ref: e })
+    }
+  )
+);
+ft.displayName = "DropdownMenu.Action";
+const Re = W(U), pt = N(
+  ({ className: n, store: t, ...r }, e) => {
+    const o = me(), a = t ?? o, s = L(a, "currentPlacement"), [u] = s.split("-");
+    return /* @__PURE__ */ d(
+      Qr,
+      {
+        ...r,
+        ref: e,
+        render: /* @__PURE__ */ d("div", { className: Re("arrow", n), children: /* @__PURE__ */ j(
+          "svg",
+          {
+            className: Re("arrow-item", u && `arrow-placement-${u}`),
+            viewBox: "0 0 30 30",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ d("path", { d: "M7 30L15 22L23 30H7Z", fill: "currentColor", fillRule: "nonzero", id: "stroke" }),
+              /* @__PURE__ */ d("path", { d: "M8 30L15 23L22 30H8Z", fill: "currentColor", fillRule: "nonzero" })
+            ]
+          }
+        ) }),
+        size: 32,
+        store: a
+      }
+    );
+  }
+);
+pt.displayName = "DropdownMenu.Arrow";
+const Tn = W(U), vt = ee(
+  ({ as: n = "div", ...t }, r) => /* @__PURE__ */ d(nn, { ref: r, render: /* @__PURE__ */ d(n, {}), ...t })
+);
+vt.displayName = "DropdownMenu.Group";
+const ht = ee(
+  ({ as: n = "div", className: t, ...r }, e) => /* @__PURE__ */ d(
+    sn,
     {
-      className: he("arrow-item", o && `arrow-placement-${o}`),
-      viewBox: "0 0 30 30",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__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" })
-      ]
+      ...r,
+      ref: e,
+      render: /* @__PURE__ */ d(n, { className: Tn("item", "group-label", t) })
     }
-  ) });
-}), br = te(ne), hr = Te(
-  ({ as: n = "button", className: t, ...r }, e) => /* @__PURE__ */ C(
-    or,
+  )
+);
+ht.displayName = "DropdownMenu.GroupLabel";
+const q = W(U), Ae = ee(
+  ({ as: n = "button", children: t, className: r, name: e, onClick: o, value: a, variant: s, ...u }, m) => /* @__PURE__ */ d(
+    Oe,
     {
-      render: /* @__PURE__ */ C(n, { className: br("item", t), ref: e }),
-      type: "button",
-      ...r
+      hideOnClick: !s || s === "radio" || s === "radio-mark",
+      ...u,
+      onClick: (h) => {
+        h.preventDefault(), h.stopPropagation(), o == null || o(h);
+      },
+      ref: m,
+      render: /* @__PURE__ */ d(n, { className: q("item", r), children: (() => {
+        switch (s) {
+          case "checkbox":
+            return /* @__PURE__ */ j(ie, { name: e, value: a, children: [
+              /* @__PURE__ */ d(wt, { name: e, value: a }),
+              t
+            ] });
+          case "checkbox-mark":
+            return /* @__PURE__ */ j(ie, { name: e, value: a, children: [
+              t,
+              /* @__PURE__ */ d(Ce, {})
+            ] });
+          case "radio":
+            return /* @__PURE__ */ j(we, { name: e, value: a, children: [
+              /* @__PURE__ */ d(Ct, { name: e, value: a }),
+              t
+            ] });
+          case "radio-mark":
+            return /* @__PURE__ */ j(we, { name: e, value: a, children: [
+              t,
+              /* @__PURE__ */ d(Ce, {})
+            ] });
+          case "toggle":
+            return /* @__PURE__ */ j(ie, { name: e, value: a, children: [
+              /* @__PURE__ */ d(kt, { name: e, value: a }),
+              t
+            ] });
+          default:
+            return 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__ */ C(
-    er,
+);
+Ae.displayName = "DropdownMenu.Item";
+const bt = N(
+  ({ className: n, ...t }, r) => /* @__PURE__ */ d("div", { ...t, className: q("item-content", n), ref: r })
+);
+bt.displayName = "DropdownMenu.ItemContent";
+const gt = N(
+  ({ className: n, ...t }, r) => /* @__PURE__ */ d("div", { ...t, className: q("item-description", n), ref: r })
+);
+gt.displayName = "DropdownMenu.ItemDescription";
+const ie = N(
+  ({ className: n, ...t }, r) => /* @__PURE__ */ d(hn, { ...t, className: q("item-checkbox", n), ref: r })
+);
+ie.displayName = "DropdownMenu.ItemCheckbox";
+const we = N(({ className: n, ...t }, r) => /* @__PURE__ */ d(wn, { ...t, className: q("item-radio", n), ref: r }));
+we.displayName = "DropdownMenu.ItemRadio";
+const Ce = N(
+  ({ className: n, ...t }, r) => /* @__PURE__ */ d(mn, { ...t, className: q("item-default-check", n), ref: r, children: /* @__PURE__ */ d(Qe, { name: "check", size: "md" }) })
+);
+Ce.displayName = "DropdownMenu.ItemDefaultCheck";
+const wt = N(
+  ({ name: n, value: t = !0, ...r }, e) => {
+    const o = De(n, t);
+    return /* @__PURE__ */ or(
+      br,
+      {
+        "aria-hidden": "true",
+        ...r,
+        checked: o,
+        key: o.toString(),
+        ref: e
+      }
+    );
+  }
+);
+wt.displayName = "DropdownMenu.ItemCheckboxCheck";
+const Ct = N(
+  ({ name: n, value: t, ...r }, e) => {
+    const o = De(n, t);
+    return /* @__PURE__ */ d(gr, { "aria-hidden": "true", ...r, checked: o, ref: e });
+  }
+);
+Ct.displayName = "DropdownMenu.ItemRadioCheck";
+const kt = N(
+  ({ className: n, name: t, value: r = !0, ...e }, o) => {
+    const a = De(t, r);
+    return /* @__PURE__ */ d(
+      wr,
+      {
+        "aria-hidden": "true",
+        ...e,
+        checked: a,
+        className: q("item-toggle-check", n),
+        ref: o,
+        size: "sm"
+      }
+    );
+  }
+);
+kt.displayName = "DropdownMenu.ItemToggleCheck";
+const De = (n, t) => {
+  const r = Ne(), o = L(r).values[n];
+  return Array.isArray(o) ? o.includes(t) : o === t;
+}, Ln = W(U), Mt = ee(
+  ({ as: n = Cr, className: t, ...r }, e) => /* @__PURE__ */ d(
+    Oe,
     {
+      ...r,
+      hideOnClick: !1,
       ref: e,
-      render: n ? (o) => /* @__PURE__ */ C(n, { ...o }) : void 0,
-      store: t,
-      ...r
+      render: /* @__PURE__ */ d(n, { className: Ln("item", "search", t), icon: /* @__PURE__ */ d(Qe, { name: "search" }) })
+    }
+  )
+);
+Mt.displayName = "DropdownMenu.Search";
+const Hn = W(U), _t = N(
+  ({ className: n, ...t }, r) => /* @__PURE__ */ d(yn, { ...t, ref: r, render: /* @__PURE__ */ d("hr", { className: Hn("separator", n) }) })
+);
+_t.displayName = "DropdownMenu.Separator";
+const xt = ee(
+  ({ as: n, onClick: t, store: r, ...e }, o) => /* @__PURE__ */ d(
+    mt,
+    {
+      onClick: (s) => {
+        s.preventDefault(), s.stopPropagation(), t == null || t(s), r.toggle();
+      },
+      ref: o,
+      render: n ? (s) => /* @__PURE__ */ d(n, { ...s }) : void 0,
+      store: r,
+      ...e
     }
   )
-), Sr = te(ne), xr = 4, Cr = le(
-  ({ children: n, className: t, dataTestId: r, innerProps: e = {}, store: o, withGutter: u = !0, ...a }, s) => {
-    const l = D(o, "arrowElement"), d = u && !l ? xr : 0, { className: i, ...g } = e;
-    return /* @__PURE__ */ C(
-      qt,
+);
+xt.displayName = "DropdownMenu.Trigger";
+const yt = N(
+  ({ children: n, item: t, size: r = "lg", ...e }, o) => {
+    const a = Ne();
+    return /* @__PURE__ */ j(Mn, { store: a, children: [
+      /* @__PURE__ */ d(mt, { ...e, ref: o, render: /* @__PURE__ */ d(Ae, { children: t }) }),
+      /* @__PURE__ */ d(Gn, { size: r, withGutter: !0, children: n })
+    ] });
+  }
+);
+yt.displayName = "DropdownMenu.Submenu";
+const Fn = W(U), $n = 8, Rn = N(
+  ({ className: n, size: t = "lg", store: r, withGutter: e = !0, ...o }, a) => {
+    const s = L(r, "arrowElement");
+    return /* @__PURE__ */ d(
+      qr,
       {
+        ...o,
         "aria-label": "dropdown-menu",
-        className: t,
-        "data-testid": r,
-        gutter: d,
-        ref: s,
-        render: /* @__PURE__ */ C("div", { className: Sr("inner", i), ...g }),
-        store: o,
-        tabIndex: 0,
-        ...a,
-        children: n
+        className: n,
+        gutter: e && !s ? $n : 0,
+        ref: a,
+        render: /* @__PURE__ */ d("div", { className: Fn("root", `size-${t}`, n) }),
+        store: r,
+        tabIndex: 0
       }
     );
   }
-), Vr = Object.assign(Cr, {
-  Arrow: vr,
-  Item: hr,
-  Separator: wr,
-  Trigger: Mr
+), Gn = Object.assign(Rn, {
+  Action: ft,
+  Arrow: pt,
+  Content: bt,
+  Description: gt,
+  Group: vt,
+  GroupLabel: ht,
+  Item: Ae,
+  Search: Mt,
+  Separator: _t,
+  Submenu: yt,
+  Trigger: xt
 });
 export {
-  Vr as DropdownMenu,
-  Lr as useDropdownMenu
+  Gn as DropdownMenu,
+  Ne as useDropdownMenu
 };