@skdx/web-components 0.26.0

package/dist/alert/AlertIcon.d.cts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-icon>` — purely decorative icon slot for `<skdx-alert>`, always
+ * rendered with `aria-hidden="true"`.
+ *
+ * @csspart icon - The `<span>` element inside the shadow root.
+ */
+export declare class SkdxAlertIcon extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-alert-icon': SkdxAlertIcon;
+    }
+}

package/dist/alert/AlertIcon.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-icon>` — purely decorative icon slot for `<skdx-alert>`, always
+ * rendered with `aria-hidden="true"`.
+ *
+ * @csspart icon - The `<span>` element inside the shadow root.
+ */
+export declare class SkdxAlertIcon extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-alert-icon': SkdxAlertIcon;
+    }
+}

package/dist/alert/AlertIcon.js

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

package/dist/alert/AlertTitle.cjs

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

package/dist/alert/AlertTitle.d.cts

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

package/dist/alert/AlertTitle.d.ts

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

package/dist/alert/AlertTitle.js

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

package/dist/alert/index.cjs

@@ -0,0 +1 @@
+"use strict";var x=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var n=(o,r)=>{for(var t in r)x(o,t,{get:r[t],enumerable:!0})},s=(o,r,t,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of i(r))!c.call(o,e)&&e!==t&&x(o,e,{get:()=>r[e],enumerable:!(l=S(r,e))||l.enumerable});return o};var C=o=>s(x({},"__esModule",{value:!0}),o);var D={};n(D,{SkdxAlert:()=>p.SkdxAlert,SkdxAlertAction:()=>m.SkdxAlertAction,SkdxAlertClose:()=>k.SkdxAlertClose,SkdxAlertDescription:()=>d.SkdxAlertDescription,SkdxAlertIcon:()=>f.SkdxAlertIcon,SkdxAlertTitle:()=>A.SkdxAlertTitle});module.exports=C(D);var p=require("./Alert.cjs"),A=require("./AlertTitle.cjs"),d=require("./AlertDescription.cjs"),f=require("./AlertIcon.cjs"),k=require("./AlertClose.cjs"),m=require("./AlertAction.cjs");0&&(module.exports={SkdxAlert,SkdxAlertAction,SkdxAlertClose,SkdxAlertDescription,SkdxAlertIcon,SkdxAlertTitle});

package/dist/alert/index.d.cts

@@ -0,0 +1,6 @@
+export { SkdxAlert } from './Alert.cjs';
+export { SkdxAlertTitle } from './AlertTitle.cjs';
+export { SkdxAlertDescription } from './AlertDescription.cjs';
+export { SkdxAlertIcon } from './AlertIcon.cjs';
+export { SkdxAlertClose } from './AlertClose.cjs';
+export { SkdxAlertAction } from './AlertAction.cjs';

package/dist/alert/index.d.ts

@@ -0,0 +1,6 @@
+export { SkdxAlert } from './Alert.js';
+export { SkdxAlertTitle } from './AlertTitle.js';
+export { SkdxAlertDescription } from './AlertDescription.js';
+export { SkdxAlertIcon } from './AlertIcon.js';
+export { SkdxAlertClose } from './AlertClose.js';
+export { SkdxAlertAction } from './AlertAction.js';

package/dist/alert/index.js

@@ -0,0 +1 @@
+import{SkdxAlert as e}from"./Alert.js";import{SkdxAlertTitle as x}from"./AlertTitle.js";import{SkdxAlertDescription as p}from"./AlertDescription.js";import{SkdxAlertIcon as d}from"./AlertIcon.js";import{SkdxAlertClose as k}from"./AlertClose.js";import{SkdxAlertAction as S}from"./AlertAction.js";export{e as SkdxAlert,S as SkdxAlertAction,k as SkdxAlertClose,p as SkdxAlertDescription,d as SkdxAlertIcon,x as SkdxAlertTitle};

package/dist/alert-dialog/AlertDialog.cjs

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

package/dist/alert-dialog/AlertDialog.d.cts

@@ -0,0 +1,56 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-dialog>` — the Web Components implementation of the shared
+ * AlertDialog contract (see `@skdx/shared`'s `alertDialogContract`).
+ * Renders no visible box of its own (`display: contents`) — it only owns
+ * `open` state and exposes it to descendant `<skdx-alert-dialog-trigger>` /
+ * `<skdx-alert-dialog-content>` / `<skdx-alert-dialog-action>` /
+ * `<skdx-alert-dialog-cancel>`, which look it up via
+ * `closest('skdx-alert-dialog')`.
+ *
+ * Always modal — unlike `<skdx-dialog>` there is no `modal` property, and
+ * `<skdx-alert-dialog-content>` never closes on outside pointer-down, only on
+ * Escape or an explicit Action/Cancel click.
+ *
+ * @example
+ * ```html
+ * <skdx-alert-dialog>
+ *   <skdx-alert-dialog-trigger>Delete account</skdx-alert-dialog-trigger>
+ *   <skdx-alert-dialog-content>
+ *     <skdx-alert-dialog-title>Are you sure?</skdx-alert-dialog-title>
+ *     <skdx-alert-dialog-description>This action cannot be undone.</skdx-alert-dialog-description>
+ *     <skdx-alert-dialog-cancel>Cancel</skdx-alert-dialog-cancel>
+ *     <skdx-alert-dialog-action>Delete</skdx-alert-dialog-action>
+ *   </skdx-alert-dialog-content>
+ * </skdx-alert-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-alert-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 SkdxAlertDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Open state. Listen for `open-change` to observe or override changes. */
+    open: 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-alert-dialog': SkdxAlertDialog;
+    }
+}

package/dist/alert-dialog/AlertDialog.d.ts

@@ -0,0 +1,56 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-dialog>` — the Web Components implementation of the shared
+ * AlertDialog contract (see `@skdx/shared`'s `alertDialogContract`).
+ * Renders no visible box of its own (`display: contents`) — it only owns
+ * `open` state and exposes it to descendant `<skdx-alert-dialog-trigger>` /
+ * `<skdx-alert-dialog-content>` / `<skdx-alert-dialog-action>` /
+ * `<skdx-alert-dialog-cancel>`, which look it up via
+ * `closest('skdx-alert-dialog')`.
+ *
+ * Always modal — unlike `<skdx-dialog>` there is no `modal` property, and
+ * `<skdx-alert-dialog-content>` never closes on outside pointer-down, only on
+ * Escape or an explicit Action/Cancel click.
+ *
+ * @example
+ * ```html
+ * <skdx-alert-dialog>
+ *   <skdx-alert-dialog-trigger>Delete account</skdx-alert-dialog-trigger>
+ *   <skdx-alert-dialog-content>
+ *     <skdx-alert-dialog-title>Are you sure?</skdx-alert-dialog-title>
+ *     <skdx-alert-dialog-description>This action cannot be undone.</skdx-alert-dialog-description>
+ *     <skdx-alert-dialog-cancel>Cancel</skdx-alert-dialog-cancel>
+ *     <skdx-alert-dialog-action>Delete</skdx-alert-dialog-action>
+ *   </skdx-alert-dialog-content>
+ * </skdx-alert-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-alert-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 SkdxAlertDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Open state. Listen for `open-change` to observe or override changes. */
+    open: 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-alert-dialog': SkdxAlertDialog;
+    }
+}

package/dist/alert-dialog/AlertDialog.js

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

package/dist/alert-dialog/AlertDialogAction.cjs

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

package/dist/alert-dialog/AlertDialogAction.d.cts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-dialog-action>` — button that confirms the alert dialog's
+ * primary (often destructive) action and closes it on click. Attach a
+ * `click` listener to actually perform the action. Must be used inside
+ * `<skdx-alert-dialog>`.
+ *
+ * @csspart action - The native `<button>` element inside the shadow root.
+ */
+export declare class SkdxAlertDialogAction extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    private rootEl;
+    connectedCallback(): void;
+    private readonly handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-alert-dialog-action': SkdxAlertDialogAction;
+    }
+}

package/dist/alert-dialog/AlertDialogAction.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-dialog-action>` — button that confirms the alert dialog's
+ * primary (often destructive) action and closes it on click. Attach a
+ * `click` listener to actually perform the action. Must be used inside
+ * `<skdx-alert-dialog>`.
+ *
+ * @csspart action - The native `<button>` element inside the shadow root.
+ */
+export declare class SkdxAlertDialogAction extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    private rootEl;
+    connectedCallback(): void;
+    private readonly handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-alert-dialog-action': SkdxAlertDialogAction;
+    }
+}

package/dist/alert-dialog/AlertDialogAction.js

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

package/dist/alert-dialog/AlertDialogCancel.cjs

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

package/dist/alert-dialog/AlertDialogCancel.d.cts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-dialog-cancel>` — button that dismisses the alert dialog
+ * without taking action. Marked with `data-skdx-alert-dialog-cancel` so
+ * `<skdx-alert-dialog-content>` can send it initial focus on open, per the
+ * "default to the safe action" alertdialog guidance. Must be used inside
+ * `<skdx-alert-dialog>`.
+ *
+ * @csspart cancel - The native `<button>` element inside the shadow root.
+ */
+export declare class SkdxAlertDialogCancel extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    private rootEl;
+    connectedCallback(): void;
+    private readonly handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-alert-dialog-cancel': SkdxAlertDialogCancel;
+    }
+}

package/dist/alert-dialog/AlertDialogCancel.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-dialog-cancel>` — button that dismisses the alert dialog
+ * without taking action. Marked with `data-skdx-alert-dialog-cancel` so
+ * `<skdx-alert-dialog-content>` can send it initial focus on open, per the
+ * "default to the safe action" alertdialog guidance. Must be used inside
+ * `<skdx-alert-dialog>`.
+ *
+ * @csspart cancel - The native `<button>` element inside the shadow root.
+ */
+export declare class SkdxAlertDialogCancel extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult[];
+    private rootEl;
+    connectedCallback(): void;
+    private readonly handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-alert-dialog-cancel': SkdxAlertDialogCancel;
+    }
+}

package/dist/alert-dialog/AlertDialogCancel.js

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

package/dist/alert-dialog/AlertDialogContent.cjs

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

package/dist/alert-dialog/AlertDialogContent.d.cts

@@ -0,0 +1,90 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-dialog-content>` — the alert dialog's panel. Renders a native
+ * `<dialog>` in the **light DOM** and imperatively calls `showModal()`/`close()` as
+ * the ancestor `<skdx-alert-dialog>`'s open state changes, giving focus
+ * trapping and top-layer stacking for free (same approach as
+ * `<skdx-dialog-content>` — see `dialogContract`'s doc comment for why Portal/
+ * Overlay collapse into the native element instead of separate parts).
+ *
+ * Unlike `<skdx-dialog-content>`, an outside interaction never closes it —
+ * only Escape (unless an `escape-key-down` listener calls
+ * `event.preventDefault()`) or an explicit `<skdx-alert-dialog-action>` /
+ * `<skdx-alert-dialog-cancel>` click. It still *reports* outside interaction
+ * (a backdrop click, or focus moving outside) as
+ * `interact-outside` followed by the specific `pointer-down-outside` /
+ * `focus-outside`, so a consumer can nudge the dialog or flash the Cancel
+ * button; there is nothing to veto, since nothing was going to happen.
+ *
+ * Initial focus lands on the Cancel button (the "default to the safe action"
+ * alertdialog guidance), falling back to the container itself, and focus
+ * returns to whatever was focused before on close — both announced first as
+ * `open-auto-focus`/`close-auto-focus`.
+ *
+ * `role`, `aria-modal`, `aria-labelledby`, and `aria-describedby` stay on this
+ * host element rather than on the `<dialog>`: the host is the element carrying
+ * {@link SkdxAlertDialog.contentId}, which the trigger's `aria-controls` points
+ * at. Must be used inside `<skdx-alert-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). Notification only — it never closes the alert dialog.
+ * @fires focus-outside - Focus moved to an element outside this content while open (detail: the original focusin). Notification only.
+ * @fires interact-outside - Either kind of outside interaction, fired immediately before the specific event. Notification only.
+ * @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-alert-dialog-content > dialog { … }`.
+ */
+export declare class SkdxAlertDialogContent extends LitElement {
+    /**
+     * Light DOM, with the `<dialog>` itself as the render root — the same move
+     * `<skdx-dialog-content>` makes, for the same reason. `@skdx/skins` is a
+     * document stylesheet that cannot cross a shadow boundary, and its scrim
+     * selector `dialog.skdx-alert-dialog__content::backdrop` is tag-qualified, so
+     * the class has to sit on the `<dialog>` and the `<dialog>` has to be in the
+     * consumer's tree. See `<skdx-dialog-content>`'s `createRenderRoot()` for the
+     * full argument.
+     */
+    createRenderRoot(): HTMLElement;
+    /**
+     * Moves everything the consumer put in this element into the `<dialog>` —
+     * there is no `<slot>` in a light-DOM element to project them through.
+     *
+     * 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 the pass its removals queue finds
+     * nothing left to move.
+     */
+    private adoptChildren;
+    /** Children appended after the first render still have to end up in the `<dialog>`. */
+    private readonly childObserver;
+    private rootEl;
+    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`.
+     */
+    private get nativeDialog();
+    private syncNativeDialog;
+    private syncAutoFocus;
+    private focusInitialElement;
+    private readonly handleCancel;
+    private readonly handleClose;
+    private readonly handleBackdropClick;
+    private readonly handleOutsideFocus;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-alert-dialog-content': SkdxAlertDialogContent;
+    }
+}

package/dist/alert-dialog/AlertDialogContent.d.ts

@@ -0,0 +1,90 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-alert-dialog-content>` — the alert dialog's panel. Renders a native
+ * `<dialog>` in the **light DOM** and imperatively calls `showModal()`/`close()` as
+ * the ancestor `<skdx-alert-dialog>`'s open state changes, giving focus
+ * trapping and top-layer stacking for free (same approach as
+ * `<skdx-dialog-content>` — see `dialogContract`'s doc comment for why Portal/
+ * Overlay collapse into the native element instead of separate parts).
+ *
+ * Unlike `<skdx-dialog-content>`, an outside interaction never closes it —
+ * only Escape (unless an `escape-key-down` listener calls
+ * `event.preventDefault()`) or an explicit `<skdx-alert-dialog-action>` /
+ * `<skdx-alert-dialog-cancel>` click. It still *reports* outside interaction
+ * (a backdrop click, or focus moving outside) as
+ * `interact-outside` followed by the specific `pointer-down-outside` /
+ * `focus-outside`, so a consumer can nudge the dialog or flash the Cancel
+ * button; there is nothing to veto, since nothing was going to happen.
+ *
+ * Initial focus lands on the Cancel button (the "default to the safe action"
+ * alertdialog guidance), falling back to the container itself, and focus
+ * returns to whatever was focused before on close — both announced first as
+ * `open-auto-focus`/`close-auto-focus`.
+ *
+ * `role`, `aria-modal`, `aria-labelledby`, and `aria-describedby` stay on this
+ * host element rather than on the `<dialog>`: the host is the element carrying
+ * {@link SkdxAlertDialog.contentId}, which the trigger's `aria-controls` points
+ * at. Must be used inside `<skdx-alert-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). Notification only — it never closes the alert dialog.
+ * @fires focus-outside - Focus moved to an element outside this content while open (detail: the original focusin). Notification only.
+ * @fires interact-outside - Either kind of outside interaction, fired immediately before the specific event. Notification only.
+ * @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-alert-dialog-content > dialog { … }`.
+ */
+export declare class SkdxAlertDialogContent extends LitElement {
+    /**
+     * Light DOM, with the `<dialog>` itself as the render root — the same move
+     * `<skdx-dialog-content>` makes, for the same reason. `@skdx/skins` is a
+     * document stylesheet that cannot cross a shadow boundary, and its scrim
+     * selector `dialog.skdx-alert-dialog__content::backdrop` is tag-qualified, so
+     * the class has to sit on the `<dialog>` and the `<dialog>` has to be in the
+     * consumer's tree. See `<skdx-dialog-content>`'s `createRenderRoot()` for the
+     * full argument.
+     */
+    createRenderRoot(): HTMLElement;
+    /**
+     * Moves everything the consumer put in this element into the `<dialog>` —
+     * there is no `<slot>` in a light-DOM element to project them through.
+     *
+     * 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 the pass its removals queue finds
+     * nothing left to move.
+     */
+    private adoptChildren;
+    /** Children appended after the first render still have to end up in the `<dialog>`. */
+    private readonly childObserver;
+    private rootEl;
+    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`.
+     */
+    private get nativeDialog();
+    private syncNativeDialog;
+    private syncAutoFocus;
+    private focusInitialElement;
+    private readonly handleCancel;
+    private readonly handleClose;
+    private readonly handleBackdropClick;
+    private readonly handleOutsideFocus;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-alert-dialog-content': SkdxAlertDialogContent;
+    }
+}

package/dist/alert-dialog/AlertDialogContent.js

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

package/dist/alert-dialog/AlertDialogDescription.cjs

@@ -0,0 +1,5 @@
+"use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var b=(r,e)=>{for(var s in e)d(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&&d(r,t,{get:()=>e[t],enumerable:!(o=p(e,t))||o.enumerable});return r};var h=r=>g(d({},"__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&&d(e,s,t),t};var u={};b(u,{SkdxAlertDialogDescription:()=>a});module.exports=h(u);var l=require("lit"),n=require("../internal/define.cjs");var a=class extends l.LitElement{render(){return l.html`<p part="description"><slot></slot></p>`}};a.styles=l.css`
+    :host {
+      display: block;
+    }
+  `,a=c([(0,n.customElement)("skdx-alert-dialog-description","alert-dialog","description")],a);0&&(module.exports={SkdxAlertDialogDescription});