@skdx/web-components 0.28.0 → 0.30.0

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

@@ -1,29 +0,0 @@
-import type { SkdxAlertDialog } from './AlertDialog.js';
-import './AlertDialogPortal.js';
-import './AlertDialogOverlay.js';
-import './AlertDialogContent.js';
-import './AlertDialogTitle.js';
-import './AlertDialogDescription.js';
-import './AlertDialogCancel.js';
-import './AlertDialogAction.js';
-/** @internal Marks a direct child of `<skdx-alert-dialog>` this module generated. */
-export declare const ALERT_DIALOG_ANATOMY_GENERATED = "data-skdx-alert-dialog-generated";
-/**
- * Builds canonical anatomy: portalled overlay and panel with optional
- * title/description, body content, and always-generated Cancel/Action pair
- * labelled from `cancelLabel`/`confirmLabel`—as light-DOM children of root.
- *
- * Action buttons always present (WAI-ARIA `alertdialog` pattern requires answer);
- * unlike Dialog/Drawer, no dismiss-gated affordance. `tone` on Action alone, not panel.
- * Host id/class/style/data-* / aria-* forward to Content.
- * @internal
- */
-export declare function fillAlertDialogAnatomy(root: SkdxAlertDialog): void;
-/**
- * Refreshes the generated Title/Description/Cancel/Action text and the
- * Action's `data-tone` in place — the parts of the anatomy that can change
- * without a structural rebuild. A no-op when the anatomy has not been (or is
- * no longer) generated.
- * @internal
- */
-export declare function refreshAlertDialogAnatomyText(root: SkdxAlertDialog): void;

package/dist/alert-dialog/AlertDialogAnatomy.js

@@ -1 +0,0 @@
-import{forwardHostAttributesToContent as g}from"../internal/host-attributes.js";import"./AlertDialogPortal.js";import"./AlertDialogOverlay.js";import"./AlertDialogContent.js";import"./AlertDialogTitle.js";import"./AlertDialogDescription.js";import"./AlertDialogCancel.js";import"./AlertDialogAction.js";var p="data-skdx-alert-dialog-generated",u=new Set(["skdx-alert-dialog-title","skdx-alert-dialog-description","skdx-alert-dialog-cancel","skdx-alert-dialog-action"]);function m(t){return t.querySelector(`:scope > skdx-alert-dialog-portal[${p}]`)?.portalHost.querySelector("skdx-alert-dialog-content")??null}function T(t){let e=m(t),a=e?.querySelector(":scope > dialog")??e,i=Array.from(a?a.childNodes:t.childNodes).filter(n=>n.nodeType!==Node.ELEMENT_NODE||!u.has(n.tagName.toLowerCase())),o=document.createElement("skdx-alert-dialog-portal");o.setAttribute(p,"");let x=document.createElement("skdx-alert-dialog-overlay"),l=document.createElement("skdx-alert-dialog-content");if(g(t,l),t.title){let n=document.createElement("skdx-alert-dialog-title");n.textContent=t.title,l.append(n)}if(t.description){let n=document.createElement("skdx-alert-dialog-description");n.textContent=t.description,l.append(n)}l.append(...i);let s=document.createElement("skdx-alert-dialog-cancel");s.textContent=t.cancelLabel;let d=document.createElement("skdx-alert-dialog-action");d.textContent=t.confirmLabel,d.setAttribute("data-tone",t.tone),l.append(s,d),o.append(x,l),t.replaceChildren(o)}function r(t,e){return t.querySelector(`:scope > ${e}, :scope > dialog > ${e}`)}function S(t){let e=m(t);if(!e)return;let a=r(e,"skdx-alert-dialog-title");a&&t.title&&(a.textContent=t.title);let c=r(e,"skdx-alert-dialog-description");c&&t.description&&(c.textContent=t.description);let i=r(e,"skdx-alert-dialog-cancel");i&&(i.textContent=t.cancelLabel);let o=r(e,"skdx-alert-dialog-action");o&&(o.textContent=t.confirmLabel,o.setAttribute("data-tone",t.tone))}export{p as ALERT_DIALOG_ANATOMY_GENERATED,T as fillAlertDialogAnatomy,S as refreshAlertDialogAnatomyText};

package/dist/alert-dialog/AlertDialogCancel.cjs

@@ -1,9 +0,0 @@
-"use strict";var n=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var k=(o,t)=>{for(var r in t)n(o,r,{get:t[r],enumerable:!0})},b=(o,t,r,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of E(t))!g.call(o,e)&&e!==r&&n(o,e,{get:()=>t[e],enumerable:!(l=m(t,e))||l.enumerable});return o};var v=o=>b(n({},"__esModule",{value:!0}),o),p=(o,t,r,l)=>{for(var e=l>1?void 0:l?m(t,r):t,c=o.length-1,d;c>=0;c--)(d=o[c])&&(e=(l?d(t,r,e):d(e))||e);return l&&e&&n(t,r,e),e};var x={};k(x,{SkdxAlertDialogCancel:()=>i});module.exports=v(x);var s=require("lit"),h=require("../internal/closest.cjs"),u=require("../internal/define.cjs"),f=require("../internal/dismiss.cjs"),a=require("../internal/styles.cjs");var i=class extends s.LitElement{constructor(){super(...arguments);this.rootEl=null;this.handleClick=r=>{this.rootEl&&(0,f.dispatchAnswer)(this.rootEl,"cancel",r)&&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>
-    `}};i.shadowRootOptions=a.delegatesFocusShadowRootOptions,i.styles=[a.resetNativeControl,s.css`
-      :host {
-        display: inline-block;
-      }
-    `,a.controlBoxOnHost],i=p([(0,u.customElement)("skdx-alert-dialog-cancel","alert-dialog","cancel")],i);0&&(module.exports={SkdxAlertDialogCancel});

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

@@ -1,23 +0,0 @@
-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>` sends it initial focus on open, per the
- * alertdialog guidance. Must be used inside `<skdx-alert-dialog>`.
- *
- * @fires cancel - Fired on the ancestor `<skdx-alert-dialog>` on click, before close is requested. Cancelable: `preventDefault()` keeps the dialog open.
- * @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

@@ -1,23 +0,0 @@
-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>` sends it initial focus on open, per the
- * alertdialog guidance. Must be used inside `<skdx-alert-dialog>`.
- *
- * @fires cancel - Fired on the ancestor `<skdx-alert-dialog>` on click, before close is requested. Cancelable: `preventDefault()` keeps the dialog open.
- * @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

@@ -1,9 +0,0 @@
-var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=(i,o,r,l)=>{for(var t=l>1?void 0:l?d(o,r):o,s=i.length-1,a;s>=0;s--)(a=i[s])&&(t=(l?a(o,r,t):a(t))||t);return l&&t&&c(o,r,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 f}from"../internal/define.js";import{dispatchAnswer as E}from"../internal/dismiss.js";import{controlBoxOnHost as g,delegatesFocusShadowRootOptions as k,resetNativeControl as b}from"../internal/styles.js";var e=class extends h{constructor(){super(...arguments);this.rootEl=null;this.handleClick=r=>{this.rootEl&&E(this.rootEl,"cancel",r)&&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=k,e.styles=[b,m`
-      :host {
-        display: inline-block;
-      }
-    `,g],e=n([f("skdx-alert-dialog-cancel","alert-dialog","cancel")],e);export{e as SkdxAlertDialogCancel};

package/dist/alert-dialog/AlertDialogContent.cjs

@@ -1 +0,0 @@
-"use strict";var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var D=(r,s)=>{for(var t in s)a(r,t,{get:s[t],enumerable:!0})},L=(r,s,t,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of O(s))!A.call(r,i)&&i!==t&&a(r,i,{get:()=>s[i],enumerable:!(e=f(s,i))||e.enumerable});return r};var x=r=>L(a({},"__esModule",{value:!0}),r),d=(r,s,t,e)=>{for(var i=e>1?void 0:e?f(s,t):s,u=r.length-1,h;u>=0;u--)(h=r[u])&&(i=(e?h(s,t,i):h(i))||i);return e&&i&&a(s,t,i),i};var S={};D(S,{SkdxAlertDialogContent:()=>n});module.exports=x(S);var y=require("lit"),p=require("lit/decorators.js"),v=require("../internal/aria-part.cjs"),g=require("../internal/closest.cjs"),b=require("../internal/define.cjs"),o=require("../internal/dismiss.cjs"),c=require("../internal/focus-targets.cjs"),E=require("../internal/part.cjs"),k=require("../internal/styles.cjs");var l=0,F="",w="";function H(){if(l===0){let r=window.innerWidth-document.documentElement.clientWidth;F=document.body.style.overflow,w=document.body.style.paddingRight,document.body.style.overflow="hidden",r>0&&(document.body.style.paddingRight=`${r}px`)}l++}function m(){l=Math.max(0,l-1),l===0&&(document.body.style.overflow=F,document.body.style.paddingRight=w)}var M="[data-skdx-alert-dialog-cancel]",n=class extends y.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=>{let e=(this.rootEl?.dismiss??"escape")==="escape";(!(0,o.dispatchEscapeKeyDown)(this,t)||!e)&&t.preventDefault()};this.handleClose=()=>this.rootEl?.setOpen(!1);this.handleBackdropPointerDown=t=>{let e=(0,o.backdropPointerDown)(t,this.nativeDialog);e&&(0,o.dispatchOutside)(this,"pointer-down-outside",e)};this.handleOutsideFocus=t=>{if(!this.rootEl?.open)return;let e=(0,o.focusOutsideTarget)(t);!e||this.contains(e)||(0,o.dispatchOutside)(this,"focus-outside",t)}}createRenderRoot(){let t=document.createElement("dialog");return t.setAttribute("part","content"),(0,E.applyHostPart)(t,"alert-dialog","content"),t.addEventListener("cancel",this.handleCancel),t.addEventListener("close",this.handleClose),t.addEventListener("pointerdown",this.handleBackdropPointerDown),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,k.installLightDomStyles)(),this.rootEl=(0,g.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","dismiss"]}),this.childObserver.observe(this,{childList:!0,subtree:!0}),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.childObserver.disconnect(),document.removeEventListener("focusin",this.handleOutsideFocus),this.locked&&(m(),this.locked=!1),super.disconnectedCallback()}firstUpdated(){this.syncNativeDialog()}syncHostAttributes(){let t=this.rootEl;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","alertdialog"),this.setAttribute("aria-modal","true"),(0,v.syncPartIdRef)(this,"aria-labelledby",this.querySelector("skdx-alert-dialog-title"),"skdx-alert-dialog-content","title"),(0,v.syncPartIdRef)(this,"aria-describedby",this.querySelector("skdx-alert-dialog-description"),"skdx-alert-dialog-content","description");let e=t.open?"open":"closed";this.setAttribute("data-state",e),this.setAttribute("data-dismiss",t.dismiss),this.nativeDialog?.setAttribute("data-state",e)}get nativeDialog(){return this.querySelector("dialog")}syncNativeDialog(){this.syncHostAttributes();let t=this.rootEl,e=this.nativeDialog;!t||!e||(t.open&&!e.open?(0,o.focusOnOpen)(()=>e.showModal?.()):!t.open&&e.open&&(0,o.focusOnOpen)(()=>e.close?.()),t.open&&!this.locked?(H(),this.locked=!0):!t.open&&this.locked&&(m(),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,o.dispatchAutoFocus)(this,"close-auto-focus")&&((0,c.applyFinalFocus)(this.finalFocus,"AlertDialog")||this.previouslyFocused&&this.previouslyFocused!==document.body&&document.contains(this.previouslyFocused)&&this.previouslyFocused.focus?.({preventScroll:!0}))}}focusInitialElement(){requestAnimationFrame(()=>(0,o.focusOnOpen)(()=>{if(!(0,o.dispatchAutoFocus)(this,"open-auto-focus"))return;let t=(0,c.resolveFocusSelector)(this,this.initialFocus,"initialFocus","AlertDialog"),e=this.querySelector(M);(t??e??this).focus?.({preventScroll:!0})}))}};d([(0,p.property)({type:String,attribute:"initial-focus"})],n.prototype,"initialFocus",2),d([(0,p.property)({type:String,attribute:"final-focus"})],n.prototype,"finalFocus",2),n=d([(0,b.customElement)("skdx-alert-dialog-content")],n);0&&(module.exports={SkdxAlertDialogContent});

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

@@ -1,66 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Alert dialog panel: renders native `<dialog>` in light DOM and calls
- * showModal() / close() as ancestor open state changes. Outside interaction only
- * reports (via interact-outside / pointer-down-outside / focus-outside), never closes
- * — only Escape or action/cancel click closes. Initial focus on Cancel button or
- * initial-focus selector, returns to previous focus on close. Both fire open-auto-focus
- * / close-auto-focus events. Carries data-dismiss, aria attributes stay on host.
- * Must be inside <skdx-alert-dialog>.
- *
- * @fires escape-key-down - Fires when Escape is pressed while open; preventDefault() keeps it open.
- * @fires pointer-down-outside - Fires on pointer-down outside the panel while open; notification only.
- * @fires focus-outside - Fires when focus moves outside the panel while open; carries custom event.
- * @fires interact-outside - Fires before pointer or focus outside interactions; notification only.
- * @fires open-auto-focus - Before focus moves in on open (preventable).
- * @fires close-auto-focus - Before focus returns on close (preventable).
- * @csspart content - Native `<dialog>`. Light DOM element; ::part() doesn't reach it. Use descendant selector instead.
- */
-export declare class SkdxAlertDialogContent extends LitElement {
-    /** Light DOM with <dialog> as render root; @skdx/skins is document stylesheet that can't cross shadow boundary. */
-    createRenderRoot(): HTMLElement;
-    /** Move consumer's children into <dialog> (no slot in light DOM). Move causes blur, so restore focus if child was focused. */
-    private adoptChildren;
-    /** Watch children post-render and title/description removals; needs subtree since parts are moved into <dialog>. */
-    private readonly childObserver;
-    /**
-     * CSS selector for element to focus on open (instead of Cancel button).
-     * Resolved against the panel; no match falls back to Cancel, then panel. Warns if no match.
-     * @default undefined
-     */
-    initialFocus?: string;
-    /**
-     * CSS selector for element to focus on close (instead of previous). Resolved
-     * against the whole document (target often isn't the trigger).
-     * @default undefined
-     */
-    finalFocus?: string;
-    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. */
-    private get nativeDialog();
-    private syncNativeDialog;
-    private syncAutoFocus;
-    private focusInitialElement;
-    private readonly handleCancel;
-    private readonly handleClose;
-    /**
-     * The backdrop path, on `pointerdown` not `click`: same phase and payload
-     * as every other outside pointer-down, keeping `pointer-down-outside` one
-     * event across all five frameworks. Never dismisses, but still reports.
-     */
-    private readonly handleBackdropPointerDown;
-    private readonly handleOutsideFocus;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-content': SkdxAlertDialogContent;
-    }
-}

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

@@ -1,66 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Alert dialog panel: renders native `<dialog>` in light DOM and calls
- * showModal() / close() as ancestor open state changes. Outside interaction only
- * reports (via interact-outside / pointer-down-outside / focus-outside), never closes
- * — only Escape or action/cancel click closes. Initial focus on Cancel button or
- * initial-focus selector, returns to previous focus on close. Both fire open-auto-focus
- * / close-auto-focus events. Carries data-dismiss, aria attributes stay on host.
- * Must be inside <skdx-alert-dialog>.
- *
- * @fires escape-key-down - Fires when Escape is pressed while open; preventDefault() keeps it open.
- * @fires pointer-down-outside - Fires on pointer-down outside the panel while open; notification only.
- * @fires focus-outside - Fires when focus moves outside the panel while open; carries custom event.
- * @fires interact-outside - Fires before pointer or focus outside interactions; notification only.
- * @fires open-auto-focus - Before focus moves in on open (preventable).
- * @fires close-auto-focus - Before focus returns on close (preventable).
- * @csspart content - Native `<dialog>`. Light DOM element; ::part() doesn't reach it. Use descendant selector instead.
- */
-export declare class SkdxAlertDialogContent extends LitElement {
-    /** Light DOM with <dialog> as render root; @skdx/skins is document stylesheet that can't cross shadow boundary. */
-    createRenderRoot(): HTMLElement;
-    /** Move consumer's children into <dialog> (no slot in light DOM). Move causes blur, so restore focus if child was focused. */
-    private adoptChildren;
-    /** Watch children post-render and title/description removals; needs subtree since parts are moved into <dialog>. */
-    private readonly childObserver;
-    /**
-     * CSS selector for element to focus on open (instead of Cancel button).
-     * Resolved against the panel; no match falls back to Cancel, then panel. Warns if no match.
-     * @default undefined
-     */
-    initialFocus?: string;
-    /**
-     * CSS selector for element to focus on close (instead of previous). Resolved
-     * against the whole document (target often isn't the trigger).
-     * @default undefined
-     */
-    finalFocus?: string;
-    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. */
-    private get nativeDialog();
-    private syncNativeDialog;
-    private syncAutoFocus;
-    private focusInitialElement;
-    private readonly handleCancel;
-    private readonly handleClose;
-    /**
-     * The backdrop path, on `pointerdown` not `click`: same phase and payload
-     * as every other outside pointer-down, keeping `pointer-down-outside` one
-     * event across all five frameworks. Never dismisses, but still reports.
-     */
-    private readonly handleBackdropPointerDown;
-    private readonly handleOutsideFocus;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-content': SkdxAlertDialogContent;
-    }
-}

package/dist/alert-dialog/AlertDialogContent.js

@@ -1 +0,0 @@
-var g=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var l=(o,r,t,e)=>{for(var i=e>1?void 0:e?b(r,t):r,a=o.length-1,d;a>=0;a--)(d=o[a])&&(i=(e?d(r,t,i):d(i))||i);return e&&i&&g(r,t,i),i};import{LitElement as E}from"lit";import{property as u}from"lit/decorators.js";import{syncPartIdRef as h}from"../internal/aria-part.js";import{closestThroughPortal as k}from"../internal/closest.js";import{customElement as F}from"../internal/define.js";import{backdropPointerDown as w,dispatchAutoFocus as p,dispatchEscapeKeyDown as O,dispatchOutside as v,focusOnOpen as c,focusOutsideTarget as A}from"../internal/dismiss.js";import{applyFinalFocus as D,resolveFocusSelector as L}from"../internal/focus-targets.js";import{applyHostPart as x}from"../internal/part.js";import{installLightDomStyles as H}from"../internal/styles.js";var n=0,m="",y="";function M(){if(n===0){let o=window.innerWidth-document.documentElement.clientWidth;m=document.body.style.overflow,y=document.body.style.paddingRight,document.body.style.overflow="hidden",o>0&&(document.body.style.paddingRight=`${o}px`)}n++}function f(){n=Math.max(0,n-1),n===0&&(document.body.style.overflow=m,document.body.style.paddingRight=y)}var S="[data-skdx-alert-dialog-cancel]",s=class extends E{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=>{let e=(this.rootEl?.dismiss??"escape")==="escape";(!O(this,t)||!e)&&t.preventDefault()};this.handleClose=()=>this.rootEl?.setOpen(!1);this.handleBackdropPointerDown=t=>{let e=w(t,this.nativeDialog);e&&v(this,"pointer-down-outside",e)};this.handleOutsideFocus=t=>{if(!this.rootEl?.open)return;let e=A(t);!e||this.contains(e)||v(this,"focus-outside",t)}}createRenderRoot(){let t=document.createElement("dialog");return t.setAttribute("part","content"),x(t,"alert-dialog","content"),t.addEventListener("cancel",this.handleCancel),t.addEventListener("close",this.handleClose),t.addEventListener("pointerdown",this.handleBackdropPointerDown),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(),H(),this.rootEl=k(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","dismiss"]}),this.childObserver.observe(this,{childList:!0,subtree:!0}),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.childObserver.disconnect(),document.removeEventListener("focusin",this.handleOutsideFocus),this.locked&&(f(),this.locked=!1),super.disconnectedCallback()}firstUpdated(){this.syncNativeDialog()}syncHostAttributes(){let t=this.rootEl;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","alertdialog"),this.setAttribute("aria-modal","true"),h(this,"aria-labelledby",this.querySelector("skdx-alert-dialog-title"),"skdx-alert-dialog-content","title"),h(this,"aria-describedby",this.querySelector("skdx-alert-dialog-description"),"skdx-alert-dialog-content","description");let e=t.open?"open":"closed";this.setAttribute("data-state",e),this.setAttribute("data-dismiss",t.dismiss),this.nativeDialog?.setAttribute("data-state",e)}get nativeDialog(){return this.querySelector("dialog")}syncNativeDialog(){this.syncHostAttributes();let t=this.rootEl,e=this.nativeDialog;!t||!e||(t.open&&!e.open?c(()=>e.showModal?.()):!t.open&&e.open&&c(()=>e.close?.()),t.open&&!this.locked?(M(),this.locked=!0):!t.open&&this.locked&&(f(),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}p(this,"close-auto-focus")&&(D(this.finalFocus,"AlertDialog")||this.previouslyFocused&&this.previouslyFocused!==document.body&&document.contains(this.previouslyFocused)&&this.previouslyFocused.focus?.({preventScroll:!0}))}}focusInitialElement(){requestAnimationFrame(()=>c(()=>{if(!p(this,"open-auto-focus"))return;let t=L(this,this.initialFocus,"initialFocus","AlertDialog"),e=this.querySelector(S);(t??e??this).focus?.({preventScroll:!0})}))}};l([u({type:String,attribute:"initial-focus"})],s.prototype,"initialFocus",2),l([u({type:String,attribute:"final-focus"})],s.prototype,"finalFocus",2),s=l([F("skdx-alert-dialog-content")],s);export{s as SkdxAlertDialogContent};

package/dist/alert-dialog/AlertDialogDescription.cjs

@@ -1,5 +0,0 @@
-"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});

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

@@ -1,18 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-alert-dialog-description>` — renders a `<p>` in shadow DOM. The
- * parent `<skdx-alert-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 SkdxAlertDialogDescription extends LitElement {
-    static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-description': SkdxAlertDialogDescription;
-    }
-}

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

@@ -1,18 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-alert-dialog-description>` — renders a `<p>` in shadow DOM. The
- * parent `<skdx-alert-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 SkdxAlertDialogDescription extends LitElement {
-    static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-description': SkdxAlertDialogDescription;
-    }
-}

package/dist/alert-dialog/AlertDialogDescription.js

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

package/dist/alert-dialog/AlertDialogOverlay.cjs

@@ -1,10 +0,0 @@
-"use strict";var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var b=(o,e)=>{for(var r in e)i(o,r,{get:e[r],enumerable:!0})},g=(o,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of u(e))!m.call(o,t)&&t!==r&&i(o,t,{get:()=>e[t],enumerable:!(s=c(e,t))||s.enumerable});return o};var k=o=>g(i({},"__esModule",{value:!0}),o),p=(o,e,r,s)=>{for(var t=s>1?void 0:s?c(e,r):e,n=o.length-1,d;n>=0;n--)(d=o[n])&&(t=(s?d(e,r,t):d(t))||t);return s&&t&&i(e,r,t),t};var y={};b(y,{SkdxAlertDialogOverlay:()=>l});module.exports=k(y);var a=require("lit"),v=require("../internal/closest.cjs"),h=require("../internal/define.cjs");var l=class extends a.LitElement{constructor(){super(...arguments);this.alertDialogEl=null;this.observer=new MutationObserver(()=>this.syncHostState())}connectedCallback(){if(super.connectedCallback(),this.alertDialogEl=(0,v.closestThroughPortal)(this,"skdx-alert-dialog"),!this.alertDialogEl)throw new Error("<skdx-alert-dialog-overlay> must be used inside <skdx-alert-dialog>.");this.observer.observe(this.alertDialogEl,{attributeFilter:["open"]}),this.syncHostState()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}syncHostState(){let r=this.alertDialogEl?.open??!1;this.setAttribute("data-state",r?"open":"closed"),this.hidden=!r}render(){return a.html`<slot></slot>`}};l.styles=a.css`
-    :host {
-      display: block;
-      /* Inert (dialog in top layer), but pointer-events: auto survives ancestor pointer-events: none. :host rank allows consumer override. */
-      pointer-events: auto;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-  `,l=p([(0,h.customElement)("skdx-alert-dialog-overlay","alert-dialog","overlay")],l);0&&(module.exports={SkdxAlertDialogOverlay});

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

@@ -1,31 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Alert-dialog scrim (typically dimmed). Identical to dialog-overlay but reads alert-dialog state.
- * Exists because `::backdrop` can't carry overlay parts. Sets `data-state`/`hidden` on host
- * for consumer styling without piercing boundaries.
- *
- * @example
- * ```html
- * <skdx-alert-dialog>
- *   <skdx-alert-dialog-trigger>Delete</skdx-alert-dialog-trigger>
- *   <skdx-alert-dialog-portal>
- *     <skdx-alert-dialog-overlay></skdx-alert-dialog-overlay>
- *     <skdx-alert-dialog-content>…</skdx-alert-dialog-content>
- *   </skdx-alert-dialog-portal>
- * </skdx-alert-dialog>
- * ```
- */
-export declare class SkdxAlertDialogOverlay extends LitElement {
-    static styles: import("lit").CSSResult;
-    private alertDialogEl;
-    private readonly observer;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private syncHostState;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-overlay': SkdxAlertDialogOverlay;
-    }
-}

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

@@ -1,31 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Alert-dialog scrim (typically dimmed). Identical to dialog-overlay but reads alert-dialog state.
- * Exists because `::backdrop` can't carry overlay parts. Sets `data-state`/`hidden` on host
- * for consumer styling without piercing boundaries.
- *
- * @example
- * ```html
- * <skdx-alert-dialog>
- *   <skdx-alert-dialog-trigger>Delete</skdx-alert-dialog-trigger>
- *   <skdx-alert-dialog-portal>
- *     <skdx-alert-dialog-overlay></skdx-alert-dialog-overlay>
- *     <skdx-alert-dialog-content>…</skdx-alert-dialog-content>
- *   </skdx-alert-dialog-portal>
- * </skdx-alert-dialog>
- * ```
- */
-export declare class SkdxAlertDialogOverlay extends LitElement {
-    static styles: import("lit").CSSResult;
-    private alertDialogEl;
-    private readonly observer;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private syncHostState;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-overlay': SkdxAlertDialogOverlay;
-    }
-}

package/dist/alert-dialog/AlertDialogOverlay.js

@@ -1,10 +0,0 @@
-var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(l,o,t,s)=>{for(var e=s>1?void 0:s?c(o,t):o,a=l.length-1,i;a>=0;a--)(i=l[a])&&(e=(s?i(o,t,e):i(e))||e);return s&&e&&d(o,t,e),e};import{css as p,html as v,LitElement as h}from"lit";import{closestThroughPortal as u}from"../internal/closest.js";import{customElement as m}from"../internal/define.js";var r=class extends h{constructor(){super(...arguments);this.alertDialogEl=null;this.observer=new MutationObserver(()=>this.syncHostState())}connectedCallback(){if(super.connectedCallback(),this.alertDialogEl=u(this,"skdx-alert-dialog"),!this.alertDialogEl)throw new Error("<skdx-alert-dialog-overlay> must be used inside <skdx-alert-dialog>.");this.observer.observe(this.alertDialogEl,{attributeFilter:["open"]}),this.syncHostState()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}syncHostState(){let t=this.alertDialogEl?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.hidden=!t}render(){return v`<slot></slot>`}};r.styles=p`
-    :host {
-      display: block;
-      /* Inert (dialog in top layer), but pointer-events: auto survives ancestor pointer-events: none. :host rank allows consumer override. */
-      pointer-events: auto;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-  `,r=n([m("skdx-alert-dialog-overlay","alert-dialog","overlay")],r);export{r as SkdxAlertDialogOverlay};

package/dist/alert-dialog/AlertDialogPortal.cjs

@@ -1 +0,0 @@
-"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 m in e)l(t,m,{get:e[m],enumerable:!0})},E=(t,e,m,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of i(e))!x.call(t,a)&&a!==m&&l(t,a,{get:()=>e[a],enumerable:!(o=d(e,a))||o.enumerable});return t};var M=t=>E(l({},"__esModule",{value:!0}),t),c=(t,e,m,o)=>{for(var a=o>1?void 0:o?d(e,m):e,p=t.length-1,s;p>=0;p--)(s=t[p])&&(a=(o?s(e,m,a):s(a))||a);return o&&a&&l(e,m,a),a};var T={};g(T,{SkdxAlertDialogPortal:()=>r});module.exports=M(T);var n=require("../internal/define.cjs"),f=require("../utils/portal.cjs");var r=class extends f.SkdxPortal{};r=c([(0,n.customElement)("skdx-alert-dialog-portal")],r);0&&(module.exports={SkdxAlertDialogPortal});

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

@@ -1,27 +0,0 @@
-import { SkdxPortal } from '../utils/portal.cjs';
-/**
- * Teleports `<skdx-alert-dialog-content>` to `document.body` (or a custom
- * `container`) so the dialog escapes clipping or `overflow` ancestors of the
- * trigger. The host element stays in place; only children move into a `<div
- * data-skdx-portal>`, so removing the root removes portalled content with it.
- *
- * Parts hide via `hidden` rather than unmounting, so there is no `force-mount`
- * behavior or exit-animation lifecycle.
- *
- * @example
- * ```html
- * <skdx-alert-dialog>
- *   <skdx-alert-dialog-trigger>Delete</skdx-alert-dialog-trigger>
- *   <skdx-alert-dialog-portal>
- *     <skdx-alert-dialog-content>…</skdx-alert-dialog-content>
- *   </skdx-alert-dialog-portal>
- * </skdx-alert-dialog>
- * ```
- */
-export declare class SkdxAlertDialogPortal extends SkdxPortal {
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-portal': SkdxAlertDialogPortal;
-    }
-}

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

@@ -1,27 +0,0 @@
-import { SkdxPortal } from '../utils/portal.js';
-/**
- * Teleports `<skdx-alert-dialog-content>` to `document.body` (or a custom
- * `container`) so the dialog escapes clipping or `overflow` ancestors of the
- * trigger. The host element stays in place; only children move into a `<div
- * data-skdx-portal>`, so removing the root removes portalled content with it.
- *
- * Parts hide via `hidden` rather than unmounting, so there is no `force-mount`
- * behavior or exit-animation lifecycle.
- *
- * @example
- * ```html
- * <skdx-alert-dialog>
- *   <skdx-alert-dialog-trigger>Delete</skdx-alert-dialog-trigger>
- *   <skdx-alert-dialog-portal>
- *     <skdx-alert-dialog-content>…</skdx-alert-dialog-content>
- *   </skdx-alert-dialog-portal>
- * </skdx-alert-dialog>
- * ```
- */
-export declare class SkdxAlertDialogPortal extends SkdxPortal {
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-portal': SkdxAlertDialogPortal;
-    }
-}

package/dist/alert-dialog/AlertDialogPortal.js

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

package/dist/alert-dialog/AlertDialogTitle.cjs

@@ -1,5 +0,0 @@
-"use strict";var m=Object.defineProperty;var c=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=c(t,e))||l.enumerable});return r};var g=r=>b(m({},"__esModule",{value:!0}),r),n=(r,t,s,l)=>{for(var e=l>1?void 0:l?c(t,s):t,i=r.length-1,d;i>=0;i--)(d=r[i])&&(e=(l?d(t,s,e):d(e))||e);return l&&e&&m(t,s,e),e};var u={};E(u,{SkdxAlertDialogTitle:()=>a});module.exports=g(u);var o=require("lit"),p=require("../internal/define.cjs");var a=class extends o.LitElement{render(){return o.html`<h2 part="title"><slot></slot></h2>`}};a.styles=o.css`
-    :host {
-      display: block;
-    }
-  `,a=n([(0,p.customElement)("skdx-alert-dialog-title","alert-dialog","title")],a);0&&(module.exports={SkdxAlertDialogTitle});

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

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-alert-dialog-title>` — renders an `<h2>` in shadow DOM. The parent
- * `<skdx-alert-dialog-content>` 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 `<h2>` element inside the shadow root.
- */
-export declare class SkdxAlertDialogTitle extends LitElement {
-    static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-title': SkdxAlertDialogTitle;
-    }
-}

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

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-alert-dialog-title>` — renders an `<h2>` in shadow DOM. The parent
- * `<skdx-alert-dialog-content>` 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 `<h2>` element inside the shadow root.
- */
-export declare class SkdxAlertDialogTitle extends LitElement {
-    static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-title': SkdxAlertDialogTitle;
-    }
-}

package/dist/alert-dialog/AlertDialogTitle.js

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

package/dist/alert-dialog/AlertDialogTrigger.cjs

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

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

@@ -1,23 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-alert-dialog-trigger>` — button that opens the alert dialog when
- * clicked. Sets `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`,
- * and `data-state`. Must be used inside `<skdx-alert-dialog>`.
- *
- * @csspart trigger - The native `<button>` element inside the shadow root.
- */
-export declare class SkdxAlertDialogTrigger extends LitElement {
-    static shadowRootOptions: ShadowRootInit;
-    static styles: import("lit").CSSResult[];
-    private rootEl;
-    private readonly observer;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private readonly handleClick;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-trigger': SkdxAlertDialogTrigger;
-    }
-}

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

@@ -1,23 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * `<skdx-alert-dialog-trigger>` — button that opens the alert dialog when
- * clicked. Sets `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`,
- * and `data-state`. Must be used inside `<skdx-alert-dialog>`.
- *
- * @csspart trigger - The native `<button>` element inside the shadow root.
- */
-export declare class SkdxAlertDialogTrigger extends LitElement {
-    static shadowRootOptions: ShadowRootInit;
-    static styles: import("lit").CSSResult[];
-    private rootEl;
-    private readonly observer;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private readonly handleClick;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-alert-dialog-trigger': SkdxAlertDialogTrigger;
-    }
-}

package/dist/alert-dialog/AlertDialogTrigger.js

@@ -1,17 +0,0 @@
-var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(l,r,e,s)=>{for(var t=s>1?void 0:s?c(r,e):r,i=l.length-1,a;i>=0;i--)(a=l[i])&&(t=(s?a(r,e,t):a(t))||t);return s&&t&&d(r,e,t),t};import{css as p,html as h,LitElement as u,nothing as b}from"lit";import{customElement as v}from"../internal/define.js";import{controlBoxOnHost as m,delegatesFocusShadowRootOptions as g,resetNativeControl as k}from"../internal/styles.js";var o=class extends u{constructor(){super(...arguments);this.rootEl=null;this.observer=new MutationObserver(()=>this.requestUpdate());this.handleClick=()=>this.rootEl?.setOpen(!0)}connectedCallback(){if(super.connectedCallback(),this.rootEl=this.closest("skdx-alert-dialog"),!this.rootEl)throw new Error("<skdx-alert-dialog-trigger> must be used inside <skdx-alert-dialog>.");this.observer.observe(this.rootEl,{attributeFilter:["open"]})}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}render(){let e=this.rootEl?.open??!1;return h`
-      <button
-        part="trigger"
-        type="button"
-        aria-haspopup="dialog"
-        aria-expanded=${e}
-        aria-controls=${this.rootEl?.contentId??b}
-        data-state=${e?"open":"closed"}
-        @click=${this.handleClick}
-      >
-        <slot></slot>
-      </button>
-    `}};o.shadowRootOptions=g,o.styles=[k,p`
-      :host {
-        display: inline-block;
-      }
-    `,m],o=n([v("skdx-alert-dialog-trigger","alert-dialog","trigger")],o);export{o as SkdxAlertDialogTrigger};