@skdx/web-components 0.27.0 → 0.29.0

package/dist/accordion/AccordionHeader.d.ts

@@ -1,13 +1,23 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-accordion-header>` — heading wrapper for an `<skdx-accordion-trigger>`,
- * giving the section an `<h3>` in the accessibility tree.
+ * Heading wrapper for an accordion trigger that renders `<h1>`–`<h6>` based on `level`.
  *
- * @csspart header - The `<h3>` element inside the shadow root.
+ * @csspart header - The heading element inside the shadow root.
  */
 export declare class SkdxAccordionHeader extends LitElement {
     static styles: import("lit").CSSResult;
-    render(): import("lit").TemplateResult<1>;
+    /** Which heading element to render, h1 through h6. @default 3 */
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    private itemEl;
+    private readonly observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _sync;
+    /**
+     * Six templates because Lit caches by static strings and can't interpolate tag names;
+     * `role="heading"` + `aria-level` only works in the a11y tree, not find-in-page/reading modes.
+     */
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/accordion/AccordionHeader.js

@@ -1,5 +1,15 @@
-var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var h=(a,r,l,s)=>{for(var e=s>1?void 0:s?c(r,l):r,o=a.length-1,m;o>=0;o--)(m=a[o])&&(e=(s?m(r,l,e):m(e))||e);return s&&e&&i(r,l,e),e};import{css as n,html as d,LitElement as p}from"lit";import{customElement as f}from"../internal/define.js";var t=class extends p{render(){return d`<h3 part="header"><slot></slot></h3>`}};t.styles=n`
+var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=(l,a,e,i)=>{for(var t=i>1?void 0:i?c(a,e):a,o=l.length-1,h;o>=0;o--)(h=l[o])&&(t=(i?h(a,e,t):h(t))||t);return i&&t&&n(a,e,t),t};import{css as m,html as r,LitElement as p}from"lit";import{property as u}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";var s=class extends p{constructor(){super(...arguments);this.level=3;this.itemEl=null;this.observer=new MutationObserver(()=>this._sync())}connectedCallback(){super.connectedCallback(),this.itemEl=this.closest("skdx-accordion-item"),this.itemEl&&this.observer.observe(this.itemEl,{attributeFilter:["data-state","data-disabled"]}),this._sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}_sync(){let e=this.itemEl;e&&(this.setAttribute("data-state",e.getAttribute("data-state")??"closed"),e.hasAttribute("data-disabled")?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"))}render(){switch(this.level){case 1:return r`<h1 part="header"><slot></slot></h1>`;case 2:return r`<h2 part="header"><slot></slot></h2>`;case 4:return r`<h4 part="header"><slot></slot></h4>`;case 5:return r`<h5 part="header"><slot></slot></h5>`;case 6:return r`<h6 part="header"><slot></slot></h6>`;default:return r`<h3 part="header"><slot></slot></h3>`}}};s.styles=m`
     :host {
       display: block;
     }
-  `,t=h([f("skdx-accordion-header","accordion","header")],t);export{t as SkdxAccordionHeader};
+    /* The skin's own margin reset lands on the host; the UA heading margin here
+       would still push every item apart. */
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin: 0;
+    }
+  `,d([u({type:Number,reflect:!0})],s.prototype,"level",2),s=d([b("skdx-accordion-header","accordion","header")],s);export{s as SkdxAccordionHeader};

package/dist/accordion/AccordionIndicator.cjs

@@ -0,0 +1,5 @@
+"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var p=(s,t)=>{for(var e in t)d(s,e,{get:t[e],enumerable:!0})},v=(s,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of u(t))!h.call(s,i)&&i!==e&&d(s,i,{get:()=>t[i],enumerable:!(a=c(t,i))||a.enumerable});return s};var E=s=>v(d({},"__esModule",{value:!0}),s),m=(s,t,e,a)=>{for(var i=a>1?void 0:a?c(t,e):t,n=s.length-1,l;n>=0;n--)(l=s[n])&&(i=(a?l(t,e,i):l(i))||i);return a&&i&&d(t,e,i),i};var f={};p(f,{SkdxAccordionIndicator:()=>r});module.exports=E(f);var o=require("lit"),b=require("../internal/define.cjs");var r=class extends o.LitElement{constructor(){super(...arguments);this.itemEl=null;this.observer=new MutationObserver(()=>this._sync())}connectedCallback(){if(super.connectedCallback(),this.itemEl=this.closest("skdx-accordion-item"),!this.itemEl)throw new Error("<skdx-accordion-indicator> must be used inside <skdx-accordion-item>.");this.observer.observe(this.itemEl,{attributeFilter:["data-state","data-disabled","data-orientation"]}),this.setAttribute("aria-hidden","true"),this._sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}_sync(){let e=this.itemEl;e&&(this.setAttribute("data-state",e.getAttribute("data-state")==="open"?"open":"closed"),e.hasAttribute("data-disabled")?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("data-orientation",e.getAttribute("data-orientation")??"vertical"))}render(){return o.html`<slot></slot>`}};r.styles=o.css`
+    :host {
+      display: inline-flex;
+    }
+  `,r=m([(0,b.customElement)("skdx-accordion-indicator","accordion","indicator")],r);0&&(module.exports={SkdxAccordionIndicator});

package/dist/accordion/AccordionIndicator.d.cts

@@ -0,0 +1,26 @@
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * `<skdx-accordion-indicator>` is a disclosure affordance that mirrors the item's open/disabled/orientation state.
+ *
+ * @example
+ * ```html
+ * <skdx-accordion-trigger>
+ *   Section one
+ *   <skdx-accordion-indicator><svg>…</svg></skdx-accordion-indicator>
+ * </skdx-accordion-trigger>
+ * ```
+ */
+export declare class SkdxAccordionIndicator extends LitElement {
+    static styles: import("lit").CSSResult;
+    private itemEl;
+    private readonly observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _sync;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-accordion-indicator': SkdxAccordionIndicator;
+    }
+}

package/dist/accordion/AccordionIndicator.d.ts

@@ -0,0 +1,26 @@
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * `<skdx-accordion-indicator>` is a disclosure affordance that mirrors the item's open/disabled/orientation state.
+ *
+ * @example
+ * ```html
+ * <skdx-accordion-trigger>
+ *   Section one
+ *   <skdx-accordion-indicator><svg>…</svg></skdx-accordion-indicator>
+ * </skdx-accordion-trigger>
+ * ```
+ */
+export declare class SkdxAccordionIndicator extends LitElement {
+    static styles: import("lit").CSSResult;
+    private itemEl;
+    private readonly observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _sync;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-accordion-indicator': SkdxAccordionIndicator;
+    }
+}

package/dist/accordion/AccordionIndicator.js

@@ -0,0 +1,5 @@
+var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(r,i,t,a)=>{for(var e=a>1?void 0:a?c(i,t):i,o=r.length-1,d;o>=0;o--)(d=r[o])&&(e=(a?d(i,t,e):d(e))||e);return a&&e&&l(i,t,e),e};import{css as m,html as b,LitElement as u}from"lit";import{customElement as h}from"../internal/define.js";var s=class extends u{constructor(){super(...arguments);this.itemEl=null;this.observer=new MutationObserver(()=>this._sync())}connectedCallback(){if(super.connectedCallback(),this.itemEl=this.closest("skdx-accordion-item"),!this.itemEl)throw new Error("<skdx-accordion-indicator> must be used inside <skdx-accordion-item>.");this.observer.observe(this.itemEl,{attributeFilter:["data-state","data-disabled","data-orientation"]}),this.setAttribute("aria-hidden","true"),this._sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}_sync(){let t=this.itemEl;t&&(this.setAttribute("data-state",t.getAttribute("data-state")==="open"?"open":"closed"),t.hasAttribute("data-disabled")?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("data-orientation",t.getAttribute("data-orientation")??"vertical"))}render(){return b`<slot></slot>`}};s.styles=m`
+    :host {
+      display: inline-flex;
+    }
+  `,s=n([h("skdx-accordion-indicator","accordion","indicator")],s);export{s as SkdxAccordionIndicator};

package/dist/accordion/AccordionItem.cjs

@@ -1,5 +1,5 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var f=(o,t)=>{for(var i in t)a(o,i,{get:t[i],enumerable:!0})},y=(o,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of u(t))!v.call(o,e)&&e!==i&&a(o,e,{get:()=>t[e],enumerable:!(r=m(t,e))||r.enumerable});return o};var E=o=>y(a({},"__esModule",{value:!0}),o),d=(o,t,i,r)=>{for(var e=r>1?void 0:r?m(t,i):t,n=o.length-1,c;n>=0;n--)(c=o[n])&&(e=(r?c(t,i,e):c(e))||e);return r&&e&&a(t,i,e),e};var g={};f(g,{SkdxAccordionItem:()=>s});module.exports=E(g);var l=require("lit"),h=require("lit/decorators.js"),b=require("../internal/define.cjs"),p=require("../internal/ids.cjs");var s=class extends l.LitElement{constructor(){super(...arguments);this.value="";this.disabled=!1;this.triggerId=(0,p.nextId)("skdx-accordion-trigger");this.contentId=(0,p.nextId)("skdx-accordion-content");this.rootEl=null}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-accordion"),this.rootEl?.registerItem(this),this._sync()}disconnectedCallback(){this.rootEl&&this.rootEl.unregisterItem(this),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let i=this.rootEl?.isOpen(this.value)??!1,r=(this.rootEl?.disabled??!1)||this.disabled;this.setAttribute("data-state",i?"open":"closed"),r?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("data-orientation",this.rootEl?.orientation??"vertical")}updated(){this._sync()}render(){return l.html`<slot></slot>`}};s.styles=l.css`
+"use strict";var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var f=(s,t)=>{for(var o in t)a(s,o,{get:t[o],enumerable:!0})},y=(s,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of b(t))!v.call(s,e)&&e!==o&&a(s,e,{get:()=>t[e],enumerable:!(i=u(t,e))||i.enumerable});return s};var E=s=>y(a({},"__esModule",{value:!0}),s),d=(s,t,o,i)=>{for(var e=i>1?void 0:i?u(t,o):t,c=s.length-1,p;c>=0;c--)(p=s[c])&&(e=(i?p(t,o,e):p(e))||e);return i&&e&&a(t,o,e),e};var g={};f(g,{SkdxAccordionItem:()=>r});module.exports=E(g);var l=require("lit"),h=require("lit/decorators.js"),n=require("../internal/define.cjs"),m=require("../internal/ids.cjs");var r=class extends l.LitElement{constructor(){super(...arguments);this.value="";this.disabled=!1;this.triggerId=(0,m.nextId)("skdx-accordion-trigger");this.contentId=(0,m.nextId)("skdx-accordion-content");this.rootEl=null}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-accordion"),this.rootEl?(0,n.whenUpgraded)(this.rootEl,()=>{this.rootEl?.registerItem(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl&&this.rootEl.unregisterItem(this),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let o=customElements.get("skdx-accordion")?this.rootEl:null,i=o?.isOpen(this.value)??!1,e=(o?.disabled??!1)||this.disabled;this.setAttribute("data-state",i?"open":"closed"),e?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("data-orientation",o?.orientation??"vertical")}updated(){this._sync()}render(){return l.html`<slot></slot>`}};r.styles=l.css`
     :host {
       display: block;
     }
-  `,d([(0,h.property)({type:String,reflect:!0})],s.prototype,"value",2),d([(0,h.property)({type:Boolean,reflect:!0})],s.prototype,"disabled",2),s=d([(0,b.customElement)("skdx-accordion-item","accordion","item")],s);0&&(module.exports={SkdxAccordionItem});
+  `,d([(0,h.property)({type:String,reflect:!0})],r.prototype,"value",2),d([(0,h.property)({type:Boolean,reflect:!0})],r.prototype,"disabled",2),r=d([(0,n.customElement)("skdx-accordion-item","accordion","item")],r);0&&(module.exports={SkdxAccordionItem});

package/dist/accordion/AccordionItem.d.cts

@@ -1,11 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-accordion-item>` — a single expandable section within an
- * `<skdx-accordion>`. Exposes `data-state` (`"open"` | `"closed"`),
- * `data-disabled` and `data-orientation` on itself (the host) so a nested
- * `<skdx-accordion-trigger>` / `<skdx-accordion-content>` can mirror them via a
- * `MutationObserver`, the same pattern `<skdx-dialog-trigger>` uses to watch
- * `<skdx-dialog>`.
+ * `<skdx-accordion-item>` is a single expandable section within an `<skdx-accordion>`.
  *
  * @example
  * ```html
@@ -22,8 +17,7 @@ export declare class SkdxAccordionItem extends LitElement {
     /** Unique identifier matched against the accordion root's open value(s). */
     value: string;
     /**
-     * Prevents this item's trigger from opening/closing, independent of the
-     * accordion root's `disabled`.
+     * Prevents this item's trigger from opening/closing, independent of the accordion root's `disabled`.
      * @default false
      */
     disabled: boolean;
@@ -32,11 +26,11 @@ export declare class SkdxAccordionItem extends LitElement {
     private rootEl;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    /** @internal Called by the parent `<skdx-accordion>` whenever open state changes. */
+    /** @internal Refresh when open state changes. */
     refresh(): void;
     private _sync;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/accordion/AccordionItem.d.ts

@@ -1,11 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-accordion-item>` — a single expandable section within an
- * `<skdx-accordion>`. Exposes `data-state` (`"open"` | `"closed"`),
- * `data-disabled` and `data-orientation` on itself (the host) so a nested
- * `<skdx-accordion-trigger>` / `<skdx-accordion-content>` can mirror them via a
- * `MutationObserver`, the same pattern `<skdx-dialog-trigger>` uses to watch
- * `<skdx-dialog>`.
+ * `<skdx-accordion-item>` is a single expandable section within an `<skdx-accordion>`.
  *
  * @example
  * ```html
@@ -22,8 +17,7 @@ export declare class SkdxAccordionItem extends LitElement {
     /** Unique identifier matched against the accordion root's open value(s). */
     value: string;
     /**
-     * Prevents this item's trigger from opening/closing, independent of the
-     * accordion root's `disabled`.
+     * Prevents this item's trigger from opening/closing, independent of the accordion root's `disabled`.
      * @default false
      */
     disabled: boolean;
@@ -32,11 +26,11 @@ export declare class SkdxAccordionItem extends LitElement {
     private rootEl;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    /** @internal Called by the parent `<skdx-accordion>` whenever open state changes. */
+    /** @internal Refresh when open state changes. */
     refresh(): void;
     private _sync;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/accordion/AccordionItem.js

@@ -1,5 +1,5 @@
-var h=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var s=(l,i,r,o)=>{for(var t=o>1?void 0:o?p(i,r):i,a=l.length-1,d;a>=0;a--)(d=l[a])&&(t=(o?d(i,r,t):d(t))||t);return o&&t&&h(i,r,t),t};import{css as m,html as b,LitElement as u}from"lit";import{property as n}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{nextId as c}from"../internal/ids.js";var e=class extends u{constructor(){super(...arguments);this.value="";this.disabled=!1;this.triggerId=c("skdx-accordion-trigger");this.contentId=c("skdx-accordion-content");this.rootEl=null}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-accordion"),this.rootEl?.registerItem(this),this._sync()}disconnectedCallback(){this.rootEl&&this.rootEl.unregisterItem(this),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let r=this.rootEl?.isOpen(this.value)??!1,o=(this.rootEl?.disabled??!1)||this.disabled;this.setAttribute("data-state",r?"open":"closed"),o?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("data-orientation",this.rootEl?.orientation??"vertical")}updated(){this._sync()}render(){return b`<slot></slot>`}};e.styles=m`
+var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var r=(l,i,e,s)=>{for(var t=s>1?void 0:s?h(i,e):i,a=l.length-1,d;a>=0;a--)(d=l[a])&&(t=(s?d(i,e,t):d(t))||t);return s&&t&&p(i,e,t),t};import{css as m,html as u,LitElement as b}from"lit";import{property as n}from"lit/decorators.js";import{customElement as v,whenUpgraded as f}from"../internal/define.js";import{nextId as c}from"../internal/ids.js";var o=class extends b{constructor(){super(...arguments);this.value="";this.disabled=!1;this.triggerId=c("skdx-accordion-trigger");this.contentId=c("skdx-accordion-content");this.rootEl=null}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-accordion"),this.rootEl?f(this.rootEl,()=>{this.rootEl?.registerItem(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl&&this.rootEl.unregisterItem(this),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let e=customElements.get("skdx-accordion")?this.rootEl:null,s=e?.isOpen(this.value)??!1,t=(e?.disabled??!1)||this.disabled;this.setAttribute("data-state",s?"open":"closed"),t?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("data-orientation",e?.orientation??"vertical")}updated(){this._sync()}render(){return u`<slot></slot>`}};o.styles=m`
     :host {
       display: block;
     }
-  `,s([n({type:String,reflect:!0})],e.prototype,"value",2),s([n({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e=s([v("skdx-accordion-item","accordion","item")],e);export{e as SkdxAccordionItem};
+  `,r([n({type:String,reflect:!0})],o.prototype,"value",2),r([n({type:Boolean,reflect:!0})],o.prototype,"disabled",2),o=r([v("skdx-accordion-item","accordion","item")],o);export{o as SkdxAccordionItem};

package/dist/accordion/AccordionTrigger.cjs

@@ -1,4 +1,4 @@
-"use strict";var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var v=(s,i)=>{for(var t in i)o(s,t,{get:i[t],enumerable:!0})},k=(s,i,t,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let e of u(i))!m.call(s,e)&&e!==t&&o(s,e,{get:()=>i[e],enumerable:!(r=c(i,e))||r.enumerable});return s};var p=s=>k(o({},"__esModule",{value:!0}),s),h=(s,i,t,r)=>{for(var e=r>1?void 0:r?c(i,t):i,n=s.length-1,l;n>=0;n--)(l=s[n])&&(e=(r?l(i,t,e):l(e))||e);return r&&e&&o(i,t,e),e};var y={};v(y,{SkdxAccordionTrigger:()=>a});module.exports=p(y);var d=require("lit"),b=require("../internal/define.cjs");var a=class extends d.LitElement{constructor(){super(...arguments);this.itemEl=null;this.observer=new MutationObserver(()=>this._sync());this._handleClick=()=>{let t=this.itemEl;!t||t.hasAttribute("data-disabled")||this.closest("skdx-accordion")?.toggleItem(t.value)};this._handleKeydown=t=>{(t.key===" "||t.key==="Enter")&&this.getAttribute("data-disabled")===null&&(t.preventDefault(),this._handleClick())}}connectedCallback(){if(super.connectedCallback(),this.itemEl=this.closest("skdx-accordion-item"),!this.itemEl)throw new Error("<skdx-accordion-trigger> must be used inside <skdx-accordion-item>.");this.observer.observe(this.itemEl,{attributeFilter:["data-state","data-disabled","data-orientation"]}),this.setAttribute("role","button"),this.setAttribute("data-skdx-accordion-trigger",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this._sync()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}_sync(){let t=this.itemEl;if(!t)return;this.id||(this.id=t.triggerId);let r=t.getAttribute("data-state")==="open",e=t.hasAttribute("data-disabled");this.setAttribute("aria-controls",t.contentId),this.setAttribute("aria-expanded",String(r)),this.setAttribute("data-state",r?"open":"closed"),e?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("data-orientation",t.getAttribute("data-orientation")??"vertical"),this.setAttribute("tabindex",e?"-1":"0")}render(){return d.html`<slot></slot>`}};a.styles=d.css`
+"use strict";var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var m=(r,i)=>{for(var t in i)l(r,t,{get:i[t],enumerable:!0})},y=(r,i,t,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let e of p(i))!v.call(r,e)&&e!==t&&l(r,e,{get:()=>i[e],enumerable:!(s=h(i,e))||s.enumerable});return r};var k=r=>y(l({},"__esModule",{value:!0}),r),u=(r,i,t,s)=>{for(var e=s>1?void 0:s?h(i,t):i,a=r.length-1,n;a>=0;a--)(n=r[a])&&(e=(s?n(i,t,e):n(e))||e);return s&&e&&l(i,t,e),e};var f={};m(f,{SkdxAccordionTrigger:()=>o});module.exports=k(f);var d=require("lit"),b=require("../internal/define.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.itemEl=null;this.rootEl=null;this.observer=new MutationObserver(()=>this._sync());this._handleClick=t=>{let s=this.itemEl;if(!s||s.hasAttribute("data-disabled"))return;let e=t.detail===0?"keyboard":"pointer";this.closest("skdx-accordion")?.toggleItem(s.value,e)};this._spaceHeld=!1;this._handleKeydown=t=>{t.key!==" "&&t.key!=="Enter"||this.getAttribute("data-disabled")===null&&(t.preventDefault(),t.key===" "?this._spaceHeld=!0:this.click())};this._handleKeyup=t=>{t.key!==" "||!this._spaceHeld||(this._spaceHeld=!1,this.getAttribute("data-disabled")===null&&(t.preventDefault(),this.click()))}}connectedCallback(){if(super.connectedCallback(),this.itemEl=this.closest("skdx-accordion-item"),!this.itemEl)throw new Error("<skdx-accordion-trigger> must be used inside <skdx-accordion-item>.");this.rootEl=this.closest("skdx-accordion"),this.observer.observe(this.itemEl,{attributeFilter:["data-state","data-disabled","data-orientation"]}),this.setAttribute("role","button"),this.setAttribute("data-skdx-accordion-trigger",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.addEventListener("keyup",this._handleKeyup),this._sync()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),this.removeEventListener("keyup",this._handleKeyup),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let t=this.itemEl;if(!t)return;this.id||(this.id=t.triggerId);let s=this.rootEl,e=t.getAttribute("data-state")==="open",a=t.hasAttribute("data-disabled"),n=e&&s?.type==="single"&&!s.collapsible,c=t.querySelector("skdx-accordion-content");c?this.setAttribute("aria-controls",c.id||t.contentId):this.removeAttribute("aria-controls"),this.setAttribute("aria-expanded",String(e)),this.setAttribute("data-state",e?"open":"closed"),a?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),a||n?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),this.setAttribute("data-orientation",t.getAttribute("data-orientation")??"vertical"),this.setAttribute("tabindex",a?"-1":"0")}render(){return d.html`<slot></slot>`}};o.styles=d.css`
     :host {
       display: inline-block;
       cursor: pointer;
@@ -6,4 +6,4 @@
     :host([data-disabled]) {
       cursor: default;
     }
-  `,a=h([(0,b.customElement)("skdx-accordion-trigger","accordion","trigger")],a);0&&(module.exports={SkdxAccordionTrigger});
+  `,o=u([(0,b.customElement)("skdx-accordion-trigger","accordion","trigger")],o);0&&(module.exports={SkdxAccordionTrigger});

package/dist/accordion/AccordionTrigger.d.cts

@@ -1,25 +1,22 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-accordion-trigger>` — toggle button for an `<skdx-accordion-item>`.
- * Sets `role="button"`, `aria-controls`, `aria-expanded`, `data-state`,
- * `data-disabled`, `aria-disabled`, `data-orientation` on itself (the host) — rather than an
- * inner shadow `<button>` — since `aria-controls`/`id` must resolve as
- * light-DOM IDREFs shared with a sibling `<skdx-accordion-content>` (an IDREF
- * can't cross a shadow boundary), mirroring `<skdx-tabs-trigger>`. Also
- * carries `data-skdx-accordion-trigger` so the accordion root's keydown
- * handler can find it for arrow-key navigation. Must be used inside
- * `<skdx-accordion-item>`.
+ * `<skdx-accordion-trigger>` is the toggle button for an `<skdx-accordion-item>`, setting ARIA and state attributes on the host itself.
  */
 export declare class SkdxAccordionTrigger extends LitElement {
     static styles: import("lit").CSSResult;
     private itemEl;
+    private rootEl;
     private readonly observer;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** @internal Re-reads the item and root state; the root calls it when `type` or `collapsible` moves. */
+    refresh(): void;
     private _sync;
     private readonly _handleClick;
+    private _spaceHeld;
     private readonly _handleKeydown;
-    render(): import("lit").TemplateResult<1>;
+    private readonly _handleKeyup;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/accordion/AccordionTrigger.d.ts

@@ -1,25 +1,22 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-accordion-trigger>` — toggle button for an `<skdx-accordion-item>`.
- * Sets `role="button"`, `aria-controls`, `aria-expanded`, `data-state`,
- * `data-disabled`, `aria-disabled`, `data-orientation` on itself (the host) — rather than an
- * inner shadow `<button>` — since `aria-controls`/`id` must resolve as
- * light-DOM IDREFs shared with a sibling `<skdx-accordion-content>` (an IDREF
- * can't cross a shadow boundary), mirroring `<skdx-tabs-trigger>`. Also
- * carries `data-skdx-accordion-trigger` so the accordion root's keydown
- * handler can find it for arrow-key navigation. Must be used inside
- * `<skdx-accordion-item>`.
+ * `<skdx-accordion-trigger>` is the toggle button for an `<skdx-accordion-item>`, setting ARIA and state attributes on the host itself.
  */
 export declare class SkdxAccordionTrigger extends LitElement {
     static styles: import("lit").CSSResult;
     private itemEl;
+    private rootEl;
     private readonly observer;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** @internal Re-reads the item and root state; the root calls it when `type` or `collapsible` moves. */
+    refresh(): void;
     private _sync;
     private readonly _handleClick;
+    private _spaceHeld;
     private readonly _handleKeydown;
-    render(): import("lit").TemplateResult<1>;
+    private readonly _handleKeyup;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/accordion/AccordionTrigger.js

@@ -1,4 +1,4 @@
-var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(a,s,t,i)=>{for(var e=i>1?void 0:i?c(s,t):s,d=a.length-1,o;d>=0;d--)(o=a[d])&&(e=(i?o(s,t,e):o(e))||e);return i&&e&&l(s,t,e),e};import{css as h,html as b,LitElement as u}from"lit";import{customElement as m}from"../internal/define.js";var r=class extends u{constructor(){super(...arguments);this.itemEl=null;this.observer=new MutationObserver(()=>this._sync());this._handleClick=()=>{let t=this.itemEl;!t||t.hasAttribute("data-disabled")||this.closest("skdx-accordion")?.toggleItem(t.value)};this._handleKeydown=t=>{(t.key===" "||t.key==="Enter")&&this.getAttribute("data-disabled")===null&&(t.preventDefault(),this._handleClick())}}connectedCallback(){if(super.connectedCallback(),this.itemEl=this.closest("skdx-accordion-item"),!this.itemEl)throw new Error("<skdx-accordion-trigger> must be used inside <skdx-accordion-item>.");this.observer.observe(this.itemEl,{attributeFilter:["data-state","data-disabled","data-orientation"]}),this.setAttribute("role","button"),this.setAttribute("data-skdx-accordion-trigger",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this._sync()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}_sync(){let t=this.itemEl;if(!t)return;this.id||(this.id=t.triggerId);let i=t.getAttribute("data-state")==="open",e=t.hasAttribute("data-disabled");this.setAttribute("aria-controls",t.contentId),this.setAttribute("aria-expanded",String(i)),this.setAttribute("data-state",i?"open":"closed"),e?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("data-orientation",t.getAttribute("data-orientation")??"vertical"),this.setAttribute("tabindex",e?"-1":"0")}render(){return b`<slot></slot>`}};r.styles=h`
+var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var l=(d,r,t,i)=>{for(var e=i>1?void 0:i?h(r,t):r,s=d.length-1,a;s>=0;s--)(a=d[s])&&(e=(i?a(r,t,e):a(e))||e);return i&&e&&c(r,t,e),e};import{css as u,html as b,LitElement as p}from"lit";import{customElement as v}from"../internal/define.js";var o=class extends p{constructor(){super(...arguments);this.itemEl=null;this.rootEl=null;this.observer=new MutationObserver(()=>this._sync());this._handleClick=t=>{let i=this.itemEl;if(!i||i.hasAttribute("data-disabled"))return;let e=t.detail===0?"keyboard":"pointer";this.closest("skdx-accordion")?.toggleItem(i.value,e)};this._spaceHeld=!1;this._handleKeydown=t=>{t.key!==" "&&t.key!=="Enter"||this.getAttribute("data-disabled")===null&&(t.preventDefault(),t.key===" "?this._spaceHeld=!0:this.click())};this._handleKeyup=t=>{t.key!==" "||!this._spaceHeld||(this._spaceHeld=!1,this.getAttribute("data-disabled")===null&&(t.preventDefault(),this.click()))}}connectedCallback(){if(super.connectedCallback(),this.itemEl=this.closest("skdx-accordion-item"),!this.itemEl)throw new Error("<skdx-accordion-trigger> must be used inside <skdx-accordion-item>.");this.rootEl=this.closest("skdx-accordion"),this.observer.observe(this.itemEl,{attributeFilter:["data-state","data-disabled","data-orientation"]}),this.setAttribute("role","button"),this.setAttribute("data-skdx-accordion-trigger",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.addEventListener("keyup",this._handleKeyup),this._sync()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),this.removeEventListener("keyup",this._handleKeyup),super.disconnectedCallback()}refresh(){this._sync()}_sync(){let t=this.itemEl;if(!t)return;this.id||(this.id=t.triggerId);let i=this.rootEl,e=t.getAttribute("data-state")==="open",s=t.hasAttribute("data-disabled"),a=e&&i?.type==="single"&&!i.collapsible,n=t.querySelector("skdx-accordion-content");n?this.setAttribute("aria-controls",n.id||t.contentId):this.removeAttribute("aria-controls"),this.setAttribute("aria-expanded",String(e)),this.setAttribute("data-state",e?"open":"closed"),s?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),s||a?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),this.setAttribute("data-orientation",t.getAttribute("data-orientation")??"vertical"),this.setAttribute("tabindex",s?"-1":"0")}render(){return b`<slot></slot>`}};o.styles=u`
     :host {
       display: inline-block;
       cursor: pointer;
@@ -6,4 +6,4 @@ var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(a,s,t,i
     :host([data-disabled]) {
       cursor: default;
     }
-  `,r=n([m("skdx-accordion-trigger","accordion","trigger")],r);export{r as SkdxAccordionTrigger};
+  `,o=l([v("skdx-accordion-trigger","accordion","trigger")],o);export{o as SkdxAccordionTrigger};

package/dist/accordion/index.cjs

@@ -1 +1 @@
-"use strict";var e=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var S=(r,o)=>{for(var c in o)e(r,c,{get:o[c],enumerable:!0})},g=(r,o,c,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let d of p(o))!A.call(r,d)&&d!==c&&e(r,d,{get:()=>o[d],enumerable:!(x=k(o,d))||x.enumerable});return r};var a=r=>g(e({},"__esModule",{value:!0}),r);var C={};S(C,{SkdxAccordion:()=>t.SkdxAccordion,SkdxAccordionContent:()=>f.SkdxAccordionContent,SkdxAccordionHeader:()=>i.SkdxAccordionHeader,SkdxAccordionItem:()=>n.SkdxAccordionItem,SkdxAccordionTrigger:()=>m.SkdxAccordionTrigger});module.exports=a(C);var t=require("./Accordion.cjs"),n=require("./AccordionItem.cjs"),i=require("./AccordionHeader.cjs"),m=require("./AccordionTrigger.cjs"),f=require("./AccordionContent.cjs");0&&(module.exports={SkdxAccordion,SkdxAccordionContent,SkdxAccordionHeader,SkdxAccordionItem,SkdxAccordionTrigger});
+"use strict";var e=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var m=(r,o)=>{for(var d in o)e(r,d,{get:o[d],enumerable:!0})},n=(r,o,d,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of x(o))!k.call(r,c)&&c!==d&&e(r,c,{get:()=>o[c],enumerable:!(t=p(o,c))||t.enumerable});return r};var A=r=>n(e({},"__esModule",{value:!0}),r);var S={};m(S,{SkdxAccordion:()=>i.SkdxAccordion});module.exports=A(S);var i=require("./Accordion.cjs");0&&(module.exports={SkdxAccordion});

package/dist/accordion/index.d.cts

@@ -1,5 +1 @@
-export { SkdxAccordion } from './Accordion.cjs';
-export { SkdxAccordionItem } from './AccordionItem.cjs';
-export { SkdxAccordionHeader } from './AccordionHeader.cjs';
-export { SkdxAccordionTrigger } from './AccordionTrigger.cjs';
-export { SkdxAccordionContent } from './AccordionContent.cjs';
+export { SkdxAccordion, type SkdxAccordionItemDescriptor } from './Accordion.cjs';

package/dist/accordion/index.d.ts

@@ -1,5 +1 @@
-export { SkdxAccordion } from './Accordion.js';
-export { SkdxAccordionItem } from './AccordionItem.js';
-export { SkdxAccordionHeader } from './AccordionHeader.js';
-export { SkdxAccordionTrigger } from './AccordionTrigger.js';
-export { SkdxAccordionContent } from './AccordionContent.js';
+export { SkdxAccordion, type SkdxAccordionItemDescriptor } from './Accordion.js';

package/dist/accordion/index.js

@@ -1 +1 @@
-import{SkdxAccordion as d}from"./Accordion.js";import{SkdxAccordionItem as e}from"./AccordionItem.js";import{SkdxAccordionHeader as t}from"./AccordionHeader.js";import{SkdxAccordionTrigger as i}from"./AccordionTrigger.js";import{SkdxAccordionContent as f}from"./AccordionContent.js";export{d as SkdxAccordion,f as SkdxAccordionContent,t as SkdxAccordionHeader,e as SkdxAccordionItem,i as SkdxAccordionTrigger};
+import{SkdxAccordion as c}from"./Accordion.js";export{c as SkdxAccordion};

package/dist/accordion/primitives.cjs

@@ -0,0 +1 @@
+"use strict";var e=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var S=(r,o)=>{for(var c in o)e(r,c,{get:o[c],enumerable:!0})},a=(r,o,c,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let d of p(o))!A.call(r,d)&&d!==c&&e(r,d,{get:()=>o[d],enumerable:!(x=k(o,d))||x.enumerable});return r};var g=r=>a(e({},"__esModule",{value:!0}),r);var I={};S(I,{SkdxAccordionContent:()=>f.SkdxAccordionContent,SkdxAccordionHeader:()=>n.SkdxAccordionHeader,SkdxAccordionIndicator:()=>m.SkdxAccordionIndicator,SkdxAccordionItem:()=>t.SkdxAccordionItem,SkdxAccordionTrigger:()=>i.SkdxAccordionTrigger});module.exports=g(I);var t=require("./AccordionItem.cjs"),n=require("./AccordionHeader.cjs"),i=require("./AccordionTrigger.cjs"),m=require("./AccordionIndicator.cjs"),f=require("./AccordionContent.cjs");0&&(module.exports={SkdxAccordionContent,SkdxAccordionHeader,SkdxAccordionIndicator,SkdxAccordionItem,SkdxAccordionTrigger});

package/dist/accordion/primitives.d.cts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `<skdx-accordion>` — component parts you can compose when the derived anatomy doesn't suit your needs.
+ *
+ * @example
+ * ```ts
+ * import * as Accordion from '@skdx/web-components/primitives/accordion';
+ * ```
+ * ```html
+ * <skdx-accordion type="single" collapsible default-value="item-1">
+ *   <skdx-accordion-item value="item-1">
+ *     <skdx-accordion-header level="2">
+ *       <skdx-accordion-trigger>Section one</skdx-accordion-trigger>
+ *     </skdx-accordion-header>
+ *     <skdx-accordion-content>Content for section one.</skdx-accordion-content>
+ *   </skdx-accordion-item>
+ * </skdx-accordion>
+ * ```
+ */
+export { SkdxAccordionItem } from './AccordionItem.cjs';
+export { SkdxAccordionHeader } from './AccordionHeader.cjs';
+export { SkdxAccordionTrigger } from './AccordionTrigger.cjs';
+export { SkdxAccordionIndicator } from './AccordionIndicator.cjs';
+export { SkdxAccordionContent } from './AccordionContent.cjs';

package/dist/accordion/primitives.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `<skdx-accordion>` — component parts you can compose when the derived anatomy doesn't suit your needs.
+ *
+ * @example
+ * ```ts
+ * import * as Accordion from '@skdx/web-components/primitives/accordion';
+ * ```
+ * ```html
+ * <skdx-accordion type="single" collapsible default-value="item-1">
+ *   <skdx-accordion-item value="item-1">
+ *     <skdx-accordion-header level="2">
+ *       <skdx-accordion-trigger>Section one</skdx-accordion-trigger>
+ *     </skdx-accordion-header>
+ *     <skdx-accordion-content>Content for section one.</skdx-accordion-content>
+ *   </skdx-accordion-item>
+ * </skdx-accordion>
+ * ```
+ */
+export { SkdxAccordionItem } from './AccordionItem.js';
+export { SkdxAccordionHeader } from './AccordionHeader.js';
+export { SkdxAccordionTrigger } from './AccordionTrigger.js';
+export { SkdxAccordionIndicator } from './AccordionIndicator.js';
+export { SkdxAccordionContent } from './AccordionContent.js';

package/dist/accordion/primitives.js

@@ -0,0 +1 @@
+import{SkdxAccordionItem as d}from"./AccordionItem.js";import{SkdxAccordionHeader as e}from"./AccordionHeader.js";import{SkdxAccordionTrigger as t}from"./AccordionTrigger.js";import{SkdxAccordionIndicator as i}from"./AccordionIndicator.js";import{SkdxAccordionContent as f}from"./AccordionContent.js";export{f as SkdxAccordionContent,e as SkdxAccordionHeader,i as SkdxAccordionIndicator,d as SkdxAccordionItem,t as SkdxAccordionTrigger};

package/dist/alert/Alert.cjs

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

package/dist/alert/Alert.d.cts

@@ -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 {