@skdx/web-components 0.26.0

package/dist/drawer/index.d.ts

@@ -0,0 +1,8 @@
+export { SkdxDrawer, type SkdxDrawerPlacement } from './Drawer.js';
+export { SkdxDrawerTrigger } from './DrawerTrigger.js';
+export { SkdxDrawerPortal } from './DrawerPortal.js';
+export { SkdxDrawerOverlay } from './DrawerOverlay.js';
+export { SkdxDrawerContent } from './DrawerContent.js';
+export { SkdxDrawerTitle } from './DrawerTitle.js';
+export { SkdxDrawerDescription } from './DrawerDescription.js';
+export { SkdxDrawerClose } from './DrawerClose.js';

package/dist/drawer/index.js

@@ -0,0 +1 @@
+import{SkdxDrawer as o}from"./Drawer.js";import{SkdxDrawerTrigger as t}from"./DrawerTrigger.js";import{SkdxDrawerPortal as p}from"./DrawerPortal.js";import{SkdxDrawerOverlay as d}from"./DrawerOverlay.js";import{SkdxDrawerContent as m}from"./DrawerContent.js";import{SkdxDrawerTitle as S}from"./DrawerTitle.js";import{SkdxDrawerDescription as l}from"./DrawerDescription.js";import{SkdxDrawerClose as n}from"./DrawerClose.js";export{o as SkdxDrawer,n as SkdxDrawerClose,m as SkdxDrawerContent,l as SkdxDrawerDescription,d as SkdxDrawerOverlay,p as SkdxDrawerPortal,S as SkdxDrawerTitle,t as SkdxDrawerTrigger};

package/dist/dropdown-menu/DropdownMenu.cjs

@@ -0,0 +1,5 @@
+"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var g=(n,e)=>{for(var t in e)a(n,t,{get:e[t],enumerable:!0})},O=(n,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of E(e))!b.call(n,o)&&o!==t&&a(n,o,{get:()=>e[o],enumerable:!(s=m(e,o))||s.enumerable});return n};var y=n=>O(a({},"__esModule",{value:!0}),n),p=(n,e,t,s)=>{for(var o=s>1?void 0:s?m(e,t):e,d=n.length-1,l;d>=0;d--)(l=n[d])&&(o=(s?l(e,t,o):l(o))||o);return s&&o&&a(e,t,o),o};var w={};g(w,{ITEM_SELECTOR:()=>C.ITEM_SELECTOR,SkdxDropdownMenu:()=>i});module.exports=y(w);var r=require("lit"),c=require("lit/decorators.js"),h=require("../internal/define.cjs"),u=require("../internal/ids.cjs"),f=require("../internal/open-change-complete.cjs"),v=require("../internal/styles.cjs"),C=require("../internal/menu-sub.cjs");var i=class extends r.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.contentId=(0,u.nextId)("skdx-dropdown-menu-content");this.triggerEl=null;this.hasUpdatedOnce=!1}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(t){let s=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!s&&this.dispatchEvent(new CustomEvent("open-change",{detail:this.open,bubbles:!0,composed:!0})),t.size>0&&this.dispatchEvent(new CustomEvent("skdx-dropdown-menu-internal-update")),t.has("open")&&!s&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,f.notifyOpenChangeComplete)(()=>this.querySelector("skdx-dropdown-menu-content"),this.open,o=>this.dispatchEvent(new CustomEvent("open-change-complete",{detail:o,bubbles:!0,composed:!0}))))}setOpen(t){this.open!==t&&(this.open=t)}focusTrigger(){this.triggerEl?.focus()}render(){return r.html`<slot></slot>`}};i.styles=[v.hiddenHostStyles,r.css`
+      :host {
+        display: contents;
+      }
+    `],p([(0,c.property)({type:Boolean,reflect:!0})],i.prototype,"open",2),p([(0,c.property)({type:Boolean,attribute:"default-open"})],i.prototype,"defaultOpen",2),i=p([(0,h.customElement)("skdx-dropdown-menu")],i);0&&(module.exports={ITEM_SELECTOR,SkdxDropdownMenu});

package/dist/dropdown-menu/DropdownMenu.d.cts

@@ -0,0 +1,64 @@
+import { LitElement } from 'lit';
+/** @internal Selects focusable, non-disabled menu items within the content for roving-focus navigation. */
+export { ITEM_SELECTOR } from '../internal/menu-sub.cjs';
+/**
+ * `<skdx-dropdown-menu>` — the Web Components implementation of the shared
+ * DropdownMenu contract (see `@skdx/shared`'s `dropdownMenuContract`). Owns
+ * the open state and hands it down to `<skdx-dropdown-menu-trigger>` /
+ * `<skdx-dropdown-menu-content>` / item parts, which look it up via
+ * `closest('skdx-dropdown-menu')` and re-render on the
+ * `skdx-dropdown-menu-internal-update` event this element dispatches
+ * whenever `open` changes — the same shared-state pattern `<skdx-select>`
+ * uses.
+ *
+ * Renders only a `<slot>`. `<skdx-dropdown-menu-content>` floats against the
+ * trigger via `positionFloating()` and needs no portal (`strategy: 'fixed'`
+ * isn't clipped by `overflow` ancestors).
+ *
+ * @example
+ * ```html
+ * <skdx-dropdown-menu>
+ *   <skdx-dropdown-menu-trigger>Options</skdx-dropdown-menu-trigger>
+ *   <skdx-dropdown-menu-content>
+ *     <skdx-dropdown-menu-item>Edit</skdx-dropdown-menu-item>
+ *     <skdx-dropdown-menu-separator></skdx-dropdown-menu-separator>
+ *     <skdx-dropdown-menu-item>Delete</skdx-dropdown-menu-item>
+ *   </skdx-dropdown-menu-content>
+ * </skdx-dropdown-menu>
+ * ```
+ *
+ * @fires open-change - Fired with the new open state whenever it changes, controlled or not.
+ * @fires open-change-complete - Fired with the new open state once `<skdx-dropdown-menu-content>`'s enter or exit animation has finished — immediately, when it declares no animation. Not cancelable: the change has already happened.
+ */
+export declare class SkdxDropdownMenu extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the dropdown menu is currently open and visible.
+     * @default false
+     */
+    open: boolean;
+    /**
+     * Initial open state, for uncontrolled usage. Applied once, on connect,
+     * and only if `open` wasn't already set.
+     * @default false
+     */
+    defaultOpen: boolean;
+    readonly contentId: string;
+    /** @internal Set by `<skdx-dropdown-menu-trigger>` once its native button mounts. */
+    triggerEl: HTMLElement | null;
+    private hasUpdatedOnce;
+    private teardownOpenChangeComplete?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    /** @internal */
+    setOpen(next: boolean): void;
+    /** @internal */
+    focusTrigger(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu': SkdxDropdownMenu;
+    }
+}

package/dist/dropdown-menu/DropdownMenu.d.ts

@@ -0,0 +1,64 @@
+import { LitElement } from 'lit';
+/** @internal Selects focusable, non-disabled menu items within the content for roving-focus navigation. */
+export { ITEM_SELECTOR } from '../internal/menu-sub.js';
+/**
+ * `<skdx-dropdown-menu>` — the Web Components implementation of the shared
+ * DropdownMenu contract (see `@skdx/shared`'s `dropdownMenuContract`). Owns
+ * the open state and hands it down to `<skdx-dropdown-menu-trigger>` /
+ * `<skdx-dropdown-menu-content>` / item parts, which look it up via
+ * `closest('skdx-dropdown-menu')` and re-render on the
+ * `skdx-dropdown-menu-internal-update` event this element dispatches
+ * whenever `open` changes — the same shared-state pattern `<skdx-select>`
+ * uses.
+ *
+ * Renders only a `<slot>`. `<skdx-dropdown-menu-content>` floats against the
+ * trigger via `positionFloating()` and needs no portal (`strategy: 'fixed'`
+ * isn't clipped by `overflow` ancestors).
+ *
+ * @example
+ * ```html
+ * <skdx-dropdown-menu>
+ *   <skdx-dropdown-menu-trigger>Options</skdx-dropdown-menu-trigger>
+ *   <skdx-dropdown-menu-content>
+ *     <skdx-dropdown-menu-item>Edit</skdx-dropdown-menu-item>
+ *     <skdx-dropdown-menu-separator></skdx-dropdown-menu-separator>
+ *     <skdx-dropdown-menu-item>Delete</skdx-dropdown-menu-item>
+ *   </skdx-dropdown-menu-content>
+ * </skdx-dropdown-menu>
+ * ```
+ *
+ * @fires open-change - Fired with the new open state whenever it changes, controlled or not.
+ * @fires open-change-complete - Fired with the new open state once `<skdx-dropdown-menu-content>`'s enter or exit animation has finished — immediately, when it declares no animation. Not cancelable: the change has already happened.
+ */
+export declare class SkdxDropdownMenu extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the dropdown menu is currently open and visible.
+     * @default false
+     */
+    open: boolean;
+    /**
+     * Initial open state, for uncontrolled usage. Applied once, on connect,
+     * and only if `open` wasn't already set.
+     * @default false
+     */
+    defaultOpen: boolean;
+    readonly contentId: string;
+    /** @internal Set by `<skdx-dropdown-menu-trigger>` once its native button mounts. */
+    triggerEl: HTMLElement | null;
+    private hasUpdatedOnce;
+    private teardownOpenChangeComplete?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    /** @internal */
+    setOpen(next: boolean): void;
+    /** @internal */
+    focusTrigger(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu': SkdxDropdownMenu;
+    }
+}

package/dist/dropdown-menu/DropdownMenu.js

@@ -0,0 +1,5 @@
+var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=(r,s,e,o)=>{for(var t=o>1?void 0:o?c(s,e):s,a=r.length-1,p;a>=0;a--)(p=r[a])&&(t=(o?p(s,e,t):p(t))||t);return o&&t&&l(s,e,t),t};import{css as m,html as h,LitElement as u}from"lit";import{property as d}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{nextId as v}from"../internal/ids.js";import{notifyOpenChangeComplete as C}from"../internal/open-change-complete.js";import{hiddenHostStyles as E}from"../internal/styles.js";import{ITEM_SELECTOR as x}from"../internal/menu-sub.js";var n=class extends u{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.contentId=v("skdx-dropdown-menu-content");this.triggerEl=null;this.hasUpdatedOnce=!1}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let o=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("open")&&!o&&this.dispatchEvent(new CustomEvent("open-change",{detail:this.open,bubbles:!0,composed:!0})),e.size>0&&this.dispatchEvent(new CustomEvent("skdx-dropdown-menu-internal-update")),e.has("open")&&!o&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=C(()=>this.querySelector("skdx-dropdown-menu-content"),this.open,t=>this.dispatchEvent(new CustomEvent("open-change-complete",{detail:t,bubbles:!0,composed:!0}))))}setOpen(e){this.open!==e&&(this.open=e)}focusTrigger(){this.triggerEl?.focus()}render(){return h`<slot></slot>`}};n.styles=[E,m`
+      :host {
+        display: contents;
+      }
+    `],i([d({type:Boolean,reflect:!0})],n.prototype,"open",2),i([d({type:Boolean,attribute:"default-open"})],n.prototype,"defaultOpen",2),n=i([f("skdx-dropdown-menu")],n);export{x as ITEM_SELECTOR,n as SkdxDropdownMenu};

package/dist/dropdown-menu/DropdownMenuArrow.cjs

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

package/dist/dropdown-menu/DropdownMenuArrow.d.cts

@@ -0,0 +1,23 @@
+import { SkdxOverlayArrow } from '../internal/overlay-arrow.cjs';
+/**
+ * `<skdx-dropdown-menu-arrow>` — optional pointer from
+ * `<skdx-dropdown-menu-content>` back at the trigger. Render it inside
+ * `<skdx-dropdown-menu-content>`; it self-positions from the resolved placement
+ * (see `data-side` on the content) and so takes no positioning attributes of
+ * its own.
+ *
+ * @example
+ * ```html
+ * <skdx-dropdown-menu-content side="bottom" align="start">
+ *   <skdx-dropdown-menu-item>Edit</skdx-dropdown-menu-item>
+ *   <skdx-dropdown-menu-arrow></skdx-dropdown-menu-arrow>
+ * </skdx-dropdown-menu-content>
+ * ```
+ */
+export declare class SkdxDropdownMenuArrow extends SkdxOverlayArrow {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-arrow': SkdxDropdownMenuArrow;
+    }
+}

package/dist/dropdown-menu/DropdownMenuArrow.d.ts

@@ -0,0 +1,23 @@
+import { SkdxOverlayArrow } from '../internal/overlay-arrow.js';
+/**
+ * `<skdx-dropdown-menu-arrow>` — optional pointer from
+ * `<skdx-dropdown-menu-content>` back at the trigger. Render it inside
+ * `<skdx-dropdown-menu-content>`; it self-positions from the resolved placement
+ * (see `data-side` on the content) and so takes no positioning attributes of
+ * its own.
+ *
+ * @example
+ * ```html
+ * <skdx-dropdown-menu-content side="bottom" align="start">
+ *   <skdx-dropdown-menu-item>Edit</skdx-dropdown-menu-item>
+ *   <skdx-dropdown-menu-arrow></skdx-dropdown-menu-arrow>
+ * </skdx-dropdown-menu-content>
+ * ```
+ */
+export declare class SkdxDropdownMenuArrow extends SkdxOverlayArrow {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-arrow': SkdxDropdownMenuArrow;
+    }
+}

package/dist/dropdown-menu/DropdownMenuArrow.js

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

package/dist/dropdown-menu/DropdownMenuCheckboxItem.cjs

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

package/dist/dropdown-menu/DropdownMenuCheckboxItem.d.cts

@@ -0,0 +1,31 @@
+import { SkdxDropdownMenuItem } from './DropdownMenuItem.cjs';
+/**
+ * `<skdx-dropdown-menu-checkbox-item>` — a toggleable menu item:
+ * `role="menuitemcheckbox"` with `aria-checked` and `data-state`
+ * (`checked`/`unchecked`) reflecting `checked`. Selecting it (click or
+ * Enter/Space) fires a cancelable `select` event and a `checked-change`
+ * event with the new value; unlike `<skdx-dropdown-menu-item>`, it always
+ * keeps the menu open (the consumer is responsible for writing `checked`
+ * back in response to `checked-change`). Nest an
+ * `<skdx-dropdown-menu-item-indicator>` inside it to render a check glyph
+ * only when checked.
+ *
+ * @fires select - The item was activated. Preventable, though selection never closes the menu regardless.
+ * @fires checked-change - The item was activated, with the new checked state as `detail`.
+ */
+export declare class SkdxDropdownMenuCheckboxItem extends SkdxDropdownMenuItem {
+    /** Whether the item is checked, mirroring the checkbox's checked/unchecked visual state. */
+    checked: boolean;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private syncCheckedState;
+    /** Fires `checked-change` with the toggled value before the base item's select/close handling runs. */
+    protected beforeSelect(): void;
+    /** Checkbox items always keep the menu open on selection — the consumer writes `checked` back via `checked-change`. */
+    protected onSelected(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-checkbox-item': SkdxDropdownMenuCheckboxItem;
+    }
+}

package/dist/dropdown-menu/DropdownMenuCheckboxItem.d.ts

@@ -0,0 +1,31 @@
+import { SkdxDropdownMenuItem } from './DropdownMenuItem.js';
+/**
+ * `<skdx-dropdown-menu-checkbox-item>` — a toggleable menu item:
+ * `role="menuitemcheckbox"` with `aria-checked` and `data-state`
+ * (`checked`/`unchecked`) reflecting `checked`. Selecting it (click or
+ * Enter/Space) fires a cancelable `select` event and a `checked-change`
+ * event with the new value; unlike `<skdx-dropdown-menu-item>`, it always
+ * keeps the menu open (the consumer is responsible for writing `checked`
+ * back in response to `checked-change`). Nest an
+ * `<skdx-dropdown-menu-item-indicator>` inside it to render a check glyph
+ * only when checked.
+ *
+ * @fires select - The item was activated. Preventable, though selection never closes the menu regardless.
+ * @fires checked-change - The item was activated, with the new checked state as `detail`.
+ */
+export declare class SkdxDropdownMenuCheckboxItem extends SkdxDropdownMenuItem {
+    /** Whether the item is checked, mirroring the checkbox's checked/unchecked visual state. */
+    checked: boolean;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private syncCheckedState;
+    /** Fires `checked-change` with the toggled value before the base item's select/close handling runs. */
+    protected beforeSelect(): void;
+    /** Checkbox items always keep the menu open on selection — the consumer writes `checked` back via `checked-change`. */
+    protected onSelected(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-checkbox-item': SkdxDropdownMenuCheckboxItem;
+    }
+}

package/dist/dropdown-menu/DropdownMenuCheckboxItem.js

@@ -0,0 +1 @@
+var n=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(i,c,t,r)=>{for(var e=r>1?void 0:r?h(c,t):c,o=i.length-1,s;o>=0;o--)(s=i[o])&&(e=(r?s(c,t,e):s(e))||e);return r&&e&&n(c,t,e),e};import{property as p}from"lit/decorators.js";import{customElement as l}from"../internal/define.js";import{SkdxDropdownMenuItem as m}from"./DropdownMenuItem.js";var d=class extends m{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(){this.dispatchEvent(new CustomEvent("checked-change",{detail:!this.checked,bubbles:!0,composed:!0}))}onSelected(){}};a([p({type:Boolean,reflect:!0})],d.prototype,"checked",2),d=a([l("skdx-dropdown-menu-checkbox-item","dropdown-menu","checkbox-item")],d);export{d as SkdxDropdownMenuCheckboxItem};

package/dist/dropdown-menu/DropdownMenuContent.cjs

@@ -0,0 +1,5 @@
+"use strict";var u=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var T=(n,o)=>{for(var t in o)u(n,t,{get:o[t],enumerable:!0})},w=(n,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of E(o))!P.call(n,i)&&i!==t&&u(n,i,{get:()=>o[i],enumerable:!(e=m(o,i))||e.enumerable});return n};var k=n=>w(u({},"__esModule",{value:!0}),n),d=(n,o,t,e)=>{for(var i=e>1?void 0:e?m(o,t):o,h=n.length-1,a;h>=0;h--)(a=n[h])&&(i=(e?a(o,t,i):a(i))||i);return e&&i&&u(o,t,i),i};var A={};T(A,{SkdxDropdownMenuContent:()=>s});module.exports=k(A);var c=require("lit"),l=require("lit/decorators.js"),y=require("../internal/closest.cjs"),g=require("../internal/define.cjs"),r=require("../internal/dismiss.cjs"),f=require("../internal/menu-sub.cjs"),p=require("../internal/positioning.cjs"),v=require("../internal/styles.cjs"),O=require("../internal/typeahead.cjs");var L=1e3,s=class extends c.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.loop=!0;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.typeahead="";this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||(0,r.triggerContains)(this.root.triggerEl,e)||(0,r.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=(0,r.focusOutsideTarget)(t);!e||this.contains(e)||(0,r.triggerContains)(this.root.triggerEl,e)||(0,r.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleKeyDown=t=>{let e=(0,f.menuItems)(this),i=e.indexOf(document.activeElement);if(t.key==="Escape"){t.preventDefault(),(0,r.dispatchEscapeKeyDown)(this,t)&&(this.root?.setOpen(!1),this.root?.focusTrigger());return}if(t.key==="Tab"){t.preventDefault(),this.root?.setOpen(!1),this.root?.focusTrigger();return}if(t.key==="ArrowDown"||t.key==="ArrowUp"){if(t.preventDefault(),e.length===0)return;let h=t.key==="ArrowDown"?1:-1,a=i+h;a>=e.length?a=this.loop?0:e.length-1:a<0&&(a=this.loop?e.length-1:0),e[a]?.focus();return}if(t.key==="Home"){t.preventDefault(),e[0]?.focus();return}if(t.key==="End"){t.preventDefault(),e[e.length-1]?.focus();return}t.key.length===1&&!t.ctrlKey&&!t.metaKey&&!t.altKey&&(this.typeahead+=t.key.toLowerCase(),clearTimeout(this.typeaheadTimer),this.typeaheadTimer=setTimeout(()=>this.typeahead="",L),[...e.slice(i+1),...e.slice(0,i+1)].find(b=>(0,O.itemText)(b).trim().toLowerCase().startsWith(this.typeahead))?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.setAttribute("aria-orientation","vertical"),this.tabIndex=-1,this.root=(0,y.closestThroughPortal)(this,"skdx-dropdown-menu"),this.root?.addEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),clearTimeout(this.typeaheadTimer),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.hidden=!t,t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=(0,p.positionFloating)(this.root.triggerEl,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"dropdown-menu",arrow:()=>this.querySelector("skdx-dropdown-menu-arrow")}),requestAnimationFrame(()=>(0,r.focusOnOpen)(()=>{((0,f.menuItems)(this)[0]??this).focus()})))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return c.html`<slot></slot>`}};s.styles=[v.hiddenHostStyles,c.css`
+      :host {
+        display: block;
+      }
+    `],d([(0,l.property)({type:String})],s.prototype,"side",2),d([(0,l.property)({type:String})],s.prototype,"align",2),d([(0,l.property)({type:Number,attribute:"side-offset"})],s.prototype,"sideOffset",2),d([(0,l.property)({type:Number,attribute:"align-offset"})],s.prototype,"alignOffset",2),d([(0,l.property)({converter:p.optOutBoolean,attribute:"avoid-collisions"})],s.prototype,"avoidCollisions",2),d([(0,l.property)({type:Number,attribute:"collision-padding"})],s.prototype,"collisionPadding",2),d([(0,l.property)({attribute:!1})],s.prototype,"collisionBoundary",2),d([(0,l.property)({converter:p.optOutBoolean})],s.prototype,"loop",2),s=d([(0,g.customElement)("skdx-dropdown-menu-content","dropdown-menu","content")],s);0&&(module.exports={SkdxDropdownMenuContent});

package/dist/dropdown-menu/DropdownMenuContent.d.cts

@@ -0,0 +1,88 @@
+import { LitElement } from 'lit';
+import { type PositionOptions } from '../internal/positioning.cjs';
+/**
+ * `<skdx-dropdown-menu-content>` — the menu's floating panel for the closest
+ * ancestor `<skdx-dropdown-menu>`, positioned relative to the trigger via
+ * `@floating-ui/dom` (`strategy: 'fixed'`, so no portal is needed). `role`,
+ * `aria-orientation`, `id`, and `data-state` are set directly on this host
+ * element (not inside shadow DOM) so `aria-controls` on the trigger can
+ * target this element's id and this element's own light-DOM
+ * `querySelectorAll` can find its item descendants.
+ *
+ * Provides roving-focus Up/Down/Home/End navigation (wrapping unless `loop`
+ * is `false`) with typeahead, focuses the first item on open, and closes on
+ * Escape, an outside interaction (pointer-down outside or focus moving
+ * outside, each announced first as `interact-outside` and then as the
+ * specific event, so one `preventDefault()` vetoes either path), or Tab (per
+ * the WAI-ARIA menu pattern), returning focus to the trigger.
+ *
+ * `data-side`/`data-align` start out as the *configured* `side`/`align` and
+ * are rewritten by `positioning.ts`'s `positionFloating` with floating-ui's
+ * *resolved* (post-flip/shift) placement on every reposition, as React's
+ * `PopperContent` does. The same layer writes the measurement custom
+ * properties `--skdx-dropdown-menu-available-width` / `-available-height` /
+ * `-trigger-width` / `-transform-origin` onto this element, so the panel can
+ * be sized and animated from CSS without measuring anything by hand.
+ *
+ * @fires escape-key-down - Escape was pressed while open. Preventable.
+ * @fires pointer-down-outside - A pointer-down landed outside this content while open. Preventable.
+ * @fires focus-outside - Focus moved to an element outside this content while open (detail: the original focusin). Preventable.
+ * @fires interact-outside - Either kind of outside interaction, fired immediately before the specific event so one handler can veto both. Preventable.
+ */
+export declare class SkdxDropdownMenuContent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Preferred edge of the trigger to place the menu against. */
+    side: PositionOptions['side'];
+    /** Preferred alignment along that edge relative to the trigger. */
+    align: PositionOptions['align'];
+    /** Pixel gap between the menu and the trigger's edge. */
+    sideOffset: number;
+    /** Pixel offset along the alignment axis. */
+    alignOffset: number;
+    /** Flip/shift to stay within the viewport instead of overflowing it. */
+    avoidCollisions: boolean;
+    /**
+     * Minimum pixel distance to keep from the collision boundary when avoiding
+     * collisions. The `collision-padding` attribute sets a single number for
+     * every side; the per-side `{ top, right, bottom, left }` form is
+     * property-only, since an attribute cannot carry an object.
+     */
+    collisionPadding: NonNullable<PositionOptions['collisionPadding']>;
+    /**
+     * Element (or elements) collisions are measured against instead of this
+     * menu's clipping ancestors — keeps it inside a scroll container or one
+     * pane of a split layout rather than the whole viewport. Property-only: an
+     * `Element` cannot come from an attribute string.
+     */
+    collisionBoundary?: PositionOptions['collisionBoundary'];
+    /** Whether Up/Down arrow-key navigation wraps from the last item back to the first (and vice versa). */
+    loop: boolean;
+    private root;
+    private readonly onRootUpdate;
+    private typeahead;
+    private typeaheadTimer?;
+    private cleanupPosition?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * The trigger registers the element to anchor against in its own
+     * `firstUpdated()`, which has not run yet when this panel's
+     * `connectedCallback` does — so a panel that mounts already open finds no
+     * anchor and, with no open-state change to follow, never positions itself at
+     * all. This is the first tick where the anchor exists; `activate()` is
+     * guarded, so an already-positioned panel is untouched.
+     */
+    protected firstUpdated(): void;
+    private syncHostState;
+    private activate;
+    private deactivate;
+    private readonly handleOutsidePointerDown;
+    private readonly handleOutsideFocus;
+    private readonly handleKeyDown;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-content': SkdxDropdownMenuContent;
+    }
+}

package/dist/dropdown-menu/DropdownMenuContent.d.ts

@@ -0,0 +1,88 @@
+import { LitElement } from 'lit';
+import { type PositionOptions } from '../internal/positioning.js';
+/**
+ * `<skdx-dropdown-menu-content>` — the menu's floating panel for the closest
+ * ancestor `<skdx-dropdown-menu>`, positioned relative to the trigger via
+ * `@floating-ui/dom` (`strategy: 'fixed'`, so no portal is needed). `role`,
+ * `aria-orientation`, `id`, and `data-state` are set directly on this host
+ * element (not inside shadow DOM) so `aria-controls` on the trigger can
+ * target this element's id and this element's own light-DOM
+ * `querySelectorAll` can find its item descendants.
+ *
+ * Provides roving-focus Up/Down/Home/End navigation (wrapping unless `loop`
+ * is `false`) with typeahead, focuses the first item on open, and closes on
+ * Escape, an outside interaction (pointer-down outside or focus moving
+ * outside, each announced first as `interact-outside` and then as the
+ * specific event, so one `preventDefault()` vetoes either path), or Tab (per
+ * the WAI-ARIA menu pattern), returning focus to the trigger.
+ *
+ * `data-side`/`data-align` start out as the *configured* `side`/`align` and
+ * are rewritten by `positioning.ts`'s `positionFloating` with floating-ui's
+ * *resolved* (post-flip/shift) placement on every reposition, as React's
+ * `PopperContent` does. The same layer writes the measurement custom
+ * properties `--skdx-dropdown-menu-available-width` / `-available-height` /
+ * `-trigger-width` / `-transform-origin` onto this element, so the panel can
+ * be sized and animated from CSS without measuring anything by hand.
+ *
+ * @fires escape-key-down - Escape was pressed while open. Preventable.
+ * @fires pointer-down-outside - A pointer-down landed outside this content while open. Preventable.
+ * @fires focus-outside - Focus moved to an element outside this content while open (detail: the original focusin). Preventable.
+ * @fires interact-outside - Either kind of outside interaction, fired immediately before the specific event so one handler can veto both. Preventable.
+ */
+export declare class SkdxDropdownMenuContent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Preferred edge of the trigger to place the menu against. */
+    side: PositionOptions['side'];
+    /** Preferred alignment along that edge relative to the trigger. */
+    align: PositionOptions['align'];
+    /** Pixel gap between the menu and the trigger's edge. */
+    sideOffset: number;
+    /** Pixel offset along the alignment axis. */
+    alignOffset: number;
+    /** Flip/shift to stay within the viewport instead of overflowing it. */
+    avoidCollisions: boolean;
+    /**
+     * Minimum pixel distance to keep from the collision boundary when avoiding
+     * collisions. The `collision-padding` attribute sets a single number for
+     * every side; the per-side `{ top, right, bottom, left }` form is
+     * property-only, since an attribute cannot carry an object.
+     */
+    collisionPadding: NonNullable<PositionOptions['collisionPadding']>;
+    /**
+     * Element (or elements) collisions are measured against instead of this
+     * menu's clipping ancestors — keeps it inside a scroll container or one
+     * pane of a split layout rather than the whole viewport. Property-only: an
+     * `Element` cannot come from an attribute string.
+     */
+    collisionBoundary?: PositionOptions['collisionBoundary'];
+    /** Whether Up/Down arrow-key navigation wraps from the last item back to the first (and vice versa). */
+    loop: boolean;
+    private root;
+    private readonly onRootUpdate;
+    private typeahead;
+    private typeaheadTimer?;
+    private cleanupPosition?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * The trigger registers the element to anchor against in its own
+     * `firstUpdated()`, which has not run yet when this panel's
+     * `connectedCallback` does — so a panel that mounts already open finds no
+     * anchor and, with no open-state change to follow, never positions itself at
+     * all. This is the first tick where the anchor exists; `activate()` is
+     * guarded, so an already-positioned panel is untouched.
+     */
+    protected firstUpdated(): void;
+    private syncHostState;
+    private activate;
+    private deactivate;
+    private readonly handleOutsidePointerDown;
+    private readonly handleOutsideFocus;
+    private readonly handleKeyDown;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-content': SkdxDropdownMenuContent;
+    }
+}

package/dist/dropdown-menu/DropdownMenuContent.js

@@ -0,0 +1,5 @@
+var m=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var r=(l,d,t,e)=>{for(var o=e>1?void 0:e?y(d,t):d,a=l.length-1,s;a>=0;a--)(s=l[a])&&(o=(e?s(d,t,o):s(o))||o);return e&&o&&m(d,t,o),o};import{css as g,html as v,LitElement as O}from"lit";import{property as n}from"lit/decorators.js";import{closestThroughPortal as b}from"../internal/closest.js";import{customElement as E}from"../internal/define.js";import{dispatchEscapeKeyDown as P,dispatchOutside as h,focusOnOpen as T,focusOutsideTarget as w,triggerContains as c}from"../internal/dismiss.js";import{menuItems as p}from"../internal/menu-sub.js";import{optOutBoolean as u,positionFloating as k}from"../internal/positioning.js";import{hiddenHostStyles as L}from"../internal/styles.js";import{itemText as A}from"../internal/typeahead.js";var H=1e3,i=class extends O{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.loop=!0;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.typeahead="";this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||c(this.root.triggerEl,e)||h(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=w(t);!e||this.contains(e)||c(this.root.triggerEl,e)||h(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleKeyDown=t=>{let e=p(this),o=e.indexOf(document.activeElement);if(t.key==="Escape"){t.preventDefault(),P(this,t)&&(this.root?.setOpen(!1),this.root?.focusTrigger());return}if(t.key==="Tab"){t.preventDefault(),this.root?.setOpen(!1),this.root?.focusTrigger();return}if(t.key==="ArrowDown"||t.key==="ArrowUp"){if(t.preventDefault(),e.length===0)return;let a=t.key==="ArrowDown"?1:-1,s=o+a;s>=e.length?s=this.loop?0:e.length-1:s<0&&(s=this.loop?e.length-1:0),e[s]?.focus();return}if(t.key==="Home"){t.preventDefault(),e[0]?.focus();return}if(t.key==="End"){t.preventDefault(),e[e.length-1]?.focus();return}t.key.length===1&&!t.ctrlKey&&!t.metaKey&&!t.altKey&&(this.typeahead+=t.key.toLowerCase(),clearTimeout(this.typeaheadTimer),this.typeaheadTimer=setTimeout(()=>this.typeahead="",H),[...e.slice(o+1),...e.slice(0,o+1)].find(f=>A(f).trim().toLowerCase().startsWith(this.typeahead))?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.setAttribute("aria-orientation","vertical"),this.tabIndex=-1,this.root=b(this,"skdx-dropdown-menu"),this.root?.addEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),clearTimeout(this.typeaheadTimer),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.hidden=!t,t?this.activate():this.deactivate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=k(this.root.triggerEl,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"dropdown-menu",arrow:()=>this.querySelector("skdx-dropdown-menu-arrow")}),requestAnimationFrame(()=>T(()=>{(p(this)[0]??this).focus()})))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return v`<slot></slot>`}};i.styles=[L,g`
+      :host {
+        display: block;
+      }
+    `],r([n({type:String})],i.prototype,"side",2),r([n({type:String})],i.prototype,"align",2),r([n({type:Number,attribute:"side-offset"})],i.prototype,"sideOffset",2),r([n({type:Number,attribute:"align-offset"})],i.prototype,"alignOffset",2),r([n({converter:u,attribute:"avoid-collisions"})],i.prototype,"avoidCollisions",2),r([n({type:Number,attribute:"collision-padding"})],i.prototype,"collisionPadding",2),r([n({attribute:!1})],i.prototype,"collisionBoundary",2),r([n({converter:u})],i.prototype,"loop",2),i=r([E("skdx-dropdown-menu-content","dropdown-menu","content")],i);export{i as SkdxDropdownMenuContent};

package/dist/dropdown-menu/DropdownMenuGroup.cjs

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

package/dist/dropdown-menu/DropdownMenuGroup.d.cts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-group>` — semantic grouping of related items: sets
+ * `role="group"` on the host element. Pair with a preceding
+ * `<skdx-dropdown-menu-label>` to caption the group.
+ */
+export declare class SkdxDropdownMenuGroup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-group': SkdxDropdownMenuGroup;
+    }
+}

package/dist/dropdown-menu/DropdownMenuGroup.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-group>` — semantic grouping of related items: sets
+ * `role="group"` on the host element. Pair with a preceding
+ * `<skdx-dropdown-menu-label>` to caption the group.
+ */
+export declare class SkdxDropdownMenuGroup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-group': SkdxDropdownMenuGroup;
+    }
+}

package/dist/dropdown-menu/DropdownMenuGroup.js

@@ -0,0 +1,5 @@
+var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=(s,r,l,o)=>{for(var e=o>1?void 0:o?c(r,l):r,m=s.length-1,d;m>=0;m--)(d=s[m])&&(e=(o?d(r,l,e):d(e))||e);return o&&e&&a(r,l,e),e};import{css as n,html as p,LitElement as g}from"lit";import{customElement as b}from"../internal/define.js";import{hiddenHostStyles as u}from"../internal/styles.js";var t=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}render(){return p`<slot></slot>`}};t.styles=[u,n`
+      :host {
+        display: block;
+      }
+    `],t=i([b("skdx-dropdown-menu-group","dropdown-menu","group")],t);export{t as SkdxDropdownMenuGroup};

package/dist/dropdown-menu/DropdownMenuItem.cjs

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

package/dist/dropdown-menu/DropdownMenuItem.d.cts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+import type { SkdxDropdownMenu } from './DropdownMenu.cjs';
+/**
+ * `<skdx-dropdown-menu-item>` — a single selectable menu item: `role="menuitem"`,
+ * participates in the closest `<skdx-dropdown-menu-content>`'s roving-focus/
+ * typeahead navigation. Selecting it (click, Enter, or Space) fires a
+ * cancelable `select` event and closes the menu, returning focus to the
+ * trigger, unless the listener calls `event.preventDefault()`. Set
+ * `disabled` to exclude it from navigation and selection.
+ *
+ * @fires select - The item was activated (click, Enter, or Space). Preventable — prevents the menu from closing.
+ */
+export declare class SkdxDropdownMenuItem extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Excludes the item from roving-focus navigation and blocks selection. */
+    disabled: boolean;
+    /** @internal Ancestor menu, looked up so selection can close it and refocus the trigger. */
+    protected menuRoot: SkdxDropdownMenu | null;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private syncDisabledState;
+    /**
+     * @internal Runs before the `select` event is dispatched. `SkdxDropdownMenuCheckboxItem`/
+     * `SkdxDropdownMenuRadioItem` override this to fire their own `checked-change`/toggle the
+     * radio group as a side effect of every activation, independent of whether `select` ends
+     * up prevented.
+     */
+    protected beforeSelect(): void;
+    /** @internal Called after a select that wasn't prevented. `SkdxDropdownMenuCheckboxItem` overrides this to a no-op, since checkbox items never close the menu. */
+    protected onSelected(): void;
+    protected readonly handleActivate: () => void;
+    private readonly handleKeyDown;
+    private readonly handlePointerEnter;
+    private readonly handlePointerLeave;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-item': SkdxDropdownMenuItem;
+    }
+}