@editora/ui-core 0.1.10 → 0.1.13

package/dist/menubar.cjs.js

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

package/dist/menubar.esm.js

@@ -1,9 +1,9 @@
 import { E } from "./ElementBase-909688f3.mjs";
-import { c as k } from "./portal-1cf392ca.mjs";
+import { c as k } from "./portal-9060f7a6.mjs";
 import { d as L } from "./collection-a1aac0c6.mjs";
 import { c as I } from "./dismissable-layer-9c7e6b58.mjs";
 import { r as v, s as y, f as C, m as x, g as S } from "./roving-focus-group-4350c9a7.mjs";
-import { a as T } from "./positioner-fbd61bf1.mjs";
+import { a as T } from "./positioner-16f3cca1.mjs";
 import "./listbox-308789a0.mjs";
 import { c as D } from "./menu-item-styles-27fdbac4.mjs";
 import "./collection.esm.js";
@@ -684,8 +684,8 @@ class q extends E {
     if (this._items.length === 0)
       return -1;
     const a = this._loopEnabled();
-    let i = e + t;
-    return i < 0 && (i = a ? this._items.length - 1 : 0), i >= this._items.length && (i = a ? 0 : this._items.length - 1), i;
+    let r = e + t;
+    return r < 0 && (r = a ? this._items.length - 1 : 0), r >= this._items.length && (r = a ? 0 : this._items.length - 1), r;
   }
   _syncState() {
     this._syncStructure();
@@ -708,7 +708,7 @@ class q extends E {
     this._open ? (this._bindGlobalListeners(), (this._selectedIndex() !== this._panelForIndex || !this._portalEl) && this._rebuildPanel()) : (this._unbindGlobalListeners(), this._teardownPanel());
   }
   _bindGlobalListeners() {
-    this._globalListenersBound || (document.addEventListener("keydown", this._onDocKeyDown), document.addEventListener("scroll", this._onDocScroll, !0), this._globalListenersBound = !0);
+    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);
@@ -722,18 +722,18 @@ class q extends E {
     });
     this._focusIndex = t;
     const a = this._isOpenAttribute();
-    this._items.forEach((i, r) => {
+    this._items.forEach((r, i) => {
       var l;
-      const s = e === r, o = i.id || `ui-menubar-item-${this._uid}-${r}`, u = ((l = this._contents[r]) == null ? void 0 : l.id) || `ui-menubar-content-${this._uid}-${r}`;
-      i.id = o, i.setAttribute("role", "menuitem"), i.setAttribute("tabindex", r === t && !d(i) ? "0" : "-1"), i.setAttribute("aria-haspopup", "menu"), i.setAttribute("aria-expanded", s && a ? "true" : "false"), i.setAttribute("aria-controls", u), i.setAttribute("data-active", s ? "true" : "false");
-    }), y(this._items, this._items[t] || null, { activeAttribute: null }), this._contents.forEach((i, r) => {
-      const s = i.id || `ui-menubar-content-${this._uid}-${r}`;
-      i.id = s, i.setAttribute("role", "menu"), i.setAttribute("tabindex", "-1"), i.setAttribute("aria-hidden", e === r && a ? "false" : "true"), this._items[r] ? i.setAttribute("aria-labelledby", this._items[r].id) : i.removeAttribute("aria-labelledby");
+      const s = e === i, o = r.id || `ui-menubar-item-${this._uid}-${i}`, u = ((l = this._contents[i]) == null ? void 0 : l.id) || `ui-menubar-content-${this._uid}-${i}`;
+      r.id = o, r.setAttribute("role", "menuitem"), r.setAttribute("tabindex", i === t && !d(r) ? "0" : "-1"), r.setAttribute("aria-haspopup", "menu"), r.setAttribute("aria-expanded", s && a ? "true" : "false"), r.setAttribute("aria-controls", u), r.setAttribute("data-active", s ? "true" : "false");
+    }), y(this._items, this._items[t] || null, { activeAttribute: null }), this._contents.forEach((r, i) => {
+      const s = r.id || `ui-menubar-content-${this._uid}-${i}`;
+      r.id = s, r.setAttribute("role", "menu"), r.setAttribute("tabindex", "-1"), r.setAttribute("aria-hidden", e === i && a ? "false" : "true"), this._items[i] ? r.setAttribute("aria-labelledby", this._items[i].id) : r.removeAttribute("aria-labelledby");
     });
   }
   _hydratePanelItems(e) {
-    Array.from(e.querySelectorAll(c())).forEach((a, i) => {
-      a.getAttribute("role") || a.setAttribute("role", "menuitem"), a.hasAttribute("tabindex") || a.setAttribute("tabindex", "-1"), a.hasAttribute("data-index") || a.setAttribute("data-index", String(i)), a.classList.contains("item") || a.classList.add("item");
+    Array.from(e.querySelectorAll(c())).forEach((a, r) => {
+      a.getAttribute("role") || a.setAttribute("role", "menuitem"), a.hasAttribute("tabindex") || a.setAttribute("tabindex", "-1"), a.hasAttribute("data-index") || a.setAttribute("data-index", String(r)), a.classList.contains("item") || a.classList.add("item");
     });
   }
   _queryPanelItemsIn(e) {
@@ -747,33 +747,33 @@ class q extends E {
     const a = this._panelListbox();
     if (!a || (a.querySelectorAll('[data-submenu-open="true"]').forEach((s) => s.removeAttribute("data-submenu-open")), !e))
       return;
-    const i = [];
-    let r = e;
-    for (; r; ) {
-      const s = r.closest(".submenu");
+    const r = [];
+    let i = e;
+    for (; i; ) {
+      const s = i.closest(".submenu");
       if (!s)
         break;
       const o = s.parentElement;
       if (!(o instanceof HTMLElement) || !o.matches(c()))
         break;
-      i.unshift(o), r = o;
+      r.unshift(o), i = o;
     }
-    i.forEach((s) => s.setAttribute("data-submenu-open", "true")), t && this._submenuFor(e) && e.setAttribute("data-submenu-open", "true");
+    r.forEach((s) => s.setAttribute("data-submenu-open", "true")), t && this._submenuFor(e) && e.setAttribute("data-submenu-open", "true");
   }
   _openPanelSubmenu(e, t) {
-    var r;
+    var i;
     const a = this._submenuFor(e);
     if (!a || g(e))
       return !1;
     if (this._setOpenPanelBranch(e, !0), this._schedulePanelSubmenuLayout(), !t)
       return !0;
-    const i = (r = this._panelListbox()) == null ? void 0 : r.focusBoundary("first", {
+    const r = (i = this._panelListbox()) == null ? void 0 : i.focusBoundary("first", {
       container: a,
       focus: !0,
       owner: this._panelSurface(),
       scroll: !0
     });
-    return i && this._setOpenPanelBranch(i, !1), !0;
+    return r && this._setOpenPanelBranch(r, !1), !0;
   }
   _closeParentPanelSubmenu(e) {
     const t = e.closest(".submenu");
@@ -796,15 +796,15 @@ class q extends E {
     if (!e)
       return;
     const t = window.innerWidth, a = window.innerHeight;
-    Array.from(e.querySelectorAll('.item > .submenu, [role="menuitem"] > .submenu, [role="menuitemcheckbox"] > .submenu, [role="menuitemradio"] > .submenu, [data-menu-item] > .submenu')).forEach((r) => {
-      const s = r.parentElement;
+    Array.from(e.querySelectorAll('.item > .submenu, [role="menuitem"] > .submenu, [role="menuitemcheckbox"] > .submenu, [role="menuitemradio"] > .submenu, [data-menu-item] > .submenu')).forEach((i) => {
+      const s = i.parentElement;
       if (!(s instanceof HTMLElement))
         return;
       s.removeAttribute("data-submenu-side"), s.removeAttribute("data-submenu-align");
-      const o = r.style.display, u = r.style.visibility, l = r.style.pointerEvents, m = r.style.opacity, p = r.style.transform;
-      r.style.display = "grid", r.style.visibility = "hidden", r.style.pointerEvents = "none", r.style.opacity = "0", r.style.transform = "none";
-      const h = s.getBoundingClientRect(), f = r.getBoundingClientRect();
-      h.right + 4 + f.width > t - 8 && h.left - 4 - f.width >= 8 && s.setAttribute("data-submenu-side", "left"), h.top + f.height > a - 8 && h.bottom - f.height >= 8 && s.setAttribute("data-submenu-align", "up"), r.style.display = o, r.style.visibility = u, r.style.pointerEvents = l, r.style.opacity = m, r.style.transform = p;
+      const o = i.style.display, u = i.style.visibility, l = i.style.pointerEvents, m = i.style.opacity, p = i.style.transform;
+      i.style.display = "grid", i.style.visibility = "hidden", i.style.pointerEvents = "none", i.style.opacity = "0", i.style.transform = "none";
+      const h = s.getBoundingClientRect(), f = i.getBoundingClientRect();
+      h.right + 4 + f.width > t - 8 && h.left - 4 - f.width >= 8 && s.setAttribute("data-submenu-side", "left"), h.top + f.height > a - 8 && h.bottom - f.height >= 8 && s.setAttribute("data-submenu-align", "up"), i.style.display = o, i.style.visibility = u, i.style.pointerEvents = l, i.style.opacity = m, i.style.transform = p;
     });
   }
   _panelListbox() {
@@ -823,16 +823,16 @@ class q extends E {
         <ui-listbox class="content-host" slot="menu" role="menu" item-selector="${c().replace(/"/g, "&quot;")}" direct-item-selector=":scope > [slot=&quot;menu&quot;] > ${c().replace(/"/g, "&quot;")}" item-role="menuitem" active-attribute="data-active"></ui-listbox>
       </div>
     `;
-    const i = a.querySelector("ui-listbox.content-host"), r = a.querySelector(".surface");
-    if (!i || !r)
+    const r = a.querySelector("ui-listbox.content-host"), i = a.querySelector(".surface");
+    if (!r || !i)
       return a;
-    if (r.id = (t == null ? void 0 : t.id) || `ui-menubar-panel-${this._uid}-${e}`, r.setAttribute("aria-labelledby", ((s = this._items[e]) == null ? void 0 : s.id) || ""), this._applyPanelVariantData(a), this._applyPanelTokens(a), t) {
+    if (i.id = (t == null ? void 0 : t.id) || `ui-menubar-panel-${this._uid}-${e}`, i.setAttribute("aria-labelledby", ((s = this._items[e]) == null ? void 0 : s.id) || ""), this._applyPanelVariantData(a), this._applyPanelTokens(a), t) {
       const o = t.cloneNode(!0);
-      o.setAttribute("slot", "menu"), i.appendChild(o);
+      o.setAttribute("slot", "menu"), r.appendChild(o);
     }
-    if (this._hydratePanelItems(i), i.refresh(), !i.querySelector(c())) {
+    if (this._hydratePanelItems(r), r.refresh(), !r.querySelector(c())) {
       const o = document.createElement("div");
-      o.className = "empty-state", o.textContent = "No items", i.appendChild(o);
+      o.className = "empty-state", o.textContent = "No items", r.appendChild(o);
     }
     return a.addEventListener("click", (o) => {
       var p;
@@ -861,9 +861,9 @@ class q extends E {
     }), a.addEventListener("pointerover", this._onPanelPointerOver), a.addEventListener("pointerleave", this._onPanelPointerLeave), a.addEventListener("focusin", this._onPanelFocusIn), a;
   }
   _applyPanelVariantData(e) {
-    const t = b(this, "variant"), a = O(this.getAttribute("size") || this.getAttribute("density")), i = b(this, "density"), r = this.getAttribute("radius"), s = b(this, "shape"), o = b(this, "elevation"), u = b(this, "tone"), l = t === "default" || t === "" ? "" : t === "glass" ? "soft" : t === "line" ? "outline" : t;
-    l ? e.setAttribute("data-variant", l) : e.removeAttribute("data-variant"), a !== "md" ? e.setAttribute("data-size", a) : e.removeAttribute("data-size"), i && i !== "default" ? e.setAttribute("data-density", i) : e.removeAttribute("data-density"), r ? e.setAttribute("data-radius", r) : 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 m = A(r || s || null);
+    const t = b(this, "variant"), a = O(this.getAttribute("size") || this.getAttribute("density")), r = b(this, "density"), i = this.getAttribute("radius"), s = b(this, "shape"), o = b(this, "elevation"), u = b(this, "tone"), l = t === "default" || t === "" ? "" : t === "glass" ? "soft" : t === "line" ? "outline" : t;
+    l ? e.setAttribute("data-variant", l) : e.removeAttribute("data-variant"), a !== "md" ? e.setAttribute("data-size", a) : e.removeAttribute("data-size"), r && r !== "default" ? e.setAttribute("data-density", r) : e.removeAttribute("data-density"), i ? e.setAttribute("data-radius", i) : e.removeAttribute("data-radius"), s && s !== "default" ? e.setAttribute("data-shape", s) : e.removeAttribute("data-shape"), o && o !== "default" ? e.setAttribute("data-elevation", o) : e.removeAttribute("data-elevation"), u && u !== "default" && u !== "brand" ? e.setAttribute("data-tone", u) : e.removeAttribute("data-tone"), this._open ? e.setAttribute("data-open", "true") : e.removeAttribute("data-open");
+    const m = A(i || s || null);
     m ? (e.style.setProperty("--ui-menubar-panel-radius", m), e.style.setProperty("--ui-menubar-panel-item-radius", m === "999px" ? "999px" : `calc(${m} - 2px)`)) : (e.style.removeProperty("--ui-menubar-panel-radius"), e.style.removeProperty("--ui-menubar-panel-item-radius"));
   }
   _applyPanelTokens(e) {
@@ -923,15 +923,15 @@ class q extends E {
       "--ui-menubar-panel-separator-margin",
       "--ui-menubar-panel-item-hover-bg",
       "--ui-menubar-panel-item-active-color"
-    ].forEach((i) => {
-      const r = t.getPropertyValue(i).trim();
-      r ? e.style.setProperty(i, r) : e.style.removeProperty(i);
-    }), B.forEach((i) => {
-      const r = t.getPropertyValue(i).trim();
-      r ? e.style.setProperty(i, r) : e.style.removeProperty(i);
-    }), F.forEach(({ prefix: i, from: r, to: s }) => {
-      for (let o = r; o <= s; o += 1) {
-        const u = `${i}${o}`, l = t.getPropertyValue(u).trim();
+    ].forEach((r) => {
+      const i = t.getPropertyValue(r).trim();
+      i ? e.style.setProperty(r, i) : e.style.removeProperty(r);
+    }), B.forEach((r) => {
+      const i = t.getPropertyValue(r).trim();
+      i ? e.style.setProperty(r, i) : e.style.removeProperty(r);
+    }), F.forEach(({ prefix: r, from: i, to: s }) => {
+      for (let o = i; o <= s; o += 1) {
+        const u = `${r}${o}`, l = t.getPropertyValue(u).trim();
         l ? e.style.setProperty(u, l) : e.style.removeProperty(u);
       }
     });
@@ -957,12 +957,12 @@ class q extends E {
     this._teardownPanel();
     const a = this._buildPanelContent(e);
     this._portalEl = a, this._portalSurfaceEl = a.querySelector(".surface"), this._portalContentHostEl = a.querySelector("ui-listbox.content-host"), this._panelForIndex = e;
-    const i = k();
-    if (!i) {
+    const r = k();
+    if (!r) {
       this._portalEl = null, this._panelForIndex = -1;
       return;
     }
-    i.appendChild(a), this._positioner = T({
+    r.appendChild(a), this._positioner = T({
       anchor: t,
       floating: this._panelSurface() || a,
       placement: H(this.getAttribute("placement")),
@@ -989,10 +989,10 @@ class q extends E {
     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 a = this._selectedIndex(), i = w(e, this._items.length);
-    i < 0 || (this._setSelectedAttribute(i), this.setAttribute("open", ""), this._syncState(), this.dispatchEvent(
+    const a = this._selectedIndex(), r = w(e, this._items.length);
+    r < 0 || (this._setSelectedAttribute(r), this.setAttribute("open", ""), this._syncState(), this.dispatchEvent(
       new CustomEvent("change", {
-        detail: { selected: i, previous: a, open: !0, reason: t },
+        detail: { selected: r, previous: a, open: !0, reason: t },
         bubbles: !0
       })
     ));
@@ -1018,9 +1018,9 @@ class q extends E {
   }
   _movePanelFocus(e) {
     var s, o, u;
-    const t = document.activeElement, a = t && ((s = this._portalEl) != null && s.contains(t)) ? t.closest(c()) : null, i = (a == null ? void 0 : a.closest(".submenu")) || this._panelListbox();
+    const t = document.activeElement, a = t && ((s = this._portalEl) != null && s.contains(t)) ? t.closest(c()) : null, r = (a == null ? void 0 : a.closest(".submenu")) || this._panelListbox();
     ((u = this._panelListbox()) == null ? void 0 : u.move(e, {
-      container: i,
+      container: r,
       current: t && ((o = this._portalEl) != null && o.contains(t)) ? t : null,
       focus: !0,
       owner: this._panelSurface(),
@@ -1037,9 +1037,9 @@ class q extends 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)), a = L(this._items, this._typeaheadBuffer, {
+    const t = this._items.findIndex((r) => r === e.target || r.contains(e.target)), a = L(this._items, this._typeaheadBuffer, {
       startIndex: t,
-      getLabel: (i) => i.getAttribute("aria-label") || i.textContent || "",
+      getLabel: (r) => r.getAttribute("aria-label") || r.textContent || "",
       getDisabled: d
     });
     return a < 0 ? !1 : (e.preventDefault(), this._focusItem(a), this._open && this._selectIndex(a, "keyboard"), !0);
@@ -1049,9 +1049,9 @@ class q extends E {
     if (!this.typeahead || !this._isTypeaheadKey(e))
       return !1;
     this._typeaheadBuffer = `${this._typeaheadBuffer}${e.key.toLowerCase()}`.slice(0, 24), this._typeaheadTimer != null && window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = window.setTimeout(() => this._resetTypeahead(), 420);
-    const t = document.activeElement, a = t && ((s = this._portalEl) != null && s.contains(t)) ? t.closest(c()) : null, i = (a == null ? void 0 : a.closest(".submenu")) || this._panelListbox();
+    const t = document.activeElement, a = t && ((s = this._portalEl) != null && s.contains(t)) ? t.closest(c()) : null, r = (a == null ? void 0 : a.closest(".submenu")) || this._panelListbox();
     return ((u = this._panelListbox()) == null ? void 0 : u.typeahead(this._typeaheadBuffer, {
-      container: i,
+      container: r,
       current: t && ((o = this._portalEl) != null && o.contains(t)) ? t : null,
       focus: !0,
       owner: this._panelSurface(),
@@ -1070,13 +1070,13 @@ class q extends E {
     const a = e.closest(".submenu") || this._panelListbox();
     if (!a)
       return;
-    const i = e.getAttribute("data-group") || e.getAttribute("name") || "";
+    const r = e.getAttribute("data-group") || e.getAttribute("name") || "";
     Array.from(a.querySelectorAll('[role="menuitemradio"]')).forEach((s) => {
-      i && (s.getAttribute("data-group") || s.getAttribute("name") || "") !== i || (s.setAttribute("aria-checked", "false"), s.setAttribute("data-state", "unchecked"));
+      r && (s.getAttribute("data-group") || s.getAttribute("name") || "") !== r || (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(), a = this._items.findIndex((r) => t.includes(r));
+    const t = e.composedPath(), a = this._items.findIndex((i) => t.includes(i));
     if (a < 0)
       return;
     if (this._focusItem(a), this._selectedIndex() === a && this._open) {
@@ -1088,24 +1088,29 @@ class q extends E {
   _onMouseMove(e) {
     if (!this._open)
       return;
-    const t = e.composedPath(), a = this._items.findIndex((i) => t.includes(i));
+    const t = e.composedPath(), a = this._items.findIndex((r) => t.includes(r));
     a < 0 || a !== this._selectedIndex() && this._selectIndex(a, "programmatic");
   }
-  _onDocScroll(e) {
-    if (!this._open || !this.closeOnScroll)
-      return;
+  _isInternalScrollEvent(e) {
+    var r;
     const t = typeof e.composedPath == "function" ? e.composedPath() : [];
-    this._portalEl && t.includes(this._portalEl) || this.close();
+    if (this._portalEl && t.includes(this._portalEl) || this._items.some((i) => t.includes(i)))
+      return !0;
+    const a = e.target;
+    return !!(a instanceof Node && ((r = this._portalEl) != null && r.contains(a) || this._items.some((i) => i.contains(a))));
+  }
+  _onDocScroll(e) {
+    !this._open || !this.closeOnScroll || this._isInternalScrollEvent(e) || this.close();
   }
   _onPanelPointerOver(e) {
-    var i;
+    var r;
     if (!this._open)
       return;
     const t = P(e);
     if (!t || g(t))
       return;
     const a = t.closest(".submenu") || this._panelListbox();
-    (i = this._panelListbox()) == null || i.setActiveItem(t, {
+    (r = this._panelListbox()) == null || r.setActiveItem(t, {
       container: a,
       focus: !1,
       owner: this._panelSurface(),
@@ -1130,24 +1135,24 @@ class q extends E {
     if (t < 0)
       return;
     const a = getComputedStyle(this).direction === "rtl" ? "rtl" : "ltr";
-    let i = !1, r = t;
+    let r = !1, i = t;
     const s = v(this._items, {
       activeIndex: t,
       selectedIndex: this._selectedIndex(),
       getDisabled: d
     });
-    e.key === "ArrowRight" ? (r = x(this._items, t, a === "rtl" ? -1 : 1, {
+    e.key === "ArrowRight" ? (i = x(this._items, t, a === "rtl" ? -1 : 1, {
       wrap: this._loopEnabled(),
       fallbackIndex: s,
       getDisabled: d
-    }), i = !0) : e.key === "ArrowLeft" ? (r = x(this._items, t, a === "rtl" ? 1 : -1, {
+    }), r = !0) : e.key === "ArrowLeft" ? (i = x(this._items, t, a === "rtl" ? 1 : -1, {
       wrap: this._loopEnabled(),
       fallbackIndex: s,
       getDisabled: d
-    }), i = !0) : e.key === "Home" ? (r = S(this._items, "first", d), i = !0) : e.key === "End" ? (r = S(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(), r >= 0 && r !== t && (this._focusItem(r), this._open && this._selectIndex(r, "keyboard")));
+    }), r = !0) : e.key === "Home" ? (i = S(this._items, "first", d), r = !0) : e.key === "End" ? (i = S(this._items, "last", d), r = !0) : e.key === "Enter" || e.key === " " ? (this._selectIndex(t, "keyboard"), r = !0) : e.key === "ArrowDown" ? (this._selectIndex(t, "keyboard"), setTimeout(() => this._focusPanelFirst(), 0), r = !0) : e.key === "ArrowUp" && (this._selectIndex(t, "keyboard"), setTimeout(() => this._focusPanelLast(), 0), r = !0), !(!r && this._typeaheadOnBar(e)) && r && (e.preventDefault(), i >= 0 && i !== t && (this._focusItem(i), this._open && this._selectIndex(i, "keyboard")));
   }
   _onDocKeyDown(e) {
-    var r;
+    var i;
     if (!this._open || !(!!this._portalEl && e.composedPath().includes(this._portalEl)) || this._typeaheadOnPanel(e))
       return;
     if (e.key === "ArrowDown") {
@@ -1166,12 +1171,12 @@ class q extends E {
       e.preventDefault(), this._focusPanelLast();
       return;
     }
-    const a = document.activeElement, i = a == null ? void 0 : a.closest(c());
-    if (e.key === "ArrowRight" && i && this._openPanelSubmenu(i, !0)) {
+    const a = document.activeElement, r = a == null ? void 0 : a.closest(c());
+    if (e.key === "ArrowRight" && r && this._openPanelSubmenu(r, !0)) {
       e.preventDefault();
       return;
     }
-    if (e.key === "ArrowLeft" && i && this._closeParentPanelSubmenu(i)) {
+    if (e.key === "ArrowLeft" && r && this._closeParentPanelSubmenu(r)) {
       e.preventDefault();
       return;
     }
@@ -1180,9 +1185,9 @@ class q extends E {
       return;
     }
     if (e.key === "Enter" || e.key === " ") {
-      if (!a || !((r = this._portalEl) != null && r.contains(a)) || !i || g(i) || (e.preventDefault(), this._openPanelSubmenu(i, !0)))
+      if (!a || !((i = this._portalEl) != null && i.contains(a)) || !r || g(r) || (e.preventDefault(), this._openPanelSubmenu(r, !0)))
         return;
-      i.click();
+      r.click();
     }
   }
   shouldRenderOnAttributeChange(e, t, a) {

package/dist/{overlayManager-ece06517.js → overlayManager-0eda4e08.js}

@@ -1 +1 @@
-"use strict";const c=require("./scroll-lock-48793569.js"),i={baseZ:1300,stack:[],_lockCount:0,register(t){if(!t)return;const s=this.stack.indexOf(t);s!==-1&&this.stack.splice(s,1),this.stack.push(t),this.reassignZ()},unregister(t){const s=this.stack.indexOf(t);s!==-1&&(this.stack.splice(s,1),this.reassignZ())},bringToFront(t){this.register(t)},top(){return this.stack.length?this.stack[this.stack.length-1]:null},acquireLock(){this._lockCount=Math.max(0,(this._lockCount||0)+1),c.acquireBodyScrollLock()},releaseLock(){this._lockCount=Math.max(0,(this._lockCount||0)-1),c.releaseBodyScrollLock()},lockCount(){return this._lockCount||0},lockScroll(){this.acquireLock()},unlockScroll(){this.releaseLock()},reassignZ(){for(let t=0;t<this.stack.length;t++){const s=this.stack[t];try{s.style.zIndex=String(this.baseZ+t+1)}catch{}}}};exports.OverlayManager=i;
+"use strict";const c=require("./scroll-lock-d7b0df21.js"),i={baseZ:1300,stack:[],_lockCount:0,register(t){if(!t)return;const s=this.stack.indexOf(t);s!==-1&&this.stack.splice(s,1),this.stack.push(t),this.reassignZ()},unregister(t){const s=this.stack.indexOf(t);s!==-1&&(this.stack.splice(s,1),this.reassignZ())},bringToFront(t){this.register(t)},top(){return this.stack.length?this.stack[this.stack.length-1]:null},acquireLock(){this._lockCount=Math.max(0,(this._lockCount||0)+1),c.acquireBodyScrollLock()},releaseLock(){this._lockCount=Math.max(0,(this._lockCount||0)-1),c.releaseBodyScrollLock()},lockCount(){return this._lockCount||0},lockScroll(){this.acquireLock()},unlockScroll(){this.releaseLock()},reassignZ(){for(let t=0;t<this.stack.length;t++){const s=this.stack[t];try{s.style.zIndex=String(this.baseZ+t+1)}catch{}}}};exports.OverlayManager=i;

package/dist/{overlayManager-86454af7.mjs → overlayManager-5bbd4dc3.mjs}

@@ -1,4 +1,4 @@
-import { a as i, r as c } from "./scroll-lock-9de6d328.mjs";
+import { a as i, r as c } from "./scroll-lock-31da444f.mjs";
 const r = {
   // Keep manager-driven overlays above dialog/drawer defaults (1200/1201).
   baseZ: 1300,

package/dist/popover.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-1b301e7f.js"),f=require("./portal-d8d7fbca.js"),b=require("./dismissable-layer-193e3bed.js"),g=require("./positioner-accc6e5f.js"),m=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-1b301e7f.js"),f=require("./portal-d9bae456.js"),b=require("./dismissable-layer-193e3bed.js"),g=require("./positioner-43b1c75a.js"),m=`
   .popover-shell {
     --ui-popover-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
     --ui-popover-bg:

package/dist/popover.esm.js

@@ -1,7 +1,7 @@
 import { E as v } from "./ElementBase-909688f3.mjs";
-import { c as h } from "./portal-1cf392ca.mjs";
+import { c as h } from "./portal-9060f7a6.mjs";
 import { c as f } from "./dismissable-layer-9c7e6b58.mjs";
-import { a as b } from "./positioner-fbd61bf1.mjs";
+import { a as b } from "./positioner-16f3cca1.mjs";
 const g = `
   .popover-shell {
     --ui-popover-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));