@skdx/web-components-blocks 0.35.0 → 0.37.0

package/dist/user-menu/UserMenu.js

@@ -1,4 +1,4 @@
-var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(a,i,n,d)=>{for(var s=d>1?void 0:d?c(i,n):i,u=a.length-1,l;u>=0;u--)(l=a[u])&&(s=(d?l(i,n,s):l(s))||s);return d&&s&&p(i,n,s),s};import{html as m,LitElement as g,nothing as o}from"lit";import{property as r}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{placeSlotted as v}from"../internal/slots.js";import"@skdx/web-components/avatar";import"@skdx/web-components/primitives/menu";var k="data-skdx-user-menu-generated",f={fromAttribute:a=>a!=="false"},e=class extends g{constructor(){super(...arguments);this.defaultOpen=!1;this.side="bottom";this.align="end"}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}get hasTrigger(){return this.querySelector('[slot="trigger"]')!==null}updated(){this.variant&&!this.hasTrigger?this.setAttribute("data-variant",this.variant):this.removeAttribute("data-variant");let n=this.querySelector("skdx-menu-trigger");v(this,k,{trigger:n,status:n},this.querySelector("skdx-menu-content"))}derivedTrigger(){return m`<skdx-avatar
+var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(a,i,n,d)=>{for(var r=d>1?void 0:d?c(i,n):i,l=a.length-1,m;l>=0;l--)(m=a[l])&&(r=(d?m(i,n,r):m(r))||r);return d&&r&&p(i,n,r),r};import{html as u,LitElement as g,nothing as o}from"lit";import{property as s}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{placeSlotted as v}from"../internal/slots.js";import"@skdx/web-components/avatar";import"@skdx/web-components/primitives/menu";var k="data-skdx-user-menu-generated",x={fromAttribute:a=>a!=="false"},e=class extends g{constructor(){super(...arguments);this.defaultOpen=!1;this.side="bottom";this.align="end"}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.style.display="contents",queueMicrotask(()=>this.requestUpdate())}get hasTrigger(){return this.querySelector('[slot="trigger"], [data-skdx-slot="trigger"]')!==null}updated(){this.variant&&!this.hasTrigger?this.setAttribute("data-variant",this.variant):this.removeAttribute("data-variant");let n=this.querySelector("skdx-menu-trigger");v(this,k,{trigger:n,status:n},this.querySelector("skdx-menu-content"))}derivedTrigger(){return u`<skdx-avatar
         class="skdx-user-menu__avatar"
         src=${this.avatarSrc??o}
         name=${this.name??o}
@@ -7,14 +7,16 @@ var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(a,i,n,d
       ></skdx-avatar>
       <span class="skdx-user-menu__identity">
         <span class="skdx-user-menu__name">${this.name??""}</span>
-        ${this.description?m`<span class="skdx-user-menu__description">${this.description}</span>`:o}
-      </span>`}render(){return m`
+        ${this.description?u`<span class="skdx-user-menu__description">${this.description}</span>`:o}
+      </span>`}render(){return u`
       <skdx-menu-root
         data-skdx-user-menu-generated
         .open=${this.open}
         ?default-open=${this.defaultOpen}
       >
-        <skdx-menu-trigger>${this.hasTrigger?o:this.derivedTrigger()}</skdx-menu-trigger>
+        <skdx-menu-trigger class="skdx-user-menu"
+          >${this.hasTrigger?o:this.derivedTrigger()}</skdx-menu-trigger
+        >
         <skdx-menu-content
           class="skdx-user-menu__content"
           side=${this.side}
@@ -22,9 +24,9 @@ var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=(a,i,n,d
         >
           <skdx-menu-label class="skdx-user-menu__header">
             <span class="skdx-user-menu__name">${this.name??""}</span>
-            ${this.description?m`<span class="skdx-user-menu__description">${this.description}</span>`:o}
+            ${this.description?u`<span class="skdx-user-menu__description">${this.description}</span>`:o}
           </skdx-menu-label>
           <skdx-menu-separator></skdx-menu-separator>
         </skdx-menu-content>
       </skdx-menu-root>
-    `}};t([r({type:String})],e.prototype,"name",2),t([r({type:String})],e.prototype,"description",2),t([r({type:String,attribute:"avatar-src"})],e.prototype,"avatarSrc",2),t([r({type:String})],e.prototype,"variant",2),t([r({converter:f})],e.prototype,"open",2),t([r({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),t([r({type:String})],e.prototype,"side",2),t([r({type:String})],e.prototype,"align",2),e=t([h("skdx-user-menu","user-menu","root")],e);export{e as SkdxUserMenu};
+    `}};t([s({type:String})],e.prototype,"name",2),t([s({type:String})],e.prototype,"description",2),t([s({type:String,attribute:"avatar-src"})],e.prototype,"avatarSrc",2),t([s({type:String})],e.prototype,"variant",2),t([s({converter:x})],e.prototype,"open",2),t([s({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),t([s({type:String})],e.prototype,"side",2),t([s({type:String})],e.prototype,"align",2),e=t([h("skdx-user-menu","user-menu","root")],e);export{e as SkdxUserMenu};

package/dist/verification-page/VerificationPage.cjs

@@ -1,4 +1,4 @@
-"use strict";var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var f=(d,s)=>{for(var e in s)l(d,e,{get:s[e],enumerable:!0})},L=(d,s,e,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of b(s))!E.call(d,t)&&t!==e&&l(d,t,{get:()=>s[t],enumerable:!(r=h(s,t))||r.enumerable});return d};var k=d=>L(l({},"__esModule",{value:!0}),d),a=(d,s,e,r)=>{for(var t=r>1?void 0:r?h(s,e):s,u=d.length-1,c;u>=0;u--)(c=d[u])&&(t=(r?c(s,e,t):c(t))||t);return r&&t&&l(s,e,t),t};var _={};f(_,{SkdxVerificationPage:()=>i});module.exports=k(_);var n=require("lit"),o=require("lit/decorators.js"),m=require("../internal/define.cjs"),p=require("../internal/events.cjs"),v=require("../internal/slots.cjs"),T=require("@skdx/web-components/alert"),H=require("@skdx/web-components/button"),C=require("@skdx/web-components/field"),O=require("@skdx/web-components/form"),V=require("@skdx/web-components/heading"),D=require("@skdx/web-components/pin-input"),S=require("@skdx/web-components/text");var g="data-skdx-verification-page-generated",x="data-skdx-verification-page-content",y=["resend"],$=0,i=class extends n.LitElement{constructor(){super(...arguments);this.title="Enter your verification code";this.pending=!1;this.codeLabel="Verification code";this.length=6;this.defaultValue="";this.submitLabel="Verify";this.resendLabel="Resend code";this.resendDisabled=!1;this.titleId=`skdx-verification-page-title-${++$}`;this.gated=new Map;this.handleValueChange=e=>{e.stopPropagation(),this.setValue(e.detail,"keyboard")};this.handleSubmit=e=>{e.target?.closest("skdx-form")&&(e.preventDefault(),(0,p.emit)(this,"verify",{code:this.currentValue}))};this.resend=()=>{(0,p.emit)(this,"resend")}}createRenderRoot(){return this}addEventListener(e,r,t){super.addEventListener(e,r,t),this.countListener(e,1)}removeEventListener(e,r,t){super.removeEventListener(e,r,t),this.countListener(e,-1)}countListener(e,r){y.includes(e)&&(this.gated.set(e,Math.max(0,(this.gated.get(e)??0)+r)),this.requestUpdate())}handles(e){return(this.gated.get(e)??0)>0}get currentValue(){return this.value??this.uncontrolledValue??this.defaultValue}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}hasSlotted(e){return this.querySelector(`[slot="${e}"]`)!==null}region(e){return this.querySelector(`.skdx-verification-page__${e}`)}get contentRegion(){return this.querySelector(`[${x}]`)}get hasContent(){return(0,v.hasUnslottedChild)(this,g)||(this.contentRegion?.hasChildNodes()??!1)}updated(){let e=this.querySelector(".skdx-verification-page__code");e&&(e.value=this.currentValue),(0,v.placeSlotted)(this,g,{footer:this.region("footer")},this.contentRegion)}setValue(e,r){let t=this.currentValue;this.uncontrolledValue=e,this.requestUpdate(),(0,p.emit)(this,"value-change",{value:e,previousValue:t,reason:r})}render(){return n.html`
+"use strict";var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var f=(d,s)=>{for(var e in s)l(d,e,{get:s[e],enumerable:!0})},L=(d,s,e,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of b(s))!E.call(d,t)&&t!==e&&l(d,t,{get:()=>s[t],enumerable:!(r=h(s,t))||r.enumerable});return d};var k=d=>L(l({},"__esModule",{value:!0}),d),a=(d,s,e,r)=>{for(var t=r>1?void 0:r?h(s,e):s,u=d.length-1,c;u>=0;u--)(c=d[u])&&(t=(r?c(s,e,t):c(t))||t);return r&&t&&l(s,e,t),t};var _={};f(_,{SkdxVerificationPage:()=>i});module.exports=k(_);var n=require("lit"),o=require("lit/decorators.js"),m=require("../internal/define.cjs"),p=require("../internal/events.cjs"),v=require("../internal/slots.cjs"),T=require("@skdx/web-components/alert"),H=require("@skdx/web-components/button"),C=require("@skdx/web-components/field"),O=require("@skdx/web-components/form"),V=require("@skdx/web-components/heading"),D=require("@skdx/web-components/pin-input"),S=require("@skdx/web-components/text");var g="data-skdx-verification-page-generated",x="data-skdx-verification-page-content",y=["resend"],$=0,i=class extends n.LitElement{constructor(){super(...arguments);this.title="Enter your verification code";this.pending=!1;this.codeLabel="Verification code";this.length=6;this.defaultValue="";this.submitLabel="Verify";this.resendLabel="Resend code";this.resendDisabled=!1;this.titleId=`skdx-verification-page-title-${++$}`;this.gated=new Map;this.handleValueChange=e=>{e.stopPropagation(),this.setValue(e.detail,"keyboard")};this.handleSubmit=e=>{e.target?.closest("skdx-form")&&(e.preventDefault(),(0,p.emit)(this,"verify",{code:this.currentValue}))};this.resend=()=>{(0,p.emit)(this,"resend")}}createRenderRoot(){return this}addEventListener(e,r,t){super.addEventListener(e,r,t),this.countListener(e,1)}removeEventListener(e,r,t){super.removeEventListener(e,r,t),this.countListener(e,-1)}countListener(e,r){y.includes(e)&&(this.gated.set(e,Math.max(0,(this.gated.get(e)??0)+r)),this.requestUpdate())}handles(e){return(this.gated.get(e)??0)>0}get currentValue(){return this.value??this.uncontrolledValue??this.defaultValue}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}region(e){return this.querySelector(`.skdx-verification-page__${e}`)}get contentRegion(){return this.querySelector(`[${x}]`)}get hasContent(){return(0,v.hasUnslottedChild)(this,g)||(this.contentRegion?.hasChildNodes()??!1)}updated(){let e=this.querySelector(".skdx-verification-page__code");e&&(e.value=this.currentValue),(0,v.placeSlotted)(this,g,{footer:this.region("footer")},this.contentRegion)}setValue(e,r){let t=this.currentValue;this.uncontrolledValue=e,this.requestUpdate(),(0,p.emit)(this,"value-change",{value:e,previousValue:t,reason:r})}render(){return n.html`
       <div
         class="skdx-verification-page__panel"
         data-skdx-verification-page-generated
@@ -22,10 +22,8 @@
               >`:n.nothing}
         <skdx-form class="skdx-verification-page__form">
           <form>
-            <skdx-field
-              class="skdx-verification-page__field"
-              label=${this.codeLabel}
-            >
+            <skdx-fieldset class="skdx-verification-page__field">
+              <skdx-field-label>${this.codeLabel}</skdx-field-label>
               <skdx-pin-input
                 class="skdx-verification-page__code"
                 aria-label=${this.codeLabel}
@@ -35,7 +33,7 @@
                 .value=${this.currentValue}
                 @value-change=${this.handleValueChange}
               ></skdx-pin-input>
-            </skdx-field>
+            </skdx-fieldset>
             ${this.hasContent?n.html`<div data-skdx-verification-page-content></div>`:n.nothing}
             <skdx-button
               class="skdx-verification-page__submit"

package/dist/verification-page/VerificationPage.d.cts

@@ -72,7 +72,7 @@ export declare class SkdxVerificationPage extends LitElement {
      */
     pending: boolean;
     /**
-     * Field label and accessible name of the derived pin input holding the code.
+     * Legend of the code fieldset and accessible name of the derived pin input holding the code.
      * @default 'Verification code'
      */
     codeLabel: string;

package/dist/verification-page/VerificationPage.d.ts

@@ -72,7 +72,7 @@ export declare class SkdxVerificationPage extends LitElement {
      */
     pending: boolean;
     /**
-     * Field label and accessible name of the derived pin input holding the code.
+     * Legend of the code fieldset and accessible name of the derived pin input holding the code.
      * @default 'Verification code'
      */
     codeLabel: string;

package/dist/verification-page/VerificationPage.js

@@ -1,4 +1,4 @@
-var h=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=(l,d,e,n)=>{for(var r=n>1?void 0:n?g(d,e):d,p=l.length-1,v;p>=0;p--)(v=l[p])&&(r=(n?v(d,e,r):v(r))||r);return n&&r&&h(d,e,r),r};import{html as a,LitElement as m,nothing as o}from"lit";import{property as s}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{emit as u}from"../internal/events.js";import{hasUnslottedChild as E,placeSlotted as f}from"../internal/slots.js";import"@skdx/web-components/alert";import"@skdx/web-components/button";import"@skdx/web-components/field";import"@skdx/web-components/form";import"@skdx/web-components/heading";import"@skdx/web-components/pin-input";import"@skdx/web-components/text";var c="data-skdx-verification-page-generated",L="data-skdx-verification-page-content",k=["resend"],x=0,t=class extends m{constructor(){super(...arguments);this.title="Enter your verification code";this.pending=!1;this.codeLabel="Verification code";this.length=6;this.defaultValue="";this.submitLabel="Verify";this.resendLabel="Resend code";this.resendDisabled=!1;this.titleId=`skdx-verification-page-title-${++x}`;this.gated=new Map;this.handleValueChange=e=>{e.stopPropagation(),this.setValue(e.detail,"keyboard")};this.handleSubmit=e=>{e.target?.closest("skdx-form")&&(e.preventDefault(),u(this,"verify",{code:this.currentValue}))};this.resend=()=>{u(this,"resend")}}createRenderRoot(){return this}addEventListener(e,n,r){super.addEventListener(e,n,r),this.countListener(e,1)}removeEventListener(e,n,r){super.removeEventListener(e,n,r),this.countListener(e,-1)}countListener(e,n){k.includes(e)&&(this.gated.set(e,Math.max(0,(this.gated.get(e)??0)+n)),this.requestUpdate())}handles(e){return(this.gated.get(e)??0)>0}get currentValue(){return this.value??this.uncontrolledValue??this.defaultValue}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}hasSlotted(e){return this.querySelector(`[slot="${e}"]`)!==null}region(e){return this.querySelector(`.skdx-verification-page__${e}`)}get contentRegion(){return this.querySelector(`[${L}]`)}get hasContent(){return E(this,c)||(this.contentRegion?.hasChildNodes()??!1)}updated(){let e=this.querySelector(".skdx-verification-page__code");e&&(e.value=this.currentValue),f(this,c,{footer:this.region("footer")},this.contentRegion)}setValue(e,n){let r=this.currentValue;this.uncontrolledValue=e,this.requestUpdate(),u(this,"value-change",{value:e,previousValue:r,reason:n})}render(){return a`
+var h=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=(l,d,e,n)=>{for(var r=n>1?void 0:n?g(d,e):d,p=l.length-1,v;p>=0;p--)(v=l[p])&&(r=(n?v(d,e,r):v(r))||r);return n&&r&&h(d,e,r),r};import{html as a,LitElement as m,nothing as o}from"lit";import{property as s}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{emit as u}from"../internal/events.js";import{hasUnslottedChild as E,placeSlotted as f}from"../internal/slots.js";import"@skdx/web-components/alert";import"@skdx/web-components/button";import"@skdx/web-components/field";import"@skdx/web-components/form";import"@skdx/web-components/heading";import"@skdx/web-components/pin-input";import"@skdx/web-components/text";var c="data-skdx-verification-page-generated",L="data-skdx-verification-page-content",k=["resend"],x=0,t=class extends m{constructor(){super(...arguments);this.title="Enter your verification code";this.pending=!1;this.codeLabel="Verification code";this.length=6;this.defaultValue="";this.submitLabel="Verify";this.resendLabel="Resend code";this.resendDisabled=!1;this.titleId=`skdx-verification-page-title-${++x}`;this.gated=new Map;this.handleValueChange=e=>{e.stopPropagation(),this.setValue(e.detail,"keyboard")};this.handleSubmit=e=>{e.target?.closest("skdx-form")&&(e.preventDefault(),u(this,"verify",{code:this.currentValue}))};this.resend=()=>{u(this,"resend")}}createRenderRoot(){return this}addEventListener(e,n,r){super.addEventListener(e,n,r),this.countListener(e,1)}removeEventListener(e,n,r){super.removeEventListener(e,n,r),this.countListener(e,-1)}countListener(e,n){k.includes(e)&&(this.gated.set(e,Math.max(0,(this.gated.get(e)??0)+n)),this.requestUpdate())}handles(e){return(this.gated.get(e)??0)>0}get currentValue(){return this.value??this.uncontrolledValue??this.defaultValue}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),this.addEventListener("submit",this.handleSubmit),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("submit",this.handleSubmit),super.disconnectedCallback()}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}region(e){return this.querySelector(`.skdx-verification-page__${e}`)}get contentRegion(){return this.querySelector(`[${L}]`)}get hasContent(){return E(this,c)||(this.contentRegion?.hasChildNodes()??!1)}updated(){let e=this.querySelector(".skdx-verification-page__code");e&&(e.value=this.currentValue),f(this,c,{footer:this.region("footer")},this.contentRegion)}setValue(e,n){let r=this.currentValue;this.uncontrolledValue=e,this.requestUpdate(),u(this,"value-change",{value:e,previousValue:r,reason:n})}render(){return a`
       <div
         class="skdx-verification-page__panel"
         data-skdx-verification-page-generated
@@ -22,10 +22,8 @@ var h=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=(l,d,e,n
               >`:o}
         <skdx-form class="skdx-verification-page__form">
           <form>
-            <skdx-field
-              class="skdx-verification-page__field"
-              label=${this.codeLabel}
-            >
+            <skdx-fieldset class="skdx-verification-page__field">
+              <skdx-field-label>${this.codeLabel}</skdx-field-label>
               <skdx-pin-input
                 class="skdx-verification-page__code"
                 aria-label=${this.codeLabel}
@@ -35,7 +33,7 @@ var h=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=(l,d,e,n
                 .value=${this.currentValue}
                 @value-change=${this.handleValueChange}
               ></skdx-pin-input>
-            </skdx-field>
+            </skdx-fieldset>
             ${this.hasContent?a`<div data-skdx-verification-page-content></div>`:o}
             <skdx-button
               class="skdx-verification-page__submit"

package/dist/workspace-switcher/WorkspaceSwitcher.cjs

@@ -1,4 +1,4 @@
-"use strict";var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var w=(i,n)=>{for(var e in n)u(i,e,{get:n[e],enumerable:!0})},x=(i,n,e,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of b(n))!f.call(i,s)&&s!==e&&u(i,s,{get:()=>n[s],enumerable:!(t=g(n,s))||t.enumerable});return i};var y=i=>x(u({},"__esModule",{value:!0}),i),o=(i,n,e,t)=>{for(var s=t>1?void 0:t?g(n,e):n,c=i.length-1,d;c>=0;c--)(d=i[c])&&(s=(t?d(n,e,s):d(s))||s);return t&&s&&u(n,e,s),s};var E={};w(E,{SkdxWorkspaceSwitcher:()=>a});module.exports=y(E);var r=require("lit"),l=require("lit/decorators.js"),v=require("../internal/define.cjs"),h=require("../internal/events.cjs"),k=require("../internal/slots.cjs"),T=require("@skdx/web-components/primitives/command"),q=require("@skdx/web-components/primitives/popover"),M=require("@skdx/web-components/visually-hidden");var $="data-skdx-workspace-switcher-generated",_={fromAttribute:i=>i!=="false"};function m(i){i.stopPropagation()}function L(i,n){let e=n.toLowerCase(),t=new Map([[void 0,[]]]);for(let d of i){let p=t.get(d.group);p?p.push(d):t.set(d.group,[d])}let s=d=>e===""||d.id.toLowerCase().includes(e)||d.label.toLowerCase().includes(e)||(d.description?.toLowerCase().includes(e)??!1),c=[];for(let[d,p]of t)p.some(s)&&c.push({heading:d,items:p});return c}var a=class extends r.LitElement{constructor(){super(...arguments);this.defaultValue="";this.placeholder="Select";this.searchLabel="Search";this.emptyMessage="No results";this.loadingMessage="Loading";this.loading=!1;this.selectedLabel="Current";this.defaultOpen=!1;this.search="";this.reason="programmatic";this.notePointer=()=>{this.reason="pointer"};this.noteKeyboard=()=>{this.reason="keyboard"};this.handleOpenChange=e=>{e.stopPropagation();let t=e.detail;t!==this.isOpen&&this.setOpen(t)};this.handleSearchChange=e=>{e.stopPropagation(),this.search=e.detail,this.requestUpdate()}}createRenderRoot(){return this}get currentValue(){return this.value??this.uncontrolledValue??this.defaultValue}get isOpen(){return this.open??this.uncontrolledOpen??this.defaultOpen}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",this.notePointer,!0),this.addEventListener("keydown",this.noteKeyboard,!0),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("pointerdown",this.notePointer,!0),this.removeEventListener("keydown",this.noteKeyboard,!0),super.disconnectedCallback()}get hasTrigger(){return this.querySelector('[slot="trigger"]')!==null}get hasActions(){return this.querySelector('[slot="actions"]')!==null}region(e){return this.querySelector(`.skdx-workspace-switcher__${e}`)}setOpen(e){e||(this.search=""),this.uncontrolledOpen=e,this.requestUpdate(),(0,h.emit)(this,"open-change",e)}select(e,t){e.stopPropagation();let s=this.currentValue;this.uncontrolledValue=t,this.requestUpdate(),(0,h.emit)(this,"value-change",{value:t,previousValue:s,reason:this.reason}),this.setOpen(!1)}nameTrigger(){let e=this.querySelector("skdx-popover-trigger")?.shadowRoot?.querySelector('[part="trigger"]');e&&(this.label?e.setAttribute("aria-label",this.label):e.removeAttribute("aria-label"))}updated(){let e=this.querySelector(":scope > skdx-popover-root");e&&(e.open=this.isOpen),this.querySelector("skdx-popover-trigger")?.updateComplete.then(()=>this.nameTrigger());let s=this.querySelector("skdx-command-input");s?.updateComplete.then(()=>s.querySelector("input")?.setAttribute("aria-label",this.searchLabel)),(0,k.placeSlotted)(this,$,{trigger:this.querySelector("skdx-popover-trigger"),actions:this.region("footer")},null)}derivedTrigger(){let e=(this.items??[]).find(t=>t.id===this.currentValue);return r.html`${this.renderLeading&&e?r.html`<span
+"use strict";var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var w=(i,n)=>{for(var e in n)u(i,e,{get:n[e],enumerable:!0})},x=(i,n,e,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of b(n))!f.call(i,s)&&s!==e&&u(i,s,{get:()=>n[s],enumerable:!(t=g(n,s))||t.enumerable});return i};var y=i=>x(u({},"__esModule",{value:!0}),i),o=(i,n,e,t)=>{for(var s=t>1?void 0:t?g(n,e):n,c=i.length-1,d;c>=0;c--)(d=i[c])&&(s=(t?d(n,e,s):d(s))||s);return t&&s&&u(n,e,s),s};var E={};w(E,{SkdxWorkspaceSwitcher:()=>a});module.exports=y(E);var r=require("lit"),l=require("lit/decorators.js"),v=require("../internal/define.cjs"),h=require("../internal/events.cjs"),k=require("../internal/slots.cjs"),T=require("@skdx/web-components/primitives/command"),q=require("@skdx/web-components/primitives/popover"),M=require("@skdx/web-components/visually-hidden");var $="data-skdx-workspace-switcher-generated",_={fromAttribute:i=>i!=="false"};function m(i){i.stopPropagation()}function L(i,n){let e=n.toLowerCase(),t=new Map([[void 0,[]]]);for(let d of i){let p=t.get(d.group);p?p.push(d):t.set(d.group,[d])}let s=d=>e===""||d.id.toLowerCase().includes(e)||d.label.toLowerCase().includes(e)||(d.description?.toLowerCase().includes(e)??!1),c=[];for(let[d,p]of t)p.some(s)&&c.push({heading:d,items:p});return c}var a=class extends r.LitElement{constructor(){super(...arguments);this.defaultValue="";this.placeholder="Select";this.searchLabel="Search";this.emptyMessage="No results";this.loadingMessage="Loading";this.loading=!1;this.selectedLabel="Current";this.defaultOpen=!1;this.search="";this.reason="programmatic";this.notePointer=()=>{this.reason="pointer"};this.noteKeyboard=()=>{this.reason="keyboard"};this.handleOpenChange=e=>{e.stopPropagation();let t=e.detail;t!==this.isOpen&&this.setOpen(t)};this.handleSearchChange=e=>{e.stopPropagation(),this.search=e.detail,this.requestUpdate()}}createRenderRoot(){return this}get currentValue(){return this.value??this.uncontrolledValue??this.defaultValue}get isOpen(){return this.open??this.uncontrolledOpen??this.defaultOpen}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",this.notePointer,!0),this.addEventListener("keydown",this.noteKeyboard,!0),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("pointerdown",this.notePointer,!0),this.removeEventListener("keydown",this.noteKeyboard,!0),super.disconnectedCallback()}get hasTrigger(){return this.querySelector('[slot="trigger"], [data-skdx-slot="trigger"]')!==null}get hasActions(){return this.querySelector('[slot="actions"], [data-skdx-slot="actions"]')!==null}region(e){return this.querySelector(`.skdx-workspace-switcher__${e}`)}setOpen(e){e||(this.search=""),this.uncontrolledOpen=e,this.requestUpdate(),(0,h.emit)(this,"open-change",e)}select(e,t){e.stopPropagation();let s=this.currentValue;this.uncontrolledValue=t,this.requestUpdate(),(0,h.emit)(this,"value-change",{value:t,previousValue:s,reason:this.reason}),this.setOpen(!1)}nameTrigger(){let e=this.querySelector("skdx-popover-trigger")?.shadowRoot?.querySelector('[part="trigger"]');e&&(this.label?e.setAttribute("aria-label",this.label):e.removeAttribute("aria-label"))}updated(){let e=this.querySelector(":scope > skdx-popover-root");e&&(e.open=this.isOpen),this.querySelector("skdx-popover-trigger")?.updateComplete.then(()=>this.nameTrigger());let s=this.querySelector("skdx-command-input");s?.updateComplete.then(()=>s.querySelector("input")?.setAttribute("aria-label",this.searchLabel)),(0,k.placeSlotted)(this,$,{trigger:this.querySelector("skdx-popover-trigger"),actions:this.region("footer")},null)}derivedTrigger(){let e=(this.items??[]).find(t=>t.id===this.currentValue);return r.html`${this.renderLeading&&e?r.html`<span
               aria-hidden="true"
               class="skdx-workspace-switcher__leading"
               >${this.renderLeading(e)}</span

package/dist/workspace-switcher/WorkspaceSwitcher.js

@@ -1,4 +1,4 @@
-var m=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var a=(d,c,e,t)=>{for(var s=t>1?void 0:t?v(c,e):c,p=d.length-1,i;p>=0;p--)(i=d[p])&&(s=(t?i(c,e,s):i(s))||s);return t&&s&&m(c,e,s),s};import{html as o,LitElement as k,nothing as l}from"lit";import{property as n}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{emit as h}from"../internal/events.js";import{placeSlotted as f}from"../internal/slots.js";import"@skdx/web-components/primitives/command";import"@skdx/web-components/primitives/popover";import"@skdx/web-components/visually-hidden";var w="data-skdx-workspace-switcher-generated",x={fromAttribute:d=>d!=="false"};function g(d){d.stopPropagation()}function y(d,c){let e=c.toLowerCase(),t=new Map([[void 0,[]]]);for(let i of d){let u=t.get(i.group);u?u.push(i):t.set(i.group,[i])}let s=i=>e===""||i.id.toLowerCase().includes(e)||i.label.toLowerCase().includes(e)||(i.description?.toLowerCase().includes(e)??!1),p=[];for(let[i,u]of t)u.some(s)&&p.push({heading:i,items:u});return p}var r=class extends k{constructor(){super(...arguments);this.defaultValue="";this.placeholder="Select";this.searchLabel="Search";this.emptyMessage="No results";this.loadingMessage="Loading";this.loading=!1;this.selectedLabel="Current";this.defaultOpen=!1;this.search="";this.reason="programmatic";this.notePointer=()=>{this.reason="pointer"};this.noteKeyboard=()=>{this.reason="keyboard"};this.handleOpenChange=e=>{e.stopPropagation();let t=e.detail;t!==this.isOpen&&this.setOpen(t)};this.handleSearchChange=e=>{e.stopPropagation(),this.search=e.detail,this.requestUpdate()}}createRenderRoot(){return this}get currentValue(){return this.value??this.uncontrolledValue??this.defaultValue}get isOpen(){return this.open??this.uncontrolledOpen??this.defaultOpen}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",this.notePointer,!0),this.addEventListener("keydown",this.noteKeyboard,!0),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("pointerdown",this.notePointer,!0),this.removeEventListener("keydown",this.noteKeyboard,!0),super.disconnectedCallback()}get hasTrigger(){return this.querySelector('[slot="trigger"]')!==null}get hasActions(){return this.querySelector('[slot="actions"]')!==null}region(e){return this.querySelector(`.skdx-workspace-switcher__${e}`)}setOpen(e){e||(this.search=""),this.uncontrolledOpen=e,this.requestUpdate(),h(this,"open-change",e)}select(e,t){e.stopPropagation();let s=this.currentValue;this.uncontrolledValue=t,this.requestUpdate(),h(this,"value-change",{value:t,previousValue:s,reason:this.reason}),this.setOpen(!1)}nameTrigger(){let e=this.querySelector("skdx-popover-trigger")?.shadowRoot?.querySelector('[part="trigger"]');e&&(this.label?e.setAttribute("aria-label",this.label):e.removeAttribute("aria-label"))}updated(){let e=this.querySelector(":scope > skdx-popover-root");e&&(e.open=this.isOpen),this.querySelector("skdx-popover-trigger")?.updateComplete.then(()=>this.nameTrigger());let s=this.querySelector("skdx-command-input");s?.updateComplete.then(()=>s.querySelector("input")?.setAttribute("aria-label",this.searchLabel)),f(this,w,{trigger:this.querySelector("skdx-popover-trigger"),actions:this.region("footer")},null)}derivedTrigger(){let e=(this.items??[]).find(t=>t.id===this.currentValue);return o`${this.renderLeading&&e?o`<span
+var m=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var a=(d,c,e,t)=>{for(var s=t>1?void 0:t?v(c,e):c,p=d.length-1,i;p>=0;p--)(i=d[p])&&(s=(t?i(c,e,s):i(s))||s);return t&&s&&m(c,e,s),s};import{html as o,LitElement as k,nothing as l}from"lit";import{property as n}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{emit as h}from"../internal/events.js";import{placeSlotted as f}from"../internal/slots.js";import"@skdx/web-components/primitives/command";import"@skdx/web-components/primitives/popover";import"@skdx/web-components/visually-hidden";var w="data-skdx-workspace-switcher-generated",x={fromAttribute:d=>d!=="false"};function g(d){d.stopPropagation()}function y(d,c){let e=c.toLowerCase(),t=new Map([[void 0,[]]]);for(let i of d){let u=t.get(i.group);u?u.push(i):t.set(i.group,[i])}let s=i=>e===""||i.id.toLowerCase().includes(e)||i.label.toLowerCase().includes(e)||(i.description?.toLowerCase().includes(e)??!1),p=[];for(let[i,u]of t)u.some(s)&&p.push({heading:i,items:u});return p}var r=class extends k{constructor(){super(...arguments);this.defaultValue="";this.placeholder="Select";this.searchLabel="Search";this.emptyMessage="No results";this.loadingMessage="Loading";this.loading=!1;this.selectedLabel="Current";this.defaultOpen=!1;this.search="";this.reason="programmatic";this.notePointer=()=>{this.reason="pointer"};this.noteKeyboard=()=>{this.reason="keyboard"};this.handleOpenChange=e=>{e.stopPropagation();let t=e.detail;t!==this.isOpen&&this.setOpen(t)};this.handleSearchChange=e=>{e.stopPropagation(),this.search=e.detail,this.requestUpdate()}}createRenderRoot(){return this}get currentValue(){return this.value??this.uncontrolledValue??this.defaultValue}get isOpen(){return this.open??this.uncontrolledOpen??this.defaultOpen}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",this.notePointer,!0),this.addEventListener("keydown",this.noteKeyboard,!0),queueMicrotask(()=>this.requestUpdate())}disconnectedCallback(){this.removeEventListener("pointerdown",this.notePointer,!0),this.removeEventListener("keydown",this.noteKeyboard,!0),super.disconnectedCallback()}get hasTrigger(){return this.querySelector('[slot="trigger"], [data-skdx-slot="trigger"]')!==null}get hasActions(){return this.querySelector('[slot="actions"], [data-skdx-slot="actions"]')!==null}region(e){return this.querySelector(`.skdx-workspace-switcher__${e}`)}setOpen(e){e||(this.search=""),this.uncontrolledOpen=e,this.requestUpdate(),h(this,"open-change",e)}select(e,t){e.stopPropagation();let s=this.currentValue;this.uncontrolledValue=t,this.requestUpdate(),h(this,"value-change",{value:t,previousValue:s,reason:this.reason}),this.setOpen(!1)}nameTrigger(){let e=this.querySelector("skdx-popover-trigger")?.shadowRoot?.querySelector('[part="trigger"]');e&&(this.label?e.setAttribute("aria-label",this.label):e.removeAttribute("aria-label"))}updated(){let e=this.querySelector(":scope > skdx-popover-root");e&&(e.open=this.isOpen),this.querySelector("skdx-popover-trigger")?.updateComplete.then(()=>this.nameTrigger());let s=this.querySelector("skdx-command-input");s?.updateComplete.then(()=>s.querySelector("input")?.setAttribute("aria-label",this.searchLabel)),f(this,w,{trigger:this.querySelector("skdx-popover-trigger"),actions:this.region("footer")},null)}derivedTrigger(){let e=(this.items??[]).find(t=>t.id===this.currentValue);return o`${this.renderLeading&&e?o`<span
               aria-hidden="true"
               class="skdx-workspace-switcher__leading"
               >${this.renderLeading(e)}</span

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/web-components-blocks",
-  "version": "0.35.0",
+  "version": "0.37.0",
   "description": "Web Components blocks for the SkandaDX design system — page-level compositions of @skdx/web-components styled by @skdx/skins",
   "license": "MIT",
   "publishConfig": {
@@ -74,16 +74,6 @@
         "default": "./dist/comment-thread/index.cjs"
       }
     },
-    "./confirm-dialog": {
-      "import": {
-        "types": "./dist/confirm-dialog/index.d.ts",
-        "default": "./dist/confirm-dialog/index.js"
-      },
-      "require": {
-        "types": "./dist/confirm-dialog/index.d.cts",
-        "default": "./dist/confirm-dialog/index.cjs"
-      }
-    },
     "./conversation-list": {
       "import": {
         "types": "./dist/conversation-list/index.d.ts",
@@ -280,10 +270,6 @@
     "./dist/comment/Comment.js",
     "./dist/comment/index.cjs",
     "./dist/comment/index.js",
-    "./dist/confirm-dialog/ConfirmDialog.cjs",
-    "./dist/confirm-dialog/ConfirmDialog.js",
-    "./dist/confirm-dialog/index.cjs",
-    "./dist/confirm-dialog/index.js",
     "./dist/conversation-list/ConversationList.cjs",
     "./dist/conversation-list/ConversationList.js",
     "./dist/conversation-list/index.cjs",
@@ -357,7 +343,7 @@
   ],
   "peerDependencies": {
     "lit": "^3.3.0",
-    "@skdx/web-components": "^0.35.0"
+    "@skdx/web-components": "^0.37.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.4",
@@ -368,7 +354,7 @@
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@skdx/web-components": "0.35.0"
+    "@skdx/web-components": "0.37.0"
   },
   "scripts": {
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",

package/dist/confirm-dialog/ConfirmDialog.cjs

@@ -1,38 +0,0 @@
-"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var y=(i,e)=>{for(var r in e)l(i,r,{get:e[r],enumerable:!0})},v=(i,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of f(e))!b.call(i,d)&&d!==r&&l(i,d,{get:()=>e[d],enumerable:!(n=u(e,d))||n.enumerable});return i};var k=i=>v(l({},"__esModule",{value:!0}),i),s=(i,e,r,n)=>{for(var d=n>1?void 0:n?u(e,r):e,g=i.length-1,p;g>=0;g--)(p=i[g])&&(d=(n?p(e,r,d):p(d))||d);return n&&d&&l(e,r,d),d};var $={};y($,{SkdxConfirmDialog:()=>t});module.exports=k($);var o=require("lit"),a=require("lit/decorators.js"),m=require("../internal/define.cjs"),c=require("../internal/slots.cjs"),T=require("@skdx/web-components/primitives/dialog");var h="data-skdx-confirm-dialog-generated",x={fromAttribute:i=>i!=="false"},t=class extends o.LitElement{constructor(){super(...arguments);this.defaultOpen=!1;this.confirmLabel="Confirm";this.cancelLabel="Cancel";this.destructive=!1;this.pending=!1;this.disabled=!1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(r){return this.querySelector(`.skdx-confirm-dialog__${r}`)}get hasTrigger(){return this.querySelector('[slot="trigger"]')!==null}get hasBody(){return(0,c.hasUnslottedChild)(this,h)||(this.region("body")?.hasChildNodes()??!1)}updated(){(0,c.placeSlotted)(this,h,{trigger:this.querySelector("skdx-dialog-trigger")},this.region("body"))}render(){return o.html`
-      <skdx-dialog-root
-        role="alertdialog"
-        data-skdx-confirm-dialog-generated
-        .open=${this.open}
-        ?default-open=${this.defaultOpen}
-        dismiss=${this.pending?"none":"escape"}
-      >
-        ${this.hasTrigger?o.html`<skdx-dialog-trigger></skdx-dialog-trigger>`:o.nothing}
-        <skdx-dialog-overlay></skdx-dialog-overlay>
-        <skdx-dialog-content
-          .size=${this.size}
-          .status=${this.destructive?"danger":void 0}
-        >
-          <skdx-dialog-title class="skdx-confirm-dialog__title"
-            >${this.title??""}</skdx-dialog-title
-          >
-          ${this.description?o.html`<skdx-dialog-description class="skdx-confirm-dialog__description"
-                  >${this.description}</skdx-dialog-description
-                >`:o.nothing}
-          ${this.hasBody?o.html`<div class="skdx-confirm-dialog__body"></div>`:o.nothing}
-          <div class="skdx-confirm-dialog__footer">
-            <skdx-dialog-cancel
-              class="skdx-confirm-dialog__cancel"
-              ?disabled=${this.pending}
-              >${this.cancelLabel}</skdx-dialog-cancel
-            >
-            <skdx-dialog-action
-              class="skdx-confirm-dialog__confirm"
-              data-status=${this.destructive?"danger":o.nothing}
-              ?data-loading=${this.pending}
-              ?disabled=${this.pending||this.disabled}
-              >${this.confirmLabel}</skdx-dialog-action
-            >
-          </div>
-        </skdx-dialog-content>
-      </skdx-dialog-root>
-    `}};s([(0,a.property)({converter:x})],t.prototype,"open",2),s([(0,a.property)({type:Boolean,attribute:"default-open"})],t.prototype,"defaultOpen",2),s([(0,a.property)({type:String})],t.prototype,"title",2),s([(0,a.property)({type:String})],t.prototype,"description",2),s([(0,a.property)({type:String,attribute:"confirm-label"})],t.prototype,"confirmLabel",2),s([(0,a.property)({type:String,attribute:"cancel-label"})],t.prototype,"cancelLabel",2),s([(0,a.property)({type:Boolean})],t.prototype,"destructive",2),s([(0,a.property)({type:Boolean})],t.prototype,"pending",2),s([(0,a.property)({type:Boolean})],t.prototype,"disabled",2),s([(0,a.property)({type:String})],t.prototype,"size",2),t=s([(0,m.customElement)("skdx-confirm-dialog","confirm-dialog","root")],t);0&&(module.exports={SkdxConfirmDialog});

package/dist/confirm-dialog/ConfirmDialog.d.cts

@@ -1,101 +0,0 @@
-import { LitElement, type TemplateResult } from 'lit';
-import '@skdx/web-components/primitives/dialog';
-/**
- * Confirmation dialog block for a destructive, irreversible or sensitive
- * action, composing the core dialog primitives as an alert dialog with an
- * externally controlled pending state that disables both buttons and blocks
- * dismissal while the confirmed request is in flight.
- *
- * A synchronous confirmation with no pending state is served by the core
- * `<skdx-dialog role="alertdialog">` recipe alone.
- *
- * Renders light DOM, so its parts are classes rather than shadow `::part()`
- * targets: `.skdx-confirm-dialog` on the host, then `__title`,
- * `__description`, `__body`, `__footer`, `__cancel` and `__confirm`.
- *
- * @example
- * ```html
- * <skdx-confirm-dialog
- *   title="Delete this project?"
- *   description="This cannot be undone."
- *   destructive
- * >
- *   <span slot="trigger">Delete project</span>
- * </skdx-confirm-dialog>
- * ```
- *
- * @slot - Extra content rendered between the description and the footer buttons.
- * @slot trigger - Content of the button that opens the dialog; no trigger renders without it.
- * @fires open-change - Fires with the new open state whenever the dialog opens or closes, controlled or not.
- * @fires open-change-complete - Fires with the new open state once the panel's enter or exit animation has settled.
- * @fires confirm - Fires with the click when the confirm button is activated, before the dialog closes; `preventDefault()` holds the panel open.
- * @fires cancel - Fires with the click when the cancel button is activated, before the dialog closes; `preventDefault()` keeps the panel open.
- * @fires escape-key-down - Fires when Escape is pressed while the panel is open; `preventDefault()` keeps it open.
- * @fires pointer-down-outside - Fires on a pointer-down outside the panel while open; an alert dialog never closes on one.
- * @fires focus-outside - Fires when focus moves outside the panel while open; an alert dialog never closes on one.
- * @fires interact-outside - Fires for either kind of outside interaction, just before the specific event.
- * @fires open-auto-focus - Fires before focus moves into the panel on open; `preventDefault()` leaves focus where it is.
- * @fires close-auto-focus - Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.
- */
-export declare class SkdxConfirmDialog extends LitElement {
-    /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
-    createRenderRoot(): HTMLElement | DocumentFragment;
-    /**
-     * Whether the dialog is open, for controlled usage; pair it with `open-change`.
-     * @default undefined — uncontrolled, following `defaultOpen`.
-     */
-    open?: boolean | undefined;
-    /**
-     * Whether the dialog starts open, for uncontrolled usage.
-     * @default false
-     */
-    defaultOpen: boolean;
-    /** Heading text rendered into the panel's title, naming and labelling the dialog. */
-    title: string;
-    /**
-     * Supporting sentence rendered into the panel's description, read alongside the title.
-     * @default undefined — no description region renders.
-     */
-    description?: string | undefined;
-    /**
-     * Text of the button that carries out the confirmed action.
-     * @default 'Confirm'
-     */
-    confirmLabel: string;
-    /**
-     * Text of the button that abandons the action.
-     * @default 'Cancel'
-     */
-    cancelLabel: string;
-    /**
-     * Colours the confirm button and the panel danger, for an irreversible or destructive action.
-     * @default false
-     */
-    destructive: boolean;
-    /**
-     * Marks the confirmed request as in flight: disables both buttons, marks the confirm button loading, and blocks Escape dismissal until it clears.
-     * @default false
-     */
-    pending: boolean;
-    /**
-     * Disables the confirm button on its own, independent of `pending` — for example until a typed confirmation matches.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Panel width rung the skin reads, fed to the underlying dialog panel.
-     * @default undefined — the skin's own default width.
-     */
-    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
-    connectedCallback(): void;
-    private region;
-    private get hasTrigger();
-    private get hasBody();
-    protected updated(): void;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-confirm-dialog': SkdxConfirmDialog;
-    }
-}

package/dist/confirm-dialog/ConfirmDialog.d.ts

@@ -1,101 +0,0 @@
-import { LitElement, type TemplateResult } from 'lit';
-import '@skdx/web-components/primitives/dialog';
-/**
- * Confirmation dialog block for a destructive, irreversible or sensitive
- * action, composing the core dialog primitives as an alert dialog with an
- * externally controlled pending state that disables both buttons and blocks
- * dismissal while the confirmed request is in flight.
- *
- * A synchronous confirmation with no pending state is served by the core
- * `<skdx-dialog role="alertdialog">` recipe alone.
- *
- * Renders light DOM, so its parts are classes rather than shadow `::part()`
- * targets: `.skdx-confirm-dialog` on the host, then `__title`,
- * `__description`, `__body`, `__footer`, `__cancel` and `__confirm`.
- *
- * @example
- * ```html
- * <skdx-confirm-dialog
- *   title="Delete this project?"
- *   description="This cannot be undone."
- *   destructive
- * >
- *   <span slot="trigger">Delete project</span>
- * </skdx-confirm-dialog>
- * ```
- *
- * @slot - Extra content rendered between the description and the footer buttons.
- * @slot trigger - Content of the button that opens the dialog; no trigger renders without it.
- * @fires open-change - Fires with the new open state whenever the dialog opens or closes, controlled or not.
- * @fires open-change-complete - Fires with the new open state once the panel's enter or exit animation has settled.
- * @fires confirm - Fires with the click when the confirm button is activated, before the dialog closes; `preventDefault()` holds the panel open.
- * @fires cancel - Fires with the click when the cancel button is activated, before the dialog closes; `preventDefault()` keeps the panel open.
- * @fires escape-key-down - Fires when Escape is pressed while the panel is open; `preventDefault()` keeps it open.
- * @fires pointer-down-outside - Fires on a pointer-down outside the panel while open; an alert dialog never closes on one.
- * @fires focus-outside - Fires when focus moves outside the panel while open; an alert dialog never closes on one.
- * @fires interact-outside - Fires for either kind of outside interaction, just before the specific event.
- * @fires open-auto-focus - Fires before focus moves into the panel on open; `preventDefault()` leaves focus where it is.
- * @fires close-auto-focus - Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.
- */
-export declare class SkdxConfirmDialog extends LitElement {
-    /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
-    createRenderRoot(): HTMLElement | DocumentFragment;
-    /**
-     * Whether the dialog is open, for controlled usage; pair it with `open-change`.
-     * @default undefined — uncontrolled, following `defaultOpen`.
-     */
-    open?: boolean | undefined;
-    /**
-     * Whether the dialog starts open, for uncontrolled usage.
-     * @default false
-     */
-    defaultOpen: boolean;
-    /** Heading text rendered into the panel's title, naming and labelling the dialog. */
-    title: string;
-    /**
-     * Supporting sentence rendered into the panel's description, read alongside the title.
-     * @default undefined — no description region renders.
-     */
-    description?: string | undefined;
-    /**
-     * Text of the button that carries out the confirmed action.
-     * @default 'Confirm'
-     */
-    confirmLabel: string;
-    /**
-     * Text of the button that abandons the action.
-     * @default 'Cancel'
-     */
-    cancelLabel: string;
-    /**
-     * Colours the confirm button and the panel danger, for an irreversible or destructive action.
-     * @default false
-     */
-    destructive: boolean;
-    /**
-     * Marks the confirmed request as in flight: disables both buttons, marks the confirm button loading, and blocks Escape dismissal until it clears.
-     * @default false
-     */
-    pending: boolean;
-    /**
-     * Disables the confirm button on its own, independent of `pending` — for example until a typed confirmation matches.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Panel width rung the skin reads, fed to the underlying dialog panel.
-     * @default undefined — the skin's own default width.
-     */
-    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
-    connectedCallback(): void;
-    private region;
-    private get hasTrigger();
-    private get hasBody();
-    protected updated(): void;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-confirm-dialog': SkdxConfirmDialog;
-    }
-}

package/dist/confirm-dialog/ConfirmDialog.js

@@ -1,38 +0,0 @@
-var u=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var t=(s,o,a,r)=>{for(var d=r>1?void 0:r?h(o,a):o,c=s.length-1,g;c>=0;c--)(g=s[c])&&(d=(r?g(o,a,d):g(d))||d);return r&&d&&u(o,a,d),d};import{html as n,LitElement as m,nothing as l}from"lit";import{property as i}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{hasUnslottedChild as b,placeSlotted as y}from"../internal/slots.js";import"@skdx/web-components/primitives/dialog";var p="data-skdx-confirm-dialog-generated",v={fromAttribute:s=>s!=="false"},e=class extends m{constructor(){super(...arguments);this.defaultOpen=!1;this.confirmLabel="Confirm";this.cancelLabel="Cancel";this.destructive=!1;this.pending=!1;this.disabled=!1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this.requestUpdate())}region(a){return this.querySelector(`.skdx-confirm-dialog__${a}`)}get hasTrigger(){return this.querySelector('[slot="trigger"]')!==null}get hasBody(){return b(this,p)||(this.region("body")?.hasChildNodes()??!1)}updated(){y(this,p,{trigger:this.querySelector("skdx-dialog-trigger")},this.region("body"))}render(){return n`
-      <skdx-dialog-root
-        role="alertdialog"
-        data-skdx-confirm-dialog-generated
-        .open=${this.open}
-        ?default-open=${this.defaultOpen}
-        dismiss=${this.pending?"none":"escape"}
-      >
-        ${this.hasTrigger?n`<skdx-dialog-trigger></skdx-dialog-trigger>`:l}
-        <skdx-dialog-overlay></skdx-dialog-overlay>
-        <skdx-dialog-content
-          .size=${this.size}
-          .status=${this.destructive?"danger":void 0}
-        >
-          <skdx-dialog-title class="skdx-confirm-dialog__title"
-            >${this.title??""}</skdx-dialog-title
-          >
-          ${this.description?n`<skdx-dialog-description class="skdx-confirm-dialog__description"
-                  >${this.description}</skdx-dialog-description
-                >`:l}
-          ${this.hasBody?n`<div class="skdx-confirm-dialog__body"></div>`:l}
-          <div class="skdx-confirm-dialog__footer">
-            <skdx-dialog-cancel
-              class="skdx-confirm-dialog__cancel"
-              ?disabled=${this.pending}
-              >${this.cancelLabel}</skdx-dialog-cancel
-            >
-            <skdx-dialog-action
-              class="skdx-confirm-dialog__confirm"
-              data-status=${this.destructive?"danger":l}
-              ?data-loading=${this.pending}
-              ?disabled=${this.pending||this.disabled}
-              >${this.confirmLabel}</skdx-dialog-action
-            >
-          </div>
-        </skdx-dialog-content>
-      </skdx-dialog-root>
-    `}};t([i({converter:v})],e.prototype,"open",2),t([i({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),t([i({type:String})],e.prototype,"title",2),t([i({type:String})],e.prototype,"description",2),t([i({type:String,attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({type:String,attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({type:Boolean})],e.prototype,"destructive",2),t([i({type:Boolean})],e.prototype,"pending",2),t([i({type:Boolean})],e.prototype,"disabled",2),t([i({type:String})],e.prototype,"size",2),e=t([f("skdx-confirm-dialog","confirm-dialog","root")],e);export{e as SkdxConfirmDialog};

package/dist/confirm-dialog/index.cjs

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

package/dist/confirm-dialog/index.d.cts

@@ -1 +0,0 @@
-export { SkdxConfirmDialog } from './ConfirmDialog.cjs';

package/dist/confirm-dialog/index.d.ts

@@ -1 +0,0 @@
-export { SkdxConfirmDialog } from './ConfirmDialog.js';

package/dist/confirm-dialog/index.js

@@ -1 +0,0 @@
-import{SkdxConfirmDialog as f}from"./ConfirmDialog.js";export{f as SkdxConfirmDialog};