@skdx/web-components 0.28.0 → 0.29.0

package/dist/navigation-menu/NavigationMenu.d.cts

@@ -1,18 +1,7 @@
-import { LitElement, type PropertyValues } from 'lit';
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
 import type { SkdxNavigationMenuItemDescriptor } from './types.cjs';
 /**
- * Hover/click-driven navigation menu: owns which item's content is open
- * and hands hover-intent timers down to descendant parts via
- * `closest('skdx-navigation-menu')`. Sets `role="navigation"` with
- * consumer-supplied `aria-label` (omit for a single `<nav>` landmark).
- *
- * Opening a trigger is delayed by `delay-duration` on first hover; once
- * an item is open, moving to a sibling trigger within `skip-delay-duration`
- * switches instantly. Uncontrolled by default — set `default-value` for
- * an initial open state or drive from outside via `value` and `value-change`.
- *
- * Auto-derives a List and Indicator from `items`; hand-compose any part
- * and the anatomy is skipped.
+ * Hover/click-driven navigation menu that owns which item's content is open, setting `role="navigation"` with a consumer-supplied `aria-label`.
  *
  * @example
  * ```html
@@ -36,24 +25,15 @@ import type { SkdxNavigationMenuItemDescriptor } from './types.cjs';
 export declare class SkdxNavigationMenu extends LitElement {
     static styles: import("lit").CSSResult;
     /**
-     * Currently open item's `value`, or `null` when closed. Listen for `value-change`.
-     * `null` is the closed sentinel (empty string is ambiguous with an item
-     * valued `''`). Writing it re-syncs the parts without firing `value-change`
-     * (reports user-driven changes only). Reflected, so `null` removes the attribute.
+     * Currently open item's `value`, or `null` when closed; writing it re-syncs the parts without firing `value-change`.
      * @default null
      */
     get value(): string | null;
     set value(next: string | null);
     private valueState;
-    /**
-     * The only signal Trigger, Content and Indicator re-sync on — they read
-     * `root.value` back off this element, so every write must raise it.
-     */
     private notifyParts;
     /**
-     * Initial open item for uncontrolled usage. Seeds `value` once on connect
-     * if `value` was not already set; thereafter the menu owns state and this
-     * is ignored, so a later write won't close an open panel.
+     * Initial open item for uncontrolled usage; seeds `value` once on connect if not already set.
      * @default undefined
      */
     defaultValue?: string;
@@ -62,19 +42,15 @@ export declare class SkdxNavigationMenu extends LitElement {
     /** Window after closing during which re-hovering a sibling trigger opens instantly (ms). */
     skipDelayDuration: number;
     /**
-     * Grace period after pointer leaves trigger or panel before closing (ms).
-     * Accounts for pointer travel distance between trigger and panel.
+     * Grace period after pointer leaves trigger or panel before closing (ms), accounting for pointer travel distance.
      */
     closeDelayDuration: number;
     /**
      * Whether activating a `<skdx-navigation-menu-link>` closes the open panel.
-     * `false` keeps it up while a router resolves a route transition, rather than
-     * reflowing the page mid-navigation.
      */
     closeOnSelect: boolean;
     /**
-     * Layout axis. Sets `data-orientation`, switches roving focus direction
-     * (Left/Right vs Up/Down), and informs the skin's layout direction.
+     * Layout axis, setting `data-orientation` and switching roving focus direction between Left/Right and Up/Down.
      */
     orientation: 'horizontal' | 'vertical';
     /**
@@ -88,62 +64,28 @@ export declare class SkdxNavigationMenu extends LitElement {
     private closeTimer?;
     private skipDelayTimer?;
     connectedCallback(): void;
-    /** The `items` reference the generated anatomy was last built for. */
     private _anatomyItemsRef?;
-    /**
-     * Auto-derives anatomy when no hand-authored parts exist. Gated on the
-     * `items` reference; a rebuild would close the open panel.
-     */
     private readonly fillAnatomy;
     updated(changed: PropertyValues<this>): void;
-    /**
-     * Writes orientation to root and list; no context protocol exists.
-     * Single source of truth via attribute whether set up-front or later.
-     */
     private reflectOrientation;
     disconnectedCallback(): void;
-    /** User-driven change: the setter notifies the parts, this adds the public event. */
     private setValue;
-    /**
-     * @internal Open timer for `itemValue` (immediate if already delay-skipped).
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Opens `itemValue` after `delayDuration`, immediately if already delay-skipped. */
     onTriggerEnter(itemValue: string): void;
-    /**
-     * @internal Start close timer.
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Starts the close timer. */
     onTriggerLeave(): void;
-    /**
-     * @internal Cancel pending close (pointer moved to content).
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Cancels a pending close (pointer moved to content). */
     onContentEnter(): void;
-    /**
-     * @internal Restart close timer (same as {@link onTriggerLeave}).
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Restarts the close timer, same as {@link onTriggerLeave}. */
     onContentLeave(): void;
-    /**
-     * @internal Open `itemValue` immediately (click/keyboard, not hover-delayed).
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Opens `itemValue` immediately (click/keyboard, not hover-delayed). */
     onItemSelect(itemValue: string): void;
-    /**
-     * @internal Close whatever is open immediately.
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Closes whatever is open immediately. */
     onClose(): void;
-    /**
-     * @internal What Link click does: closes menu if `close-on-select`.
-     */
+    /** @internal Closes the menu on Link click when `close-on-select` is set. */
     onLinkSelect(): void;
-    /**
-     * Set custom properties for open trigger's offset and size so the Indicator
-     * can position and animate from CSS alone.
-     */
     private publishIndicatorMetrics;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-menu/NavigationMenu.d.ts

@@ -1,18 +1,7 @@
-import { LitElement, type PropertyValues } from 'lit';
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
 import type { SkdxNavigationMenuItemDescriptor } from './types.js';
 /**
- * Hover/click-driven navigation menu: owns which item's content is open
- * and hands hover-intent timers down to descendant parts via
- * `closest('skdx-navigation-menu')`. Sets `role="navigation"` with
- * consumer-supplied `aria-label` (omit for a single `<nav>` landmark).
- *
- * Opening a trigger is delayed by `delay-duration` on first hover; once
- * an item is open, moving to a sibling trigger within `skip-delay-duration`
- * switches instantly. Uncontrolled by default — set `default-value` for
- * an initial open state or drive from outside via `value` and `value-change`.
- *
- * Auto-derives a List and Indicator from `items`; hand-compose any part
- * and the anatomy is skipped.
+ * Hover/click-driven navigation menu that owns which item's content is open, setting `role="navigation"` with a consumer-supplied `aria-label`.
  *
  * @example
  * ```html
@@ -36,24 +25,15 @@ import type { SkdxNavigationMenuItemDescriptor } from './types.js';
 export declare class SkdxNavigationMenu extends LitElement {
     static styles: import("lit").CSSResult;
     /**
-     * Currently open item's `value`, or `null` when closed. Listen for `value-change`.
-     * `null` is the closed sentinel (empty string is ambiguous with an item
-     * valued `''`). Writing it re-syncs the parts without firing `value-change`
-     * (reports user-driven changes only). Reflected, so `null` removes the attribute.
+     * Currently open item's `value`, or `null` when closed; writing it re-syncs the parts without firing `value-change`.
      * @default null
      */
     get value(): string | null;
     set value(next: string | null);
     private valueState;
-    /**
-     * The only signal Trigger, Content and Indicator re-sync on — they read
-     * `root.value` back off this element, so every write must raise it.
-     */
     private notifyParts;
     /**
-     * Initial open item for uncontrolled usage. Seeds `value` once on connect
-     * if `value` was not already set; thereafter the menu owns state and this
-     * is ignored, so a later write won't close an open panel.
+     * Initial open item for uncontrolled usage; seeds `value` once on connect if not already set.
      * @default undefined
      */
     defaultValue?: string;
@@ -62,19 +42,15 @@ export declare class SkdxNavigationMenu extends LitElement {
     /** Window after closing during which re-hovering a sibling trigger opens instantly (ms). */
     skipDelayDuration: number;
     /**
-     * Grace period after pointer leaves trigger or panel before closing (ms).
-     * Accounts for pointer travel distance between trigger and panel.
+     * Grace period after pointer leaves trigger or panel before closing (ms), accounting for pointer travel distance.
      */
     closeDelayDuration: number;
     /**
      * Whether activating a `<skdx-navigation-menu-link>` closes the open panel.
-     * `false` keeps it up while a router resolves a route transition, rather than
-     * reflowing the page mid-navigation.
      */
     closeOnSelect: boolean;
     /**
-     * Layout axis. Sets `data-orientation`, switches roving focus direction
-     * (Left/Right vs Up/Down), and informs the skin's layout direction.
+     * Layout axis, setting `data-orientation` and switching roving focus direction between Left/Right and Up/Down.
      */
     orientation: 'horizontal' | 'vertical';
     /**
@@ -88,62 +64,28 @@ export declare class SkdxNavigationMenu extends LitElement {
     private closeTimer?;
     private skipDelayTimer?;
     connectedCallback(): void;
-    /** The `items` reference the generated anatomy was last built for. */
     private _anatomyItemsRef?;
-    /**
-     * Auto-derives anatomy when no hand-authored parts exist. Gated on the
-     * `items` reference; a rebuild would close the open panel.
-     */
     private readonly fillAnatomy;
     updated(changed: PropertyValues<this>): void;
-    /**
-     * Writes orientation to root and list; no context protocol exists.
-     * Single source of truth via attribute whether set up-front or later.
-     */
     private reflectOrientation;
     disconnectedCallback(): void;
-    /** User-driven change: the setter notifies the parts, this adds the public event. */
     private setValue;
-    /**
-     * @internal Open timer for `itemValue` (immediate if already delay-skipped).
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Opens `itemValue` after `delayDuration`, immediately if already delay-skipped. */
     onTriggerEnter(itemValue: string): void;
-    /**
-     * @internal Start close timer.
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Starts the close timer. */
     onTriggerLeave(): void;
-    /**
-     * @internal Cancel pending close (pointer moved to content).
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Cancels a pending close (pointer moved to content). */
     onContentEnter(): void;
-    /**
-     * @internal Restart close timer (same as {@link onTriggerLeave}).
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Restarts the close timer, same as {@link onTriggerLeave}. */
     onContentLeave(): void;
-    /**
-     * @internal Open `itemValue` immediately (click/keyboard, not hover-delayed).
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Opens `itemValue` immediately (click/keyboard, not hover-delayed). */
     onItemSelect(itemValue: string): void;
-    /**
-     * @internal Close whatever is open immediately.
-     * Part coordination call; `public` because cross-class calls cannot use `protected`.
-     */
+    /** @internal Closes whatever is open immediately. */
     onClose(): void;
-    /**
-     * @internal What Link click does: closes menu if `close-on-select`.
-     */
+    /** @internal Closes the menu on Link click when `close-on-select` is set. */
     onLinkSelect(): void;
-    /**
-     * Set custom properties for open trigger's offset and size so the Indicator
-     * can position and animate from CSS alone.
-     */
     private publishIndicatorMetrics;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-menu/NavigationMenu.js

@@ -1,5 +1,5 @@
-var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var r=(u,l,t,o)=>{for(var i=o>1?void 0:o?p(l,t):l,a=u.length-1,n;a>=0;a--)(n=u[a])&&(i=(o?n(l,t,i):n(i))||i);return o&&i&&c(l,t,i),i};import{css as d,html as v,LitElement as y}from"lit";import{property as s}from"lit/decorators.js";import{hasAuthoredParts as f,hasGeneratedContent as T}from"../internal/authored.js";import{customElement as g}from"../internal/define.js";import{optOutBoolean as b}from"../internal/positioning.js";import{fillNavigationMenuAnatomy as D,NAVIGATION_MENU_ANATOMY_GENERATED as m,NAVIGATION_MENU_RENDER_SLOTS as A}from"./NavigationMenuAnatomy.js";var E=150,e=class extends y{constructor(){super(...arguments);this.valueState=null;this.delayDuration=200;this.skipDelayDuration=300;this.closeDelayDuration=E;this.closeOnSelect=!0;this.orientation="horizontal";this.isOpenDelayed=!0;this.fillAnatomy=()=>{if(f(this,m,A)){this._anatomyItemsRef=void 0;return}this.items===this._anatomyItemsRef&&T(this,m)||(this._anatomyItemsRef=this.items,D(this))}}get value(){return this.valueState}set value(t){let o=this.valueState;this.valueState=t,this.requestUpdate("value",o),this.valueState!==o&&this.notifyParts()}notifyParts(){this.dispatchEvent(new CustomEvent("skdx-navigation-menu-internal-update",{composed:!0}))}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.defaultValue!==void 0&&this.value===null&&(this.value=this.defaultValue),this.reflectOrientation(),queueMicrotask(this.fillAnatomy)}updated(t){this.fillAnatomy(),super.updated(t),t.has("orientation")&&this.reflectOrientation(),(t.has("value")||t.has("orientation"))&&this.publishIndicatorMetrics()}reflectOrientation(){this.setAttribute("data-orientation",this.orientation);for(let t of this.querySelectorAll("skdx-navigation-menu-list"))t.setAttribute("data-orientation",this.orientation)}disconnectedCallback(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),clearTimeout(this.skipDelayTimer),super.disconnectedCallback()}setValue(t){this.value=t,clearTimeout(this.skipDelayTimer),t!==null?this.isOpenDelayed=!1:this.skipDelayTimer=setTimeout(()=>this.isOpenDelayed=!0,this.skipDelayDuration),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0}))}onTriggerEnter(t){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.isOpenDelayed?this.openTimer=setTimeout(()=>this.setValue(t),this.delayDuration):this.setValue(t)}onTriggerLeave(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.closeTimer=setTimeout(()=>this.setValue(null),this.closeDelayDuration)}onContentEnter(){clearTimeout(this.closeTimer)}onContentLeave(){this.onTriggerLeave()}onItemSelect(t){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.setValue(t)}onClose(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.setValue(null)}onLinkSelect(){this.closeOnSelect&&this.onClose()}publishIndicatorMetrics(){if(this.value===null)return;let t=this.querySelector('[data-skdx-nav-trigger][data-state="open"]');if(!t)return;let o=this.getBoundingClientRect(),i=t.getBoundingClientRect(),a=this.orientation==="horizontal",n=a?i.left-o.left:i.top-o.top,h=a?i.width:i.height;this.style.setProperty("--skdx-navigation-menu-indicator-offset",`${n}px`),this.style.setProperty("--skdx-navigation-menu-indicator-size",`${h}px`)}render(){return v`<slot @slotchange=${this.fillAnatomy}></slot>`}};e.styles=d`
+var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var o=(u,l,e,r)=>{for(var i=r>1?void 0:r?c(l,e):l,a=u.length-1,n;a>=0;a--)(n=u[a])&&(i=(r?n(l,e,i):n(i))||i);return r&&i&&p(l,e,i),i};import{css as d,html as f,LitElement as y}from"lit";import{property as s}from"lit/decorators.js";import{hasAuthoredParts as T,hasGeneratedContent as v}from"../internal/authored.js";import{customElement as g}from"../internal/define.js";import{emit as D}from"../internal/events.js";import{optOutBoolean as A}from"../internal/positioning.js";import{NAVIGATION_MENU_FAMILY as b}from"./family.js";import{fillNavigationMenuAnatomy as I,NAVIGATION_MENU_ANATOMY_GENERATED as m,NAVIGATION_MENU_RENDER_SLOTS as E}from"./NavigationMenuAnatomy.js";var O=150,t=class extends y{constructor(){super(...arguments);this.valueState=null;this.delayDuration=200;this.skipDelayDuration=300;this.closeDelayDuration=O;this.closeOnSelect=!0;this.orientation="horizontal";this.isOpenDelayed=!0;this.fillAnatomy=()=>{if(T(this,m,E)){this._anatomyItemsRef=void 0;return}this.items===this._anatomyItemsRef&&v(this,m)||(this._anatomyItemsRef=this.items,I(this))}}get value(){return this.valueState}set value(e){let r=this.valueState;this.valueState=e,this.requestUpdate("value",r),this.valueState!==r&&this.notifyParts()}notifyParts(){b.notify(this)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.defaultValue!==void 0&&this.value===null&&(this.value=this.defaultValue),this.reflectOrientation(),queueMicrotask(this.fillAnatomy)}updated(e){this.fillAnatomy(),super.updated(e),e.has("orientation")&&this.reflectOrientation(),(e.has("value")||e.has("orientation"))&&this.publishIndicatorMetrics()}reflectOrientation(){this.setAttribute("data-orientation",this.orientation);for(let e of this.querySelectorAll("skdx-navigation-menu-list"))e.setAttribute("data-orientation",this.orientation)}disconnectedCallback(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),clearTimeout(this.skipDelayTimer),super.disconnectedCallback()}setValue(e){e!==this.value&&(this.value=e,clearTimeout(this.skipDelayTimer),e!==null?this.isOpenDelayed=!1:this.skipDelayTimer=setTimeout(()=>this.isOpenDelayed=!0,this.skipDelayDuration),D(this,"value-change",e))}onTriggerEnter(e){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.isOpenDelayed?this.openTimer=setTimeout(()=>this.setValue(e),this.delayDuration):this.setValue(e)}onTriggerLeave(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.closeTimer=setTimeout(()=>this.setValue(null),this.closeDelayDuration)}onContentEnter(){clearTimeout(this.closeTimer)}onContentLeave(){this.onTriggerLeave()}onItemSelect(e){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.setValue(e)}onClose(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.setValue(null)}onLinkSelect(){this.closeOnSelect&&this.onClose()}publishIndicatorMetrics(){if(this.value===null)return;let e=this.querySelector('[data-skdx-nav-trigger][data-state="open"]');if(!e)return;let r=this.getBoundingClientRect(),i=e.getBoundingClientRect(),a=this.orientation==="horizontal",n=a?i.left-r.left:i.top-r.top,h=a?i.width:i.height;this.style.setProperty("--skdx-navigation-menu-indicator-offset",`${n}px`),this.style.setProperty("--skdx-navigation-menu-indicator-size",`${h}px`)}render(){return f`<slot @slotchange=${this.fillAnatomy}></slot>`}};t.styles=d`
     :host {
       display: block;
     }
-  `,r([s({type:String,reflect:!0})],e.prototype,"value",1),r([s({type:String,attribute:"default-value"})],e.prototype,"defaultValue",2),r([s({type:Number,attribute:"delay-duration"})],e.prototype,"delayDuration",2),r([s({type:Number,attribute:"skip-delay-duration"})],e.prototype,"skipDelayDuration",2),r([s({type:Number,attribute:"close-delay-duration"})],e.prototype,"closeDelayDuration",2),r([s({converter:b,attribute:"close-on-select"})],e.prototype,"closeOnSelect",2),r([s({type:String})],e.prototype,"orientation",2),r([s({attribute:!1})],e.prototype,"items",2),e=r([g("skdx-navigation-menu","navigation-menu","root")],e);export{e as SkdxNavigationMenu};
+  `,o([s({type:String,reflect:!0})],t.prototype,"value",1),o([s({type:String,attribute:"default-value"})],t.prototype,"defaultValue",2),o([s({type:Number,attribute:"delay-duration"})],t.prototype,"delayDuration",2),o([s({type:Number,attribute:"skip-delay-duration"})],t.prototype,"skipDelayDuration",2),o([s({type:Number,attribute:"close-delay-duration"})],t.prototype,"closeDelayDuration",2),o([s({converter:A,attribute:"close-on-select"})],t.prototype,"closeOnSelect",2),o([s({type:String})],t.prototype,"orientation",2),o([s({attribute:!1})],t.prototype,"items",2),t=o([g("skdx-navigation-menu","navigation-menu","root")],t);export{t as SkdxNavigationMenu};

package/dist/navigation-menu/NavigationMenuAnatomy.d.cts

@@ -10,14 +10,7 @@ export declare const NAVIGATION_MENU_ANATOMY_GENERATED = "data-skdx-navigation-m
 /** @internal The named slots the derived anatomy consumes — see `renderSlotContent`. */
 export declare const NAVIGATION_MENU_RENDER_SLOTS: readonly ["item"];
 /**
- * Builds the anatomy — a `<skdx-navigation-menu-list>` of Items (bare Link or
- * Trigger + Content panel), followed by the `<skdx-navigation-menu-indicator>`
- * — as light-DOM children of `root`.
- *
- * `slot="item"` supplies per-entry content, keyed by `data-value`. Trigger
- * content fills the Content panel's body; link content fills the derived Link.
- *
- * No attribute forwarding: this root *is* the `role="navigation"` element.
+ * Builds the anatomy as light-DOM children of `root`: a `<skdx-navigation-menu-list>` of Items followed by the Indicator.
  * @internal
  */
 export declare function fillNavigationMenuAnatomy(root: SkdxNavigationMenu): void;

package/dist/navigation-menu/NavigationMenuAnatomy.d.ts

@@ -10,14 +10,7 @@ export declare const NAVIGATION_MENU_ANATOMY_GENERATED = "data-skdx-navigation-m
 /** @internal The named slots the derived anatomy consumes — see `renderSlotContent`. */
 export declare const NAVIGATION_MENU_RENDER_SLOTS: readonly ["item"];
 /**
- * Builds the anatomy — a `<skdx-navigation-menu-list>` of Items (bare Link or
- * Trigger + Content panel), followed by the `<skdx-navigation-menu-indicator>`
- * — as light-DOM children of `root`.
- *
- * `slot="item"` supplies per-entry content, keyed by `data-value`. Trigger
- * content fills the Content panel's body; link content fills the derived Link.
- *
- * No attribute forwarding: this root *is* the `role="navigation"` element.
+ * Builds the anatomy as light-DOM children of `root`: a `<skdx-navigation-menu-list>` of Items followed by the Indicator.
  * @internal
  */
 export declare function fillNavigationMenuAnatomy(root: SkdxNavigationMenu): void;

package/dist/navigation-menu/NavigationMenuContent.cjs

@@ -1,5 +1,5 @@
-"use strict";var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var f=(o,t)=>{for(var e in t)a(o,e,{get:t[e],enumerable:!0})},g=(o,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of E(t))!y.call(o,n)&&n!==e&&a(o,n,{get:()=>t[n],enumerable:!(i=u(t,n))||i.enumerable});return o};var L=o=>g(a({},"__esModule",{value:!0}),o),h=(o,t,e,i)=>{for(var n=i>1?void 0:i?u(t,e):t,d=o.length-1,l;d>=0;d--)(l=o[d])&&(n=(i?l(t,e,n):l(n))||n);return i&&n&&a(t,e,n),n};var b={};f(b,{SkdxNavigationMenuContent:()=>s});module.exports=L(b);var r=require("lit"),c=require("lit/decorators.js"),m=require("../internal/define.cjs"),v=require("../internal/dismiss.cjs"),p=require("../internal/styles.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.handleEscapeKeyDown=e=>{!this.open||e.key!=="Escape"||(this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus())};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let i=(0,v.focusOutsideTarget)(e);i&&this.isOutside(i)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=this.closest("skdx-navigation-menu"),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleEscapeKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleEscapeKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount)}isOutside(e){if(!e)return!1;let i=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!i?.contains(e)}render(){return r.html`<slot></slot>`}};s.styles=[p.hiddenHostStyles,r.css`
+"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var L=(o,t)=>{for(var e in t)d(o,e,{get:t[e],enumerable:!0})},g=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of f(t))!E.call(o,i)&&i!==e&&d(o,i,{get:()=>t[i],enumerable:!(n=c(t,i))||n.enumerable});return o};var b=o=>g(d({},"__esModule",{value:!0}),o),u=(o,t,e,n)=>{for(var i=n>1?void 0:n?c(t,e):t,h=o.length-1,m;h>=0;h--)(m=o[h])&&(i=(n?m(t,e,i):m(i))||i);return n&&i&&d(t,e,i),i};var I={};L(I,{SkdxNavigationMenuContent:()=>s});module.exports=b(I);var r=require("lit"),v=require("lit/decorators.js"),p=require("../internal/define.cjs"),a=require("../internal/dismiss.cjs"),y=require("../internal/styles.cjs"),l=require("./family.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.layer={insideElements:()=>[this,document.getElementById(this.item?.triggerId??"")]};this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.onDocumentKeyDown=e=>{this.open&&(0,a.handleEscapeKeyDown)(e,this.layer,()=>{this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus()})};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let n=(0,a.focusOutsideTarget)(e);n&&this.isOutside(n)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=l.NAVIGATION_MENU_FAMILY.root(this),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener(l.NAVIGATION_MENU_FAMILY.event,this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.onDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(l.NAVIGATION_MENU_FAMILY.event,this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.onDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount),e?this.releaseLayer??(this.releaseLayer=(0,a.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0)}isOutside(e){if(!e)return!1;let n=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!n?.contains(e)}render(){return r.html`<slot></slot>`}};s.styles=[y.hiddenHostStyles,r.css`
       :host {
         display: block;
       }
-    `],h([(0,c.property)({type:Boolean,attribute:"force-mount"})],s.prototype,"forceMount",2),s=h([(0,m.customElement)("skdx-navigation-menu-content","navigation-menu","content")],s);0&&(module.exports={SkdxNavigationMenuContent});
+    `],u([(0,v.property)({type:Boolean,attribute:"force-mount"})],s.prototype,"forceMount",2),s=u([(0,p.customElement)("skdx-navigation-menu-content","navigation-menu","content")],s);0&&(module.exports={SkdxNavigationMenuContent});

package/dist/navigation-menu/NavigationMenuContent.d.cts

@@ -1,8 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-navigation-menu-content>` — content panel revealed by an
- * `<skdx-navigation-menu-trigger>`. Pointer-enter/leave manage the close timer;
- * Escape and outside focus/pointerdown dismiss and refocus the trigger.
+ * Content panel revealed by an `<skdx-navigation-menu-trigger>`, closing on Escape or outside focus/pointerdown and refocusing the trigger.
  */
 export declare class SkdxNavigationMenuContent extends LitElement {
     static styles: import("lit").CSSResult[];
@@ -13,16 +11,19 @@ export declare class SkdxNavigationMenuContent extends LitElement {
     private readonly onUpdate;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** What counts as inside this panel, for the shared layer stack Escape is resolved against. */
+    private readonly layer;
+    private releaseLayer?;
     private get open();
     private syncHostState;
     private readonly handlePointerEnter;
     private readonly handlePointerLeave;
-    private readonly handleEscapeKeyDown;
+    /** Arbitrated through the layer stack, so one Escape closes only the innermost open thing. */
+    private readonly onDocumentKeyDown;
     private readonly handleOutsidePointerDown;
     private readonly handleOutsideFocus;
-    /** Whether `target` is outside both this panel and the trigger that owns it. */
     private isOutside;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-menu/NavigationMenuContent.d.ts

@@ -1,8 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-navigation-menu-content>` — content panel revealed by an
- * `<skdx-navigation-menu-trigger>`. Pointer-enter/leave manage the close timer;
- * Escape and outside focus/pointerdown dismiss and refocus the trigger.
+ * Content panel revealed by an `<skdx-navigation-menu-trigger>`, closing on Escape or outside focus/pointerdown and refocusing the trigger.
  */
 export declare class SkdxNavigationMenuContent extends LitElement {
     static styles: import("lit").CSSResult[];
@@ -13,16 +11,19 @@ export declare class SkdxNavigationMenuContent extends LitElement {
     private readonly onUpdate;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** What counts as inside this panel, for the shared layer stack Escape is resolved against. */
+    private readonly layer;
+    private releaseLayer?;
     private get open();
     private syncHostState;
     private readonly handlePointerEnter;
     private readonly handlePointerLeave;
-    private readonly handleEscapeKeyDown;
+    /** Arbitrated through the layer stack, so one Escape closes only the innermost open thing. */
+    private readonly onDocumentKeyDown;
     private readonly handleOutsidePointerDown;
     private readonly handleOutsideFocus;
-    /** Whether `target` is outside both this panel and the trigger that owns it. */
     private isOutside;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-menu/NavigationMenuContent.js

@@ -1,5 +1,5 @@
-var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(s,o,e,t)=>{for(var n=t>1?void 0:t?h(o,e):o,r=s.length-1,a;r>=0;r--)(a=s[r])&&(n=(t?a(o,e,n):a(n))||n);return t&&n&&l(o,e,n),n};import{css as u,html as c,LitElement as m}from"lit";import{property as v}from"lit/decorators.js";import{customElement as p}from"../internal/define.js";import{focusOutsideTarget as E}from"../internal/dismiss.js";import{hiddenHostStyles as y}from"../internal/styles.js";var i=class extends m{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.handleEscapeKeyDown=e=>{!this.open||e.key!=="Escape"||(this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus())};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let t=E(e);t&&this.isOutside(t)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=this.closest("skdx-navigation-menu"),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleEscapeKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleEscapeKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount)}isOutside(e){if(!e)return!1;let t=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!t?.contains(e)}render(){return c`<slot></slot>`}};i.styles=[y,u`
+var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=(s,o,e,t)=>{for(var i=t>1?void 0:t?m(o,e):o,r=s.length-1,a;r>=0;r--)(a=s[r])&&(i=(t?a(o,e,i):a(i))||i);return t&&i&&h(o,e,i),i};import{css as u,html as c,LitElement as v}from"lit";import{property as p}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{focusOutsideTarget as f,handleEscapeKeyDown as E,pushDismissLayer as L}from"../internal/dismiss.js";import{hiddenHostStyles as g}from"../internal/styles.js";import{NAVIGATION_MENU_FAMILY as l}from"./family.js";var n=class extends v{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.layer={insideElements:()=>[this,document.getElementById(this.item?.triggerId??"")]};this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.onDocumentKeyDown=e=>{this.open&&E(e,this.layer,()=>{this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus()})};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let t=f(e);t&&this.isOutside(t)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=l.root(this),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener(l.event,this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.onDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(l.event,this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.onDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount),e?this.releaseLayer??(this.releaseLayer=L(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0)}isOutside(e){if(!e)return!1;let t=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!t?.contains(e)}render(){return c`<slot></slot>`}};n.styles=[g,u`
       :host {
         display: block;
       }
-    `],d([v({type:Boolean,attribute:"force-mount"})],i.prototype,"forceMount",2),i=d([p("skdx-navigation-menu-content","navigation-menu","content")],i);export{i as SkdxNavigationMenuContent};
+    `],d([p({type:Boolean,attribute:"force-mount"})],n.prototype,"forceMount",2),n=d([y("skdx-navigation-menu-content","navigation-menu","content")],n);export{n as SkdxNavigationMenuContent};

package/dist/navigation-menu/NavigationMenuIndicator.cjs

@@ -1,5 +1,5 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(o,e)=>{for(var n in e)a(o,n,{get:e[n],enumerable:!0})},b=(o,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of h(e))!f.call(o,t)&&t!==n&&a(o,t,{get:()=>e[t],enumerable:!(i=m(e,t))||i.enumerable});return o};var k=o=>b(a({},"__esModule",{value:!0}),o),c=(o,e,n,i)=>{for(var t=i>1?void 0:i?m(e,n):e,l=o.length-1,d;l>=0;l--)(d=o[l])&&(t=(i?d(e,n,t):d(t))||t);return i&&t&&a(e,n,t),t};var g={};y(g,{SkdxNavigationMenuIndicator:()=>s});module.exports=k(g);var r=require("lit"),p=require("lit/decorators.js"),u=require("../internal/define.cjs"),v=require("../internal/styles.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.onUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.sync()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),super.disconnectedCallback()}sync(){let n=(this.root?.value??null)!==null;this.setAttribute("data-state",n?"visible":"hidden"),this.hidden=!this.forceMount&&!n}render(){return r.html`<slot></slot>`}};s.styles=[v.hiddenHostStyles,r.css`
+"use strict";var l=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var b=(o,e)=>{for(var i in e)l(o,i,{get:e[i],enumerable:!0})},E=(o,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!y.call(o,t)&&t!==i&&l(o,t,{get:()=>e[t],enumerable:!(r=p(e,t))||r.enumerable});return o};var k=o=>E(l({},"__esModule",{value:!0}),o),m=(o,e,i,r)=>{for(var t=r>1?void 0:r?p(e,i):e,d=o.length-1,c;d>=0;d--)(c=o[d])&&(t=(r?c(e,i,t):c(t))||t);return r&&t&&l(e,i,t),t};var L={};b(L,{SkdxNavigationMenuIndicator:()=>n});module.exports=k(L);var s=require("lit"),v=require("lit/decorators.js"),u=require("../internal/define.cjs"),h=require("../internal/styles.cjs"),a=require("./family.cjs");var n=class extends s.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.onUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.root=a.NAVIGATION_MENU_FAMILY.root(this),this.root?.addEventListener(a.NAVIGATION_MENU_FAMILY.event,this.onUpdate),this.sync()}disconnectedCallback(){this.root?.removeEventListener(a.NAVIGATION_MENU_FAMILY.event,this.onUpdate),super.disconnectedCallback()}sync(){let i=(this.root?.value??null)!==null;this.setAttribute("data-state",i?"visible":"hidden"),this.hidden=!this.forceMount&&!i}render(){return s.html`<slot></slot>`}};n.styles=[h.hiddenHostStyles,s.css`
       :host {
         display: block;
       }
-    `],c([(0,p.property)({type:Boolean,attribute:"force-mount"})],s.prototype,"forceMount",2),s=c([(0,u.customElement)("skdx-navigation-menu-indicator","navigation-menu","indicator")],s);0&&(module.exports={SkdxNavigationMenuIndicator});
+    `],m([(0,v.property)({type:Boolean,attribute:"force-mount"})],n.prototype,"forceMount",2),n=m([(0,u.customElement)("skdx-navigation-menu-indicator","navigation-menu","indicator")],n);0&&(module.exports={SkdxNavigationMenuIndicator});

package/dist/navigation-menu/NavigationMenuIndicator.d.cts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
  * `<skdx-navigation-menu-indicator>` — optional arrow/caret tracking which item
  * is open, sets `data-state` (`visible`/`hidden`), hidden by default unless
@@ -13,7 +13,7 @@ export declare class SkdxNavigationMenuIndicator extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private sync;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-menu/NavigationMenuIndicator.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
  * `<skdx-navigation-menu-indicator>` — optional arrow/caret tracking which item
  * is open, sets `data-state` (`visible`/`hidden`), hidden by default unless
@@ -13,7 +13,7 @@ export declare class SkdxNavigationMenuIndicator extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private sync;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-menu/NavigationMenuIndicator.js

@@ -1,5 +1,5 @@
-var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=(s,n,t,i)=>{for(var e=i>1?void 0:i?c(n,t):n,r=s.length-1,a;r>=0;r--)(a=s[r])&&(e=(i?a(n,t,e):a(e))||e);return i&&e&&d(n,t,e),e};import{css as m,html as p,LitElement as u}from"lit";import{property as v}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{hiddenHostStyles as f}from"../internal/styles.js";var o=class extends u{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.onUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.sync()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),super.disconnectedCallback()}sync(){let t=(this.root?.value??null)!==null;this.setAttribute("data-state",t?"visible":"hidden"),this.hidden=!this.forceMount&&!t}render(){return p`<slot></slot>`}};o.styles=[f,m`
+var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=(n,i,t,r)=>{for(var e=r>1?void 0:r?m(i,t):i,s=n.length-1,l;s>=0;s--)(l=n[s])&&(e=(r?l(i,t,e):l(e))||e);return r&&e&&c(i,t,e),e};import{css as p,html as v,LitElement as u}from"lit";import{property as h}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{hiddenHostStyles as y}from"../internal/styles.js";import{NAVIGATION_MENU_FAMILY as d}from"./family.js";var o=class extends u{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.onUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.root=d.root(this),this.root?.addEventListener(d.event,this.onUpdate),this.sync()}disconnectedCallback(){this.root?.removeEventListener(d.event,this.onUpdate),super.disconnectedCallback()}sync(){let t=(this.root?.value??null)!==null;this.setAttribute("data-state",t?"visible":"hidden"),this.hidden=!this.forceMount&&!t}render(){return v`<slot></slot>`}};o.styles=[y,p`
       :host {
         display: block;
       }
-    `],l([v({type:Boolean,attribute:"force-mount"})],o.prototype,"forceMount",2),o=l([h("skdx-navigation-menu-indicator","navigation-menu","indicator")],o);export{o as SkdxNavigationMenuIndicator};
+    `],a([h({type:Boolean,attribute:"force-mount"})],o.prototype,"forceMount",2),o=a([f("skdx-navigation-menu-indicator","navigation-menu","indicator")],o);export{o as SkdxNavigationMenuIndicator};

package/dist/navigation-menu/NavigationMenuItem.cjs

@@ -1,5 +1,5 @@
-"use strict";var d=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var v=(r,e)=>{for(var n in e)d(r,n,{get:e[n],enumerable:!0})},y=(r,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!h.call(r,t)&&t!==n&&d(r,t,{get:()=>e[t],enumerable:!(o=g(e,t))||o.enumerable});return r};var k=r=>y(d({},"__esModule",{value:!0}),r),a=(r,e,n,o)=>{for(var t=o>1?void 0:o?g(e,n):e,c=r.length-1,l;c>=0;c--)(l=r[c])&&(t=(o?l(e,n,t):l(t))||t);return o&&t&&d(e,n,t),t};var x={};v(x,{SkdxNavigationMenuItem:()=>i});module.exports=k(x);var s=require("lit"),p=require("lit/decorators.js"),u=require("../internal/define.cjs"),m=require("../internal/ids.cjs");var i=class extends s.LitElement{constructor(){super(...arguments);this.value="";this.triggerId=(0,m.nextId)("skdx-nav-trigger");this.contentId=(0,m.nextId)("skdx-nav-content")}connectedCallback(){super.connectedCallback();let n=this.querySelector("skdx-navigation-menu-trigger")?.id;n&&(this.triggerId=n);let o=this.querySelector("skdx-navigation-menu-content")?.id;o&&(this.contentId=o)}render(){return s.html`<slot></slot>`}};i.styles=s.css`
+"use strict";var l=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var v=(r,e)=>{for(var i in e)l(r,i,{get:e[i],enumerable:!0})},y=(r,e,i,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of h(e))!f.call(r,t)&&t!==i&&l(r,t,{get:()=>e[t],enumerable:!(o=g(e,t))||o.enumerable});return r};var b=r=>y(l({},"__esModule",{value:!0}),r),c=(r,e,i,o)=>{for(var t=o>1?void 0:o?g(e,i):e,d=r.length-1,a;d>=0;d--)(a=r[d])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&l(e,i,t),t};var k={};v(k,{SkdxNavigationMenuItem:()=>n});module.exports=b(k);var s=require("lit"),p=require("lit/decorators.js"),u=require("../internal/define.cjs"),m=require("../internal/ids.cjs");var n=class extends s.LitElement{constructor(){super(...arguments);this.value="";this.triggerId=(0,m.nextId)("skdx-nav-trigger");this.contentId=(0,m.nextId)("skdx-nav-content")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem");let i=this.querySelector("skdx-navigation-menu-trigger")?.id;i&&(this.triggerId=i);let o=this.querySelector("skdx-navigation-menu-content")?.id;o&&(this.contentId=o)}render(){return s.html`<slot></slot>`}};n.styles=s.css`
     :host {
       display: block;
     }
-  `,a([(0,p.property)({type:String,reflect:!0})],i.prototype,"value",2),i=a([(0,u.customElement)("skdx-navigation-menu-item","navigation-menu","item")],i);0&&(module.exports={SkdxNavigationMenuItem});
+  `,c([(0,p.property)({type:String,reflect:!0})],n.prototype,"value",2),n=c([(0,u.customElement)("skdx-navigation-menu-item","navigation-menu","item")],n);0&&(module.exports={SkdxNavigationMenuItem});

package/dist/navigation-menu/NavigationMenuItem.d.cts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
  * `<skdx-navigation-menu-item>` — a menu entry that generates ids linking its
  * trigger and content together.
@@ -7,10 +7,12 @@ export declare class SkdxNavigationMenuItem extends LitElement {
     static styles: import("lit").CSSResult;
     /** This item's identifying value, matched against the ancestor menu's `value`. */
     value: string;
+    /** @internal Generated trigger id, published as aria-labelledby on the panel. */
     triggerId: string;
+    /** @internal Generated panel id, published as aria-controls on the trigger. */
     contentId: string;
     connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-menu/NavigationMenuItem.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
  * `<skdx-navigation-menu-item>` — a menu entry that generates ids linking its
  * trigger and content together.
@@ -7,10 +7,12 @@ export declare class SkdxNavigationMenuItem extends LitElement {
     static styles: import("lit").CSSResult;
     /** This item's identifying value, matched against the ancestor menu's `value`. */
     value: string;
+    /** @internal Generated trigger id, published as aria-labelledby on the panel. */
     triggerId: string;
+    /** @internal Generated panel id, published as aria-controls on the trigger. */
     contentId: string;
     connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-menu/NavigationMenuItem.js

@@ -1,5 +1,5 @@
-var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=(i,o,r,e)=>{for(var t=e>1?void 0:e?m(o,r):o,s=i.length-1,d;s>=0;s--)(d=i[s])&&(t=(e?d(o,r,t):d(t))||t);return e&&t&&a(o,r,t),t};import{css as g,html as p,LitElement as u}from"lit";import{property as f}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{nextId as l}from"../internal/ids.js";var n=class extends u{constructor(){super(...arguments);this.value="";this.triggerId=l("skdx-nav-trigger");this.contentId=l("skdx-nav-content")}connectedCallback(){super.connectedCallback();let r=this.querySelector("skdx-navigation-menu-trigger")?.id;r&&(this.triggerId=r);let e=this.querySelector("skdx-navigation-menu-content")?.id;e&&(this.contentId=e)}render(){return p`<slot></slot>`}};n.styles=g`
+var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=(n,o,r,e)=>{for(var t=e>1?void 0:e?m(o,r):o,s=n.length-1,l;s>=0;s--)(l=n[s])&&(t=(e?l(o,r,t):l(t))||t);return e&&t&&c(o,r,t),t};import{css as g,html as p,LitElement as u}from"lit";import{property as h}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{nextId as a}from"../internal/ids.js";var i=class extends u{constructor(){super(...arguments);this.value="";this.triggerId=a("skdx-nav-trigger");this.contentId=a("skdx-nav-content")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem");let r=this.querySelector("skdx-navigation-menu-trigger")?.id;r&&(this.triggerId=r);let e=this.querySelector("skdx-navigation-menu-content")?.id;e&&(this.contentId=e)}render(){return p`<slot></slot>`}};i.styles=g`
     :host {
       display: block;
     }
-  `,c([f({type:String,reflect:!0})],n.prototype,"value",2),n=c([h("skdx-navigation-menu-item","navigation-menu","item")],n);export{n as SkdxNavigationMenuItem};
+  `,d([h({type:String,reflect:!0})],i.prototype,"value",2),i=d([f("skdx-navigation-menu-item","navigation-menu","item")],i);export{i as SkdxNavigationMenuItem};