@wrdagency/blockout 0.0.19 → 0.1.0

package/dist/{item-D9r2-3fk.js → item-BrZqCoM7.js}

@@ -1,63 +1,42 @@
 import { jsx as y, jsxs as oe } from "react/jsx-runtime";
-import { ActionMenuItem as Re } from "./components/menu/items/action.js";
-import { SeparatorMenuItem as ke } from "./components/menu/items/spacer.js";
+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 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-D9clDhln.js";
-import { u as ze, M as Ge } from "./2NBKRL7C-D-Q0qGRV.js";
-import { c as Xe, u as Ye, a as Je, b as Se, d as Qe, e as et, f as tt, i as nt, g as ot, h as Pe, R as rt, j as st } from "./T7VMP3TM-BxgFbvdx.js";
-import { c as _e, d as re, s as ce, h as se, e as ut, m as at, o as it, p as ct, t as lt, f as pe, g as dt, u as W } from "./UQQRIHDV-BGs025hb.js";
-import { x as Z, y as L, z as R, d as J, _ as $, i as Q, A as mt, B as Oe, u as le, D as ve, E as X, F as ft, v as pt, G as fe, j as k, s as ee, k as E, H as ye, I as de, g as q, f as te, e as ne, J as Ae, K as vt, L as ht, M as bt, r as Fe, N as wt, h as Mt, O as gt } from "./P7GR5CS5-qyeuZVEs.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 = {}) {
+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-7XoDiJp9.js";
+import { c as ze, b as Ge, d as Je, e as Se, R as Qe, f as et } from "./WMYDSCNQ-DECXdiUT.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-LkUIiJWj.js";
+import { c as ut, b as at } from "./4CMBR7SL-BHIN8rB4.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-8jmp2F15.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 = Xe(Z(R({}, n), {
-    placement: L(
+  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 = L(n.timeout, t == null ? void 0 : t.timeout, 500), u = Z(R({}, e.getState()), {
+  })), i = k(n.timeout, t == null ? void 0 : t.timeout, 500), u = $(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(R(R({}, e), a), {
+    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 Pt(n, o, t) {
-  return re(n, t, "timeout"), re(n, t, "showTimeout"), re(n, t, "hideTimeout"), Ye(n, o, t);
+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];
@@ -67,38 +46,38 @@ function he(n, o) {
   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) {
+    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 === m ? e > d && (i = !i) : i = !i);
+        g > 0 && (e === d ? e > m && (i = !i) : i = !i);
       }
-    } else if (c < m) {
-      if (e > c && e <= m) {
+    } else if (c < d) {
+      if (e > c && e <= d) {
         if (g === 0) return !0;
-        g < 0 && (e === m ? e < d && (i = !i) : i = !i);
+        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 _t(n, o) {
+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] = _t(o, t), r = [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 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;
+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 yt(n) {
+function Ot(n) {
   var o = n, {
     store: t
-  } = o, e = $(o, [
+  } = o, e = K(o, [
     "store"
   ]);
   const [i, u] = ue(!1), a = t.useState("mounted");
@@ -110,14 +89,14 @@ function yt(n) {
   }), r = U(null);
   return B(() => ce(t, ["anchorElement"], (c) => {
     r.current = c.anchorElement;
-  }), []), e = k(E({
+  }), []), e = L(E({
     autoFocusOnHide: i,
     finalFocus: r
   }, e), {
     onFocus: l
   }), e;
 }
-var we = Ve(null), Ce = J(
+var we = Ve(null), xe = J(
   function(o) {
     var t = o, {
       store: e,
@@ -126,7 +105,7 @@ var we = Ve(null), Ce = J(
       hideOnEscape: a = !0,
       hideOnHoverOutside: s = !0,
       disablePointerEventsOnApproach: l = !!s
-    } = t, r = $(t, [
+    } = t, r = K(t, [
       "store",
       "modal",
       "portal",
@@ -134,37 +113,37 @@ var we = Ve(null), Ce = J(
       "hideOnHoverOutside",
       "disablePointerEventsOnApproach"
     ]);
-    const c = me();
+    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), [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(
+    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(
-        X("mousemove", (P) => {
+        z("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;
+          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 (Y) {
-              const K = ie(P), Ie = be(v, Y);
-              if (he(K, Ie)) {
-                if (w.current = K, !T(P)) return;
+            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();
-            }, _ ?? z));
+            }, _ ?? X));
           }
         }, !0),
         () => clearTimeout(g.current)
@@ -176,7 +155,7 @@ var we = Ve(null), Ce = J(
       N,
       V,
       H,
-      m,
+      d,
       T,
       C
     ]), B(() => {
@@ -194,23 +173,23 @@ var we = Ve(null), Ce = J(
       };
       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)
+        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 D = ft(h);
+    const R = lt(h);
     B(() => {
       if (f)
         return () => {
-          D.current || e == null || e.setAutoFocusOnShow(!1);
+          R.current || e == null || e.setAutoFocusOnShow(!1);
         };
     }, [e, f]);
-    const x = Le(we);
-    pt(() => {
+    const x = ke(we);
+    mt(() => {
       if (i || !u || !N || !f) return;
       const v = b.current;
       if (v)
@@ -218,10 +197,10 @@ var we = Ve(null), Ce = J(
     }, [i, u, N, f]);
     const p = ge(
       (v) => {
-        d((P) => [...P, v]);
+        m((P) => [...P, v]);
         const A = x == null ? void 0 : x(v);
         return () => {
-          d(
+          m(
             (P) => P.filter((O) => O !== v)
           ), A == null || A();
         };
@@ -232,21 +211,21 @@ var we = Ve(null), Ce = J(
       r,
       (v) => /* @__PURE__ */ y(Ue, { value: e, children: /* @__PURE__ */ y(we.Provider, { value: p, children: v }) }),
       [e, p]
-    ), r = k(E({}, r), {
+    ), r = L(E({}, r), {
       ref: ee(b, r.ref)
-    }), r = yt(E({ store: e }, r));
-    const I = e.useState(
+    }), r = Ot(E({ store: e }, r));
+    const D = e.useState(
       (v) => i || v.autoFocusOnShow
     );
-    return r = Je(k(E({
+    return r = Je(L(E({
       store: e,
       modal: i,
       portal: u,
-      autoFocusOnShow: I
+      autoFocusOnShow: D
     }, r), {
       portalRef: M,
       hideOnEscape(v) {
-        return ye(a, v) ? !1 : (requestAnimationFrame(() => {
+        return Oe(a, v) ? !1 : (requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             e == null || e.hide();
           });
@@ -257,26 +236,26 @@ var we = Ve(null), Ce = J(
 );
 Se(
   te(function(o) {
-    const t = Ce(o);
-    return ne(Ot, t);
+    const t = xe(o);
+    return ne(_t, t);
   }),
-  me
+  de
 );
-var At = "a", Te = J(
+var yt = "a", Ce = J(
   function(o) {
-    var t = o, { store: e, showOnHover: i = !0 } = t, u = $(t, ["store", "showOnHover"]);
-    const a = me();
+    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 = Ae(u), l = U(0);
-    B(() => () => window.clearTimeout(l.current), []), B(() => X("mouseleave", (f) => {
+    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 = Oe(), m = q((M) => {
+    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);
@@ -286,8 +265,8 @@ var At = "a", Te = J(
         }));
       }, 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);
+    }), m = u.onClick, g = q((M) => {
+      m == null || m(M), e && (window.clearTimeout(l.current), l.current = 0);
     }), w = ge(
       (M) => {
         if (!e) return;
@@ -296,31 +275,31 @@ var At = "a", Te = J(
       },
       [e]
     );
-    return u = k(E({}, u), {
+    return u = L(E({}, u), {
       ref: ee(w, u.ref),
-      onMouseMove: m,
+      onMouseMove: d,
       onClick: g
-    }), u = ut(u), u;
+    }), u = wt(u), u;
   }
 );
 te(function(o) {
-  const t = Te(o);
-  return ne(At, t);
+  const t = Ce(o);
+  return ne(yt, t);
 });
-function Ft(n = {}) {
+function At(n = {}) {
   var o = n, {
     combobox: t,
     parent: e,
     menubar: i
-  } = o, u = vt(o, [
+  } = o, u = dt(o, [
     "combobox",
     "parent",
     "menubar"
   ]);
-  const a = !!i && !e, s = at(
+  const a = !!i && !e, s = tt(
     u.store,
-    ct(e, ["values"]),
-    it(t, [
+    ot(e, ["values"]),
+    nt(t, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -328,72 +307,72 @@ function Ft(n = {}) {
       "disclosureElement"
     ])
   );
-  lt(u, s);
-  const l = s.getState(), r = Qe(Z(R({}, u), {
+  rt(u, s);
+  const l = s.getState(), r = ut($(I({}, u), {
     store: s,
-    orientation: L(
+    orientation: k(
       u.orientation,
       l.orientation,
       "vertical"
     )
-  })), c = St(Z(R({}, u), {
+  })), c = Et($(I({}, u), {
     store: s,
-    placement: L(
+    placement: k(
       u.placement,
       l.placement,
       "bottom-start"
     ),
-    timeout: L(
+    timeout: k(
       u.timeout,
       l.timeout,
       a ? 0 : 150
     ),
-    hideTimeout: L(u.hideTimeout, l.hideTimeout, 0)
-  })), b = Z(R(R({}, r.getState()), c.getState()), {
-    initialFocus: L(l.initialFocus, "container"),
-    values: L(
+    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,
       {}
     )
-  }), m = _e(b, r, c, s);
+  }), d = Pe(b, r, c, s);
   return pe(
-    m,
-    () => ce(m, ["mounted"], (d) => {
-      d.mounted || m.setState("activeId", null);
+    d,
+    () => ce(d, ["mounted"], (m) => {
+      m.mounted || d.setState("activeId", null);
     })
   ), pe(
-    m,
-    () => ce(e, ["orientation"], (d) => {
-      m.setState(
+    d,
+    () => ce(e, ["orientation"], (m) => {
+      d.setState(
         "placement",
-        d.orientation === "vertical" ? "right-start" : "bottom-start"
+        m.orientation === "vertical" ? "right-start" : "bottom-start"
       );
     })
-  ), Z(R(R(R({}, r), c), m), {
+  ), $(I(I(I({}, r), c), d), {
     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(R({}, w), {
-          [d]: f !== void 0 && f
+    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 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),
+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
     ),
@@ -404,19 +383,19 @@ function Ht(n, o, t) {
     }
   );
 }
-function Ne(n = {}) {
-  const o = qe(), t = ze(), e = et();
-  n = k(E({}, n), {
+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] = dt(Ft, n);
-  return Ht(i, u, n);
+  const [i, u] = st(At, n);
+  return Ft(i, u, n);
 }
-var xt = "div";
-function Ct(n) {
-  var o = n, { store: t } = o, e = $(o, ["store"]);
+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;
@@ -426,15 +405,15 @@ function Ct(n) {
     a || c.hasAttribute("aria-label") ? u(void 0) : r.id && u(r.id);
   }, [a, s, l]), i;
 }
-var De = J(
+var Ne = J(
   function(o) {
-    var t = o, { store: e, alwaysVisible: i, composite: u } = t, a = $(t, ["store", "alwaysVisible", "composite"]);
+    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 = Fe(a.id), m = a.onKeyDown, d = e.useState(
+    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
@@ -442,19 +421,19 @@ var De = J(
       r,
       (h) => !!h && h.orientation !== "vertical"
     ), f = q((h) => {
-      if (m == null || m(h), !h.defaultPrevented) {
+      if (d == null || d(h), !h.defaultPrevented) {
         if (c || r && !w) {
-          const D = {
-            ArrowRight: () => d === "left" && !w,
-            ArrowLeft: () => d === "right" && !w,
-            ArrowUp: () => d === "bottom" && w,
-            ArrowDown: () => d === "top" && w
+          const R = {
+            ArrowRight: () => m === "left" && !w,
+            ArrowLeft: () => m === "right" && !w,
+            ArrowUp: () => m === "bottom" && w,
+            ArrowDown: () => m === "top" && w
           }[h.key];
-          if (D != null && D())
+          if (R != null && R())
             return h.stopPropagation(), h.preventDefault(), e == null ? void 0 : e.hide();
         }
         if (r) {
-          const D = {
+          const R = {
             ArrowRight: () => {
               if (M)
                 return r.next();
@@ -471,7 +450,7 @@ var De = J(
               if (!M)
                 return r.previous();
             }
-          }[h.key], x = D == null ? void 0 : D();
+          }[h.key], x = R == null ? void 0 : R();
           x !== void 0 && (h.stopPropagation(), h.preventDefault(), r.move(x));
         }
       }
@@ -481,8 +460,8 @@ var De = J(
       (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({
+    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
@@ -495,14 +474,14 @@ var De = J(
     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;
+    }, a)), a = gt(E({ store: e, composite: u }, a)), a = Fe(E({ store: e, typeahead: !T }, a)), a;
   }
 );
 te(function(o) {
-  const t = De(o);
-  return ne(xt, t);
+  const t = Ne(o);
+  return ne(Ht, t);
 });
-var Tt = "div", Nt = J(function(o) {
+var Ct = "div", Tt = J(function(o) {
   var t = o, {
     store: e,
     modal: i = !1,
@@ -511,7 +490,7 @@ var Tt = "div", Nt = J(function(o) {
     autoFocusOnShow: s = !0,
     hideOnHoverOutside: l,
     alwaysVisible: r
-  } = t, c = $(t, [
+  } = t, c = K(t, [
     "store",
     "modal",
     "portal",
@@ -525,30 +504,30 @@ var Tt = "div", Nt = J(function(o) {
     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 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 = De(E({
+  const f = Ne(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"), D = e.useState("renderedItems");
+  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 z, Y, G;
+      var X, G, Y;
       if (O || !T) return;
-      if ((z = _ == null ? void 0 : _.current) != null && z.isConnected) return _;
+      if ((X = _ == null ? void 0 : _.current) != null && X.isConnected) return _;
       const j = Be();
       switch (h) {
         // TODO: Refactor
         case "first":
-          j.current = ((Y = D.find((K) => !K.disabled && K.element)) == null ? void 0 : Y.element) || null;
+          j.current = ((G = R.find((Z) => !Z.disabled && Z.element)) == null ? void 0 : G.element) || null;
           break;
         case "last":
-          j.current = ((G = [...D].reverse().find((K) => !K.disabled && K.element)) == null ? void 0 : G.element) || null;
+          j.current = ((Y = [...R].reverse().find((Z) => !Z.disabled && Z.element)) == null ? void 0 : Y.element) || null;
           break;
         default:
           j.current = N;
@@ -557,12 +536,12 @@ var Tt = "div", Nt = J(function(o) {
     }), () => {
       O = !0;
     };
-  }, [e, T, h, D, N]);
-  const x = w ? !1 : i, p = !!s, I = !!C || !!c.initialFocus || !!x, v = W(
+  }, [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,
+    (m == null ? void 0 : m.combobox) || m,
     "contentElement"
   ), P = je(() => {
     if (!A || !v) return;
@@ -572,18 +551,18 @@ var Tt = "div", Nt = J(function(o) {
   }, [v, A]);
   return P !== void 0 && (c = E({
     preserveTabOrderAnchor: P
-  }, c)), c = Ce(k(E({
+  }, c)), c = xe(L(E({
     store: e,
     alwaysVisible: r,
     initialFocus: C,
-    autoFocusOnShow: p ? I && s : T || !!x
+    autoFocusOnShow: p ? D && s : T || !!x
   }, c), {
     hideOnEscape(O) {
-      return ye(a, O) ? !1 : (e == null || e.hideAll(), !0);
+      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 || !_ || (wt(_, "mouseout", O), !se(_)) ? !0 : (requestAnimationFrame(() => {
+      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;
     },
@@ -593,19 +572,19 @@ var Tt = "div", Nt = J(function(o) {
   })), c = E({
     "aria-labelledby": F
   }, c), c;
-}), Dt = Se(
+}), Nt = Se(
   te(function(o) {
-    const t = Nt(o);
-    return ne(Tt, t);
+    const t = Tt(o);
+    return ne(Ct, t);
   }),
   ae
 );
-function It(n = {}) {
-  const o = Ne(n);
+function Rt(n = {}) {
+  const o = Te(n);
   return /* @__PURE__ */ y(Ee, { value: o, children: n.children });
 }
-var Rt = "button";
-function kt(n, o) {
+var Dt = "button";
+function It(n, o) {
   return {
     ArrowDown: o === "bottom" || o === "top" ? "first" : !1,
     ArrowUp: o === "bottom" || o === "top" ? "last" : !1,
@@ -623,7 +602,7 @@ var Lt = J(
       focusable: i,
       accessibleWhenDisabled: u,
       showOnHover: a
-    } = t, s = $(t, [
+    } = t, s = K(t, [
       "store",
       "focusable",
       "accessibleWhenDisabled",
@@ -634,46 +613,46 @@ var Lt = 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 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) || !d) return;
-      const { items: I } = b.getState();
-      Me(I, p.currentTarget) && w();
+      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 I = kt(p, F);
-      I && (p.preventDefault(), w(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(I));
+      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 I = !p.detail, { open: v } = e.getState();
-      (!v || I) && ((!m || I) && e.setAutoFocusOnShow(!0), e.setInitialFocus(I ? "first" : "container")), m && w();
+      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]
-    ), m && (s = k(E({}, s), {
-      render: /* @__PURE__ */ y(rt.div, { render: s.render })
+    ), d && (s = L(E({}, s), {
+      render: /* @__PURE__ */ y(Qe.div, { render: s.render })
     }));
-    const h = Fe(s.id), N = W(
+    const h = Ae(s.id), N = W(
       (c == null ? void 0 : c.combobox) || c,
       "contentElement"
-    ), D = m || d ? Mt(N, "menuitem") : void 0, x = e.useState("contentElement");
-    return s = k(E({
+    ), R = d || m ? ht(N, "menuitem") : void 0, x = e.useState("contentElement");
+    return s = L(E({
       id: h,
-      role: D,
-      "aria-haspopup": gt(x, "menu")
+      role: R,
+      "aria-haspopup": bt(x, "menu")
     }, s), {
       ref: ee(r, s.ref),
       onFocus: f,
       onKeyDown: C,
       onClick: T
-    }), s = Te(k(E({
+    }), s = Ce(L(E({
       store: e,
       focusable: i,
       accessibleWhenDisabled: u
@@ -682,42 +661,69 @@ var Lt = J(
         if (!(() => {
           if (typeof a == "function") return a(p);
           if (a != null) return a;
-          if (m) return !0;
+          if (d) return !0;
           if (!b) return !1;
           const { items: P } = b.getState();
-          return d && Me(P);
+          return m && Me(P);
         })()) return !1;
-        const A = d ? b : c;
+        const A = m ? b : c;
         return A && A.setActiveId(p.currentTarget.id), !0;
       }
-    })), s = st(E({
+    })), s = et(E({
       store: e,
-      toggleOnClick: !m,
+      toggleOnClick: !d,
       focusable: i,
       accessibleWhenDisabled: u
-    }, s)), s = Pe(E({
+    }, s)), s = Fe(E({
       store: e,
-      typeahead: d
+      typeahead: m
     }, s)), s;
   }
-), Vt = te(function(o) {
+), kt = te(function(o) {
   const t = Lt(o);
-  return ne(Rt, t);
+  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 || Ze, t = Ne();
-  return /* @__PURE__ */ oe(It, { store: t, children: [
+  const o = n.icon || $e, t = Te();
+  return /* @__PURE__ */ oe(Rt, { store: t, children: [
     /* @__PURE__ */ oe(
-      Vt,
+      kt,
       {
         className: "component-menu__item component-menu__item--submenu",
-        render: /* @__PURE__ */ y(Ge, {}),
+        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(He, { className: "component-menu__item__icon component-menu__item__icon--submenu-indicator" })
+              /* @__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 })
           ] })
@@ -725,7 +731,7 @@ const Bt = ({ item: n }) => {
       }
     ),
     /* @__PURE__ */ y(
-      Dt,
+      Nt,
       {
         gutter: 12,
         shift: 0,
@@ -740,19 +746,19 @@ const Bt = ({ item: n }) => {
 }, jt = ({ item: n }) => {
   switch (n.type) {
     case "action":
-      return /* @__PURE__ */ y(Re, { item: n });
+      return /* @__PURE__ */ y(Ie, { item: n });
     case "toggle":
-      return /* @__PURE__ */ y($e, { item: n });
+      return /* @__PURE__ */ y(Ke, { item: n });
     case "submenu":
       return /* @__PURE__ */ y(Bt, { item: n });
     case "separator":
-      return /* @__PURE__ */ y(ke, {});
+      return /* @__PURE__ */ y(Le, {});
   }
 };
 export {
-  It as M,
+  Rt as M,
   Bt as S,
-  Vt as a,
-  Dt as b,
+  kt as a,
+  Nt as b,
   jt as c
 };