@wrdagency/blockout 0.0.0

package/dist/item-CPVd5mKo.js

@@ -0,0 +1,758 @@
+import { jsx as y, jsxs as oe } from "react/jsx-runtime";
+import { ActionMenuItem as Ie } from "./components/menu/items/action.js";
+import { SeparatorMenuItem as ke } from "./components/menu/items/spacer.js";
+import * as S from "react";
+import { useRef as U, useState as ue, useEffect as B, useContext as Le, createContext as Ve, useCallback as ge, createRef as Be, useMemo as je } from "react";
+import { w as Ke } from "./SSRBase.es-BUXS72ra.js";
+import { EmptyIcon as Ze } from "./components/menu/icon.js";
+import { ToggleMenuItem as $e } from "./components/menu/items/toggle.js";
+import { b as me, H as Ue, a as qe, c as ae, M as We, d as Ee } from "./VIIRIBF3-XWA2y8Hu.js";
+import { u as ze, M as Ge } from "./2NBKRL7C-DnAMmXv4.js";
+import { a as Xe, d as Ye, k as Qe, j as Se, c as Je, u as et, e as tt, i as nt, h as ot, g as Pe, R as rt, f as st } from "./T7VMP3TM--1s529fr.js";
+import { c as _e, g as re, d as ce, h as se, j as ut, m as at, o as it, p as ct, t as lt, s as pe, f as dt, u as W } from "./UQQRIHDV-Bfi_RJby.js";
+import { y as Z, z as L, A as I, b as Q, _ as $, i as J, K as mt, L as Oe, u as le, M as ve, N as X, O as ft, v as pt, E as fe, h as k, s as ee, j as E, Q as ye, e as q, R as de, f as te, d as ne, G as Ae, x as vt, S as ht, B as bt, r as Fe, T as wt, g as Mt, F as gt } from "./P7GR5CS5-BryEvRCz.js";
+const Et = /* @__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" }))
+  ]
+]), He = S.forwardRef((n, o) => /* @__PURE__ */ S.createElement(Ke, { ref: o, ...n, weights: Et }));
+He.displayName = "CaretRightIcon";
+function St(n = {}) {
+  var o;
+  const t = (o = n.store) == null ? void 0 : o.getState(), e = Xe(Z(I({}, n), {
+    placement: L(
+      n.placement,
+      t == null ? void 0 : t.placement,
+      "bottom"
+    )
+  })), i = L(n.timeout, t == null ? void 0 : t.timeout, 500), u = Z(I({}, e.getState()), {
+    timeout: i,
+    showTimeout: L(n.showTimeout, t == null ? void 0 : t.showTimeout),
+    hideTimeout: L(n.hideTimeout, t == null ? void 0 : t.hideTimeout),
+    autoFocusOnShow: L(t == null ? void 0 : t.autoFocusOnShow, !1)
+  }), a = _e(u, e, n.store);
+  return Z(I(I({}, e), a), {
+    setAutoFocusOnShow: (s) => a.setState("autoFocusOnShow", s)
+  });
+}
+function Pt(n, o, t) {
+  return re(n, t, "timeout"), re(n, t, "showTimeout"), re(n, t, "hideTimeout"), Ye(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, m] = o[l], [, d] = o[l === 0 ? a - 1 : l - 1] || [0, 0], g = (c - m) * (t - r) - (r - b) * (e - c);
+    if (m < c) {
+      if (e >= m && e < c) {
+        if (g === 0) return !0;
+        g > 0 && (e === m ? e > d && (i = !i) : i = !i);
+      }
+    } else if (c < m) {
+      if (e > c && e <= m) {
+        if (g === 0) return !0;
+        g < 0 && (e === m ? e < d && (i = !i) : i = !i);
+      }
+    } else if (e === c && (t >= b && t <= r || t >= r && t <= b))
+      return !0;
+  }
+  return i;
+}
+function _t(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] = _t(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 Ot = "div";
+function xe(n, o, t, e) {
+  return se(o) ? !0 : n ? !!(de(o, n) || t && de(t, n) || e != null && e.some((i) => xe(n, i, t))) : !1;
+}
+function yt(n) {
+  var o = n, {
+    store: t
+  } = o, e = $(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 = k(E({
+    autoFocusOnHide: i,
+    finalFocus: r
+  }, e), {
+    onFocus: l
+  }), e;
+}
+var we = Ve(null), Ce = Q(
+  function(o) {
+    var t = o, {
+      store: e,
+      modal: i = !1,
+      portal: u = !!i,
+      hideOnEscape: a = !0,
+      hideOnHoverOutside: s = !0,
+      disablePointerEventsOnApproach: l = !!s
+    } = t, r = $(t, [
+      "store",
+      "modal",
+      "portal",
+      "hideOnEscape",
+      "hideOnHoverOutside",
+      "disablePointerEventsOnApproach"
+    ]);
+    const c = me();
+    e = e || c, J(
+      e,
+      process.env.NODE_ENV !== "production" && "Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component."
+    );
+    const b = U(null), [m, d] = ue([]), g = U(0), w = U(null), { portalRef: M, domReady: f } = mt(u, r.portalRef), F = Oe(), 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(
+        X("mousemove", (P) => {
+          if (!e || !F()) return;
+          const { anchorElement: O, hideTimeout: _, timeout: z } = e.getState(), Y = w.current, [G] = P.composedPath(), j = O;
+          if (xe(G, v, j, m)) {
+            w.current = G && j && de(j, G) ? ie(P) : null, window.clearTimeout(g.current), g.current = 0;
+            return;
+          }
+          if (!g.current) {
+            if (Y) {
+              const K = ie(P), De = be(v, Y);
+              if (he(K, De)) {
+                if (w.current = K, !T(P)) return;
+                P.preventDefault(), P.stopPropagation();
+                return;
+              }
+            }
+            C(P) && (g.current = window.setTimeout(() => {
+              g.current = 0, e == null || e.hide();
+            }, _ ?? z));
+          }
+        }, !0),
+        () => clearTimeout(g.current)
+      ) : void 0;
+    }, [
+      e,
+      F,
+      f,
+      N,
+      V,
+      H,
+      m,
+      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.
+        X("mouseenter", v, !0),
+        X("mouseover", v, !0),
+        X("mouseout", v, !0),
+        X("mouseleave", v, !0)
+      );
+    }, [f, N, H, T]), B(() => {
+      f && (h || e == null || e.setAutoFocusOnShow(!1));
+    }, [e, f, h]);
+    const R = ft(h);
+    B(() => {
+      if (f)
+        return () => {
+          R.current || e == null || e.setAutoFocusOnShow(!1);
+        };
+    }, [e, f]);
+    const x = Le(we);
+    pt(() => {
+      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) => {
+        d((P) => [...P, v]);
+        const A = x == null ? void 0 : x(v);
+        return () => {
+          d(
+            (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 = k(E({}, r), {
+      ref: ee(b, r.ref)
+    }), r = yt(E({ store: e }, r));
+    const D = e.useState(
+      (v) => i || v.autoFocusOnShow
+    );
+    return r = Qe(k(E({
+      store: e,
+      modal: i,
+      portal: u,
+      autoFocusOnShow: D
+    }, r), {
+      portalRef: M,
+      hideOnEscape(v) {
+        return ye(a, v) ? !1 : (requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            e == null || e.hide();
+          });
+        }), !0);
+      }
+    })), r;
+  }
+);
+Se(
+  te(function(o) {
+    const t = Ce(o);
+    return ne(Ot, t);
+  }),
+  me
+);
+var At = "a", Te = Q(
+  function(o) {
+    var t = o, { store: e, showOnHover: i = !0 } = t, u = $(t, ["store", "showOnHover"]);
+    const a = me();
+    e = e || a, J(
+      e,
+      process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component."
+    );
+    const s = Ae(u), l = U(0);
+    B(() => () => window.clearTimeout(l.current), []), B(() => X("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 = Oe(), m = 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);
+    }), d = u.onClick, g = q((M) => {
+      d == null || d(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 = k(E({}, u), {
+      ref: ee(w, u.ref),
+      onMouseMove: m,
+      onClick: g
+    }), u = ut(u), u;
+  }
+);
+te(function(o) {
+  const t = Te(o);
+  return ne(At, t);
+});
+function Ft(n = {}) {
+  var o = n, {
+    combobox: t,
+    parent: e,
+    menubar: i
+  } = o, u = vt(o, [
+    "combobox",
+    "parent",
+    "menubar"
+  ]);
+  const a = !!i && !e, s = at(
+    u.store,
+    ct(e, ["values"]),
+    it(t, [
+      "arrowElement",
+      "anchorElement",
+      "contentElement",
+      "popoverElement",
+      "disclosureElement"
+    ])
+  );
+  lt(u, s);
+  const l = s.getState(), r = Je(Z(I({}, u), {
+    store: s,
+    orientation: L(
+      u.orientation,
+      l.orientation,
+      "vertical"
+    )
+  })), c = St(Z(I({}, u), {
+    store: s,
+    placement: L(
+      u.placement,
+      l.placement,
+      "bottom-start"
+    ),
+    timeout: L(
+      u.timeout,
+      l.timeout,
+      a ? 0 : 150
+    ),
+    hideTimeout: L(u.hideTimeout, l.hideTimeout, 0)
+  })), b = Z(I(I({}, r.getState()), c.getState()), {
+    initialFocus: L(l.initialFocus, "container"),
+    values: L(
+      u.values,
+      l.values,
+      u.defaultValues,
+      {}
+    )
+  }), m = _e(b, r, c, s);
+  return pe(
+    m,
+    () => ce(m, ["mounted"], (d) => {
+      d.mounted || m.setState("activeId", null);
+    })
+  ), pe(
+    m,
+    () => ce(e, ["orientation"], (d) => {
+      m.setState(
+        "placement",
+        d.orientation === "vertical" ? "right-start" : "bottom-start"
+      );
+    })
+  ), Z(I(I(I({}, r), c), m), {
+    combobox: t,
+    parent: e,
+    menubar: i,
+    hideAll: () => {
+      c.hide(), e == null || e.hideAll();
+    },
+    setInitialFocus: (d) => m.setState("initialFocus", d),
+    setValues: (d) => m.setState("values", d),
+    setValue: (d, g) => {
+      d !== "__proto__" && d !== "constructor" && (Array.isArray(d) || m.setState("values", (w) => {
+        const M = w[d], f = ht(g, M);
+        return f === M ? w : Z(I({}, w), {
+          [d]: f !== void 0 && f
+        });
+      }));
+    }
+  });
+}
+function Ht(n, o, t) {
+  return bt(o, [t.combobox, t.parent, t.menubar]), re(n, t, "values", "setValues"), Object.assign(
+    Pt(
+      tt(n, o, t),
+      o,
+      t
+    ),
+    {
+      combobox: t.combobox,
+      parent: t.parent,
+      menubar: t.menubar
+    }
+  );
+}
+function Ne(n = {}) {
+  const o = qe(), t = ze(), e = et();
+  n = k(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] = dt(Ft, n);
+  return Ht(i, u, n);
+}
+var xt = "div";
+function Ct(n) {
+  var o = n, { store: t } = o, e = $(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 Re = Q(
+  function(o) {
+    var t = o, { store: e, alwaysVisible: i, composite: u } = t, a = $(t, ["store", "alwaysVisible", "composite"]);
+    const s = ae();
+    e = e || s, J(
+      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 = Fe(a.id), m = a.onKeyDown, d = 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 (m == null || m(h), !h.defaultPrevented) {
+        if (c || r && !w) {
+          const R = {
+            ArrowRight: () => d === "left" && !w,
+            ArrowLeft: () => d === "right" && !w,
+            ArrowUp: () => d === "bottom" && w,
+            ArrowDown: () => d === "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 = Ct(E({ store: e }, a)), V = e.useState("mounted"), C = nt(V, a.hidden, i), H = C ? k(E({}, a.style), { display: "none" }) : a.style;
+    a = k(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 = ot(E({ store: e, composite: u }, a)), a = Pe(E({ store: e, typeahead: !T }, a)), a;
+  }
+);
+te(function(o) {
+  const t = Re(o);
+  return ne(xt, t);
+});
+var Tt = "div", Nt = Q(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 = $(t, [
+    "store",
+    "modal",
+    "portal",
+    "hideOnEscape",
+    "autoFocusOnShow",
+    "hideOnHoverOutside",
+    "alwaysVisible"
+  ]);
+  const b = ae();
+  e = e || b, J(
+    e,
+    process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
+  );
+  const m = U(null), d = e.parent, g = e.menubar, w = !!d, M = !!g && !w;
+  c = k(E({}, c), {
+    ref: ee(m, c.ref)
+  });
+  const f = Re(E({
+    store: e,
+    alwaysVisible: r
+  }, c)), { "aria-labelledby": F } = f;
+  c = $(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 z, Y, G;
+      if (O || !T) return;
+      if ((z = _ == null ? void 0 : _.current) != null && z.isConnected) return _;
+      const j = Be();
+      switch (h) {
+        // TODO: Refactor
+        case "first":
+          j.current = ((Y = R.find((K) => !K.disabled && K.element)) == null ? void 0 : Y.element) || null;
+          break;
+        case "last":
+          j.current = ((G = [...R].reverse().find((K) => !K.disabled && K.element)) == null ? void 0 : G.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(
+    (d == null ? void 0 : d.combobox) || d,
+    "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 = Ce(k(E({
+    store: e,
+    alwaysVisible: r,
+    initialFocus: C,
+    autoFocusOnShow: p ? D && s : T || !!x
+  }, c), {
+    hideOnEscape(O) {
+      return ye(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 || !_ || (wt(_, "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;
+}), Rt = Se(
+  te(function(o) {
+    const t = Nt(o);
+    return ne(Tt, t);
+  }),
+  ae
+);
+function Dt(n = {}) {
+  const o = Ne(n);
+  return /* @__PURE__ */ y(Ee, { value: o, children: n.children });
+}
+var It = "button";
+function kt(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 = Q(
+  function(o) {
+    var t = o, {
+      store: e,
+      focusable: i,
+      accessibleWhenDisabled: u,
+      showOnHover: a
+    } = t, s = $(t, [
+      "store",
+      "focusable",
+      "accessibleWhenDisabled",
+      "showOnHover"
+    ]);
+    const l = ae();
+    e = e || l, J(
+      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, m = !!c, d = !!b && !m, g = Ae(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) || !d) 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 = kt(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) && ((!m || D) && e.setAutoFocusOnShow(!0), e.setInitialFocus(D ? "first" : "container")), m && w();
+    });
+    s = fe(
+      s,
+      (p) => /* @__PURE__ */ y(Ee, { value: e, children: p }),
+      [e]
+    ), m && (s = k(E({}, s), {
+      render: /* @__PURE__ */ y(rt.div, { render: s.render })
+    }));
+    const h = Fe(s.id), N = W(
+      (c == null ? void 0 : c.combobox) || c,
+      "contentElement"
+    ), R = m || d ? Mt(N, "menuitem") : void 0, x = e.useState("contentElement");
+    return s = k(E({
+      id: h,
+      role: R,
+      "aria-haspopup": gt(x, "menu")
+    }, s), {
+      ref: ee(r, s.ref),
+      onFocus: f,
+      onKeyDown: C,
+      onClick: T
+    }), s = Te(k(E({
+      store: e,
+      focusable: i,
+      accessibleWhenDisabled: u
+    }, s), {
+      showOnHover: (p) => {
+        if (!(() => {
+          if (typeof a == "function") return a(p);
+          if (a != null) return a;
+          if (m) return !0;
+          if (!b) return !1;
+          const { items: P } = b.getState();
+          return d && Me(P);
+        })()) return !1;
+        const A = d ? b : c;
+        return A && A.setActiveId(p.currentTarget.id), !0;
+      }
+    })), s = st(E({
+      store: e,
+      toggleOnClick: !m,
+      focusable: i,
+      accessibleWhenDisabled: u
+    }, s)), s = Pe(E({
+      store: e,
+      typeahead: d
+    }, s)), s;
+  }
+), Vt = te(function(o) {
+  const t = Lt(o);
+  return ne(It, t);
+});
+const Bt = ({ item: n }) => {
+  const o = n.icon || Ze, t = Ne();
+  return /* @__PURE__ */ oe(Dt, { store: t, children: [
+    /* @__PURE__ */ oe(
+      Vt,
+      {
+        className: "component-menu__item component-menu__item--submenu",
+        render: /* @__PURE__ */ y(Ge, {}),
+        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(He, { className: "component-menu__item__icon component-menu__item__icon--submenu-indicator" })
+            ] }),
+            /* @__PURE__ */ y("p", { className: "component-menu__item__description", children: n.description })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ y(
+      Rt,
+      {
+        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($e, { item: n });
+    case "submenu":
+      return /* @__PURE__ */ y(Bt, { item: n });
+    case "separator":
+      return /* @__PURE__ */ y(ke, {});
+  }
+};
+export {
+  Dt as M,
+  Bt as S,
+  Vt as a,
+  Rt as b,
+  jt as c
+};