@skdx/web-components 0.26.0

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

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+import type { SkdxDropdownMenu } from './DropdownMenu.js';
+/**
+ * `<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;
+    }
+}

package/dist/dropdown-menu/DropdownMenuItem.js

@@ -0,0 +1,5 @@
+var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(o,s,e,r)=>{for(var t=r>1?void 0:r?h(s,e):s,d=o.length-1,n;d>=0;d--)(n=o[d])&&(t=(r?n(s,e,t):n(t))||t);return r&&t&&l(s,e,t),t};import{css as c,html as u,LitElement as m}from"lit";import{property as p}from"lit/decorators.js";import{closestThroughPortal as b}from"../internal/closest.js";import{customElement as v}from"../internal/define.js";import{hiddenHostStyles as f}from"../internal/styles.js";var i=class extends m{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=b(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 u`<slot></slot>`}};i.styles=[f,c`
+      :host {
+        display: block;
+      }
+    `],a([p({type:Boolean,reflect:!0})],i.prototype,"disabled",2),i=a([v("skdx-dropdown-menu-item","dropdown-menu","item")],i);export{i as SkdxDropdownMenuItem};

package/dist/dropdown-menu/DropdownMenuItemIndicator.cjs

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

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

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-item-indicator>` — renders its slotted content
+ * (typically a check glyph) only while the closest ancestor
+ * `<skdx-dropdown-menu-checkbox-item>`/`<skdx-dropdown-menu-radio-item>` is
+ * checked. Exposes `data-state` (`checked`/`unchecked`). Renders always
+ * when `force-mount` is set, instead of only while checked.
+ */
+export declare class SkdxDropdownMenuItemIndicator extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Render even while unchecked, instead of hiding. */
+    forceMount: boolean;
+    private readonly observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private syncState;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-item-indicator': SkdxDropdownMenuItemIndicator;
+    }
+}

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

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-item-indicator>` — renders its slotted content
+ * (typically a check glyph) only while the closest ancestor
+ * `<skdx-dropdown-menu-checkbox-item>`/`<skdx-dropdown-menu-radio-item>` is
+ * checked. Exposes `data-state` (`checked`/`unchecked`). Renders always
+ * when `force-mount` is set, instead of only while checked.
+ */
+export declare class SkdxDropdownMenuItemIndicator extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Render even while unchecked, instead of hiding. */
+    forceMount: boolean;
+    private readonly observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private syncState;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-item-indicator': SkdxDropdownMenuItemIndicator;
+    }
+}

package/dist/dropdown-menu/DropdownMenuItemIndicator.js

@@ -0,0 +1,5 @@
+var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=(r,i,e,t)=>{for(var o=t>1?void 0:t?m(i,e):i,c=r.length-1,n;c>=0;c--)(n=r[c])&&(o=(t?n(i,e,o):n(o))||o);return t&&o&&l(i,e,o),o};import{css as h,html as p,LitElement as u}from"lit";import{property as b}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{hiddenHostStyles as f}from"../internal/styles.js";var d="skdx-dropdown-menu-checkbox-item, skdx-dropdown-menu-radio-item",s=class extends u{constructor(){super(...arguments);this.forceMount=!1;this.observer=new MutationObserver(()=>this.syncState())}connectedCallback(){super.connectedCallback();let e=this.closest(d);e&&this.observer.observe(e,{attributeFilter:["data-state"]}),this.syncState()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}updated(e){e.has("forceMount")&&this.syncState()}syncState(){let t=this.closest(d)?.getAttribute("data-state")==="checked";this.setAttribute("data-state",t?"checked":"unchecked"),this.hidden=!this.forceMount&&!t}render(){return p`<slot></slot>`}};s.styles=[f,h`
+      :host {
+        display: inline-block;
+      }
+    `],a([b({type:Boolean,attribute:"force-mount"})],s.prototype,"forceMount",2),s=a([v("skdx-dropdown-menu-item-indicator","dropdown-menu","item-indicator")],s);export{s as SkdxDropdownMenuItemIndicator};

package/dist/dropdown-menu/DropdownMenuLabel.cjs

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

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

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-label>` — non-interactive heading for a group of
+ * items, typically preceding an `<skdx-dropdown-menu-group>`. Purely
+ * presentational.
+ */
+export declare class SkdxDropdownMenuLabel extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-label': SkdxDropdownMenuLabel;
+    }
+}

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

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-label>` — non-interactive heading for a group of
+ * items, typically preceding an `<skdx-dropdown-menu-group>`. Purely
+ * presentational.
+ */
+export declare class SkdxDropdownMenuLabel extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-label': SkdxDropdownMenuLabel;
+    }
+}

package/dist/dropdown-menu/DropdownMenuLabel.js

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

package/dist/dropdown-menu/DropdownMenuPortal.cjs

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

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

@@ -0,0 +1,35 @@
+import { SkdxPortal } from '../utils/portal.cjs';
+/**
+ * `<skdx-dropdown-menu-portal>` — teleports `<skdx-dropdown-menu-content>` to
+ * `document.body` (or a custom `container`), so the menu escapes any
+ * clipping or `overflow` ancestor of its trigger.
+ *
+ * The **host element stays where you wrote it** and the *children* are the
+ * things that move, into a `<div data-skdx-portal>` — so removing the family
+ * root removes the portalled content with it, and the parts inside still
+ * resolve that root through `closestThroughPortal()`.
+ *
+ * Adds nothing to `<skdx-portal>` but its tag name. Unlike React's
+ * `DropdownMenuPortal` it takes no `force-mount` and does not unmount on close: the
+ * parts here never unmount, they hide via `hidden`, so there is nothing to
+ * force and nothing to keep alive for an exit animation.
+ *
+ * @example
+ * ```html
+ * <skdx-dropdown-menu>
+ *   <skdx-dropdown-menu-trigger>Options</skdx-dropdown-menu-trigger>
+ *   <skdx-dropdown-menu-portal>
+ *     <skdx-dropdown-menu-content>
+ *       <skdx-dropdown-menu-item>Rename</skdx-dropdown-menu-item>
+ *     </skdx-dropdown-menu-content>
+ *   </skdx-dropdown-menu-portal>
+ * </skdx-dropdown-menu>
+ * ```
+ */
+export declare class SkdxDropdownMenuPortal extends SkdxPortal {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-portal': SkdxDropdownMenuPortal;
+    }
+}

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

@@ -0,0 +1,35 @@
+import { SkdxPortal } from '../utils/portal.js';
+/**
+ * `<skdx-dropdown-menu-portal>` — teleports `<skdx-dropdown-menu-content>` to
+ * `document.body` (or a custom `container`), so the menu escapes any
+ * clipping or `overflow` ancestor of its trigger.
+ *
+ * The **host element stays where you wrote it** and the *children* are the
+ * things that move, into a `<div data-skdx-portal>` — so removing the family
+ * root removes the portalled content with it, and the parts inside still
+ * resolve that root through `closestThroughPortal()`.
+ *
+ * Adds nothing to `<skdx-portal>` but its tag name. Unlike React's
+ * `DropdownMenuPortal` it takes no `force-mount` and does not unmount on close: the
+ * parts here never unmount, they hide via `hidden`, so there is nothing to
+ * force and nothing to keep alive for an exit animation.
+ *
+ * @example
+ * ```html
+ * <skdx-dropdown-menu>
+ *   <skdx-dropdown-menu-trigger>Options</skdx-dropdown-menu-trigger>
+ *   <skdx-dropdown-menu-portal>
+ *     <skdx-dropdown-menu-content>
+ *       <skdx-dropdown-menu-item>Rename</skdx-dropdown-menu-item>
+ *     </skdx-dropdown-menu-content>
+ *   </skdx-dropdown-menu-portal>
+ * </skdx-dropdown-menu>
+ * ```
+ */
+export declare class SkdxDropdownMenuPortal extends SkdxPortal {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-portal': SkdxDropdownMenuPortal;
+    }
+}

package/dist/dropdown-menu/DropdownMenuPortal.js

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

package/dist/dropdown-menu/DropdownMenuRadioGroup.cjs

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

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

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-radio-group>` — container coordinating a set of
+ * mutually-exclusive `<skdx-dropdown-menu-radio-item>`s: renders
+ * `role="group"` and exposes the selected `value` for its items to read via
+ * `closest('skdx-dropdown-menu-radio-group')`. `value` is always externally
+ * controlled — selecting an item fires `value-change` on this element but
+ * does not write `value` back itself.
+ *
+ * @fires value-change - A descendant radio item was selected, with its `value` as `detail`.
+ */
+export declare class SkdxDropdownMenuRadioGroup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Currently selected item's value, compared against each radio item's own `value`.
+     * @default undefined
+     */
+    value?: string;
+    connectedCallback(): void;
+    /** @internal Called by a descendant radio item on selection. */
+    selectValue(value: string): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-radio-group': SkdxDropdownMenuRadioGroup;
+    }
+}

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

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-radio-group>` — container coordinating a set of
+ * mutually-exclusive `<skdx-dropdown-menu-radio-item>`s: renders
+ * `role="group"` and exposes the selected `value` for its items to read via
+ * `closest('skdx-dropdown-menu-radio-group')`. `value` is always externally
+ * controlled — selecting an item fires `value-change` on this element but
+ * does not write `value` back itself.
+ *
+ * @fires value-change - A descendant radio item was selected, with its `value` as `detail`.
+ */
+export declare class SkdxDropdownMenuRadioGroup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Currently selected item's value, compared against each radio item's own `value`.
+     * @default undefined
+     */
+    value?: string;
+    connectedCallback(): void;
+    /** @internal Called by a descendant radio item on selection. */
+    selectValue(value: string): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-radio-group': SkdxDropdownMenuRadioGroup;
+    }
+}

package/dist/dropdown-menu/DropdownMenuRadioGroup.js

@@ -0,0 +1,5 @@
+var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(l,t,o,s)=>{for(var e=s>1?void 0:s?n(t,o):t,i=l.length-1,m;i>=0;i--)(m=l[i])&&(e=(s?m(t,o,e):m(e))||e);return s&&e&&c(t,o,e),e};import{css as d,html as p,LitElement as u}from"lit";import{property as g}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{hiddenHostStyles as b}from"../internal/styles.js";var r=class extends u{connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}selectValue(t){this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0}))}render(){return p`<slot></slot>`}};r.styles=[b,d`
+      :host {
+        display: block;
+      }
+    `],a([g({type:String,reflect:!0})],r.prototype,"value",2),r=a([v("skdx-dropdown-menu-radio-group","dropdown-menu","radio-group")],r);export{r as SkdxDropdownMenuRadioGroup};

package/dist/dropdown-menu/DropdownMenuRadioItem.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var k=(o,e)=>{for(var t in e)s(o,t,{get:e[t],enumerable:!0})},b=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of v(e))!m.call(o,r)&&r!==t&&s(o,r,{get:()=>e[r],enumerable:!(i=u(e,r))||i.enumerable});return o};var g=o=>b(s({},"__esModule",{value:!0}),o),c=(o,e,t,i)=>{for(var r=i>1?void 0:i?u(e,t):e,a=o.length-1,n;a>=0;a--)(n=o[a])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&s(e,t,r),r};var f={};k(f,{SkdxDropdownMenuRadioItem:()=>d});module.exports=g(f);var p=require("lit/decorators.js"),l=require("../internal/define.cjs"),h=require("./DropdownMenuItem.cjs");var d=class extends h.SkdxDropdownMenuItem{constructor(){super(...arguments);this.value="";this.group=null;this.observer=new MutationObserver(()=>this.syncCheckedState())}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitemradio"),this.group=this.closest("skdx-dropdown-menu-radio-group"),this.group&&this.observer.observe(this.group,{attributeFilter:["value"]}),this.syncCheckedState()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}updated(t){super.updated(t),t.has("value")&&this.syncCheckedState()}syncCheckedState(){let t=this.group?.value===this.value;this.setAttribute("aria-checked",String(t)),this.setAttribute("data-state",t?"checked":"unchecked")}beforeSelect(){this.group?.selectValue(this.value)}};c([(0,p.property)({type:String})],d.prototype,"value",2),d=c([(0,l.customElement)("skdx-dropdown-menu-radio-item","dropdown-menu","radio-item")],d);0&&(module.exports={SkdxDropdownMenuRadioItem});

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

@@ -0,0 +1,27 @@
+import { SkdxDropdownMenuItem } from './DropdownMenuItem.cjs';
+/**
+ * `<skdx-dropdown-menu-radio-item>` — a single option within a closest
+ * ancestor `<skdx-dropdown-menu-radio-group>`: `role="menuitemradio"` with
+ * `aria-checked` and `data-state` (`checked`/`unchecked`) reflecting
+ * whether its `value` matches the group's selected value. Selecting it
+ * fires `value-change` on the group and closes the menu, same as a plain
+ * `<skdx-dropdown-menu-item>`. Nest an `<skdx-dropdown-menu-item-indicator>`
+ * inside it to render a dot/check glyph only when selected.
+ */
+export declare class SkdxDropdownMenuRadioItem extends SkdxDropdownMenuItem {
+    /** Unique identifier compared against the group's selected value. */
+    value: string;
+    private group;
+    private readonly observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private syncCheckedState;
+    /** Selects this item's value on the ancestor radio group before the base item's close handling runs. */
+    protected beforeSelect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-radio-item': SkdxDropdownMenuRadioItem;
+    }
+}

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

@@ -0,0 +1,27 @@
+import { SkdxDropdownMenuItem } from './DropdownMenuItem.js';
+/**
+ * `<skdx-dropdown-menu-radio-item>` — a single option within a closest
+ * ancestor `<skdx-dropdown-menu-radio-group>`: `role="menuitemradio"` with
+ * `aria-checked` and `data-state` (`checked`/`unchecked`) reflecting
+ * whether its `value` matches the group's selected value. Selecting it
+ * fires `value-change` on the group and closes the menu, same as a plain
+ * `<skdx-dropdown-menu-item>`. Nest an `<skdx-dropdown-menu-item-indicator>`
+ * inside it to render a dot/check glyph only when selected.
+ */
+export declare class SkdxDropdownMenuRadioItem extends SkdxDropdownMenuItem {
+    /** Unique identifier compared against the group's selected value. */
+    value: string;
+    private group;
+    private readonly observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private syncCheckedState;
+    /** Selects this item's value on the ancestor radio group before the base item's close handling runs. */
+    protected beforeSelect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-radio-item': SkdxDropdownMenuRadioItem;
+    }
+}

package/dist/dropdown-menu/DropdownMenuRadioItem.js

@@ -0,0 +1 @@
+var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var n=(d,r,e,i)=>{for(var t=i>1?void 0:i?u(r,e):r,s=d.length-1,a;s>=0;s--)(a=d[s])&&(t=(i?a(r,e,t):a(t))||t);return i&&t&&c(r,e,t),t};import{property as p}from"lit/decorators.js";import{customElement as l}from"../internal/define.js";import{SkdxDropdownMenuItem as h}from"./DropdownMenuItem.js";var o=class extends h{constructor(){super(...arguments);this.value="";this.group=null;this.observer=new MutationObserver(()=>this.syncCheckedState())}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitemradio"),this.group=this.closest("skdx-dropdown-menu-radio-group"),this.group&&this.observer.observe(this.group,{attributeFilter:["value"]}),this.syncCheckedState()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}updated(e){super.updated(e),e.has("value")&&this.syncCheckedState()}syncCheckedState(){let e=this.group?.value===this.value;this.setAttribute("aria-checked",String(e)),this.setAttribute("data-state",e?"checked":"unchecked")}beforeSelect(){this.group?.selectValue(this.value)}};n([p({type:String})],o.prototype,"value",2),o=n([l("skdx-dropdown-menu-radio-item","dropdown-menu","radio-item")],o);export{o as SkdxDropdownMenuRadioItem};

package/dist/dropdown-menu/DropdownMenuSeparator.cjs

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

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

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-separator>` — visual divider between items or groups:
+ * sets `role="separator"` and `aria-orientation="horizontal"` on the host
+ * element.
+ */
+export declare class SkdxDropdownMenuSeparator extends LitElement {
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-separator': SkdxDropdownMenuSeparator;
+    }
+}

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

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dropdown-menu-separator>` — visual divider between items or groups:
+ * sets `role="separator"` and `aria-orientation="horizontal"` on the host
+ * element.
+ */
+export declare class SkdxDropdownMenuSeparator extends LitElement {
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-separator': SkdxDropdownMenuSeparator;
+    }
+}

package/dist/dropdown-menu/DropdownMenuSeparator.js

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

package/dist/dropdown-menu/DropdownMenuSub.cjs

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

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

@@ -0,0 +1,55 @@
+import { SkdxMenuSub, SkdxMenuSubContent, SkdxMenuSubTrigger } from '../internal/menu-sub.cjs';
+/**
+ * `<skdx-dropdown-menu-sub>` — root of a nested submenu inside
+ * `<skdx-dropdown-menu-content>`: owns the submenu's own `open` state (and its
+ * hover grace timer), which its `<skdx-dropdown-menu-sub-trigger>` and
+ * `<skdx-dropdown-menu-sub-content>` read. Renders only a `<slot>`
+ * (`display: contents`).
+ *
+ * @fires open-change - The submenu opened or closed (detail: the new open state).
+ *
+ * @example
+ * ```html
+ * <skdx-dropdown-menu-content>
+ *   <skdx-dropdown-menu-item>Edit</skdx-dropdown-menu-item>
+ *   <skdx-dropdown-menu-sub>
+ *     <skdx-dropdown-menu-sub-trigger>Share</skdx-dropdown-menu-sub-trigger>
+ *     <skdx-dropdown-menu-sub-content>
+ *       <skdx-dropdown-menu-item>Email</skdx-dropdown-menu-item>
+ *       <skdx-dropdown-menu-item>Copy link</skdx-dropdown-menu-item>
+ *     </skdx-dropdown-menu-sub-content>
+ *   </skdx-dropdown-menu-sub>
+ * </skdx-dropdown-menu-content>
+ * ```
+ */
+export declare class SkdxDropdownMenuSub extends SkdxMenuSub {
+}
+/**
+ * `<skdx-dropdown-menu-sub-trigger>` — the parent-menu item that opens a
+ * submenu: `role="menuitem"` with `aria-haspopup="menu"`, `aria-expanded`,
+ * `aria-controls` and `data-state`, so it takes part in
+ * `<skdx-dropdown-menu-content>`'s roving focus and typeahead like any other
+ * item. Opens on click, Enter, Space or ArrowRight — moving focus to the
+ * submenu's first item — and on hover, which leaves focus on the trigger.
+ * Never closes the parent menu.
+ */
+export declare class SkdxDropdownMenuSubTrigger extends SkdxMenuSubTrigger {
+}
+/**
+ * `<skdx-dropdown-menu-sub-content>` — the submenu's floating panel:
+ * `role="menu"`, positioned against `<skdx-dropdown-menu-sub-trigger>`
+ * (`side="end"`, `align="start"` by default) by the same `positionFloating`
+ * layer as `<skdx-dropdown-menu-content>`, and rendered inline rather than in a
+ * portal so the parent menu's outside-pointer-down dismissal treats clicks
+ * inside it as "inside". Owns its own vertical roving focus and typeahead;
+ * ArrowLeft and Escape close only the submenu and refocus the trigger.
+ */
+export declare class SkdxDropdownMenuSubContent extends SkdxMenuSubContent {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-sub': SkdxDropdownMenuSub;
+        'skdx-dropdown-menu-sub-trigger': SkdxDropdownMenuSubTrigger;
+        'skdx-dropdown-menu-sub-content': SkdxDropdownMenuSubContent;
+    }
+}

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

@@ -0,0 +1,55 @@
+import { SkdxMenuSub, SkdxMenuSubContent, SkdxMenuSubTrigger } from '../internal/menu-sub.js';
+/**
+ * `<skdx-dropdown-menu-sub>` — root of a nested submenu inside
+ * `<skdx-dropdown-menu-content>`: owns the submenu's own `open` state (and its
+ * hover grace timer), which its `<skdx-dropdown-menu-sub-trigger>` and
+ * `<skdx-dropdown-menu-sub-content>` read. Renders only a `<slot>`
+ * (`display: contents`).
+ *
+ * @fires open-change - The submenu opened or closed (detail: the new open state).
+ *
+ * @example
+ * ```html
+ * <skdx-dropdown-menu-content>
+ *   <skdx-dropdown-menu-item>Edit</skdx-dropdown-menu-item>
+ *   <skdx-dropdown-menu-sub>
+ *     <skdx-dropdown-menu-sub-trigger>Share</skdx-dropdown-menu-sub-trigger>
+ *     <skdx-dropdown-menu-sub-content>
+ *       <skdx-dropdown-menu-item>Email</skdx-dropdown-menu-item>
+ *       <skdx-dropdown-menu-item>Copy link</skdx-dropdown-menu-item>
+ *     </skdx-dropdown-menu-sub-content>
+ *   </skdx-dropdown-menu-sub>
+ * </skdx-dropdown-menu-content>
+ * ```
+ */
+export declare class SkdxDropdownMenuSub extends SkdxMenuSub {
+}
+/**
+ * `<skdx-dropdown-menu-sub-trigger>` — the parent-menu item that opens a
+ * submenu: `role="menuitem"` with `aria-haspopup="menu"`, `aria-expanded`,
+ * `aria-controls` and `data-state`, so it takes part in
+ * `<skdx-dropdown-menu-content>`'s roving focus and typeahead like any other
+ * item. Opens on click, Enter, Space or ArrowRight — moving focus to the
+ * submenu's first item — and on hover, which leaves focus on the trigger.
+ * Never closes the parent menu.
+ */
+export declare class SkdxDropdownMenuSubTrigger extends SkdxMenuSubTrigger {
+}
+/**
+ * `<skdx-dropdown-menu-sub-content>` — the submenu's floating panel:
+ * `role="menu"`, positioned against `<skdx-dropdown-menu-sub-trigger>`
+ * (`side="end"`, `align="start"` by default) by the same `positionFloating`
+ * layer as `<skdx-dropdown-menu-content>`, and rendered inline rather than in a
+ * portal so the parent menu's outside-pointer-down dismissal treats clicks
+ * inside it as "inside". Owns its own vertical roving focus and typeahead;
+ * ArrowLeft and Escape close only the submenu and refocus the trigger.
+ */
+export declare class SkdxDropdownMenuSubContent extends SkdxMenuSubContent {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-sub': SkdxDropdownMenuSub;
+        'skdx-dropdown-menu-sub-trigger': SkdxDropdownMenuSubTrigger;
+        'skdx-dropdown-menu-sub-content': SkdxDropdownMenuSubContent;
+    }
+}

package/dist/dropdown-menu/DropdownMenuSub.js

@@ -0,0 +1 @@
+var l=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(s,t,u,d)=>{for(var e=d>1?void 0:d?p(t,u):t,a=s.length-1,c;a>=0;a--)(c=s[a])&&(e=(d?c(t,u,e):c(e))||e);return d&&e&&l(t,u,e),e};import{customElement as x}from"../internal/define.js";import{SkdxMenuSub as b,SkdxMenuSubContent as g,SkdxMenuSubTrigger as i}from"../internal/menu-sub.js";var m=class extends b{};m=n([x("skdx-dropdown-menu-sub")],m);var o=class extends i{};o=n([x("skdx-dropdown-menu-sub-trigger","dropdown-menu","sub-trigger")],o);var r=class extends g{};r=n([x("skdx-dropdown-menu-sub-content","dropdown-menu","sub-content")],r);export{m as SkdxDropdownMenuSub,r as SkdxDropdownMenuSubContent,o as SkdxDropdownMenuSubTrigger};

package/dist/dropdown-menu/DropdownMenuTrigger.cjs

@@ -0,0 +1,20 @@
+"use strict";var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(r,e)=>{for(var t in e)a(r,t,{get:e[t],enumerable:!0})},w=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!f.call(r,o)&&o!==t&&a(r,o,{get:()=>e[o],enumerable:!(i=h(e,o))||i.enumerable});return r};var k=r=>w(a({},"__esModule",{value:!0}),r),c=(r,e,t,i)=>{for(var o=i>1?void 0:i?h(e,t):e,l=r.length-1,p;l>=0;l--)(p=r[l])&&(o=(i?p(e,t,o):p(o))||o);return i&&o&&a(e,t,o),o};var C={};y(C,{SkdxDropdownMenuTrigger:()=>n});module.exports=k(C);var d=require("lit"),u=require("lit/decorators.js"),m=require("../internal/define.cjs"),v=require("../internal/part.cjs"),s=require("../internal/styles.cjs");var n=class extends d.LitElement{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>this.root?.setOpen(!this.root.open);this.handleKeyDown=t=>{["ArrowDown","ArrowUp"].includes(t.key)&&(t.preventDefault(),this.root?.setOpen(!0))}}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-dropdown-menu"),this.root?.addEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}updated(){(0,v.reflectHostState)(this,{"data-disabled":this.disabled?"":null})}render(){let t=this.root;return t?d.html`
+      <button
+        part="trigger"
+        type="button"
+        aria-haspopup="menu"
+        aria-expanded=${t.open}
+        aria-controls=${t.contentId}
+        data-state=${t.open?"open":"closed"}
+        data-disabled=${this.disabled?"":d.nothing}
+        ?disabled=${this.disabled}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <slot></slot>
+      </button>
+    `:d.nothing}};n.shadowRootOptions=s.delegatesFocusShadowRootOptions,n.styles=[s.resetNativeControl,d.css`
+      :host {
+        display: inline-block;
+      }
+    `,s.controlBoxOnHost],c([(0,u.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),n=c([(0,m.customElement)("skdx-dropdown-menu-trigger","dropdown-menu","trigger")],n);0&&(module.exports={SkdxDropdownMenuTrigger});

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

@@ -0,0 +1,30 @@
+import { LitElement, nothing } from 'lit';
+/**
+ * `<skdx-dropdown-menu-trigger>` — opens the closest ancestor
+ * `<skdx-dropdown-menu>` when clicked or via Arrow Up/Down, and doubles as
+ * the default positioning anchor for `<skdx-dropdown-menu-content>`. Renders
+ * `<button type="button">` in shadow DOM with `aria-haspopup="menu"`,
+ * `aria-expanded`, `aria-controls`, and `data-state` (`open`/`closed`).
+ *
+ * @csspart trigger - The native `<button>` element inside the shadow root.
+ */
+export declare class SkdxDropdownMenuTrigger extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /** Disables the trigger and prevents opening the menu. */
+    disabled: boolean;
+    private root;
+    private readonly onRootUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private readonly handleClick;
+    private readonly handleKeyDown;
+    protected updated(): void;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dropdown-menu-trigger': SkdxDropdownMenuTrigger;
+    }
+}