@skdx/web-components 0.27.0 → 0.29.0

package/dist/alert/Alert.d.ts

@@ -1,67 +1,80 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-alert>` — the Web Components implementation of the shared Alert
- * contract (see `@skdx/shared`'s `alertContract`). Sets `role`/`aria-live`
- * and its `aria-labelledby`/`aria-describedby` directly on the host element
- * rather than inside shadow DOM, because an IDREF can't cross a shadow
- * boundary: the host and its slotted `<skdx-alert-title>` /
- * `<skdx-alert-description>` children share the light-DOM tree scope, so
- * that's the only place the association can live.
- *
- * The property is named `alertRole` (mapped to the `role` attribute) rather
- * than `role`, since `role` is already a native `Element` accessor
- * (`ARIAMixin`) that a Lit reactive property of a narrower type cannot
- * safely override.
- *
- * `open` is a plain reflected property defaulting to `true` — 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 listens for `open-change` and writes the property
- * back. Dismissing hides the host with the native `hidden` attribute rather
- * than removing it, since a custom element cannot unrender itself the way
- * the other four frameworks' roots can — `hidden` takes the whole subtree out
- * of the accessibility tree just the same. Nothing here runs on a timer.
+ * `<skdx-alert>` is the Web Components implementation of the shared Alert contract, setting live-region ARIA on the host.
  *
  * @example
  * ```html
- * <skdx-alert role="alert">
- *   <skdx-alert-icon>⚠️</skdx-alert-icon>
- *   <skdx-alert-title>Something went wrong</skdx-alert-title>
- *   <skdx-alert-description>Please try again.</skdx-alert-description>
- *   <skdx-alert-action><button type="button">Retry</button></skdx-alert-action>
- *   <skdx-alert-close>✕</skdx-alert-close>
+ * <skdx-alert data-status="success" title="Saved" description="Your changes are live.">
+ *   <span slot="icon">✓</span>
  * </skdx-alert>
  * ```
  *
  * @fires open-change - Fired with the new open state whenever the alert is dismissed or reopened.
  */
 export declare class SkdxAlert extends LitElement {
+    #private;
     static styles: import("lit").CSSResult;
     /**
-     * `"status"` (default) is a polite live region for informational banners.
-     * Use `"alert"` for assertive, time-critical messages.
+     * `"status"` is a polite live region for informational banners; `"alert"` is for assertive, time-critical messages.
      * @default 'status'
      */
-    alertRole: 'status' | 'alert';
+    set alertRole(next: string);
+    get alertRole(): 'status' | 'alert';
+    /**
+     * Accessible name for `<skdx-alert-close>`, an icon-only button with no visible text; `label` on `AlertClose` overrides.
+     * @default 'Dismiss'
+     */
+    closeLabel: string;
+    /**
+     * Whether `Escape` dismisses the alert while focus is inside it, restoring focus to the nearest element before it.
+     * @default false
+     */
+    dismissOnEscape: boolean;
     /**
      * Visibility. Set to `false` (or activate `<skdx-alert-close>`) to dismiss;
      * listen for `open-change` to observe or override changes.
      * @default true
      */
     open: boolean;
+    /**
+     * Heading for the derived anatomy's `<skdx-alert-title>`; shadows `HTMLElement.title`, so it also shows as a hover tooltip.
+     * @default ''
+     */
+    title: string;
+    /**
+     * Supporting text for the derived anatomy's `<skdx-alert-description>` — the
+     * alert's accessible description.
+     * @default undefined
+     */
+    description?: string;
+    /**
+     * Whether the derived anatomy includes a dismiss button, named by `closeLabel`.
+     * @default false
+     */
+    dismissible: boolean;
+    /**
+     * Semantic severity rung the skin colours from, reflected as `data-status`; may be written as that attribute directly.
+     * @default undefined — the skin's neutral palette.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * Visual weight the skin renders, reflected as `data-variant`; a separate axis from `status`.
+     * @default undefined — the skin's own default weight.
+     */
+    variant?: 'solid' | 'outline' | (string & {}) | undefined;
+    private previouslyFocused;
     connectedCallback(): void;
+    private readonly fillAnatomy;
+    disconnectedCallback(): void;
+    private readonly handleKeydown;
     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`.
+     * Sets `open` and dispatches a bubbling `open-change` event with the new value; a no-op if unchanged.
      */
     setOpen(next: boolean): void;
     private readonly handleSlotChange;
     private syncHostAttributes;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/Alert.js

@@ -1,4 +1,4 @@
-var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var o=(a,i,t,e)=>{for(var s=e>1?void 0:e?c(i,t):i,l=a.length-1,n;l>=0;l--)(n=a[l])&&(s=(e?n(i,t,s):n(s))||s);return e&&s&&p(i,t,s),s};import{css as u,html as b,LitElement as m}from"lit";import{property as d}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{ensureId as h}from"../internal/ids.js";import{optOutBoolean as f}from"../internal/positioning.js";var r=class extends m{constructor(){super(...arguments);this.alertRole="status";this.open=!0;this.handleSlotChange=()=>this.syncHostAttributes()}connectedCallback(){super.connectedCallback(),this.syncHostAttributes(),this.hidden=!this.open}updated(t){t.has("alertRole")&&this.syncHostAttributes(),t.has("open")&&(this.hidden=!this.open)}setOpen(t){this.open!==t&&(this.open=t,this.dispatchEvent(new CustomEvent("open-change",{detail:t,bubbles:!0,composed:!0})))}syncHostAttributes(){this.setAttribute("aria-live",this.alertRole==="alert"?"assertive":"polite");let t=this.querySelector("skdx-alert-title"),e=this.querySelector("skdx-alert-description");t&&this.setAttribute("aria-labelledby",h(t,"skdx-alert","title")),e&&this.setAttribute("aria-describedby",h(e,"skdx-alert","description"))}render(){return b`<slot @slotchange=${this.handleSlotChange}></slot>`}};r.styles=u`
+var E=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var m=t=>{throw TypeError(t)};var l=(t,s,e,r)=>{for(var o=r>1?void 0:r?g(s,e):s,u=t.length-1,i;u>=0;u--)(i=t[u])&&(o=(r?i(s,e,o):i(o))||o);return r&&o&&E(s,e,o),o};var f=(t,s,e)=>s.has(t)||m("Cannot "+e);var d=(t,s,e)=>(f(t,s,"read from private field"),e?e.call(t):s.get(t)),y=(t,s,e)=>s.has(t)?m("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(t):s.set(t,e),b=(t,s,e,r)=>(f(t,s,"write to private field"),r?r.call(t,e):s.set(t,e),e);import{css as L,html as T,LitElement as H}from"lit";import{property as a}from"lit/decorators.js";import{customElement as A}from"../internal/define.js";import{emit as M}from"../internal/events.js";import{ensureId as v}from"../internal/ids.js";import{optOutBoolean as O}from"../internal/positioning.js";import{TABBABLE_SELECTOR as p}from"../internal/tabbable.js";import{fillAlertAnatomy as R}from"./AlertAnatomy.js";function w(t,s){for(let i=t.previousElementSibling;i;i=i.previousElementSibling){let h=i.matches(p)?i:i.querySelector(p);if(h){h.focus();return}}if(s?.isConnected&&s!==t?.ownerDocument.body){s.focus();return}let e=t?.ownerDocument;if(!t||!e)return;let r=Array.from(e.querySelectorAll(p)).filter(i=>!t.contains(i)),o=i=>(i.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)!==0;(r.filter(o).at(-1)??r.find(i=>!o(i)))?.focus()}var C=["status","alert"],c,n=class extends H{constructor(){super(...arguments);y(this,c,"status");this.closeLabel="Dismiss";this.dismissOnEscape=!1;this.open=!0;this.title="";this.dismissible=!1;this.previouslyFocused=null;this.fillAnatomy=()=>{R(this),this.syncHostAttributes()};this.handleKeydown=e=>{!this.dismissOnEscape||e.key!=="Escape"||(e.preventDefault(),this.setOpen(!1))};this.handleSlotChange=()=>{this.fillAnatomy(),this.syncHostAttributes()}}set alertRole(e){let r=C.includes(e)?e:"status",o=d(this,c);b(this,c,r),this.requestUpdate("alertRole",o)}get alertRole(){return d(this,c)}connectedCallback(){super.connectedCallback(),this.previouslyFocused=this.ownerDocument.activeElement??null,this.addEventListener("keydown",this.handleKeydown),this.syncHostAttributes(),this.hidden=!this.open,queueMicrotask(this.fillAnatomy)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}updated(e){e.has("alertRole")&&this.syncHostAttributes(),e.has("open")&&(this.hidden=!this.open),(e.has("title")||e.has("description")||e.has("dismissible"))&&this.fillAnatomy()}setOpen(e){this.open!==e&&(e||w(this,this.previouslyFocused),this.open=e,M(this,"open-change",e))}syncHostAttributes(){this.setAttribute("aria-live",this.alertRole==="alert"?"assertive":"polite");let e=this.querySelector("skdx-alert-title"),r=this.querySelector("skdx-alert-description");e?this.setAttribute("aria-labelledby",v(e,"skdx-alert","title")):this.removeAttribute("aria-labelledby"),r?this.setAttribute("aria-describedby",v(r,"skdx-alert","description")):this.removeAttribute("aria-describedby")}render(){return T`<slot @slotchange=${this.handleSlotChange}></slot>`}};c=new WeakMap,n.styles=L`
     :host {
       display: block;
     }
@@ -6,4 +6,4 @@ var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var o=(a,i,t,e
     :host([hidden]) {
       display: none;
     }
-  `,o([d({attribute:"role",type:String,reflect:!0})],r.prototype,"alertRole",2),o([d({converter:f,reflect:!0})],r.prototype,"open",2),r=o([y("skdx-alert","alert","root")],r);export{r as SkdxAlert};
+  `,l([a({attribute:"role",type:String,reflect:!0})],n.prototype,"alertRole",1),l([a({attribute:"close-label",type:String})],n.prototype,"closeLabel",2),l([a({attribute:"dismiss-on-escape",type:Boolean})],n.prototype,"dismissOnEscape",2),l([a({converter:O,reflect:!0})],n.prototype,"open",2),l([a({type:String})],n.prototype,"title",2),l([a({type:String})],n.prototype,"description",2),l([a({type:Boolean})],n.prototype,"dismissible",2),l([a({type:String,reflect:!0,attribute:"data-status"})],n.prototype,"status",2),l([a({type:String,reflect:!0,attribute:"data-variant"})],n.prototype,"variant",2),n=l([A("skdx-alert","alert","root")],n);export{n as SkdxAlert};

package/dist/alert/AlertAction.cjs

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

package/dist/alert/AlertAction.d.cts

@@ -1,15 +1,12 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-alert-action>` — container for the alert's buttons and links
- * ("Retry", "View details"). A plain `<div>` with no role and no behavior; it
- * exists so the action row is an addressable part to style and compose
- * against.
+ * `<skdx-alert-action>` is a container for the alert's buttons and links, styleable as its own part.
  *
  * @csspart action - The `<div>` element inside the shadow root.
  */
 export declare class SkdxAlertAction extends LitElement {
     static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertAction.d.ts

@@ -1,15 +1,12 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-alert-action>` — container for the alert's buttons and links
- * ("Retry", "View details"). A plain `<div>` with no role and no behavior; it
- * exists so the action row is an addressable part to style and compose
- * against.
+ * `<skdx-alert-action>` is a container for the alert's buttons and links, styleable as its own part.
  *
  * @csspart action - The `<div>` element inside the shadow root.
  */
 export declare class SkdxAlertAction extends LitElement {
     static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertAction.js

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

package/dist/alert/AlertAnatomy.cjs

@@ -0,0 +1 @@
+"use strict";var o=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var l in e)o(t,l,{get:e[l],enumerable:!0})},E=(t,e,l,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of A(e))!k.call(t,n)&&n!==l&&o(t,n,{get:()=>e[n],enumerable:!(i=x(e,n))||i.enumerable});return t};var f=t=>E(o({},"__esModule",{value:!0}),t);var y={};u(y,{ALERT_ANATOMY_GENERATED:()=>a,fillAlertAnatomy:()=>h});module.exports=f(y);var s=require("../internal/derive.cjs"),S=require("./AlertIcon.cjs"),T=require("./AlertTitle.cjs"),_=require("./AlertDescription.cjs"),g=require("./AlertAction.cjs"),v=require("./AlertClose.cjs"),a="data-skdx-alert-generated";function N(t){let e=a,l=(0,s.claimSlot)(t,"close","skdx-alert-close",e);if(l)return t.dismissible||l.childNodes.length>0?l:null;if(!t.dismissible)return null;let i=document.createElement("skdx-alert-close");return i.setAttribute(e,"close"),i}function h(t){let e=a,l=(0,s.claimSlot)(t,"icon","skdx-alert-icon",e),i=(0,s.textPart)(t,"skdx-alert-title",t.title,e),n=(0,s.textPart)(t,"skdx-alert-description",t.description,e),c=(0,s.claimSlot)(t,"action","skdx-alert-action",e),d=N(t),m=new Set([l,i,n,c,d].filter(r=>r!==null)),p=Array.from(t.childNodes).filter(r=>!m.has(r)&&!(r.nodeType===Node.ELEMENT_NODE&&r.hasAttribute(e)));(0,s.applyChildren)(t,[...l?[l]:[],...i?[i]:[],...n?[n]:[],...p,...c?[c]:[],...d?[d]:[]])}0&&(module.exports={ALERT_ANATOMY_GENERATED,fillAlertAnatomy});

package/dist/alert/AlertAnatomy.d.cts

@@ -0,0 +1,12 @@
+import type { SkdxAlert } from './Alert.cjs';
+import './AlertIcon.cjs';
+import './AlertTitle.cjs';
+import './AlertDescription.cjs';
+import './AlertAction.cjs';
+import './AlertClose.cjs';
+/** @internal Marks a direct child of `<skdx-alert>` this module generated. */
+export declare const ALERT_ANATOMY_GENERATED = "data-skdx-alert-generated";
+/**
+ * @internal Builds the canonical anatomy (Icon, Title, Description, Action, Close), rebuilt in place on relevant changes.
+ */
+export declare function fillAlertAnatomy(root: SkdxAlert): void;

package/dist/alert/AlertAnatomy.d.ts

@@ -0,0 +1,12 @@
+import type { SkdxAlert } from './Alert.js';
+import './AlertIcon.js';
+import './AlertTitle.js';
+import './AlertDescription.js';
+import './AlertAction.js';
+import './AlertClose.js';
+/** @internal Marks a direct child of `<skdx-alert>` this module generated. */
+export declare const ALERT_ANATOMY_GENERATED = "data-skdx-alert-generated";
+/**
+ * @internal Builds the canonical anatomy (Icon, Title, Description, Action, Close), rebuilt in place on relevant changes.
+ */
+export declare function fillAlertAnatomy(root: SkdxAlert): void;

package/dist/alert/AlertAnatomy.js

@@ -0,0 +1 @@
+import{applyChildren as x,claimSlot as d,textPart as o}from"../internal/derive.js";import"./AlertIcon.js";import"./AlertTitle.js";import"./AlertDescription.js";import"./AlertAction.js";import"./AlertClose.js";var a="data-skdx-alert-generated";function A(t){let e=a,l=d(t,"close","skdx-alert-close",e);if(l)return t.dismissible||l.childNodes.length>0?l:null;if(!t.dismissible)return null;let i=document.createElement("skdx-alert-close");return i.setAttribute(e,"close"),i}function y(t){let e=a,l=d(t,"icon","skdx-alert-icon",e),i=o(t,"skdx-alert-title",t.title,e),s=o(t,"skdx-alert-description",t.description,e),r=d(t,"action","skdx-alert-action",e),c=A(t),m=new Set([l,i,s,r,c].filter(n=>n!==null)),p=Array.from(t.childNodes).filter(n=>!m.has(n)&&!(n.nodeType===Node.ELEMENT_NODE&&n.hasAttribute(e)));x(t,[...l?[l]:[],...i?[i]:[],...s?[s]:[],...p,...r?[r]:[],...c?[c]:[]])}export{a as ALERT_ANATOMY_GENERATED,y as fillAlertAnatomy};

package/dist/alert/AlertClose.cjs

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

package/dist/alert/AlertClose.d.cts

@@ -1,24 +1,22 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-alert-close>` — button that dismisses the alert when clicked, by
- * calling the parent `<skdx-alert>`'s `setOpen(false)` (which also fires
- * `open-change`). Must be used inside `<skdx-alert>`.
- *
- * Carries a default accessible name of `"Dismiss"` so the common icon-only
- * close button is never an unnamed button; set the `label` attribute to
- * override it.
+ * `<skdx-alert-close>` is a button that dismisses the parent `<skdx-alert>` and moves focus rather than dropping it.
  *
  * @csspart close - The native `<button>` element inside the shadow root.
  */
 export declare class SkdxAlertClose extends LitElement {
     static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResult[];
-    /** Accessible name for the dismiss button. @default 'Dismiss' */
-    label: string;
+    /**
+     * Accessible name for the dismiss button, overriding the parent alert's
+     * `close-label`.
+     * @default undefined — the parent alert's `close-label`, itself defaulting to `'Dismiss'`
+     */
+    label?: string;
     private alertEl;
     connectedCallback(): void;
     private readonly handleClick;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertClose.d.ts

@@ -1,24 +1,22 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-alert-close>` — button that dismisses the alert when clicked, by
- * calling the parent `<skdx-alert>`'s `setOpen(false)` (which also fires
- * `open-change`). Must be used inside `<skdx-alert>`.
- *
- * Carries a default accessible name of `"Dismiss"` so the common icon-only
- * close button is never an unnamed button; set the `label` attribute to
- * override it.
+ * `<skdx-alert-close>` is a button that dismisses the parent `<skdx-alert>` and moves focus rather than dropping it.
  *
  * @csspart close - The native `<button>` element inside the shadow root.
  */
 export declare class SkdxAlertClose extends LitElement {
     static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResult[];
-    /** Accessible name for the dismiss button. @default 'Dismiss' */
-    label: string;
+    /**
+     * Accessible name for the dismiss button, overriding the parent alert's
+     * `close-label`.
+     * @default undefined — the parent alert's `close-label`, itself defaulting to `'Dismiss'`
+     */
+    label?: string;
     private alertEl;
     connectedCallback(): void;
     private readonly handleClick;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertClose.js

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

package/dist/alert/AlertDescription.cjs

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

package/dist/alert/AlertDescription.d.cts

@@ -1,14 +1,12 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-alert-description>` — renders a `<div>` 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-describedby` at it.
+ * `<skdx-alert-description>` renders a `<div>` that the parent `<skdx-alert>` describes itself with.
  *
  * @csspart description - The `<div>` element inside the shadow root.
  */
 export declare class SkdxAlertDescription extends LitElement {
     static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertDescription.d.ts

@@ -1,14 +1,12 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-alert-description>` — renders a `<div>` 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-describedby` at it.
+ * `<skdx-alert-description>` renders a `<div>` that the parent `<skdx-alert>` describes itself with.
  *
  * @csspart description - The `<div>` element inside the shadow root.
  */
 export declare class SkdxAlertDescription extends LitElement {
     static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertDescription.js

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

package/dist/alert/AlertIcon.cjs

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

package/dist/alert/AlertIcon.d.cts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
  * `<skdx-alert-icon>` — purely decorative icon slot for `<skdx-alert>`, always
  * rendered with `aria-hidden="true"`.
@@ -7,7 +7,7 @@ import { LitElement } from 'lit';
  */
 export declare class SkdxAlertIcon extends LitElement {
     static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertIcon.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
  * `<skdx-alert-icon>` — purely decorative icon slot for `<skdx-alert>`, always
  * rendered with `aria-hidden="true"`.
@@ -7,7 +7,7 @@ import { LitElement } from 'lit';
  */
 export declare class SkdxAlertIcon extends LitElement {
     static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertIcon.js

@@ -1,5 +1,9 @@
-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`
+var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var o=(l,a,r,s)=>{for(var e=s>1?void 0:s?p(a,r):a,i=l.length-1,n;i>=0;i--)(n=l[i])&&(e=(s?n(a,r,e):n(e))||e);return s&&e&&m(a,r,e),e};import{css as c,html as d,LitElement as u}from"lit";import{customElement as f}from"../internal/define.js";var t=class extends u{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};
+  `,t=o([f("skdx-alert-icon","alert","icon")],t);export{t as SkdxAlertIcon};

package/dist/alert/AlertTitle.cjs

@@ -1,5 +1,12 @@
-"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`
+"use strict";var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var c=(s,e)=>{for(var i in e)l(s,i,{get:e[i],enumerable:!0})},f=(s,e,i,h)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of p(e))!w.call(s,t)&&t!==i&&l(s,t,{get:()=>e[t],enumerable:!(h=m(e,t))||h.enumerable});return s};var u=s=>f(l({},"__esModule",{value:!0}),s),d=(s,e,i,h)=>{for(var t=h>1?void 0:h?m(e,i):e,r=s.length-1,n;r>=0;r--)(n=s[r])&&(t=(h?n(e,i,t):n(t))||t);return h&&t&&l(e,i,t),t};var b={};c(b,{SkdxAlertTitle:()=>o});module.exports=u(b);var a=require("lit"),g=require("../internal/define.cjs");var o=class extends a.LitElement{render(){return a.html`<h3 part="title"><slot></slot></h3>`}};o.styles=a.css`
     :host {
       display: block;
     }
-  `,a=p([(0,d.customElement)("skdx-alert-title","alert","title")],a);0&&(module.exports={SkdxAlertTitle});
+    /* The skin sets these on the host; the UA's heading margin and bold weight
+       would otherwise win inside the shadow root. Font size is left to the UA,
+       which is what the skin leaves the light-DOM heading with too. */
+    h3 {
+      margin: 0;
+      font-weight: inherit;
+    }
+  `,o=d([(0,g.customElement)("skdx-alert-title","alert","title")],o);0&&(module.exports={SkdxAlertTitle});

package/dist/alert/AlertTitle.d.cts

@@ -1,14 +1,12 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } 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.
+ * `<skdx-alert-title>` renders an `<h3>` that the parent `<skdx-alert>` labels itself with.
  *
  * @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>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertTitle.d.ts

@@ -1,14 +1,12 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } 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.
+ * `<skdx-alert-title>` renders an `<h3>` that the parent `<skdx-alert>` labels itself with.
  *
  * @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>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/alert/AlertTitle.js

@@ -1,5 +1,12 @@
-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`
+var n=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var r=(h,s,o,i)=>{for(var e=i>1?void 0:i?m(s,o):s,a=h.length-1,l;a>=0;a--)(l=h[a])&&(e=(i?l(s,o,e):l(e))||e);return i&&e&&n(s,o,e),e};import{css as d,html as g,LitElement as p}from"lit";import{customElement as w}from"../internal/define.js";var t=class extends p{render(){return g`<h3 part="title"><slot></slot></h3>`}};t.styles=d`
     :host {
       display: block;
     }
-  `,e=i([f("skdx-alert-title","alert","title")],e);export{e as SkdxAlertTitle};
+    /* The skin sets these on the host; the UA's heading margin and bold weight
+       would otherwise win inside the shadow root. Font size is left to the UA,
+       which is what the skin leaves the light-DOM heading with too. */
+    h3 {
+      margin: 0;
+      font-weight: inherit;
+    }
+  `,t=r([w("skdx-alert-title","alert","title")],t);export{t as SkdxAlertTitle};

package/dist/alert/index.cjs

@@ -1 +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});
+"use strict";var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(e,r)=>{for(var t in r)x(e,t,{get:r[t],enumerable:!0})},A=(e,r,t,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of l(r))!m.call(e,o)&&o!==t&&x(e,o,{get:()=>r[o],enumerable:!(d=k(r,o))||d.enumerable});return e};var S=e=>A(x({},"__esModule",{value:!0}),e);var a={};p(a,{SkdxAlert:()=>f.SkdxAlert});module.exports=S(a);var f=require("./Alert.cjs");0&&(module.exports={SkdxAlert});

package/dist/alert/index.d.cts

@@ -1,6 +1 @@
 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

@@ -1,6 +1 @@
 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

@@ -1 +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};
+import{SkdxAlert as o}from"./Alert.js";export{o as SkdxAlert};