@editora/ui-core 0.2.1 → 0.3.0

package/dist/masonry-grid.esm.js

@@ -1,4 +1,4 @@
-import { E as f } from "./ElementBase-BeZT54Hj.mjs";
+import { E as f } from "./ElementBase-D5QsC5Vw.mjs";
 const g = {
   sm: "var(--ui-breakpoint-sm, 640px)",
   md: "var(--ui-breakpoint-md, 768px)",

package/dist/menu.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-DxbvhLJs.js"),x=require("./trigger-DkPsKxsP.js"),A=require("./portal-XbYR3m_q.js"),E=require("./dismissable-layer-DNfrKA20.js"),S=require("./positioner-DZ1FW6A9.js"),c=require("./overlay-motion-B56x1GoY.js"),k=require("./menu-item-styles-DUdyjQ7i.js");function _(r){return r==="top"||r==="left"||r==="right"?r:"bottom"}function w(r){return r==="sm"||r==="1"||r==="compact"?"sm":r==="lg"||r==="3"||r==="comfortable"?"lg":"md"}function I(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(r,e){return r.getAttribute(e)||""}function p(r,e){if(r==null)return e;const t=String(r).toLowerCase();return t!=="false"&&t!=="0"}function u(){return['[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',".item","[data-menu-item]"].join(", ")}function m(r){return r.hasAttribute("disabled")||r.getAttribute("aria-disabled")==="true"||!!r.disabled}function f(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 C=new Set(["variant","density","shape","elevation","tone","size","radius"]),T=["--ui-menu-bg","--ui-menu-color","--ui-menu-border-color","--ui-menu-border","--ui-menu-shadow","--ui-menu-radius","--ui-menu-padding","--ui-menu-min-width","--ui-menu-ring","--ui-menu-backdrop","--ui-menu-z","--ui-menu-item-radius","--ui-menu-item-gap","--ui-menu-item-min-height","--ui-menu-item-pad-y","--ui-menu-item-pad-x","--ui-menu-item-font-size","--ui-menu-item-line-height","--ui-menu-separator-margin","--ui-menu-item-hover-bg","--ui-menu-item-active-color"],L=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ElementBase-CbUsP3D6.js"),p=require("./clone-source-C7E_ri5f.js"),A=require("./trigger-DkPsKxsP.js"),E=require("./portal-XbYR3m_q.js"),S=require("./dismissable-layer-DNfrKA20.js"),k=require("./positioner-DZ1FW6A9.js"),m=require("./overlay-motion-B56x1GoY.js"),w=require("./menu-item-styles-DUdyjQ7i.js");function v(r){return r==="top"||r==="left"||r==="right"?r:"bottom"}function C(r){return r==="sm"||r==="1"||r==="compact"?"sm":r==="lg"||r==="3"||r==="comfortable"?"lg":"md"}function I(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(r,e){return r.getAttribute(e)||""}function f(r,e){if(r==null)return e;const t=String(r).toLowerCase();return t!=="false"&&t!=="0"}function u(){return['[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',".item","[data-menu-item]"].join(", ")}function c(r){return r.hasAttribute("disabled")||r.getAttribute("aria-disabled")==="true"||!!r.disabled}function b(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 T=new Set(["variant","density","shape","elevation","tone","size","radius"]),L=["--ui-menu-bg","--ui-menu-color","--ui-menu-border-color","--ui-menu-border","--ui-menu-shadow","--ui-menu-radius","--ui-menu-padding","--ui-menu-min-width","--ui-menu-ring","--ui-menu-backdrop","--ui-menu-z","--ui-menu-item-radius","--ui-menu-item-gap","--ui-menu-item-min-height","--ui-menu-item-pad-y","--ui-menu-item-pad-x","--ui-menu-item-font-size","--ui-menu-item-line-height","--ui-menu-separator-margin","--ui-menu-item-hover-bg","--ui-menu-item-active-color"],P=`
   :host {
     --ui-menu-bg: var(--base-menu-bg, var(--color-panel-solid, var(--ui-color-surface, var(--ui-surface, #ffffff))));
     --ui-menu-color: var(--ui-color-text, var(--ui-text, #0f172a));
@@ -40,8 +40,8 @@
     pointer-events: none;
     opacity: 0.62;
   }
-`,P=`
-  ${c.OVERLAY_MOTION_CSS}
+`,O=`
+  ${m.OVERLAY_MOTION_CSS}
 
   .menu {
     position: absolute;
@@ -99,7 +99,7 @@
     --ui-menu-bg: #0f172a;
     --ui-menu-color: #f8fafc;
     --ui-menu-border-color: #334155;
-    --ui-menu-ring: #93c5fd;
+    --ui-menu-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-menu-item-hover-bg: color-mix(in srgb, #ffffff 12%, transparent);
   }
 
@@ -175,7 +175,7 @@
     --ui-menu-item-active-color: inherit;
   }
 
-  ${k.createSharedMenuItemCss({scopes:[".menu"],prefix:"--ui-menu",shortcutSelectors:[".shortcut",".meta"],activeStateSelectors:['.item[data-active="true"]','[role="menuitem"][data-active="true"]','[role="menuitemcheckbox"][data-active="true"]','[role="menuitemradio"][data-active="true"]','[data-menu-item][data-active="true"]']})}
+  ${w.createSharedMenuItemCss({scopes:[".menu"],prefix:"--ui-menu",shortcutSelectors:[".shortcut",".meta"],activeStateSelectors:['.item[data-active="true"]','[role="menuitem"][data-active="true"]','[role="menuitemcheckbox"][data-active="true"]','[role="menuitemradio"][data-active="true"]','[data-menu-item][data-active="true"]']})}
 
   .menu[data-variant="solid"] [role="menuitem"]:hover,
   .menu[data-variant="solid"] [role="menuitem"]:focus-visible,
@@ -246,8 +246,8 @@
       box-shadow: none;
     }
   }
-`;class v extends y.ElementBase{constructor(){super(),this._isOpen=!1,this._portalEl=null,this._positioner=null,this._dismissableLayer=null,this._restoreFocusEl=null,this._typeaheadBuffer="",this._typeaheadTimer=null,this._globalListenersBound=!1,this._menuClickHandler=null,this._menuId=`ui-menu-${Math.random().toString(36).slice(2,10)}`,this._onHostClick=this._onHostClick.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this),this._onDocumentScroll=this._onDocumentScroll.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","disabled","placement","variant","size","density","radius","shape","elevation","tone","close-on-select","close-on-scroll","typeahead"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onHostClick),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState(),this._syncTriggerA11y()}disconnectedCallback(){this.removeEventListener("click",this._onHostClick),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._teardownPortal(),super.disconnectedCallback()}attributeChangedCallback(e,t,i){if(t!==i){if(e==="open"){this._syncOpenState();return}if(!(e==="close-on-select"||e==="close-on-scroll"||e==="typeahead")){if(e==="disabled"){this.hasAttribute("disabled")&&this.close(),this._syncTriggerA11y();return}if(e==="placement"&&this._isOpen){this._rebuildPositioner();return}C.has(e)&&this._isOpen&&this._syncPortalVisualState()}}}open(){this.hasAttribute("disabled")||this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}get closeOnSelect(){return p(this.getAttribute("close-on-select"),!0)}set closeOnSelect(e){this.setAttribute("close-on-select",e?"true":"false")}get closeOnScroll(){return p(this.getAttribute("close-on-scroll"),!0)}set closeOnScroll(e){this.setAttribute("close-on-scroll",e?"true":"false")}get typeahead(){return p(this.getAttribute("typeahead"),!0)}set typeahead(e){this.setAttribute("typeahead",e?"true":"false")}_getTrigger(){return this.querySelector('[slot="trigger"]')}_getContentSource(){return this.querySelector('[slot="content"]')}_getItemSources(){return Array.from(this.querySelectorAll('[slot="item"]'))}_onSlotChange(){this._isOpen&&this._rebuildPortalContent()}_syncTriggerA11y(){const e=this._getTrigger();if(!e)return;const t=x.resolveTriggerControl(e);if(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",this._isOpen?"true":"false"),t.setAttribute("aria-controls",this._menuId),this.hasAttribute("disabled")){t.setAttribute("aria-disabled","true"),t.setAttribute("tabindex","-1");return}t.getAttribute("aria-disabled")==="true"&&t.removeAttribute("aria-disabled"),t.getAttribute("tabindex")==="-1"&&t.removeAttribute("tabindex")}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("disabled");if(e===this._isOpen){this._syncTriggerA11y(),e&&!this._portalEl?this._mountPortal():e&&this._positioner?.update();return}if(this._isOpen=e,this._syncTriggerA11y(),e){this._bindGlobalListeners(),this._restoreFocusEl=document.activeElement,this._mountPortal(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),requestAnimationFrame(()=>this._focusFirstItem());return}this._unbindGlobalListeners(),this._teardownPortal(!0),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}));const t=this._getTrigger();if(t)try{t.focus({preventScroll:!0})}catch{t.focus()}this._restoreFocusEl=null}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("keydown",this._onDocumentKeyDown),document.addEventListener("scroll",this._onDocumentScroll,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("keydown",this._onDocumentKeyDown),document.removeEventListener("scroll",this._onDocumentScroll,!0),this._globalListenersBound=!1)}_clearActiveState(){this._portalEl&&this._portalEl.querySelectorAll(u()).forEach(e=>e.removeAttribute("data-active"))}_queryItems(){return this._portalEl?Array.from(this._portalEl.querySelectorAll(u())).filter(e=>!m(e)):[]}_focusItem(e){if(e){this._clearActiveState(),e.setAttribute("data-active","true");try{e.focus({preventScroll:!0})}catch{e.focus()}typeof e.scrollIntoView=="function"&&e.scrollIntoView({block:"nearest"})}}_focusFirstItem(){this._focusItem(this._queryItems()[0]||null)}_focusLastItem(){const e=this._queryItems();this._focusItem(e[e.length-1]||null)}_moveFocus(e){const t=this._queryItems();if(!t.length)return;const i=document.activeElement,n=i?t.findIndex(o=>o===i||o.contains(i)):-1,s=n===-1?0:Math.max(0,Math.min(t.length-1,n+e));this._focusItem(t[s]||null)}_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)}_handleTypeahead(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,i=this._queryItems();if(!i.length)return!1;const n=t?i.findIndex(a=>a===t||a.contains(t)):-1,o=(n>=0?[...i.slice(n+1),...i.slice(0,n+1)]:i).find(a=>(a.textContent||"").trim().toLowerCase().startsWith(this._typeaheadBuffer));return o?(e.preventDefault(),this._focusItem(o),!0):!1}_applySelectionBehavior(e){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(t!=="menuitemradio"||!this._portalEl)return;const i=e.getAttribute("data-group")||e.getAttribute("name")||"";this._portalEl.querySelectorAll('[role="menuitemradio"]').forEach(n=>{const s=n.getAttribute("data-group")||n.getAttribute("name")||"";i&&s!==i||(n.setAttribute("aria-checked",n===e?"true":"false"),n.setAttribute("data-state",n===e?"checked":"unchecked"))})}_handleItemSelect(e){this._applySelectionBehavior(e);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:i,value:e.getAttribute("data-value")||e.getAttribute("value")||void 0,label:e.getAttribute("aria-label")||e.textContent?.trim()||void 0,checked:e.getAttribute("aria-checked")==="true",item:e}})),this.closeOnSelect?this.close():this._focusItem(e)}_buildLegacyItems(e){const t=this._getItemSources();return t.forEach((i,n)=>{const s=i.cloneNode(!0);s.removeAttribute("slot"),s.getAttribute("role")||s.setAttribute("role","menuitem"),s.classList.contains("item")||s.classList.add("item"),s.hasAttribute("tabindex")||s.setAttribute("tabindex","-1"),s.hasAttribute("data-index")||s.setAttribute("data-index",String(n)),e.appendChild(s)}),t.length}_hydrateMenuItems(e){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 t=window.getComputedStyle(this);T.forEach(i=>{const n=t.getPropertyValue(i).trim();n?e.style.setProperty(i,n):e.style.removeProperty(i)})}_applyPortalVariantData(e){const t=l(this,"variant"),i=w(this.getAttribute("size")||this.getAttribute("density")),n=l(this,"density"),s=this.getAttribute("radius"),o=l(this,"shape"),a=l(this,"elevation"),d=l(this,"tone"),b=t==="default"||t===""?"":t==="line"?"outline":t==="glass"?"soft":t;b?e.setAttribute("data-variant",b):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"),a&&a!=="default"?e.setAttribute("data-elevation",a):e.removeAttribute("data-elevation");const g=d==="default"||d==="brand"||d===""?"":d;g?e.setAttribute("data-tone",g):e.removeAttribute("data-tone");const h=I(s||o||null);h?(e.style.setProperty("--ui-menu-radius",h),e.style.setProperty("--ui-menu-item-radius",h==="999px"?"999px":`calc(${h} - 2px)`)):(e.style.removeProperty("--ui-menu-radius"),e.style.removeProperty("--ui-menu-item-radius"))}_syncPortalVisualState(){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=t=>{const i=f(t);!i||m(i)||this._handleItemSelect(i)},e.addEventListener("click",this._menuClickHandler),e.addEventListener("mouseover",t=>{const i=f(t);!i||m(i)||this._focusItem(i)}),e.addEventListener("focusin",t=>{const i=f(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",_(this.getAttribute("placement")));const t=document.createElement("style");t.textContent=P,e.appendChild(t);const i=this._getContentSource();let n=0;if(i){const s=i.cloneNode(!0);s.removeAttribute("slot"),e.appendChild(s)}else n=this._buildLegacyItems(e);if(n=this._hydrateMenuItems(e)||n,n===0){const s=document.createElement("div");s.className="empty-state",s.textContent="No items",e.appendChild(s)}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;const e=this._portalEl.parentElement;if(!e)return;const t=this._portalEl,i=this._buildPortalElement();e.replaceChild(i,t),this._portalEl=i,this._rebuildPositioner(),c.openOverlay(i,{animate:!1})}_rebuildPositioner(){const e=this._getTrigger();!this._portalEl||!e||(this._positioner?.destroy(),this._positioner=S.createPositioner({anchor:e,floating:this._portalEl,placement:_(this.getAttribute("placement")),offset:6,flip:!0,shift:!0,fitViewport:!0,observeScroll:!1}))}_mountPortal(){const e=this._getTrigger();if(!e)return;let t=!1;if(this._portalEl)this._syncPortalVisualState();else{this._portalEl=this._buildPortalElement();const i=A.createPortalContainer();if(!i){this._portalEl=null;return}i.appendChild(this._portalEl),t=!0}this._rebuildPositioner(),t&&this._portalEl&&c.openOverlay(this._portalEl),this._dismissableLayer?.destroy(),this._dismissableLayer=E.createDismissableLayer({node:this._portalEl,trigger:e,closeOnEscape:!0,closeOnPointerOutside:!0,onDismiss:()=>this.close()})}_teardownPortal(e=!1){this._dismissableLayer?.destroy(),this._dismissableLayer=null,this._positioner?.destroy(),this._positioner=null,e?c.retireOverlay(this._portalEl):c.removeOverlay(this._portalEl),this._portalEl=null,this._menuClickHandler=null,this._resetTypeahead()}_isEventInsideTrigger(e){const t=this._getTrigger();return!!t&&e.composedPath().includes(t)}_isEventInsideMenu(e){return!!this._portalEl&&e.composedPath().includes(this._portalEl)}_isInternalScrollEvent(e){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())}_onDocumentScroll(e){!this._isOpen||!this.closeOnScroll||this._isInternalScrollEvent(e)||this.close()}_onDocumentKeyDown(e){if(!this._isOpen){if(e.key!=="ArrowDown"&&e.key!=="ArrowUp"||!this._isEventInsideTrigger(e))return;e.preventDefault(),this.open(),requestAnimationFrame(()=>{e.key==="ArrowUp"?this._focusLastItem():this._focusFirstItem()});return}if(!(!this._isEventInsideTrigger(e)&&!this._isEventInsideMenu(e))&&!this._handleTypeahead(e)){if(e.key==="Escape"){e.preventDefault(),e.stopPropagation(),this.close();return}if(e.key==="ArrowDown"){e.preventDefault(),this._moveFocus(1);return}if(e.key==="ArrowUp"){e.preventDefault(),this._moveFocus(-1);return}if(e.key==="Home"){e.preventDefault(),this._focusFirstItem();return}if(e.key==="End"){e.preventDefault(),this._focusLastItem();return}if(e.key==="Tab"){this.close();return}if(e.key==="Enter"||e.key===" "){const t=document.activeElement;if(!t||!this._portalEl?.contains(t))return;const i=t.closest(u());if(!i||m(i))return;e.preventDefault(),this._handleItemSelect(i)}}}render(){this.setContent(`
-      <style>${L}</style>
+`;class y extends x.ElementBase{constructor(){super(),this._isOpen=!1,this._portalEl=null,this._positioner=null,this._dismissableLayer=null,this._restoreFocusEl=null,this._typeaheadBuffer="",this._typeaheadTimer=null,this._globalListenersBound=!1,this._menuClickHandler=null,this._menuId=`ui-menu-${Math.random().toString(36).slice(2,10)}`,this._onHostClick=this._onHostClick.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this),this._onDocumentScroll=this._onDocumentScroll.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","disabled","placement","variant","size","density","radius","shape","elevation","tone","close-on-select","close-on-scroll","typeahead"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onHostClick),this.root.addEventListener("slotchange",this._onSlotChange),this._hideSources(),this._syncOpenState(),this._syncTriggerA11y()}disconnectedCallback(){this.removeEventListener("click",this._onHostClick),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._teardownPortal(),super.disconnectedCallback()}attributeChangedCallback(e,t,i){if(t!==i){if(e==="open"){this._syncOpenState();return}if(!(e==="close-on-select"||e==="close-on-scroll"||e==="typeahead")){if(e==="disabled"){this.hasAttribute("disabled")&&this.close(),this._syncTriggerA11y();return}if(e==="placement"&&this._isOpen){this._rebuildPositioner();return}T.has(e)&&this._isOpen&&this._syncPortalVisualState()}}}open(){this.hasAttribute("disabled")||this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}get closeOnSelect(){return f(this.getAttribute("close-on-select"),!0)}set closeOnSelect(e){this.setAttribute("close-on-select",e?"true":"false")}get closeOnScroll(){return f(this.getAttribute("close-on-scroll"),!0)}set closeOnScroll(e){this.setAttribute("close-on-scroll",e?"true":"false")}get typeahead(){return f(this.getAttribute("typeahead"),!0)}set typeahead(e){this.setAttribute("typeahead",e?"true":"false")}_getTrigger(){return this.querySelector('[slot="trigger"]')}_getContentSource(){return this.querySelector('[slot="content"]')}_getItemSources(){return Array.from(this.querySelectorAll('[slot="item"]'))}_onSlotChange(){this._hideSources(),this._isOpen&&this._rebuildPortalContent()}_hideSources(){p.hideCloneSource(this._getContentSource()),this._getItemSources().forEach(e=>p.hideCloneSource(e))}_syncTriggerA11y(){const e=this._getTrigger();if(!e)return;const t=A.resolveTriggerControl(e);if(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",this._isOpen?"true":"false"),t.setAttribute("aria-controls",this._menuId),this.hasAttribute("disabled")){t.setAttribute("aria-disabled","true"),t.setAttribute("tabindex","-1");return}t.getAttribute("aria-disabled")==="true"&&t.removeAttribute("aria-disabled"),t.getAttribute("tabindex")==="-1"&&t.removeAttribute("tabindex")}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("disabled");if(e===this._isOpen){this._syncTriggerA11y(),e&&!this._portalEl?this._mountPortal():e&&this._positioner?.update();return}if(this._isOpen=e,this._syncTriggerA11y(),e){this._bindGlobalListeners(),this._restoreFocusEl=document.activeElement,this._mountPortal(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),requestAnimationFrame(()=>this._focusFirstItem());return}this._unbindGlobalListeners(),this._teardownPortal(!0),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}));const t=this._getTrigger();if(t)try{t.focus({preventScroll:!0})}catch{t.focus()}this._restoreFocusEl=null}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("keydown",this._onDocumentKeyDown),document.addEventListener("scroll",this._onDocumentScroll,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("keydown",this._onDocumentKeyDown),document.removeEventListener("scroll",this._onDocumentScroll,!0),this._globalListenersBound=!1)}_clearActiveState(){this._portalEl&&this._portalEl.querySelectorAll(u()).forEach(e=>e.removeAttribute("data-active"))}_queryItems(){return this._portalEl?Array.from(this._portalEl.querySelectorAll(u())).filter(e=>!c(e)):[]}_focusItem(e){if(e){this._clearActiveState(),e.setAttribute("data-active","true");try{e.focus({preventScroll:!0})}catch{e.focus()}typeof e.scrollIntoView=="function"&&e.scrollIntoView({block:"nearest"})}}_focusFirstItem(){this._focusItem(this._queryItems()[0]||null)}_focusLastItem(){const e=this._queryItems();this._focusItem(e[e.length-1]||null)}_moveFocus(e){const t=this._queryItems();if(!t.length)return;const i=document.activeElement,n=i?t.findIndex(o=>o===i||o.contains(i)):-1,s=n===-1?0:Math.max(0,Math.min(t.length-1,n+e));this._focusItem(t[s]||null)}_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)}_handleTypeahead(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,i=this._queryItems();if(!i.length)return!1;const n=t?i.findIndex(a=>a===t||a.contains(t)):-1,o=(n>=0?[...i.slice(n+1),...i.slice(0,n+1)]:i).find(a=>(a.textContent||"").trim().toLowerCase().startsWith(this._typeaheadBuffer));return o?(e.preventDefault(),this._focusItem(o),!0):!1}_applySelectionBehavior(e){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(t!=="menuitemradio"||!this._portalEl)return;const i=e.getAttribute("data-group")||e.getAttribute("name")||"";this._portalEl.querySelectorAll('[role="menuitemradio"]').forEach(n=>{const s=n.getAttribute("data-group")||n.getAttribute("name")||"";i&&s!==i||(n.setAttribute("aria-checked",n===e?"true":"false"),n.setAttribute("data-state",n===e?"checked":"unchecked"))})}_handleItemSelect(e){this._applySelectionBehavior(e);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:i,value:e.getAttribute("data-value")||e.getAttribute("value")||void 0,label:e.getAttribute("aria-label")||e.textContent?.trim()||void 0,checked:e.getAttribute("aria-checked")==="true",item:e}})),this.closeOnSelect?this.close():this._focusItem(e)}_buildLegacyItems(e){const t=this._getItemSources();return t.forEach((i,n)=>{const s=p.revealClone(i.cloneNode(!0));s.removeAttribute("slot"),s.getAttribute("role")||s.setAttribute("role","menuitem"),s.classList.contains("item")||s.classList.add("item"),s.hasAttribute("tabindex")||s.setAttribute("tabindex","-1"),s.hasAttribute("data-index")||s.setAttribute("data-index",String(n)),e.appendChild(s)}),t.length}_hydrateMenuItems(e){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 t=window.getComputedStyle(this);L.forEach(i=>{const n=t.getPropertyValue(i).trim();n?e.style.setProperty(i,n):e.style.removeProperty(i)})}_applyPortalVariantData(e){const t=l(this,"variant"),i=C(this.getAttribute("size")||this.getAttribute("density")),n=l(this,"density"),s=this.getAttribute("radius"),o=l(this,"shape"),a=l(this,"elevation"),d=l(this,"tone"),g=t==="default"||t===""?"":t==="line"?"outline":t==="glass"?"soft":t;g?e.setAttribute("data-variant",g):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"),a&&a!=="default"?e.setAttribute("data-elevation",a):e.removeAttribute("data-elevation");const _=d==="default"||d==="brand"||d===""?"":d;_?e.setAttribute("data-tone",_):e.removeAttribute("data-tone");const h=I(s||o||null);h?(e.style.setProperty("--ui-menu-radius",h),e.style.setProperty("--ui-menu-item-radius",h==="999px"?"999px":`calc(${h} - 2px)`)):(e.style.removeProperty("--ui-menu-radius"),e.style.removeProperty("--ui-menu-item-radius"))}_syncPortalVisualState(){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=t=>{const i=b(t);!i||c(i)||this._handleItemSelect(i)},e.addEventListener("click",this._menuClickHandler),e.addEventListener("mouseover",t=>{const i=b(t);!i||c(i)||this._focusItem(i)}),e.addEventListener("focusin",t=>{const i=b(t);!i||c(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",v(this.getAttribute("placement")));const t=document.createElement("style");t.textContent=O,e.appendChild(t);const i=this._getContentSource();let n=0;if(i){const s=p.revealClone(i.cloneNode(!0));s.removeAttribute("slot"),e.appendChild(s)}else n=this._buildLegacyItems(e);if(n=this._hydrateMenuItems(e)||n,n===0){const s=document.createElement("div");s.className="empty-state",s.textContent="No items",e.appendChild(s)}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;const e=this._portalEl.parentElement;if(!e)return;const t=this._portalEl,i=this._buildPortalElement();e.replaceChild(i,t),this._portalEl=i,this._rebuildPositioner(),m.openOverlay(i,{animate:!1})}_rebuildPositioner(){const e=this._getTrigger();!this._portalEl||!e||(this._positioner?.destroy(),this._positioner=k.createPositioner({anchor:e,floating:this._portalEl,placement:v(this.getAttribute("placement")),offset:6,flip:!0,shift:!0,fitViewport:!0,observeScroll:!1}))}_mountPortal(){const e=this._getTrigger();if(!e)return;let t=!1;if(this._portalEl)this._syncPortalVisualState();else{this._portalEl=this._buildPortalElement();const i=E.createPortalContainer();if(!i){this._portalEl=null;return}i.appendChild(this._portalEl),t=!0}this._rebuildPositioner(),t&&this._portalEl&&m.openOverlay(this._portalEl),this._dismissableLayer?.destroy(),this._dismissableLayer=S.createDismissableLayer({node:this._portalEl,trigger:e,closeOnEscape:!0,closeOnPointerOutside:!0,onDismiss:()=>this.close()})}_teardownPortal(e=!1){this._dismissableLayer?.destroy(),this._dismissableLayer=null,this._positioner?.destroy(),this._positioner=null,e?m.retireOverlay(this._portalEl):m.removeOverlay(this._portalEl),this._portalEl=null,this._menuClickHandler=null,this._resetTypeahead()}_isEventInsideTrigger(e){const t=this._getTrigger();return!!t&&e.composedPath().includes(t)}_isEventInsideMenu(e){return!!this._portalEl&&e.composedPath().includes(this._portalEl)}_isInternalScrollEvent(e){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())}_onDocumentScroll(e){!this._isOpen||!this.closeOnScroll||this._isInternalScrollEvent(e)||this.close()}_onDocumentKeyDown(e){if(!this._isOpen){if(e.key!=="ArrowDown"&&e.key!=="ArrowUp"||!this._isEventInsideTrigger(e))return;e.preventDefault(),this.open(),requestAnimationFrame(()=>{e.key==="ArrowUp"?this._focusLastItem():this._focusFirstItem()});return}if(!(!this._isEventInsideTrigger(e)&&!this._isEventInsideMenu(e))&&!this._handleTypeahead(e)){if(e.key==="Escape"){e.preventDefault(),e.stopPropagation(),this.close();return}if(e.key==="ArrowDown"){e.preventDefault(),this._moveFocus(1);return}if(e.key==="ArrowUp"){e.preventDefault(),this._moveFocus(-1);return}if(e.key==="Home"){e.preventDefault(),this._focusFirstItem();return}if(e.key==="End"){e.preventDefault(),this._focusLastItem();return}if(e.key==="Tab"){this.close();return}if(e.key==="Enter"||e.key===" "){const t=document.activeElement;if(!t||!this._portalEl?.contains(t))return;const i=t.closest(u());if(!i||c(i))return;e.preventDefault(),this._handleItemSelect(i)}}}render(){this.setContent(`
+      <style>${P}</style>
       <div class="trigger" part="trigger">
         <slot name="trigger"></slot>
       </div>
@@ -256,4 +256,4 @@
         <slot name="content"></slot>
       </div>
       <slot></slot>
-    `),this._syncTriggerA11y(),this._isOpen&&!this._portalEl?this._mountPortal():this._isOpen&&this._positioner?.update()}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-menu")&&customElements.define("ui-menu",v);exports.UIMenu=v;
+    `),this._syncTriggerA11y(),this._isOpen&&!this._portalEl?this._mountPortal():this._isOpen&&this._positioner?.update()}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-menu")&&customElements.define("ui-menu",y);exports.UIMenu=y;

package/dist/menu.esm.js

@@ -1,17 +1,18 @@
-import { E as v } from "./ElementBase-BeZT54Hj.mjs";
-import { r as y } from "./trigger-BjnxLCeQ.mjs";
-import { b as x } from "./portal-DeaM1tYY.mjs";
-import { c as A } from "./dismissable-layer-BmPIoK80.mjs";
-import { e as E } from "./positioner-BE8Nbho2.mjs";
-import { O as k, o as g, r as S, a as w } from "./overlay-motion-BX3dPLay.mjs";
-import { c as I } from "./menu-item-styles-CdqxPUuw.mjs";
-function _(r) {
+import { E as x } from "./ElementBase-D5QsC5Vw.mjs";
+import { h as g, r as _ } from "./clone-source-BxK2pEVw.mjs";
+import { r as A } from "./trigger-BjnxLCeQ.mjs";
+import { b as E } from "./portal-DeaM1tYY.mjs";
+import { c as S } from "./dismissable-layer-BmPIoK80.mjs";
+import { e as k } from "./positioner-BE8Nbho2.mjs";
+import { O as w, o as v, r as C, a as I } from "./overlay-motion-BX3dPLay.mjs";
+import { c as T } from "./menu-item-styles-CdqxPUuw.mjs";
+function y(r) {
   return r === "top" || r === "left" || r === "right" ? r : "bottom";
 }
-function C(r) {
+function L(r) {
   return r === "sm" || r === "1" || r === "compact" ? "sm" : r === "lg" || r === "3" || r === "comfortable" ? "lg" : "md";
 }
-function T(r) {
+function P(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(r, e) {
@@ -42,7 +43,7 @@ function p(r) {
   const t = r.target;
   return t instanceof HTMLElement ? t.closest(u()) : null;
 }
-const L = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "tone", "size", "radius"]), P = [
+const O = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "tone", "size", "radius"]), D = [
   "--ui-menu-bg",
   "--ui-menu-color",
   "--ui-menu-border-color",
@@ -64,7 +65,7 @@ const L = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
   "--ui-menu-separator-margin",
   "--ui-menu-item-hover-bg",
   "--ui-menu-item-active-color"
-], O = `
+], z = `
   :host {
     --ui-menu-bg: var(--base-menu-bg, var(--color-panel-solid, var(--ui-color-surface, var(--ui-surface, #ffffff))));
     --ui-menu-color: var(--ui-color-text, var(--ui-text, #0f172a));
@@ -106,8 +107,8 @@ const L = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
     pointer-events: none;
     opacity: 0.62;
   }
-`, D = `
-  ${k}
+`, M = `
+  ${w}
 
   .menu {
     position: absolute;
@@ -165,7 +166,7 @@ const L = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
     --ui-menu-bg: #0f172a;
     --ui-menu-color: #f8fafc;
     --ui-menu-border-color: #334155;
-    --ui-menu-ring: #93c5fd;
+    --ui-menu-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-menu-item-hover-bg: color-mix(in srgb, #ffffff 12%, transparent);
   }
 
@@ -241,7 +242,7 @@ const L = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
     --ui-menu-item-active-color: inherit;
   }
 
-  ${I({
+  ${T({
   scopes: [".menu"],
   prefix: "--ui-menu",
   shortcutSelectors: [".shortcut", ".meta"],
@@ -324,7 +325,7 @@ const L = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
     }
   }
 `;
-class z extends v {
+class H extends x {
   constructor() {
     super(), this._isOpen = !1, this._portalEl = null, this._positioner = null, this._dismissableLayer = null, this._restoreFocusEl = null, this._typeaheadBuffer = "", this._typeaheadTimer = null, this._globalListenersBound = !1, this._menuClickHandler = null, this._menuId = `ui-menu-${Math.random().toString(36).slice(2, 10)}`, this._onHostClick = this._onHostClick.bind(this), this._onDocumentKeyDown = this._onDocumentKeyDown.bind(this), this._onDocumentScroll = this._onDocumentScroll.bind(this), this._onSlotChange = this._onSlotChange.bind(this);
   }
@@ -346,7 +347,7 @@ class z extends v {
     ];
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener("click", this._onHostClick), this.root.addEventListener("slotchange", this._onSlotChange), this._syncOpenState(), this._syncTriggerA11y();
+    super.connectedCallback(), this.addEventListener("click", this._onHostClick), this.root.addEventListener("slotchange", this._onSlotChange), this._hideSources(), this._syncOpenState(), this._syncTriggerA11y();
   }
   disconnectedCallback() {
     this.removeEventListener("click", this._onHostClick), this.root.removeEventListener("slotchange", this._onSlotChange), this._unbindGlobalListeners(), this._teardownPortal(), super.disconnectedCallback();
@@ -366,7 +367,7 @@ class z extends v {
           this._rebuildPositioner();
           return;
         }
-        L.has(e) && this._isOpen && this._syncPortalVisualState();
+        O.has(e) && this._isOpen && this._syncPortalVisualState();
       }
     }
   }
@@ -407,12 +408,15 @@ class z extends v {
     return Array.from(this.querySelectorAll('[slot="item"]'));
   }
   _onSlotChange() {
-    this._isOpen && this._rebuildPortalContent();
+    this._hideSources(), this._isOpen && this._rebuildPortalContent();
+  }
+  _hideSources() {
+    g(this._getContentSource()), this._getItemSources().forEach((e) => g(e));
   }
   _syncTriggerA11y() {
     const e = this._getTrigger();
     if (!e) return;
-    const t = y(e);
+    const t = A(e);
     if (t.setAttribute("aria-haspopup", "menu"), t.setAttribute("aria-expanded", this._isOpen ? "true" : "false"), t.setAttribute("aria-controls", this._menuId), this.hasAttribute("disabled")) {
       t.setAttribute("aria-disabled", "true"), t.setAttribute("tabindex", "-1");
       return;
@@ -472,8 +476,8 @@ class z extends v {
   _moveFocus(e) {
     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);
+    const i = document.activeElement, n = i ? t.findIndex((o) => o === i || o.contains(i)) : -1, s = n === -1 ? 0 : Math.max(0, Math.min(t.length - 1, n + e));
+    this._focusItem(t[s] || null);
   }
   _resetTypeahead() {
     this._typeaheadBuffer = "", this._typeaheadTimer != null && (window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null);
@@ -486,7 +490,7 @@ class z extends v {
     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, 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));
+    const n = t ? i.findIndex((a) => a === t || a.contains(t)) : -1, o = (n >= 0 ? [...i.slice(n + 1), ...i.slice(0, n + 1)] : i).find((a) => (a.textContent || "").trim().toLowerCase().startsWith(this._typeaheadBuffer));
     return o ? (e.preventDefault(), this._focusItem(o), !0) : !1;
   }
   _applySelectionBehavior(e) {
@@ -499,8 +503,8 @@ class z extends v {
     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"));
+      const s = n.getAttribute("data-group") || n.getAttribute("name") || "";
+      i && s !== i || (n.setAttribute("aria-checked", n === e ? "true" : "false"), n.setAttribute("data-state", n === e ? "checked" : "unchecked"));
     });
   }
   _handleItemSelect(e) {
@@ -522,8 +526,8 @@ class z extends v {
   _buildLegacyItems(e) {
     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);
+      const s = _(i.cloneNode(!0));
+      s.removeAttribute("slot"), s.getAttribute("role") || s.setAttribute("role", "menuitem"), s.classList.contains("item") || s.classList.add("item"), s.hasAttribute("tabindex") || s.setAttribute("tabindex", "-1"), s.hasAttribute("data-index") || s.setAttribute("data-index", String(n)), e.appendChild(s);
     }), t.length;
   }
   _hydrateMenuItems(e) {
@@ -534,17 +538,17 @@ class z extends v {
   }
   _applyPortalTokens(e) {
     const t = window.getComputedStyle(this);
-    P.forEach((i) => {
+    D.forEach((i) => {
       const n = t.getPropertyValue(i).trim();
       n ? e.style.setProperty(i, n) : e.style.removeProperty(i);
     });
   }
   _applyPortalVariantData(e) {
-    const t = l(this, "variant"), i = C(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 t = l(this, "variant"), i = L(this.getAttribute("size") || this.getAttribute("density")), n = l(this, "density"), s = this.getAttribute("radius"), o = l(this, "shape"), a = 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"), a && a !== "default" ? e.setAttribute("data-elevation", a) : e.removeAttribute("data-elevation");
     const b = c === "default" || c === "brand" || c === "" ? "" : c;
     b ? e.setAttribute("data-tone", b) : e.removeAttribute("data-tone");
-    const d = T(a || o || null);
+    const d = P(s || o || null);
     d ? (e.style.setProperty("--ui-menu-radius", d), e.style.setProperty("--ui-menu-item-radius", d === "999px" ? "999px" : `calc(${d} - 2px)`)) : (e.style.removeProperty("--ui-menu-radius"), e.style.removeProperty("--ui-menu-item-radius"));
   }
   _syncPortalVisualState() {
@@ -564,19 +568,19 @@ class z extends v {
   }
   _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", _(this.getAttribute("placement")));
+    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", y(this.getAttribute("placement")));
     const t = document.createElement("style");
-    t.textContent = D, e.appendChild(t);
+    t.textContent = M, e.appendChild(t);
     const i = this._getContentSource();
     let n = 0;
     if (i) {
-      const a = i.cloneNode(!0);
-      a.removeAttribute("slot"), e.appendChild(a);
+      const s = _(i.cloneNode(!0));
+      s.removeAttribute("slot"), e.appendChild(s);
     } else
       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);
+      const s = document.createElement("div");
+      s.className = "empty-state", s.textContent = "No items", e.appendChild(s);
     }
     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;
   }
@@ -585,14 +589,14 @@ class z extends v {
     const e = this._portalEl.parentElement;
     if (!e) return;
     const t = this._portalEl, i = this._buildPortalElement();
-    e.replaceChild(i, t), this._portalEl = i, this._rebuildPositioner(), g(i, { animate: !1 });
+    e.replaceChild(i, t), this._portalEl = i, this._rebuildPositioner(), v(i, { animate: !1 });
   }
   _rebuildPositioner() {
     const e = this._getTrigger();
-    !this._portalEl || !e || (this._positioner?.destroy(), this._positioner = E({
+    !this._portalEl || !e || (this._positioner?.destroy(), this._positioner = k({
       anchor: e,
       floating: this._portalEl,
-      placement: _(this.getAttribute("placement")),
+      placement: y(this.getAttribute("placement")),
       offset: 6,
       flip: !0,
       shift: !0,
@@ -608,14 +612,14 @@ class z extends v {
       this._syncPortalVisualState();
     else {
       this._portalEl = this._buildPortalElement();
-      const i = x();
+      const i = E();
       if (!i) {
         this._portalEl = null;
         return;
       }
       i.appendChild(this._portalEl), t = !0;
     }
-    this._rebuildPositioner(), t && this._portalEl && g(this._portalEl), this._dismissableLayer?.destroy(), this._dismissableLayer = A({
+    this._rebuildPositioner(), t && this._portalEl && v(this._portalEl), this._dismissableLayer?.destroy(), this._dismissableLayer = S({
       node: this._portalEl,
       trigger: e,
       closeOnEscape: !0,
@@ -624,7 +628,7 @@ class z extends v {
     });
   }
   _teardownPortal(e = !1) {
-    this._dismissableLayer?.destroy(), this._dismissableLayer = null, this._positioner?.destroy(), this._positioner = null, e ? S(this._portalEl) : w(this._portalEl), this._portalEl = null, this._menuClickHandler = null, this._resetTypeahead();
+    this._dismissableLayer?.destroy(), this._dismissableLayer = null, this._positioner?.destroy(), this._positioner = null, e ? C(this._portalEl) : I(this._portalEl), this._portalEl = null, this._menuClickHandler = null, this._resetTypeahead();
   }
   _isEventInsideTrigger(e) {
     const t = this._getTrigger();
@@ -691,7 +695,7 @@ class z extends v {
   }
   render() {
     this.setContent(`
-      <style>${O}</style>
+      <style>${z}</style>
       <div class="trigger" part="trigger">
         <slot name="trigger"></slot>
       </div>
@@ -706,7 +710,7 @@ class z extends v {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-menu") && customElements.define("ui-menu", z);
+typeof customElements < "u" && !customElements.get("ui-menu") && customElements.define("ui-menu", H);
 export {
-  z as UIMenu
+  H as UIMenu
 };

package/dist/menubar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./ElementBase-DxbvhLJs.js"),E=require("./portal-XbYR3m_q.js"),k=require("./collection-qv8A8rq4.js"),I=require("./dismissable-layer-DNfrKA20.js"),m=require("./roving-focus-group-BdJ_4Njm.js"),L=require("./positioner-DZ1FW6A9.js"),v=require("./overlay-motion-B56x1GoY.js");require("./listbox-CTpRpuF7.js");const C=require("./menu-item-styles-DUdyjQ7i.js"),T=":scope > .submenu",D=["--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"],z=[{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 B(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 O=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./ElementBase-CbUsP3D6.js"),y=require("./clone-source-C7E_ri5f.js"),k=require("./portal-XbYR3m_q.js"),I=require("./collection-qv8A8rq4.js"),L=require("./dismissable-layer-DNfrKA20.js"),m=require("./roving-focus-group-BdJ_4Njm.js"),C=require("./positioner-DZ1FW6A9.js"),v=require("./overlay-motion-B56x1GoY.js");require("./listbox-CTpRpuF7.js");const T=require("./menu-item-styles-DUdyjQ7i.js"),D=":scope > .submenu",z=["--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"],B=[{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 O(n){return n==="sm"||n==="1"||n==="compact"?"sm":n==="lg"||n==="3"||n==="comfortable"?"lg":"md"}function x(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 F=`
   :host {
     --ui-menubar-gap: var(--base-menubar-gap, 6px);
     --ui-menubar-padding: var(--base-menubar-padding, 6px);
@@ -78,7 +78,7 @@
     --ui-menubar-item-hover-bg: color-mix(in srgb, #ffffff 16%, transparent);
     --ui-menubar-item-active-bg: color-mix(in srgb, #ffffff 20%, transparent);
     --ui-menubar-item-active-color: #ffffff;
-    --ui-menubar-ring: #93c5fd;
+    --ui-menubar-ring: var(--ui-color-accent-on-dark, #93c5fd);
     border-color: #334155;
   }
 
@@ -204,7 +204,7 @@
       border-color: Highlight;
     }
   }
-`,F=`
+`,R=`
   ${v.OVERLAY_MOTION_CSS}
 
   .ui-menubar-portal {
@@ -306,7 +306,7 @@
       0 6px 18px rgba(2, 6, 23, 0.14);
   }
 
-  ${C.createSharedMenuItemCss({scopes:[".ui-menubar-portal .content-host"],prefix:"--ui-menubar-panel",shortcutSelectors:[".shortcut",".meta"],activeStateSelectors:['.item[data-submenu-open="true"]','[role="menuitem"][data-submenu-open="true"]','[role="menuitemcheckbox"][data-submenu-open="true"]','[role="menuitemradio"][data-submenu-open="true"]','[data-menu-item][data-submenu-open="true"]','.item[data-active="true"]','[role="menuitem"][data-active="true"]','[role="menuitemcheckbox"][data-active="true"]','[role="menuitemradio"][data-active="true"]','[data-menu-item][data-active="true"]']})}
+  ${T.createSharedMenuItemCss({scopes:[".ui-menubar-portal .content-host"],prefix:"--ui-menubar-panel",shortcutSelectors:[".shortcut",".meta"],activeStateSelectors:['.item[data-submenu-open="true"]','[role="menuitem"][data-submenu-open="true"]','[role="menuitemcheckbox"][data-submenu-open="true"]','[role="menuitemradio"][data-submenu-open="true"]','[data-menu-item][data-submenu-open="true"]','.item[data-active="true"]','[role="menuitem"][data-active="true"]','[role="menuitemcheckbox"][data-active="true"]','[role="menuitemradio"][data-active="true"]','[data-menu-item][data-active="true"]']})}
 
   .ui-menubar-portal[data-variant="solid"] .content-host [role="menuitem"]:hover,
   .ui-menubar-portal[data-variant="solid"] .content-host [role="menuitem"]:focus-visible,
@@ -415,8 +415,8 @@
       box-shadow: none;
     }
   }
-`;function R(n){return n==="top"||n==="left"||n==="right"?n:"bottom"}function q(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 x(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 S(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 h(n,e){return n.getAttribute(e)||""}class A extends P.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>${O}</style>
+`;function q(n){return n==="top"||n==="left"||n==="right"?n:"bottom"}function M(n){const e=q(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 S(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 A(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 h(n,e){return n.getAttribute(e)||""}class w extends E.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>${F}</style>
       <div class="bar" part="bar" role="menubar" aria-orientation="${e}">
         <slot name="item"></slot>
       </div>
@@ -424,10 +424,10 @@
         <slot name="content"></slot>
       </div>
       <slot></slot>
-    `),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=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 _(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 i=e+t;return i<0&&(i=r?this._items.length-1:0),i>=this._items.length&&(i=r?0:this._items.length-1),i}_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(!0),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(!0))}_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((i,a)=>{const s=e===a,o=i.id||`ui-menubar-item-${this._uid}-${a}`,u=this._contents[a]?.id||`ui-menubar-content-${this._uid}-${a}`;i.id=o,i.setAttribute("role","menuitem"),i.setAttribute("tabindex",a===t&&!d(i)?"0":"-1"),i.setAttribute("aria-haspopup","menu"),i.setAttribute("aria-expanded",s&&r?"true":"false"),i.setAttribute("aria-controls",u),i.setAttribute("data-active",s?"true":"false")}),m.syncRovingTabStops(this._items,this._items[t]||null,{activeAttribute:null}),this._contents.forEach((i,a)=>{const s=i.id||`ui-menubar-content-${this._uid}-${a}`;i.id=s,i.setAttribute("role","menu"),i.setAttribute("tabindex","-1"),i.setAttribute("aria-hidden",e===a&&r?"false":"true"),this._items[a]?i.setAttribute("aria-labelledby",this._items[a].id):i.removeAttribute("aria-labelledby")})}_hydratePanelItems(e){Array.from(e.querySelectorAll(l())).forEach((r,i)=>{r.getAttribute("role")||r.setAttribute("role","menuitem"),r.hasAttribute("tabindex")||r.setAttribute("tabindex","-1"),r.hasAttribute("data-index")||r.setAttribute("data-index",String(i)),r.classList.contains("item")||r.classList.add("item")})}_queryPanelItemsIn(e){return this._panelListbox()?.queryEnabledItems({container:e||this._panelListbox()})||[]}_submenuFor(e){return e.querySelector(T)}_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 i=[];let a=e;for(;a;){const s=a.closest(".submenu");if(!s)break;const o=s.parentElement;if(!(o instanceof HTMLElement)||!o.matches(l()))break;i.unshift(o),a=o}i.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 i=this._panelListbox()?.focusBoundary("first",{container:r,focus:!0,owner:this._panelSurface(),scroll:!0});return i&&this._setOpenPanelBranch(i,!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(a=>{const s=a.parentElement;if(!(s instanceof HTMLElement))return;s.removeAttribute("data-submenu-side"),s.removeAttribute("data-submenu-align");const o=a.style.display,u=a.style.visibility,c=a.style.pointerEvents,b=a.style.opacity,w=a.style.transform;a.style.display="grid",a.style.visibility="hidden",a.style.pointerEvents="none",a.style.opacity="0",a.style.transform="none";const p=s.getBoundingClientRect(),f=a.getBoundingClientRect();p.right+4+f.width>t-8&&p.left-4-f.width>=8&&s.setAttribute("data-submenu-side","left"),p.top+f.height>r-8&&p.bottom-f.height>=8&&s.setAttribute("data-submenu-align","up"),a.style.display=o,a.style.visibility=u,a.style.pointerEvents=c,a.style.opacity=b,a.style.transform=w})}_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>
+    `),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=x(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:S(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 i=e+t;return i<0&&(i=r?this._items.length-1:0),i>=this._items.length&&(i=r?0:this._items.length-1),i}_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(!0),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(!0))}_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}):[],this._contents.forEach(i=>y.hideCloneSource(i));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((i,a)=>{const s=e===a,o=i.id||`ui-menubar-item-${this._uid}-${a}`,u=this._contents[a]?.id||`ui-menubar-content-${this._uid}-${a}`;i.id=o,i.setAttribute("role","menuitem"),i.setAttribute("tabindex",a===t&&!d(i)?"0":"-1"),i.setAttribute("aria-haspopup","menu"),i.setAttribute("aria-expanded",s&&r?"true":"false"),i.setAttribute("aria-controls",u),i.setAttribute("data-active",s?"true":"false")}),m.syncRovingTabStops(this._items,this._items[t]||null,{activeAttribute:null}),this._contents.forEach((i,a)=>{const s=i.id||`ui-menubar-content-${this._uid}-${a}`;i.id=s,i.setAttribute("role","menu"),i.setAttribute("tabindex","-1"),i.setAttribute("aria-hidden",e===a&&r?"false":"true"),this._items[a]?i.setAttribute("aria-labelledby",this._items[a].id):i.removeAttribute("aria-labelledby")})}_hydratePanelItems(e){Array.from(e.querySelectorAll(l())).forEach((r,i)=>{r.getAttribute("role")||r.setAttribute("role","menuitem"),r.hasAttribute("tabindex")||r.setAttribute("tabindex","-1"),r.hasAttribute("data-index")||r.setAttribute("data-index",String(i)),r.classList.contains("item")||r.classList.add("item")})}_queryPanelItemsIn(e){return this._panelListbox()?.queryEnabledItems({container:e||this._panelListbox()})||[]}_submenuFor(e){return e.querySelector(D)}_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 i=[];let a=e;for(;a;){const s=a.closest(".submenu");if(!s)break;const o=s.parentElement;if(!(o instanceof HTMLElement)||!o.matches(l()))break;i.unshift(o),a=o}i.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 i=this._panelListbox()?.focusBoundary("first",{container:r,focus:!0,owner:this._panelSurface(),scroll:!0});return i&&this._setOpenPanelBranch(i,!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(a=>{const s=a.parentElement;if(!(s instanceof HTMLElement))return;s.removeAttribute("data-submenu-side"),s.removeAttribute("data-submenu-align");const o=a.style.display,u=a.style.visibility,c=a.style.pointerEvents,b=a.style.opacity,P=a.style.transform;a.style.display="grid",a.style.visibility="hidden",a.style.pointerEvents="none",a.style.opacity="0",a.style.transform="none";const p=s.getBoundingClientRect(),f=a.getBoundingClientRect();p.right+4+f.width>t-8&&p.left-4-f.width>=8&&s.setAttribute("data-submenu-side","left"),p.top+f.height>r-8&&p.bottom-f.height>=8&&s.setAttribute("data-submenu-align","up"),a.style.display=o,a.style.visibility=u,a.style.pointerEvents=c,a.style.opacity=b,a.style.transform=P})}_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>${R}</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="${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 i=r.querySelector("ui-listbox.content-host"),a=r.querySelector(".surface");if(!i||!a)return r;if(a.id=t?.id||`ui-menubar-panel-${this._uid}-${e}`,a.setAttribute("aria-labelledby",this._items[e]?.id||""),this._applyPanelVariantData(r),this._applyPanelTokens(r),t){const s=t.cloneNode(!0);s.setAttribute("slot","menu"),i.appendChild(s)}if(this._hydratePanelItems(i),i.refresh(),!i.querySelector(l())){const s=document.createElement("div");s.className="empty-state",s.textContent="No items",i.appendChild(s)}return r.addEventListener("click",s=>{const o=S(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=h(this,"variant"),r=B(this.getAttribute("size")||this.getAttribute("density")),i=h(this,"density"),a=this.getAttribute("radius"),s=h(this,"shape"),o=h(this,"elevation"),u=h(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"),i&&i!=="default"?e.setAttribute("data-density",i):e.removeAttribute("data-density"),a?e.setAttribute("data-radius",a):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=y(a||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(i=>{const a=t.getPropertyValue(i).trim();a?e.style.setProperty(i,a):e.style.removeProperty(i)}),D.forEach(i=>{const a=t.getPropertyValue(i).trim();a?e.style.setProperty(i,a):e.style.removeProperty(i)}),z.forEach(({prefix:i,from:a,to:s})=>{for(let o=a;o<=s;o+=1){const u=`${i}${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 i=E.createPortalContainer();if(!i){this._portalEl=null,this._panelForIndex=-1;return}i.appendChild(r),this._positioner=L.createPositioner({anchor:t,floating:this._panelSurface()||r,placement:q(this.getAttribute("placement")),offset:6,flip:!0,shift:!0,fitViewport:!0,observeScroll:!1}),this._dismissableLayer=I.createDismissableLayer({node:this._panelSurface()||r,trigger:t,closeOnEscape:!0,closeOnPointerOutside:!0,onDismiss:()=>this.close()}),v.openOverlay(this._panelSurface()||r)}_teardownPanel(e=!1){this._dismissableLayer?.destroy(),this._dismissableLayer=null,this._positioner?.destroy(),this._positioner=null,e?v.retireOverlay(this._portalEl):v.removeOverlay(this._portalEl),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(),i=x(e,this._items.length);i<0||(this._setSelectedAttribute(i),this.setAttribute("open",""),this._syncState(),this.dispatchEvent(new CustomEvent("change",{detail:{selected:i,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,i=(t&&this._portalEl?.contains(t)?t.closest(l()):null)?.closest(".submenu")||this._panelListbox();this._panelListbox()?.move(e,{container:i,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(i=>i===e.target||i.contains(e.target)),r=k.findTypeaheadMatch(this._items,this._typeaheadBuffer,{startIndex:t,getLabel:i=>i.getAttribute("aria-label")||i.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,i=(t&&this._portalEl?.contains(t)?t.closest(l()):null)?.closest(".submenu")||this._panelListbox();return this._panelListbox()?.typeahead(this._typeaheadBuffer,{container:i,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 i=e.getAttribute("data-group")||e.getAttribute("name")||"";Array.from(r.querySelectorAll('[role="menuitemradio"]')).forEach(s=>{i&&(s.getAttribute("data-group")||s.getAttribute("name")||"")!==i||(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(a=>t.includes(a));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(i=>t.includes(i));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(i=>t.includes(i)))return!0;const r=e.target;return!!(r instanceof Node&&(this._portalEl?.contains(r)||this._items.some(i=>i.contains(r))))}_onDocScroll(e){!this._open||!this.closeOnScroll||this._isInternalScrollEvent(e)||this.close()}_onPanelPointerOver(e){if(!this._open)return;const t=S(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 i=!1,a=t;const s=m.resolveRovingFocusIndex(this._items,{activeIndex:t,selectedIndex:this._selectedIndex(),getDisabled:d});e.key==="ArrowRight"?(a=m.moveRovingFocusIndex(this._items,t,r==="rtl"?-1:1,{wrap:this._loopEnabled(),fallbackIndex:s,getDisabled:d}),i=!0):e.key==="ArrowLeft"?(a=m.moveRovingFocusIndex(this._items,t,r==="rtl"?1:-1,{wrap:this._loopEnabled(),fallbackIndex:s,getDisabled:d}),i=!0):e.key==="Home"?(a=m.getRovingFocusBoundaryIndex(this._items,"first",d),i=!0):e.key==="End"?(a=m.getRovingFocusBoundaryIndex(this._items,"last",d),i=!0):e.key==="Enter"||e.key===" "?(this._selectIndex(t,"keyboard"),i=!0):e.key==="ArrowDown"?(this._selectIndex(t,"keyboard"),setTimeout(()=>this._focusPanelFirst(),0),i=!0):e.key==="ArrowUp"&&(this._selectIndex(t,"keyboard"),setTimeout(()=>this._focusPanelLast(),0),i=!0),!(!i&&this._typeaheadOnBar(e))&&i&&(e.preventDefault(),a>=0&&a!==t&&(this._focusItem(a),this._open&&this._selectIndex(a,"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,i=r?.closest(l());if(e.key==="ArrowRight"&&i&&this._openPanelSubmenu(i,!0)){e.preventDefault();return}if(e.key==="ArrowLeft"&&i&&this._closeParentPanelSubmenu(i)){e.preventDefault();return}if(e.key==="Tab"){this.close();return}if(e.key==="Enter"||e.key===" "){if(!r||!this._portalEl?.contains(r)||!i||g(i)||(e.preventDefault(),this._openPanelSubmenu(i,!0)))return;i.click()}}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-menubar")&&customElements.define("ui-menubar",A);exports.UIMenubar=A;
+    `;const i=r.querySelector("ui-listbox.content-host"),a=r.querySelector(".surface");if(!i||!a)return r;if(a.id=t?.id||`ui-menubar-panel-${this._uid}-${e}`,a.setAttribute("aria-labelledby",this._items[e]?.id||""),this._applyPanelVariantData(r),this._applyPanelTokens(r),t){const s=y.revealClone(t.cloneNode(!0));s.setAttribute("slot","menu"),i.appendChild(s)}if(this._hydratePanelItems(i),i.refresh(),!i.querySelector(l())){const s=document.createElement("div");s.className="empty-state",s.textContent="No items",i.appendChild(s)}return r.addEventListener("click",s=>{const o=A(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=h(this,"variant"),r=O(this.getAttribute("size")||this.getAttribute("density")),i=h(this,"density"),a=this.getAttribute("radius"),s=h(this,"shape"),o=h(this,"elevation"),u=h(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"),i&&i!=="default"?e.setAttribute("data-density",i):e.removeAttribute("data-density"),a?e.setAttribute("data-radius",a):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=x(a||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(i=>{const a=t.getPropertyValue(i).trim();a?e.style.setProperty(i,a):e.style.removeProperty(i)}),z.forEach(i=>{const a=t.getPropertyValue(i).trim();a?e.style.setProperty(i,a):e.style.removeProperty(i)}),B.forEach(({prefix:i,from:a,to:s})=>{for(let o=a;o<=s;o+=1){const u=`${i}${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 i=k.createPortalContainer();if(!i){this._portalEl=null,this._panelForIndex=-1;return}i.appendChild(r),this._positioner=C.createPositioner({anchor:t,floating:this._panelSurface()||r,placement:M(this.getAttribute("placement")),offset:6,flip:!0,shift:!0,fitViewport:!0,observeScroll:!1}),this._dismissableLayer=L.createDismissableLayer({node:this._panelSurface()||r,trigger:t,closeOnEscape:!0,closeOnPointerOutside:!0,onDismiss:()=>this.close()}),v.openOverlay(this._panelSurface()||r)}_teardownPanel(e=!1){this._dismissableLayer?.destroy(),this._dismissableLayer=null,this._positioner?.destroy(),this._positioner=null,e?v.retireOverlay(this._portalEl):v.removeOverlay(this._portalEl),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(),i=S(e,this._items.length);i<0||(this._setSelectedAttribute(i),this.setAttribute("open",""),this._syncState(),this.dispatchEvent(new CustomEvent("change",{detail:{selected:i,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,i=(t&&this._portalEl?.contains(t)?t.closest(l()):null)?.closest(".submenu")||this._panelListbox();this._panelListbox()?.move(e,{container:i,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(i=>i===e.target||i.contains(e.target)),r=I.findTypeaheadMatch(this._items,this._typeaheadBuffer,{startIndex:t,getLabel:i=>i.getAttribute("aria-label")||i.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,i=(t&&this._portalEl?.contains(t)?t.closest(l()):null)?.closest(".submenu")||this._panelListbox();return this._panelListbox()?.typeahead(this._typeaheadBuffer,{container:i,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 i=e.getAttribute("data-group")||e.getAttribute("name")||"";Array.from(r.querySelectorAll('[role="menuitemradio"]')).forEach(s=>{i&&(s.getAttribute("data-group")||s.getAttribute("name")||"")!==i||(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(a=>t.includes(a));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(i=>t.includes(i));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(i=>t.includes(i)))return!0;const r=e.target;return!!(r instanceof Node&&(this._portalEl?.contains(r)||this._items.some(i=>i.contains(r))))}_onDocScroll(e){!this._open||!this.closeOnScroll||this._isInternalScrollEvent(e)||this.close()}_onPanelPointerOver(e){if(!this._open)return;const t=A(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 i=!1,a=t;const s=m.resolveRovingFocusIndex(this._items,{activeIndex:t,selectedIndex:this._selectedIndex(),getDisabled:d});e.key==="ArrowRight"?(a=m.moveRovingFocusIndex(this._items,t,r==="rtl"?-1:1,{wrap:this._loopEnabled(),fallbackIndex:s,getDisabled:d}),i=!0):e.key==="ArrowLeft"?(a=m.moveRovingFocusIndex(this._items,t,r==="rtl"?1:-1,{wrap:this._loopEnabled(),fallbackIndex:s,getDisabled:d}),i=!0):e.key==="Home"?(a=m.getRovingFocusBoundaryIndex(this._items,"first",d),i=!0):e.key==="End"?(a=m.getRovingFocusBoundaryIndex(this._items,"last",d),i=!0):e.key==="Enter"||e.key===" "?(this._selectIndex(t,"keyboard"),i=!0):e.key==="ArrowDown"?(this._selectIndex(t,"keyboard"),setTimeout(()=>this._focusPanelFirst(),0),i=!0):e.key==="ArrowUp"&&(this._selectIndex(t,"keyboard"),setTimeout(()=>this._focusPanelLast(),0),i=!0),!(!i&&this._typeaheadOnBar(e))&&i&&(e.preventDefault(),a>=0&&a!==t&&(this._focusItem(a),this._open&&this._selectIndex(a,"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,i=r?.closest(l());if(e.key==="ArrowRight"&&i&&this._openPanelSubmenu(i,!0)){e.preventDefault();return}if(e.key==="ArrowLeft"&&i&&this._closeParentPanelSubmenu(i)){e.preventDefault();return}if(e.key==="Tab"){this.close();return}if(e.key==="Enter"||e.key===" "){if(!r||!this._portalEl?.contains(r)||!i||g(i)||(e.preventDefault(),this._openPanelSubmenu(i,!0)))return;i.click()}}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-menubar")&&customElements.define("ui-menubar",w);exports.UIMenubar=w;