@skdx/web-components-blocks 0.1.0 → 0.35.0

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

@@ -0,0 +1,95 @@
+import { LitElement, type TemplateResult } from 'lit';
+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/text';
+import '@skdx/web-components/text-field';
+/** What a `request-reset` event carries: the address the reset link should be sent to. */
+export interface SkdxForgotPasswordDetail {
+    /** The address the reset link should be sent to, as typed. */
+    email: string;
+}
+/**
+ * Forgot-password block: a description, one email field and a submit button,
+ * replaced entirely by a success alert once the request is accepted.
+ *
+ * Renders light DOM, so its parts are classes rather than shadow `::part()`
+ * targets: `.skdx-forgot-password-page` on the host, then `__panel`,
+ * `__title`, `__description`, `__error`, `__success`, `__form`, `__field`,
+ * `__submit` and `__footer`.
+ *
+ * @example
+ * ```html
+ * <skdx-forgot-password-page
+ *   id="forgot"
+ *   description="We will email you a link to choose a new password."
+ * ></skdx-forgot-password-page>
+ * <script>
+ *   document
+ *     .getElementById('forgot')
+ *     .addEventListener('request-reset', (event) => console.log(event.detail.email));
+ * </script>
+ * ```
+ *
+ * @slot - Extra fields rendered inside the form, above the submit button.
+ * @slot footer - Navigation below the form, such as a link back to the sign-in page.
+ * @fires request-reset - Fires with `{ email }` when the form submits with an address that passes constraint validation.
+ */
+export declare class SkdxForgotPasswordPage extends LitElement {
+    /** Light DOM, so `@skdx/skins` and consumer CSS reach the composed core elements. */
+    createRenderRoot(): HTMLElement | DocumentFragment;
+    /**
+     * Heading text, rendered into a derived `<h1>` that names the section.
+     * @default 'Reset your password'
+     */
+    title: string;
+    /**
+     * Supporting copy rendered below the title, explaining what the reset link does.
+     * @default undefined — no description region renders.
+     */
+    description?: string;
+    /**
+     * Message rendered into a derived error Alert above the form. The block never clears it.
+     * @default undefined — no error region renders.
+     */
+    error?: string;
+    /**
+     * Confirmation rendered into a derived success Alert that replaces the form entirely.
+     * @default undefined — the form renders instead.
+     */
+    success?: string;
+    /**
+     * Marks the request in flight, making the submit button busy while the email field stays editable.
+     * @default false
+     */
+    pending: boolean;
+    /**
+     * Label of the email field the reset link is requested for.
+     * @default 'Email'
+     */
+    emailLabel: string;
+    /**
+     * Text of the form's submit button.
+     * @default 'Send reset link'
+     */
+    submitLabel: string;
+    /** Generated title id, published as the section's `aria-labelledby`. */
+    private readonly titleId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Whether the consumer supplied content for `name` — still true once it has been moved in. */
+    private hasSlotted;
+    private region;
+    private get contentRegion();
+    private get hasContent();
+    protected updated(): void;
+    private readonly handleSubmit;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-forgot-password-page': SkdxForgotPasswordPage;
+    }
+}

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

@@ -0,0 +1,57 @@
+var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(n,l,t,i)=>{for(var s=i>1?void 0:i?g(l,t):l,p=n.length-1,m;p>=0;p--)(m=n[p])&&(s=(i?m(l,t,s):m(s))||s);return i&&s&&u(l,t,s),s};import{html as o,LitElement as h,nothing as d}from"lit";import{property as a}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{emit as x}from"../internal/events.js";import{hasUnslottedChild as k,placeSlotted as b}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/text";import"@skdx/web-components/text-field";var c="data-skdx-forgot-password-page-generated",v="data-skdx-forgot-password-page-content",$=0,e=class extends h{constructor(){super(...arguments);this.title="Reset your password";this.pending=!1;this.emailLabel="Email";this.submitLabel="Send reset link";this.titleId=`skdx-forgot-password-page-title-${++$}`;this.handleSubmit=t=>{let i=t.target?.closest("skdx-form");if(!i)return;t.preventDefault();let s=i.querySelector('[name="email"]');x(this,"request-reset",{email:s?.value??""})}}createRenderRoot(){return this}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(t){return this.querySelector(`[slot="${t}"]`)!==null}region(t){return this.querySelector(`.skdx-forgot-password-page__${t}`)}get contentRegion(){return this.querySelector(`[${v}]`)}get hasContent(){return k(this,c)||(this.contentRegion?.hasChildNodes()??!1)}updated(){b(this,c,{footer:this.region("footer")},this.contentRegion)}render(){return o`
+      <div
+        class="skdx-forgot-password-page__panel"
+        data-skdx-forgot-password-page-generated
+      >
+        <skdx-heading
+          class="skdx-forgot-password-page__title"
+          as="h1"
+          id=${this.titleId}
+          >${this.title}</skdx-heading
+        >
+        ${this.error?o`<skdx-alert
+                class="skdx-forgot-password-page__error"
+                .status=${"danger"}
+                >${this.error}</skdx-alert
+              >`:d}
+        ${this.description?o`<skdx-text
+                class="skdx-forgot-password-page__description"
+                as="p"
+                .tone=${"muted"}
+                >${this.description}</skdx-text
+              >`:d}
+        ${this.success?o`<skdx-alert
+                class="skdx-forgot-password-page__success"
+                .status=${"success"}
+                >${this.success}</skdx-alert
+              >`:o`<skdx-form class="skdx-forgot-password-page__form">
+                <form>
+                  <skdx-field
+                    class="skdx-forgot-password-page__field"
+                    label=${this.emailLabel}
+                    required
+                  >
+                    <skdx-text-field
+                      name="email"
+                      type="email"
+                      required
+                    >
+                      <skdx-text-field-input
+                        type="email"
+                        autocomplete="email"
+                      ></skdx-text-field-input>
+                    </skdx-text-field>
+                  </skdx-field>
+                  ${this.hasContent?o`<div data-skdx-forgot-password-page-content></div>`:d}
+                  <skdx-button
+                    class="skdx-forgot-password-page__submit"
+                    type="submit"
+                    ?loading=${this.pending}
+                    ?disabled=${this.pending}
+                    >${this.submitLabel}</skdx-button
+                  >
+                </form>
+              </skdx-form>`}
+        ${this.hasSlotted("footer")?o`<div class="skdx-forgot-password-page__footer"></div>`:d}
+      </div>
+    `}};r([a({type:String})],e.prototype,"title",2),r([a({type:String})],e.prototype,"description",2),r([a({type:String})],e.prototype,"error",2),r([a({type:String})],e.prototype,"success",2),r([a({type:Boolean})],e.prototype,"pending",2),r([a({type:String,attribute:"email-label"})],e.prototype,"emailLabel",2),r([a({type:String,attribute:"submit-label"})],e.prototype,"submitLabel",2),e=r([f("skdx-forgot-password-page","forgot-password-page","root")],e);export{e as SkdxForgotPasswordPage};

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

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

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

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

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 b=Object.prototype.hasOwnProperty;var x=(i,e)=>{for(var t in e)l(i,t,{get:e[t],enumerable:!0})},k=(i,e,t,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of v(e))!b.call(i,r)&&r!==t&&l(i,r,{get:()=>e[r],enumerable:!(d=m(e,r))||d.enumerable});return i};var y=i=>k(l({},"__esModule",{value:!0}),i),o=(i,e,t,d)=>{for(var r=d>1?void 0:d?m(e,t):e,c=i.length-1,p;c>=0;c--)(p=i[c])&&(r=(d?p(e,t,r):p(r))||r);return d&&r&&l(e,t,r),r};var _={};x(_,{SkdxFormSection:()=>s});module.exports=y(_);var n=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 $="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 n.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}"]`)!==null}updated(){u(this,"data-variant",this.variant),u(this,"aria-describedby",this.description?this.descriptionId:void 0),(0,g.placeSlotted)(this,$,{actions:this.region("footer")},this.region("content"))}render(){return n.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?n.html`<skdx-text
+                class="skdx-form-section__description"
+                as="p"
+                .tone=${"muted"}
+                id=${this.descriptionId}
+                >${this.description}</skdx-text
+              >`:n.nothing}
+      </div>
+      <div
+        class="skdx-form-section__content"
+        data-skdx-form-section-generated
+      ></div>
+      ${this.hasSlotted("actions")?n.html`<div
+              class="skdx-form-section__footer"
+              data-skdx-form-section-generated
+            ></div>`:n.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 n=(s,t,e,d)=>{for(var r=d>1?void 0:d?f(t,e):t,a=s.length-1,l;a>=0;a--)(l=s[a])&&(r=(d?l(t,e,r):l(r))||r);return d&&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 b}from"../internal/slots.js";import"@skdx/web-components/heading";import"@skdx/web-components/text";var x="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}"]`)!==null}updated(){h(this,"data-variant",this.variant),h(this,"aria-describedby",this.description?this.descriptionId:void 0),b(this,x,{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}
+    `}};n([o({type:String})],i.prototype,"title",2),n([o({type:String})],i.prototype,"description",2),n([o({type:Number,attribute:"heading-level"})],i.prototype,"headingLevel",2),n([o({type:String})],i.prototype,"variant",2),i=n([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 i=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var m=(n,e)=>{for(var t in e)i(n,t,{get:e[t],enumerable:!0})},u=(n,e,t,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of d(e))!a.call(n,o)&&o!==t&&i(n,o,{get:()=>e[o],enumerable:!(l=E(e,o))||l.enumerable});return n};var N=n=>u(i({},"__esModule",{value:!0}),n);var p={};m(p,{hasUnslottedChild:()=>c,placeSlotted:()=>T});module.exports=N(p);function T(n,e,t,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 r=o;if(r.hasAttribute(e))continue;let s=r.getAttribute("slot");(s===null?l:t[s]??null)?.append(r)}}function c(n,e){return Array.from(n.childNodes).some(t=>t.nodeType===Node.ELEMENT_NODE?!t.hasAttribute(e)&&!t.hasAttribute("slot"):t.nodeType===Node.TEXT_NODE&&!!t.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 E(n,o,e,r){for(let t of Array.from(n.childNodes)){if(t.nodeType===Node.COMMENT_NODE)continue;if(t.nodeType!==Node.ELEMENT_NODE){t.textContent?.trim()&&r?.append(t);continue}let l=t;if(l.hasAttribute(o))continue;let i=l.getAttribute("slot");(i===null?r:e[i]??null)?.append(l)}}function d(n,o){return Array.from(n.childNodes).some(e=>e.nodeType===Node.ELEMENT_NODE?!e.hasAttribute(o)&&!e.hasAttribute("slot"):e.nodeType===Node.TEXT_NODE&&!!e.textContent?.trim())}export{d as hasUnslottedChild,E 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}"]`)!==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});