@skdx/web-components 0.28.0 → 0.30.0

package/dist/mentions/caret-rect.d.cts

@@ -0,0 +1,11 @@
+import type { MeasureCaretRect } from '../internal/mentions.cjs';
+/**
+ * Viewport rectangle of the caret at `offset`, measured by laying the text out
+ * again in a hidden mirror of the field and reading back where the character
+ * after the caret landed.
+ *
+ * @param field the text control the caret sits in
+ * @param offset the caret offset inside its value
+ * @internal
+ */
+export declare const measureCaretRect: MeasureCaretRect;

package/dist/mentions/caret-rect.d.ts

@@ -0,0 +1,11 @@
+import type { MeasureCaretRect } from '../internal/mentions.js';
+/**
+ * Viewport rectangle of the caret at `offset`, measured by laying the text out
+ * again in a hidden mirror of the field and reading back where the character
+ * after the caret landed.
+ *
+ * @param field the text control the caret sits in
+ * @param offset the caret offset inside its value
+ * @internal
+ */
+export declare const measureCaretRect: MeasureCaretRect;

package/dist/mentions/caret-rect.js

@@ -0,0 +1 @@
+var p=["font-family","font-size","font-stretch","font-style","font-variant","font-weight","letter-spacing","text-transform","text-indent","word-spacing","line-height","tab-size","padding-top","padding-right","padding-bottom","padding-left","border-top-width","border-right-width","border-bottom-width","border-left-width","box-sizing","width"],d=(e,r)=>{let i=getComputedStyle(e),t=document.createElement("div");t.style.position="absolute",t.style.visibility="hidden",t.style.whiteSpace="pre-wrap",t.style.overflowWrap="break-word";for(let c of p)t.style.setProperty(c,i.getPropertyValue(c));t.style.height="auto",t.textContent=e.value.slice(0,r);let o=document.createElement("span");o.textContent=e.value.slice(r)||".",t.append(o),document.body.append(t);let s=e.getBoundingClientRect(),n=o.getBoundingClientRect(),a=t.getBoundingClientRect(),l={top:s.top+(n.top-a.top)-e.scrollTop,left:s.left+(n.left-a.left)-e.scrollLeft,height:parseFloat(i.lineHeight)||n.height};return t.remove(),l};export{d as measureCaretRect};

package/dist/mentions/family.cjs

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var M=(o,e)=>{for(var n in e)i(o,n,{get:e[n],enumerable:!0})},x=(o,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of d(e))!p.call(o,t)&&t!==n&&i(o,t,{get:()=>e[t],enumerable:!(s=r(e,t))||s.enumerable});return o};var b=o=>x(i({},"__esModule",{value:!0}),o);var f={};M(f,{MENTIONS_FAMILY:()=>c});module.exports=b(f);var m=require("../internal/family.cjs"),c=(0,m.defineFamily)("mentions",{selector:"skdx-mentions",init:{bubbles:!0,composed:!0}});0&&(module.exports={MENTIONS_FAMILY});

package/dist/mentions/family.d.cts

@@ -0,0 +1,3 @@
+import type { SkdxMentions } from './Mentions.cjs';
+/** @internal The broadcast every `<skdx-mentions-*>` part re-renders on, and the lookup that finds their root. */
+export declare const MENTIONS_FAMILY: import("../internal/family.cjs").SkdxFamily<SkdxMentions>;

package/dist/mentions/family.d.ts

@@ -0,0 +1,3 @@
+import type { SkdxMentions } from './Mentions.js';
+/** @internal The broadcast every `<skdx-mentions-*>` part re-renders on, and the lookup that finds their root. */
+export declare const MENTIONS_FAMILY: import("../internal/family.js").SkdxFamily<SkdxMentions>;

package/dist/mentions/family.js

@@ -0,0 +1 @@
+import{defineFamily as e}from"../internal/family.js";var t=e("mentions",{selector:"skdx-mentions",init:{bubbles:!0,composed:!0}});export{t as MENTIONS_FAMILY};

package/dist/mentions/index.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var r=(n,e)=>{for(var o in e)a(n,o,{get:e[o],enumerable:!0})},x=(n,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of l(e))!M.call(n,i)&&i!==o&&a(n,i,{get:()=>e[i],enumerable:!(s=d(e,i))||s.enumerable});return n};var S=n=>x(a({},"__esModule",{value:!0}),n);var k={};r(k,{SkdxMentions:()=>t.SkdxMentions,defaultGetResultCountLabel:()=>t.defaultGetResultCountLabel,defaultMentionSerializer:()=>t.defaultMentionSerializer});module.exports=S(k);var t=require("./Mentions.cjs");0&&(module.exports={SkdxMentions,defaultGetResultCountLabel,defaultMentionSerializer});

package/dist/mentions/index.d.cts

@@ -0,0 +1,2 @@
+export { SkdxMentions, defaultGetResultCountLabel, defaultMentionSerializer } from './Mentions.cjs';
+export type { SkdxMentionsFilter, SkdxMentionsHighlightChangeDetail, SkdxMentionsHighlightReason, SkdxMentionsInsertedMention, SkdxMentionsItemEntry, SkdxMentionsOptionData, SkdxMentionsQueryChangeDetail, SkdxMentionsSerializer, SkdxMentionsValueChangeDetail, } from './Mentions.cjs';

package/dist/mentions/index.d.ts

@@ -0,0 +1,2 @@
+export { SkdxMentions, defaultGetResultCountLabel, defaultMentionSerializer } from './Mentions.js';
+export type { SkdxMentionsFilter, SkdxMentionsHighlightChangeDetail, SkdxMentionsHighlightReason, SkdxMentionsInsertedMention, SkdxMentionsItemEntry, SkdxMentionsOptionData, SkdxMentionsQueryChangeDetail, SkdxMentionsSerializer, SkdxMentionsValueChangeDetail, } from './Mentions.js';

package/dist/mentions/index.js

@@ -0,0 +1 @@
+import{SkdxMentions as t,defaultGetResultCountLabel as i,defaultMentionSerializer as o}from"./Mentions.js";export{t as SkdxMentions,i as defaultGetResultCountLabel,o as defaultMentionSerializer};

package/dist/mentions/primitives.cjs

@@ -0,0 +1 @@
+"use strict";var x=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var l=(e,t)=>{for(var r in t)x(e,r,{get:t[r],enumerable:!0})},a=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of S(t))!k.call(e,n)&&n!==r&&x(e,n,{get:()=>t[n],enumerable:!(i=M(t,n))||i.enumerable});return e};var u=e=>a(x({},"__esModule",{value:!0}),e);var C={};l(C,{SkdxMentions:()=>o.SkdxMentions,SkdxMentionsContent:()=>m.SkdxMentionsContent,SkdxMentionsEmpty:()=>s.SkdxMentionsEmpty,SkdxMentionsInput:()=>d.SkdxMentionsInput,SkdxMentionsItem:()=>p.SkdxMentionsItem,SkdxMentionsPortal:()=>f.SkdxMentionsPortal,defaultGetResultCountLabel:()=>o.defaultGetResultCountLabel,defaultMentionSerializer:()=>o.defaultMentionSerializer});module.exports=u(C);var o=require("./Mentions.cjs"),d=require("./MentionsInput.cjs"),f=require("./MentionsPortal.cjs"),m=require("./MentionsContent.cjs"),p=require("./MentionsItem.cjs"),s=require("./MentionsEmpty.cjs");0&&(module.exports={SkdxMentions,SkdxMentionsContent,SkdxMentionsEmpty,SkdxMentionsInput,SkdxMentionsItem,SkdxMentionsPortal,defaultGetResultCountLabel,defaultMentionSerializer});

package/dist/mentions/primitives.d.cts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `<skdx-mentions>` — the parts the recipe composes, for when the derived anatomy doesn't suit your needs.
+ *
+ * @example
+ * ```ts
+ * import * as Mentions from '@skdx/web-components/primitives/mentions';
+ * ```
+ * ```html
+ * <skdx-mentions aria-label="Message">
+ *   <skdx-mentions-input placeholder="Say something…"></skdx-mentions-input>
+ *   <skdx-mentions-content>
+ *     <skdx-mentions-item value="alice">Alice</skdx-mentions-item>
+ *     <skdx-mentions-empty>No matches</skdx-mentions-empty>
+ *   </skdx-mentions-content>
+ * </skdx-mentions>
+ * ```
+ */
+export { SkdxMentions, defaultGetResultCountLabel, defaultMentionSerializer } from './Mentions.cjs';
+export { SkdxMentionsInput } from './MentionsInput.cjs';
+export { SkdxMentionsPortal } from './MentionsPortal.cjs';
+export { SkdxMentionsContent } from './MentionsContent.cjs';
+export { SkdxMentionsItem } from './MentionsItem.cjs';
+export { SkdxMentionsEmpty } from './MentionsEmpty.cjs';

package/dist/mentions/primitives.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `<skdx-mentions>` — the parts the recipe composes, for when the derived anatomy doesn't suit your needs.
+ *
+ * @example
+ * ```ts
+ * import * as Mentions from '@skdx/web-components/primitives/mentions';
+ * ```
+ * ```html
+ * <skdx-mentions aria-label="Message">
+ *   <skdx-mentions-input placeholder="Say something…"></skdx-mentions-input>
+ *   <skdx-mentions-content>
+ *     <skdx-mentions-item value="alice">Alice</skdx-mentions-item>
+ *     <skdx-mentions-empty>No matches</skdx-mentions-empty>
+ *   </skdx-mentions-content>
+ * </skdx-mentions>
+ * ```
+ */
+export { SkdxMentions, defaultGetResultCountLabel, defaultMentionSerializer } from './Mentions.js';
+export { SkdxMentionsInput } from './MentionsInput.js';
+export { SkdxMentionsPortal } from './MentionsPortal.js';
+export { SkdxMentionsContent } from './MentionsContent.js';
+export { SkdxMentionsItem } from './MentionsItem.js';
+export { SkdxMentionsEmpty } from './MentionsEmpty.js';

package/dist/mentions/primitives.js

@@ -0,0 +1 @@
+import{SkdxMentions as o,defaultGetResultCountLabel as n,defaultMentionSerializer as r}from"./Mentions.js";import{SkdxMentionsInput as i}from"./MentionsInput.js";import{SkdxMentionsPortal as f}from"./MentionsPortal.js";import{SkdxMentionsContent as p}from"./MentionsContent.js";import{SkdxMentionsItem as M}from"./MentionsItem.js";import{SkdxMentionsEmpty as k}from"./MentionsEmpty.js";export{o as SkdxMentions,p as SkdxMentionsContent,k as SkdxMentionsEmpty,i as SkdxMentionsInput,M as SkdxMentionsItem,f as SkdxMentionsPortal,n as defaultGetResultCountLabel,r as defaultMentionSerializer};

package/dist/menu/Menu.cjs

@@ -0,0 +1 @@
+"use strict";var l=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var v=(i,e)=>{for(var r in e)l(i,r,{get:e[r],enumerable:!0})},b=(i,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of O(e))!A.call(i,t)&&t!==r&&l(i,t,{get:()=>e[t],enumerable:!(s=y(e,t))||s.enumerable});return i};var _=i=>b(l({},"__esModule",{value:!0}),i),o=(i,e,r,s)=>{for(var t=s>1?void 0:s?y(e,r):e,d=i.length-1,f;d>=0;d--)(f=i[d])&&(t=(s?f(e,r,t):f(t))||t);return s&&t&&l(e,r,t),t};var R={};v(R,{SkdxMenu:()=>n});module.exports=_(R);var h=require("lit"),a=require("lit/decorators.js"),u=require("../internal/authored.cjs"),c=require("../internal/define.cjs"),p=require("../internal/derive.cjs"),m=require("./MenuAnatomy.cjs"),g=require("./MenuRoot.cjs");var n=class extends g.SkdxMenuRoot{constructor(){super(...arguments);this.side="bottom";this.align="start";this.disabled=!1;this.fillAnatomy=()=>{this.items!==this._anatomyItemsRef||this.openOn!==this._anatomyOpenOn||!(0,u.hasGeneratedContent)(this,m.MENU_ANATOMY_GENERATED)?(this._anatomyItemsRef=this.items,this._anatomyOpenOn=this.openOn,(0,m.fillMenuAnatomy)(this)):(0,m.refreshMenuAnatomy)(this)}}connectedCallback(){super.connectedCallback(),queueMicrotask(this.fillAnatomy)}updated(r){this.fillAnatomy(),super.updated(r),(0,p.threadAppearance)(this,{size:this.size},[...(0,p.derivedParts)(this,"skdx-menu-content"),...(0,p.derivedParts)(this,"skdx-menu-sub-content")])}render(){return h.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};o([(0,a.property)({attribute:!1})],n.prototype,"items",2),o([(0,a.property)({type:String})],n.prototype,"side",2),o([(0,a.property)({type:String})],n.prototype,"align",2),o([(0,a.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),o([(0,a.property)({attribute:!1})],n.prototype,"triggerClass",2),o([(0,a.property)({type:String,attribute:"data-size"})],n.prototype,"size",2),n=o([(0,c.customElement)("skdx-menu")],n);0&&(module.exports={SkdxMenu});

package/dist/menu/Menu.d.cts

@@ -0,0 +1,70 @@
+import { type TemplateResult } from 'lit';
+import type { Align, Side } from '../internal/positioning.cjs';
+import { SkdxMenuRoot } from './MenuRoot.cjs';
+import type { SkdxMenuItemDescriptor } from './types.cjs';
+/**
+ * The menu recipe component with trigger and items layout.
+ * Draws derived anatomy from `items` and `slot="trigger"`; use `<skdx-menu-root>` for manual composition.
+ * Under `open-on="contextmenu"` the recipe's own children become the right-clickable
+ * region instead, and the panel opens at the pointer.
+ *
+ * @example
+ * ```html
+ * <skdx-menu>
+ *   <button slot="trigger">Options</button>
+ * </skdx-menu>
+ * ```
+ * ```ts
+ * menu.items = [{ label: 'Edit', onSelect: edit }];
+ * ```
+ *
+ * @fires open-change - Fired with the new open state whenever it changes.
+ * @fires open-change-complete - Fired once the open-state animation completes on screen.
+ * @fires item-select - Fired with the activated menu item when selected.
+ *
+ * @slot trigger - Content for the derived trigger button, read only under `open-on="click"`.
+ * @slot item - Per-item content replacing label, addressed by `data-value`.
+ */
+export declare class SkdxMenu extends SkdxMenuRoot {
+    /**
+     * Menu entries; plain objects become items, tagged variants become separators, checkboxes, radio groups, groups or submenus.
+     * @default undefined
+     */
+    items?: readonly SkdxMenuItemDescriptor[];
+    /**
+     * Preferred edge to place the panel against.
+     * @default 'bottom'
+     */
+    side: Side;
+    /**
+     * Preferred alignment along the chosen edge, relative to the trigger.
+     * @default 'start'
+     */
+    align: Align;
+    /**
+     * Stands the derived trigger down so it opens nothing. Under
+     * `open-on="contextmenu"` the native browser context menu is let through.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * @internal Extra class for the derived trigger.
+     */
+    triggerClass?: string;
+    /**
+     * Row scale for the derived `<skdx-menu-content>` and any submenu panel inside it.
+     * @default undefined — the part keeps its own value.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+    private _anatomyItemsRef?;
+    private _anatomyOpenOn?;
+    connectedCallback(): void;
+    private readonly fillAnatomy;
+    protected updated(changed: Map<string, unknown>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu': SkdxMenu;
+    }
+}

package/dist/menu/Menu.d.ts

@@ -0,0 +1,70 @@
+import { type TemplateResult } from 'lit';
+import type { Align, Side } from '../internal/positioning.js';
+import { SkdxMenuRoot } from './MenuRoot.js';
+import type { SkdxMenuItemDescriptor } from './types.js';
+/**
+ * The menu recipe component with trigger and items layout.
+ * Draws derived anatomy from `items` and `slot="trigger"`; use `<skdx-menu-root>` for manual composition.
+ * Under `open-on="contextmenu"` the recipe's own children become the right-clickable
+ * region instead, and the panel opens at the pointer.
+ *
+ * @example
+ * ```html
+ * <skdx-menu>
+ *   <button slot="trigger">Options</button>
+ * </skdx-menu>
+ * ```
+ * ```ts
+ * menu.items = [{ label: 'Edit', onSelect: edit }];
+ * ```
+ *
+ * @fires open-change - Fired with the new open state whenever it changes.
+ * @fires open-change-complete - Fired once the open-state animation completes on screen.
+ * @fires item-select - Fired with the activated menu item when selected.
+ *
+ * @slot trigger - Content for the derived trigger button, read only under `open-on="click"`.
+ * @slot item - Per-item content replacing label, addressed by `data-value`.
+ */
+export declare class SkdxMenu extends SkdxMenuRoot {
+    /**
+     * Menu entries; plain objects become items, tagged variants become separators, checkboxes, radio groups, groups or submenus.
+     * @default undefined
+     */
+    items?: readonly SkdxMenuItemDescriptor[];
+    /**
+     * Preferred edge to place the panel against.
+     * @default 'bottom'
+     */
+    side: Side;
+    /**
+     * Preferred alignment along the chosen edge, relative to the trigger.
+     * @default 'start'
+     */
+    align: Align;
+    /**
+     * Stands the derived trigger down so it opens nothing. Under
+     * `open-on="contextmenu"` the native browser context menu is let through.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * @internal Extra class for the derived trigger.
+     */
+    triggerClass?: string;
+    /**
+     * Row scale for the derived `<skdx-menu-content>` and any submenu panel inside it.
+     * @default undefined — the part keeps its own value.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+    private _anatomyItemsRef?;
+    private _anatomyOpenOn?;
+    connectedCallback(): void;
+    private readonly fillAnatomy;
+    protected updated(changed: Map<string, unknown>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu': SkdxMenu;
+    }
+}

package/dist/menu/Menu.js

@@ -0,0 +1 @@
+var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var t=(a,r,o,s)=>{for(var i=s>1?void 0:s?f(r,o):r,m=a.length-1,p;m>=0;m--)(p=a[m])&&(i=(s?p(r,o,i):p(i))||i);return s&&i&&d(r,o,i),i};import{html as y}from"lit";import{property as n}from"lit/decorators.js";import{hasGeneratedContent as h}from"../internal/authored.js";import{customElement as u}from"../internal/define.js";import{derivedParts as l,threadAppearance as c}from"../internal/derive.js";import{fillMenuAnatomy as g,MENU_ANATOMY_GENERATED as O,refreshMenuAnatomy as A}from"./MenuAnatomy.js";import{SkdxMenuRoot as v}from"./MenuRoot.js";var e=class extends v{constructor(){super(...arguments);this.side="bottom";this.align="start";this.disabled=!1;this.fillAnatomy=()=>{this.items!==this._anatomyItemsRef||this.openOn!==this._anatomyOpenOn||!h(this,O)?(this._anatomyItemsRef=this.items,this._anatomyOpenOn=this.openOn,g(this)):A(this)}}connectedCallback(){super.connectedCallback(),queueMicrotask(this.fillAnatomy)}updated(o){this.fillAnatomy(),super.updated(o),c(this,{size:this.size},[...l(this,"skdx-menu-content"),...l(this,"skdx-menu-sub-content")])}render(){return y`<slot @slotchange=${this.fillAnatomy}></slot>`}};t([n({attribute:!1})],e.prototype,"items",2),t([n({type:String})],e.prototype,"side",2),t([n({type:String})],e.prototype,"align",2),t([n({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([n({attribute:!1})],e.prototype,"triggerClass",2),t([n({type:String,attribute:"data-size"})],e.prototype,"size",2),e=t([u("skdx-menu")],e);export{e as SkdxMenu};

package/dist/menu/MenuAnatomy.cjs

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var k=(e,t)=>{for(var i in t)d(e,i,{get:t[i],enumerable:!0})},f=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of g(t))!x.call(e,n)&&n!==i&&d(e,n,{get:()=>t[n],enumerable:!(r=l(t,n))||r.enumerable});return e};var b=e=>f(d({},"__esModule",{value:!0}),e);var y={};k(y,{MENU_ANATOMY_GENERATED:()=>o,MENU_RENDER_SLOTS:()=>M,fillMenuAnatomy:()=>A,refreshMenuAnatomy:()=>E});module.exports=b(y);var u=require("../internal/host-attributes.cjs"),c=require("../internal/menu-items.cjs"),p=require("../internal/options.cjs"),h=require("./MenuTrigger.cjs"),C=require("./MenuContent.cjs"),T=require("./MenuItem.cjs"),I=require("./MenuCheckboxItem.cjs"),D=require("./MenuRadioGroup.cjs"),_=require("./MenuRadioItem.cjs"),v=require("./MenuItemIndicator.cjs"),O=require("./MenuGroup.cjs"),q=require("./MenuLabel.cjs"),G=require("./MenuSeparator.cjs"),L=require("./MenuShortcut.cjs"),R=require("./MenuSub.cjs"),a=require("../internal/events.cjs"),o="data-skdx-menu-generated",M=["trigger","item"],S={item:"skdx-menu-item",checkboxItem:"skdx-menu-checkbox-item",radioGroup:"skdx-menu-radio-group",radioItem:"skdx-menu-radio-item",itemIndicator:"skdx-menu-item-indicator",group:"skdx-menu-group",label:"skdx-menu-label",separator:"skdx-menu-separator",shortcut:"skdx-menu-shortcut",sub:"skdx-menu-sub",subTrigger:"skdx-menu-sub-trigger",subContent:"skdx-menu-sub-content"};function A(e){let t=(0,p.renderSlotContent)(e,"item"),i=e.querySelector(`:scope > skdx-menu-trigger[${o}]`),r;if(i)r=Array.from(i.childNodes);else if(e.openOn==="contextmenu")r=Array.from(e.childNodes);else{r=[];for(let m of Array.from(e.childNodes))m.nodeType===Node.ELEMENT_NODE&&m.getAttribute("slot")==="trigger"&&(m.removeAttribute("slot"),r.push(m))}let n=document.createElement("skdx-menu-trigger");n.setAttribute(o,""),e.triggerClass&&n.classList.add(e.triggerClass),e.disabled&&n.setAttribute("disabled",""),n.append(...r);let s=document.createElement("skdx-menu-content");s.setAttribute(o,""),(0,u.forwardHostAttributes)(e,s),s.side=e.side,s.align=e.align,s.append(...(0,c.buildMenuItemElements)(e.items??[],S,{itemContent:t,onSelect:m=>(0,a.emit)(e,"item-select",m)})),e.replaceChildren(n,s)}function E(e){e.querySelector(`:scope > skdx-menu-trigger[${o}]`)?.toggleAttribute("disabled",e.disabled);let t=e.querySelector(`:scope > skdx-menu-content[${o}]`);t&&(t.side=e.side,t.align=e.align)}0&&(module.exports={MENU_ANATOMY_GENERATED,MENU_RENDER_SLOTS,fillMenuAnatomy,refreshMenuAnatomy});

package/dist/menu/MenuAnatomy.d.cts

@@ -0,0 +1,28 @@
+import type { SkdxMenu } from './Menu.cjs';
+import './MenuTrigger.cjs';
+import './MenuContent.cjs';
+import './MenuItem.cjs';
+import './MenuCheckboxItem.cjs';
+import './MenuRadioGroup.cjs';
+import './MenuRadioItem.cjs';
+import './MenuItemIndicator.cjs';
+import './MenuGroup.cjs';
+import './MenuLabel.cjs';
+import './MenuSeparator.cjs';
+import './MenuShortcut.cjs';
+import './MenuSub.cjs';
+/** @internal Marks generated direct children of `<skdx-menu>`. */
+export declare const MENU_ANATOMY_GENERATED = "data-skdx-menu-generated";
+/** @internal Named slots the derived anatomy consumes. */
+export declare const MENU_RENDER_SLOTS: readonly ["trigger", "item"];
+/**
+ * Builds the trigger/content anatomy under root from `items` and `slot="trigger"` children.
+ * @internal
+ */
+export declare function fillMenuAnatomy(root: SkdxMenu): void;
+/**
+ * Refreshes the generated Content's `side`/`align` and the Trigger's `disabled` in place;
+ * a no-op when no anatomy is generated.
+ * @internal
+ */
+export declare function refreshMenuAnatomy(root: SkdxMenu): void;

package/dist/menu/MenuAnatomy.d.ts

@@ -0,0 +1,28 @@
+import type { SkdxMenu } from './Menu.js';
+import './MenuTrigger.js';
+import './MenuContent.js';
+import './MenuItem.js';
+import './MenuCheckboxItem.js';
+import './MenuRadioGroup.js';
+import './MenuRadioItem.js';
+import './MenuItemIndicator.js';
+import './MenuGroup.js';
+import './MenuLabel.js';
+import './MenuSeparator.js';
+import './MenuShortcut.js';
+import './MenuSub.js';
+/** @internal Marks generated direct children of `<skdx-menu>`. */
+export declare const MENU_ANATOMY_GENERATED = "data-skdx-menu-generated";
+/** @internal Named slots the derived anatomy consumes. */
+export declare const MENU_RENDER_SLOTS: readonly ["trigger", "item"];
+/**
+ * Builds the trigger/content anatomy under root from `items` and `slot="trigger"` children.
+ * @internal
+ */
+export declare function fillMenuAnatomy(root: SkdxMenu): void;
+/**
+ * Refreshes the generated Content's `side`/`align` and the Trigger's `disabled` in place;
+ * a no-op when no anatomy is generated.
+ * @internal
+ */
+export declare function refreshMenuAnatomy(root: SkdxMenu): void;

package/dist/menu/MenuAnatomy.js

@@ -0,0 +1 @@
+import{forwardHostAttributes as d}from"../internal/host-attributes.js";import{buildMenuItemElements as u}from"../internal/menu-items.js";import{renderSlotContent as c}from"../internal/options.js";import"./MenuTrigger.js";import"./MenuContent.js";import"./MenuItem.js";import"./MenuCheckboxItem.js";import"./MenuRadioGroup.js";import"./MenuRadioItem.js";import"./MenuItemIndicator.js";import"./MenuGroup.js";import"./MenuLabel.js";import"./MenuSeparator.js";import"./MenuShortcut.js";import"./MenuSub.js";import{emit as p}from"../internal/events.js";var m="data-skdx-menu-generated",D=["trigger","item"],a={item:"skdx-menu-item",checkboxItem:"skdx-menu-checkbox-item",radioGroup:"skdx-menu-radio-group",radioItem:"skdx-menu-radio-item",itemIndicator:"skdx-menu-item-indicator",group:"skdx-menu-group",label:"skdx-menu-label",separator:"skdx-menu-separator",shortcut:"skdx-menu-shortcut",sub:"skdx-menu-sub",subTrigger:"skdx-menu-sub-trigger",subContent:"skdx-menu-sub-content"};function _(e){let r=c(e,"item"),o=e.querySelector(`:scope > skdx-menu-trigger[${m}]`),i;if(o)i=Array.from(o.childNodes);else if(e.openOn==="contextmenu")i=Array.from(e.childNodes);else{i=[];for(let n of Array.from(e.childNodes))n.nodeType===Node.ELEMENT_NODE&&n.getAttribute("slot")==="trigger"&&(n.removeAttribute("slot"),i.push(n))}let s=document.createElement("skdx-menu-trigger");s.setAttribute(m,""),e.triggerClass&&s.classList.add(e.triggerClass),e.disabled&&s.setAttribute("disabled",""),s.append(...i);let t=document.createElement("skdx-menu-content");t.setAttribute(m,""),d(e,t),t.side=e.side,t.align=e.align,t.append(...u(e.items??[],a,{itemContent:r,onSelect:n=>p(e,"item-select",n)})),e.replaceChildren(s,t)}function v(e){e.querySelector(`:scope > skdx-menu-trigger[${m}]`)?.toggleAttribute("disabled",e.disabled);let r=e.querySelector(`:scope > skdx-menu-content[${m}]`);r&&(r.side=e.side,r.align=e.align)}export{m as MENU_ANATOMY_GENERATED,D as MENU_RENDER_SLOTS,_ as fillMenuAnatomy,v as refreshMenuAnatomy};

package/dist/menu/MenuArrow.cjs

@@ -0,0 +1 @@
+"use strict";var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var g=(a,e)=>{for(var m in e)l(a,m,{get:e[m],enumerable:!0})},u=(a,e,m,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of i(e))!x.call(a,r)&&r!==m&&l(a,r,{get:()=>e[r],enumerable:!(o=c(e,r))||o.enumerable});return a};var w=a=>u(l({},"__esModule",{value:!0}),a),p=(a,e,m,o)=>{for(var r=o>1?void 0:o?c(e,m):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(r=(o?n(e,m,r):n(r))||r);return o&&r&&l(e,m,r),r};var E={};g(E,{SkdxMenuArrow:()=>t});module.exports=w(E);var d=require("../internal/define.cjs"),f=require("../internal/overlay-arrow.cjs");var t=class extends f.SkdxOverlayArrow{};t=p([(0,d.customElement)("skdx-menu-arrow","menu","arrow")],t);0&&(module.exports={SkdxMenuArrow});

package/dist/menu/MenuArrow.d.cts

@@ -0,0 +1,20 @@
+import { SkdxOverlayArrow } from '../internal/overlay-arrow.cjs';
+/**
+ * Optional visual arrow pointing back at the trigger.
+ * Render inside `<skdx-menu-content>`; geometry is CSS-only.
+ *
+ * @example
+ * ```html
+ * <skdx-menu-content>
+ *   <skdx-menu-item>Edit</skdx-menu-item>
+ *   <skdx-menu-arrow></skdx-menu-arrow>
+ * </skdx-menu-content>
+ * ```
+ */
+export declare class SkdxMenuArrow extends SkdxOverlayArrow {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu-arrow': SkdxMenuArrow;
+    }
+}

package/dist/menu/MenuArrow.d.ts

@@ -0,0 +1,20 @@
+import { SkdxOverlayArrow } from '../internal/overlay-arrow.js';
+/**
+ * Optional visual arrow pointing back at the trigger.
+ * Render inside `<skdx-menu-content>`; geometry is CSS-only.
+ *
+ * @example
+ * ```html
+ * <skdx-menu-content>
+ *   <skdx-menu-item>Edit</skdx-menu-item>
+ *   <skdx-menu-arrow></skdx-menu-arrow>
+ * </skdx-menu-content>
+ * ```
+ */
+export declare class SkdxMenuArrow extends SkdxOverlayArrow {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu-arrow': SkdxMenuArrow;
+    }
+}

package/dist/menu/MenuArrow.js

@@ -0,0 +1 @@
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(o,r,t,a)=>{for(var e=a>1?void 0:a?p(r,t):r,l=o.length-1,s;l>=0;l--)(s=o[l])&&(e=(a?s(r,t,e):s(e))||e);return a&&e&&c(r,t,e),e};import{customElement as d}from"../internal/define.js";import{SkdxOverlayArrow as f}from"../internal/overlay-arrow.js";var m=class extends f{};m=n([d("skdx-menu-arrow","menu","arrow")],m);export{m as SkdxMenuArrow};

package/dist/menu/MenuCheckboxItem.cjs

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var v=(c,e)=>{for(var r in e)d(c,r,{get:e[r],enumerable:!0})},b=(c,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of u(e))!f.call(c,t)&&t!==r&&d(c,t,{get:()=>e[t],enumerable:!(i=n(e,t))||i.enumerable});return c};var y=c=>b(d({},"__esModule",{value:!0}),c),h=(c,e,r,i)=>{for(var t=i>1?void 0:i?n(e,r):e,s=c.length-1,a;s>=0;s--)(a=c[s])&&(t=(i?a(e,r,t):a(t))||t);return i&&t&&d(e,r,t),t};var S={};v(S,{SkdxMenuCheckboxItem:()=>o});module.exports=y(S);var l=require("lit/decorators.js"),m=require("../internal/define.cjs"),p=require("../internal/events.cjs"),k=require("./MenuItem.cjs");var o=class extends k.SkdxMenuItem{constructor(){super(...arguments);this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitemcheckbox"),this.syncCheckedState()}updated(r){super.updated(r),r.has("checked")&&this.syncCheckedState()}syncCheckedState(){this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}beforeSelect(){(0,p.emit)(this,"checked-change",!this.checked)}effectiveCloseOnSelect(){return this.closeOnSelect??!1}};h([(0,l.property)({type:Boolean,reflect:!0})],o.prototype,"checked",2),o=h([(0,m.customElement)("skdx-menu-checkbox-item","menu","checkbox-item")],o);0&&(module.exports={SkdxMenuCheckboxItem});

package/dist/menu/MenuCheckboxItem.d.cts

@@ -0,0 +1,28 @@
+import { SkdxMenuItem } from './MenuItem.cjs';
+/**
+ * Toggleable menu item with checked/unchecked state.
+ * Keeps menu open by default (unlike plain items); set `close-on-select` to opt into closing.
+ *
+ * @fires select - The item was activated; call `preventDefault()` to suppress dismissal.
+ * @fires checked-change - The item was activated with the new checked state.
+ */
+export declare class SkdxMenuCheckboxItem extends SkdxMenuItem {
+    /**
+     * Whether the item is checked, reflecting the visual checked/unchecked state.
+     * @default false
+     */
+    checked: boolean;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private syncCheckedState;
+    /**
+     * @internal Fires `checked-change` with the toggled value before base item's select handling runs.
+     */
+    protected beforeSelect(): void;
+    protected effectiveCloseOnSelect(): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu-checkbox-item': SkdxMenuCheckboxItem;
+    }
+}

package/dist/menu/MenuCheckboxItem.d.ts

@@ -0,0 +1,28 @@
+import { SkdxMenuItem } from './MenuItem.js';
+/**
+ * Toggleable menu item with checked/unchecked state.
+ * Keeps menu open by default (unlike plain items); set `close-on-select` to opt into closing.
+ *
+ * @fires select - The item was activated; call `preventDefault()` to suppress dismissal.
+ * @fires checked-change - The item was activated with the new checked state.
+ */
+export declare class SkdxMenuCheckboxItem extends SkdxMenuItem {
+    /**
+     * Whether the item is checked, reflecting the visual checked/unchecked state.
+     * @default false
+     */
+    checked: boolean;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private syncCheckedState;
+    /**
+     * @internal Fires `checked-change` with the toggled value before base item's select handling runs.
+     */
+    protected beforeSelect(): void;
+    protected effectiveCloseOnSelect(): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu-checkbox-item': SkdxMenuCheckboxItem;
+    }
+}

package/dist/menu/MenuCheckboxItem.js

@@ -0,0 +1 @@
+var h=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(o,c,t,i)=>{for(var e=i>1?void 0:i?n(c,t):c,d=o.length-1,s;d>=0;d--)(s=o[d])&&(e=(i?s(c,t,e):s(e))||e);return i&&e&&h(c,t,e),e};import{property as l}from"lit/decorators.js";import{customElement as m}from"../internal/define.js";import{emit as p}from"../internal/events.js";import{SkdxMenuItem as k}from"./MenuItem.js";var r=class extends k{constructor(){super(...arguments);this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitemcheckbox"),this.syncCheckedState()}updated(t){super.updated(t),t.has("checked")&&this.syncCheckedState()}syncCheckedState(){this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}beforeSelect(){p(this,"checked-change",!this.checked)}effectiveCloseOnSelect(){return this.closeOnSelect??!1}};a([l({type:Boolean,reflect:!0})],r.prototype,"checked",2),r=a([m("skdx-menu-checkbox-item","menu","checkbox-item")],r);export{r as SkdxMenuCheckboxItem};

package/dist/menu/MenuContent.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var P=(r,e)=>{for(var t in e)s(r,t,{get:e[t],enumerable:!0})},b=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of v(e))!f.call(r,o)&&o!==t&&s(r,o,{get:()=>e[o],enumerable:!(i=u(e,o))||i.enumerable});return r};var x=r=>b(s({},"__esModule",{value:!0}),r),l=(r,e,t,i)=>{for(var o=i>1?void 0:i?u(e,t):e,a=r.length-1,d;a>=0;a--)(d=r[a])&&(o=(i?d(e,t,o):d(o))||o);return i&&o&&s(e,t,o),o};var E={};P(E,{SkdxMenuContent:()=>n});module.exports=x(E);var m=require("lit/decorators.js"),c=require("../internal/closest.cjs"),h=require("../internal/define.cjs"),g=require("../internal/menu-panel.cjs"),p=require("./family.cjs");var n=class extends g.SkdxMenuPanelBase{constructor(){super(...arguments);this.ownerEvent=p.MENU_FAMILY.event;this.pointAnchor={getBoundingClientRect:()=>{let{x:t,y:i}=this.root?.getPoint()??{x:0,y:0};return{x:t,y:i,width:0,height:0,top:i,left:t,right:t,bottom:i}}}}resolveOwner(){return(0,c.closestThroughPortal)(this,p.MENU_FAMILY.selector)}closeOwner(){this.root?.setOpen(!1)}get root(){return this.owner}get atPointer(){return this.root?.openOn==="contextmenu"}afterOwnerUpdate(){this.atPointer&&this.cleanupPosition?.update()}claimedAuthoredId(t){this.atPointer&&this.root?.triggerEl?.setAttribute("aria-controls",t)}writePlacementState(){this.setAttribute("data-side",(this.atPointer?"bottom":this.side)??"bottom"),this.setAttribute("data-align",(this.atPointer?"start":this.align)??"start")}focusPreventsScroll(){return this.atPointer}anchor(){return this.atPointer?this.pointAnchor:super.anchor()}positionOptions(){return this.atPointer?{side:"bottom",align:"start",sideOffset:0,avoidCollisions:!0,collisionPadding:this.collisionPadding,component:"menu"}:super.positionOptions()}pointerExempt(t){return!this.atPointer&&super.pointerExempt(t)}};l([(0,m.property)({type:String,reflect:!0,attribute:"data-size"})],n.prototype,"size",2),n=l([(0,h.customElement)("skdx-menu-content","menu","content")],n);0&&(module.exports={SkdxMenuContent});

package/dist/menu/MenuContent.d.cts

@@ -0,0 +1,44 @@
+import type { VirtualElement } from '@floating-ui/dom';
+import { SkdxMenuPanelBase } from '../internal/menu-panel.cjs';
+import type { PositionOptions } from '../internal/positioning.cjs';
+import type { SkdxMenuRoot } from './MenuRoot.cjs';
+/**
+ * Menu's floating panel with roving navigation and typeahead.
+ * Positioned via `@floating-ui/dom` with `data-state`, `data-side`/`data-align` reflecting placement;
+ * under the root's `open-on="contextmenu"` it is placed at the pointer and clamped by `collision-padding` instead.
+ * Closes on Escape, outside pointer-down, focus leaving menu/trigger, or Tab; fires `escape-key-down`/`pointer-down-outside`/`focus-outside`/`interact-outside` events, which can call `preventDefault()` to suppress dismissal.
+ *
+ * @fires escape-key-down - Escape was pressed; call `preventDefault()` to suppress dismissal.
+ * @fires pointer-down-outside - Outside pointer-down; call `preventDefault()` to suppress dismissal.
+ * @fires focus-outside - Focus moved outside menu/trigger; call `preventDefault()` to suppress dismissal.
+ * @fires interact-outside - Either outside interaction before the specific event above; one `preventDefault()` vetoes either path.
+ * @fires close-auto-focus - Just before focus returns to trigger as menu closes; call `preventDefault()` to suppress.
+ */
+export declare class SkdxMenuContent extends SkdxMenuPanelBase {
+    /**
+     * Row scale the skin renders inside the panel, reflected as `data-size`; may be written as that attribute directly.
+     * @default undefined — the skin's medium row scale.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+    protected ownerEvent: string;
+    protected resolveOwner(): SkdxMenuRoot | null;
+    protected closeOwner(): void;
+    private get root();
+    /** Whether the panel is placed at the pointer rather than anchored to the trigger. */
+    private get atPointer();
+    protected afterOwnerUpdate(): void;
+    protected claimedAuthoredId(id: string): void;
+    protected writePlacementState(): void;
+    protected focusPreventsScroll(): boolean;
+    /** Zero-size rect at the effective point, read per measurement because the point moves under an open panel. */
+    private readonly pointAnchor;
+    protected anchor(): Element | VirtualElement | null;
+    protected positionOptions(): PositionOptions;
+    /** The right-clickable region is outside the menu layer; a trigger button is not. */
+    protected pointerExempt(target: Node): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu-content': SkdxMenuContent;
+    }
+}

package/dist/menu/MenuContent.d.ts

@@ -0,0 +1,44 @@
+import type { VirtualElement } from '@floating-ui/dom';
+import { SkdxMenuPanelBase } from '../internal/menu-panel.js';
+import type { PositionOptions } from '../internal/positioning.js';
+import type { SkdxMenuRoot } from './MenuRoot.js';
+/**
+ * Menu's floating panel with roving navigation and typeahead.
+ * Positioned via `@floating-ui/dom` with `data-state`, `data-side`/`data-align` reflecting placement;
+ * under the root's `open-on="contextmenu"` it is placed at the pointer and clamped by `collision-padding` instead.
+ * Closes on Escape, outside pointer-down, focus leaving menu/trigger, or Tab; fires `escape-key-down`/`pointer-down-outside`/`focus-outside`/`interact-outside` events, which can call `preventDefault()` to suppress dismissal.
+ *
+ * @fires escape-key-down - Escape was pressed; call `preventDefault()` to suppress dismissal.
+ * @fires pointer-down-outside - Outside pointer-down; call `preventDefault()` to suppress dismissal.
+ * @fires focus-outside - Focus moved outside menu/trigger; call `preventDefault()` to suppress dismissal.
+ * @fires interact-outside - Either outside interaction before the specific event above; one `preventDefault()` vetoes either path.
+ * @fires close-auto-focus - Just before focus returns to trigger as menu closes; call `preventDefault()` to suppress.
+ */
+export declare class SkdxMenuContent extends SkdxMenuPanelBase {
+    /**
+     * Row scale the skin renders inside the panel, reflected as `data-size`; may be written as that attribute directly.
+     * @default undefined — the skin's medium row scale.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+    protected ownerEvent: string;
+    protected resolveOwner(): SkdxMenuRoot | null;
+    protected closeOwner(): void;
+    private get root();
+    /** Whether the panel is placed at the pointer rather than anchored to the trigger. */
+    private get atPointer();
+    protected afterOwnerUpdate(): void;
+    protected claimedAuthoredId(id: string): void;
+    protected writePlacementState(): void;
+    protected focusPreventsScroll(): boolean;
+    /** Zero-size rect at the effective point, read per measurement because the point moves under an open panel. */
+    private readonly pointAnchor;
+    protected anchor(): Element | VirtualElement | null;
+    protected positionOptions(): PositionOptions;
+    /** The right-clickable region is outside the menu layer; a trigger button is not. */
+    protected pointerExempt(target: Node): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu-content': SkdxMenuContent;
+    }
+}

package/dist/menu/MenuContent.js

@@ -0,0 +1 @@
+var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=(n,r,t,e)=>{for(var o=e>1?void 0:e?u(r,t):r,s=n.length-1,a;s>=0;s--)(a=n[s])&&(o=(e?a(r,t,o):a(o))||o);return e&&o&&p(r,t,o),o};import{property as m}from"lit/decorators.js";import{closestThroughPortal as c}from"../internal/closest.js";import{customElement as h}from"../internal/define.js";import{SkdxMenuPanelBase as g}from"../internal/menu-panel.js";import{MENU_FAMILY as l}from"./family.js";var i=class extends g{constructor(){super(...arguments);this.ownerEvent=l.event;this.pointAnchor={getBoundingClientRect:()=>{let{x:t,y:e}=this.root?.getPoint()??{x:0,y:0};return{x:t,y:e,width:0,height:0,top:e,left:t,right:t,bottom:e}}}}resolveOwner(){return c(this,l.selector)}closeOwner(){this.root?.setOpen(!1)}get root(){return this.owner}get atPointer(){return this.root?.openOn==="contextmenu"}afterOwnerUpdate(){this.atPointer&&this.cleanupPosition?.update()}claimedAuthoredId(t){this.atPointer&&this.root?.triggerEl?.setAttribute("aria-controls",t)}writePlacementState(){this.setAttribute("data-side",(this.atPointer?"bottom":this.side)??"bottom"),this.setAttribute("data-align",(this.atPointer?"start":this.align)??"start")}focusPreventsScroll(){return this.atPointer}anchor(){return this.atPointer?this.pointAnchor:super.anchor()}positionOptions(){return this.atPointer?{side:"bottom",align:"start",sideOffset:0,avoidCollisions:!0,collisionPadding:this.collisionPadding,component:"menu"}:super.positionOptions()}pointerExempt(t){return!this.atPointer&&super.pointerExempt(t)}};d([m({type:String,reflect:!0,attribute:"data-size"})],i.prototype,"size",2),i=d([h("skdx-menu-content","menu","content")],i);export{i as SkdxMenuContent};

package/dist/menu/MenuGroup.cjs

@@ -0,0 +1,5 @@
+"use strict";var a=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var y=(r,e)=>{for(var t in e)a(r,t,{get:e[t],enumerable:!0})},x=(r,e,t,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!u.call(r,o)&&o!==t&&a(r,o,{get:()=>e[o],enumerable:!(m=i(e,o))||m.enumerable});return r};var T=r=>x(a({},"__esModule",{value:!0}),r),p=(r,e,t,m)=>{for(var o=m>1?void 0:m?i(e,t):e,l=r.length-1,d;l>=0;l--)(d=r[l])&&(o=(m?d(e,t,o):d(o))||o);return m&&o&&a(e,t,o),o};var h={};y(h,{SkdxMenuGroup:()=>s});module.exports=T(h);var c=require("lit"),n=require("../internal/define.cjs"),g=require("../internal/menu-group.cjs"),f=require("../internal/styles.cjs");var s=class extends g.SkdxMenuGroupBase{constructor(){super(...arguments);this.labelTagName="skdx-menu-label"}};s.styles=[f.hiddenHostStyles,c.css`
+      :host {
+        display: block;
+      }
+    `],s=p([(0,n.customElement)("skdx-menu-group","menu","group")],s);0&&(module.exports={SkdxMenuGroup});

package/dist/menu/MenuGroup.d.cts

@@ -0,0 +1,14 @@
+import { SkdxMenuGroupBase } from '../internal/menu-group.cjs';
+/**
+ * Semantic grouping of related items: `role="group"`.
+ * Nest a label inside to caption and name the group via `aria-labelledby`.
+ */
+export declare class SkdxMenuGroup extends SkdxMenuGroupBase {
+    static styles: import("lit").CSSResult[];
+    protected readonly labelTagName = "skdx-menu-label";
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu-group': SkdxMenuGroup;
+    }
+}

package/dist/menu/MenuGroup.d.ts

@@ -0,0 +1,14 @@
+import { SkdxMenuGroupBase } from '../internal/menu-group.js';
+/**
+ * Semantic grouping of related items: `role="group"`.
+ * Nest a label inside to caption and name the group via `aria-labelledby`.
+ */
+export declare class SkdxMenuGroup extends SkdxMenuGroupBase {
+    static styles: import("lit").CSSResult[];
+    protected readonly labelTagName = "skdx-menu-label";
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-menu-group': SkdxMenuGroup;
+    }
+}

package/dist/menu/MenuGroup.js

@@ -0,0 +1,5 @@
+var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var d=(m,o,s,t)=>{for(var e=t>1?void 0:t?p(o,s):o,a=m.length-1,l;a>=0;a--)(l=m[a])&&(e=(t?l(o,s,e):l(e))||e);return t&&e&&i(o,s,e),e};import{css as c}from"lit";import{customElement as n}from"../internal/define.js";import{SkdxMenuGroupBase as g}from"../internal/menu-group.js";import{hiddenHostStyles as f}from"../internal/styles.js";var r=class extends g{constructor(){super(...arguments);this.labelTagName="skdx-menu-label"}};r.styles=[f,c`
+      :host {
+        display: block;
+      }
+    `],r=d([n("skdx-menu-group","menu","group")],r);export{r as SkdxMenuGroup};