@skdx/web-components 0.26.0

package/dist/date-picker/DatePickerTrigger.cjs

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

package/dist/date-picker/DatePickerTrigger.d.cts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-date-picker-trigger>` — opens/closes the closest ancestor
+ * `<skdx-date-picker>`'s popup on click; doubles as the floating-ui anchor
+ * the popup positions against. Renders a native `<button type="button">`
+ * with `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and
+ * `data-state`.
+ *
+ * @csspart trigger - The native `<button>` element inside the shadow root.
+ */
+export declare class SkdxDatePickerTrigger extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Disables just this trigger. A disabled root disables every trigger
+     * regardless of this property.
+     * @default false — the trigger follows the root's `disabled`.
+     */
+    disabled: boolean;
+    private root;
+    private readonly onUpdate;
+    /**
+     * Root-or-own, matching `packages/react/src/date-picker/DatePickerTrigger.tsx:35`
+     * and the shape `<skdx-clipboard-trigger>` already uses here. Reading only the
+     * root left the `disabled` a consumer wrote on the trigger inert: no
+     * `data-disabled` for the skin, no `disabled` on the shadow `<button>`, and
+     * a trigger that still opened the popup on click.
+     */
+    private get isDisabled();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private readonly handleClick;
+    protected updated(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-date-picker-trigger': SkdxDatePickerTrigger;
+    }
+}

package/dist/date-picker/DatePickerTrigger.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-date-picker-trigger>` — opens/closes the closest ancestor
+ * `<skdx-date-picker>`'s popup on click; doubles as the floating-ui anchor
+ * the popup positions against. Renders a native `<button type="button">`
+ * with `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and
+ * `data-state`.
+ *
+ * @csspart trigger - The native `<button>` element inside the shadow root.
+ */
+export declare class SkdxDatePickerTrigger extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    /**
+     * Disables just this trigger. A disabled root disables every trigger
+     * regardless of this property.
+     * @default false — the trigger follows the root's `disabled`.
+     */
+    disabled: boolean;
+    private root;
+    private readonly onUpdate;
+    /**
+     * Root-or-own, matching `packages/react/src/date-picker/DatePickerTrigger.tsx:35`
+     * and the shape `<skdx-clipboard-trigger>` already uses here. Reading only the
+     * root left the `disabled` a consumer wrote on the trigger inert: no
+     * `data-disabled` for the skin, no `disabled` on the shadow `<button>`, and
+     * a trigger that still opened the popup on click.
+     */
+    private get isDisabled();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private readonly handleClick;
+    protected updated(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-date-picker-trigger': SkdxDatePickerTrigger;
+    }
+}

package/dist/date-picker/DatePickerTrigger.js

@@ -0,0 +1,18 @@
+var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var l=(r,s,o,i)=>{for(var t=i>1?void 0:i?p(s,o):s,a=r.length-1,d;a>=0;a--)(d=r[a])&&(t=(i?d(s,o,t):d(t))||t);return i&&t&&n(s,o,t),t};import{css as c,html as h,LitElement as b}from"lit";import{property as m}from"lit/decorators.js";import{customElement as u}from"../internal/define.js";import{reflectHostState as v}from"../internal/part.js";import{controlBoxOnHost as f,delegatesFocusShadowRootOptions as k,resetNativeControl as y}from"../internal/styles.js";var e=class extends b{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)}}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-date-picker"),this.root&&(this.root.triggerHost=this),this.root?.addEventListener("skdx-date-picker-internal-update",this.onUpdate)}disconnectedCallback(){this.root?.removeEventListener("skdx-date-picker-internal-update",this.onUpdate),super.disconnectedCallback()}updated(){v(this,{"data-state":this.root?.open??!1?"open":"closed","data-disabled":this.isDisabled?"":null})}render(){let o=this.root?.open??!1;return h`
+      <button
+        part="trigger"
+        type="button"
+        ?disabled=${this.isDisabled}
+        aria-haspopup="dialog"
+        aria-expanded=${o}
+        aria-controls=${this.root?.contentId??""}
+        data-state=${o?"open":"closed"}
+        @click=${this.handleClick}
+      >
+        <slot></slot>
+      </button>
+    `}};e.shadowRootOptions=k,e.styles=[y,c`
+      :host {
+        display: inline-block;
+      }
+    `,f],l([m({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e=l([u("skdx-date-picker-trigger","date-picker","trigger")],e);export{e as SkdxDatePickerTrigger};

package/dist/date-picker/index.cjs

@@ -0,0 +1 @@
+"use strict";var k=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var n=(r,e)=>{for(var o in e)k(r,o,{get:e[o],enumerable:!0})},C=(r,e,o,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of S(e))!l.call(r,t)&&t!==o&&k(r,t,{get:()=>e[t],enumerable:!(x=D(e,t))||x.enumerable});return r};var g=r=>C(k({},"__esModule",{value:!0}),r);var T={};n(T,{SkdxDatePicker:()=>a.SkdxDatePicker,SkdxDatePickerCalendar:()=>p.SkdxDatePickerCalendar,SkdxDatePickerClose:()=>f.SkdxDatePickerClose,SkdxDatePickerContent:()=>m.SkdxDatePickerContent,SkdxDatePickerInput:()=>P.SkdxDatePickerInput,SkdxDatePickerPortal:()=>d.SkdxDatePickerPortal,SkdxDatePickerTimeField:()=>c.SkdxDatePickerTimeField,SkdxDatePickerTrigger:()=>i.SkdxDatePickerTrigger});module.exports=g(T);var a=require("./DatePicker.cjs"),i=require("./DatePickerTrigger.cjs"),d=require("./DatePickerPortal.cjs"),m=require("./DatePickerContent.cjs"),p=require("./DatePickerCalendar.cjs"),P=require("./DatePickerInput.cjs"),c=require("./DatePickerTimeField.cjs"),f=require("./DatePickerClose.cjs");0&&(module.exports={SkdxDatePicker,SkdxDatePickerCalendar,SkdxDatePickerClose,SkdxDatePickerContent,SkdxDatePickerInput,SkdxDatePickerPortal,SkdxDatePickerTimeField,SkdxDatePickerTrigger});

package/dist/date-picker/index.d.cts

@@ -0,0 +1,8 @@
+export { SkdxDatePicker } from './DatePicker.cjs';
+export { SkdxDatePickerTrigger } from './DatePickerTrigger.cjs';
+export { SkdxDatePickerPortal } from './DatePickerPortal.cjs';
+export { SkdxDatePickerContent } from './DatePickerContent.cjs';
+export { SkdxDatePickerCalendar } from './DatePickerCalendar.cjs';
+export { SkdxDatePickerInput } from './DatePickerInput.cjs';
+export { SkdxDatePickerTimeField } from './DatePickerTimeField.cjs';
+export { SkdxDatePickerClose } from './DatePickerClose.cjs';

package/dist/date-picker/index.d.ts

@@ -0,0 +1,8 @@
+export { SkdxDatePicker } from './DatePicker.js';
+export { SkdxDatePickerTrigger } from './DatePickerTrigger.js';
+export { SkdxDatePickerPortal } from './DatePickerPortal.js';
+export { SkdxDatePickerContent } from './DatePickerContent.js';
+export { SkdxDatePickerCalendar } from './DatePickerCalendar.js';
+export { SkdxDatePickerInput } from './DatePickerInput.js';
+export { SkdxDatePickerTimeField } from './DatePickerTimeField.js';
+export { SkdxDatePickerClose } from './DatePickerClose.js';

package/dist/date-picker/index.js

@@ -0,0 +1 @@
+import{SkdxDatePicker as t}from"./DatePicker.js";import{SkdxDatePickerTrigger as k}from"./DatePickerTrigger.js";import{SkdxDatePickerPortal as a}from"./DatePickerPortal.js";import{SkdxDatePickerContent as d}from"./DatePickerContent.js";import{SkdxDatePickerCalendar as p}from"./DatePickerCalendar.js";import{SkdxDatePickerInput as c}from"./DatePickerInput.js";import{SkdxDatePickerTimeField as D}from"./DatePickerTimeField.js";import{SkdxDatePickerClose as l}from"./DatePickerClose.js";export{t as SkdxDatePicker,p as SkdxDatePickerCalendar,l as SkdxDatePickerClose,d as SkdxDatePickerContent,c as SkdxDatePickerInput,a as SkdxDatePickerPortal,D as SkdxDatePickerTimeField,k as SkdxDatePickerTrigger};

package/dist/dialog/Dialog.cjs

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

package/dist/dialog/Dialog.d.cts

@@ -0,0 +1,63 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dialog>` — the Web Components implementation of the shared Dialog
+ * contract (see `@skdx/shared`'s `dialogContract`). Renders no visible box
+ * of its own (`display: contents`) — it only owns `open`/`modal` state and
+ * exposes it to descendant `<skdx-dialog-trigger>` / `<skdx-dialog-content>` /
+ * `<skdx-dialog-close>`, which look it up via `closest('skdx-dialog')` (custom
+ * elements have no DI, so the DOM tree itself is the shared context) and
+ * listen for its `open-change` event to know when to re-render.
+ *
+ * `open`/`modal` are plain reflected properties — like a native
+ * `<input>`'s `checked`, there is no separate controlled/uncontrolled mode:
+ * the property is the single source of truth, and a consumer that wants
+ * "controlled" behavior just listens for `open-change` and writes the
+ * property back.
+ *
+ * @example
+ * ```html
+ * <skdx-dialog>
+ *   <skdx-dialog-trigger>Open</skdx-dialog-trigger>
+ *   <skdx-dialog-content>
+ *     <skdx-dialog-title>Edit profile</skdx-dialog-title>
+ *     <skdx-dialog-description>Make changes to your profile here.</skdx-dialog-description>
+ *     <skdx-dialog-close>Close</skdx-dialog-close>
+ *   </skdx-dialog-content>
+ * </skdx-dialog>
+ * ```
+ *
+ * @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-dialog-content>`'s enter or exit animation has finished — immediately, when it declares no animation. Not cancelable: the change has already happened.
+ */
+export declare class SkdxDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Open state. Listen for `open-change` to observe or override changes. */
+    open: boolean;
+    /**
+     * Whether the dialog traps focus and blocks page interaction (native
+     * `showModal()`) or remains non-blocking (native `show()`).
+     * @default true
+     */
+    modal: boolean;
+    readonly contentId: string;
+    readonly titleId: string;
+    readonly descriptionId: string;
+    private hasUpdatedOnce;
+    private teardownOpenChangeComplete?;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    /**
+     * Sets `open` and dispatches a bubbling, composed `open-change` event with
+     * the new value as `detail`. Setting the state it is already in is a no-op —
+     * nothing is dispatched, matching React's `useControllableState`
+     * (`packages/react/src/utils/useControllableState.ts:60`) and the contract
+     * stated at `carousel/Carousel.ts:247-251`.
+     */
+    setOpen(next: boolean): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dialog': SkdxDialog;
+    }
+}

package/dist/dialog/Dialog.d.ts

@@ -0,0 +1,63 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dialog>` — the Web Components implementation of the shared Dialog
+ * contract (see `@skdx/shared`'s `dialogContract`). Renders no visible box
+ * of its own (`display: contents`) — it only owns `open`/`modal` state and
+ * exposes it to descendant `<skdx-dialog-trigger>` / `<skdx-dialog-content>` /
+ * `<skdx-dialog-close>`, which look it up via `closest('skdx-dialog')` (custom
+ * elements have no DI, so the DOM tree itself is the shared context) and
+ * listen for its `open-change` event to know when to re-render.
+ *
+ * `open`/`modal` are plain reflected properties — like a native
+ * `<input>`'s `checked`, there is no separate controlled/uncontrolled mode:
+ * the property is the single source of truth, and a consumer that wants
+ * "controlled" behavior just listens for `open-change` and writes the
+ * property back.
+ *
+ * @example
+ * ```html
+ * <skdx-dialog>
+ *   <skdx-dialog-trigger>Open</skdx-dialog-trigger>
+ *   <skdx-dialog-content>
+ *     <skdx-dialog-title>Edit profile</skdx-dialog-title>
+ *     <skdx-dialog-description>Make changes to your profile here.</skdx-dialog-description>
+ *     <skdx-dialog-close>Close</skdx-dialog-close>
+ *   </skdx-dialog-content>
+ * </skdx-dialog>
+ * ```
+ *
+ * @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-dialog-content>`'s enter or exit animation has finished — immediately, when it declares no animation. Not cancelable: the change has already happened.
+ */
+export declare class SkdxDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Open state. Listen for `open-change` to observe or override changes. */
+    open: boolean;
+    /**
+     * Whether the dialog traps focus and blocks page interaction (native
+     * `showModal()`) or remains non-blocking (native `show()`).
+     * @default true
+     */
+    modal: boolean;
+    readonly contentId: string;
+    readonly titleId: string;
+    readonly descriptionId: string;
+    private hasUpdatedOnce;
+    private teardownOpenChangeComplete?;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    /**
+     * Sets `open` and dispatches a bubbling, composed `open-change` event with
+     * the new value as `detail`. Setting the state it is already in is a no-op —
+     * nothing is dispatched, matching React's `useControllableState`
+     * (`packages/react/src/utils/useControllableState.ts:60`) and the contract
+     * stated at `carousel/Carousel.ts:247-251`.
+     */
+    setOpen(next: boolean): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dialog': SkdxDialog;
+    }
+}

package/dist/dialog/Dialog.js

@@ -0,0 +1,5 @@
+var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var s=(a,r,e,n)=>{for(var t=n>1?void 0:n?m(r,e):r,d=a.length-1,i;d>=0;d--)(i=a[d])&&(t=(n?i(r,e,t):i(t))||t);return n&&t&&c(r,e,t),t};import{css as h,html as u,LitElement as f}from"lit";import{property as l}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{nextId as p}from"../internal/ids.js";import{notifyOpenChangeComplete as C}from"../internal/open-change-complete.js";import{optOutBoolean as b}from"../internal/positioning.js";var o=class extends f{constructor(){super(...arguments);this.open=!1;this.modal=!0;this.contentId=p("skdx-dialog-content");this.titleId=p("skdx-dialog-title");this.descriptionId=p("skdx-dialog-description");this.hasUpdatedOnce=!1}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let n=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("open")&&!n&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=C(()=>this.querySelector("skdx-dialog-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,this.dispatchEvent(new CustomEvent("open-change",{detail:e,bubbles:!0,composed:!0})))}render(){return u`<slot></slot>`}};o.styles=h`
+    :host {
+      display: contents;
+    }
+  `,s([l({type:Boolean,reflect:!0})],o.prototype,"open",2),s([l({converter:b,reflect:!0})],o.prototype,"modal",2),o=s([v("skdx-dialog")],o);export{o as SkdxDialog};

package/dist/dialog/DialogClose.cjs

@@ -0,0 +1,9 @@
+"use strict";var d=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var b=(e,o)=>{for(var l in o)d(e,l,{get:o[l],enumerable:!0})},f=(e,o,l,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of u(o))!k.call(e,t)&&t!==l&&d(e,t,{get:()=>o[t],enumerable:!(i=m(o,t))||i.enumerable});return e};var v=e=>f(d({},"__esModule",{value:!0}),e),p=(e,o,l,i)=>{for(var t=i>1?void 0:i?m(o,l):o,n=e.length-1,c;n>=0;n--)(c=e[n])&&(t=(i?c(o,l,t):c(t))||t);return i&&t&&d(o,l,t),t};var E={};b(E,{SkdxDialogClose:()=>s});module.exports=v(E);var r=require("lit"),h=require("../internal/closest.cjs"),g=require("../internal/define.cjs"),a=require("../internal/styles.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.dialogEl=null;this.handleClick=()=>this.dialogEl?.setOpen(!1)}connectedCallback(){if(super.connectedCallback(),this.dialogEl=(0,h.closestThroughPortal)(this,"skdx-dialog"),!this.dialogEl)throw new Error("<skdx-dialog-close> must be used inside <skdx-dialog>.")}render(){return r.html`
+      <button part="close" type="button" @click=${this.handleClick}>
+        <slot></slot>
+      </button>
+    `}};s.shadowRootOptions=a.delegatesFocusShadowRootOptions,s.styles=[a.resetNativeControl,r.css`
+      :host {
+        display: inline-block;
+      }
+    `,a.controlBoxOnHost],s=p([(0,g.customElement)("skdx-dialog-close","dialog","close")],s);0&&(module.exports={SkdxDialogClose});

package/dist/dialog/DialogClose.d.cts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dialog-close>` — button that closes the dialog when clicked. Renders
+ * inside `<skdx-dialog-content>` anywhere (e.g. a footer "Cancel" button).
+ * Must be used inside `<skdx-dialog>`.
+ *
+ * @csspart close - The native `<button>` element inside the shadow root.
+ */
+export declare class SkdxDialogClose extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    private dialogEl;
+    connectedCallback(): void;
+    private readonly handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dialog-close': SkdxDialogClose;
+    }
+}

package/dist/dialog/DialogClose.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dialog-close>` — button that closes the dialog when clicked. Renders
+ * inside `<skdx-dialog-content>` anywhere (e.g. a footer "Cancel" button).
+ * Must be used inside `<skdx-dialog>`.
+ *
+ * @csspart close - The native `<button>` element inside the shadow root.
+ */
+export declare class SkdxDialogClose extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    private dialogEl;
+    connectedCallback(): void;
+    private readonly handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dialog-close': SkdxDialogClose;
+    }
+}

package/dist/dialog/DialogClose.js

@@ -0,0 +1,9 @@
+var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=(i,e,s,l)=>{for(var o=l>1?void 0:l?c(e,s):e,r=i.length-1,a;r>=0;r--)(a=i[r])&&(o=(l?a(e,s,o):a(o))||o);return l&&o&&n(e,s,o),o};import{css as m,html as p,LitElement as h}from"lit";import{closestThroughPortal as g}from"../internal/closest.js";import{customElement as u}from"../internal/define.js";import{controlBoxOnHost as k,delegatesFocusShadowRootOptions as b,resetNativeControl as f}from"../internal/styles.js";var t=class extends h{constructor(){super(...arguments);this.dialogEl=null;this.handleClick=()=>this.dialogEl?.setOpen(!1)}connectedCallback(){if(super.connectedCallback(),this.dialogEl=g(this,"skdx-dialog"),!this.dialogEl)throw new Error("<skdx-dialog-close> must be used inside <skdx-dialog>.")}render(){return p`
+      <button part="close" type="button" @click=${this.handleClick}>
+        <slot></slot>
+      </button>
+    `}};t.shadowRootOptions=b,t.styles=[f,m`
+      :host {
+        display: inline-block;
+      }
+    `,k],t=d([u("skdx-dialog-close","dialog","close")],t);export{t as SkdxDialogClose};

package/dist/dialog/DialogContent.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var O=(s,o)=>{for(var t in o)a(s,t,{get:o[t],enumerable:!0})},D=(s,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of E(o))!w.call(s,i)&&i!==t&&a(s,i,{get:()=>o[i],enumerable:!(e=h(o,i))||e.enumerable});return s};var L=s=>D(a({},"__esModule",{value:!0}),s),p=(s,o,t,e)=>{for(var i=e>1?void 0:e?h(o,t):o,l=s.length-1,c;l>=0;l--)(c=s[l])&&(i=(e?c(o,t,i):c(i))||i);return e&&i&&a(o,t,i),i};var x={};O(x,{SkdxDialogContent:()=>r});module.exports=L(x);var f=require("lit"),m=require("../internal/closest.cjs"),g=require("../internal/define.cjs"),n=require("../internal/dismiss.cjs"),u=require("../internal/ids.cjs"),y=require("../internal/part.cjs"),b=require("../internal/styles.cjs");var d=0,k="",A="";function F(){if(d===0){let s=window.innerWidth-document.documentElement.clientWidth;k=document.body.style.overflow,A=document.body.style.paddingRight,document.body.style.overflow="hidden",s>0&&(document.body.style.paddingRight=`${s}px`)}d++}function v(){d=Math.max(0,d-1),d===0&&(document.body.style.overflow=k,document.body.style.paddingRight=A)}var r=class extends f.LitElement{constructor(){super(...arguments);this.childObserver=new MutationObserver(()=>{this.adoptChildren(),this.syncHostAttributes()});this.dialogAncestor=null;this.locked=!1;this.wasOpen=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.syncNativeDialog());this.handleCancel=t=>{(0,n.dispatchEscapeKeyDown)(this,t)||t.preventDefault()};this.handleClose=()=>this.dialogAncestor?.setOpen(!1);this.handleBackdropClick=t=>{t.target===this.nativeDialog&&(0,n.dispatchOutside)(this,"pointer-down-outside",t)&&this.dialogAncestor?.modal&&this.nativeDialog?.close?.()};this.handleOutsideFocus=t=>{if(!this.dialogAncestor?.open)return;let e=(0,n.focusOutsideTarget)(t);!e||this.contains(e)||(0,n.dispatchOutside)(this,"focus-outside",t)&&this.dialogAncestor.modal&&this.nativeDialog?.close?.()}}createRenderRoot(){let t=document.createElement("dialog");return t.setAttribute("part","content"),(0,y.applyHostPart)(t,"dialog","content"),t.addEventListener("cancel",this.handleCancel),t.addEventListener("close",this.handleClose),t.addEventListener("click",this.handleBackdropClick),this.append(t),this.adoptChildren(),t}adoptChildren(){let t=this.nativeDialog;if(!t)return;let e=document.activeElement;for(let i of Array.from(this.childNodes))i!==t&&t.append(i);e&&document.activeElement!==e&&t.contains(e)&&e.focus({preventScroll:!0})}connectedCallback(){if(super.connectedCallback(),(0,b.installLightDomStyles)(),this.dialogAncestor=(0,m.closestThroughPortal)(this,"skdx-dialog"),!this.dialogAncestor)throw new Error("<skdx-dialog-content> must be used inside <skdx-dialog>.");this.observer.observe(this.dialogAncestor,{attributeFilter:["open","modal"]}),this.childObserver.observe(this,{childList:!0}),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.childObserver.disconnect(),document.removeEventListener("focusin",this.handleOutsideFocus),this.locked&&(v(),this.locked=!1),super.disconnectedCallback()}firstUpdated(){this.syncNativeDialog()}syncHostAttributes(){let t=this.dialogAncestor;if(!t)return;this.id=t.contentId,this.setAttribute("role","dialog"),t.modal?this.setAttribute("aria-modal","true"):this.removeAttribute("aria-modal");let e=this.querySelector("skdx-dialog-title"),i=this.querySelector("skdx-dialog-description");e&&this.setAttribute("aria-labelledby",(0,u.ensureId)(e,"skdx-dialog-content","title")),i&&this.setAttribute("aria-describedby",(0,u.ensureId)(i,"skdx-dialog-content","description"));let l=t.open?"open":"closed";this.setAttribute("data-state",l),this.nativeDialog?.setAttribute("data-state",l)}get nativeDialog(){return this.querySelector("dialog")}syncNativeDialog(){this.syncHostAttributes();let t=this.dialogAncestor,e=this.nativeDialog;if(!t||!e)return;t.open&&!e.open?(0,n.focusOnOpen)(()=>{t.modal?e.showModal?.():e.show?.()}):!t.open&&e.open&&(0,n.focusOnOpen)(()=>e.close?.());let i=t.open&&t.modal;i&&!this.locked?F():!i&&this.locked&&v(),this.locked=i,this.syncAutoFocus(t.open)}syncAutoFocus(t){if(t!==this.wasOpen){if(this.wasOpen=t,t){this.previouslyFocused=document.activeElement,requestAnimationFrame(()=>(0,n.focusOnOpen)(()=>{(0,n.dispatchAutoFocus)(this,"open-auto-focus")&&(this.contains(document.activeElement)||this.focus({preventScroll:!0}))}));return}(0,n.dispatchAutoFocus)(this,"close-auto-focus")&&this.previouslyFocused&&document.contains(this.previouslyFocused)&&this.previouslyFocused.focus?.({preventScroll:!0})}}};r=p([(0,g.customElement)("skdx-dialog-content")],r);0&&(module.exports={SkdxDialogContent});

package/dist/dialog/DialogContent.d.cts

@@ -0,0 +1,97 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dialog-content>` — the dialog's panel. Renders a native `<dialog>`
+ * in the **light DOM** and imperatively calls `showModal()`/`show()`/`close()`
+ * as the ancestor `<skdx-dialog>`'s open state changes — this is what gives
+ * focus trapping, top-layer stacking, and focus-return-to-invoker for free.
+ * Closes on Escape, and — while modal — on an outside interaction: a click
+ * landing on the dialog's own backdrop area, or focus moving outside. Each
+ * outside interaction is announced first as `interact-outside` and then as
+ * the specific `pointer-down-outside`/`focus-outside`, so a single
+ * `preventDefault()` (there or on `escape-key-down`) keeps it open.
+ *
+ * The two focus moves made on the dialog's behalf are announced first as
+ * `open-auto-focus`/`close-auto-focus`, cancelable the same way. The native
+ * `<dialog>` performs those moves itself in a real browser, so preventing
+ * them is the consumer's cue to place focus by hand — this element's own
+ * fallback focus move (which matters where the native one didn't happen) is
+ * what actually gets suppressed.
+ *
+ * `role`, `aria-modal`, `aria-labelledby`, and `aria-describedby` stay on this
+ * **host** element, not on the `<dialog>`. They were put here when the
+ * `<dialog>` was in shadow DOM and an IDREF could not reach it; they stay here
+ * now because the host is the element carrying {@link SkdxDialog.contentId},
+ * which `<skdx-dialog-trigger>`'s `aria-controls` points at. Must be used
+ * inside `<skdx-dialog>`.
+ *
+ * @fires escape-key-down - Escape was pressed while open (detail: the native `cancel` Event). Preventable.
+ * @fires pointer-down-outside - A click landed on the backdrop while open (detail: the MouseEvent). 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.
+ * @fires open-auto-focus - Fired before focus is moved into the content on open. Preventing it leaves focus where it is.
+ * @fires close-auto-focus - Fired before focus is returned to whatever was focused before opening. Preventing it suppresses the return.
+ * @csspart content - The native `<dialog>` element. **`::part(content)` does not reach it.**
+ * This element renders into the light DOM (see `createRenderRoot` below) and `::part()` only
+ * matches inside a shadow root, so the `part` attribute is inert here. It is kept so the name
+ * matches the shadow-DOM components and the styling-hooks contract. Style it as an ordinary
+ * descendant instead: `skdx-dialog-content > dialog { … }`.
+ */
+export declare class SkdxDialogContent extends LitElement {
+    /**
+     * Light DOM, with the `<dialog>` itself as the render root.
+     *
+     * `@skdx/skins` is a document stylesheet, so it cannot cross a shadow
+     * boundary — and every rule that paints this component names the `<dialog>`:
+     * `.skdx-dialog__content` for the panel surface and the centring, and
+     * `dialog.skdx-dialog__content::backdrop` for the scrim. That last one is
+     * *tag-qualified* and generates on a top-layer element, so nothing on the
+     * host can stand in for it: the class has to be on the `<dialog>`, and the
+     * `<dialog>` has to be in the consumer's tree. Behind a shadow root none of
+     * it matched and a skinned dialog rendered as bare UA chrome with no scrim.
+     *
+     * Making the `<dialog>` the render root — rather than `this` — keeps the
+     * host to a single child, and keeps Lit's part markers out of the way of
+     * {@link adoptChildren}, which has to move the consumer's own children in
+     * here because a light-DOM element has no `<slot>` to project them through.
+     */
+    createRenderRoot(): HTMLElement;
+    /**
+     * Moves everything the consumer put in this element into the `<dialog>`.
+     *
+     * Terminates without a re-entrancy flag: {@link childObserver} watches this
+     * host's `childList` only (no `subtree`), so the appends *into* the
+     * `<dialog>` are invisible to it and only the matching removals from the
+     * host are recorded. The pass those queue finds nothing left to move and
+     * mutates nothing, so the loop stops after one no-op.
+     */
+    private adoptChildren;
+    /** Children appended after the first render still have to end up in the `<dialog>`. */
+    private readonly childObserver;
+    private dialogAncestor;
+    private locked;
+    private wasOpen;
+    private previouslyFocused;
+    private readonly observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    private syncHostAttributes;
+    /**
+     * The `<dialog>` created by {@link createRenderRoot} — a light-DOM child, so
+     * this is a plain `querySelector` rather than a walk through `shadowRoot`.
+     * Always the first `<dialog>` in the subtree: it is appended before any of
+     * the consumer's own children are adopted into it.
+     */
+    private get nativeDialog();
+    private syncNativeDialog;
+    private syncAutoFocus;
+    private readonly handleCancel;
+    private readonly handleClose;
+    private readonly handleBackdropClick;
+    private readonly handleOutsideFocus;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dialog-content': SkdxDialogContent;
+    }
+}

package/dist/dialog/DialogContent.d.ts

@@ -0,0 +1,97 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dialog-content>` — the dialog's panel. Renders a native `<dialog>`
+ * in the **light DOM** and imperatively calls `showModal()`/`show()`/`close()`
+ * as the ancestor `<skdx-dialog>`'s open state changes — this is what gives
+ * focus trapping, top-layer stacking, and focus-return-to-invoker for free.
+ * Closes on Escape, and — while modal — on an outside interaction: a click
+ * landing on the dialog's own backdrop area, or focus moving outside. Each
+ * outside interaction is announced first as `interact-outside` and then as
+ * the specific `pointer-down-outside`/`focus-outside`, so a single
+ * `preventDefault()` (there or on `escape-key-down`) keeps it open.
+ *
+ * The two focus moves made on the dialog's behalf are announced first as
+ * `open-auto-focus`/`close-auto-focus`, cancelable the same way. The native
+ * `<dialog>` performs those moves itself in a real browser, so preventing
+ * them is the consumer's cue to place focus by hand — this element's own
+ * fallback focus move (which matters where the native one didn't happen) is
+ * what actually gets suppressed.
+ *
+ * `role`, `aria-modal`, `aria-labelledby`, and `aria-describedby` stay on this
+ * **host** element, not on the `<dialog>`. They were put here when the
+ * `<dialog>` was in shadow DOM and an IDREF could not reach it; they stay here
+ * now because the host is the element carrying {@link SkdxDialog.contentId},
+ * which `<skdx-dialog-trigger>`'s `aria-controls` points at. Must be used
+ * inside `<skdx-dialog>`.
+ *
+ * @fires escape-key-down - Escape was pressed while open (detail: the native `cancel` Event). Preventable.
+ * @fires pointer-down-outside - A click landed on the backdrop while open (detail: the MouseEvent). 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.
+ * @fires open-auto-focus - Fired before focus is moved into the content on open. Preventing it leaves focus where it is.
+ * @fires close-auto-focus - Fired before focus is returned to whatever was focused before opening. Preventing it suppresses the return.
+ * @csspart content - The native `<dialog>` element. **`::part(content)` does not reach it.**
+ * This element renders into the light DOM (see `createRenderRoot` below) and `::part()` only
+ * matches inside a shadow root, so the `part` attribute is inert here. It is kept so the name
+ * matches the shadow-DOM components and the styling-hooks contract. Style it as an ordinary
+ * descendant instead: `skdx-dialog-content > dialog { … }`.
+ */
+export declare class SkdxDialogContent extends LitElement {
+    /**
+     * Light DOM, with the `<dialog>` itself as the render root.
+     *
+     * `@skdx/skins` is a document stylesheet, so it cannot cross a shadow
+     * boundary — and every rule that paints this component names the `<dialog>`:
+     * `.skdx-dialog__content` for the panel surface and the centring, and
+     * `dialog.skdx-dialog__content::backdrop` for the scrim. That last one is
+     * *tag-qualified* and generates on a top-layer element, so nothing on the
+     * host can stand in for it: the class has to be on the `<dialog>`, and the
+     * `<dialog>` has to be in the consumer's tree. Behind a shadow root none of
+     * it matched and a skinned dialog rendered as bare UA chrome with no scrim.
+     *
+     * Making the `<dialog>` the render root — rather than `this` — keeps the
+     * host to a single child, and keeps Lit's part markers out of the way of
+     * {@link adoptChildren}, which has to move the consumer's own children in
+     * here because a light-DOM element has no `<slot>` to project them through.
+     */
+    createRenderRoot(): HTMLElement;
+    /**
+     * Moves everything the consumer put in this element into the `<dialog>`.
+     *
+     * Terminates without a re-entrancy flag: {@link childObserver} watches this
+     * host's `childList` only (no `subtree`), so the appends *into* the
+     * `<dialog>` are invisible to it and only the matching removals from the
+     * host are recorded. The pass those queue finds nothing left to move and
+     * mutates nothing, so the loop stops after one no-op.
+     */
+    private adoptChildren;
+    /** Children appended after the first render still have to end up in the `<dialog>`. */
+    private readonly childObserver;
+    private dialogAncestor;
+    private locked;
+    private wasOpen;
+    private previouslyFocused;
+    private readonly observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    private syncHostAttributes;
+    /**
+     * The `<dialog>` created by {@link createRenderRoot} — a light-DOM child, so
+     * this is a plain `querySelector` rather than a walk through `shadowRoot`.
+     * Always the first `<dialog>` in the subtree: it is appended before any of
+     * the consumer's own children are adopted into it.
+     */
+    private get nativeDialog();
+    private syncNativeDialog;
+    private syncAutoFocus;
+    private readonly handleCancel;
+    private readonly handleClose;
+    private readonly handleBackdropClick;
+    private readonly handleOutsideFocus;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dialog-content': SkdxDialogContent;
+    }
+}

package/dist/dialog/DialogContent.js

@@ -0,0 +1 @@
+var g=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var c=(o,n,t,e)=>{for(var i=e>1?void 0:e?y(n,t):n,s=o.length-1,d;s>=0;s--)(d=o[s])&&(i=(e?d(n,t,i):d(i))||i);return e&&i&&g(n,t,i),i};import{LitElement as b}from"lit";import{closestThroughPortal as k}from"../internal/closest.js";import{customElement as A}from"../internal/define.js";import{dispatchAutoFocus as u,dispatchEscapeKeyDown as E,dispatchOutside as h,focusOnOpen as a,focusOutsideTarget as w}from"../internal/dismiss.js";import{ensureId as p}from"../internal/ids.js";import{applyHostPart as O}from"../internal/part.js";import{installLightDomStyles as D}from"../internal/styles.js";var l=0,f="",m="";function L(){if(l===0){let o=window.innerWidth-document.documentElement.clientWidth;f=document.body.style.overflow,m=document.body.style.paddingRight,document.body.style.overflow="hidden",o>0&&(document.body.style.paddingRight=`${o}px`)}l++}function v(){l=Math.max(0,l-1),l===0&&(document.body.style.overflow=f,document.body.style.paddingRight=m)}var r=class extends b{constructor(){super(...arguments);this.childObserver=new MutationObserver(()=>{this.adoptChildren(),this.syncHostAttributes()});this.dialogAncestor=null;this.locked=!1;this.wasOpen=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.syncNativeDialog());this.handleCancel=t=>{E(this,t)||t.preventDefault()};this.handleClose=()=>this.dialogAncestor?.setOpen(!1);this.handleBackdropClick=t=>{t.target===this.nativeDialog&&h(this,"pointer-down-outside",t)&&this.dialogAncestor?.modal&&this.nativeDialog?.close?.()};this.handleOutsideFocus=t=>{if(!this.dialogAncestor?.open)return;let e=w(t);!e||this.contains(e)||h(this,"focus-outside",t)&&this.dialogAncestor.modal&&this.nativeDialog?.close?.()}}createRenderRoot(){let t=document.createElement("dialog");return t.setAttribute("part","content"),O(t,"dialog","content"),t.addEventListener("cancel",this.handleCancel),t.addEventListener("close",this.handleClose),t.addEventListener("click",this.handleBackdropClick),this.append(t),this.adoptChildren(),t}adoptChildren(){let t=this.nativeDialog;if(!t)return;let e=document.activeElement;for(let i of Array.from(this.childNodes))i!==t&&t.append(i);e&&document.activeElement!==e&&t.contains(e)&&e.focus({preventScroll:!0})}connectedCallback(){if(super.connectedCallback(),D(),this.dialogAncestor=k(this,"skdx-dialog"),!this.dialogAncestor)throw new Error("<skdx-dialog-content> must be used inside <skdx-dialog>.");this.observer.observe(this.dialogAncestor,{attributeFilter:["open","modal"]}),this.childObserver.observe(this,{childList:!0}),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.childObserver.disconnect(),document.removeEventListener("focusin",this.handleOutsideFocus),this.locked&&(v(),this.locked=!1),super.disconnectedCallback()}firstUpdated(){this.syncNativeDialog()}syncHostAttributes(){let t=this.dialogAncestor;if(!t)return;this.id=t.contentId,this.setAttribute("role","dialog"),t.modal?this.setAttribute("aria-modal","true"):this.removeAttribute("aria-modal");let e=this.querySelector("skdx-dialog-title"),i=this.querySelector("skdx-dialog-description");e&&this.setAttribute("aria-labelledby",p(e,"skdx-dialog-content","title")),i&&this.setAttribute("aria-describedby",p(i,"skdx-dialog-content","description"));let s=t.open?"open":"closed";this.setAttribute("data-state",s),this.nativeDialog?.setAttribute("data-state",s)}get nativeDialog(){return this.querySelector("dialog")}syncNativeDialog(){this.syncHostAttributes();let t=this.dialogAncestor,e=this.nativeDialog;if(!t||!e)return;t.open&&!e.open?a(()=>{t.modal?e.showModal?.():e.show?.()}):!t.open&&e.open&&a(()=>e.close?.());let i=t.open&&t.modal;i&&!this.locked?L():!i&&this.locked&&v(),this.locked=i,this.syncAutoFocus(t.open)}syncAutoFocus(t){if(t!==this.wasOpen){if(this.wasOpen=t,t){this.previouslyFocused=document.activeElement,requestAnimationFrame(()=>a(()=>{u(this,"open-auto-focus")&&(this.contains(document.activeElement)||this.focus({preventScroll:!0}))}));return}u(this,"close-auto-focus")&&this.previouslyFocused&&document.contains(this.previouslyFocused)&&this.previouslyFocused.focus?.({preventScroll:!0})}}};r=c([A("skdx-dialog-content")],r);export{r as SkdxDialogContent};

package/dist/dialog/DialogDescription.cjs

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

package/dist/dialog/DialogDescription.d.cts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-dialog-description>` — renders a `<p>` in shadow DOM. The parent
+ * `<skdx-dialog-content>` assigns this element's light-DOM `id` (if it
+ * doesn't already have one) and points its own `aria-describedby` at it.
+ *
+ * @csspart description - The `<p>` element inside the shadow root.
+ */
+export declare class SkdxDialogDescription extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dialog-description': SkdxDialogDescription;
+    }
+}