boreal-ui 0.0.899-experimental.4 → 0.0.899

package/dist/core/Menu-B90TbWpJ.js

@@ -0,0 +1,563 @@
+import { jsxs as K, jsx as b, Fragment as rn } from "react/jsx-runtime";
+import { e as un } from "./propAliases-C-VkrhZR.js";
+import Te, { useState as P, useRef as ee, useId as on, useCallback as _, useLayoutEffect as sn, useEffect as fe, useMemo as ln } from "react";
+import { c as g } from "./classNames-Dz0_huu_.js";
+import { c as ne } from "./capitalize-D_pj4b3P.js";
+import { g as dn, f as cn, b as mn, a as fn } from "./styleConfig-4yWEoquf.js";
+import './Menu.css';const B = "root", i = 8, bn = (o, p) => o ? `${o}.${p}` : `${p}`, hn = (o) => {
+  const p = o.split(".");
+  return p.length > 1 ? p.slice(0, -1).join(".") : null;
+}, Ae = (o) => Array.isArray(o.items) && o.items.length > 0, be = (o, p) => o === p || (o == null ? void 0 : o.startsWith(`${p}.`)) === !0, De = (o) => o.getAttribute("aria-disabled") === "true" || o instanceof HTMLButtonElement && o.disabled, Re = ({
+  items: o,
+  children: p,
+  trigger: I,
+  open: he,
+  defaultOpen: We = !1,
+  position: q,
+  activation: te = I ? "click" : "contextmenu",
+  onOpenChange: F,
+  onPositionChange: Y,
+  closeOnSelect: ve = !0,
+  focusFirstItemOnOpen: ye = !0,
+  theme: ae = dn(),
+  glass: re = cn(),
+  rounding: A = mn(),
+  shadow: D = fn(),
+  state: R,
+  className: He,
+  targetClassName: Me,
+  triggerClassName: pe,
+  menuClassName: we,
+  itemClassName: Oe,
+  id: Be,
+  menuId: qe,
+  "aria-label": Fe = "Context menu",
+  "aria-labelledby": _e,
+  "aria-describedby": Ye,
+  "data-testid": je,
+  testId: x = je ?? "menu",
+  triggerProps: m,
+  menuProps: w,
+  onKeyDown: ue,
+  classMap: r,
+  ...S
+}) => {
+  const [ze, Xe] = P(We), [Ge, Ue] = P(
+    q ?? { x: 0, y: 0 }
+  ), [ge, W] = P(null), [oe, xe] = P(
+    {}
+  ), se = ee(null), le = ee(null), j = ee(null), $ = ee(null), Ve = on(), ke = he !== void 0, f = he ?? ze, z = qe ?? `${Ve}-menu`, X = q ?? Ge, de = Te.isValidElement(I), G = _(
+    (e) => {
+      ke || Xe(e), e || W(null), F == null || F(e);
+    },
+    [ke, F]
+  ), Ne = _(
+    (e) => {
+      q || Ue(e), Y == null || Y(e);
+    },
+    [Y, q]
+  ), U = _(
+    (e) => {
+      Ne(e), G(!0);
+    },
+    [Ne, G]
+  ), v = _(() => {
+    var e;
+    G(!1), (e = j.current) == null || e.focus();
+  }, [G]), H = _((e) => e ? Array.from(
+    e.querySelectorAll('[data-menu-item="true"]')
+  ).filter((t) => t.closest("[data-menu-panel]") === e && !De(t)) : [], []), V = _(
+    (e, t) => {
+      var u;
+      const n = H(e);
+      if (n.length === 0) return;
+      const s = (t + n.length) % n.length;
+      (u = n[s]) == null || u.focus();
+    },
+    [H]
+  ), ie = _(
+    (e) => {
+      var t;
+      (t = H(e)[0]) == null || t.focus();
+    },
+    [H]
+  ), E = _(() => {
+    if (!f || !$.current) {
+      xe({});
+      return;
+    }
+    const e = window.innerWidth || document.documentElement.clientWidth || 0, t = window.innerHeight || document.documentElement.clientHeight || 0, n = `${Math.max(120, t - i * 2)}px`, s = `${Math.max(160, e - i * 2)}px`, u = [
+      $.current,
+      ...Array.from(
+        $.current.querySelectorAll("[data-menu-panel]")
+      )
+    ], h = {};
+    u.forEach((c) => {
+      const a = c.dataset.menuPanelPath ?? B, l = c.getBoundingClientRect(), y = {
+        "--menu-panel-max-height": n,
+        "--menu-panel-max-width": s
+      };
+      if (a === B) {
+        const O = Math.min(
+          Math.max(i, X.x),
+          Math.max(
+            i,
+            e - l.width - i
+          )
+        ), Z = Math.min(
+          Math.max(i, X.y),
+          Math.max(
+            i,
+            t - l.height - i
+          )
+        );
+        y.left = `${Math.round(O)}px`, y.top = `${Math.round(Z)}px`, h[a] = { style: y };
+        return;
+      }
+      const C = c.closest(
+        '[data-menu-item-wrapper="true"]'
+      ), k = C == null ? void 0 : C.getBoundingClientRect(), L = Math.max(l.width, c.offsetWidth, 160), M = k ? e - k.right - i : e - l.right - i, J = k ? k.left - i : l.left - i, Q = M >= L || M >= J ? "right" : "left";
+      let N = 0;
+      l.bottom > t - i && (N -= l.bottom - (t - i)), l.top + N < i && (N += i - (l.top + N)), y["--menu-panel-offset-y"] = `${Math.round(N)}px`, h[a] = { placement: Q, style: y };
+    }), xe(h);
+  }, [f, X.x, X.y]);
+  sn(() => {
+    f && E();
+  }, [f, o, ge, E]), fe(() => {
+    if (f)
+      return window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), () => {
+        window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
+      };
+  }, [f, E]), fe(() => {
+    !f || !ye || ie($.current);
+  }, [ye, ie, f]), fe(() => {
+    if (!f) return;
+    const e = (t) => {
+      var n;
+      (n = se.current) != null && n.contains(t.target) || v();
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [v, f]);
+  const Je = ln(
+    () => g(
+      r.menu,
+      r[ae],
+      R && r[R],
+      re && r.glass,
+      D && r[`shadow${ne(D)}`],
+      A && r[`round${ne(A)}`],
+      we,
+      w == null ? void 0 : w.className
+    ),
+    [
+      r,
+      re,
+      we,
+      w == null ? void 0 : w.className,
+      A,
+      D,
+      R,
+      ae
+    ]
+  ), Qe = (e) => g(
+    r.menu,
+    r.submenu,
+    e && r.submenuOpen,
+    r[ae],
+    R && r[R],
+    re && r.glass,
+    D && r[`shadow${ne(D)}`],
+    A && r[`round${ne(A)}`]
+  ), ce = oe[B], Ze = (e) => {
+    var t;
+    (t = S.onContextMenu) == null || t.call(S, e), !(e.defaultPrevented || !["contextmenu", "both"].includes(te)) && (e.preventDefault(), U({ x: e.clientX, y: e.clientY }));
+  }, Ke = (e) => {
+    var s, u, h, c;
+    if ((s = S.onClick) == null || s.call(S, e), e.defaultPrevented || !["click", "both"].includes(te))
+      return;
+    const t = e.target;
+    if ((u = $.current) != null && u.contains(t) || (h = j.current) != null && h.contains(t))
+      return;
+    const n = (c = le.current) == null ? void 0 : c.getBoundingClientRect();
+    U({
+      x: (n == null ? void 0 : n.left) ?? e.clientX,
+      y: (n == null ? void 0 : n.bottom) ?? e.clientY
+    });
+  }, Ie = (e) => {
+    var n, s;
+    if ((n = m == null ? void 0 : m.onClick) == null || n.call(
+      m,
+      e
+    ), e.defaultPrevented) return;
+    e.stopPropagation();
+    const t = (s = j.current) == null ? void 0 : s.getBoundingClientRect();
+    U({
+      x: (t == null ? void 0 : t.left) ?? e.clientX,
+      y: (t == null ? void 0 : t.bottom) ?? e.clientY
+    });
+  }, Se = _(
+    (e) => {
+      if (j.current = e, !de) return;
+      const n = I.props.ref;
+      typeof n == "function" ? n(e) : n && "current" in n && (n.current = e);
+    },
+    [de, I]
+  ), Pe = () => {
+    if (!I) return null;
+    if (de) {
+      const e = I;
+      return Te.cloneElement(e, {
+        ref: Se,
+        className: g(
+          e.props.className,
+          pe,
+          m == null ? void 0 : m.className
+        ),
+        "aria-haspopup": "menu",
+        "aria-expanded": f,
+        "aria-controls": z,
+        "data-testid": `${x}-trigger`,
+        onClick: (t) => {
+          var n, s;
+          (s = (n = e.props).onClick) == null || s.call(n, t), !t.defaultPrevented && Ie(t);
+        }
+      });
+    }
+    return /* @__PURE__ */ b(
+      "button",
+      {
+        ...m,
+        ref: Se,
+        type: (m == null ? void 0 : m.type) ?? "button",
+        className: g(
+          r.trigger,
+          r.triggerPlain,
+          pe,
+          m == null ? void 0 : m.className
+        ),
+        "aria-haspopup": "menu",
+        "aria-expanded": f,
+        "aria-controls": z,
+        "data-testid": `${x}-trigger`,
+        onClick: (e) => Ie(e),
+        children: I
+      }
+    );
+  }, $e = (e, t) => {
+    var n, s;
+    e.stopPropagation(), !(t.disabled || Ae(t)) && ((n = t.onSelect) == null || n.call(t, e), (s = t.onClick) == null || s.call(t), !e.defaultPrevented && ve && v());
+  }, en = (e) => {
+    const t = () => {
+      const n = document.getElementById(e);
+      n instanceof HTMLElement && ie(n);
+    };
+    window.requestAnimationFrame ? window.requestAnimationFrame(t) : window.setTimeout(t);
+  }, nn = (e) => {
+    var h, c;
+    if (ue == null || ue(e), e.defaultPrevented) return;
+    if (!f && (e.key === "ContextMenu" || e.shiftKey && e.key === "F10")) {
+      e.preventDefault();
+      const a = (h = le.current) == null ? void 0 : h.getBoundingClientRect();
+      U({
+        x: (a == null ? void 0 : a.left) ?? i,
+        y: (a == null ? void 0 : a.bottom) ?? i
+      });
+      return;
+    }
+    if (!f) return;
+    const t = document.activeElement instanceof HTMLElement ? document.activeElement : null, n = (t == null ? void 0 : t.closest("[data-menu-panel]")) ?? $.current, s = H(n), u = t ? s.indexOf(t) : -1;
+    if (e.key === "Escape") {
+      e.preventDefault(), v();
+      return;
+    }
+    if (e.key === "Tab") {
+      v();
+      return;
+    }
+    if (e.key === "ArrowDown") {
+      e.preventDefault(), V(n, u + 1);
+      return;
+    }
+    if (e.key === "ArrowUp") {
+      e.preventDefault(), V(
+        n,
+        u < 0 ? s.length - 1 : u - 1
+      );
+      return;
+    }
+    if (e.key === "Home") {
+      e.preventDefault(), V(n, 0);
+      return;
+    }
+    if (e.key === "End") {
+      e.preventDefault(), V(n, s.length - 1);
+      return;
+    }
+    if (e.key === "ArrowRight") {
+      const a = t == null ? void 0 : t.dataset.menuItemPath, l = t == null ? void 0 : t.getAttribute("aria-controls");
+      (t == null ? void 0 : t.dataset.menuHasSubmenu) === "true" && a && l && (e.preventDefault(), W(a), en(l));
+      return;
+    }
+    if (e.key === "ArrowLeft") {
+      const a = n == null ? void 0 : n.dataset.menuPanelPath;
+      if (a && a !== B) {
+        e.preventDefault();
+        const l = hn(a);
+        W(l);
+        const y = (c = se.current) == null ? void 0 : c.querySelector(
+          `[data-menu-item-path="${a}"][data-menu-item="true"]`
+        );
+        y == null || y.focus();
+      }
+      return;
+    }
+    if (e.key === "Enter" || e.key === " ") {
+      const a = (t == null ? void 0 : t.dataset.menuItem) === "true" ? t : null;
+      if (!a || De(a)) return;
+      e.preventDefault(), a.click();
+    }
+  }, me = (e, t) => /* @__PURE__ */ K(rn, { children: [
+    /* @__PURE__ */ K("span", { className: r.itemContent, children: [
+      e.icon && /* @__PURE__ */ b("span", { className: r.icon, "aria-hidden": "true", children: e.icon }),
+      e.label && /* @__PURE__ */ b("span", { className: r.label, children: e.label })
+    ] }),
+    e.shortcut && /* @__PURE__ */ b("span", { className: r.shortcut, "aria-hidden": "true", children: e.shortcut }),
+    t && /* @__PURE__ */ b("span", { className: r.submenuIndicator, "aria-hidden": "true", children: ">" })
+  ] }), Ee = (e, t = "") => e.map((n, s) => {
+    var Z, Ce;
+    const u = bn(t, s), h = n.type ?? "item", c = n["data-testid"] ?? n.testId;
+    if (h === "separator")
+      return /* @__PURE__ */ b(
+        "div",
+        {
+          role: "separator",
+          className: r.separator,
+          "data-testid": c ?? `${x}-${u}-separator`
+        },
+        n.id ?? u
+      );
+    if (h === "label")
+      return /* @__PURE__ */ b(
+        "div",
+        {
+          role: "none",
+          className: g(r.sectionLabel, n.className),
+          "data-testid": c ?? `${x}-${u}-label`,
+          children: n.label
+        },
+        n.id ?? u
+      );
+    const a = Ae(n), l = a && be(ge, u), y = n.submenuId ?? `${z}-${u}-submenu`, C = n.role ?? "menuitem", k = (d = !0) => {
+      a && !n.disabled && W(
+        (T) => d && T && be(T, u) ? T : u
+      );
+    }, L = () => k(!1), M = () => {
+      a || W((d) => d && (t ? be(d, t) ? t : d : null));
+    }, J = () => {
+      if (a) {
+        k();
+        return;
+      }
+      M();
+    }, Q = () => {
+      k();
+    }, N = (d) => {
+      const T = d.target, tn = d.currentTarget.closest("[data-menu-panel]"), Le = T.closest("[data-menu-panel]"), an = T.closest('[data-menu-item-wrapper="true"]');
+      Le && Le !== tn || an === d.currentTarget && (a ? L() : M());
+    }, O = {
+      id: n.id,
+      className: g(
+        r.item,
+        n.destructive && r.destructive,
+        n.inset && r.inset,
+        a && r.submenuTrigger,
+        n.disabled && r.disabled,
+        Oe,
+        n.className
+      ),
+      role: C,
+      title: n.title,
+      "aria-label": n["aria-label"],
+      "aria-describedby": n["aria-describedby"],
+      "aria-current": n["aria-current"],
+      "aria-disabled": n.disabled || void 0,
+      "aria-checked": C === "menuitemcheckbox" || C === "menuitemradio" ? n.checked : void 0,
+      "aria-haspopup": a ? "menu" : void 0,
+      "aria-expanded": a ? l : void 0,
+      "aria-controls": a ? y : void 0,
+      "data-menu-item": "true",
+      "data-menu-item-path": u,
+      "data-menu-has-submenu": a ? "true" : void 0,
+      "data-testid": c
+    };
+    return /* @__PURE__ */ K(
+      "div",
+      {
+        className: g(
+          r.itemWrapper,
+          a && r.hasSubmenu
+        ),
+        role: "group",
+        "data-menu-item-wrapper": "true",
+        "data-menu-item-path": u,
+        onMouseEnter: J,
+        onMouseOver: N,
+        onPointerEnter: J,
+        onPointerOver: N,
+        children: [
+          a ? /* @__PURE__ */ b(
+            "button",
+            {
+              type: "button",
+              disabled: n.disabled,
+              ...O,
+              onMouseEnter: Q,
+              onMouseOver: L,
+              onPointerEnter: Q,
+              onPointerOver: L,
+              onClick: (d) => {
+                d.stopPropagation(), L();
+              },
+              children: me(n, !0)
+            }
+          ) : n.href ? /* @__PURE__ */ b(
+            "a",
+            {
+              href: n.disabled ? void 0 : n.href,
+              target: n.disabled ? void 0 : n.target,
+              rel: n.rel ?? (n.target === "_blank" ? "noopener noreferrer" : void 0),
+              ...O,
+              onClick: (d) => {
+                if (d.stopPropagation(), n.disabled) {
+                  d.preventDefault();
+                  return;
+                }
+                $e(d, n);
+              },
+              children: me(n, !1)
+            }
+          ) : /* @__PURE__ */ b(
+            "button",
+            {
+              type: "button",
+              disabled: n.disabled,
+              ...O,
+              onClick: (d) => $e(d, n),
+              children: me(n, !1)
+            }
+          ),
+          a && l && /* @__PURE__ */ b(
+            "div",
+            {
+              id: y,
+              role: "menu",
+              "aria-label": n.submenuAriaLabel ?? (typeof n.label == "string" ? n.label : void 0),
+              className: Qe(l),
+              "data-menu-panel": "true",
+              "data-menu-panel-path": u,
+              "data-placement": (Z = oe[u]) == null ? void 0 : Z.placement,
+              "data-testid": c ? `${c}-submenu` : `${x}-${u}-submenu`,
+              style: (Ce = oe[u]) == null ? void 0 : Ce.style,
+              children: Ee(n.items ?? [], u)
+            }
+          )
+        ]
+      },
+      n.id ?? u
+    );
+  });
+  return /* @__PURE__ */ K(
+    "div",
+    {
+      ...S,
+      id: Be,
+      ref: se,
+      className: g(r.wrapper, He),
+      "data-testid": x,
+      onContextMenu: Ze,
+      onClick: Ke,
+      onKeyDown: nn,
+      children: [
+        Pe(),
+        p && /* @__PURE__ */ b(
+          "div",
+          {
+            ref: le,
+            className: g(r.target, Me),
+            tabIndex: te === "manual" ? void 0 : 0,
+            "data-testid": `${x}-target`,
+            children: p
+          }
+        ),
+        f && /* @__PURE__ */ b(
+          "div",
+          {
+            ...w,
+            id: z,
+            ref: $,
+            role: "menu",
+            "aria-label": _e ? void 0 : Fe,
+            "aria-labelledby": _e,
+            "aria-describedby": Ye,
+            className: Je,
+            "data-menu-panel": "true",
+            "data-menu-panel-path": B,
+            "data-testid": `${x}-menu`,
+            style: {
+              ...ce == null ? void 0 : ce.style,
+              ...w == null ? void 0 : w.style
+            },
+            children: Ee(o)
+          }
+        )
+      ]
+    }
+  );
+};
+Re.displayName = "BaseMenu";
+const yn = {
+  wrapper: "menu",
+  target: "menu_target",
+  trigger: "menu_trigger",
+  triggerPlain: "menu_triggerPlain",
+  menu: "menu_panel",
+  item: "menu_item",
+  itemWrapper: "menu_itemWrapper",
+  itemContent: "menu_itemContent",
+  icon: "menu_icon",
+  label: "menu_label",
+  shortcut: "menu_shortcut",
+  separator: "menu_separator",
+  sectionLabel: "menu_sectionLabel",
+  hasSubmenu: "menu_hasSubmenu",
+  submenu: "menu_submenu",
+  submenuOpen: "menu_submenu_open",
+  submenuTrigger: "menu_submenuTrigger",
+  submenuIndicator: "menu_submenuIndicator",
+  destructive: "menu_destructive",
+  inset: "menu_inset",
+  primary: "menu_primary",
+  secondary: "menu_secondary",
+  tertiary: "menu_tertiary",
+  quaternary: "menu_quaternary",
+  clear: "menu_clear",
+  success: "menu_success",
+  info: "menu_info",
+  error: "menu_error",
+  warning: "menu_warning",
+  disabled: "menu_disabled",
+  glass: "menu_glass",
+  shadowNone: "menu_shadow-None",
+  shadowLight: "menu_shadow-Light",
+  shadowMedium: "menu_shadow-Medium",
+  shadowStrong: "menu_shadow-Strong",
+  shadowIntense: "menu_shadow-Intense",
+  roundNone: "menu_round-None",
+  roundSmall: "menu_round-Small",
+  roundMedium: "menu_round-Medium",
+  roundLarge: "menu_round-Large"
+}, pn = (o) => /* @__PURE__ */ b(Re, { ...o, classMap: un(yn) });
+pn.displayName = "Menu";
+export {
+  pn as M
+};

package/dist/core/Menu-CXmtgHBx.cjs

@@ -0,0 +1 @@
+"use strict";require('./Menu.css');const i=require("react/jsx-runtime"),nn=require("./propAliases-Bfsf5cJN.cjs"),s=require("react"),_=require("./classNames-C7V3kfBj.cjs"),K=require("./capitalize-CnTiekgk.cjs"),P=require("./styleConfig-BB8MdwYx.cjs"),M="root",m=8,tn=(o,x)=>o?`${o}.${x}`:`${x}`,an=o=>{const x=o.split(".");return x.length>1?x.slice(0,-1).join("."):null},Ee=o=>Array.isArray(o.items)&&o.items.length>0,de=(o,x)=>o===x||(o==null?void 0:o.startsWith(`${x}.`))===!0,$e=o=>o.getAttribute("aria-disabled")==="true"||o instanceof HTMLButtonElement&&o.disabled,Le=({items:o,children:x,trigger:C,open:me,defaultOpen:Te=!1,position:O,activation:ee=C?"click":"contextmenu",onOpenChange:B,onPositionChange:z,closeOnSelect:je=!0,focusFirstItemOnOpen:fe=!0,theme:ne=P.getDefaultTheme(),glass:te=P.getDefaultGlass(),rounding:T=P.getDefaultRounding(),shadow:j=P.getDefaultShadow(),state:A,className:Ae,targetClassName:De,triggerClassName:be,menuClassName:he,itemClassName:qe,id:We,menuId:ve,"aria-label":He="Context menu","aria-labelledby":ye,"aria-describedby":Me,"data-testid":Oe,testId:N=Oe??"menu",triggerProps:b,menuProps:w,onKeyDown:ae,classMap:u,...S})=>{const[Be,ze]=s.useState(Te),[Fe,Ye]=s.useState(O??{x:0,y:0}),[pe,D]=s.useState(null),[ue,xe]=s.useState({}),re=s.useRef(null),se=s.useRef(null),F=s.useRef(null),I=s.useRef(null),Xe=s.useId(),we=me!==void 0,h=me??Be,Y=ve??`${Xe}-menu`,X=O??Fe,oe=s.isValidElement(C),G=s.useCallback(e=>{we||ze(e),e||D(null),B==null||B(e)},[we,B]),_e=s.useCallback(e=>{O||Ye(e),z==null||z(e)},[z,O]),U=s.useCallback(e=>{_e(e),G(!0)},[_e,G]),q=s.useCallback(()=>{var e;G(!1),(e=F.current)==null||e.focus()},[G]),W=s.useCallback(e=>e?Array.from(e.querySelectorAll('[data-menu-item="true"]')).filter(t=>t.closest("[data-menu-panel]")===e&&!$e(t)):[],[]),V=s.useCallback((e,t)=>{var r;const n=W(e);if(n.length===0)return;const l=(t+n.length)%n.length;(r=n[l])==null||r.focus()},[W]),le=s.useCallback(e=>{var t;(t=W(e)[0])==null||t.focus()},[W]),E=s.useCallback(()=>{if(!h||!I.current){xe({});return}const e=window.innerWidth||document.documentElement.clientWidth||0,t=window.innerHeight||document.documentElement.clientHeight||0,n=`${Math.max(120,t-m*2)}px`,l=`${Math.max(160,e-m*2)}px`,r=[I.current,...Array.from(I.current.querySelectorAll("[data-menu-panel]"))],y={};r.forEach(f=>{const a=f.dataset.menuPanelPath??M,c=f.getBoundingClientRect(),p={"--menu-panel-max-height":n,"--menu-panel-max-width":l};if(a===M){const H=Math.min(Math.max(m,X.x),Math.max(m,e-c.width-m)),Z=Math.min(Math.max(m,X.y),Math.max(m,t-c.height-m));p.left=`${Math.round(H)}px`,p.top=`${Math.round(Z)}px`,y[a]={style:p};return}const $=f.closest('[data-menu-item-wrapper="true"]'),g=$==null?void 0:$.getBoundingClientRect(),L=Math.max(c.width,f.offsetWidth,160),v=g?e-g.right-m:e-c.right-m,J=g?g.left-m:c.left-m,Q=v>=L||v>=J?"right":"left";let k=0;c.bottom>t-m&&(k-=c.bottom-(t-m)),c.top+k<m&&(k+=m-(c.top+k)),p["--menu-panel-offset-y"]=`${Math.round(k)}px`,y[a]={placement:Q,style:p}}),xe(y)},[h,X.x,X.y]);s.useLayoutEffect(()=>{h&&E()},[h,o,pe,E]),s.useEffect(()=>{if(h)return window.addEventListener("resize",E),window.addEventListener("scroll",E,!0),()=>{window.removeEventListener("resize",E),window.removeEventListener("scroll",E,!0)}},[h,E]),s.useEffect(()=>{!h||!fe||le(I.current)},[fe,le,h]),s.useEffect(()=>{if(!h)return;const e=t=>{var n;(n=re.current)!=null&&n.contains(t.target)||q()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[q,h]);const Ge=s.useMemo(()=>_.combineClassNames(u.menu,u[ne],A&&u[A],te&&u.glass,j&&u[`shadow${K.capitalize(j)}`],T&&u[`round${K.capitalize(T)}`],he,w==null?void 0:w.className),[u,te,he,w==null?void 0:w.className,T,j,A,ne]),Ue=e=>_.combineClassNames(u.menu,u.submenu,e&&u.submenuOpen,u[ne],A&&u[A],te&&u.glass,j&&u[`shadow${K.capitalize(j)}`],T&&u[`round${K.capitalize(T)}`]),ie=ue[M],Ve=e=>{var t;(t=S.onContextMenu)==null||t.call(S,e),!(e.defaultPrevented||!["contextmenu","both"].includes(ee))&&(e.preventDefault(),U({x:e.clientX,y:e.clientY}))},Je=e=>{var l,r,y,f;if((l=S.onClick)==null||l.call(S,e),e.defaultPrevented||!["click","both"].includes(ee))return;const t=e.target;if((r=I.current)!=null&&r.contains(t)||(y=F.current)!=null&&y.contains(t))return;const n=(f=se.current)==null?void 0:f.getBoundingClientRect();U({x:(n==null?void 0:n.left)??e.clientX,y:(n==null?void 0:n.bottom)??e.clientY})},Ne=e=>{var n,l;if((n=b==null?void 0:b.onClick)==null||n.call(b,e),e.defaultPrevented)return;e.stopPropagation();const t=(l=F.current)==null?void 0:l.getBoundingClientRect();U({x:(t==null?void 0:t.left)??e.clientX,y:(t==null?void 0:t.bottom)??e.clientY})},ge=s.useCallback(e=>{if(F.current=e,!oe)return;const n=C.props.ref;typeof n=="function"?n(e):n&&"current"in n&&(n.current=e)},[oe,C]),Qe=()=>{if(!C)return null;if(oe){const e=C;return s.cloneElement(e,{ref:ge,className:_.combineClassNames(e.props.className,be,b==null?void 0:b.className),"aria-haspopup":"menu","aria-expanded":h,"aria-controls":Y,"data-testid":`${N}-trigger`,onClick:t=>{var n,l;(l=(n=e.props).onClick)==null||l.call(n,t),!t.defaultPrevented&&Ne(t)}})}return i.jsx("button",{...b,ref:ge,type:(b==null?void 0:b.type)??"button",className:_.combineClassNames(u.trigger,u.triggerPlain,be,b==null?void 0:b.className),"aria-haspopup":"menu","aria-expanded":h,"aria-controls":Y,"data-testid":`${N}-trigger`,onClick:e=>Ne(e),children:C})},ke=(e,t)=>{var n,l;e.stopPropagation(),!(t.disabled||Ee(t))&&((n=t.onSelect)==null||n.call(t,e),(l=t.onClick)==null||l.call(t),!e.defaultPrevented&&je&&q())},Ze=e=>{const t=()=>{const n=document.getElementById(e);n instanceof HTMLElement&&le(n)};window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t)},Ke=e=>{var y,f;if(ae==null||ae(e),e.defaultPrevented)return;if(!h&&(e.key==="ContextMenu"||e.shiftKey&&e.key==="F10")){e.preventDefault();const a=(y=se.current)==null?void 0:y.getBoundingClientRect();U({x:(a==null?void 0:a.left)??m,y:(a==null?void 0:a.bottom)??m});return}if(!h)return;const t=document.activeElement instanceof HTMLElement?document.activeElement:null,n=(t==null?void 0:t.closest("[data-menu-panel]"))??I.current,l=W(n),r=t?l.indexOf(t):-1;if(e.key==="Escape"){e.preventDefault(),q();return}if(e.key==="Tab"){q();return}if(e.key==="ArrowDown"){e.preventDefault(),V(n,r+1);return}if(e.key==="ArrowUp"){e.preventDefault(),V(n,r<0?l.length-1:r-1);return}if(e.key==="Home"){e.preventDefault(),V(n,0);return}if(e.key==="End"){e.preventDefault(),V(n,l.length-1);return}if(e.key==="ArrowRight"){const a=t==null?void 0:t.dataset.menuItemPath,c=t==null?void 0:t.getAttribute("aria-controls");(t==null?void 0:t.dataset.menuHasSubmenu)==="true"&&a&&c&&(e.preventDefault(),D(a),Ze(c));return}if(e.key==="ArrowLeft"){const a=n==null?void 0:n.dataset.menuPanelPath;if(a&&a!==M){e.preventDefault();const c=an(a);D(c);const p=(f=re.current)==null?void 0:f.querySelector(`[data-menu-item-path="${a}"][data-menu-item="true"]`);p==null||p.focus()}return}if(e.key==="Enter"||e.key===" "){const a=(t==null?void 0:t.dataset.menuItem)==="true"?t:null;if(!a||$e(a))return;e.preventDefault(),a.click()}},ce=(e,t)=>i.jsxs(i.Fragment,{children:[i.jsxs("span",{className:u.itemContent,children:[e.icon&&i.jsx("span",{className:u.icon,"aria-hidden":"true",children:e.icon}),e.label&&i.jsx("span",{className:u.label,children:e.label})]}),e.shortcut&&i.jsx("span",{className:u.shortcut,"aria-hidden":"true",children:e.shortcut}),t&&i.jsx("span",{className:u.submenuIndicator,"aria-hidden":"true",children:">"})]}),Ce=(e,t="")=>e.map((n,l)=>{var Z,Se;const r=tn(t,l),y=n.type??"item",f=n["data-testid"]??n.testId;if(y==="separator")return i.jsx("div",{role:"separator",className:u.separator,"data-testid":f??`${N}-${r}-separator`},n.id??r);if(y==="label")return i.jsx("div",{role:"none",className:_.combineClassNames(u.sectionLabel,n.className),"data-testid":f??`${N}-${r}-label`,children:n.label},n.id??r);const a=Ee(n),c=a&&de(pe,r),p=n.submenuId??`${Y}-${r}-submenu`,$=n.role??"menuitem",g=(d=!0)=>{a&&!n.disabled&&D(R=>d&&R&&de(R,r)?R:r)},L=()=>g(!1),v=()=>{a||D(d=>d&&(t?de(d,t)?t:d:null))},J=()=>{if(a){g();return}v()},Q=()=>{g()},k=d=>{const R=d.target,Pe=d.currentTarget.closest("[data-menu-panel]"),Ie=R.closest("[data-menu-panel]"),en=R.closest('[data-menu-item-wrapper="true"]');Ie&&Ie!==Pe||en===d.currentTarget&&(a?L():v())},H={id:n.id,className:_.combineClassNames(u.item,n.destructive&&u.destructive,n.inset&&u.inset,a&&u.submenuTrigger,n.disabled&&u.disabled,qe,n.className),role:$,title:n.title,"aria-label":n["aria-label"],"aria-describedby":n["aria-describedby"],"aria-current":n["aria-current"],"aria-disabled":n.disabled||void 0,"aria-checked":$==="menuitemcheckbox"||$==="menuitemradio"?n.checked:void 0,"aria-haspopup":a?"menu":void 0,"aria-expanded":a?c:void 0,"aria-controls":a?p:void 0,"data-menu-item":"true","data-menu-item-path":r,"data-menu-has-submenu":a?"true":void 0,"data-testid":f};return i.jsxs("div",{className:_.combineClassNames(u.itemWrapper,a&&u.hasSubmenu),role:"group","data-menu-item-wrapper":"true","data-menu-item-path":r,onMouseEnter:J,onMouseOver:k,onPointerEnter:J,onPointerOver:k,children:[a?i.jsx("button",{type:"button",disabled:n.disabled,...H,onMouseEnter:Q,onMouseOver:L,onPointerEnter:Q,onPointerOver:L,onClick:d=>{d.stopPropagation(),L()},children:ce(n,!0)}):n.href?i.jsx("a",{href:n.disabled?void 0:n.href,target:n.disabled?void 0:n.target,rel:n.rel??(n.target==="_blank"?"noopener noreferrer":void 0),...H,onClick:d=>{if(d.stopPropagation(),n.disabled){d.preventDefault();return}ke(d,n)},children:ce(n,!1)}):i.jsx("button",{type:"button",disabled:n.disabled,...H,onClick:d=>ke(d,n),children:ce(n,!1)}),a&&c&&i.jsx("div",{id:p,role:"menu","aria-label":n.submenuAriaLabel??(typeof n.label=="string"?n.label:void 0),className:Ue(c),"data-menu-panel":"true","data-menu-panel-path":r,"data-placement":(Z=ue[r])==null?void 0:Z.placement,"data-testid":f?`${f}-submenu`:`${N}-${r}-submenu`,style:(Se=ue[r])==null?void 0:Se.style,children:Ce(n.items??[],r)})]},n.id??r)});return i.jsxs("div",{...S,id:We,ref:re,className:_.combineClassNames(u.wrapper,Ae),"data-testid":N,onContextMenu:Ve,onClick:Je,onKeyDown:Ke,children:[Qe(),x&&i.jsx("div",{ref:se,className:_.combineClassNames(u.target,De),tabIndex:ee==="manual"?void 0:0,"data-testid":`${N}-target`,children:x}),h&&i.jsx("div",{...w,id:Y,ref:I,role:"menu","aria-label":ye?void 0:He,"aria-labelledby":ye,"aria-describedby":Me,className:Ge,"data-menu-panel":"true","data-menu-panel-path":M,"data-testid":`${N}-menu`,style:{...ie==null?void 0:ie.style,...w==null?void 0:w.style},children:Ce(o)})]})};Le.displayName="BaseMenu";const un={wrapper:"menu",target:"menu_target",trigger:"menu_trigger",triggerPlain:"menu_triggerPlain",menu:"menu_panel",item:"menu_item",itemWrapper:"menu_itemWrapper",itemContent:"menu_itemContent",icon:"menu_icon",label:"menu_label",shortcut:"menu_shortcut",separator:"menu_separator",sectionLabel:"menu_sectionLabel",hasSubmenu:"menu_hasSubmenu",submenu:"menu_submenu",submenuOpen:"menu_submenu_open",submenuTrigger:"menu_submenuTrigger",submenuIndicator:"menu_submenuIndicator",destructive:"menu_destructive",inset:"menu_inset",primary:"menu_primary",secondary:"menu_secondary",tertiary:"menu_tertiary",quaternary:"menu_quaternary",clear:"menu_clear",success:"menu_success",info:"menu_info",error:"menu_error",warning:"menu_warning",disabled:"menu_disabled",glass:"menu_glass",shadowNone:"menu_shadow-None",shadowLight:"menu_shadow-Light",shadowMedium:"menu_shadow-Medium",shadowStrong:"menu_shadow-Strong",shadowIntense:"menu_shadow-Intense",roundNone:"menu_round-None",roundSmall:"menu_round-Small",roundMedium:"menu_round-Medium",roundLarge:"menu_round-Large"},Re=o=>i.jsx(Le,{...o,classMap:nn.expandClassMap(un)});Re.displayName="Menu";exports.Menu=Re;

package/dist/core/Menu.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Menu-BKciX3ik.cjs");exports.default=e.Menu;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Menu-CXmtgHBx.cjs");exports.default=e.Menu;

package/dist/core/Menu.css

@@ -1 +1 @@
-@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.menu{position:relative;display:inline-block;max-width:100%;font-family:var(--font-family-ui)}.menu_target{min-width:0;max-width:100%;outline:none}.menu_target:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px;border-radius:var(--border-radius-sm)}.menu_trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.menu_trigger:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.menu_triggerPlain{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--background-color-lighter);color:var(--text-color-primary);font-family:var(--font-family-ui);font-size:var(--font-size-label);line-height:var(--line-height-label);cursor:pointer;transition:background-color var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default)}.menu_triggerPlain:hover{background:var(--background-color-dark)}.menu_triggerCustom{padding:0;border-radius:inherit;line-height:inherit}.menu_triggerCustom:hover{background:transparent}.menu_panel{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);z-index:90;width:max-content;min-width:12rem;max-width:var(--menu-panel-max-width, calc(100vw - 1rem) );max-height:var(--menu-panel-max-height, calc(100vh - 1rem) );overflow:visible;padding:var(--spacing-xs) 0;border:1px solid var(--border-color);background:var(--background-color-lighter);color:var(--text-color-primary);font-family:var(--font-family-ui);font-size:var(--font-size-label);line-height:var(--line-height-label);box-shadow:var(--box-shadow-md);animation:fade-in .16s ease-in-out}.menu_panel:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.menu_panel.menu_primary{--menu-glass-bg: var(--primary-glass-background);--menu-glass-hover-bg: var(--primary-glass-background-hover);--menu-glass-border: var(--primary-glass-border);--menu-glass-text: var(--text-color-primary);--menu-item-hover-bg: var(--primary-color-hover);border-color:var(--primary-color)}.menu_panel.menu_secondary{--menu-glass-bg: var(--secondary-glass-background);--menu-glass-hover-bg: var(--secondary-glass-background-hover);--menu-glass-border: var(--secondary-glass-border);--menu-glass-text: var(--text-color-secondary);--menu-item-hover-bg: var(--secondary-color-hover);border-color:var(--secondary-color)}.menu_panel.menu_tertiary{--menu-glass-bg: var(--tertiary-glass-background);--menu-glass-hover-bg: var(--tertiary-glass-background-hover);--menu-glass-border: var(--tertiary-glass-border);--menu-glass-text: var(--text-color-tertiary);--menu-item-hover-bg: var(--tertiary-color-hover);border-color:var(--tertiary-color)}.menu_panel.menu_quaternary{--menu-glass-bg: var(--quaternary-glass-background);--menu-glass-hover-bg: var(--quaternary-glass-background-hover);--menu-glass-border: var(--quaternary-glass-border);--menu-glass-text: var(--text-color-quaternary);--menu-item-hover-bg: var(--quaternary-color-hover);border-color:var(--quaternary-color)}.menu_panel.menu_clear{--menu-glass-bg: var(--clear-glass-background);--menu-glass-hover-bg: var(--clear-glass-background-hover);--menu-glass-border: var(--clear-glass-border);--menu-glass-text: var(--text-color);--menu-item-hover-bg: rgba(0, 0, 0, .2);border-color:var(--border-color)}.menu_panel.menu_success{--menu-glass-bg: var(--success-glass-background);--menu-glass-hover-bg: var(--success-glass-background-hover);--menu-glass-border: var(--success-glass-border);--menu-glass-text: var(--success-text-color);--menu-item-hover-bg: var(--success-color-hover);border-color:var(--success-color)}.menu_panel.menu_error{--menu-glass-bg: var(--error-glass-background);--menu-glass-hover-bg: var(--error-glass-background-hover);--menu-glass-border: var(--error-glass-border);--menu-glass-text: var(--error-text-color);--menu-item-hover-bg: var(--error-color-hover);border-color:var(--error-color)}.menu_panel.menu_warning{--menu-glass-bg: var(--warning-glass-background);--menu-glass-hover-bg: var(--warning-glass-background-hover);--menu-glass-border: var(--warning-glass-border);--menu-glass-text: var(--warning-text-color);--menu-item-hover-bg: var(--warning-color-hover);border-color:var(--warning-color)}.menu_panel.menu_info{--menu-glass-bg: var(--info-glass-background);--menu-glass-hover-bg: var(--info-glass-background-hover);--menu-glass-border: var(--info-glass-border);--menu-glass-text: var(--info-text-color);--menu-item-hover-bg: var(--info-color-hover);border-color:var(--info-color)}.menu_panel.menu_clear{--menu-item-hover-text: var(--text-color-primary);color:var(--text-color)}.menu_panel.menu_glass{background:var(--menu-glass-bg, rgba(255, 255, 255, .18));border:1px solid var(--menu-glass-border, rgba(255, 255, 255, .34));-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate))}.menu_itemWrapper{position:relative;min-width:100%}.menu_item{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);width:100%;min-width:0;padding:var(--spacing-sm) var(--spacing-md);border:0;background:transparent;color:var(--text-color);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--transition-default),color var(--transition-default)}.menu_item:hover,.menu_item:focus{background:var(--menu-item-hover-bg, var(--background-color-dark));outline:none}.menu_item:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:-2px}.menu_item[aria-disabled=true],.menu_item.menu_disabled{opacity:.58;cursor:not-allowed;pointer-events:none}.menu_itemContent{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.menu_icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.menu_label{min-width:0;overflow-wrap:anywhere}.menu_shortcut{flex:0 0 auto;margin-left:var(--spacing-md);color:var(--text-color-secondary);font-size:var(--font-size-caption);white-space:nowrap}.menu_separator{height:1px;margin:var(--spacing-xs) var(--spacing-sm);background:var(--border-color)}.menu_sectionLabel{padding:var(--spacing-xs) var(--spacing-md);color:var(--text-color-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);line-height:var(--line-height-caption);overflow-wrap:anywhere}.menu_submenuTrigger{justify-content:space-between}.menu_submenuIndicator{flex:0 0 auto;margin-left:auto;padding-left:var(--spacing-sm);line-height:1}.menu_submenu{position:absolute;top:var(--menu-panel-offset-y, 0);left:100%;min-width:max(100%,12rem);margin-left:var(--spacing-xs)}.menu_submenu[data-placement=left]{right:100%;left:auto;margin-right:var(--spacing-xs);margin-left:0}.menu_submenu_open,.menu_hasSubmenu{min-width:100%}.menu_destructive{color:var(--danger-color, var(--error-color))}.menu_inset .menu_itemContent{padding-left:calc(var(--spacing-md) + var(--spacing-sm))}.menu_panel.menu_glass .menu_item:hover,.menu_panel.menu_glass .menu_item:focus{background:var(--menu-glass-hover-bg, rgba(255, 255, 255, .24))}.menu_panel.menu_clear .menu_label{color:var(--text-color)}.menu_panel.menu_clear .menu_item:hover{background-color:var(--background-color-dark)}.menu_round-None{border-radius:var(--border-radius-none)}.menu_round-Small{border-radius:var(--border-radius-sm)}.menu_round-Medium{border-radius:var(--border-radius-md)}.menu_round-Large{border-radius:var(--border-radius-lg)}.menu_round-Full{border-radius:var(--border-radius-full)}.menu_shadow-None{box-shadow:var(--box-shadow-none)}.menu_shadow-Light{box-shadow:var(--box-shadow-light)}.menu_shadow-Medium{box-shadow:var(--box-shadow-medium)}.menu_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.menu_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:479.98px){.menu_panel{min-width:min(16rem,100vw - 1rem);max-height:min(50vh,var(--menu-panel-max-height, 50vh));padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--spacing-sm))}.menu_item{padding:var(--spacing-md)}.menu_submenu{position:static;width:100%;min-width:100%;margin:var(--spacing-xxs) 0 0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.menu_panel,.menu_item{transition:none!important;animation:none!important}}@media(forced-colors:active){.menu_panel,.menu_panel.menu_glass{background:Canvas;color:CanvasText;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}.menu_item:focus-visible{outline:2px solid Highlight}}}
+@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.menu{position:relative;display:inline-block;max-width:100%;font-family:var(--font-family-ui)}.menu_target{min-width:0;max-width:100%;outline:none}.menu_target:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px;border-radius:var(--border-radius-sm)}.menu_trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.menu_trigger:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.menu_triggerPlain{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--background-color-lighter);color:var(--text-color-primary);font-family:var(--font-family-ui);font-size:var(--font-size-label);line-height:var(--line-height-label);cursor:pointer;transition:background-color var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default)}.menu_triggerPlain:hover{background:var(--background-color-dark)}.menu_panel{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);z-index:90;width:max-content;min-width:12rem;max-width:var(--menu-panel-max-width, calc(100vw - 1rem) );max-height:var(--menu-panel-max-height, calc(100vh - 1rem) );overflow:visible;padding:var(--spacing-xs) 0;border:1px solid var(--border-color);background:var(--background-color-lighter);color:var(--text-color-primary);font-family:var(--font-family-ui);font-size:var(--font-size-label);line-height:var(--line-height-label);box-shadow:var(--box-shadow-md);animation:fade-in .16s ease-in-out}.menu_panel:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.menu_panel.menu_primary{--menu-glass-bg: var(--primary-glass-background);--menu-glass-hover-bg: var(--primary-glass-background-hover);--menu-glass-border: var(--primary-glass-border);--menu-glass-text: var(--text-color-primary);--menu-item-hover-bg: var(--primary-color-hover);border-color:var(--primary-color)}.menu_panel.menu_secondary{--menu-glass-bg: var(--secondary-glass-background);--menu-glass-hover-bg: var(--secondary-glass-background-hover);--menu-glass-border: var(--secondary-glass-border);--menu-glass-text: var(--text-color-secondary);--menu-item-hover-bg: var(--secondary-color-hover);border-color:var(--secondary-color)}.menu_panel.menu_tertiary{--menu-glass-bg: var(--tertiary-glass-background);--menu-glass-hover-bg: var(--tertiary-glass-background-hover);--menu-glass-border: var(--tertiary-glass-border);--menu-glass-text: var(--text-color-tertiary);--menu-item-hover-bg: var(--tertiary-color-hover);border-color:var(--tertiary-color)}.menu_panel.menu_quaternary{--menu-glass-bg: var(--quaternary-glass-background);--menu-glass-hover-bg: var(--quaternary-glass-background-hover);--menu-glass-border: var(--quaternary-glass-border);--menu-glass-text: var(--text-color-quaternary);--menu-item-hover-bg: var(--quaternary-color-hover);border-color:var(--quaternary-color)}.menu_panel.menu_clear{--menu-glass-bg: var(--clear-glass-background);--menu-glass-hover-bg: var(--clear-glass-background-hover);--menu-glass-border: var(--clear-glass-border);--menu-glass-text: var(--text-color);--menu-item-hover-bg: rgba(0, 0, 0, .2);border-color:var(--border-color)}.menu_panel.menu_success{--menu-glass-bg: var(--success-glass-background);--menu-glass-hover-bg: var(--success-glass-background-hover);--menu-glass-border: var(--success-glass-border);--menu-glass-text: var(--success-text-color);--menu-item-hover-bg: var(--success-color-hover);border-color:var(--success-color)}.menu_panel.menu_error{--menu-glass-bg: var(--error-glass-background);--menu-glass-hover-bg: var(--error-glass-background-hover);--menu-glass-border: var(--error-glass-border);--menu-glass-text: var(--error-text-color);--menu-item-hover-bg: var(--error-color-hover);border-color:var(--error-color)}.menu_panel.menu_warning{--menu-glass-bg: var(--warning-glass-background);--menu-glass-hover-bg: var(--warning-glass-background-hover);--menu-glass-border: var(--warning-glass-border);--menu-glass-text: var(--warning-text-color);--menu-item-hover-bg: var(--warning-color-hover);border-color:var(--warning-color)}.menu_panel.menu_info{--menu-glass-bg: var(--info-glass-background);--menu-glass-hover-bg: var(--info-glass-background-hover);--menu-glass-border: var(--info-glass-border);--menu-glass-text: var(--info-text-color);--menu-item-hover-bg: var(--info-color-hover);border-color:var(--info-color)}.menu_panel.menu_clear{--menu-item-hover-text: var(--text-color-primary);color:var(--text-color)}.menu_panel.menu_glass{background:var(--menu-glass-bg, rgba(255, 255, 255, .18));border:1px solid var(--menu-glass-border, rgba(255, 255, 255, .34));-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate))}.menu_itemWrapper{position:relative;min-width:100%}.menu_item{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);width:100%;min-width:0;padding:var(--spacing-sm) var(--spacing-md);border:0;background:transparent;color:var(--text-color);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--transition-default),color var(--transition-default)}.menu_item:hover,.menu_item:focus{background:var(--menu-item-hover-bg, var(--background-color-dark));outline:none}.menu_item:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:-2px}.menu_item[aria-disabled=true],.menu_item.menu_disabled{opacity:.58;cursor:not-allowed;pointer-events:none}.menu_itemContent{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.menu_icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.menu_label{min-width:0;overflow-wrap:anywhere}.menu_shortcut{flex:0 0 auto;margin-left:var(--spacing-md);color:var(--text-color-secondary);font-size:var(--font-size-caption);white-space:nowrap}.menu_separator{height:1px;margin:var(--spacing-xs) var(--spacing-sm);background:var(--border-color)}.menu_sectionLabel{padding:var(--spacing-xs) var(--spacing-md);color:var(--text-color-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);line-height:var(--line-height-caption);overflow-wrap:anywhere}.menu_submenuTrigger{justify-content:space-between}.menu_submenuIndicator{flex:0 0 auto;margin-left:auto;padding-left:var(--spacing-sm);line-height:1}.menu_submenu{position:absolute;top:var(--menu-panel-offset-y, 0);left:100%;min-width:max(100%,12rem);margin-left:var(--spacing-xs)}.menu_submenu[data-placement=left]{right:100%;left:auto;margin-right:var(--spacing-xs);margin-left:0}.menu_submenu_open,.menu_hasSubmenu{min-width:100%}.menu_destructive{color:var(--danger-color, var(--error-color))}.menu_inset .menu_itemContent{padding-left:calc(var(--spacing-md) + var(--spacing-sm))}.menu_panel.menu_glass .menu_item:hover,.menu_panel.menu_glass .menu_item:focus{background:var(--menu-glass-hover-bg, rgba(255, 255, 255, .24))}.menu_panel.menu_clear .menu_label{color:var(--text-color)}.menu_panel.menu_clear .menu_item:hover{background-color:var(--background-color-dark)}.menu_round-None{border-radius:var(--border-radius-none)}.menu_round-Small{border-radius:var(--border-radius-sm)}.menu_round-Medium{border-radius:var(--border-radius-md)}.menu_round-Large{border-radius:var(--border-radius-lg)}.menu_round-Full{border-radius:var(--border-radius-full)}.menu_shadow-None{box-shadow:var(--box-shadow-none)}.menu_shadow-Light{box-shadow:var(--box-shadow-light)}.menu_shadow-Medium{box-shadow:var(--box-shadow-medium)}.menu_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.menu_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:479.98px){.menu_panel{min-width:min(16rem,100vw - 1rem);max-height:min(50vh,var(--menu-panel-max-height, 50vh));padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--spacing-sm))}.menu_item{padding:var(--spacing-md)}.menu_submenu{position:static;width:100%;min-width:100%;margin:var(--spacing-xxs) 0 0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.menu_panel,.menu_item{transition:none!important;animation:none!important}}@media(forced-colors:active){.menu_panel,.menu_panel.menu_glass{background:Canvas;color:CanvasText;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}.menu_item:focus-visible{outline:2px solid Highlight}}}

package/dist/core/Menu.js

@@ -1,4 +1,4 @@
-import { M as f } from "./Menu-DMMSFvdI.js";
+import { M as f } from "./Menu-B90TbWpJ.js";
 export {
   f as default
 };