@wrdagency/blockout 0.1.10 → 1.0.1

package/dist/item-B1ugJ7YQ.js

@@ -1,764 +0,0 @@
-import { jsx as y, jsxs as oe } from "react/jsx-runtime";
-import { ActionMenuItem as Ie } from "./components/menu/items/action.js";
-import { SeparatorMenuItem as Le } from "./components/menu/items/spacer.js";
-import * as S from "react";
-import { useRef as U, useState as ue, useEffect as B, useContext as ke, createContext as Ve, useCallback as ge, createRef as Be, useMemo as je } from "react";
-import { w as Ze } from "./SSRBase.es-BUXS72ra.js";
-import { EmptyIcon as $e } from "./components/menu/icon.js";
-import { ToggleMenuItem as Ke } from "./components/menu/items/toggle.js";
-import { b as de, H as Ue, u as qe, c as ae, M as We, d as Ee } from "./VIIRIBF3-D5DmZNtI.js";
-import { u as Xe, M as Ye } from "./2NBKRL7C-BAzCMGOw.js";
-import { c as ze, b as Ge, d as Je, e as Se, R as Qe, f as et } from "./WMYDSCNQ-Dy1O-Kdl.js";
-import { c as Pe, f as re, b as ce, m as tt, o as nt, p as ot, t as rt, s as pe, e as st, a as W } from "./YV4JVR4I-kvospPUa.js";
-import { c as ut, b as at } from "./4CMBR7SL-BAGv8IL2.js";
-import { a as it } from "./S43UC3DV-Dn8EFLaT.js";
-import { Y as $, X as k, U as I, a as J, _ as K, i as Q, a8 as ct, L as _e, j as le, a0 as ve, V as z, a7 as lt, b as mt, l as fe, m as L, n as ee, o as E, a9 as Oe, M as me, e as q, f as te, q as ne, t as ye, $ as dt, a5 as ft, Z as pt, s as Ae, aa as vt, R as ht, ab as bt } from "./LMDWO4NN--KEvZePp.js";
-import { a as se, u as wt } from "./PFRGBC2K-BEg8ahbY.js";
-import { u as Fe } from "./T7VMP3TM-DeRMoW8g.js";
-import { i as Mt } from "./WYCIER3C-DRn904Gy.js";
-import { u as gt } from "./5JTVDSTH-CG1NL6Fw.js";
-function Et(n = {}) {
-  var o;
-  const t = (o = n.store) == null ? void 0 : o.getState(), e = ze($(I({}, n), {
-    placement: k(
-      n.placement,
-      t == null ? void 0 : t.placement,
-      "bottom"
-    )
-  })), i = k(n.timeout, t == null ? void 0 : t.timeout, 500), u = $(I({}, e.getState()), {
-    timeout: i,
-    showTimeout: k(n.showTimeout, t == null ? void 0 : t.showTimeout),
-    hideTimeout: k(n.hideTimeout, t == null ? void 0 : t.hideTimeout),
-    autoFocusOnShow: k(t == null ? void 0 : t.autoFocusOnShow, !1)
-  }), a = Pe(u, e, n.store);
-  return $(I(I({}, e), a), {
-    setAutoFocusOnShow: (s) => a.setState("autoFocusOnShow", s)
-  });
-}
-function St(n, o, t) {
-  return re(n, t, "timeout"), re(n, t, "showTimeout"), re(n, t, "hideTimeout"), Ge(n, o, t);
-}
-function ie(n) {
-  return [n.clientX, n.clientY];
-}
-function he(n, o) {
-  const [t, e] = n;
-  let i = !1;
-  const u = o.length;
-  for (let a = u, s = 0, l = a - 1; s < a; l = s++) {
-    const [r, c] = o[s], [b, d] = o[l], [, m] = o[l === 0 ? a - 1 : l - 1] || [0, 0], g = (c - d) * (t - r) - (r - b) * (e - c);
-    if (d < c) {
-      if (e >= d && e < c) {
-        if (g === 0) return !0;
-        g > 0 && (e === d ? e > m && (i = !i) : i = !i);
-      }
-    } else if (c < d) {
-      if (e > c && e <= d) {
-        if (g === 0) return !0;
-        g < 0 && (e === d ? e < m && (i = !i) : i = !i);
-      }
-    } else if (e === c && (t >= b && t <= r || t >= r && t <= b))
-      return !0;
-  }
-  return i;
-}
-function Pt(n, o) {
-  const { top: t, right: e, bottom: i, left: u } = o, [a, s] = n, l = a < u ? "left" : a > e ? "right" : null, r = s < t ? "top" : s > i ? "bottom" : null;
-  return [l, r];
-}
-function be(n, o) {
-  const t = n.getBoundingClientRect(), { top: e, right: i, bottom: u, left: a } = t, [s, l] = Pt(o, t), r = [o];
-  return s ? (l !== "top" && r.push([s === "left" ? a : i, e]), r.push([s === "left" ? i : a, e]), r.push([s === "left" ? i : a, u]), l !== "bottom" && r.push([s === "left" ? a : i, u])) : l === "top" ? (r.push([a, e]), r.push([a, u]), r.push([i, u]), r.push([i, e])) : (r.push([a, u]), r.push([a, e]), r.push([i, e]), r.push([i, u])), r;
-}
-var _t = "div";
-function He(n, o, t, e) {
-  return se(o) ? !0 : n ? !!(me(o, n) || t && me(t, n) || e != null && e.some((i) => He(n, i, t))) : !1;
-}
-function Ot(n) {
-  var o = n, {
-    store: t
-  } = o, e = K(o, [
-    "store"
-  ]);
-  const [i, u] = ue(!1), a = t.useState("mounted");
-  B(() => {
-    a || u(!1);
-  }, [a]);
-  const s = e.onFocus, l = q((c) => {
-    s == null || s(c), !c.defaultPrevented && u(!0);
-  }), r = U(null);
-  return B(() => ce(t, ["anchorElement"], (c) => {
-    r.current = c.anchorElement;
-  }), []), e = L(E({
-    autoFocusOnHide: i,
-    finalFocus: r
-  }, e), {
-    onFocus: l
-  }), e;
-}
-var we = Ve(null), xe = J(
-  function(o) {
-    var t = o, {
-      store: e,
-      modal: i = !1,
-      portal: u = !!i,
-      hideOnEscape: a = !0,
-      hideOnHoverOutside: s = !0,
-      disablePointerEventsOnApproach: l = !!s
-    } = t, r = K(t, [
-      "store",
-      "modal",
-      "portal",
-      "hideOnEscape",
-      "hideOnHoverOutside",
-      "disablePointerEventsOnApproach"
-    ]);
-    const c = de();
-    e = e || c, Q(
-      e,
-      process.env.NODE_ENV !== "production" && "Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component."
-    );
-    const b = U(null), [d, m] = ue([]), g = U(0), w = U(null), { portalRef: M, domReady: f } = ct(u, r.portalRef), F = _e(), V = !!s, C = le(s), H = !!l, T = le(
-      l
-    ), h = e.useState("open"), N = e.useState("mounted");
-    B(() => {
-      if (!f || !N || !V && !H) return;
-      const v = b.current;
-      return v ? ve(
-        z("mousemove", (P) => {
-          if (!e || !F()) return;
-          const { anchorElement: O, hideTimeout: _, timeout: X } = e.getState(), G = w.current, [Y] = P.composedPath(), j = O;
-          if (He(Y, v, j, d)) {
-            w.current = Y && j && me(j, Y) ? ie(P) : null, window.clearTimeout(g.current), g.current = 0;
-            return;
-          }
-          if (!g.current) {
-            if (G) {
-              const Z = ie(P), De = be(v, G);
-              if (he(Z, De)) {
-                if (w.current = Z, !T(P)) return;
-                P.preventDefault(), P.stopPropagation();
-                return;
-              }
-            }
-            C(P) && (g.current = window.setTimeout(() => {
-              g.current = 0, e == null || e.hide();
-            }, _ ?? X));
-          }
-        }, !0),
-        () => clearTimeout(g.current)
-      ) : void 0;
-    }, [
-      e,
-      F,
-      f,
-      N,
-      V,
-      H,
-      d,
-      T,
-      C
-    ]), B(() => {
-      if (!f || !N || !H) return;
-      const v = (A) => {
-        const P = b.current;
-        if (!P) return;
-        const O = w.current;
-        if (!O) return;
-        const _ = be(P, O);
-        if (he(ie(A), _)) {
-          if (!T(A)) return;
-          A.preventDefault(), A.stopPropagation();
-        }
-      };
-      return ve(
-        // Note: we may need to add pointer events here in the future.
-        z("mouseenter", v, !0),
-        z("mouseover", v, !0),
-        z("mouseout", v, !0),
-        z("mouseleave", v, !0)
-      );
-    }, [f, N, H, T]), B(() => {
-      f && (h || e == null || e.setAutoFocusOnShow(!1));
-    }, [e, f, h]);
-    const R = lt(h);
-    B(() => {
-      if (f)
-        return () => {
-          R.current || e == null || e.setAutoFocusOnShow(!1);
-        };
-    }, [e, f]);
-    const x = ke(we);
-    mt(() => {
-      if (i || !u || !N || !f) return;
-      const v = b.current;
-      if (v)
-        return x == null ? void 0 : x(v);
-    }, [i, u, N, f]);
-    const p = ge(
-      (v) => {
-        m((P) => [...P, v]);
-        const A = x == null ? void 0 : x(v);
-        return () => {
-          m(
-            (P) => P.filter((O) => O !== v)
-          ), A == null || A();
-        };
-      },
-      [x]
-    );
-    r = fe(
-      r,
-      (v) => /* @__PURE__ */ y(Ue, { value: e, children: /* @__PURE__ */ y(we.Provider, { value: p, children: v }) }),
-      [e, p]
-    ), r = L(E({}, r), {
-      ref: ee(b, r.ref)
-    }), r = Ot(E({ store: e }, r));
-    const D = e.useState(
-      (v) => i || v.autoFocusOnShow
-    );
-    return r = Je(L(E({
-      store: e,
-      modal: i,
-      portal: u,
-      autoFocusOnShow: D
-    }, r), {
-      portalRef: M,
-      hideOnEscape(v) {
-        return Oe(a, v) ? !1 : (requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            e == null || e.hide();
-          });
-        }), !0);
-      }
-    })), r;
-  }
-);
-Se(
-  te(function(o) {
-    const t = xe(o);
-    return ne(_t, t);
-  }),
-  de
-);
-var yt = "a", Ce = J(
-  function(o) {
-    var t = o, { store: e, showOnHover: i = !0 } = t, u = K(t, ["store", "showOnHover"]);
-    const a = de();
-    e = e || a, Q(
-      e,
-      process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component."
-    );
-    const s = ye(u), l = U(0);
-    B(() => () => window.clearTimeout(l.current), []), B(() => z("mouseleave", (f) => {
-      if (!e) return;
-      const { anchorElement: F } = e.getState();
-      F && f.target === F && (window.clearTimeout(l.current), l.current = 0);
-    }, !0), [e]);
-    const r = u.onMouseMove, c = le(i), b = _e(), d = q((M) => {
-      if (r == null || r(M), s || !e || M.defaultPrevented || l.current || !b() || !c(M)) return;
-      const f = M.currentTarget;
-      e.setAnchorElement(f), e.setDisclosureElement(f);
-      const { showTimeout: F, timeout: V } = e.getState(), C = () => {
-        l.current = 0, b() && (e == null || e.setAnchorElement(f), e == null || e.show(), queueMicrotask(() => {
-          e == null || e.setDisclosureElement(f);
-        }));
-      }, H = F ?? V;
-      H === 0 ? C() : l.current = window.setTimeout(C, H);
-    }), m = u.onClick, g = q((M) => {
-      m == null || m(M), e && (window.clearTimeout(l.current), l.current = 0);
-    }), w = ge(
-      (M) => {
-        if (!e) return;
-        const { anchorElement: f } = e.getState();
-        f != null && f.isConnected || e.setAnchorElement(M);
-      },
-      [e]
-    );
-    return u = L(E({}, u), {
-      ref: ee(w, u.ref),
-      onMouseMove: d,
-      onClick: g
-    }), u = wt(u), u;
-  }
-);
-te(function(o) {
-  const t = Ce(o);
-  return ne(yt, t);
-});
-function At(n = {}) {
-  var o = n, {
-    combobox: t,
-    parent: e,
-    menubar: i
-  } = o, u = dt(o, [
-    "combobox",
-    "parent",
-    "menubar"
-  ]);
-  const a = !!i && !e, s = tt(
-    u.store,
-    ot(e, ["values"]),
-    nt(t, [
-      "arrowElement",
-      "anchorElement",
-      "contentElement",
-      "popoverElement",
-      "disclosureElement"
-    ])
-  );
-  rt(u, s);
-  const l = s.getState(), r = ut($(I({}, u), {
-    store: s,
-    orientation: k(
-      u.orientation,
-      l.orientation,
-      "vertical"
-    )
-  })), c = Et($(I({}, u), {
-    store: s,
-    placement: k(
-      u.placement,
-      l.placement,
-      "bottom-start"
-    ),
-    timeout: k(
-      u.timeout,
-      l.timeout,
-      a ? 0 : 150
-    ),
-    hideTimeout: k(u.hideTimeout, l.hideTimeout, 0)
-  })), b = $(I(I({}, r.getState()), c.getState()), {
-    initialFocus: k(l.initialFocus, "container"),
-    values: k(
-      u.values,
-      l.values,
-      u.defaultValues,
-      {}
-    )
-  }), d = Pe(b, r, c, s);
-  return pe(
-    d,
-    () => ce(d, ["mounted"], (m) => {
-      m.mounted || d.setState("activeId", null);
-    })
-  ), pe(
-    d,
-    () => ce(e, ["orientation"], (m) => {
-      d.setState(
-        "placement",
-        m.orientation === "vertical" ? "right-start" : "bottom-start"
-      );
-    })
-  ), $(I(I(I({}, r), c), d), {
-    combobox: t,
-    parent: e,
-    menubar: i,
-    hideAll: () => {
-      c.hide(), e == null || e.hideAll();
-    },
-    setInitialFocus: (m) => d.setState("initialFocus", m),
-    setValues: (m) => d.setState("values", m),
-    setValue: (m, g) => {
-      m !== "__proto__" && m !== "constructor" && (Array.isArray(m) || d.setState("values", (w) => {
-        const M = w[m], f = ft(g, M);
-        return f === M ? w : $(I({}, w), {
-          [m]: f !== void 0 && f
-        });
-      }));
-    }
-  });
-}
-function Ft(n, o, t) {
-  return pt(o, [t.combobox, t.parent, t.menubar]), re(n, t, "values", "setValues"), Object.assign(
-    St(
-      at(n, o, t),
-      o,
-      t
-    ),
-    {
-      combobox: t.combobox,
-      parent: t.parent,
-      menubar: t.menubar
-    }
-  );
-}
-function Te(n = {}) {
-  const o = qe(), t = Xe(), e = it();
-  n = L(E({}, n), {
-    parent: n.parent !== void 0 ? n.parent : o,
-    menubar: n.menubar !== void 0 ? n.menubar : t,
-    combobox: n.combobox !== void 0 ? n.combobox : e
-  });
-  const [i, u] = st(At, n);
-  return Ft(i, u, n);
-}
-var Ht = "div";
-function xt(n) {
-  var o = n, { store: t } = o, e = K(o, ["store"]);
-  const [i, u] = ue(void 0), a = e["aria-label"], s = W(t, "disclosureElement"), l = W(t, "contentElement");
-  return B(() => {
-    const r = s;
-    if (!r) return;
-    const c = l;
-    if (!c) return;
-    a || c.hasAttribute("aria-label") ? u(void 0) : r.id && u(r.id);
-  }, [a, s, l]), i;
-}
-var Ne = J(
-  function(o) {
-    var t = o, { store: e, alwaysVisible: i, composite: u } = t, a = K(t, ["store", "alwaysVisible", "composite"]);
-    const s = ae();
-    e = e || s, Q(
-      e,
-      process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
-    );
-    const l = e.parent, r = e.menubar, c = !!l, b = Ae(a.id), d = a.onKeyDown, m = e.useState(
-      (h) => h.placement.split("-")[0]
-    ), g = e.useState(
-      (h) => h.orientation === "both" ? void 0 : h.orientation
-    ), w = g !== "vertical", M = W(
-      r,
-      (h) => !!h && h.orientation !== "vertical"
-    ), f = q((h) => {
-      if (d == null || d(h), !h.defaultPrevented) {
-        if (c || r && !w) {
-          const R = {
-            ArrowRight: () => m === "left" && !w,
-            ArrowLeft: () => m === "right" && !w,
-            ArrowUp: () => m === "bottom" && w,
-            ArrowDown: () => m === "top" && w
-          }[h.key];
-          if (R != null && R())
-            return h.stopPropagation(), h.preventDefault(), e == null ? void 0 : e.hide();
-        }
-        if (r) {
-          const R = {
-            ArrowRight: () => {
-              if (M)
-                return r.next();
-            },
-            ArrowLeft: () => {
-              if (M)
-                return r.previous();
-            },
-            ArrowDown: () => {
-              if (!M)
-                return r.next();
-            },
-            ArrowUp: () => {
-              if (!M)
-                return r.previous();
-            }
-          }[h.key], x = R == null ? void 0 : R();
-          x !== void 0 && (h.stopPropagation(), h.preventDefault(), r.move(x));
-        }
-      }
-    });
-    a = fe(
-      a,
-      (h) => /* @__PURE__ */ y(We, { value: e, children: h }),
-      [e]
-    );
-    const F = xt(E({ store: e }, a)), V = e.useState("mounted"), C = Mt(V, a.hidden, i), H = C ? L(E({}, a.style), { display: "none" }) : a.style;
-    a = L(E({
-      id: b,
-      "aria-labelledby": F,
-      hidden: C
-    }, a), {
-      ref: ee(b ? e.setContentElement : null, a.ref),
-      style: H,
-      onKeyDown: f
-    });
-    const T = !!e.combobox;
-    return u = u ?? !T, u && (a = E({
-      role: "menu",
-      "aria-orientation": g
-    }, a)), a = gt(E({ store: e, composite: u }, a)), a = Fe(E({ store: e, typeahead: !T }, a)), a;
-  }
-);
-te(function(o) {
-  const t = Ne(o);
-  return ne(Ht, t);
-});
-var Ct = "div", Tt = J(function(o) {
-  var t = o, {
-    store: e,
-    modal: i = !1,
-    portal: u = !!i,
-    hideOnEscape: a = !0,
-    autoFocusOnShow: s = !0,
-    hideOnHoverOutside: l,
-    alwaysVisible: r
-  } = t, c = K(t, [
-    "store",
-    "modal",
-    "portal",
-    "hideOnEscape",
-    "autoFocusOnShow",
-    "hideOnHoverOutside",
-    "alwaysVisible"
-  ]);
-  const b = ae();
-  e = e || b, Q(
-    e,
-    process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
-  );
-  const d = U(null), m = e.parent, g = e.menubar, w = !!m, M = !!g && !w;
-  c = L(E({}, c), {
-    ref: ee(d, c.ref)
-  });
-  const f = Ne(E({
-    store: e,
-    alwaysVisible: r
-  }, c)), { "aria-labelledby": F } = f;
-  c = K(f, ["aria-labelledby"]);
-  const [C, H] = ue(), T = e.useState("autoFocusOnShow"), h = e.useState("initialFocus"), N = e.useState("baseElement"), R = e.useState("renderedItems");
-  B(() => {
-    let O = !1;
-    return H((_) => {
-      var X, G, Y;
-      if (O || !T) return;
-      if ((X = _ == null ? void 0 : _.current) != null && X.isConnected) return _;
-      const j = Be();
-      switch (h) {
-        // TODO: Refactor
-        case "first":
-          j.current = ((G = R.find((Z) => !Z.disabled && Z.element)) == null ? void 0 : G.element) || null;
-          break;
-        case "last":
-          j.current = ((Y = [...R].reverse().find((Z) => !Z.disabled && Z.element)) == null ? void 0 : Y.element) || null;
-          break;
-        default:
-          j.current = N;
-      }
-      return j;
-    }), () => {
-      O = !0;
-    };
-  }, [e, T, h, R, N]);
-  const x = w ? !1 : i, p = !!s, D = !!C || !!c.initialFocus || !!x, v = W(
-    e.combobox || e,
-    "contentElement"
-  ), A = W(
-    (m == null ? void 0 : m.combobox) || m,
-    "contentElement"
-  ), P = je(() => {
-    if (!A || !v) return;
-    const O = v.getAttribute("role"), _ = A.getAttribute("role");
-    if (!((_ === "menu" || _ === "menubar") && O === "menu"))
-      return A;
-  }, [v, A]);
-  return P !== void 0 && (c = E({
-    preserveTabOrderAnchor: P
-  }, c)), c = xe(L(E({
-    store: e,
-    alwaysVisible: r,
-    initialFocus: C,
-    autoFocusOnShow: p ? D && s : T || !!x
-  }, c), {
-    hideOnEscape(O) {
-      return Oe(a, O) ? !1 : (e == null || e.hideAll(), !0);
-    },
-    hideOnHoverOutside(O) {
-      const _ = e == null ? void 0 : e.getState().disclosureElement;
-      return (typeof l == "function" ? l(O) : l ?? (w ? !0 : M ? _ ? !se(_) : !0 : !1)) ? O.defaultPrevented || !w || !_ || (vt(_, "mouseout", O), !se(_)) ? !0 : (requestAnimationFrame(() => {
-        se(_) || e == null || e.hide();
-      }), !1) : !1;
-    },
-    modal: x,
-    portal: u,
-    backdrop: w ? !1 : c.backdrop
-  })), c = E({
-    "aria-labelledby": F
-  }, c), c;
-}), Nt = Se(
-  te(function(o) {
-    const t = Tt(o);
-    return ne(Ct, t);
-  }),
-  ae
-);
-function Rt(n = {}) {
-  const o = Te(n);
-  return /* @__PURE__ */ y(Ee, { value: o, children: n.children });
-}
-var Dt = "button";
-function It(n, o) {
-  return {
-    ArrowDown: o === "bottom" || o === "top" ? "first" : !1,
-    ArrowUp: o === "bottom" || o === "top" ? "last" : !1,
-    ArrowRight: o === "right" ? "first" : !1,
-    ArrowLeft: o === "left" ? "first" : !1
-  }[n.key];
-}
-function Me(n, o) {
-  return !!(n != null && n.some((t) => !t.element || t.element === o ? !1 : t.element.getAttribute("aria-expanded") === "true"));
-}
-var Lt = J(
-  function(o) {
-    var t = o, {
-      store: e,
-      focusable: i,
-      accessibleWhenDisabled: u,
-      showOnHover: a
-    } = t, s = K(t, [
-      "store",
-      "focusable",
-      "accessibleWhenDisabled",
-      "showOnHover"
-    ]);
-    const l = ae();
-    e = e || l, Q(
-      e,
-      process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component."
-    );
-    const r = U(null), c = e.parent, b = e.menubar, d = !!c, m = !!b && !d, g = ye(s), w = () => {
-      const p = r.current;
-      p && (e == null || e.setDisclosureElement(p), e == null || e.setAnchorElement(p), e == null || e.show());
-    }, M = s.onFocus, f = q((p) => {
-      if (M == null || M(p), g || p.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !b) || !m) return;
-      const { items: D } = b.getState();
-      Me(D, p.currentTarget) && w();
-    }), F = W(
-      e,
-      (p) => p.placement.split("-")[0]
-    ), V = s.onKeyDown, C = q((p) => {
-      if (V == null || V(p), g || p.defaultPrevented) return;
-      const D = It(p, F);
-      D && (p.preventDefault(), w(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(D));
-    }), H = s.onClick, T = q((p) => {
-      if (H == null || H(p), p.defaultPrevented || !e) return;
-      const D = !p.detail, { open: v } = e.getState();
-      (!v || D) && ((!d || D) && e.setAutoFocusOnShow(!0), e.setInitialFocus(D ? "first" : "container")), d && w();
-    });
-    s = fe(
-      s,
-      (p) => /* @__PURE__ */ y(Ee, { value: e, children: p }),
-      [e]
-    ), d && (s = L(E({}, s), {
-      render: /* @__PURE__ */ y(Qe.div, { render: s.render })
-    }));
-    const h = Ae(s.id), N = W(
-      (c == null ? void 0 : c.combobox) || c,
-      "contentElement"
-    ), R = d || m ? ht(N, "menuitem") : void 0, x = e.useState("contentElement");
-    return s = L(E({
-      id: h,
-      role: R,
-      "aria-haspopup": bt(x, "menu")
-    }, s), {
-      ref: ee(r, s.ref),
-      onFocus: f,
-      onKeyDown: C,
-      onClick: T
-    }), s = Ce(L(E({
-      store: e,
-      focusable: i,
-      accessibleWhenDisabled: u
-    }, s), {
-      showOnHover: (p) => {
-        if (!(() => {
-          if (typeof a == "function") return a(p);
-          if (a != null) return a;
-          if (d) return !0;
-          if (!b) return !1;
-          const { items: P } = b.getState();
-          return m && Me(P);
-        })()) return !1;
-        const A = m ? b : c;
-        return A && A.setActiveId(p.currentTarget.id), !0;
-      }
-    })), s = et(E({
-      store: e,
-      toggleOnClick: !d,
-      focusable: i,
-      accessibleWhenDisabled: u
-    }, s)), s = Fe(E({
-      store: e,
-      typeahead: m
-    }, s)), s;
-  }
-), kt = te(function(o) {
-  const t = Lt(o);
-  return ne(Dt, t);
-});
-const Vt = /* @__PURE__ */ new Map([
-  [
-    "bold",
-    /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement("path", { d: "M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z" }))
-  ],
-  [
-    "duotone",
-    /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement("path", { d: "M176,128,96,208V48Z", opacity: "0.2" }), /* @__PURE__ */ S.createElement("path", { d: "M181.66,122.34l-80-80A8,8,0,0,0,88,48V208a8,8,0,0,0,13.66,5.66l80-80A8,8,0,0,0,181.66,122.34ZM104,188.69V67.31L164.69,128Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement("path", { d: "M181.66,133.66l-80,80A8,8,0,0,1,88,208V48a8,8,0,0,1,13.66-5.66l80,80A8,8,0,0,1,181.66,133.66Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement("path", { d: "M180.24,132.24l-80,80a6,6,0,0,1-8.48-8.48L167.51,128,91.76,52.24a6,6,0,0,1,8.48-8.48l80,80A6,6,0,0,1,180.24,132.24Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement("path", { d: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" }))
-  ],
-  [
-    "thin",
-    /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement("path", { d: "M178.83,130.83l-80,80a4,4,0,0,1-5.66-5.66L170.34,128,93.17,50.83a4,4,0,0,1,5.66-5.66l80,80A4,4,0,0,1,178.83,130.83Z" }))
-  ]
-]), Re = S.forwardRef((n, o) => /* @__PURE__ */ S.createElement(Ze, { ref: o, ...n, weights: Vt }));
-Re.displayName = "CaretRightIcon";
-const Bt = ({ item: n }) => {
-  const o = n.icon || $e, t = Te();
-  return /* @__PURE__ */ oe(Rt, { store: t, children: [
-    /* @__PURE__ */ oe(
-      kt,
-      {
-        className: "component-menu__item component-menu__item--submenu",
-        render: /* @__PURE__ */ y(Ye, {}),
-        children: [
-          /* @__PURE__ */ y(o, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
-          /* @__PURE__ */ oe("div", { className: "component-menu__item__text", children: [
-            /* @__PURE__ */ oe("div", { className: "component-menu__item__text__header", children: [
-              /* @__PURE__ */ y("div", { className: "component-menu__item__label", children: n.label }),
-              /* @__PURE__ */ y(Re, { className: "component-menu__item__icon component-menu__item__icon--submenu-indicator" })
-            ] }),
-            /* @__PURE__ */ y("p", { className: "component-menu__item__description", children: n.description })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ y(
-      Nt,
-      {
-        gutter: 12,
-        shift: 0,
-        wrapperProps: {
-          className: "component-menu__menu-wrapper"
-        },
-        className: "component-menu",
-        children: n.children.map((e, i) => /* @__PURE__ */ y(jt, { item: e }, i))
-      }
-    )
-  ] });
-}, jt = ({ item: n }) => {
-  switch (n.type) {
-    case "action":
-      return /* @__PURE__ */ y(Ie, { item: n });
-    case "toggle":
-      return /* @__PURE__ */ y(Ke, { item: n });
-    case "submenu":
-      return /* @__PURE__ */ y(Bt, { item: n });
-    case "separator":
-      return /* @__PURE__ */ y(Le, {});
-  }
-};
-export {
-  Rt as M,
-  Bt as S,
-  kt as a,
-  Nt as b,
-  jt as c
-};