@editora/ui-core 0.1.19 → 0.1.20

package/dist/menu.esm.js

@@ -1,25 +1,24 @@
-import { E as _ } from "./ElementBase-909688f3.mjs";
-import { c as v } from "./portal-fe73e5cc.mjs";
-import { c as y } from "./dismissable-layer-9c7e6b58.mjs";
-import { l as x } from "./positioner-e9770c66.mjs";
-import { c as A } from "./menu-item-styles-27fdbac4.mjs";
-function g(n) {
-  return n === "top" || n === "left" || n === "right" ? n : "bottom";
+import { E as _ } from "./ElementBase-YlTLMsGk.mjs";
+import { b as v } from "./portal-bR42gHvG.mjs";
+import { c as y } from "./dismissable-layer-BmPIoK80.mjs";
+import { e as x } from "./positioner-D0VGxtYU.mjs";
+import { c as A } from "./menu-item-styles-CZiPwPwl.mjs";
+function g(r) {
+  return r === "top" || r === "left" || r === "right" ? r : "bottom";
 }
-function E(n) {
-  return n === "sm" || n === "1" || n === "compact" ? "sm" : n === "lg" || n === "3" || n === "comfortable" ? "lg" : "md";
+function E(r) {
+  return r === "sm" || r === "1" || r === "compact" ? "sm" : r === "lg" || r === "3" || r === "comfortable" ? "lg" : "md";
 }
-function k(n) {
-  return !n || n === "default" ? null : n === "none" ? "0px" : n === "sm" ? "8px" : n === "md" ? "12px" : n === "lg" ? "16px" : n === "full" ? "999px" : n === "square" ? "6px" : n === "soft" ? "14px" : /^\d+(\.\d+)?$/.test(n) ? `${n}px` : /^\d+(\.\d+)?(px|rem|em|%)$/.test(n) ? n : null;
+function k(r) {
+  return !r || r === "default" ? null : r === "none" ? "0px" : r === "sm" ? "8px" : r === "md" ? "12px" : r === "lg" ? "16px" : r === "full" ? "999px" : r === "square" ? "6px" : r === "soft" ? "14px" : /^\d+(\.\d+)?$/.test(r) ? `${r}px` : /^\d+(\.\d+)?(px|rem|em|%)$/.test(r) ? r : null;
 }
-function l(n, e) {
-  return n.getAttribute(e) || "";
+function l(r, e) {
+  return r.getAttribute(e) || "";
 }
-function h(n, e) {
-  if (n == null)
-    return e;
-  const i = String(n).toLowerCase();
-  return i !== "false" && i !== "0";
+function h(r, e) {
+  if (r == null) return e;
+  const t = String(r).toLowerCase();
+  return t !== "false" && t !== "0";
 }
 function u() {
   return [
@@ -30,16 +29,16 @@ function u() {
     "[data-menu-item]"
   ].join(", ");
 }
-function m(n) {
-  return n.hasAttribute("disabled") || n.getAttribute("aria-disabled") === "true" || !!n.disabled;
+function m(r) {
+  return r.hasAttribute("disabled") || r.getAttribute("aria-disabled") === "true" || !!r.disabled;
 }
-function p(n) {
-  const e = typeof n.composedPath == "function" ? n.composedPath() : [];
-  for (const t of e)
-    if (t instanceof HTMLElement && t.matches(u()))
-      return t;
-  const i = n.target;
-  return i instanceof HTMLElement ? i.closest(u()) : null;
+function p(r) {
+  const e = typeof r.composedPath == "function" ? r.composedPath() : [];
+  for (const i of e)
+    if (i instanceof HTMLElement && i.matches(u()))
+      return i;
+  const t = r.target;
+  return t instanceof HTMLElement ? t.closest(u()) : null;
 }
 const w = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "tone", "size", "radius"]), S = [
   "--ui-menu-bg",
@@ -366,8 +365,8 @@ class T extends _ {
   disconnectedCallback() {
     this.removeEventListener("click", this._onHostClick), this.root.removeEventListener("slotchange", this._onSlotChange), this._unbindGlobalListeners(), this._teardownPortal(), super.disconnectedCallback();
   }
-  attributeChangedCallback(e, i, t) {
-    if (i !== t) {
+  attributeChangedCallback(e, t, i) {
+    if (t !== i) {
       if (e === "open") {
         this._syncOpenState();
         return;
@@ -435,10 +434,9 @@ class T extends _ {
     }
   }
   _syncOpenState() {
-    var t;
     const e = this.hasAttribute("open") && !this.hasAttribute("disabled");
     if (e === this._isOpen) {
-      this._syncTriggerA11y(), e && !this._portalEl ? this._mountPortal() : e && ((t = this._positioner) == null || t.update());
+      this._syncTriggerA11y(), e && !this._portalEl ? this._mountPortal() : e && this._positioner?.update();
       return;
     }
     if (this._isOpen = e, this._syncTriggerA11y(), e) {
@@ -446,12 +444,12 @@ class T extends _ {
       return;
     }
     this._unbindGlobalListeners(), this._teardownPortal(), this.dispatchEvent(new CustomEvent("close", { bubbles: !0 })), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: { open: !1 } }));
-    const i = this._getTrigger();
-    if (i)
+    const t = this._getTrigger();
+    if (t)
       try {
-        i.focus({ preventScroll: !0 });
+        t.focus({ preventScroll: !0 });
       } catch {
-        i.focus();
+        t.focus();
       }
     this._restoreFocusEl = null;
   }
@@ -486,11 +484,10 @@ class T extends _ {
     this._focusItem(e[e.length - 1] || null);
   }
   _moveFocus(e) {
-    const i = this._queryItems();
-    if (!i.length)
-      return;
-    const t = document.activeElement, r = t ? i.findIndex((o) => o === t || o.contains(t)) : -1, a = r === -1 ? 0 : Math.max(0, Math.min(i.length - 1, r + e));
-    this._focusItem(i[a] || null);
+    const t = this._queryItems();
+    if (!t.length) return;
+    const i = document.activeElement, n = i ? t.findIndex((o) => o === i || o.contains(i)) : -1, a = n === -1 ? 0 : Math.max(0, Math.min(t.length - 1, n + e));
+    this._focusItem(t[a] || null);
   }
   _resetTypeahead() {
     this._typeaheadBuffer = "", this._typeaheadTimer != null && (window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null);
@@ -499,41 +496,37 @@ class T extends _ {
     return e.ctrlKey || e.metaKey || e.altKey ? !1 : e.key.length === 1 && /\S/.test(e.key);
   }
   _handleTypeahead(e) {
-    if (!this.typeahead || !this._isTypeaheadKey(e))
-      return !1;
+    if (!this.typeahead || !this._isTypeaheadKey(e)) return !1;
     this._typeaheadBuffer = `${this._typeaheadBuffer}${e.key.toLowerCase()}`.slice(0, 24), this._typeaheadTimer != null && window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = window.setTimeout(() => this._resetTypeahead(), 420);
-    const i = document.activeElement, t = this._queryItems();
-    if (!t.length)
-      return !1;
-    const r = i ? t.findIndex((s) => s === i || s.contains(i)) : -1, o = (r >= 0 ? [...t.slice(r + 1), ...t.slice(0, r + 1)] : t).find((s) => (s.textContent || "").trim().toLowerCase().startsWith(this._typeaheadBuffer));
+    const t = document.activeElement, i = this._queryItems();
+    if (!i.length) return !1;
+    const n = t ? i.findIndex((s) => s === t || s.contains(t)) : -1, o = (n >= 0 ? [...i.slice(n + 1), ...i.slice(0, n + 1)] : i).find((s) => (s.textContent || "").trim().toLowerCase().startsWith(this._typeaheadBuffer));
     return o ? (e.preventDefault(), this._focusItem(o), !0) : !1;
   }
   _applySelectionBehavior(e) {
-    const i = e.getAttribute("role");
-    if (i === "menuitemcheckbox") {
-      const r = e.getAttribute("aria-checked") === "true";
-      e.setAttribute("aria-checked", r ? "false" : "true"), e.setAttribute("data-state", r ? "unchecked" : "checked");
+    const t = e.getAttribute("role");
+    if (t === "menuitemcheckbox") {
+      const n = e.getAttribute("aria-checked") === "true";
+      e.setAttribute("aria-checked", n ? "false" : "true"), e.setAttribute("data-state", n ? "unchecked" : "checked");
       return;
     }
-    if (i !== "menuitemradio" || !this._portalEl)
-      return;
-    const t = e.getAttribute("data-group") || e.getAttribute("name") || "";
-    this._portalEl.querySelectorAll('[role="menuitemradio"]').forEach((r) => {
-      const a = r.getAttribute("data-group") || r.getAttribute("name") || "";
-      t && a !== t || (r.setAttribute("aria-checked", r === e ? "true" : "false"), r.setAttribute("data-state", r === e ? "checked" : "unchecked"));
+    if (t !== "menuitemradio" || !this._portalEl) return;
+    const i = e.getAttribute("data-group") || e.getAttribute("name") || "";
+    this._portalEl.querySelectorAll('[role="menuitemradio"]').forEach((n) => {
+      const a = n.getAttribute("data-group") || n.getAttribute("name") || "";
+      i && a !== i || (n.setAttribute("aria-checked", n === e ? "true" : "false"), n.setAttribute("data-state", n === e ? "checked" : "unchecked"));
     });
   }
   _handleItemSelect(e) {
-    var r;
     this._applySelectionBehavior(e);
-    const i = e.getAttribute("data-index"), t = i != null && !Number.isNaN(Number(i)) ? Number(i) : void 0;
+    const t = e.getAttribute("data-index"), i = t != null && !Number.isNaN(Number(t)) ? Number(t) : void 0;
     this.dispatchEvent(
       new CustomEvent("select", {
         bubbles: !0,
         detail: {
-          index: t,
+          index: i,
           value: e.getAttribute("data-value") || e.getAttribute("value") || void 0,
-          label: e.getAttribute("aria-label") || ((r = e.textContent) == null ? void 0 : r.trim()) || void 0,
+          label: e.getAttribute("aria-label") || e.textContent?.trim() || void 0,
           checked: e.getAttribute("aria-checked") === "true",
           item: e
         }
@@ -541,28 +534,28 @@ class T extends _ {
     ), this.closeOnSelect ? this.close() : this._focusItem(e);
   }
   _buildLegacyItems(e) {
-    const i = this._getItemSources();
-    return i.forEach((t, r) => {
-      const a = t.cloneNode(!0);
-      a.removeAttribute("slot"), a.getAttribute("role") || a.setAttribute("role", "menuitem"), a.classList.contains("item") || a.classList.add("item"), a.hasAttribute("tabindex") || a.setAttribute("tabindex", "-1"), a.hasAttribute("data-index") || a.setAttribute("data-index", String(r)), e.appendChild(a);
-    }), i.length;
+    const t = this._getItemSources();
+    return t.forEach((i, n) => {
+      const a = i.cloneNode(!0);
+      a.removeAttribute("slot"), a.getAttribute("role") || a.setAttribute("role", "menuitem"), a.classList.contains("item") || a.classList.add("item"), a.hasAttribute("tabindex") || a.setAttribute("tabindex", "-1"), a.hasAttribute("data-index") || a.setAttribute("data-index", String(n)), e.appendChild(a);
+    }), t.length;
   }
   _hydrateMenuItems(e) {
-    const i = Array.from(e.querySelectorAll(u()));
-    return i.forEach((t, r) => {
-      t.getAttribute("role") || t.setAttribute("role", "menuitem"), t.hasAttribute("tabindex") || t.setAttribute("tabindex", "-1"), t.classList.contains("item") || t.classList.add("item"), t.hasAttribute("data-index") || t.setAttribute("data-index", String(r));
-    }), i.length;
+    const t = Array.from(e.querySelectorAll(u()));
+    return t.forEach((i, n) => {
+      i.getAttribute("role") || i.setAttribute("role", "menuitem"), i.hasAttribute("tabindex") || i.setAttribute("tabindex", "-1"), i.classList.contains("item") || i.classList.add("item"), i.hasAttribute("data-index") || i.setAttribute("data-index", String(n));
+    }), t.length;
   }
   _applyPortalTokens(e) {
-    const i = window.getComputedStyle(this);
-    S.forEach((t) => {
-      const r = i.getPropertyValue(t).trim();
-      r ? e.style.setProperty(t, r) : e.style.removeProperty(t);
+    const t = window.getComputedStyle(this);
+    S.forEach((i) => {
+      const n = t.getPropertyValue(i).trim();
+      n ? e.style.setProperty(i, n) : e.style.removeProperty(i);
     });
   }
   _applyPortalVariantData(e) {
-    const i = l(this, "variant"), t = E(this.getAttribute("size") || this.getAttribute("density")), r = l(this, "density"), a = this.getAttribute("radius"), o = l(this, "shape"), s = l(this, "elevation"), c = l(this, "tone"), f = i === "default" || i === "" ? "" : i === "line" ? "outline" : i === "glass" ? "soft" : i;
-    f ? e.setAttribute("data-variant", f) : e.removeAttribute("data-variant"), t !== "md" ? e.setAttribute("data-size", t) : e.removeAttribute("data-size"), r && r !== "default" ? e.setAttribute("data-density", r) : e.removeAttribute("data-density"), s && s !== "default" ? e.setAttribute("data-elevation", s) : e.removeAttribute("data-elevation");
+    const t = l(this, "variant"), i = E(this.getAttribute("size") || this.getAttribute("density")), n = l(this, "density"), a = this.getAttribute("radius"), o = l(this, "shape"), s = l(this, "elevation"), c = l(this, "tone"), f = t === "default" || t === "" ? "" : t === "line" ? "outline" : t === "glass" ? "soft" : t;
+    f ? e.setAttribute("data-variant", f) : e.removeAttribute("data-variant"), i !== "md" ? e.setAttribute("data-size", i) : e.removeAttribute("data-size"), n && n !== "default" ? e.setAttribute("data-density", n) : e.removeAttribute("data-density"), s && s !== "default" ? e.setAttribute("data-elevation", s) : e.removeAttribute("data-elevation");
     const b = c === "default" || c === "brand" || c === "" ? "" : c;
     b ? e.setAttribute("data-tone", b) : e.removeAttribute("data-tone");
     const d = k(a || o || null);
@@ -572,48 +565,45 @@ class T extends _ {
     this._portalEl && (this._applyPortalTokens(this._portalEl), this._applyPortalVariantData(this._portalEl), this._portalEl.setAttribute("aria-hidden", "false"), this._portalEl.setAttribute("aria-busy", "false"), this._portalEl.style.display = "block", this._portalEl.style.visibility = "visible", this._portalEl.style.opacity = "1", this._portalEl.style.transform = "translateY(0px) scale(1)", this._portalEl.style.pointerEvents = "auto");
   }
   _attachMenuEvents(e) {
-    this._menuClickHandler = (i) => {
-      const t = p(i);
-      !t || m(t) || this._handleItemSelect(t);
-    }, e.addEventListener("click", this._menuClickHandler), e.addEventListener("mouseover", (i) => {
-      const t = p(i);
-      !t || m(t) || this._focusItem(t);
-    }), e.addEventListener("focusin", (i) => {
-      const t = p(i);
-      !t || m(t) || this._focusItem(t);
+    this._menuClickHandler = (t) => {
+      const i = p(t);
+      !i || m(i) || this._handleItemSelect(i);
+    }, e.addEventListener("click", this._menuClickHandler), e.addEventListener("mouseover", (t) => {
+      const i = p(t);
+      !i || m(i) || this._focusItem(i);
+    }), e.addEventListener("focusin", (t) => {
+      const i = p(t);
+      !i || m(i) || this._focusItem(i);
     }), e.addEventListener("mouseleave", () => this._clearActiveState());
   }
   _buildPortalElement() {
     const e = document.createElement("div");
     e.className = "surface menu", e.id = this._menuId, e.setAttribute("part", "menu"), e.setAttribute("role", "menu"), e.setAttribute("tabindex", "-1"), e.setAttribute("aria-hidden", "false"), e.setAttribute("aria-busy", "false"), e.setAttribute("data-placement", g(this.getAttribute("placement")));
-    const i = document.createElement("style");
-    i.textContent = C, e.appendChild(i);
-    const t = this._getContentSource();
-    let r = 0;
-    if (t) {
-      const a = t.cloneNode(!0);
+    const t = document.createElement("style");
+    t.textContent = C, e.appendChild(t);
+    const i = this._getContentSource();
+    let n = 0;
+    if (i) {
+      const a = i.cloneNode(!0);
       a.removeAttribute("slot"), e.appendChild(a);
     } else
-      r = this._buildLegacyItems(e);
-    if (r = this._hydrateMenuItems(e) || r, r === 0) {
+      n = this._buildLegacyItems(e);
+    if (n = this._hydrateMenuItems(e) || n, n === 0) {
       const a = document.createElement("div");
       a.className = "empty-state", a.textContent = "No items", e.appendChild(a);
     }
     return this._applyPortalTokens(e), this._applyPortalVariantData(e), e.style.display = "block", e.style.visibility = "visible", e.style.opacity = "1", e.style.transform = "translateY(0px) scale(1)", e.style.pointerEvents = "auto", this._attachMenuEvents(e), e;
   }
   _rebuildPortalContent() {
-    if (!this._portalEl)
-      return;
+    if (!this._portalEl) return;
     const e = this._portalEl.parentElement;
-    if (!e)
-      return;
-    const i = this._portalEl, t = this._buildPortalElement();
-    e.replaceChild(t, i), this._portalEl = t, this._rebuildPositioner();
+    if (!e) return;
+    const t = this._portalEl, i = this._buildPortalElement();
+    e.replaceChild(i, t), this._portalEl = i, this._rebuildPositioner();
   }
   _rebuildPositioner() {
-    var i;
     const e = this._getTrigger();
-    !this._portalEl || !e || ((i = this._positioner) == null || i.destroy(), this._positioner = x({
+    !this._portalEl || !e || (this._positioner?.destroy(), this._positioner = x({
       anchor: e,
       floating: this._portalEl,
       placement: g(this.getAttribute("placement")),
@@ -625,7 +615,6 @@ class T extends _ {
     }));
   }
   _mountPortal() {
-    var i;
     const e = this._getTrigger();
     if (e) {
       if (this._portalEl)
@@ -639,7 +628,7 @@ class T extends _ {
         }
         t.appendChild(this._portalEl);
       }
-      this._rebuildPositioner(), (i = this._dismissableLayer) == null || i.destroy(), this._dismissableLayer = y({
+      this._rebuildPositioner(), this._dismissableLayer?.destroy(), this._dismissableLayer = y({
         node: this._portalEl,
         trigger: e,
         closeOnEscape: !0,
@@ -649,8 +638,7 @@ class T extends _ {
     }
   }
   _teardownPortal() {
-    var e, i, t;
-    if ((e = this._dismissableLayer) == null || e.destroy(), this._dismissableLayer = null, (i = this._positioner) == null || i.destroy(), this._positioner = null, (t = this._portalEl) != null && t.parentElement)
+    if (this._dismissableLayer?.destroy(), this._dismissableLayer = null, this._positioner?.destroy(), this._positioner = null, this._portalEl?.parentElement)
       try {
         this._portalEl.parentElement.removeChild(this._portalEl);
       } catch {
@@ -658,22 +646,19 @@ class T extends _ {
     this._portalEl = null, this._menuClickHandler = null, this._resetTypeahead();
   }
   _isEventInsideTrigger(e) {
-    const i = this._getTrigger();
-    return !!i && e.composedPath().includes(i);
+    const t = this._getTrigger();
+    return !!t && e.composedPath().includes(t);
   }
   _isEventInsideMenu(e) {
     return !!this._portalEl && e.composedPath().includes(this._portalEl);
   }
   _isInternalScrollEvent(e) {
-    var a;
-    const i = typeof e.composedPath == "function" ? e.composedPath() : [];
-    if (this._portalEl && i.includes(this._portalEl))
-      return !0;
-    const t = this._getTrigger();
-    if (t && i.includes(t))
-      return !0;
-    const r = e.target;
-    return !!(r instanceof Node && ((a = this._portalEl) != null && a.contains(r) || t != null && t.contains(r)));
+    const t = typeof e.composedPath == "function" ? e.composedPath() : [];
+    if (this._portalEl && t.includes(this._portalEl)) return !0;
+    const i = this._getTrigger();
+    if (i && t.includes(i)) return !0;
+    const n = e.target;
+    return !!(n instanceof Node && (this._portalEl?.contains(n) || i?.contains(n)));
   }
   _onHostClick(e) {
     this.hasAttribute("disabled") || this._isEventInsideTrigger(e) && (e.preventDefault(), this.toggle());
@@ -682,10 +667,8 @@ class T extends _ {
     !this._isOpen || !this.closeOnScroll || this._isInternalScrollEvent(e) || this.close();
   }
   _onDocumentKeyDown(e) {
-    var i;
     if (!this._isOpen) {
-      if (e.key !== "ArrowDown" && e.key !== "ArrowUp" || !this._isEventInsideTrigger(e))
-        return;
+      if (e.key !== "ArrowDown" && e.key !== "ArrowUp" || !this._isEventInsideTrigger(e)) return;
       e.preventDefault(), this.open(), requestAnimationFrame(() => {
         e.key === "ArrowUp" ? this._focusLastItem() : this._focusFirstItem();
       });
@@ -718,17 +701,14 @@ class T extends _ {
       }
       if (e.key === "Enter" || e.key === " ") {
         const t = document.activeElement;
-        if (!t || !((i = this._portalEl) != null && i.contains(t)))
-          return;
-        const r = t.closest(u());
-        if (!r || m(r))
-          return;
-        e.preventDefault(), this._handleItemSelect(r);
+        if (!t || !this._portalEl?.contains(t)) return;
+        const i = t.closest(u());
+        if (!i || m(i)) return;
+        e.preventDefault(), this._handleItemSelect(i);
       }
     }
   }
   render() {
-    var e;
     this.setContent(`
       <style>${I}</style>
       <div class="trigger" part="trigger">
@@ -739,7 +719,7 @@ class T extends _ {
         <slot name="content"></slot>
       </div>
       <slot></slot>
-    `), this._syncTriggerA11y(), this._isOpen && !this._portalEl ? this._mountPortal() : this._isOpen && ((e = this._positioner) == null || e.update());
+    `), this._syncTriggerA11y(), this._isOpen && !this._portalEl ? this._mountPortal() : this._isOpen && this._positioner?.update();
   }
   shouldRenderOnAttributeChange() {
     return !1;

package/dist/menubar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./ElementBase-1b301e7f.js"),P=require("./portal-c69756c0.js"),E=require("./collection-a2969ad2.js"),k=require("./dismissable-layer-193e3bed.js"),m=require("./roving-focus-group-5c059bf9.js"),I=require("./positioner-33529bb8.js");require("./listbox-ef2f708e.js");const L=require("./menu-item-styles-83ad1e22.js");require("./collection.cjs.js");const C=":scope > .submenu",T=["--ui-color-primary","--ui-color-primary-hover","--ui-color-foreground-on-primary","--ui-color-background","--ui-color-surface","--ui-color-surface-alt","--ui-color-text","--ui-color-muted","--ui-color-border","--ui-color-focus-ring","--ui-color-success","--ui-color-danger","--ui-color-warning","--ui-primary","--ui-primary-hover","--ui-foreground","--ui-background","--ui-surface","--ui-surface-alt","--ui-text","--ui-muted","--ui-border","--ui-focus-ring","--ui-radius","--color-background","--color-surface","--color-panel","--color-panel-solid","--color-panel-translucent","--color-overlay","--accent-contrast","--accent-surface","--accent-indicator","--accent-track"],D=[{prefix:"--accent-",from:1,to:12},{prefix:"--accent-a",from:1,to:12},{prefix:"--gray-",from:1,to:12},{prefix:"--gray-a",from:1,to:12},{prefix:"--black-a",from:1,to:12},{prefix:"--white-a",from:1,to:12},{prefix:"--shadow-",from:1,to:6},{prefix:"--radius-",from:1,to:6}];function z(n){return n==="sm"||n==="1"||n==="compact"?"sm":n==="lg"||n==="3"||n==="comfortable"?"lg":"md"}function y(n){return!n||n==="default"?null:n==="none"||n==="square"?"0px":n==="sm"?"8px":n==="md"||n==="soft"?"12px":n==="lg"?"16px":n==="full"?"999px":/^\d+(\.\d+)?$/.test(n)?`${n}px`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(n)?n:null}const B=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./ElementBase-EV6mVBUV.js"),P=require("./portal-DgpQ3Jo1.js"),E=require("./collection-qv8A8rq4.js"),k=require("./dismissable-layer-DNfrKA20.js"),m=require("./roving-focus-group-BdJ_4Njm.js"),I=require("./positioner-D_fqyx_j.js");require("./listbox-B6QgECax.js");const L=require("./menu-item-styles-CbNUEwP2.js"),C=":scope > .submenu",T=["--ui-color-primary","--ui-color-primary-hover","--ui-color-foreground-on-primary","--ui-color-background","--ui-color-surface","--ui-color-surface-alt","--ui-color-text","--ui-color-muted","--ui-color-border","--ui-color-focus-ring","--ui-color-success","--ui-color-danger","--ui-color-warning","--ui-primary","--ui-primary-hover","--ui-foreground","--ui-background","--ui-surface","--ui-surface-alt","--ui-text","--ui-muted","--ui-border","--ui-focus-ring","--ui-radius","--color-background","--color-surface","--color-panel","--color-panel-solid","--color-panel-translucent","--color-overlay","--accent-contrast","--accent-surface","--accent-indicator","--accent-track"],D=[{prefix:"--accent-",from:1,to:12},{prefix:"--accent-a",from:1,to:12},{prefix:"--gray-",from:1,to:12},{prefix:"--gray-a",from:1,to:12},{prefix:"--black-a",from:1,to:12},{prefix:"--white-a",from:1,to:12},{prefix:"--shadow-",from:1,to:6},{prefix:"--radius-",from:1,to:6}];function z(n){return n==="sm"||n==="1"||n==="compact"?"sm":n==="lg"||n==="3"||n==="comfortable"?"lg":"md"}function v(n){return!n||n==="default"?null:n==="none"||n==="square"?"0px":n==="sm"?"8px":n==="md"||n==="soft"?"12px":n==="lg"?"16px":n==="full"?"999px":/^\d+(\.\d+)?$/.test(n)?`${n}px`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(n)?n:null}const B=`
   :host {
     --ui-menubar-gap: var(--base-menubar-gap, 6px);
     --ui-menubar-padding: var(--base-menubar-padding, 6px);
@@ -437,7 +437,7 @@
       box-shadow: none;
     }
   }
-`;function R(n){return n==="top"||n==="left"||n==="right"?n:"bottom"}function O(n){const e=R(n);return e==="top"?"top":e==="left"?"left":e==="right"?"right":"bottom"}function g(n,e){if(n==null)return e;const t=String(n).toLowerCase();return t!=="false"&&t!=="0"}function x(n,e){return e<=0?-1:Number.isNaN(n)||n<0?0:n>=e?e-1:n}function c(){return['[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',".item","[data-menu-item]"].join(", ")}function v(n){return n.hasAttribute("disabled")||n.getAttribute("aria-disabled")==="true"||!!n.disabled}function S(n){const e=typeof n.composedPath=="function"?n.composedPath():[];for(const r of e)if(r instanceof HTMLElement&&r.matches(c()))return r;const t=n.target;return t instanceof HTMLElement?t.closest(c()):null}function b(n){return n.hasAttribute("disabled")||n.disabled}function p(n,e){return n.getAttribute(e)||""}class A extends w.ElementBase{constructor(){super(),this._items=[],this._contents=[],this._itemSlot=null,this._contentSlot=null,this._uid=Math.random().toString(36).slice(2,8),this._ignoreSelected=!1,this._open=!1,this._portalEl=null,this._portalSurfaceEl=null,this._portalContentHostEl=null,this._positioner=null,this._dismissableLayer=null,this._panelForIndex=-1,this._typeaheadBuffer="",this._typeaheadTimer=null,this._submenuRaf=null,this._globalListenersBound=!1,this._focusIndex=-1,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocKeyDown=this._onDocKeyDown.bind(this),this._onDocScroll=this._onDocScroll.bind(this),this._onSlotChange=this._onSlotChange.bind(this),this._onMouseMove=this._onMouseMove.bind(this),this._onPanelPointerOver=this._onPanelPointerOver.bind(this),this._onPanelPointerLeave=this._onPanelPointerLeave.bind(this),this._onPanelFocusIn=this._onPanelFocusIn.bind(this)}static get observedAttributes(){return["selected","open","headless","loop","orientation","variant","size","density","radius","shape","elevation","tone","placement","close-on-select","close-on-scroll","typeahead"]}_setPanelFlag(e,t){this._portalEl&&(t?this._portalEl.setAttribute(`data-${e}`,"true"):this._portalEl.removeAttribute(`data-${e}`))}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("mousemove",this._onMouseMove),this._attachSlotListeners(),this._syncHostVisualState(),this._syncState()}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("mousemove",this._onMouseMove),this._unbindGlobalListeners(),this._detachSlotListeners(),this._teardownPanel(),super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r&&!(e==="selected"&&this._ignoreSelected)){if((e==="radius"||e==="shape")&&this._syncHostVisualState(),this._syncBarA11y(),this._open&&e==="placement"){this._rebuildPanel();return}if(this._open&&(e==="variant"||e==="size"||e==="density"||e==="radius"||e==="shape"||e==="elevation"||e==="tone")){this._syncPanelVisualState();return}this._syncState()}}render(){var t;const e=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal";this.setContent(`
+`;function R(n){return n==="top"||n==="left"||n==="right"?n:"bottom"}function O(n){const e=R(n);return e==="top"?"top":e==="left"?"left":e==="right"?"right":"bottom"}function _(n,e){if(n==null)return e;const t=String(n).toLowerCase();return t!=="false"&&t!=="0"}function y(n,e){return e<=0?-1:Number.isNaN(n)||n<0?0:n>=e?e-1:n}function l(){return['[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',".item","[data-menu-item]"].join(", ")}function g(n){return n.hasAttribute("disabled")||n.getAttribute("aria-disabled")==="true"||!!n.disabled}function x(n){const e=typeof n.composedPath=="function"?n.composedPath():[];for(const r of e)if(r instanceof HTMLElement&&r.matches(l()))return r;const t=n.target;return t instanceof HTMLElement?t.closest(l()):null}function d(n){return n.hasAttribute("disabled")||n.disabled}function p(n,e){return n.getAttribute(e)||""}class S extends w.ElementBase{constructor(){super(),this._items=[],this._contents=[],this._itemSlot=null,this._contentSlot=null,this._uid=Math.random().toString(36).slice(2,8),this._ignoreSelected=!1,this._open=!1,this._portalEl=null,this._portalSurfaceEl=null,this._portalContentHostEl=null,this._positioner=null,this._dismissableLayer=null,this._panelForIndex=-1,this._typeaheadBuffer="",this._typeaheadTimer=null,this._submenuRaf=null,this._globalListenersBound=!1,this._focusIndex=-1,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocKeyDown=this._onDocKeyDown.bind(this),this._onDocScroll=this._onDocScroll.bind(this),this._onSlotChange=this._onSlotChange.bind(this),this._onMouseMove=this._onMouseMove.bind(this),this._onPanelPointerOver=this._onPanelPointerOver.bind(this),this._onPanelPointerLeave=this._onPanelPointerLeave.bind(this),this._onPanelFocusIn=this._onPanelFocusIn.bind(this)}static get observedAttributes(){return["selected","open","headless","loop","orientation","variant","size","density","radius","shape","elevation","tone","placement","close-on-select","close-on-scroll","typeahead"]}_setPanelFlag(e,t){this._portalEl&&(t?this._portalEl.setAttribute(`data-${e}`,"true"):this._portalEl.removeAttribute(`data-${e}`))}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("mousemove",this._onMouseMove),this._attachSlotListeners(),this._syncHostVisualState(),this._syncState()}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("mousemove",this._onMouseMove),this._unbindGlobalListeners(),this._detachSlotListeners(),this._teardownPanel(),super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r&&!(e==="selected"&&this._ignoreSelected)){if((e==="radius"||e==="shape")&&this._syncHostVisualState(),this._syncBarA11y(),this._open&&e==="placement"){this._rebuildPanel();return}if(this._open&&(e==="variant"||e==="size"||e==="density"||e==="radius"||e==="shape"||e==="elevation"||e==="tone")){this._syncPanelVisualState();return}this._syncState()}}render(){const e=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal";this.setContent(`
       <style>${B}</style>
       <div class="bar" part="bar" role="menubar" aria-orientation="${e}">
         <slot name="item"></slot>
@@ -446,10 +446,10 @@
         <slot name="content"></slot>
       </div>
       <slot></slot>
-    `),this._attachSlotListeners(),this._syncStructure(),this._syncHostVisualState(),this._syncBarA11y(),this._open&&!this._portalEl?this._rebuildPanel():this._open&&((t=this._positioner)==null||t.update())}open(){this.hasAttribute("headless")||this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}get closeOnSelect(){return g(this.getAttribute("close-on-select"),!0)}set closeOnSelect(e){this.setAttribute("close-on-select",e?"true":"false")}get closeOnScroll(){return g(this.getAttribute("close-on-scroll"),!0)}set closeOnScroll(e){this.setAttribute("close-on-scroll",e?"true":"false")}get typeahead(){return g(this.getAttribute("typeahead"),!0)}set typeahead(e){this.setAttribute("typeahead",e?"true":"false")}_attachSlotListeners(){const e=this.root.querySelector('slot[name="item"]'),t=this.root.querySelector('slot[name="content"]');this._itemSlot&&this._itemSlot!==e&&this._itemSlot.removeEventListener("slotchange",this._onSlotChange),this._contentSlot&&this._contentSlot!==t&&this._contentSlot.removeEventListener("slotchange",this._onSlotChange),e&&this._itemSlot!==e&&e.addEventListener("slotchange",this._onSlotChange),t&&this._contentSlot!==t&&t.addEventListener("slotchange",this._onSlotChange),this._itemSlot=e,this._contentSlot=t}_detachSlotListeners(){this._itemSlot&&this._itemSlot.removeEventListener("slotchange",this._onSlotChange),this._contentSlot&&this._contentSlot.removeEventListener("slotchange",this._onSlotChange),this._itemSlot=null,this._contentSlot=null}_syncBarA11y(){const e=this.root.querySelector(".bar");if(!e)return;const t=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal";e.setAttribute("aria-orientation",t)}_syncHostVisualState(){const e=y(this.getAttribute("radius")||this.getAttribute("shape"));e?(this.style.setProperty("--ui-menubar-radius",e),this.style.setProperty("--ui-menubar-item-radius",e==="999px"?"999px":`calc(${e} - 2px)`),this.style.setProperty("--ui-menubar-panel-radius",e),this.style.setProperty("--ui-menubar-panel-item-radius",e==="999px"?"999px":`calc(${e} - 2px)`)):(this.style.removeProperty("--ui-menubar-radius"),this.style.removeProperty("--ui-menubar-item-radius"),this.style.removeProperty("--ui-menubar-panel-radius"),this.style.removeProperty("--ui-menubar-panel-item-radius"))}_onSlotChange(){this._syncState()}_loopEnabled(){return g(this.getAttribute("loop"),!0)}_isOpenAttribute(){return this.hasAttribute("open")&&!this.hasAttribute("headless")}_selectedIndex(){const e=this.getAttribute("selected");if(e==null||e==="")return this._items.length>0?0:-1;const t=Number(e);return Number.isNaN(t)?this._items.length>0?0:-1:t<0?-1:x(t,this._items.length)}_setSelectedAttribute(e){this._ignoreSelected=!0,this.setAttribute("selected",String(e)),this._ignoreSelected=!1}_moveIndex(e,t){if(this._items.length===0)return-1;const r=this._loopEnabled();let a=e+t;return a<0&&(a=r?this._items.length-1:0),a>=this._items.length&&(a=r?0:this._items.length-1),a}_syncState(){this._syncStructure();const e=this._isOpenAttribute()&&this._selectedIndex()>=0&&this._items.length>0;if(e!==this._open){if(this._open=e,e)this._bindGlobalListeners(),this._rebuildPanel(),this.dispatchEvent(new CustomEvent("open",{detail:{selected:this._selectedIndex()},bubbles:!0}));else{this._unbindGlobalListeners();const t=this._panelForIndex>=0?this._panelForIndex:this._selectedIndex();this._teardownPanel(),this.dispatchEvent(new CustomEvent("close",{detail:{previous:t},bubbles:!0}))}return}this._open?(this._bindGlobalListeners(),(this._selectedIndex()!==this._panelForIndex||!this._portalEl)&&this._rebuildPanel()):(this._unbindGlobalListeners(),this._teardownPanel())}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("keydown",this._onDocKeyDown),document.addEventListener("scroll",this._onDocScroll,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("keydown",this._onDocKeyDown),document.removeEventListener("scroll",this._onDocScroll,!0),this._globalListenersBound=!1)}_syncStructure(){this._items=this._itemSlot?this._itemSlot.assignedElements({flatten:!0}):[],this._contents=this._contentSlot?this._contentSlot.assignedElements({flatten:!0}):[];const e=this._selectedIndex(),t=m.resolveRovingFocusIndex(this._items,{activeIndex:this._focusIndex,selectedIndex:e,getDisabled:b});this._focusIndex=t;const r=this._isOpenAttribute();this._items.forEach((a,i)=>{var l;const s=e===i,o=a.id||`ui-menubar-item-${this._uid}-${i}`,u=((l=this._contents[i])==null?void 0:l.id)||`ui-menubar-content-${this._uid}-${i}`;a.id=o,a.setAttribute("role","menuitem"),a.setAttribute("tabindex",i===t&&!b(a)?"0":"-1"),a.setAttribute("aria-haspopup","menu"),a.setAttribute("aria-expanded",s&&r?"true":"false"),a.setAttribute("aria-controls",u),a.setAttribute("data-active",s?"true":"false")}),m.syncRovingTabStops(this._items,this._items[t]||null,{activeAttribute:null}),this._contents.forEach((a,i)=>{const s=a.id||`ui-menubar-content-${this._uid}-${i}`;a.id=s,a.setAttribute("role","menu"),a.setAttribute("tabindex","-1"),a.setAttribute("aria-hidden",e===i&&r?"false":"true"),this._items[i]?a.setAttribute("aria-labelledby",this._items[i].id):a.removeAttribute("aria-labelledby")})}_hydratePanelItems(e){Array.from(e.querySelectorAll(c())).forEach((r,a)=>{r.getAttribute("role")||r.setAttribute("role","menuitem"),r.hasAttribute("tabindex")||r.setAttribute("tabindex","-1"),r.hasAttribute("data-index")||r.setAttribute("data-index",String(a)),r.classList.contains("item")||r.classList.add("item")})}_queryPanelItemsIn(e){var t;return((t=this._panelListbox())==null?void 0:t.queryEnabledItems({container:e||this._panelListbox()}))||[]}_submenuFor(e){return e.querySelector(C)}_setOpenPanelBranch(e,t){const r=this._panelListbox();if(!r||(r.querySelectorAll('[data-submenu-open="true"]').forEach(s=>s.removeAttribute("data-submenu-open")),!e))return;const a=[];let i=e;for(;i;){const s=i.closest(".submenu");if(!s)break;const o=s.parentElement;if(!(o instanceof HTMLElement)||!o.matches(c()))break;a.unshift(o),i=o}a.forEach(s=>s.setAttribute("data-submenu-open","true")),t&&this._submenuFor(e)&&e.setAttribute("data-submenu-open","true")}_openPanelSubmenu(e,t){var i;const r=this._submenuFor(e);if(!r||v(e))return!1;if(this._setOpenPanelBranch(e,!0),this._schedulePanelSubmenuLayout(),!t)return!0;const a=(i=this._panelListbox())==null?void 0:i.focusBoundary("first",{container:r,focus:!0,owner:this._panelSurface(),scroll:!0});return a&&this._setOpenPanelBranch(a,!1),!0}_closeParentPanelSubmenu(e){const t=e.closest(".submenu");if(!t)return!1;const r=t.parentElement;return!(r instanceof HTMLElement)||!r.matches(c())?!1:(this._focusPanelItem(r),this._setOpenPanelBranch(r,!1),r.removeAttribute("data-submenu-open"),!0)}_clearPanelSubmenuState(){const e=this._panelListbox();e&&e.querySelectorAll('[data-submenu-open="true"]').forEach(t=>t.removeAttribute("data-submenu-open"))}_schedulePanelSubmenuLayout(){this._submenuRaf!=null&&cancelAnimationFrame(this._submenuRaf),this._submenuRaf=requestAnimationFrame(()=>{this._submenuRaf=null,this._layoutPanelSubmenus()})}_layoutPanelSubmenus(){const e=this._panelListbox();if(!e)return;const t=window.innerWidth,r=window.innerHeight;Array.from(e.querySelectorAll('.item > .submenu, [role="menuitem"] > .submenu, [role="menuitemcheckbox"] > .submenu, [role="menuitemradio"] > .submenu, [data-menu-item] > .submenu')).forEach(i=>{const s=i.parentElement;if(!(s instanceof HTMLElement))return;s.removeAttribute("data-submenu-side"),s.removeAttribute("data-submenu-align");const o=i.style.display,u=i.style.visibility,l=i.style.pointerEvents,d=i.style.opacity,h=i.style.transform;i.style.display="grid",i.style.visibility="hidden",i.style.pointerEvents="none",i.style.opacity="0",i.style.transform="none";const f=s.getBoundingClientRect(),_=i.getBoundingClientRect();f.right+4+_.width>t-8&&f.left-4-_.width>=8&&s.setAttribute("data-submenu-side","left"),f.top+_.height>r-8&&f.bottom-_.height>=8&&s.setAttribute("data-submenu-align","up"),i.style.display=o,i.style.visibility=u,i.style.pointerEvents=l,i.style.opacity=d,i.style.transform=h})}_panelListbox(){return this._portalContentHostEl}_panelSurface(){return this._portalSurfaceEl}_buildPanelContent(e){var s;const t=this._contents[e],r=document.createElement("div");r.className="ui-menubar-portal",r.style.position="absolute",r.style.pointerEvents="auto",r.innerHTML=`
+    `),this._attachSlotListeners(),this._syncStructure(),this._syncHostVisualState(),this._syncBarA11y(),this._open&&!this._portalEl?this._rebuildPanel():this._open&&this._positioner?.update()}open(){this.hasAttribute("headless")||this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}get closeOnSelect(){return _(this.getAttribute("close-on-select"),!0)}set closeOnSelect(e){this.setAttribute("close-on-select",e?"true":"false")}get closeOnScroll(){return _(this.getAttribute("close-on-scroll"),!0)}set closeOnScroll(e){this.setAttribute("close-on-scroll",e?"true":"false")}get typeahead(){return _(this.getAttribute("typeahead"),!0)}set typeahead(e){this.setAttribute("typeahead",e?"true":"false")}_attachSlotListeners(){const e=this.root.querySelector('slot[name="item"]'),t=this.root.querySelector('slot[name="content"]');this._itemSlot&&this._itemSlot!==e&&this._itemSlot.removeEventListener("slotchange",this._onSlotChange),this._contentSlot&&this._contentSlot!==t&&this._contentSlot.removeEventListener("slotchange",this._onSlotChange),e&&this._itemSlot!==e&&e.addEventListener("slotchange",this._onSlotChange),t&&this._contentSlot!==t&&t.addEventListener("slotchange",this._onSlotChange),this._itemSlot=e,this._contentSlot=t}_detachSlotListeners(){this._itemSlot&&this._itemSlot.removeEventListener("slotchange",this._onSlotChange),this._contentSlot&&this._contentSlot.removeEventListener("slotchange",this._onSlotChange),this._itemSlot=null,this._contentSlot=null}_syncBarA11y(){const e=this.root.querySelector(".bar");if(!e)return;const t=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal";e.setAttribute("aria-orientation",t)}_syncHostVisualState(){const e=v(this.getAttribute("radius")||this.getAttribute("shape"));e?(this.style.setProperty("--ui-menubar-radius",e),this.style.setProperty("--ui-menubar-item-radius",e==="999px"?"999px":`calc(${e} - 2px)`),this.style.setProperty("--ui-menubar-panel-radius",e),this.style.setProperty("--ui-menubar-panel-item-radius",e==="999px"?"999px":`calc(${e} - 2px)`)):(this.style.removeProperty("--ui-menubar-radius"),this.style.removeProperty("--ui-menubar-item-radius"),this.style.removeProperty("--ui-menubar-panel-radius"),this.style.removeProperty("--ui-menubar-panel-item-radius"))}_onSlotChange(){this._syncState()}_loopEnabled(){return _(this.getAttribute("loop"),!0)}_isOpenAttribute(){return this.hasAttribute("open")&&!this.hasAttribute("headless")}_selectedIndex(){const e=this.getAttribute("selected");if(e==null||e==="")return this._items.length>0?0:-1;const t=Number(e);return Number.isNaN(t)?this._items.length>0?0:-1:t<0?-1:y(t,this._items.length)}_setSelectedAttribute(e){this._ignoreSelected=!0,this.setAttribute("selected",String(e)),this._ignoreSelected=!1}_moveIndex(e,t){if(this._items.length===0)return-1;const r=this._loopEnabled();let a=e+t;return a<0&&(a=r?this._items.length-1:0),a>=this._items.length&&(a=r?0:this._items.length-1),a}_syncState(){this._syncStructure();const e=this._isOpenAttribute()&&this._selectedIndex()>=0&&this._items.length>0;if(e!==this._open){if(this._open=e,e)this._bindGlobalListeners(),this._rebuildPanel(),this.dispatchEvent(new CustomEvent("open",{detail:{selected:this._selectedIndex()},bubbles:!0}));else{this._unbindGlobalListeners();const t=this._panelForIndex>=0?this._panelForIndex:this._selectedIndex();this._teardownPanel(),this.dispatchEvent(new CustomEvent("close",{detail:{previous:t},bubbles:!0}))}return}this._open?(this._bindGlobalListeners(),(this._selectedIndex()!==this._panelForIndex||!this._portalEl)&&this._rebuildPanel()):(this._unbindGlobalListeners(),this._teardownPanel())}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("keydown",this._onDocKeyDown),document.addEventListener("scroll",this._onDocScroll,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("keydown",this._onDocKeyDown),document.removeEventListener("scroll",this._onDocScroll,!0),this._globalListenersBound=!1)}_syncStructure(){this._items=this._itemSlot?this._itemSlot.assignedElements({flatten:!0}):[],this._contents=this._contentSlot?this._contentSlot.assignedElements({flatten:!0}):[];const e=this._selectedIndex(),t=m.resolveRovingFocusIndex(this._items,{activeIndex:this._focusIndex,selectedIndex:e,getDisabled:d});this._focusIndex=t;const r=this._isOpenAttribute();this._items.forEach((a,i)=>{const s=e===i,o=a.id||`ui-menubar-item-${this._uid}-${i}`,u=this._contents[i]?.id||`ui-menubar-content-${this._uid}-${i}`;a.id=o,a.setAttribute("role","menuitem"),a.setAttribute("tabindex",i===t&&!d(a)?"0":"-1"),a.setAttribute("aria-haspopup","menu"),a.setAttribute("aria-expanded",s&&r?"true":"false"),a.setAttribute("aria-controls",u),a.setAttribute("data-active",s?"true":"false")}),m.syncRovingTabStops(this._items,this._items[t]||null,{activeAttribute:null}),this._contents.forEach((a,i)=>{const s=a.id||`ui-menubar-content-${this._uid}-${i}`;a.id=s,a.setAttribute("role","menu"),a.setAttribute("tabindex","-1"),a.setAttribute("aria-hidden",e===i&&r?"false":"true"),this._items[i]?a.setAttribute("aria-labelledby",this._items[i].id):a.removeAttribute("aria-labelledby")})}_hydratePanelItems(e){Array.from(e.querySelectorAll(l())).forEach((r,a)=>{r.getAttribute("role")||r.setAttribute("role","menuitem"),r.hasAttribute("tabindex")||r.setAttribute("tabindex","-1"),r.hasAttribute("data-index")||r.setAttribute("data-index",String(a)),r.classList.contains("item")||r.classList.add("item")})}_queryPanelItemsIn(e){return this._panelListbox()?.queryEnabledItems({container:e||this._panelListbox()})||[]}_submenuFor(e){return e.querySelector(C)}_setOpenPanelBranch(e,t){const r=this._panelListbox();if(!r||(r.querySelectorAll('[data-submenu-open="true"]').forEach(s=>s.removeAttribute("data-submenu-open")),!e))return;const a=[];let i=e;for(;i;){const s=i.closest(".submenu");if(!s)break;const o=s.parentElement;if(!(o instanceof HTMLElement)||!o.matches(l()))break;a.unshift(o),i=o}a.forEach(s=>s.setAttribute("data-submenu-open","true")),t&&this._submenuFor(e)&&e.setAttribute("data-submenu-open","true")}_openPanelSubmenu(e,t){const r=this._submenuFor(e);if(!r||g(e))return!1;if(this._setOpenPanelBranch(e,!0),this._schedulePanelSubmenuLayout(),!t)return!0;const a=this._panelListbox()?.focusBoundary("first",{container:r,focus:!0,owner:this._panelSurface(),scroll:!0});return a&&this._setOpenPanelBranch(a,!1),!0}_closeParentPanelSubmenu(e){const t=e.closest(".submenu");if(!t)return!1;const r=t.parentElement;return!(r instanceof HTMLElement)||!r.matches(l())?!1:(this._focusPanelItem(r),this._setOpenPanelBranch(r,!1),r.removeAttribute("data-submenu-open"),!0)}_clearPanelSubmenuState(){const e=this._panelListbox();e&&e.querySelectorAll('[data-submenu-open="true"]').forEach(t=>t.removeAttribute("data-submenu-open"))}_schedulePanelSubmenuLayout(){this._submenuRaf!=null&&cancelAnimationFrame(this._submenuRaf),this._submenuRaf=requestAnimationFrame(()=>{this._submenuRaf=null,this._layoutPanelSubmenus()})}_layoutPanelSubmenus(){const e=this._panelListbox();if(!e)return;const t=window.innerWidth,r=window.innerHeight;Array.from(e.querySelectorAll('.item > .submenu, [role="menuitem"] > .submenu, [role="menuitemcheckbox"] > .submenu, [role="menuitemradio"] > .submenu, [data-menu-item] > .submenu')).forEach(i=>{const s=i.parentElement;if(!(s instanceof HTMLElement))return;s.removeAttribute("data-submenu-side"),s.removeAttribute("data-submenu-align");const o=i.style.display,u=i.style.visibility,c=i.style.pointerEvents,b=i.style.opacity,A=i.style.transform;i.style.display="grid",i.style.visibility="hidden",i.style.pointerEvents="none",i.style.opacity="0",i.style.transform="none";const h=s.getBoundingClientRect(),f=i.getBoundingClientRect();h.right+4+f.width>t-8&&h.left-4-f.width>=8&&s.setAttribute("data-submenu-side","left"),h.top+f.height>r-8&&h.bottom-f.height>=8&&s.setAttribute("data-submenu-align","up"),i.style.display=o,i.style.visibility=u,i.style.pointerEvents=c,i.style.opacity=b,i.style.transform=A})}_panelListbox(){return this._portalContentHostEl}_panelSurface(){return this._portalSurfaceEl}_buildPanelContent(e){const t=this._contents[e],r=document.createElement("div");r.className="ui-menubar-portal",r.style.position="absolute",r.style.pointerEvents="auto",r.innerHTML=`
       <style>${F}</style>
       <div class="surface menu-panel" part="menu" role="menu" aria-hidden="false" aria-busy="false" tabindex="-1">
         <div class="state-row" part="state"></div>
-        <ui-listbox class="content-host" slot="menu" role="menu" item-selector="${c().replace(/"/g,"&quot;")}" direct-item-selector=":scope > [slot=&quot;menu&quot;] > ${c().replace(/"/g,"&quot;")}" item-role="menuitem" active-attribute="data-active"></ui-listbox>
+        <ui-listbox class="content-host" slot="menu" role="menu" item-selector="${l().replace(/"/g,"&quot;")}" direct-item-selector=":scope > [slot=&quot;menu&quot;] > ${l().replace(/"/g,"&quot;")}" item-role="menuitem" active-attribute="data-active"></ui-listbox>
       </div>
-    `;const a=r.querySelector("ui-listbox.content-host"),i=r.querySelector(".surface");if(!a||!i)return r;if(i.id=(t==null?void 0:t.id)||`ui-menubar-panel-${this._uid}-${e}`,i.setAttribute("aria-labelledby",((s=this._items[e])==null?void 0:s.id)||""),this._applyPanelVariantData(r),this._applyPanelTokens(r),t){const o=t.cloneNode(!0);o.setAttribute("slot","menu"),a.appendChild(o)}if(this._hydratePanelItems(a),a.refresh(),!a.querySelector(c())){const o=document.createElement("div");o.className="empty-state",o.textContent="No items",a.appendChild(o)}return r.addEventListener("click",o=>{var h;const u=S(o);if(!u||v(u))return;if(this._submenuFor(u)){o.preventDefault(),this._openPanelSubmenu(u,!0);return}this._applyPanelSelectionBehavior(u);const l=u.getAttribute("data-index"),d=l!=null&&!Number.isNaN(Number(l))?Number(l):void 0;this.dispatchEvent(new CustomEvent("select",{detail:{selected:e,index:d,value:u.getAttribute("data-value")||u.getAttribute("value")||void 0,label:u.getAttribute("aria-label")||((h=u.textContent)==null?void 0:h.trim())||void 0,checked:u.getAttribute("aria-checked")==="true",item:u},bubbles:!0})),this.closeOnSelect?this.close():this._focusPanelItem(u)}),r.addEventListener("pointerover",this._onPanelPointerOver),r.addEventListener("pointerleave",this._onPanelPointerLeave),r.addEventListener("focusin",this._onPanelFocusIn),r}_applyPanelVariantData(e){const t=p(this,"variant"),r=z(this.getAttribute("size")||this.getAttribute("density")),a=p(this,"density"),i=this.getAttribute("radius"),s=p(this,"shape"),o=p(this,"elevation"),u=p(this,"tone"),l=t==="default"||t===""?"":t==="glass"?"soft":t==="line"?"outline":t;l?e.setAttribute("data-variant",l):e.removeAttribute("data-variant"),r!=="md"?e.setAttribute("data-size",r):e.removeAttribute("data-size"),a&&a!=="default"?e.setAttribute("data-density",a):e.removeAttribute("data-density"),i?e.setAttribute("data-radius",i):e.removeAttribute("data-radius"),s&&s!=="default"?e.setAttribute("data-shape",s):e.removeAttribute("data-shape"),o&&o!=="default"?e.setAttribute("data-elevation",o):e.removeAttribute("data-elevation"),u&&u!=="default"&&u!=="brand"?e.setAttribute("data-tone",u):e.removeAttribute("data-tone"),this._open?e.setAttribute("data-open","true"):e.removeAttribute("data-open");const d=y(i||s||null);d?(e.style.setProperty("--ui-menubar-panel-radius",d),e.style.setProperty("--ui-menubar-panel-item-radius",d==="999px"?"999px":`calc(${d} - 2px)`)):(e.style.removeProperty("--ui-menubar-panel-radius"),e.style.removeProperty("--ui-menubar-panel-item-radius"))}_applyPanelTokens(e){const t=window.getComputedStyle(this);["--ui-color-primary","--ui-color-primary-hover","--ui-color-foreground-on-primary","--ui-color-background","--ui-color-surface","--ui-color-surface-alt","--ui-color-text","--ui-color-muted","--ui-color-border","--ui-color-focus-ring","--ui-color-success","--ui-color-danger","--ui-color-warning","--ui-primary","--ui-primary-hover","--ui-foreground","--ui-background","--ui-surface","--ui-surface-alt","--ui-text","--ui-muted","--ui-border","--ui-focus-ring","--ui-radius","--color-background","--color-surface","--color-panel","--color-panel-solid","--color-panel-translucent","--color-overlay","--accent-contrast","--accent-surface","--accent-indicator","--accent-track","--ui-menubar-ring","--ui-menubar-z","--ui-menubar-panel-bg","--ui-menubar-panel-color","--ui-menubar-panel-border","--ui-menubar-panel-shadow","--ui-menubar-panel-radius","--ui-menubar-panel-padding","--ui-menubar-panel-min-width","--ui-menubar-panel-item-radius","--ui-menubar-panel-item-gap","--ui-menubar-panel-item-min-height","--ui-menubar-panel-item-pad-y","--ui-menubar-panel-item-pad-x","--ui-menubar-panel-item-font-size","--ui-menubar-panel-item-font-weight","--ui-menubar-panel-item-line-height","--ui-menubar-panel-separator-margin","--ui-menubar-panel-item-hover-bg","--ui-menubar-panel-item-active-color"].forEach(a=>{const i=t.getPropertyValue(a).trim();i?e.style.setProperty(a,i):e.style.removeProperty(a)}),T.forEach(a=>{const i=t.getPropertyValue(a).trim();i?e.style.setProperty(a,i):e.style.removeProperty(a)}),D.forEach(({prefix:a,from:i,to:s})=>{for(let o=i;o<=s;o+=1){const u=`${a}${o}`,l=t.getPropertyValue(u).trim();l?e.style.setProperty(u,l):e.style.removeProperty(u)}})}_syncPanelVisualState(){const e=this._portalEl;if(!e)return;this._setPanelFlag("open",this._open),this._applyPanelVariantData(e),this._applyPanelTokens(e);const t=this._panelSurface();t&&(t.setAttribute("aria-hidden","false"),t.setAttribute("aria-busy","false"),t.removeAttribute("hidden"),t.style.display="block",t.style.visibility="visible",t.style.opacity="1",t.style.transform="translateY(0px) scale(1)",t.style.pointerEvents="auto");const r=e.querySelector(".state-row");r&&(r.textContent=""),this._schedulePanelSubmenuLayout()}_rebuildPanel(){if(!this._open)return;const e=this._selectedIndex(),t=this._items[e];if(e<0||!t){this._teardownPanel();return}this._teardownPanel();const r=this._buildPanelContent(e);this._portalEl=r,this._portalSurfaceEl=r.querySelector(".surface"),this._portalContentHostEl=r.querySelector("ui-listbox.content-host"),this._panelForIndex=e;const a=P.createPortalContainer();if(!a){this._portalEl=null,this._panelForIndex=-1;return}a.appendChild(r),this._positioner=I.createPositioner({anchor:t,floating:this._panelSurface()||r,placement:O(this.getAttribute("placement")),offset:6,flip:!0,shift:!0,fitViewport:!0,observeScroll:!1}),this._dismissableLayer=k.createDismissableLayer({node:this._panelSurface()||r,trigger:t,closeOnEscape:!0,closeOnPointerOutside:!0,onDismiss:()=>this.close()})}_teardownPanel(){var e,t,r;if((e=this._dismissableLayer)==null||e.destroy(),this._dismissableLayer=null,(t=this._positioner)==null||t.destroy(),this._positioner=null,(r=this._portalEl)!=null&&r.parentElement)try{this._portalEl.parentElement.removeChild(this._portalEl)}catch{}this._portalEl=null,this._portalSurfaceEl=null,this._portalContentHostEl=null,this._panelForIndex=-1,this._submenuRaf!=null&&(cancelAnimationFrame(this._submenuRaf),this._submenuRaf=null),this._resetTypeahead()}_selectIndex(e,t){const r=this._selectedIndex(),a=x(e,this._items.length);a<0||(this._setSelectedAttribute(a),this.setAttribute("open",""),this._syncState(),this.dispatchEvent(new CustomEvent("change",{detail:{selected:a,previous:r,open:!0,reason:t},bubbles:!0})))}_focusItem(e){const t=this._items[e];t&&(this._focusIndex=e,m.syncRovingTabStops(this._items,t,{activeAttribute:null}),m.focusRovingItem(t))}_queryPanelItems(){return this._queryPanelItemsIn(this._panelListbox())}_focusPanelItem(e){var t;e&&((t=this._panelListbox())==null||t.setActiveItem(e,{focus:!0,owner:this._panelSurface(),scroll:!0}))}_focusPanelFirst(){var e;(e=this._panelListbox())==null||e.focusBoundary("first",{focus:!0,owner:this._panelSurface(),scroll:!0})}_focusPanelLast(){var e;(e=this._panelListbox())==null||e.focusBoundary("last",{focus:!0,owner:this._panelSurface(),scroll:!0})}_movePanelFocus(e){var s,o,u;const t=document.activeElement,r=t&&((s=this._portalEl)!=null&&s.contains(t))?t.closest(c()):null,a=(r==null?void 0:r.closest(".submenu"))||this._panelListbox();((u=this._panelListbox())==null?void 0:u.move(e,{container:a,current:t&&((o=this._portalEl)!=null&&o.contains(t))?t:null,focus:!0,owner:this._panelSurface(),scroll:!0}))||null||this._focusPanelFirst()}_resetTypeahead(){this._typeaheadBuffer="",this._typeaheadTimer!=null&&(window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null)}_isTypeaheadKey(e){return e.ctrlKey||e.metaKey||e.altKey?!1:e.key.length===1&&/\S/.test(e.key)}_typeaheadOnBar(e){if(!this.typeahead||!this._isTypeaheadKey(e))return!1;this._typeaheadBuffer=`${this._typeaheadBuffer}${e.key.toLowerCase()}`.slice(0,24),this._typeaheadTimer!=null&&window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=window.setTimeout(()=>this._resetTypeahead(),420);const t=this._items.findIndex(a=>a===e.target||a.contains(e.target)),r=E.findTypeaheadMatch(this._items,this._typeaheadBuffer,{startIndex:t,getLabel:a=>a.getAttribute("aria-label")||a.textContent||"",getDisabled:b});return r<0?!1:(e.preventDefault(),this._focusItem(r),this._open&&this._selectIndex(r,"keyboard"),!0)}_typeaheadOnPanel(e){var s,o,u;if(!this.typeahead||!this._isTypeaheadKey(e))return!1;this._typeaheadBuffer=`${this._typeaheadBuffer}${e.key.toLowerCase()}`.slice(0,24),this._typeaheadTimer!=null&&window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=window.setTimeout(()=>this._resetTypeahead(),420);const t=document.activeElement,r=t&&((s=this._portalEl)!=null&&s.contains(t))?t.closest(c()):null,a=(r==null?void 0:r.closest(".submenu"))||this._panelListbox();return((u=this._panelListbox())==null?void 0:u.typeahead(this._typeaheadBuffer,{container:a,current:t&&((o=this._portalEl)!=null&&o.contains(t))?t:null,focus:!0,owner:this._panelSurface(),scroll:!0}))||null?(e.preventDefault(),!0):!1}_applyPanelSelectionBehavior(e){const t=e.getAttribute("role");if(t==="menuitemcheckbox"){const s=e.getAttribute("aria-checked")!=="true";e.setAttribute("aria-checked",s?"true":"false"),e.setAttribute("data-state",s?"checked":"unchecked");return}if(t!=="menuitemradio")return;const r=e.closest(".submenu")||this._panelListbox();if(!r)return;const a=e.getAttribute("data-group")||e.getAttribute("name")||"";Array.from(r.querySelectorAll('[role="menuitemradio"]')).forEach(s=>{a&&(s.getAttribute("data-group")||s.getAttribute("name")||"")!==a||(s.setAttribute("aria-checked","false"),s.setAttribute("data-state","unchecked"))}),e.setAttribute("aria-checked","true"),e.setAttribute("data-state","checked")}_onClick(e){const t=e.composedPath(),r=this._items.findIndex(i=>t.includes(i));if(r<0)return;if(this._focusItem(r),this._selectedIndex()===r&&this._open){this.close(),this._syncState();return}this._selectIndex(r,"click")}_onMouseMove(e){if(!this._open)return;const t=e.composedPath(),r=this._items.findIndex(a=>t.includes(a));r<0||r!==this._selectedIndex()&&this._selectIndex(r,"programmatic")}_isInternalScrollEvent(e){var a;const t=typeof e.composedPath=="function"?e.composedPath():[];if(this._portalEl&&t.includes(this._portalEl)||this._items.some(i=>t.includes(i)))return!0;const r=e.target;return!!(r instanceof Node&&((a=this._portalEl)!=null&&a.contains(r)||this._items.some(i=>i.contains(r))))}_onDocScroll(e){!this._open||!this.closeOnScroll||this._isInternalScrollEvent(e)||this.close()}_onPanelPointerOver(e){var a;if(!this._open)return;const t=S(e);if(!t||v(t))return;const r=t.closest(".submenu")||this._panelListbox();(a=this._panelListbox())==null||a.setActiveItem(t,{container:r,focus:!1,owner:this._panelSurface(),scroll:!1}),this._submenuFor(t)?this._openPanelSubmenu(t,!1):this._setOpenPanelBranch(t,!1)}_onPanelPointerLeave(e){if(!(e.currentTarget instanceof HTMLElement))return;const t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||this._clearPanelSubmenuState()}_onPanelFocusIn(e){const t=e.target;if(!(t instanceof HTMLElement))return;const r=t.closest(c());r&&(this._submenuFor(r)?this._setOpenPanelBranch(r,!0):this._setOpenPanelBranch(r,!1))}_onKeyDown(e){const t=this._items.findIndex(o=>o===e.target||o.contains(e.target));if(t<0)return;const r=getComputedStyle(this).direction==="rtl"?"rtl":"ltr";let a=!1,i=t;const s=m.resolveRovingFocusIndex(this._items,{activeIndex:t,selectedIndex:this._selectedIndex(),getDisabled:b});e.key==="ArrowRight"?(i=m.moveRovingFocusIndex(this._items,t,r==="rtl"?-1:1,{wrap:this._loopEnabled(),fallbackIndex:s,getDisabled:b}),a=!0):e.key==="ArrowLeft"?(i=m.moveRovingFocusIndex(this._items,t,r==="rtl"?1:-1,{wrap:this._loopEnabled(),fallbackIndex:s,getDisabled:b}),a=!0):e.key==="Home"?(i=m.getRovingFocusBoundaryIndex(this._items,"first",b),a=!0):e.key==="End"?(i=m.getRovingFocusBoundaryIndex(this._items,"last",b),a=!0):e.key==="Enter"||e.key===" "?(this._selectIndex(t,"keyboard"),a=!0):e.key==="ArrowDown"?(this._selectIndex(t,"keyboard"),setTimeout(()=>this._focusPanelFirst(),0),a=!0):e.key==="ArrowUp"&&(this._selectIndex(t,"keyboard"),setTimeout(()=>this._focusPanelLast(),0),a=!0),!(!a&&this._typeaheadOnBar(e))&&a&&(e.preventDefault(),i>=0&&i!==t&&(this._focusItem(i),this._open&&this._selectIndex(i,"keyboard")))}_onDocKeyDown(e){var i;if(!this._open||!(!!this._portalEl&&e.composedPath().includes(this._portalEl))||this._typeaheadOnPanel(e))return;if(e.key==="ArrowDown"){e.preventDefault(),this._movePanelFocus(1);return}if(e.key==="ArrowUp"){e.preventDefault(),this._movePanelFocus(-1);return}if(e.key==="Home"){e.preventDefault(),this._focusPanelFirst();return}if(e.key==="End"){e.preventDefault(),this._focusPanelLast();return}const r=document.activeElement,a=r==null?void 0:r.closest(c());if(e.key==="ArrowRight"&&a&&this._openPanelSubmenu(a,!0)){e.preventDefault();return}if(e.key==="ArrowLeft"&&a&&this._closeParentPanelSubmenu(a)){e.preventDefault();return}if(e.key==="Tab"){this.close();return}if(e.key==="Enter"||e.key===" "){if(!r||!((i=this._portalEl)!=null&&i.contains(r))||!a||v(a)||(e.preventDefault(),this._openPanelSubmenu(a,!0)))return;a.click()}}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-menubar")&&customElements.define("ui-menubar",A);exports.UIMenubar=A;
+    `;const a=r.querySelector("ui-listbox.content-host"),i=r.querySelector(".surface");if(!a||!i)return r;if(i.id=t?.id||`ui-menubar-panel-${this._uid}-${e}`,i.setAttribute("aria-labelledby",this._items[e]?.id||""),this._applyPanelVariantData(r),this._applyPanelTokens(r),t){const s=t.cloneNode(!0);s.setAttribute("slot","menu"),a.appendChild(s)}if(this._hydratePanelItems(a),a.refresh(),!a.querySelector(l())){const s=document.createElement("div");s.className="empty-state",s.textContent="No items",a.appendChild(s)}return r.addEventListener("click",s=>{const o=x(s);if(!o||g(o))return;if(this._submenuFor(o)){s.preventDefault(),this._openPanelSubmenu(o,!0);return}this._applyPanelSelectionBehavior(o);const u=o.getAttribute("data-index"),c=u!=null&&!Number.isNaN(Number(u))?Number(u):void 0;this.dispatchEvent(new CustomEvent("select",{detail:{selected:e,index:c,value:o.getAttribute("data-value")||o.getAttribute("value")||void 0,label:o.getAttribute("aria-label")||o.textContent?.trim()||void 0,checked:o.getAttribute("aria-checked")==="true",item:o},bubbles:!0})),this.closeOnSelect?this.close():this._focusPanelItem(o)}),r.addEventListener("pointerover",this._onPanelPointerOver),r.addEventListener("pointerleave",this._onPanelPointerLeave),r.addEventListener("focusin",this._onPanelFocusIn),r}_applyPanelVariantData(e){const t=p(this,"variant"),r=z(this.getAttribute("size")||this.getAttribute("density")),a=p(this,"density"),i=this.getAttribute("radius"),s=p(this,"shape"),o=p(this,"elevation"),u=p(this,"tone"),c=t==="default"||t===""?"":t==="glass"?"soft":t==="line"?"outline":t;c?e.setAttribute("data-variant",c):e.removeAttribute("data-variant"),r!=="md"?e.setAttribute("data-size",r):e.removeAttribute("data-size"),a&&a!=="default"?e.setAttribute("data-density",a):e.removeAttribute("data-density"),i?e.setAttribute("data-radius",i):e.removeAttribute("data-radius"),s&&s!=="default"?e.setAttribute("data-shape",s):e.removeAttribute("data-shape"),o&&o!=="default"?e.setAttribute("data-elevation",o):e.removeAttribute("data-elevation"),u&&u!=="default"&&u!=="brand"?e.setAttribute("data-tone",u):e.removeAttribute("data-tone"),this._open?e.setAttribute("data-open","true"):e.removeAttribute("data-open");const b=v(i||s||null);b?(e.style.setProperty("--ui-menubar-panel-radius",b),e.style.setProperty("--ui-menubar-panel-item-radius",b==="999px"?"999px":`calc(${b} - 2px)`)):(e.style.removeProperty("--ui-menubar-panel-radius"),e.style.removeProperty("--ui-menubar-panel-item-radius"))}_applyPanelTokens(e){const t=window.getComputedStyle(this);["--ui-color-primary","--ui-color-primary-hover","--ui-color-foreground-on-primary","--ui-color-background","--ui-color-surface","--ui-color-surface-alt","--ui-color-text","--ui-color-muted","--ui-color-border","--ui-color-focus-ring","--ui-color-success","--ui-color-danger","--ui-color-warning","--ui-primary","--ui-primary-hover","--ui-foreground","--ui-background","--ui-surface","--ui-surface-alt","--ui-text","--ui-muted","--ui-border","--ui-focus-ring","--ui-radius","--color-background","--color-surface","--color-panel","--color-panel-solid","--color-panel-translucent","--color-overlay","--accent-contrast","--accent-surface","--accent-indicator","--accent-track","--ui-menubar-ring","--ui-menubar-z","--ui-menubar-panel-bg","--ui-menubar-panel-color","--ui-menubar-panel-border","--ui-menubar-panel-shadow","--ui-menubar-panel-radius","--ui-menubar-panel-padding","--ui-menubar-panel-min-width","--ui-menubar-panel-item-radius","--ui-menubar-panel-item-gap","--ui-menubar-panel-item-min-height","--ui-menubar-panel-item-pad-y","--ui-menubar-panel-item-pad-x","--ui-menubar-panel-item-font-size","--ui-menubar-panel-item-font-weight","--ui-menubar-panel-item-line-height","--ui-menubar-panel-separator-margin","--ui-menubar-panel-item-hover-bg","--ui-menubar-panel-item-active-color"].forEach(a=>{const i=t.getPropertyValue(a).trim();i?e.style.setProperty(a,i):e.style.removeProperty(a)}),T.forEach(a=>{const i=t.getPropertyValue(a).trim();i?e.style.setProperty(a,i):e.style.removeProperty(a)}),D.forEach(({prefix:a,from:i,to:s})=>{for(let o=i;o<=s;o+=1){const u=`${a}${o}`,c=t.getPropertyValue(u).trim();c?e.style.setProperty(u,c):e.style.removeProperty(u)}})}_syncPanelVisualState(){const e=this._portalEl;if(!e)return;this._setPanelFlag("open",this._open),this._applyPanelVariantData(e),this._applyPanelTokens(e);const t=this._panelSurface();t&&(t.setAttribute("aria-hidden","false"),t.setAttribute("aria-busy","false"),t.removeAttribute("hidden"),t.style.display="block",t.style.visibility="visible",t.style.opacity="1",t.style.transform="translateY(0px) scale(1)",t.style.pointerEvents="auto");const r=e.querySelector(".state-row");r&&(r.textContent=""),this._schedulePanelSubmenuLayout()}_rebuildPanel(){if(!this._open)return;const e=this._selectedIndex(),t=this._items[e];if(e<0||!t){this._teardownPanel();return}this._teardownPanel();const r=this._buildPanelContent(e);this._portalEl=r,this._portalSurfaceEl=r.querySelector(".surface"),this._portalContentHostEl=r.querySelector("ui-listbox.content-host"),this._panelForIndex=e;const a=P.createPortalContainer();if(!a){this._portalEl=null,this._panelForIndex=-1;return}a.appendChild(r),this._positioner=I.createPositioner({anchor:t,floating:this._panelSurface()||r,placement:O(this.getAttribute("placement")),offset:6,flip:!0,shift:!0,fitViewport:!0,observeScroll:!1}),this._dismissableLayer=k.createDismissableLayer({node:this._panelSurface()||r,trigger:t,closeOnEscape:!0,closeOnPointerOutside:!0,onDismiss:()=>this.close()})}_teardownPanel(){if(this._dismissableLayer?.destroy(),this._dismissableLayer=null,this._positioner?.destroy(),this._positioner=null,this._portalEl?.parentElement)try{this._portalEl.parentElement.removeChild(this._portalEl)}catch{}this._portalEl=null,this._portalSurfaceEl=null,this._portalContentHostEl=null,this._panelForIndex=-1,this._submenuRaf!=null&&(cancelAnimationFrame(this._submenuRaf),this._submenuRaf=null),this._resetTypeahead()}_selectIndex(e,t){const r=this._selectedIndex(),a=y(e,this._items.length);a<0||(this._setSelectedAttribute(a),this.setAttribute("open",""),this._syncState(),this.dispatchEvent(new CustomEvent("change",{detail:{selected:a,previous:r,open:!0,reason:t},bubbles:!0})))}_focusItem(e){const t=this._items[e];t&&(this._focusIndex=e,m.syncRovingTabStops(this._items,t,{activeAttribute:null}),m.focusRovingItem(t))}_queryPanelItems(){return this._queryPanelItemsIn(this._panelListbox())}_focusPanelItem(e){e&&this._panelListbox()?.setActiveItem(e,{focus:!0,owner:this._panelSurface(),scroll:!0})}_focusPanelFirst(){this._panelListbox()?.focusBoundary("first",{focus:!0,owner:this._panelSurface(),scroll:!0})}_focusPanelLast(){this._panelListbox()?.focusBoundary("last",{focus:!0,owner:this._panelSurface(),scroll:!0})}_movePanelFocus(e){const t=document.activeElement,a=(t&&this._portalEl?.contains(t)?t.closest(l()):null)?.closest(".submenu")||this._panelListbox();this._panelListbox()?.move(e,{container:a,current:t&&this._portalEl?.contains(t)?t:null,focus:!0,owner:this._panelSurface(),scroll:!0})||this._focusPanelFirst()}_resetTypeahead(){this._typeaheadBuffer="",this._typeaheadTimer!=null&&(window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null)}_isTypeaheadKey(e){return e.ctrlKey||e.metaKey||e.altKey?!1:e.key.length===1&&/\S/.test(e.key)}_typeaheadOnBar(e){if(!this.typeahead||!this._isTypeaheadKey(e))return!1;this._typeaheadBuffer=`${this._typeaheadBuffer}${e.key.toLowerCase()}`.slice(0,24),this._typeaheadTimer!=null&&window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=window.setTimeout(()=>this._resetTypeahead(),420);const t=this._items.findIndex(a=>a===e.target||a.contains(e.target)),r=E.findTypeaheadMatch(this._items,this._typeaheadBuffer,{startIndex:t,getLabel:a=>a.getAttribute("aria-label")||a.textContent||"",getDisabled:d});return r<0?!1:(e.preventDefault(),this._focusItem(r),this._open&&this._selectIndex(r,"keyboard"),!0)}_typeaheadOnPanel(e){if(!this.typeahead||!this._isTypeaheadKey(e))return!1;this._typeaheadBuffer=`${this._typeaheadBuffer}${e.key.toLowerCase()}`.slice(0,24),this._typeaheadTimer!=null&&window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=window.setTimeout(()=>this._resetTypeahead(),420);const t=document.activeElement,a=(t&&this._portalEl?.contains(t)?t.closest(l()):null)?.closest(".submenu")||this._panelListbox();return this._panelListbox()?.typeahead(this._typeaheadBuffer,{container:a,current:t&&this._portalEl?.contains(t)?t:null,focus:!0,owner:this._panelSurface(),scroll:!0})||null?(e.preventDefault(),!0):!1}_applyPanelSelectionBehavior(e){const t=e.getAttribute("role");if(t==="menuitemcheckbox"){const s=e.getAttribute("aria-checked")!=="true";e.setAttribute("aria-checked",s?"true":"false"),e.setAttribute("data-state",s?"checked":"unchecked");return}if(t!=="menuitemradio")return;const r=e.closest(".submenu")||this._panelListbox();if(!r)return;const a=e.getAttribute("data-group")||e.getAttribute("name")||"";Array.from(r.querySelectorAll('[role="menuitemradio"]')).forEach(s=>{a&&(s.getAttribute("data-group")||s.getAttribute("name")||"")!==a||(s.setAttribute("aria-checked","false"),s.setAttribute("data-state","unchecked"))}),e.setAttribute("aria-checked","true"),e.setAttribute("data-state","checked")}_onClick(e){const t=e.composedPath(),r=this._items.findIndex(i=>t.includes(i));if(r<0)return;if(this._focusItem(r),this._selectedIndex()===r&&this._open){this.close(),this._syncState();return}this._selectIndex(r,"click")}_onMouseMove(e){if(!this._open)return;const t=e.composedPath(),r=this._items.findIndex(a=>t.includes(a));r<0||r!==this._selectedIndex()&&this._selectIndex(r,"programmatic")}_isInternalScrollEvent(e){const t=typeof e.composedPath=="function"?e.composedPath():[];if(this._portalEl&&t.includes(this._portalEl)||this._items.some(a=>t.includes(a)))return!0;const r=e.target;return!!(r instanceof Node&&(this._portalEl?.contains(r)||this._items.some(a=>a.contains(r))))}_onDocScroll(e){!this._open||!this.closeOnScroll||this._isInternalScrollEvent(e)||this.close()}_onPanelPointerOver(e){if(!this._open)return;const t=x(e);if(!t||g(t))return;const r=t.closest(".submenu")||this._panelListbox();this._panelListbox()?.setActiveItem(t,{container:r,focus:!1,owner:this._panelSurface(),scroll:!1}),this._submenuFor(t)?this._openPanelSubmenu(t,!1):this._setOpenPanelBranch(t,!1)}_onPanelPointerLeave(e){if(!(e.currentTarget instanceof HTMLElement))return;const t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||this._clearPanelSubmenuState()}_onPanelFocusIn(e){const t=e.target;if(!(t instanceof HTMLElement))return;const r=t.closest(l());r&&(this._submenuFor(r)?this._setOpenPanelBranch(r,!0):this._setOpenPanelBranch(r,!1))}_onKeyDown(e){const t=this._items.findIndex(o=>o===e.target||o.contains(e.target));if(t<0)return;const r=getComputedStyle(this).direction==="rtl"?"rtl":"ltr";let a=!1,i=t;const s=m.resolveRovingFocusIndex(this._items,{activeIndex:t,selectedIndex:this._selectedIndex(),getDisabled:d});e.key==="ArrowRight"?(i=m.moveRovingFocusIndex(this._items,t,r==="rtl"?-1:1,{wrap:this._loopEnabled(),fallbackIndex:s,getDisabled:d}),a=!0):e.key==="ArrowLeft"?(i=m.moveRovingFocusIndex(this._items,t,r==="rtl"?1:-1,{wrap:this._loopEnabled(),fallbackIndex:s,getDisabled:d}),a=!0):e.key==="Home"?(i=m.getRovingFocusBoundaryIndex(this._items,"first",d),a=!0):e.key==="End"?(i=m.getRovingFocusBoundaryIndex(this._items,"last",d),a=!0):e.key==="Enter"||e.key===" "?(this._selectIndex(t,"keyboard"),a=!0):e.key==="ArrowDown"?(this._selectIndex(t,"keyboard"),setTimeout(()=>this._focusPanelFirst(),0),a=!0):e.key==="ArrowUp"&&(this._selectIndex(t,"keyboard"),setTimeout(()=>this._focusPanelLast(),0),a=!0),!(!a&&this._typeaheadOnBar(e))&&a&&(e.preventDefault(),i>=0&&i!==t&&(this._focusItem(i),this._open&&this._selectIndex(i,"keyboard")))}_onDocKeyDown(e){if(!this._open||!(!!this._portalEl&&e.composedPath().includes(this._portalEl))||this._typeaheadOnPanel(e))return;if(e.key==="ArrowDown"){e.preventDefault(),this._movePanelFocus(1);return}if(e.key==="ArrowUp"){e.preventDefault(),this._movePanelFocus(-1);return}if(e.key==="Home"){e.preventDefault(),this._focusPanelFirst();return}if(e.key==="End"){e.preventDefault(),this._focusPanelLast();return}const r=document.activeElement,a=r?.closest(l());if(e.key==="ArrowRight"&&a&&this._openPanelSubmenu(a,!0)){e.preventDefault();return}if(e.key==="ArrowLeft"&&a&&this._closeParentPanelSubmenu(a)){e.preventDefault();return}if(e.key==="Tab"){this.close();return}if(e.key==="Enter"||e.key===" "){if(!r||!this._portalEl?.contains(r)||!a||g(a)||(e.preventDefault(),this._openPanelSubmenu(a,!0)))return;a.click()}}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-menubar")&&customElements.define("ui-menubar",S);exports.UIMenubar=S;