@skdx/web-components 0.28.0 → 0.29.0

package/dist/menubar/Menubar.d.cts

@@ -1,10 +1,8 @@
+import { type TemplateResult } from 'lit';
 import { SkdxMenubarRoot } from './MenubarRoot.cjs';
 import type { SkdxMenubarMenuDescriptor } from './types.cjs';
 /**
- * Web Components Menubar (shared contract implementation). Always draws canonical anatomy:
- * one `<skdx-menubar-menu>` per `menus` entry (trigger + derived items). No derive-or-compose
- * switch; `menus` is the only surface (hand composition via `<skdx-menubar-root>` primitive).
- * Supply `aria-label` (menubar doesn't name from menuitems).
+ * Web Components Menubar implementing the shared contract, always drawing one `<skdx-menubar-menu>` per `menus` entry; supply `aria-label` since it doesn't name from menuitems.
  *
  * @example
  * ```html
@@ -27,12 +25,11 @@ export declare class SkdxMenubar extends SkdxMenubarRoot {
      * @default undefined — an empty bar.
      */
     menus?: readonly SkdxMenubarMenuDescriptor[];
-    /** The `menus` reference the generated anatomy was last built for. */
     private _anatomyMenusRef?;
     connectedCallback(): void;
     private readonly fillAnatomy;
     protected updated(changed: Map<string, unknown>): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/menubar/Menubar.d.ts

@@ -1,10 +1,8 @@
+import { type TemplateResult } from 'lit';
 import { SkdxMenubarRoot } from './MenubarRoot.js';
 import type { SkdxMenubarMenuDescriptor } from './types.js';
 /**
- * Web Components Menubar (shared contract implementation). Always draws canonical anatomy:
- * one `<skdx-menubar-menu>` per `menus` entry (trigger + derived items). No derive-or-compose
- * switch; `menus` is the only surface (hand composition via `<skdx-menubar-root>` primitive).
- * Supply `aria-label` (menubar doesn't name from menuitems).
+ * Web Components Menubar implementing the shared contract, always drawing one `<skdx-menubar-menu>` per `menus` entry; supply `aria-label` since it doesn't name from menuitems.
  *
  * @example
  * ```html
@@ -27,12 +25,11 @@ export declare class SkdxMenubar extends SkdxMenubarRoot {
      * @default undefined — an empty bar.
      */
     menus?: readonly SkdxMenubarMenuDescriptor[];
-    /** The `menus` reference the generated anatomy was last built for. */
     private _anatomyMenusRef?;
     connectedCallback(): void;
     private readonly fillAnatomy;
     protected updated(changed: Map<string, unknown>): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/menubar/MenubarAnatomy.cjs

@@ -1 +1 @@
-"use strict";var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var l=(e,r)=>{for(var n in r)i(e,n,{get:r[n],enumerable:!0})},g=(e,r,n,m)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of x(r))!k.call(e,t)&&t!==n&&i(e,t,{get:()=>r[t],enumerable:!(m=c(r,t))||m.enumerable});return e};var S=e=>g(i({},"__esModule",{value:!0}),e);var I={};l(I,{MENUBAR_ANATOMY_GENERATED:()=>p,MENUBAR_RENDER_SLOTS:()=>E,fillMenubarAnatomy:()=>A});module.exports=S(I);var d=require("../internal/menu-items.cjs"),b=require("../internal/options.cjs"),T=require("./MenubarMenu.cjs"),h=require("./MenubarTrigger.cjs"),C=require("./MenubarContent.cjs"),v=require("./MenubarItem.cjs"),D=require("./MenubarCheckboxItem.cjs"),N=require("./MenubarRadioGroup.cjs"),R=require("./MenubarRadioItem.cjs"),_=require("./MenubarItemIndicator.cjs"),G=require("./MenubarGroup.cjs"),B=require("./MenubarLabel.cjs"),O=require("./MenubarSeparator.cjs"),U=require("./MenubarShortcut.cjs"),w=require("./MenubarSub.cjs"),p="data-skdx-menubar-generated",E=["item"],M={item:"skdx-menubar-item",checkboxItem:"skdx-menubar-checkbox-item",radioGroup:"skdx-menubar-radio-group",radioItem:"skdx-menubar-radio-item",itemIndicator:"skdx-menubar-item-indicator",group:"skdx-menubar-group",label:"skdx-menubar-label",separator:"skdx-menubar-separator",shortcut:"skdx-menubar-shortcut",sub:"skdx-menubar-sub",subTrigger:"skdx-menubar-sub-trigger",subContent:"skdx-menubar-sub-content"};function A(e){let r=(0,b.renderSlotContent)(e,"item"),n=t=>e.dispatchEvent(new CustomEvent("item-select",{detail:t,bubbles:!0,composed:!0})),m=(e.menus??[]).map((t,s)=>{let o=document.createElement("skdx-menubar-menu");o.setAttribute(p,""),o.setAttribute("value",t.value??String(s));let u=document.createElement("skdx-menubar-trigger");t.disabled&&u.setAttribute("disabled",""),u.textContent=t.label;let a=document.createElement("skdx-menubar-content");return a.append(...(0,d.buildMenuItemElements)(t.items,M,{itemContent:r,onSelect:n,prefix:String(s)})),o.append(u,a),o});e.replaceChildren(...m)}0&&(module.exports={MENUBAR_ANATOMY_GENERATED,MENUBAR_RENDER_SLOTS,fillMenubarAnatomy});
+"use strict";var u=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var g=(e,r)=>{for(var n in r)u(e,n,{get:r[n],enumerable:!0})},S=(e,r,n,m)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of k(r))!l.call(e,t)&&t!==n&&u(e,t,{get:()=>r[t],enumerable:!(m=x(r,t))||m.enumerable});return e};var M=e=>S(u({},"__esModule",{value:!0}),e);var I={};g(I,{MENUBAR_ANATOMY_GENERATED:()=>c,MENUBAR_RENDER_SLOTS:()=>E,fillMenubarAnatomy:()=>f});module.exports=M(I);var d=require("../internal/menu-items.cjs"),p=require("../internal/options.cjs"),h=require("./MenubarMenu.cjs"),C=require("./MenubarTrigger.cjs"),N=require("./MenubarContent.cjs"),R=require("./MenubarItem.cjs"),D=require("./MenubarCheckboxItem.cjs"),_=require("./MenubarRadioGroup.cjs"),v=require("./MenubarRadioItem.cjs"),G=require("./MenubarItemIndicator.cjs"),B=require("./MenubarGroup.cjs"),O=require("./MenubarLabel.cjs"),U=require("./MenubarSeparator.cjs"),y=require("./MenubarShortcut.cjs"),L=require("./MenubarSub.cjs"),b=require("../internal/events.cjs"),c="data-skdx-menubar-generated",E=["item"],A={item:"skdx-menubar-item",checkboxItem:"skdx-menubar-checkbox-item",radioGroup:"skdx-menubar-radio-group",radioItem:"skdx-menubar-radio-item",itemIndicator:"skdx-menubar-item-indicator",group:"skdx-menubar-group",label:"skdx-menubar-label",separator:"skdx-menubar-separator",shortcut:"skdx-menubar-shortcut",sub:"skdx-menubar-sub",subTrigger:"skdx-menubar-sub-trigger",subContent:"skdx-menubar-sub-content"};function f(e){let r=(0,p.renderSlotContent)(e,"item"),n=t=>(0,b.emit)(e,"item-select",t),m=(e.menus??[]).map((t,a)=>{let o=document.createElement("skdx-menubar-menu");o.setAttribute(c,""),o.setAttribute("value",t.value??String(a));let i=document.createElement("skdx-menubar-trigger");t.disabled&&i.setAttribute("disabled",""),i.textContent=t.label;let s=document.createElement("skdx-menubar-content");return s.append(...(0,d.buildMenuItemElements)(t.items,A,{itemContent:r,onSelect:n,prefix:String(a)})),o.append(i,s),o});e.replaceChildren(...m)}0&&(module.exports={MENUBAR_ANATOMY_GENERATED,MENUBAR_RENDER_SLOTS,fillMenubarAnatomy});

package/dist/menubar/MenubarAnatomy.d.cts

@@ -17,12 +17,7 @@ export declare const MENUBAR_ANATOMY_GENERATED = "data-skdx-menubar-generated";
 /** @internal The named slots the derived anatomy consumes — see `renderSlotContent`. */
 export declare const MENUBAR_RENDER_SLOTS: readonly ["item"];
 /**
- * Builds the canonical anatomy — one menu per `menus` entry, each pairing a
- * trigger with content of derived items — as light-DOM children.
- *
- * A menu's `value` defaults to its index; the bar uses `menu === value` with
- * `''` as the "nothing open" sentinel. Slot="item" children supply per-item
- * content keyed by data-value (the item's index path in `menus`, e.g. `"0.1"`).
+ * Builds the canonical anatomy as light-DOM children — one menu per `menus` entry, pairing a trigger with content of derived items.
  * @internal
  */
 export declare function fillMenubarAnatomy(root: SkdxMenubar): void;

package/dist/menubar/MenubarAnatomy.d.ts

@@ -17,12 +17,7 @@ export declare const MENUBAR_ANATOMY_GENERATED = "data-skdx-menubar-generated";
 /** @internal The named slots the derived anatomy consumes — see `renderSlotContent`. */
 export declare const MENUBAR_RENDER_SLOTS: readonly ["item"];
 /**
- * Builds the canonical anatomy — one menu per `menus` entry, each pairing a
- * trigger with content of derived items — as light-DOM children.
- *
- * A menu's `value` defaults to its index; the bar uses `menu === value` with
- * `''` as the "nothing open" sentinel. Slot="item" children supply per-item
- * content keyed by data-value (the item's index path in `menus`, e.g. `"0.1"`).
+ * Builds the canonical anatomy as light-DOM children — one menu per `menus` entry, pairing a trigger with content of derived items.
  * @internal
  */
 export declare function fillMenubarAnatomy(root: SkdxMenubar): void;

package/dist/menubar/MenubarAnatomy.js

@@ -1 +1 @@
-import{buildMenuItemElements as a}from"../internal/menu-items.js";import{renderSlotContent as d}from"../internal/options.js";import"./MenubarMenu.js";import"./MenubarTrigger.js";import"./MenubarContent.js";import"./MenubarItem.js";import"./MenubarCheckboxItem.js";import"./MenubarRadioGroup.js";import"./MenubarRadioItem.js";import"./MenubarItemIndicator.js";import"./MenubarGroup.js";import"./MenubarLabel.js";import"./MenubarSeparator.js";import"./MenubarShortcut.js";import"./MenubarSub.js";var b="data-skdx-menubar-generated",D=["item"],p={item:"skdx-menubar-item",checkboxItem:"skdx-menubar-checkbox-item",radioGroup:"skdx-menubar-radio-group",radioItem:"skdx-menubar-radio-item",itemIndicator:"skdx-menubar-item-indicator",group:"skdx-menubar-group",label:"skdx-menubar-label",separator:"skdx-menubar-separator",shortcut:"skdx-menubar-shortcut",sub:"skdx-menubar-sub",subTrigger:"skdx-menubar-sub-trigger",subContent:"skdx-menubar-sub-content"};function N(t){let u=d(t,"item"),i=e=>t.dispatchEvent(new CustomEvent("item-select",{detail:e,bubbles:!0,composed:!0})),s=(t.menus??[]).map((e,m)=>{let r=document.createElement("skdx-menubar-menu");r.setAttribute(b,""),r.setAttribute("value",e.value??String(m));let n=document.createElement("skdx-menubar-trigger");e.disabled&&n.setAttribute("disabled",""),n.textContent=e.label;let o=document.createElement("skdx-menubar-content");return o.append(...a(e.items,p,{itemContent:u,onSelect:i,prefix:String(m)})),r.append(n,o),r});t.replaceChildren(...s)}export{b as MENUBAR_ANATOMY_GENERATED,D as MENUBAR_RENDER_SLOTS,N as fillMenubarAnatomy};
+import{buildMenuItemElements as s}from"../internal/menu-items.js";import{renderSlotContent as d}from"../internal/options.js";import"./MenubarMenu.js";import"./MenubarTrigger.js";import"./MenubarContent.js";import"./MenubarItem.js";import"./MenubarCheckboxItem.js";import"./MenubarRadioGroup.js";import"./MenubarRadioItem.js";import"./MenubarItemIndicator.js";import"./MenubarGroup.js";import"./MenubarLabel.js";import"./MenubarSeparator.js";import"./MenubarShortcut.js";import"./MenubarSub.js";import{emit as p}from"../internal/events.js";var b="data-skdx-menubar-generated",_=["item"],c={item:"skdx-menubar-item",checkboxItem:"skdx-menubar-checkbox-item",radioGroup:"skdx-menubar-radio-group",radioItem:"skdx-menubar-radio-item",itemIndicator:"skdx-menubar-item-indicator",group:"skdx-menubar-group",label:"skdx-menubar-label",separator:"skdx-menubar-separator",shortcut:"skdx-menubar-shortcut",sub:"skdx-menubar-sub",subTrigger:"skdx-menubar-sub-trigger",subContent:"skdx-menubar-sub-content"};function v(t){let i=d(t,"item"),u=e=>p(t,"item-select",e),a=(t.menus??[]).map((e,m)=>{let r=document.createElement("skdx-menubar-menu");r.setAttribute(b,""),r.setAttribute("value",e.value??String(m));let n=document.createElement("skdx-menubar-trigger");e.disabled&&n.setAttribute("disabled",""),n.textContent=e.label;let o=document.createElement("skdx-menubar-content");return o.append(...s(e.items,c,{itemContent:i,onSelect:u,prefix:String(m)})),r.append(n,o),r});t.replaceChildren(...a)}export{b as MENUBAR_ANATOMY_GENERATED,_ as MENUBAR_RENDER_SLOTS,v as fillMenubarAnatomy};

package/dist/menubar/MenubarArrow.d.cts

@@ -1,7 +1,6 @@
 import { SkdxOverlayArrow } from '../internal/overlay-arrow.cjs';
 /**
- * An optional pointer from `<skdx-menubar-content>` back to the trigger.
- * Self-positions from the content's placement.
+ * An optional pointer from `<skdx-menubar-content>` back to the trigger, self-positioning from the content's placement.
  *
  * @example
  * ```html

package/dist/menubar/MenubarArrow.d.ts

@@ -1,7 +1,6 @@
 import { SkdxOverlayArrow } from '../internal/overlay-arrow.js';
 /**
- * An optional pointer from `<skdx-menubar-content>` back to the trigger.
- * Self-positions from the content's placement.
+ * An optional pointer from `<skdx-menubar-content>` back to the trigger, self-positioning from the content's placement.
  *
  * @example
  * ```html

package/dist/menubar/MenubarCheckboxItem.cjs

@@ -1,5 +1 @@
-"use strict";var i=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var k=(c,e)=>{for(var r in e)i(c,r,{get:e[r],enumerable:!0})},f=(c,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of b(e))!v.call(c,t)&&t!==r&&i(c,t,{get:()=>e[t],enumerable:!(s=h(e,t))||s.enumerable});return c};var E=c=>f(i({},"__esModule",{value:!0}),c),n=(c,e,r,s)=>{for(var t=s>1?void 0:s?h(e,r):e,a=c.length-1,l;a>=0;a--)(l=c[a])&&(t=(s?l(e,r,t):l(t))||t);return s&&t&&i(e,r,t),t};var y={};k(y,{SkdxMenubarCheckboxItem:()=>o});module.exports=E(y);var d=require("lit"),m=require("lit/decorators.js"),u=require("../internal/define.cjs"),p=require("./MenubarItem.cjs");var o=class extends p.SkdxMenubarItem{constructor(){super(...arguments);this.checked=!1;this.handleActivate=()=>{if(this.disabled)return;this.dispatchEvent(new CustomEvent("select",{bubbles:!0,cancelable:!0,composed:!0}));let r=!this.checked;this.checked=r,this.dispatchEvent(new CustomEvent("checked-change",{detail:r,bubbles:!0,composed:!0}))}}connectedCallback(){this.setAttribute("role","menuitemcheckbox"),super.connectedCallback()}updated(){super.updated(),this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}render(){return d.html`<slot></slot>`}};o.styles=d.css`
-    :host {
-      display: block;
-    }
-  `,n([(0,m.property)({type:Boolean,reflect:!0})],o.prototype,"checked",2),o=n([(0,u.customElement)("skdx-menubar-checkbox-item","menubar","checkbox-item")],o);0&&(module.exports={SkdxMenubarCheckboxItem});
+"use strict";var d=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var f=(r,e)=>{for(var c in e)d(r,c,{get:e[c],enumerable:!0})},g=(r,e,c,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of k(e))!v.call(r,t)&&t!==c&&d(r,t,{get:()=>e[t],enumerable:!(i=n(e,t))||i.enumerable});return r};var y=r=>g(d({},"__esModule",{value:!0}),r),l=(r,e,c,i)=>{for(var t=i>1?void 0:i?n(e,c):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(i?a(e,c,t):a(t))||t);return i&&t&&d(e,c,t),t};var A={};f(A,{SkdxMenubarCheckboxItem:()=>o});module.exports=y(A);var m=require("lit"),h=require("lit/decorators.js"),p=require("../internal/define.cjs"),u=require("../internal/events.cjs"),b=require("./MenubarItem.cjs");var o=class extends b.SkdxMenubarItem{constructor(){super(...arguments);this.checked=!1;this.handleActivate=()=>{this.disabled||((0,u.emit)(this,"checked-change",!this.checked),this.dispatchEvent(new CustomEvent("select",{bubbles:!0,cancelable:!0,composed:!0})))}}connectedCallback(){this.setAttribute("role","menuitemcheckbox"),super.connectedCallback()}updated(c){super.updated(c),this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}render(){return m.html`<slot></slot>`}};l([(0,h.property)({type:Boolean,reflect:!0})],o.prototype,"checked",2),o=l([(0,p.customElement)("skdx-menubar-checkbox-item","menubar","checkbox-item")],o);0&&(module.exports={SkdxMenubarCheckboxItem});

package/dist/menubar/MenubarCheckboxItem.d.cts

@@ -1,19 +1,18 @@
+import { type TemplateResult } from 'lit';
 import { SkdxMenubarItem } from './MenubarItem.cjs';
 /**
- * `<skdx-menubar-checkbox-item>` — a togglable `<skdx-menubar-item>`: sets
- * `role="menuitemcheckbox"` with `aria-checked`/`data-state`. The menu never closes on toggle.
+ * A togglable `<skdx-menubar-item>` that sets `role="menuitemcheckbox"` with `aria-checked`/`data-state`, never closing the menu on toggle.
  *
  * @fires select - The item was activated. Preventable; menu stays open regardless.
  * @fires checked-change - Fired with the new checked state (boolean).
  */
 export declare class SkdxMenubarCheckboxItem extends SkdxMenubarItem {
-    static styles: import("lit").CSSResult;
     /** Checked state of this item. Listen for the `checked-change` event. */
     checked: boolean;
     connectedCallback(): void;
-    protected updated(): void;
+    protected updated(changed: Map<string, unknown>): void;
     protected readonly handleActivate: () => void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/menubar/MenubarCheckboxItem.d.ts

@@ -1,19 +1,18 @@
+import { type TemplateResult } from 'lit';
 import { SkdxMenubarItem } from './MenubarItem.js';
 /**
- * `<skdx-menubar-checkbox-item>` — a togglable `<skdx-menubar-item>`: sets
- * `role="menuitemcheckbox"` with `aria-checked`/`data-state`. The menu never closes on toggle.
+ * A togglable `<skdx-menubar-item>` that sets `role="menuitemcheckbox"` with `aria-checked`/`data-state`, never closing the menu on toggle.
  *
  * @fires select - The item was activated. Preventable; menu stays open regardless.
  * @fires checked-change - Fired with the new checked state (boolean).
  */
 export declare class SkdxMenubarCheckboxItem extends SkdxMenubarItem {
-    static styles: import("lit").CSSResult;
     /** Checked state of this item. Listen for the `checked-change` event. */
     checked: boolean;
     connectedCallback(): void;
-    protected updated(): void;
+    protected updated(changed: Map<string, unknown>): void;
     protected readonly handleActivate: () => void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/menubar/MenubarCheckboxItem.js

@@ -1,5 +1 @@
-var l=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(o,r,t,s)=>{for(var e=s>1?void 0:s?n(r,t):r,i=o.length-1,d;i>=0;i--)(d=o[i])&&(e=(s?d(r,t,e):d(e))||e);return s&&e&&l(r,t,e),e};import{css as h,html as m}from"lit";import{property as u}from"lit/decorators.js";import{customElement as p}from"../internal/define.js";import{SkdxMenubarItem as b}from"./MenubarItem.js";var c=class extends b{constructor(){super(...arguments);this.checked=!1;this.handleActivate=()=>{if(this.disabled)return;this.dispatchEvent(new CustomEvent("select",{bubbles:!0,cancelable:!0,composed:!0}));let t=!this.checked;this.checked=t,this.dispatchEvent(new CustomEvent("checked-change",{detail:t,bubbles:!0,composed:!0}))}}connectedCallback(){this.setAttribute("role","menuitemcheckbox"),super.connectedCallback()}updated(){super.updated(),this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}render(){return m`<slot></slot>`}};c.styles=h`
-    :host {
-      display: block;
-    }
-  `,a([u({type:Boolean,reflect:!0})],c.prototype,"checked",2),c=a([p("skdx-menubar-checkbox-item","menubar","checkbox-item")],c);export{c as SkdxMenubarCheckboxItem};
+var l=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(o,t,r,i)=>{for(var e=i>1?void 0:i?n(t,r):t,d=o.length-1,s;d>=0;d--)(s=o[d])&&(e=(i?s(t,r,e):s(e))||e);return i&&e&&l(t,r,e),e};import{html as m}from"lit";import{property as h}from"lit/decorators.js";import{customElement as p}from"../internal/define.js";import{emit as u}from"../internal/events.js";import{SkdxMenubarItem as b}from"./MenubarItem.js";var c=class extends b{constructor(){super(...arguments);this.checked=!1;this.handleActivate=()=>{this.disabled||(u(this,"checked-change",!this.checked),this.dispatchEvent(new CustomEvent("select",{bubbles:!0,cancelable:!0,composed:!0})))}}connectedCallback(){this.setAttribute("role","menuitemcheckbox"),super.connectedCallback()}updated(r){super.updated(r),this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}render(){return m`<slot></slot>`}};a([h({type:Boolean,reflect:!0})],c.prototype,"checked",2),c=a([p("skdx-menubar-checkbox-item","menubar","checkbox-item")],c);export{c as SkdxMenubarCheckboxItem};

package/dist/menubar/MenubarContent.cjs

@@ -1,5 +1 @@
-"use strict";var f=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var L=(r,o)=>{for(var t in o)f(r,t,{get:o[t],enumerable:!0})},x=(r,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of P(o))!A.call(r,i)&&i!==t&&f(r,i,{get:()=>o[i],enumerable:!(e=v(o,i))||e.enumerable});return r};var D=r=>x(f({},"__esModule",{value:!0}),r),d=(r,o,t,e)=>{for(var i=e>1?void 0:e?v(o,t):o,s=r.length-1,h;s>=0;s--)(h=r[s])&&(i=(e?h(o,t,i):h(i))||i);return e&&i&&f(o,t,i),i};var I={};L(I,{SkdxMenubarContent:()=>n});module.exports=D(I);var m=require("lit"),u=require("lit/decorators.js"),g=require("../internal/closest.cjs"),b=require("../internal/define.cjs"),E=require("../internal/direction.cjs"),a=require("../internal/dismiss.cjs"),y=require("../internal/menu-sub.cjs"),p=require("../internal/positioning.cjs"),w=require("../internal/styles.cjs"),O=require("../internal/typeahead.cjs"),k=require("./MenubarRoot.cjs");var n=class extends m.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.loop=!0;this.menu=null;this.onUpdate=()=>this.syncHostState();this.typeahead="";this.handleOutsidePointerDown=t=>{if(!this.menu?.open)return;let e=t.target;this.contains(e)||(0,a.triggerContains)(this.menu.triggerEl,e)||(0,a.dispatchOutside)(this,"pointer-down-outside",t)&&this.menu.close()};this.handleOutsideFocus=t=>{if(!this.menu?.open)return;let e=(0,a.focusOutsideTarget)(t);!e||this.contains(e)||(0,g.closestThroughPortal)(this,"skdx-menubar, skdx-menubar-root")?.contains(e)||(0,a.dispatchOutside)(this,"focus-outside",t)&&this.menu.close()};this.handleKeyDown=t=>{let e=this.menu;if(!e)return;if(t.key==="Escape"){t.preventDefault(),(0,a.dispatchEscapeKeyDown)(this,t)&&(e.close(),e.focusTrigger());return}if(t.key==="Tab"){e.close(),e.focusTrigger();return}let i=(0,E.directionalKey)(t.key,this);if(i==="ArrowRight"||i==="ArrowLeft"){t.preventDefault(),t.stopPropagation(),this.moveToAdjacentMenu(i==="ArrowRight"?1:-1);return}let s=(0,y.menuItems)(this).filter(c=>c.closest('[role="menu"]')===this),h=s.indexOf(document.activeElement);if(t.key==="ArrowDown"||t.key==="ArrowUp"){if(t.preventDefault(),s.length===0)return;let c=t.key==="ArrowDown"?1:-1,l=h+c;l>=s.length?l=this.loop?0:s.length-1:l<0&&(l=this.loop?s.length-1:0),s[l]?.focus();return}if(t.key==="Home"||t.key==="End"){if(t.preventDefault(),t.stopPropagation(),s.length===0)return;(t.key==="Home"?s[0]:s[s.length-1])?.focus();return}t.key!=="Enter"&&t.key.length===1&&(t.key!==" "||this.typeahead!=="")&&(this.typeahead+=t.key.toLowerCase(),clearTimeout(this.typeaheadTimer),this.typeaheadTimer=setTimeout(()=>this.typeahead="",500),s.find(l=>(0,O.itemText)(l).trim().toLowerCase().startsWith(this.typeahead))?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.setAttribute("aria-orientation","vertical"),this.tabIndex=-1,this.menu=(0,g.closestThroughPortal)(this,"skdx-menubar-menu"),this.menu?.addEventListener("skdx-menubar-internal-update",this.onUpdate),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.menu&&(this.menu.contentEl=this,this.id?this.menu.contentId=this.id:this.id=this.menu.contentId,this.hasAttribute("aria-label")||this.setAttribute("aria-labelledby",this.menu.triggerId)),this.syncHostState()}disconnectedCallback(){this.menu?.contentEl===this&&(this.menu.contentEl=null),this.menu?.removeEventListener("skdx-menubar-internal-update",this.onUpdate),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),clearTimeout(this.typeaheadTimer),super.disconnectedCallback()}firstUpdated(){this.menu?.open&&this.activate()}syncHostState(){let t=this.menu?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.hidden=!t,t?this.activate():this.deactivate()}activate(){!this.cleanupPosition&&this.menu?.triggerEl&&(this.cleanupPosition=(0,p.positionFloating)(this.menu.triggerEl,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"menubar",arrow:()=>this.querySelector("skdx-menubar-arrow")})),requestAnimationFrame(()=>(0,a.focusOnOpen)(()=>{if(this.contains(document.activeElement))return;let t=(0,y.menuItems)(this);((this.menu?.openIntent==="last"?t[t.length-1]:t[0])??this).focus()}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}moveToAdjacentMenu(t){let e=(0,g.closestThroughPortal)(this,"skdx-menubar, skdx-menubar-root"),i=Array.from(e?.querySelectorAll(k.TRIGGER_SELECTOR)??[]),s=this.menu?.querySelector("skdx-menubar-trigger"),h=i.findIndex(T=>T===s);if(h===-1)return;let c=i[(h+t+i.length)%i.length],l=c?.closest("skdx-menubar-menu");l&&(l.openMenu(),c?.focus())}render(){return m.html`<slot></slot>`}};n.styles=[w.hiddenHostStyles,m.css`
-      :host {
-        display: block;
-      }
-    `],d([(0,u.property)({type:String})],n.prototype,"side",2),d([(0,u.property)({type:String})],n.prototype,"align",2),d([(0,u.property)({type:Number,attribute:"side-offset"})],n.prototype,"sideOffset",2),d([(0,u.property)({type:Number,attribute:"align-offset"})],n.prototype,"alignOffset",2),d([(0,u.property)({converter:p.optOutBoolean,attribute:"avoid-collisions"})],n.prototype,"avoidCollisions",2),d([(0,u.property)({type:Number,attribute:"collision-padding"})],n.prototype,"collisionPadding",2),d([(0,u.property)({attribute:!1})],n.prototype,"collisionBoundary",2),d([(0,u.property)({converter:p.optOutBoolean})],n.prototype,"loop",2),n=d([(0,b.customElement)("skdx-menubar-content","menubar","content")],n);0&&(module.exports={SkdxMenubarContent});
+"use strict";var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var k=(n,o)=>{for(var r in o)c(n,r,{get:o[r],enumerable:!0})},E=(n,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of h(o))!w.call(n,e)&&e!==r&&c(n,e,{get:()=>o[e],enumerable:!(t=p(o,e))||t.enumerable});return n};var y=n=>E(c({},"__esModule",{value:!0}),n),f=(n,o,r,t)=>{for(var e=t>1?void 0:t?p(o,r):o,a=n.length-1,s;a>=0;a--)(s=n[a])&&(e=(t?s(o,r,e):s(e))||e);return t&&e&&c(o,r,e),e};var A={};k(A,{SkdxMenubarContent:()=>i});module.exports=y(A);var d=require("../internal/closest.cjs"),v=require("../internal/define.cjs"),x=require("../internal/direction.cjs"),b=require("../internal/menu-panel.cjs"),u=require("./family.cjs"),M=require("./MenubarRoot.cjs");var i=class extends b.SkdxMenuPanelBase{constructor(){super(...arguments);this.ownerEvent=u.MENUBAR_FAMILY.event;this.panelComponent="menubar";this.arrowSelector="skdx-menubar-arrow";this.triggerSelector="skdx-menubar-trigger";this.keepFocusInPanel=!0;this.ownsNavigationKeys=!0}resolveOwner(){return(0,d.closestThroughPortal)(this,"skdx-menubar-menu")}closeOwner(){this.owner?.close()}focusExempt(r){return super.focusExempt(r)||((0,d.closestThroughPortal)(this,u.MENUBAR_FAMILY.selector)?.contains(r)??!1)}extraKeyDown(r){let t=(0,x.directionalKey)(r.key,this);return t!=="ArrowRight"&&t!=="ArrowLeft"?!1:(r.preventDefault(),r.stopPropagation(),this.moveToAdjacentMenu(t==="ArrowRight"?1:-1),!0)}moveToAdjacentMenu(r){let t=(0,d.closestThroughPortal)(this,u.MENUBAR_FAMILY.selector),e=Array.from(t?.querySelectorAll(M.TRIGGER_SELECTOR)??[]),a=this.owner?.querySelector("skdx-menubar-trigger"),s=e.findIndex(g=>g===a);if(s===-1)return;let l=e[(s+r+e.length)%e.length],m=l?.closest("skdx-menubar-menu");m&&(m.openMenu(),l?.focus())}};i=f([(0,v.customElement)("skdx-menubar-content","menubar","content")],i);0&&(module.exports={SkdxMenubarContent});

package/dist/menubar/MenubarContent.d.cts

@@ -1,18 +1,7 @@
-import { LitElement } from 'lit';
-import { type PositionOptions } from '../internal/positioning.cjs';
+import { SkdxMenuPanelBase } from '../internal/menu-panel.cjs';
+import type { SkdxMenubarMenu } from './MenubarMenu.cjs';
 /**
- * Popover panel of menu items, positioned via floating-ui to the parent Menu's
- * trigger. `role`, `id`, `data-state`, etc. are on the host (not shadow DOM)
- * for aria-controls targeting and light-DOM item queries. Auto-focuses the
- * first item on open. Supports roving typeahead arrow-key navigation (vertical)
- * across items matching `[role^="menuitem"]:not([data-disabled])`, wrapping
- * unless `loop="false"`. ArrowRight/ArrowLeft on items without submenus open
- * the adjacent menu, wrapping and focusing its trigger, then first item
- * (mirrored under `dir="rtl"`); items with submenus keep their opening arrow
- * meaning. Tab, Escape, and outside interaction (pointer or focus) close it and
- * refocus the trigger; "outside" is measured against the whole menubar root
- * (roving focus between sibling triggers is inside). Writes custom properties
- * for panel sizing/animation from CSS without hand measurement.
+ * Popover panel of menu items positioned via floating-ui to the parent menu's trigger, with roving arrow-key navigation and typeahead across its items.
  *
  * @fires escape-key-down - Escape pressed. Preventable; prevents focus return.
  * @fires pointer-down-outside - Fires on pointer-down outside the panel and trigger; preventDefault() keeps the menu open.
@@ -20,61 +9,19 @@ import { type PositionOptions } from '../internal/positioning.cjs';
  * @fires interact-outside - Either outside event, fired before the specific one.
  * @fires close-auto-focus - Before refocus on close. Prevent to suppress refocus.
  */
-export declare class SkdxMenubarContent extends LitElement {
-    static styles: import("lit").CSSResult[];
-    /** Preferred edge of the trigger to place the panel against. */
-    side: PositionOptions['side'];
-    /** Preferred alignment along that edge relative to the trigger. */
-    align: PositionOptions['align'];
-    /** Pixel gap between the panel and the trigger's edge. */
-    sideOffset: number;
-    /** Pixel offset along the alignment axis. */
-    alignOffset: number;
-    /** Flip/shift to stay within the viewport instead of overflowing it. */
-    avoidCollisions: boolean;
-    /**
-     * Minimum pixel distance from collision boundary. Attribute sets all sides;
-     * per-side form `{ top, right, bottom, left }` is property-only.
-     */
-    collisionPadding: NonNullable<PositionOptions['collisionPadding']>;
-    /**
-     * Element (or elements) to measure collisions against instead of clipping
-     * ancestors. Keeps panel inside a scroll container or split-pane layout.
-     * Property-only: an `Element` cannot come from an attribute string.
-     */
-    collisionBoundary?: PositionOptions['collisionBoundary'];
-    /**
-     * Whether Up/Down wraps from last item to first. Default wraps like all
-     * Menubar implementations. Opt out with `loop="false"`.
-     */
-    loop: boolean;
-    private menu;
-    private readonly onUpdate;
-    private cleanupPosition?;
-    private typeahead;
-    private typeaheadTimer?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Trigger sets its anchor in `firstUpdated()` after this `connectedCallback`.
-     * A panel mounting already-open would have no anchor and not position. This
-     * is the first tick where the anchor exists; `activate()` is guarded.
-     */
-    protected firstUpdated(): void;
-    private syncHostState;
-    private activate;
-    private deactivate;
-    private readonly handleOutsidePointerDown;
-    private readonly handleOutsideFocus;
-    /**
-     * Move to adjacent menu (WAI-ARIA ArrowRight/Left on non-submenu items).
-     * Opens explicitly: trigger's focus handler targets shadow `<button>`, not
-     * reachable here. `openMenu()` is idempotent. Indexed by trigger *host*,
-     * not `triggerEl` (the shadow button).
-     */
+export declare class SkdxMenubarContent extends SkdxMenuPanelBase {
+    protected ownerEvent: string;
+    protected panelComponent: string;
+    protected arrowSelector: string;
+    protected triggerSelector: string;
+    protected keepFocusInPanel: boolean;
+    protected ownsNavigationKeys: boolean;
+    protected resolveOwner(): SkdxMenubarMenu | null;
+    protected closeOwner(): void;
+    /** The menubar's own subtree, so roving to a sibling trigger is not a dismissal. */
+    protected focusExempt(target: Node): boolean;
+    protected extraKeyDown(event: KeyboardEvent): boolean;
     private moveToAdjacentMenu;
-    private readonly handleKeyDown;
-    render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/menubar/MenubarContent.d.ts

@@ -1,18 +1,7 @@
-import { LitElement } from 'lit';
-import { type PositionOptions } from '../internal/positioning.js';
+import { SkdxMenuPanelBase } from '../internal/menu-panel.js';
+import type { SkdxMenubarMenu } from './MenubarMenu.js';
 /**
- * Popover panel of menu items, positioned via floating-ui to the parent Menu's
- * trigger. `role`, `id`, `data-state`, etc. are on the host (not shadow DOM)
- * for aria-controls targeting and light-DOM item queries. Auto-focuses the
- * first item on open. Supports roving typeahead arrow-key navigation (vertical)
- * across items matching `[role^="menuitem"]:not([data-disabled])`, wrapping
- * unless `loop="false"`. ArrowRight/ArrowLeft on items without submenus open
- * the adjacent menu, wrapping and focusing its trigger, then first item
- * (mirrored under `dir="rtl"`); items with submenus keep their opening arrow
- * meaning. Tab, Escape, and outside interaction (pointer or focus) close it and
- * refocus the trigger; "outside" is measured against the whole menubar root
- * (roving focus between sibling triggers is inside). Writes custom properties
- * for panel sizing/animation from CSS without hand measurement.
+ * Popover panel of menu items positioned via floating-ui to the parent menu's trigger, with roving arrow-key navigation and typeahead across its items.
  *
  * @fires escape-key-down - Escape pressed. Preventable; prevents focus return.
  * @fires pointer-down-outside - Fires on pointer-down outside the panel and trigger; preventDefault() keeps the menu open.
@@ -20,61 +9,19 @@ import { type PositionOptions } from '../internal/positioning.js';
  * @fires interact-outside - Either outside event, fired before the specific one.
  * @fires close-auto-focus - Before refocus on close. Prevent to suppress refocus.
  */
-export declare class SkdxMenubarContent extends LitElement {
-    static styles: import("lit").CSSResult[];
-    /** Preferred edge of the trigger to place the panel against. */
-    side: PositionOptions['side'];
-    /** Preferred alignment along that edge relative to the trigger. */
-    align: PositionOptions['align'];
-    /** Pixel gap between the panel and the trigger's edge. */
-    sideOffset: number;
-    /** Pixel offset along the alignment axis. */
-    alignOffset: number;
-    /** Flip/shift to stay within the viewport instead of overflowing it. */
-    avoidCollisions: boolean;
-    /**
-     * Minimum pixel distance from collision boundary. Attribute sets all sides;
-     * per-side form `{ top, right, bottom, left }` is property-only.
-     */
-    collisionPadding: NonNullable<PositionOptions['collisionPadding']>;
-    /**
-     * Element (or elements) to measure collisions against instead of clipping
-     * ancestors. Keeps panel inside a scroll container or split-pane layout.
-     * Property-only: an `Element` cannot come from an attribute string.
-     */
-    collisionBoundary?: PositionOptions['collisionBoundary'];
-    /**
-     * Whether Up/Down wraps from last item to first. Default wraps like all
-     * Menubar implementations. Opt out with `loop="false"`.
-     */
-    loop: boolean;
-    private menu;
-    private readonly onUpdate;
-    private cleanupPosition?;
-    private typeahead;
-    private typeaheadTimer?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Trigger sets its anchor in `firstUpdated()` after this `connectedCallback`.
-     * A panel mounting already-open would have no anchor and not position. This
-     * is the first tick where the anchor exists; `activate()` is guarded.
-     */
-    protected firstUpdated(): void;
-    private syncHostState;
-    private activate;
-    private deactivate;
-    private readonly handleOutsidePointerDown;
-    private readonly handleOutsideFocus;
-    /**
-     * Move to adjacent menu (WAI-ARIA ArrowRight/Left on non-submenu items).
-     * Opens explicitly: trigger's focus handler targets shadow `<button>`, not
-     * reachable here. `openMenu()` is idempotent. Indexed by trigger *host*,
-     * not `triggerEl` (the shadow button).
-     */
+export declare class SkdxMenubarContent extends SkdxMenuPanelBase {
+    protected ownerEvent: string;
+    protected panelComponent: string;
+    protected arrowSelector: string;
+    protected triggerSelector: string;
+    protected keepFocusInPanel: boolean;
+    protected ownsNavigationKeys: boolean;
+    protected resolveOwner(): SkdxMenubarMenu | null;
+    protected closeOwner(): void;
+    /** The menubar's own subtree, so roving to a sibling trigger is not a dismissal. */
+    protected focusExempt(target: Node): boolean;
+    protected extraKeyDown(event: KeyboardEvent): boolean;
     private moveToAdjacentMenu;
-    private readonly handleKeyDown;
-    render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/menubar/MenubarContent.js

@@ -1,5 +1 @@
-var y=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var r=(h,u,t,e)=>{for(var s=e>1?void 0:e?v(u,t):u,i=h.length-1,a;i>=0;i--)(a=h[i])&&(s=(e?a(u,t,s):a(s))||s);return e&&s&&y(u,t,s),s};import{css as b,html as E,LitElement as w}from"lit";import{property as l}from"lit/decorators.js";import{closestThroughPortal as c}from"../internal/closest.js";import{customElement as O}from"../internal/define.js";import{directionalKey as k}from"../internal/direction.js";import{dispatchEscapeKeyDown as T,dispatchOutside as m,focusOnOpen as P,focusOutsideTarget as A,triggerContains as L}from"../internal/dismiss.js";import{menuItems as p}from"../internal/menu-sub.js";import{optOutBoolean as f,positionFloating as x}from"../internal/positioning.js";import{hiddenHostStyles as D}from"../internal/styles.js";import{itemText as I}from"../internal/typeahead.js";import{TRIGGER_SELECTOR as H}from"./MenubarRoot.js";var o=class extends w{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.loop=!0;this.menu=null;this.onUpdate=()=>this.syncHostState();this.typeahead="";this.handleOutsidePointerDown=t=>{if(!this.menu?.open)return;let e=t.target;this.contains(e)||L(this.menu.triggerEl,e)||m(this,"pointer-down-outside",t)&&this.menu.close()};this.handleOutsideFocus=t=>{if(!this.menu?.open)return;let e=A(t);!e||this.contains(e)||c(this,"skdx-menubar, skdx-menubar-root")?.contains(e)||m(this,"focus-outside",t)&&this.menu.close()};this.handleKeyDown=t=>{let e=this.menu;if(!e)return;if(t.key==="Escape"){t.preventDefault(),T(this,t)&&(e.close(),e.focusTrigger());return}if(t.key==="Tab"){e.close(),e.focusTrigger();return}let s=k(t.key,this);if(s==="ArrowRight"||s==="ArrowLeft"){t.preventDefault(),t.stopPropagation(),this.moveToAdjacentMenu(s==="ArrowRight"?1:-1);return}let i=p(this).filter(d=>d.closest('[role="menu"]')===this),a=i.indexOf(document.activeElement);if(t.key==="ArrowDown"||t.key==="ArrowUp"){if(t.preventDefault(),i.length===0)return;let d=t.key==="ArrowDown"?1:-1,n=a+d;n>=i.length?n=this.loop?0:i.length-1:n<0&&(n=this.loop?i.length-1:0),i[n]?.focus();return}if(t.key==="Home"||t.key==="End"){if(t.preventDefault(),t.stopPropagation(),i.length===0)return;(t.key==="Home"?i[0]:i[i.length-1])?.focus();return}t.key!=="Enter"&&t.key.length===1&&(t.key!==" "||this.typeahead!=="")&&(this.typeahead+=t.key.toLowerCase(),clearTimeout(this.typeaheadTimer),this.typeaheadTimer=setTimeout(()=>this.typeahead="",500),i.find(n=>I(n).trim().toLowerCase().startsWith(this.typeahead))?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.setAttribute("aria-orientation","vertical"),this.tabIndex=-1,this.menu=c(this,"skdx-menubar-menu"),this.menu?.addEventListener("skdx-menubar-internal-update",this.onUpdate),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.menu&&(this.menu.contentEl=this,this.id?this.menu.contentId=this.id:this.id=this.menu.contentId,this.hasAttribute("aria-label")||this.setAttribute("aria-labelledby",this.menu.triggerId)),this.syncHostState()}disconnectedCallback(){this.menu?.contentEl===this&&(this.menu.contentEl=null),this.menu?.removeEventListener("skdx-menubar-internal-update",this.onUpdate),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),clearTimeout(this.typeaheadTimer),super.disconnectedCallback()}firstUpdated(){this.menu?.open&&this.activate()}syncHostState(){let t=this.menu?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.hidden=!t,t?this.activate():this.deactivate()}activate(){!this.cleanupPosition&&this.menu?.triggerEl&&(this.cleanupPosition=x(this.menu.triggerEl,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"menubar",arrow:()=>this.querySelector("skdx-menubar-arrow")})),requestAnimationFrame(()=>P(()=>{if(this.contains(document.activeElement))return;let t=p(this);((this.menu?.openIntent==="last"?t[t.length-1]:t[0])??this).focus()}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}moveToAdjacentMenu(t){let e=c(this,"skdx-menubar, skdx-menubar-root"),s=Array.from(e?.querySelectorAll(H)??[]),i=this.menu?.querySelector("skdx-menubar-trigger"),a=s.findIndex(g=>g===i);if(a===-1)return;let d=s[(a+t+s.length)%s.length],n=d?.closest("skdx-menubar-menu");n&&(n.openMenu(),d?.focus())}render(){return E`<slot></slot>`}};o.styles=[D,b`
-      :host {
-        display: block;
-      }
-    `],r([l({type:String})],o.prototype,"side",2),r([l({type:String})],o.prototype,"align",2),r([l({type:Number,attribute:"side-offset"})],o.prototype,"sideOffset",2),r([l({type:Number,attribute:"align-offset"})],o.prototype,"alignOffset",2),r([l({converter:f,attribute:"avoid-collisions"})],o.prototype,"avoidCollisions",2),r([l({type:Number,attribute:"collision-padding"})],o.prototype,"collisionPadding",2),r([l({attribute:!1})],o.prototype,"collisionBoundary",2),r([l({converter:f})],o.prototype,"loop",2),o=r([O("skdx-menubar-content","menubar","content")],o);export{o as SkdxMenubarContent};
+var f=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var m=(i,n,e,o)=>{for(var r=o>1?void 0:o?v(n,e):n,s=i.length-1,t;s>=0;s--)(t=i[s])&&(r=(o?t(n,e,r):t(r))||r);return o&&r&&f(n,e,r),r};import{closestThroughPortal as c}from"../internal/closest.js";import{customElement as x}from"../internal/define.js";import{directionalKey as b}from"../internal/direction.js";import{SkdxMenuPanelBase as M}from"../internal/menu-panel.js";import{MENUBAR_FAMILY as d}from"./family.js";import{TRIGGER_SELECTOR as g}from"./MenubarRoot.js";var a=class extends M{constructor(){super(...arguments);this.ownerEvent=d.event;this.panelComponent="menubar";this.arrowSelector="skdx-menubar-arrow";this.triggerSelector="skdx-menubar-trigger";this.keepFocusInPanel=!0;this.ownsNavigationKeys=!0}resolveOwner(){return c(this,"skdx-menubar-menu")}closeOwner(){this.owner?.close()}focusExempt(e){return super.focusExempt(e)||(c(this,d.selector)?.contains(e)??!1)}extraKeyDown(e){let o=b(e.key,this);return o!=="ArrowRight"&&o!=="ArrowLeft"?!1:(e.preventDefault(),e.stopPropagation(),this.moveToAdjacentMenu(o==="ArrowRight"?1:-1),!0)}moveToAdjacentMenu(e){let o=c(this,d.selector),r=Array.from(o?.querySelectorAll(g)??[]),s=this.owner?.querySelector("skdx-menubar-trigger"),t=r.findIndex(p=>p===s);if(t===-1)return;let u=r[(t+e+r.length)%r.length],l=u?.closest("skdx-menubar-menu");l&&(l.openMenu(),u?.focus())}};a=m([x("skdx-menubar-content","menubar","content")],a);export{a as SkdxMenubarContent};

package/dist/menubar/MenubarItem.cjs

@@ -1,5 +1 @@
-"use strict";var n=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var f=(r,e)=>{for(var t in e)n(r,t,{get:e[t],enumerable:!0})},y=(r,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of v(e))!p.call(r,i)&&i!==t&&n(r,i,{get:()=>e[i],enumerable:!(a=h(e,i))||a.enumerable});return r};var k=r=>y(n({},"__esModule",{value:!0}),r),l=(r,e,t,a)=>{for(var i=a>1?void 0:a?h(e,t):e,o=r.length-1,c;o>=0;o--)(c=r[o])&&(i=(a?c(e,t,i):c(i))||i);return a&&i&&n(e,t,i),i};var E={};f(E,{SkdxMenubarItem:()=>s});module.exports=k(E);var d=require("lit"),u=require("lit/decorators.js"),m=require("../internal/closest.cjs"),b=require("../internal/define.cjs");var s=class extends d.LitElement{constructor(){super(...arguments);this.disabled=!1;this.menu=null;this.handleActivate=()=>{if(this.disabled)return;let t=new CustomEvent("select",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(t),t.defaultPrevented||(this.menu?.close(),this.menu?.focusTrigger())};this.handleKeyDown=t=>{this.disabled||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.handleActivate())}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menuitem"),this.menu=(0,m.closestThroughPortal)(this,"skdx-menubar-menu"),this.addEventListener("click",this.handleActivate),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.removeEventListener("click",this.handleActivate),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}updated(){this.disabled?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.tabIndex=-1}render(){return d.html`<slot></slot>`}};s.styles=d.css`
-    :host {
-      display: block;
-    }
-  `,l([(0,u.property)({type:Boolean,reflect:!0})],s.prototype,"disabled",2),l([(0,u.property)({attribute:"data-text-value",reflect:!0})],s.prototype,"textValue",2),s=l([(0,b.customElement)("skdx-menubar-item","menubar","item")],s);0&&(module.exports={SkdxMenubarItem});
+"use strict";var n=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var b=(r,e)=>{for(var t in e)n(r,t,{get:e[t],enumerable:!0})},f=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of u(e))!x.call(r,m)&&m!==t&&n(r,m,{get:()=>e[m],enumerable:!(o=l(e,m))||o.enumerable});return r};var g=r=>f(n({},"__esModule",{value:!0}),r),c=(r,e,t,o)=>{for(var m=o>1?void 0:o?l(e,t):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(m=(o?i(e,t,m):i(m))||m);return o&&m&&n(e,t,m),m};var k={};b(k,{SkdxMenubarItem:()=>a});module.exports=g(k);var d=require("../internal/define.cjs"),p=require("../internal/menu-item.cjs");var a=class extends p.SkdxMenuItemBase{constructor(){super(...arguments);this.ownerSelector="skdx-menubar-menu"}};a=c([(0,d.customElement)("skdx-menubar-item","menubar","item")],a);0&&(module.exports={SkdxMenubarItem});

package/dist/menubar/MenubarItem.d.cts

@@ -1,30 +1,11 @@
-import { LitElement } from 'lit';
-import type { SkdxMenubarMenu } from './MenubarMenu.cjs';
+import { SkdxMenuItemBase } from '../internal/menu-item.cjs';
 /**
- * `<skdx-menubar-item>` — a single selectable entry in a
- * `<skdx-menubar-content>` panel: sets `role="menuitem"` on itself. Selecting
- * it (click, or Enter/Space via roving focus) dispatches a cancelable
- * `select` event, then closes the menu and refocuses the trigger unless
- * `event.preventDefault()` was called on it.
+ * A single selectable entry in a `<skdx-menubar-content>` panel, setting `role="menuitem"` and dispatching a cancelable `select` event on activation.
  *
  * @fires select - The item was activated (click, or Enter/Space via roving focus). Preventable — prevents the menu from closing.
  */
-export declare class SkdxMenubarItem extends LitElement {
-    static styles: import("lit").CSSResult;
-    /** Excludes this item from selection and keyboard navigation entirely. */
-    disabled: boolean;
-    /**
-     * Text typeahead matches by, instead of rendered text.
-     * @default undefined — typeahead matches rendered text.
-     */
-    textValue?: string;
-    protected menu: SkdxMenubarMenu | null;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected updated(): void;
-    protected readonly handleActivate: () => void;
-    private readonly handleKeyDown;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxMenubarItem extends SkdxMenuItemBase {
+    protected ownerSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/menubar/MenubarItem.d.ts

@@ -1,30 +1,11 @@
-import { LitElement } from 'lit';
-import type { SkdxMenubarMenu } from './MenubarMenu.js';
+import { SkdxMenuItemBase } from '../internal/menu-item.js';
 /**
- * `<skdx-menubar-item>` — a single selectable entry in a
- * `<skdx-menubar-content>` panel: sets `role="menuitem"` on itself. Selecting
- * it (click, or Enter/Space via roving focus) dispatches a cancelable
- * `select` event, then closes the menu and refocuses the trigger unless
- * `event.preventDefault()` was called on it.
+ * A single selectable entry in a `<skdx-menubar-content>` panel, setting `role="menuitem"` and dispatching a cancelable `select` event on activation.
  *
  * @fires select - The item was activated (click, or Enter/Space via roving focus). Preventable — prevents the menu from closing.
  */
-export declare class SkdxMenubarItem extends LitElement {
-    static styles: import("lit").CSSResult;
-    /** Excludes this item from selection and keyboard navigation entirely. */
-    disabled: boolean;
-    /**
-     * Text typeahead matches by, instead of rendered text.
-     * @default undefined — typeahead matches rendered text.
-     */
-    textValue?: string;
-    protected menu: SkdxMenubarMenu | null;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected updated(): void;
-    protected readonly handleActivate: () => void;
-    private readonly handleKeyDown;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxMenubarItem extends SkdxMenuItemBase {
+    protected ownerSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/menubar/MenubarItem.js

@@ -1,5 +1 @@
-var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var a=(d,r,e,s)=>{for(var t=s>1?void 0:s?u(r,e):r,n=d.length-1,l;n>=0;n--)(l=d[n])&&(t=(s?l(r,e,t):l(t))||t);return s&&t&&c(r,e,t),t};import{css as h,html as m,LitElement as b}from"lit";import{property as o}from"lit/decorators.js";import{closestThroughPortal as v}from"../internal/closest.js";import{customElement as p}from"../internal/define.js";var i=class extends b{constructor(){super(...arguments);this.disabled=!1;this.menu=null;this.handleActivate=()=>{if(this.disabled)return;let e=new CustomEvent("select",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(e),e.defaultPrevented||(this.menu?.close(),this.menu?.focusTrigger())};this.handleKeyDown=e=>{this.disabled||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleActivate())}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menuitem"),this.menu=v(this,"skdx-menubar-menu"),this.addEventListener("click",this.handleActivate),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.removeEventListener("click",this.handleActivate),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}updated(){this.disabled?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.tabIndex=-1}render(){return m`<slot></slot>`}};i.styles=h`
-    :host {
-      display: block;
-    }
-  `,a([o({type:Boolean,reflect:!0})],i.prototype,"disabled",2),a([o({attribute:"data-text-value",reflect:!0})],i.prototype,"textValue",2),i=a([p("skdx-menubar-item","menubar","item")],i);export{i as SkdxMenubarItem};
+var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=(o,m,a,r)=>{for(var e=r>1?void 0:r?c(m,a):m,n=o.length-1,s;n>=0;n--)(s=o[n])&&(e=(r?s(m,a,e):s(e))||e);return r&&e&&l(m,a,e),e};import{customElement as d}from"../internal/define.js";import{SkdxMenuItemBase as p}from"../internal/menu-item.js";var t=class extends p{constructor(){super(...arguments);this.ownerSelector="skdx-menubar-menu"}};t=i([d("skdx-menubar-item","menubar","item")],t);export{t as SkdxMenubarItem};

package/dist/menubar/MenubarItemIndicator.cjs

@@ -1,5 +1 @@
-"use strict";var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var p=(s,e)=>{for(var r in e)a(s,r,{get:e[r],enumerable:!0})},f=(s,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of u(e))!v.call(s,t)&&t!==r&&a(s,t,{get:()=>e[t],enumerable:!(i=h(e,t))||i.enumerable});return s};var k=s=>f(a({},"__esModule",{value:!0}),s),l=(s,e,r,i)=>{for(var t=i>1?void 0:i?h(e,r):e,n=s.length-1,d;n>=0;n--)(d=s[n])&&(t=(i?d(e,r,t):d(t))||t);return i&&t&&a(e,r,t),t};var y={};p(y,{SkdxMenubarItemIndicator:()=>o});module.exports=k(y);var c=require("lit"),m=require("lit/decorators.js"),b=require("../internal/define.cjs");var o=class extends c.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.ancestor=null;this.observer=new MutationObserver(()=>this.sync())}connectedCallback(){super.connectedCallback(),this.ancestor=this.closest("skdx-menubar-checkbox-item, skdx-menubar-radio-item"),this.ancestor&&this.observer.observe(this.ancestor,{attributeFilter:["data-state"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}sync(){let r=this.ancestor?.getAttribute("data-state")==="checked";this.setAttribute("data-state",r?"checked":"unchecked"),this.hidden=!this.forceMount&&!r}render(){return c.html`<slot></slot>`}};o.styles=c.css`
-    :host([hidden]) {
-      display: none;
-    }
-  `,l([(0,m.property)({type:Boolean,attribute:"force-mount"})],o.prototype,"forceMount",2),o=l([(0,b.customElement)("skdx-menubar-item-indicator","menubar","item-indicator")],o);0&&(module.exports={SkdxMenubarItemIndicator});
+"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},u=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of b(e))!k.call(t,m)&&m!==r&&a(t,m,{get:()=>e[m],enumerable:!(i=n(e,m))||i.enumerable});return t};var f=t=>u(a({},"__esModule",{value:!0}),t),s=(t,e,r,i)=>{for(var m=i>1?void 0:i?n(e,r):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(m=(i?d(e,r,m):d(m))||m);return i&&m&&a(e,r,m),m};var g={};p(g,{SkdxMenubarItemIndicator:()=>o});module.exports=f(g);var l=require("../internal/define.cjs"),x=require("../menu/MenuItemIndicator.cjs");var o=class extends x.SkdxMenuItemIndicator{constructor(){super(...arguments);this.checkedItemSelector="skdx-menubar-checkbox-item, skdx-menubar-radio-item"}};o=s([(0,l.customElement)("skdx-menubar-item-indicator","menubar","item-indicator")],o);0&&(module.exports={SkdxMenubarItemIndicator});