@skdx/web-components-blocks 0.34.0 → 0.36.0

package/dist/forgot-password-page/index.d.ts

@@ -0,0 +1 @@
+export { SkdxForgotPasswordPage, type SkdxForgotPasswordDetail } from './ForgotPasswordPage.js';

package/dist/forgot-password-page/index.js

@@ -0,0 +1 @@
+import{SkdxForgotPasswordPage as t}from"./ForgotPasswordPage.js";export{t as SkdxForgotPasswordPage};

package/dist/form-section/FormSection.cjs

@@ -0,0 +1,28 @@
+"use strict";var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var b=(i,e)=>{for(var t in e)l(i,t,{get:e[t],enumerable:!0})},k=(i,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of v(e))!x.call(i,r)&&r!==t&&l(i,r,{get:()=>e[r],enumerable:!(n=m(e,r))||n.enumerable});return i};var $=i=>k(l({},"__esModule",{value:!0}),i),o=(i,e,t,n)=>{for(var r=n>1?void 0:n?m(e,t):e,c=i.length-1,p;c>=0;c--)(p=i[c])&&(r=(n?p(e,t,r):p(r))||r);return n&&r&&l(e,t,r),r};var _={};b(_,{SkdxFormSection:()=>s});module.exports=$(_);var d=require("lit"),a=require("lit/decorators.js"),f=require("../internal/define.cjs"),g=require("../internal/slots.cjs"),T=require("@skdx/web-components/heading"),L=require("@skdx/web-components/text");var y="data-skdx-form-section-generated",h=0;function u(i,e,t){t===void 0?i.removeAttribute(e):i.setAttribute(e,t)}var s=class extends d.LitElement{constructor(){super(...arguments);this.headingLevel=2;this.titleId=`skdx-form-section-title-${++h}`;this.descriptionId=`skdx-form-section-description-${h}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),queueMicrotask(()=>this.requestUpdate())}region(t){return this.querySelector(`.skdx-form-section__${t}`)}hasSlotted(t){return this.querySelector(`[slot="${t}"], [data-skdx-slot="${t}"]`)!==null}updated(){u(this,"data-variant",this.variant),u(this,"aria-describedby",this.description?this.descriptionId:void 0),(0,g.placeSlotted)(this,y,{actions:this.region("footer")},this.region("content"))}render(){return d.html`
+      <div
+        class="skdx-form-section__header"
+        data-skdx-form-section-generated
+      >
+        <skdx-heading
+          class="skdx-form-section__title"
+          as=${`h${this.headingLevel}`}
+          id=${this.titleId}
+          >${this.title??""}</skdx-heading
+        >
+        ${this.description?d.html`<skdx-text
+                class="skdx-form-section__description"
+                as="p"
+                .tone=${"muted"}
+                id=${this.descriptionId}
+                >${this.description}</skdx-text
+              >`:d.nothing}
+      </div>
+      <div
+        class="skdx-form-section__content"
+        data-skdx-form-section-generated
+      ></div>
+      ${this.hasSlotted("actions")?d.html`<div
+              class="skdx-form-section__footer"
+              data-skdx-form-section-generated
+            ></div>`:d.nothing}
+    `}};o([(0,a.property)({type:String})],s.prototype,"title",2),o([(0,a.property)({type:String})],s.prototype,"description",2),o([(0,a.property)({type:Number,attribute:"heading-level"})],s.prototype,"headingLevel",2),o([(0,a.property)({type:String})],s.prototype,"variant",2),s=o([(0,f.customElement)("skdx-form-section","form-section","root")],s);0&&(module.exports={SkdxFormSection});

package/dist/form-section/FormSection.d.cts

@@ -0,0 +1,63 @@
+import { LitElement, type TemplateResult } from 'lit';
+import '@skdx/web-components/heading';
+import '@skdx/web-components/text';
+/**
+ * Titled group inside a larger form: a heading, supporting text, the group's
+ * fields and a footer for the group's own actions, composing Heading and Text
+ * around consumer-supplied fields.
+ *
+ * Renders light DOM, so its parts are classes rather than shadow `::part()`
+ * targets: `.skdx-form-section` on the host, then `__header`, `__title`,
+ * `__description`, `__content` and `__footer`. `data-variant` sits on the host
+ * for the skin to read.
+ *
+ * @example
+ * ```html
+ * <skdx-form-section
+ *   title="Billing address"
+ *   description="Used for invoices and receipts."
+ * >
+ *   <skdx-text-field label="Street"></skdx-text-field>
+ *   <skdx-button slot="actions">Save</skdx-button>
+ * </skdx-form-section>
+ * ```
+ *
+ * @slot - The group's fields, rendered into the content region.
+ * @slot actions - Save, cancel or other controls rendered in the footer below the fields.
+ */
+export declare class SkdxFormSection extends LitElement {
+    /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
+    createRenderRoot(): HTMLElement | DocumentFragment;
+    /** Heading text naming the group, rendered into a derived Heading that names the section. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title, explaining the group's fields.
+     * @default undefined — no description region renders and `aria-describedby` is omitted.
+     */
+    description?: string | undefined;
+    /**
+     * Outline level of the derived title heading, lowered or raised to fit the surrounding form outline.
+     * @default 2
+     */
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Layout rung written to `data-variant`; `bordered` draws a bounded panel and `split` places the header beside the content.
+     * @default undefined — plain, stacked layout.
+     */
+    variant?: 'bordered' | 'split' | (string & {}) | undefined;
+    /** Generated title id, published as the section's `aria-labelledby`. */
+    private readonly titleId;
+    /** Generated description id, published as the section's `aria-describedby`. */
+    private readonly descriptionId;
+    connectedCallback(): void;
+    private region;
+    /** Whether the consumer supplied anything for `name` — still true once it has been moved in. */
+    private hasSlotted;
+    protected updated(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-form-section': SkdxFormSection;
+    }
+}

package/dist/form-section/FormSection.d.ts

@@ -0,0 +1,63 @@
+import { LitElement, type TemplateResult } from 'lit';
+import '@skdx/web-components/heading';
+import '@skdx/web-components/text';
+/**
+ * Titled group inside a larger form: a heading, supporting text, the group's
+ * fields and a footer for the group's own actions, composing Heading and Text
+ * around consumer-supplied fields.
+ *
+ * Renders light DOM, so its parts are classes rather than shadow `::part()`
+ * targets: `.skdx-form-section` on the host, then `__header`, `__title`,
+ * `__description`, `__content` and `__footer`. `data-variant` sits on the host
+ * for the skin to read.
+ *
+ * @example
+ * ```html
+ * <skdx-form-section
+ *   title="Billing address"
+ *   description="Used for invoices and receipts."
+ * >
+ *   <skdx-text-field label="Street"></skdx-text-field>
+ *   <skdx-button slot="actions">Save</skdx-button>
+ * </skdx-form-section>
+ * ```
+ *
+ * @slot - The group's fields, rendered into the content region.
+ * @slot actions - Save, cancel or other controls rendered in the footer below the fields.
+ */
+export declare class SkdxFormSection extends LitElement {
+    /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
+    createRenderRoot(): HTMLElement | DocumentFragment;
+    /** Heading text naming the group, rendered into a derived Heading that names the section. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title, explaining the group's fields.
+     * @default undefined — no description region renders and `aria-describedby` is omitted.
+     */
+    description?: string | undefined;
+    /**
+     * Outline level of the derived title heading, lowered or raised to fit the surrounding form outline.
+     * @default 2
+     */
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Layout rung written to `data-variant`; `bordered` draws a bounded panel and `split` places the header beside the content.
+     * @default undefined — plain, stacked layout.
+     */
+    variant?: 'bordered' | 'split' | (string & {}) | undefined;
+    /** Generated title id, published as the section's `aria-labelledby`. */
+    private readonly titleId;
+    /** Generated description id, published as the section's `aria-describedby`. */
+    private readonly descriptionId;
+    connectedCallback(): void;
+    private region;
+    /** Whether the consumer supplied anything for `name` — still true once it has been moved in. */
+    private hasSlotted;
+    protected updated(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-form-section': SkdxFormSection;
+    }
+}

package/dist/form-section/FormSection.js

@@ -0,0 +1,28 @@
+var u=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var d=(s,t,e,n)=>{for(var r=n>1?void 0:n?f(t,e):t,a=s.length-1,l;a>=0;a--)(l=s[a])&&(r=(n?l(t,e,r):l(r))||r);return n&&r&&u(t,e,r),r};import{html as c,LitElement as g,nothing as p}from"lit";import{property as o}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{placeSlotted as x}from"../internal/slots.js";import"@skdx/web-components/heading";import"@skdx/web-components/text";var b="data-skdx-form-section-generated",m=0;function h(s,t,e){e===void 0?s.removeAttribute(t):s.setAttribute(t,e)}var i=class extends g{constructor(){super(...arguments);this.headingLevel=2;this.titleId=`skdx-form-section-title-${++m}`;this.descriptionId=`skdx-form-section-description-${m}`}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-form-section__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}updated(){h(this,"data-variant",this.variant),h(this,"aria-describedby",this.description?this.descriptionId:void 0),x(this,b,{actions:this.region("footer")},this.region("content"))}render(){return c`
+      <div
+        class="skdx-form-section__header"
+        data-skdx-form-section-generated
+      >
+        <skdx-heading
+          class="skdx-form-section__title"
+          as=${`h${this.headingLevel}`}
+          id=${this.titleId}
+          >${this.title??""}</skdx-heading
+        >
+        ${this.description?c`<skdx-text
+                class="skdx-form-section__description"
+                as="p"
+                .tone=${"muted"}
+                id=${this.descriptionId}
+                >${this.description}</skdx-text
+              >`:p}
+      </div>
+      <div
+        class="skdx-form-section__content"
+        data-skdx-form-section-generated
+      ></div>
+      ${this.hasSlotted("actions")?c`<div
+              class="skdx-form-section__footer"
+              data-skdx-form-section-generated
+            ></div>`:p}
+    `}};d([o({type:String})],i.prototype,"title",2),d([o({type:String})],i.prototype,"description",2),d([o({type:Number,attribute:"heading-level"})],i.prototype,"headingLevel",2),d([o({type:String})],i.prototype,"variant",2),i=d([v("skdx-form-section","form-section","root")],i);export{i as SkdxFormSection};

package/dist/form-section/index.cjs

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

package/dist/form-section/index.d.cts

@@ -0,0 +1 @@
+export { SkdxFormSection } from './FormSection.cjs';

package/dist/form-section/index.d.ts

@@ -0,0 +1 @@
+export { SkdxFormSection } from './FormSection.js';

package/dist/form-section/index.js

@@ -0,0 +1 @@
+import{SkdxFormSection as e}from"./FormSection.js";export{e as SkdxFormSection};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var p=(a,e)=>{for(var o in e)d(a,o,{get:e[o],enumerable:!0})},m=(a,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of g(e))!k.call(a,r)&&r!==o&&d(a,r,{get:()=>e[r],enumerable:!(n=S(e,r))||n.enumerable});return a};var y=a=>m(d({},"__esModule",{value:!0}),a);var P={};p(P,{SkdxDashboardLayout:()=>i.SkdxDashboardLayout,SkdxPageContainer:()=>x.SkdxPageContainer,SkdxSignInPage:()=>t.SkdxSignInPage,defaultProviderLabel:()=>t.defaultProviderLabel});module.exports=y(P);var i=require("./dashboard-layout/index.cjs"),x=require("./page-container/index.cjs"),t=require("./sign-in-page/index.cjs");0&&(module.exports={SkdxDashboardLayout,SkdxPageContainer,SkdxSignInPage,defaultProviderLabel});
+"use strict";var i=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var N=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},U=(t,e,r,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of F(e))!L.call(t,o)&&o!==r&&i(t,o,{get:()=>e[o],enumerable:!(x=v(e,o))||x.enumerable});return t};var B=t=>U(i({},"__esModule",{value:!0}),t);var O={};N(O,{SkdxChatComposer:()=>P.SkdxChatComposer,SkdxChatMessage:()=>h.SkdxChatMessage,SkdxComment:()=>g.SkdxComment,SkdxCommentThread:()=>l.SkdxCommentThread,SkdxConfirmDialog:()=>p.SkdxConfirmDialog,SkdxConversationList:()=>c.SkdxConversationList,SkdxDashboardLayout:()=>d.SkdxDashboardLayout,SkdxEmptyState:()=>k.SkdxEmptyState,SkdxFilterBar:()=>C.SkdxFilterBar,SkdxForgotPasswordPage:()=>b.SkdxForgotPasswordPage,SkdxFormSection:()=>m.SkdxFormSection,SkdxNotificationCenter:()=>y.SkdxNotificationCenter,SkdxOnboardingChecklist:()=>s.SkdxOnboardingChecklist,SkdxPageContainer:()=>S.SkdxPageContainer,SkdxResetPasswordPage:()=>w.SkdxResetPasswordPage,SkdxSignInPage:()=>a.SkdxSignInPage,SkdxSignUpPage:()=>I.SkdxSignUpPage,SkdxStatCard:()=>n.SkdxStatCard,SkdxUsageCard:()=>f.SkdxUsageCard,SkdxUserMenu:()=>D.SkdxUserMenu,SkdxVerificationPage:()=>V.SkdxVerificationPage,SkdxWorkspaceSwitcher:()=>u.SkdxWorkspaceSwitcher,defaultProviderLabel:()=>a.defaultProviderLabel});module.exports=B(O);var d=require("./dashboard-layout/index.cjs"),S=require("./page-container/index.cjs"),a=require("./sign-in-page/index.cjs"),p=require("./confirm-dialog/index.cjs"),k=require("./empty-state/index.cjs"),n=require("./stat-card/index.cjs"),m=require("./form-section/index.cjs"),s=require("./onboarding-checklist/index.cjs"),f=require("./usage-card/index.cjs"),C=require("./filter-bar/index.cjs"),g=require("./comment/index.cjs"),l=require("./comment-thread/index.cjs"),y=require("./notification-center/index.cjs"),c=require("./conversation-list/index.cjs"),h=require("./chat-message/index.cjs"),D=require("./user-menu/index.cjs"),P=require("./chat-composer/index.cjs"),u=require("./workspace-switcher/index.cjs"),I=require("./sign-up-page/index.cjs"),b=require("./forgot-password-page/index.cjs"),w=require("./reset-password-page/index.cjs"),V=require("./verification-page/index.cjs");0&&(module.exports={SkdxChatComposer,SkdxChatMessage,SkdxComment,SkdxCommentThread,SkdxConfirmDialog,SkdxConversationList,SkdxDashboardLayout,SkdxEmptyState,SkdxFilterBar,SkdxForgotPasswordPage,SkdxFormSection,SkdxNotificationCenter,SkdxOnboardingChecklist,SkdxPageContainer,SkdxResetPasswordPage,SkdxSignInPage,SkdxSignUpPage,SkdxStatCard,SkdxUsageCard,SkdxUserMenu,SkdxVerificationPage,SkdxWorkspaceSwitcher,defaultProviderLabel});

package/dist/index.d.cts

@@ -1,3 +1,22 @@
 export { SkdxDashboardLayout, type SkdxDashboardNavigationItem } from './dashboard-layout/index.cjs';
 export { SkdxPageContainer, type SkdxPageContainerBreadcrumb } from './page-container/index.cjs';
 export { defaultProviderLabel, SkdxSignInPage, type SkdxSignInDetail, type SkdxSignInProvider, } from './sign-in-page/index.cjs';
+export { SkdxConfirmDialog } from './confirm-dialog/index.cjs';
+export { SkdxEmptyState } from './empty-state/index.cjs';
+export { SkdxStatCard } from './stat-card/index.cjs';
+export { SkdxFormSection } from './form-section/index.cjs';
+export { SkdxOnboardingChecklist, type SkdxOnboardingChecklistItem, type SkdxOnboardingChecklistItemState, } from './onboarding-checklist/index.cjs';
+export { SkdxUsageCard } from './usage-card/index.cjs';
+export { SkdxFilterBar, type SkdxFilterBarFilter } from './filter-bar/index.cjs';
+export { SkdxComment } from './comment/index.cjs';
+export { SkdxCommentThread } from './comment-thread/index.cjs';
+export { SkdxNotificationCenter, type SkdxNotificationCenterItem, type SkdxNotificationCenterReadChangeDetail, type SkdxNotificationCenterSelectDetail, } from './notification-center/index.cjs';
+export { SkdxConversationList, type SkdxConversationListItem, type SkdxConversationListValueChangeDetail, } from './conversation-list/index.cjs';
+export { SkdxChatMessage } from './chat-message/index.cjs';
+export { SkdxUserMenu } from './user-menu/index.cjs';
+export { SkdxChatComposer, type SkdxChatComposerSendDetail, type SkdxChatComposerSubmitKey, type SkdxChatComposerValueChangeDetail, } from './chat-composer/index.cjs';
+export { SkdxWorkspaceSwitcher, type SkdxWorkspaceSwitcherItem, type SkdxWorkspaceSwitcherValueChangeDetail, } from './workspace-switcher/index.cjs';
+export { SkdxSignUpPage, type SkdxSignUpDetail } from './sign-up-page/index.cjs';
+export { SkdxForgotPasswordPage, type SkdxForgotPasswordDetail } from './forgot-password-page/index.cjs';
+export { SkdxResetPasswordPage, type SkdxResetPasswordDetail } from './reset-password-page/index.cjs';
+export { SkdxVerificationPage, type SkdxVerificationDetail, type SkdxVerificationValueChangeDetail, } from './verification-page/index.cjs';

package/dist/index.d.ts

@@ -1,3 +1,22 @@
 export { SkdxDashboardLayout, type SkdxDashboardNavigationItem } from './dashboard-layout/index.js';
 export { SkdxPageContainer, type SkdxPageContainerBreadcrumb } from './page-container/index.js';
 export { defaultProviderLabel, SkdxSignInPage, type SkdxSignInDetail, type SkdxSignInProvider, } from './sign-in-page/index.js';
+export { SkdxConfirmDialog } from './confirm-dialog/index.js';
+export { SkdxEmptyState } from './empty-state/index.js';
+export { SkdxStatCard } from './stat-card/index.js';
+export { SkdxFormSection } from './form-section/index.js';
+export { SkdxOnboardingChecklist, type SkdxOnboardingChecklistItem, type SkdxOnboardingChecklistItemState, } from './onboarding-checklist/index.js';
+export { SkdxUsageCard } from './usage-card/index.js';
+export { SkdxFilterBar, type SkdxFilterBarFilter } from './filter-bar/index.js';
+export { SkdxComment } from './comment/index.js';
+export { SkdxCommentThread } from './comment-thread/index.js';
+export { SkdxNotificationCenter, type SkdxNotificationCenterItem, type SkdxNotificationCenterReadChangeDetail, type SkdxNotificationCenterSelectDetail, } from './notification-center/index.js';
+export { SkdxConversationList, type SkdxConversationListItem, type SkdxConversationListValueChangeDetail, } from './conversation-list/index.js';
+export { SkdxChatMessage } from './chat-message/index.js';
+export { SkdxUserMenu } from './user-menu/index.js';
+export { SkdxChatComposer, type SkdxChatComposerSendDetail, type SkdxChatComposerSubmitKey, type SkdxChatComposerValueChangeDetail, } from './chat-composer/index.js';
+export { SkdxWorkspaceSwitcher, type SkdxWorkspaceSwitcherItem, type SkdxWorkspaceSwitcherValueChangeDetail, } from './workspace-switcher/index.js';
+export { SkdxSignUpPage, type SkdxSignUpDetail } from './sign-up-page/index.js';
+export { SkdxForgotPasswordPage, type SkdxForgotPasswordDetail } from './forgot-password-page/index.js';
+export { SkdxResetPasswordPage, type SkdxResetPasswordDetail } from './reset-password-page/index.js';
+export { SkdxVerificationPage, type SkdxVerificationDetail, type SkdxVerificationValueChangeDetail, } from './verification-page/index.js';

package/dist/index.js

@@ -1 +1 @@
-import{SkdxDashboardLayout as r}from"./dashboard-layout/index.js";import{SkdxPageContainer as t}from"./page-container/index.js";import{defaultProviderLabel as n,SkdxSignInPage as i}from"./sign-in-page/index.js";export{r as SkdxDashboardLayout,t as SkdxPageContainer,i as SkdxSignInPage,n as defaultProviderLabel};
+import{SkdxDashboardLayout as o}from"./dashboard-layout/index.js";import{SkdxPageContainer as a}from"./page-container/index.js";import{defaultProviderLabel as x,SkdxSignInPage as d}from"./sign-in-page/index.js";import{SkdxConfirmDialog as p}from"./confirm-dialog/index.js";import{SkdxEmptyState as n}from"./empty-state/index.js";import{SkdxStatCard as s}from"./stat-card/index.js";import{SkdxFormSection as C}from"./form-section/index.js";import{SkdxOnboardingChecklist as l}from"./onboarding-checklist/index.js";import{SkdxUsageCard as c}from"./usage-card/index.js";import{SkdxFilterBar as D}from"./filter-bar/index.js";import{SkdxComment as u}from"./comment/index.js";import{SkdxCommentThread as b}from"./comment-thread/index.js";import{SkdxNotificationCenter as V}from"./notification-center/index.js";import{SkdxConversationList as F}from"./conversation-list/index.js";import{SkdxChatMessage as N}from"./chat-message/index.js";import{SkdxUserMenu as B}from"./user-menu/index.js";import{SkdxChatComposer as R}from"./chat-composer/index.js";import{SkdxWorkspaceSwitcher as M}from"./workspace-switcher/index.js";import{SkdxSignUpPage as K}from"./sign-up-page/index.js";import{SkdxForgotPasswordPage as j}from"./forgot-password-page/index.js";import{SkdxResetPasswordPage as z}from"./reset-password-page/index.js";import{SkdxVerificationPage as G}from"./verification-page/index.js";export{R as SkdxChatComposer,N as SkdxChatMessage,u as SkdxComment,b as SkdxCommentThread,p as SkdxConfirmDialog,F as SkdxConversationList,o as SkdxDashboardLayout,n as SkdxEmptyState,D as SkdxFilterBar,j as SkdxForgotPasswordPage,C as SkdxFormSection,V as SkdxNotificationCenter,l as SkdxOnboardingChecklist,a as SkdxPageContainer,z as SkdxResetPasswordPage,d as SkdxSignInPage,K as SkdxSignUpPage,s as SkdxStatCard,c as SkdxUsageCard,B as SkdxUserMenu,G as SkdxVerificationPage,M as SkdxWorkspaceSwitcher,x as defaultProviderLabel};

package/dist/internal/slots.cjs

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var E=(n,e)=>{for(var o in e)d(n,o,{get:e[o],enumerable:!0})},a=(n,e,o,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of s(e))!u.call(n,t)&&t!==o&&d(n,t,{get:()=>e[t],enumerable:!(l=c(e,t))||l.enumerable});return n};var m=n=>a(d({},"__esModule",{value:!0}),n);var f={};E(f,{placeSlotted:()=>p});module.exports=m(f);function p(n,e,o,l){for(let t of Array.from(n.childNodes)){if(t.nodeType===Node.COMMENT_NODE)continue;if(t.nodeType!==Node.ELEMENT_NODE){t.textContent?.trim()&&l?.append(t);continue}let i=t;if(i.hasAttribute(e))continue;let r=i.getAttribute("slot");(r===null?l:o[r]??null)?.append(i)}}0&&(module.exports={placeSlotted});
+"use strict";var d=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var m=(n,t)=>{for(var e in t)d(n,e,{get:t[e],enumerable:!0})},c=(n,t,e,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of a(t))!u.call(n,o)&&o!==e&&d(n,o,{get:()=>t[o],enumerable:!(l=E(t,o))||l.enumerable});return n};var N=n=>c(d({},"__esModule",{value:!0}),n);var p={};m(p,{hasUnslottedChild:()=>f,placeSlotted:()=>T});module.exports=N(p);function T(n,t,e,l){for(let o of Array.from(n.childNodes)){if(o.nodeType===Node.COMMENT_NODE)continue;if(o.nodeType!==Node.ELEMENT_NODE){o.textContent?.trim()&&l?.append(o);continue}let i=o;if(i.hasAttribute(t))continue;let r=i.getAttribute("slot"),s=r===null?l:e[r]??null;s&&(r!==null&&s.shadowRoot&&(i.removeAttribute("slot"),i.setAttribute("data-skdx-slot",r)),s.append(i))}}function f(n,t){return Array.from(n.childNodes).some(e=>e.nodeType===Node.ELEMENT_NODE?!e.hasAttribute(t)&&!e.hasAttribute("slot"):e.nodeType===Node.TEXT_NODE&&!!e.textContent?.trim())}0&&(module.exports={hasUnslottedChild,placeSlotted});

package/dist/internal/slots.d.cts

@@ -7,3 +7,5 @@
  * @internal
  */
 export declare function placeSlotted(host: HTMLElement, marker: string, regions: Readonly<Record<string, HTMLElement | null>>, fallback: HTMLElement | null): void;
+/** Whether the host holds consumer content for the default slot: an element without a `slot` name that the block did not generate, or non-blank text. */
+export declare function hasUnslottedChild(host: HTMLElement, marker: string): boolean;

package/dist/internal/slots.d.ts

@@ -7,3 +7,5 @@
  * @internal
  */
 export declare function placeSlotted(host: HTMLElement, marker: string, regions: Readonly<Record<string, HTMLElement | null>>, fallback: HTMLElement | null): void;
+/** Whether the host holds consumer content for the default slot: an element without a `slot` name that the block did not generate, or non-blank text. */
+export declare function hasUnslottedChild(host: HTMLElement, marker: string): boolean;

package/dist/internal/slots.js

@@ -1 +1 @@
-function c(l,i,d,n){for(let e of Array.from(l.childNodes)){if(e.nodeType===Node.COMMENT_NODE)continue;if(e.nodeType!==Node.ELEMENT_NODE){e.textContent?.trim()&&n?.append(e);continue}let t=e;if(t.hasAttribute(i))continue;let o=t.getAttribute("slot");(o===null?n:d[o]??null)?.append(t)}}export{c as placeSlotted};
+function d(l,i,t,s){for(let e of Array.from(l.childNodes)){if(e.nodeType===Node.COMMENT_NODE)continue;if(e.nodeType!==Node.ELEMENT_NODE){e.textContent?.trim()&&s?.append(e);continue}let n=e;if(n.hasAttribute(i))continue;let o=n.getAttribute("slot"),r=o===null?s:t[o]??null;r&&(o!==null&&r.shadowRoot&&(n.removeAttribute("slot"),n.setAttribute("data-skdx-slot",o)),r.append(n))}}function E(l,i){return Array.from(l.childNodes).some(t=>t.nodeType===Node.ELEMENT_NODE?!t.hasAttribute(i)&&!t.hasAttribute("slot"):t.nodeType===Node.TEXT_NODE&&!!t.textContent?.trim())}export{E as hasUnslottedChild,d as placeSlotted};

package/dist/notification-center/NotificationCenter.cjs

@@ -0,0 +1,74 @@
+"use strict";var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var b=(d,a)=>{for(var e in a)c(d,e,{get:a[e],enumerable:!0})},f=(d,a,e,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of k(a))!g.call(d,i)&&i!==e&&c(d,i,{get:()=>a[i],enumerable:!(n=u(a,i))||n.enumerable});return d};var L=d=>f(c({},"__esModule",{value:!0}),d),s=(d,a,e,n)=>{for(var i=n>1?void 0:n?u(a,e):a,l=d.length-1,p;l>=0;l--)(p=d[l])&&(i=(n?p(a,e,i):p(i))||i);return n&&i&&c(a,e,i),i};var _={};b(_,{SkdxNotificationCenter:()=>r});module.exports=L(_);var t=require("lit"),o=require("lit/decorators.js"),v=require("../internal/define.cjs"),m=require("../internal/events.cjs"),h=require("../internal/slots.cjs"),R=require("@skdx/web-components/button"),T=require("@skdx/web-components/heading"),A=require("@skdx/web-components/skeleton"),O=require("@skdx/web-components/time"),S=require("../empty-state/index.cjs");var x="data-skdx-notification-center-generated",E=["select","read-change","mark-all-read"],$=[0,1,2],y=0,r=class extends t.LitElement{constructor(){super(...arguments);this.title="Notifications";this.headingLevel=2;this.markAllReadLabel="Mark all as read";this.markReadLabel="Mark as read";this.markUnreadLabel="Mark as unread";this.emptyTitle="No notifications";this.loading=!1;this.titleId=`skdx-notification-center-title-${++y}`;this.gated=new Map;this.markAllRead=()=>{(0,m.emit)(this,"mark-all-read")}}createRenderRoot(){return this}addEventListener(e,n,i){super.addEventListener(e,n,i),this.countListener(e,1)}removeEventListener(e,n,i){super.removeEventListener(e,n,i),this.countListener(e,-1)}countListener(e,n){E.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}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-labelledby",this.titleId),queueMicrotask(()=>this.requestUpdate())}region(e){return this.querySelector(`.skdx-notification-center__${e}`)}hasSlotted(e){return this.querySelector(`[slot="${e}"], [data-skdx-slot="${e}"]`)!==null}updated(){this.setAttribute("aria-busy",String(this.loading)),(0,h.placeSlotted)(this,x,{actions:this.region("actions")},null)}itemBody(e){return t.html`<span class="skdx-notification-center__item-title">${e.title}</span> ${e.description?t.html`<span class="skdx-notification-center__description">${e.description}</span>`:t.nothing}
+      ${e.timestamp===void 0?t.nothing:t.html`<skdx-time
+              class="skdx-notification-center__time"
+              relative
+              .value=${e.timestamp}
+              .now=${this.now}
+            ></skdx-time>`}`}notificationRow(e){let n=this.handles("select"),i=this.handles("read-change");return t.html`<li
+      class="skdx-notification-center__item"
+      ?data-read=${e.read===!0}
+    >
+      ${this.renderLeading?t.html`<div
+              class="skdx-notification-center__leading"
+              aria-hidden="true"
+            >
+              ${this.renderLeading(e)}
+            </div>`:t.nothing}
+      ${n?t.html`<button
+              class="skdx-notification-center__body"
+              type="button"
+              @click=${()=>{(0,m.emit)(this,"select",{item:e})}}
+            >
+              ${this.itemBody(e)}
+            </button>`:t.html`<div class="skdx-notification-center__body">${this.itemBody(e)}</div>`}
+      ${i||this.renderActions?t.html`<div class="skdx-notification-center__item-actions">
+              ${this.renderActions?.(e)}
+              ${i?t.html`<skdx-button
+                      class="skdx-notification-center__read-toggle"
+                      .size=${"sm"}
+                      .variant=${"ghost"}
+                      @click=${()=>{(0,m.emit)(this,"read-change",{item:e,read:e.read!==!0})}}
+                      >${e.read===!0?this.markUnreadLabel:this.markReadLabel}</skdx-button
+                    >`:t.nothing}
+            </div>`:t.nothing}
+    </li>`}content(e){return this.loading?t.html`<div
+        class="skdx-notification-center__loading"
+        aria-hidden="true"
+        data-skdx-notification-center-generated
+      >
+        ${$.map(()=>t.html`<skdx-skeleton .shape=${"line"}></skdx-skeleton>`)}
+      </div>`:e.length===0?t.html`<skdx-empty-state
+        class="skdx-notification-center__empty"
+        data-skdx-notification-center-generated
+        .title=${this.emptyTitle}
+        .description=${this.emptyDescription}
+        .size=${"sm"}
+      ></skdx-empty-state>`:t.html`<ul
+      class="skdx-notification-center__list"
+      data-skdx-notification-center-generated
+    >
+      ${e.map(n=>this.notificationRow(n))}
+    </ul>`}render(){let e=this.notifications??[],n=e.filter(l=>l.read!==!0).length,i=this.handles("mark-all-read");return t.html`
+      <div
+        class="skdx-notification-center__header"
+        data-skdx-notification-center-generated
+      >
+        <skdx-heading
+          class="skdx-notification-center__title"
+          as=${`h${this.headingLevel}`}
+          id=${this.titleId}
+          >${this.title}</skdx-heading
+        >
+        ${this.hasSlotted("actions")||i?t.html`<div class="skdx-notification-center__actions">
+                ${i?t.html`<skdx-button
+                        class="skdx-notification-center__mark-all-read"
+                        .size=${"sm"}
+                        .variant=${"ghost"}
+                        ?disabled=${n===0}
+                        @click=${this.markAllRead}
+                        >${this.markAllReadLabel}</skdx-button
+                      >`:t.nothing}
+              </div>`:t.nothing}
+      </div>
+      ${this.content(e)}
+    `}};s([(0,o.property)({attribute:!1})],r.prototype,"notifications",2),s([(0,o.property)({type:String})],r.prototype,"title",2),s([(0,o.property)({type:Number,attribute:"heading-level"})],r.prototype,"headingLevel",2),s([(0,o.property)({type:String,attribute:"mark-all-read-label"})],r.prototype,"markAllReadLabel",2),s([(0,o.property)({type:String,attribute:"mark-read-label"})],r.prototype,"markReadLabel",2),s([(0,o.property)({type:String,attribute:"mark-unread-label"})],r.prototype,"markUnreadLabel",2),s([(0,o.property)({type:String,attribute:"empty-title"})],r.prototype,"emptyTitle",2),s([(0,o.property)({type:String,attribute:"empty-description"})],r.prototype,"emptyDescription",2),s([(0,o.property)({type:Boolean})],r.prototype,"loading",2),s([(0,o.property)({attribute:!1})],r.prototype,"now",2),s([(0,o.property)({attribute:!1})],r.prototype,"renderLeading",2),s([(0,o.property)({attribute:!1})],r.prototype,"renderActions",2),r=s([(0,v.customElement)("skdx-notification-center","notification-center","root")],r);0&&(module.exports={SkdxNotificationCenter});

package/dist/notification-center/NotificationCenter.d.cts

@@ -0,0 +1,147 @@
+import { LitElement, type TemplateResult } from 'lit';
+import '@skdx/web-components/button';
+import '@skdx/web-components/heading';
+import '@skdx/web-components/skeleton';
+import '@skdx/web-components/time';
+import '../empty-state/index.cjs';
+/** One entry of a `<skdx-notification-center>` list — a single notification. */
+export interface SkdxNotificationCenterItem {
+    /** Identifier carried back in every event detail, naming which notification was acted on. */
+    id: string;
+    /** Headline text rendered as the notification's title. */
+    title: string;
+    /** Supporting copy rendered below the title. @default undefined — no description renders for this item. */
+    description?: string;
+    /** Instant the notification occurred, rendered into a derived Time. @default undefined — no timestamp renders for this item. */
+    timestamp?: Date | string;
+    /** Whether the notification has been read, driving `data-read` and the toggle label. @default false */
+    read?: boolean;
+}
+/** What a `select` event carries: the notification whose body was activated. */
+export interface SkdxNotificationCenterSelectDetail {
+    /** The notification the user activated. */
+    item: SkdxNotificationCenterItem;
+}
+/** What a `read-change` event carries: the notification and the read state it is moving to. */
+export interface SkdxNotificationCenterReadChangeDetail {
+    /** The notification whose toggle was activated. */
+    item: SkdxNotificationCenterItem;
+    /** The read state the notification is moving to, the opposite of the one it holds. */
+    read: boolean;
+}
+/**
+ * Notification list block: read/unread state, timestamps, a leading visual and
+ * per-item and mark-all-read actions, rendered as panel content for a Popover,
+ * Drawer, Dialog or page — the block owns no overlay of its own.
+ *
+ * Renders light DOM, so its parts are classes rather than shadow `::part()`
+ * targets: `.skdx-notification-center` on the host, then `__header`,
+ * `__title`, `__actions`, `__mark-all-read`, `__loading`, `__empty`, `__list`,
+ * `__item`, `__leading`, `__body`, `__item-title`, `__description`, `__time`,
+ * `__item-actions` and `__read-toggle`. `data-read` sits on an item that has
+ * been read.
+ *
+ * @example
+ * ```html
+ * <skdx-notification-center id="inbox"></skdx-notification-center>
+ * <script>
+ *   const inbox = document.getElementById('inbox');
+ *   inbox.notifications = [{ id: 'a', title: 'Build finished' }];
+ *   inbox.addEventListener('select', (event) => open(event.detail.item));
+ * </script>
+ * ```
+ *
+ * @slot actions - Header controls rendered beside the mark-all-read button.
+ * @fires select - Fires with `{ item }` when a notification body is activated; the body is a button only while a `select` listener is bound on this element.
+ * @fires read-change - Fires with `{ item, read }` when a per-item toggle is activated; no toggle renders until a `read-change` listener is bound on this element.
+ * @fires mark-all-read - Fires when the mark-all-read button is activated; no such button renders until a `mark-all-read` listener is bound on this element.
+ */
+export declare class SkdxNotificationCenter extends LitElement {
+    /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
+    createRenderRoot(): HTMLElement | DocumentFragment;
+    /** The notifications to list, in render order, each with an id, a title and read state. */
+    notifications: readonly SkdxNotificationCenterItem[];
+    /**
+     * Heading text, rendered into a derived Heading that names the section.
+     * @default 'Notifications'
+     */
+    title: string;
+    /**
+     * Outline level of the derived title heading, lowered or raised to fit the surrounding outline.
+     * @default 2
+     */
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Text of the mark-all-read button, which renders only while the event is listened for.
+     * @default 'Mark all as read'
+     */
+    markAllReadLabel: string;
+    /**
+     * Text of a per-item toggle while its notification is unread.
+     * @default 'Mark as read'
+     */
+    markReadLabel: string;
+    /**
+     * Text of a per-item toggle while its notification is read.
+     * @default 'Mark as unread'
+     */
+    markUnreadLabel: string;
+    /**
+     * Heading text of the derived EmptyState shown when there is nothing to list.
+     * @default 'No notifications'
+     */
+    emptyTitle: string;
+    /**
+     * Supporting copy of the derived EmptyState shown when there is nothing to list.
+     * @default undefined — the empty state renders its heading alone.
+     */
+    emptyDescription?: string | undefined;
+    /**
+     * Swaps the list for a skeleton placeholder region while the notifications load.
+     * @default false
+     */
+    loading: boolean;
+    /**
+     * Reference instant every item timestamp measures its relative label from.
+     * @default undefined — each Time reads the instant once at render.
+     */
+    now?: Date | number | undefined;
+    /**
+     * Renders a decorative avatar or icon beside one notification, always `aria-hidden`.
+     * @default undefined — no leading region renders.
+     */
+    renderLeading?: ((item: SkdxNotificationCenterItem) => unknown) | undefined;
+    /**
+     * Renders extra controls beside one notification's read/unread toggle.
+     * @default undefined — no extra per-item controls render.
+     */
+    renderActions?: ((item: SkdxNotificationCenterItem) => unknown) | undefined;
+    /** Generated title id, published as the section's `aria-labelledby`. */
+    private readonly titleId;
+    /** How many listeners each gated event holds, so the anatomy it drives renders only while one is bound. */
+    private readonly gated;
+    /** @internal Standard DOM registration, counted so a listener-gated region knows it has one. */
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    /** @internal Standard DOM removal, counted so a listener-gated region knows it lost one. */
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    private countListener;
+    /** Whether the consumer is listening for `type` on this element, which is what renders its control. */
+    private handles;
+    connectedCallback(): void;
+    private region;
+    /** Whether the consumer supplied anything for `name` — still true once it has been moved in. */
+    private hasSlotted;
+    protected updated(): void;
+    private readonly markAllRead;
+    private itemBody;
+    private notificationRow;
+    private content;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-notification-center': SkdxNotificationCenter;
+    }
+}