@editora/ui-core 0.1.25 → 0.2.1

package/dist/{menu-item-styles-B4onAr4C.js → menu-item-styles-DUdyjQ7i.js}

@@ -1,8 +1,8 @@
-"use strict";const y=['[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',".item","[data-menu-item]"],I=[".shortcut"];function r(e,o){return e.flatMap(i=>o.map(n=>`${i} ${n}`)).join(`,
-  `)}function c(e,o){return e.map(i=>`${i}${o}`)}function s(e,o){return e.map(i=>`${i}${o}`)}function T(e){const o=e.itemSelectors??y,i=e.shortcutSelectors??I,n=e.activeStateSelectors??[],t=e.prefix,a=r(e.scopes,o),l=r(e.scopes,[...c(o,":hover"),...c(o,":focus-visible"),...n]),p=r(e.scopes,c(o,":focus-visible")),m=r(e.scopes,s(o,'[aria-disabled="true"]')),d=r(e.scopes,s(o,'[data-tone="danger"]')),u=r(e.scopes,s(o,'[data-tone="success"]')),x=r(e.scopes,s(o,'[data-tone="warning"]')),b=r(e.scopes,[".separator",'[role="separator"]']),g=r(e.scopes,[".label"]),h=r(e.scopes,[".label .text"]),$=r(e.scopes,[".label .caption"]),f=r(e.scopes,[".section-label"]),v=r(e.scopes,[".icon"]),S=r(e.scopes,[".selection-icon"]),k=r(e.scopes,['[role="menuitemcheckbox"][aria-checked="true"] .selection-icon::before']),w=r(e.scopes,['[role="menuitemradio"][aria-checked="true"] .selection-icon::before']),z=r(e.scopes,i),C=r(e.scopes,[".submenu-arrow"]);return`
+"use strict";const y=['[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',".item","[data-menu-item]"],I=[".shortcut"];function r(e,o){return e.flatMap(i=>o.map(c=>`${i} ${c}`)).join(`,
+  `)}function n(e,o){return e.map(i=>`${i}${o}`)}function s(e,o){return e.map(i=>`${i}${o}`)}function T(e){const o=e.itemSelectors??y,i=e.shortcutSelectors??I,c=e.activeStateSelectors??[],t=e.prefix,a=r(e.scopes,o),l=r(e.scopes,[...n(o,":hover"),...n(o,":focus-visible"),...c]),p=r(e.scopes,n(o,":focus-visible")),m=r(e.scopes,s(o,'[aria-disabled="true"]')),u=r(e.scopes,s(o,'[data-tone="danger"]')),d=r(e.scopes,s(o,'[data-tone="success"]')),x=r(e.scopes,s(o,'[data-tone="warning"]')),b=r(e.scopes,[".separator",'[role="separator"]']),g=r(e.scopes,[".label"]),h=r(e.scopes,[".label .text"]),$=r(e.scopes,[".label .caption"]),f=r(e.scopes,[".section-label"]),v=r(e.scopes,[".icon"]),S=r(e.scopes,[".selection-icon"]),k=r(e.scopes,['[role="menuitemcheckbox"][aria-checked="true"] .selection-icon::before']),w=r(e.scopes,['[role="menuitemradio"][aria-checked="true"] .selection-icon::before']),z=r(e.scopes,i),C=r(e.scopes,[".submenu-arrow"]);return`
   ${f} {
     padding: 6px 10px 4px;
-    color: color-mix(in srgb, var(${t}-color, #0f172a) 54%, transparent);
+    color: color-mix(in srgb, var(${t}-color, #0f172a) 72%, transparent);
     font: 600 11px/1.4 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
     letter-spacing: 0.04em;
     text-transform: uppercase;
@@ -53,16 +53,16 @@
     pointer-events: none;
   }
 
-  ${d} {
-    color: #dc2626;
+  ${u} {
+    color: var(--ui-color-danger-text, #dc2626);
   }
 
-  ${u} {
-    color: #15803d;
+  ${d} {
+    color: var(--ui-color-success-text, #15803d);
   }
 
   ${x} {
-    color: #b45309;
+    color: var(--ui-color-warning-text, #b45309);
   }
 
   ${v} {
@@ -125,7 +125,7 @@
   }
 
   ${$} {
-    color: color-mix(in srgb, currentColor 70%, transparent);
+    color: color-mix(in srgb, currentColor 88%, transparent);
     font-size: calc(var(${t}-item-font-size, 14px) - 1px);
     line-height: 1.35;
     letter-spacing: inherit;
@@ -136,7 +136,7 @@
     padding-left: 14px;
     flex: 0 0 auto;
     min-width: max-content;
-    color: color-mix(in srgb, currentColor 70%, transparent);
+    color: color-mix(in srgb, currentColor 88%, transparent);
     font-size: calc(var(${t}-item-font-size, 14px) - 1px);
     line-height: 1;
     letter-spacing: inherit;

package/dist/menu.cjs.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("./ElementBase-DxbvhLJs.js"),y=require("./trigger-DkPsKxsP.js"),x=require("./portal-DgpQ3Jo1.js"),A=require("./dismissable-layer-DNfrKA20.js"),E=require("./positioner-D_fqyx_j.js"),k=require("./menu-item-styles-B4onAr4C.js");function g(r){return r==="top"||r==="left"||r==="right"?r:"bottom"}function S(r){return r==="sm"||r==="1"||r==="compact"?"sm":r==="lg"||r==="3"||r==="comfortable"?"lg":"md"}function w(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 h(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 p(r){const e=typeof r.composedPath=="function"?r.composedPath():[];for(const i of e)if(i instanceof HTMLElement&&i.matches(u()))return i;const t=r.target;return t instanceof HTMLElement?t.closest(u()):null}const I=new Set(["variant","density","shape","elevation","tone","size","radius"]),C=["--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"],T=`
+"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=`
   :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));
     --ui-menu-border-color: color-mix(in srgb, var(--ui-color-border, var(--ui-border, rgba(15, 23, 42, 0.14))) 86%, transparent);
     --ui-menu-border: var(--base-menu-border, 1px solid var(--ui-menu-border-color));
     --ui-menu-shadow: var(--base-menu-shadow, var(--shadow-5, none));
-    --ui-menu-radius: var(--base-menu-radius, var(--ui-radius, 4px));
+    --ui-menu-radius: var(--base-menu-radius, var(--ui-radius, 6px));
     --ui-menu-padding: var(--base-menu-content-padding, 8px);
     --ui-menu-min-width: var(--base-menu-min-width, 232px);
     --ui-menu-ring: var(--ui-color-primary, var(--ui-primary, #2563eb));
@@ -40,7 +40,9 @@
     pointer-events: none;
     opacity: 0.62;
   }
-`,L=`
+`,P=`
+  ${c.OVERLAY_MOTION_CSS}
+
   .menu {
     position: absolute;
     display: flex;
@@ -58,12 +60,7 @@
     background: var(--ui-menu-bg, #fff);
     color: var(--ui-menu-color, #0f172a);
     box-shadow: var(--ui-menu-shadow);
-    opacity: 0;
-    transform: translateY(4px) scale(0.985);
-    transform-origin: top center;
-    animation: ui-menu-enter 150ms cubic-bezier(0.2, 0.9, 0.24, 1) forwards;
     outline: none;
-    will-change: transform, opacity;
     z-index: var(--ui-menu-z, 1560);
   }
 
@@ -206,19 +203,6 @@
     opacity: 0.72;
   }
 
-  @keyframes ui-menu-enter {
-    from { opacity: 0; transform: translateY(4px) scale(0.985); }
-    to { opacity: 1; transform: translateY(0) scale(1); }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .menu {
-      animation: none;
-      opacity: 1;
-      transform: none;
-    }
-  }
-
   @media (prefers-contrast: more) {
     .menu {
       border-width: 2px;
@@ -262,8 +246,8 @@
       box-shadow: none;
     }
   }
-`;class _ extends v.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}I.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 h(this.getAttribute("close-on-select"),!0)}set closeOnSelect(e){this.setAttribute("close-on-select",e?"true":"false")}get closeOnScroll(){return h(this.getAttribute("close-on-scroll"),!0)}set closeOnScroll(e){this.setAttribute("close-on-scroll",e?"true":"false")}get typeahead(){return h(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=y.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(),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,a=n===-1?0:Math.max(0,Math.min(t.length-1,n+e));this._focusItem(t[a]||null)}_resetTypeahead(){this._typeaheadBuffer="",this._typeaheadTimer!=null&&(window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null)}_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(s=>s===t||s.contains(t)):-1,o=(n>=0?[...i.slice(n+1),...i.slice(0,n+1)]:i).find(s=>(s.textContent||"").trim().toLowerCase().startsWith(this._typeaheadBuffer));return o?(e.preventDefault(),this._focusItem(o),!0):!1}_applySelectionBehavior(e){const 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 a=n.getAttribute("data-group")||n.getAttribute("name")||"";i&&a!==i||(n.setAttribute("aria-checked",n===e?"true":"false"),n.setAttribute("data-state",n===e?"checked":"unchecked"))})}_handleItemSelect(e){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 a=i.cloneNode(!0);a.removeAttribute("slot"),a.getAttribute("role")||a.setAttribute("role","menuitem"),a.classList.contains("item")||a.classList.add("item"),a.hasAttribute("tabindex")||a.setAttribute("tabindex","-1"),a.hasAttribute("data-index")||a.setAttribute("data-index",String(n)),e.appendChild(a)}),t.length}_hydrateMenuItems(e){const 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);C.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=S(this.getAttribute("size")||this.getAttribute("density")),n=l(this,"density"),a=this.getAttribute("radius"),o=l(this,"shape"),s=l(this,"elevation"),c=l(this,"tone"),f=t==="default"||t===""?"":t==="line"?"outline":t==="glass"?"soft":t;f?e.setAttribute("data-variant",f):e.removeAttribute("data-variant"),i!=="md"?e.setAttribute("data-size",i):e.removeAttribute("data-size"),n&&n!=="default"?e.setAttribute("data-density",n):e.removeAttribute("data-density"),s&&s!=="default"?e.setAttribute("data-elevation",s):e.removeAttribute("data-elevation");const b=c==="default"||c==="brand"||c===""?"":c;b?e.setAttribute("data-tone",b):e.removeAttribute("data-tone");const d=w(a||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(){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=p(t);!i||m(i)||this._handleItemSelect(i)},e.addEventListener("click",this._menuClickHandler),e.addEventListener("mouseover",t=>{const i=p(t);!i||m(i)||this._focusItem(i)}),e.addEventListener("focusin",t=>{const i=p(t);!i||m(i)||this._focusItem(i)}),e.addEventListener("mouseleave",()=>this._clearActiveState())}_buildPortalElement(){const e=document.createElement("div");e.className="surface menu",e.id=this._menuId,e.setAttribute("part","menu"),e.setAttribute("role","menu"),e.setAttribute("tabindex","-1"),e.setAttribute("aria-hidden","false"),e.setAttribute("aria-busy","false"),e.setAttribute("data-placement",g(this.getAttribute("placement")));const t=document.createElement("style");t.textContent=L,e.appendChild(t);const i=this._getContentSource();let n=0;if(i){const a=i.cloneNode(!0);a.removeAttribute("slot"),e.appendChild(a)}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)}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()}_rebuildPositioner(){const e=this._getTrigger();!this._portalEl||!e||(this._positioner?.destroy(),this._positioner=E.createPositioner({anchor:e,floating:this._portalEl,placement:g(this.getAttribute("placement")),offset:6,flip:!0,shift:!0,fitViewport:!0,observeScroll:!1}))}_mountPortal(){const e=this._getTrigger();if(e){if(this._portalEl)this._syncPortalVisualState();else{this._portalEl=this._buildPortalElement();const t=x.createPortalContainer();if(!t){this._portalEl=null;return}t.appendChild(this._portalEl)}this._rebuildPositioner(),this._dismissableLayer?.destroy(),this._dismissableLayer=A.createDismissableLayer({node:this._portalEl,trigger:e,closeOnEscape:!0,closeOnPointerOutside:!0,onDismiss:()=>this.close()})}}_teardownPortal(){if(this._dismissableLayer?.destroy(),this._dismissableLayer=null,this._positioner?.destroy(),this._positioner=null,this._portalEl?.parentElement)try{this._portalEl.parentElement.removeChild(this._portalEl)}catch{}this._portalEl=null,this._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>${T}</style>
+`;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>
       <div class="trigger" part="trigger">
         <slot name="trigger"></slot>
       </div>
@@ -272,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",_);exports.UIMenu=_;
+    `),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;

package/dist/menu.esm.js

@@ -1,16 +1,17 @@
-import { E as _ } from "./ElementBase-BeZT54Hj.mjs";
-import { r as v } from "./trigger-BjnxLCeQ.mjs";
-import { b as y } from "./portal-bR42gHvG.mjs";
-import { c as x } from "./dismissable-layer-BmPIoK80.mjs";
-import { e as A } from "./positioner-D0VGxtYU.mjs";
-import { c as E } from "./menu-item-styles-IGSFLAHu.mjs";
-function g(r) {
+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) {
   return r === "top" || r === "left" || r === "right" ? r : "bottom";
 }
-function k(r) {
+function C(r) {
   return r === "sm" || r === "1" || r === "compact" ? "sm" : r === "lg" || r === "3" || r === "comfortable" ? "lg" : "md";
 }
-function w(r) {
+function T(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) {
@@ -41,7 +42,7 @@ function p(r) {
   const t = r.target;
   return t instanceof HTMLElement ? t.closest(u()) : null;
 }
-const S = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "tone", "size", "radius"]), C = [
+const L = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "tone", "size", "radius"]), P = [
   "--ui-menu-bg",
   "--ui-menu-color",
   "--ui-menu-border-color",
@@ -63,14 +64,14 @@ const S = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
   "--ui-menu-separator-margin",
   "--ui-menu-item-hover-bg",
   "--ui-menu-item-active-color"
-], I = `
+], O = `
   :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));
     --ui-menu-border-color: color-mix(in srgb, var(--ui-color-border, var(--ui-border, rgba(15, 23, 42, 0.14))) 86%, transparent);
     --ui-menu-border: var(--base-menu-border, 1px solid var(--ui-menu-border-color));
     --ui-menu-shadow: var(--base-menu-shadow, var(--shadow-5, none));
-    --ui-menu-radius: var(--base-menu-radius, var(--ui-radius, 4px));
+    --ui-menu-radius: var(--base-menu-radius, var(--ui-radius, 6px));
     --ui-menu-padding: var(--base-menu-content-padding, 8px);
     --ui-menu-min-width: var(--base-menu-min-width, 232px);
     --ui-menu-ring: var(--ui-color-primary, var(--ui-primary, #2563eb));
@@ -105,7 +106,9 @@ const S = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
     pointer-events: none;
     opacity: 0.62;
   }
-`, T = `
+`, D = `
+  ${k}
+
   .menu {
     position: absolute;
     display: flex;
@@ -123,12 +126,7 @@ const S = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
     background: var(--ui-menu-bg, #fff);
     color: var(--ui-menu-color, #0f172a);
     box-shadow: var(--ui-menu-shadow);
-    opacity: 0;
-    transform: translateY(4px) scale(0.985);
-    transform-origin: top center;
-    animation: ui-menu-enter 150ms cubic-bezier(0.2, 0.9, 0.24, 1) forwards;
     outline: none;
-    will-change: transform, opacity;
     z-index: var(--ui-menu-z, 1560);
   }
 
@@ -243,7 +241,7 @@ const S = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
     --ui-menu-item-active-color: inherit;
   }
 
-  ${E({
+  ${I({
   scopes: [".menu"],
   prefix: "--ui-menu",
   shortcutSelectors: [".shortcut", ".meta"],
@@ -282,19 +280,6 @@ const S = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
     opacity: 0.72;
   }
 
-  @keyframes ui-menu-enter {
-    from { opacity: 0; transform: translateY(4px) scale(0.985); }
-    to { opacity: 1; transform: translateY(0) scale(1); }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .menu {
-      animation: none;
-      opacity: 1;
-      transform: none;
-    }
-  }
-
   @media (prefers-contrast: more) {
     .menu {
       border-width: 2px;
@@ -339,7 +324,7 @@ const S = /* @__PURE__ */ new Set(["variant", "density", "shape", "elevation", "
     }
   }
 `;
-class L extends _ {
+class z extends v {
   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);
   }
@@ -381,7 +366,7 @@ class L extends _ {
           this._rebuildPositioner();
           return;
         }
-        S.has(e) && this._isOpen && this._syncPortalVisualState();
+        L.has(e) && this._isOpen && this._syncPortalVisualState();
       }
     }
   }
@@ -427,7 +412,7 @@ class L extends _ {
   _syncTriggerA11y() {
     const e = this._getTrigger();
     if (!e) return;
-    const t = v(e);
+    const t = y(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;
@@ -444,7 +429,7 @@ class L extends _ {
       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(), this.dispatchEvent(new CustomEvent("close", { bubbles: !0 })), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: { open: !1 } }));
+    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 {
@@ -549,17 +534,17 @@ class L extends _ {
   }
   _applyPortalTokens(e) {
     const t = window.getComputedStyle(this);
-    C.forEach((i) => {
+    P.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 = k(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;
+    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 b = c === "default" || c === "brand" || c === "" ? "" : c;
     b ? e.setAttribute("data-tone", b) : e.removeAttribute("data-tone");
-    const d = w(a || o || null);
+    const d = T(a || 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() {
@@ -579,9 +564,9 @@ class L extends _ {
   }
   _buildPortalElement() {
     const e = document.createElement("div");
-    e.className = "surface menu", e.id = this._menuId, e.setAttribute("part", "menu"), e.setAttribute("role", "menu"), e.setAttribute("tabindex", "-1"), e.setAttribute("aria-hidden", "false"), e.setAttribute("aria-busy", "false"), e.setAttribute("data-placement", g(this.getAttribute("placement")));
+    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 = T, e.appendChild(t);
+    t.textContent = D, e.appendChild(t);
     const i = this._getContentSource();
     let n = 0;
     if (i) {
@@ -600,14 +585,14 @@ class L extends _ {
     const e = this._portalEl.parentElement;
     if (!e) return;
     const t = this._portalEl, i = this._buildPortalElement();
-    e.replaceChild(i, t), this._portalEl = i, this._rebuildPositioner();
+    e.replaceChild(i, t), this._portalEl = i, this._rebuildPositioner(), g(i, { animate: !1 });
   }
   _rebuildPositioner() {
     const e = this._getTrigger();
-    !this._portalEl || !e || (this._positioner?.destroy(), this._positioner = A({
+    !this._portalEl || !e || (this._positioner?.destroy(), this._positioner = E({
       anchor: e,
       floating: this._portalEl,
-      placement: g(this.getAttribute("placement")),
+      placement: _(this.getAttribute("placement")),
       offset: 6,
       flip: !0,
       shift: !0,
@@ -617,34 +602,29 @@ class L extends _ {
   }
   _mountPortal() {
     const e = this._getTrigger();
-    if (e) {
-      if (this._portalEl)
-        this._syncPortalVisualState();
-      else {
-        this._portalEl = this._buildPortalElement();
-        const t = y();
-        if (!t) {
-          this._portalEl = null;
-          return;
-        }
-        t.appendChild(this._portalEl);
+    if (!e) return;
+    let t = !1;
+    if (this._portalEl)
+      this._syncPortalVisualState();
+    else {
+      this._portalEl = this._buildPortalElement();
+      const i = x();
+      if (!i) {
+        this._portalEl = null;
+        return;
       }
-      this._rebuildPositioner(), this._dismissableLayer?.destroy(), this._dismissableLayer = x({
-        node: this._portalEl,
-        trigger: e,
-        closeOnEscape: !0,
-        closeOnPointerOutside: !0,
-        onDismiss: () => this.close()
-      });
+      i.appendChild(this._portalEl), t = !0;
     }
+    this._rebuildPositioner(), t && this._portalEl && g(this._portalEl), this._dismissableLayer?.destroy(), this._dismissableLayer = A({
+      node: this._portalEl,
+      trigger: e,
+      closeOnEscape: !0,
+      closeOnPointerOutside: !0,
+      onDismiss: () => this.close()
+    });
   }
-  _teardownPortal() {
-    if (this._dismissableLayer?.destroy(), this._dismissableLayer = null, this._positioner?.destroy(), this._positioner = null, this._portalEl?.parentElement)
-      try {
-        this._portalEl.parentElement.removeChild(this._portalEl);
-      } catch {
-      }
-    this._portalEl = null, this._menuClickHandler = null, this._resetTypeahead();
+  _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();
   }
   _isEventInsideTrigger(e) {
     const t = this._getTrigger();
@@ -711,7 +691,7 @@ class L extends _ {
   }
   render() {
     this.setContent(`
-      <style>${I}</style>
+      <style>${O}</style>
       <div class="trigger" part="trigger">
         <slot name="trigger"></slot>
       </div>
@@ -726,7 +706,7 @@ class L extends _ {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-menu") && customElements.define("ui-menu", L);
+typeof customElements < "u" && !customElements.get("ui-menu") && customElements.define("ui-menu", z);
 export {
-  L as UIMenu
+  z as UIMenu
 };