@sentropic/design-system-angular 0.36.54

package/dist/Card.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export type CardProps = {
+    interactive?: boolean;
+    class?: string;
+};
+export declare class Card {
+    static readonly stComponentName = "Card";
+    readonly componentName = "Card";
+    interactive?: boolean;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Card, "st-card", never, { "interactive": { "alias": "interactive"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Card.d.ts.map

package/dist/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBASa,IAAI;IACf,MAAM,CAAC,QAAQ,CAAC,eAAe,UAAU;IACzC,QAAQ,CAAC,aAAa,UAAU;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAZU,IAAI;2CAAJ,IAAI;CAahB"}

package/dist/Card.js

@@ -0,0 +1,36 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Card {
+    static stComponentName = "Card";
+    componentName = "Card";
+    interactive;
+    classInput;
+    get hostClass() {
+        return classNames("st-card", this.interactive && "st-card--interactive", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: Card, isStandalone: true, selector: "st-card", inputs: { interactive: "interactive", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </section>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Card, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-card",
+                    standalone: true,
+                    template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </section>
+  `,
+                }]
+        }], propDecorators: { interactive: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Card.js.map

package/dist/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAgB7C,MAAM,OAAO,IAAI;IACf,MAAM,CAAU,eAAe,GAAG,MAAM,CAAC;IAChC,aAAa,GAAG,MAAM,CAAC;IACrB,WAAW,CAAW;IACf,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,SAAS,EACT,IAAI,CAAC,WAAW,IAAI,sBAAsB,EAC1C,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAZU,IAAI;4FAAJ,IAAI,gJANL;;;;GAIT;;4FAEU,IAAI;kBAThB,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;GAIT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/ChatComposer.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type ChatComposerProps = {
+    value?: string;
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    maxLength?: number;
+    label?: string;
+    submitLabel?: unknown;
+    class?: string;
+};
+export declare class ChatComposer {
+    static readonly stComponentName = "ChatComposer";
+    readonly componentName = "ChatComposer";
+    value?: string;
+    modelValue?: string;
+    placeholder?: string;
+    disabled: boolean;
+    maxLength?: number;
+    label?: string;
+    submitLabel?: unknown;
+    classInput?: string;
+    readonly submit: EventEmitter<string>;
+    readonly modelValueChange: EventEmitter<string>;
+    get currentValue(): string;
+    get hostClass(): string;
+    onInput(e: Event): void;
+    onEnter(e: Event): void;
+    onSubmit(e: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatComposer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatComposer, "st-chat-composer", never, { "value": { "alias": "value"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "label": { "alias": "label"; "required": false; }; "submitLabel": { "alias": "submitLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "submit": "submit"; "modelValueChange": "modelValueChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=ChatComposer.d.ts.map

package/dist/ChatComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../src/ChatComposer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAgDa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IAE7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,UAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,MAAM,uBAA8B;IAC7C,QAAQ,CAAC,gBAAgB,uBAA8B;IAEjE,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKvB,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAQvB,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;yCArCb,YAAY;2CAAZ,YAAY;CA0CxB"}

package/dist/ChatComposer.js

@@ -0,0 +1,158 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class ChatComposer {
+    static stComponentName = "ChatComposer";
+    componentName = "ChatComposer";
+    value;
+    modelValue;
+    placeholder;
+    disabled = false;
+    maxLength;
+    label;
+    submitLabel;
+    classInput;
+    submit = new EventEmitter();
+    modelValueChange = new EventEmitter();
+    get currentValue() {
+        return this.modelValue ?? this.value ?? "";
+    }
+    get hostClass() {
+        return classNames("st-chatComposer", this.classInput);
+    }
+    onInput(e) {
+        const v = e.target.value;
+        this.modelValueChange.emit(v);
+    }
+    onEnter(e) {
+        const ke = e;
+        if (!ke.shiftKey) {
+            e.preventDefault();
+            this.onSubmit(e);
+        }
+    }
+    onSubmit(e) {
+        e.preventDefault();
+        const v = this.currentValue.trim();
+        if (v)
+            this.submit.emit(v);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChatComposer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ChatComposer, isStandalone: true, selector: "st-chat-composer", inputs: { value: "value", modelValue: "modelValue", placeholder: "placeholder", disabled: "disabled", maxLength: "maxLength", label: "label", submitLabel: "submitLabel", classInput: ["class", "classInput"] }, outputs: { submit: "submit", modelValueChange: "modelValueChange" }, ngImport: i0, template: `
+    <form [class]="hostClass" (submit)="onSubmit($event)">
+      <div class="st-chatComposer__body">
+        <div class="st-chatComposer__inputShell">
+          <textarea
+            class="st-chatComposer__textarea st-chatComposer__input"
+            [value]="currentValue"
+            [placeholder]="placeholder ?? ''"
+            [disabled]="disabled"
+            [attr.maxlength]="maxLength ?? null"
+            (input)="onInput($event)"
+            (keydown.enter)="onEnter($event)"
+          ></textarea>
+        </div>
+      </div>
+      <div class="st-chatComposer__toolbar">
+        <div class="st-chatComposer__actions st-chatComposer__actions--left">
+          <ng-content></ng-content>
+        </div>
+        <div class="st-chatComposer__actions st-chatComposer__actions--right">
+          <button
+            type="submit"
+            class="st-button st-button--primary st-button--md"
+            [disabled]="!currentValue.trim() || disabled"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path>
+              <path d="m21.854 2.147-10.94 10.939"></path>
+            </svg>{{ submitLabel ?? 'Send' }}</button>
+        </div>
+      </div>
+    </form>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChatComposer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-chat-composer",
+                    standalone: true,
+                    template: `
+    <form [class]="hostClass" (submit)="onSubmit($event)">
+      <div class="st-chatComposer__body">
+        <div class="st-chatComposer__inputShell">
+          <textarea
+            class="st-chatComposer__textarea st-chatComposer__input"
+            [value]="currentValue"
+            [placeholder]="placeholder ?? ''"
+            [disabled]="disabled"
+            [attr.maxlength]="maxLength ?? null"
+            (input)="onInput($event)"
+            (keydown.enter)="onEnter($event)"
+          ></textarea>
+        </div>
+      </div>
+      <div class="st-chatComposer__toolbar">
+        <div class="st-chatComposer__actions st-chatComposer__actions--left">
+          <ng-content></ng-content>
+        </div>
+        <div class="st-chatComposer__actions st-chatComposer__actions--right">
+          <button
+            type="submit"
+            class="st-button st-button--primary st-button--md"
+            [disabled]="!currentValue.trim() || disabled"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path>
+              <path d="m21.854 2.147-10.94 10.939"></path>
+            </svg>{{ submitLabel ?? 'Send' }}</button>
+        </div>
+      </div>
+    </form>
+  `,
+                }]
+        }], propDecorators: { value: [{
+                type: NgInput
+            }], modelValue: [{
+                type: NgInput
+            }], placeholder: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], maxLength: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], submitLabel: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], submit: [{
+                type: Output
+            }], modelValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=ChatComposer.js.map

package/dist/ChatComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatComposer.js","sourceRoot":"","sources":["../src/ChatComposer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA6D7C,MAAM,OAAO,YAAY;IACvB,MAAM,CAAU,eAAe,GAAG,cAAc,CAAC;IACxC,aAAa,GAAG,cAAc,CAAC;IAE7B,KAAK,CAAU;IACf,UAAU,CAAU;IACpB,WAAW,CAAU;IACrB,QAAQ,GAAG,KAAK,CAAC;IACjB,SAAS,CAAU;IACnB,KAAK,CAAU;IACf,WAAW,CAAW;IACf,UAAU,CAAU;IAEnB,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;IACpC,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;IAEjE,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IAC7C,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACxD,CAAC;IAED,OAAO,CAAC,CAAQ;QACd,MAAM,CAAC,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC;QAClD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CAAC,CAAQ;QACd,MAAM,EAAE,GAAG,CAAkB,CAAC;QAC9B,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACnC,IAAI,CAAC;YAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;wGAzCU,YAAY;4FAAZ,YAAY,kWA7Cb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CT;;4FAEU,YAAY;kBAhDxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM;;sBACN,MAAM"}

package/dist/ChatMessage.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from "@angular/core";
+export type ChatMessageRole = "user" | "assistant" | "system" | "tool";
+export type ChatMessageStatus = "pending" | "processing" | "completed" | "failed" | "idle" | "streaming" | "error" | "sent";
+export type ChatMessageProps = {
+    role?: ChatMessageRole;
+    status?: ChatMessageStatus;
+    content?: unknown;
+    timestamp?: unknown;
+    footer?: unknown;
+    actions?: unknown;
+    avatar?: unknown;
+    class?: string;
+};
+export declare class ChatMessage {
+    static readonly stComponentName = "ChatMessage";
+    readonly componentName = "ChatMessage";
+    role?: ChatMessageRole;
+    status?: ChatMessageStatus;
+    content?: string;
+    timestamp?: unknown;
+    footer?: unknown;
+    actions?: unknown;
+    avatar?: unknown;
+    classInput?: string;
+    get normalizedStatus(): string | undefined;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatMessage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatMessage, "st-chat-message", never, { "role": { "alias": "role"; "required": false; }; "status": { "alias": "status"; "required": false; }; "content": { "alias": "content"; "required": false; }; "timestamp": { "alias": "timestamp"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=ChatMessage.d.ts.map

package/dist/ChatMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../src/ChatMessage.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,MAAM,GACN,WAAW,GACX,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBA4Ba,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IAE5B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,gBAAgB,IAAI,MAAM,GAAG,SAAS,CAKzC;IAED,IAAI,SAAS,IAAI,MAAM,CAQtB;yCA5BU,WAAW;2CAAX,WAAW;CA6BvB"}

package/dist/ChatMessage.js

@@ -0,0 +1,101 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class ChatMessage {
+    static stComponentName = "ChatMessage";
+    componentName = "ChatMessage";
+    role;
+    status;
+    content;
+    timestamp;
+    footer;
+    actions;
+    avatar;
+    classInput;
+    get normalizedStatus() {
+        const status = this.status;
+        if (status === "idle" || status === "streaming")
+            return "processing";
+        if (status === "error")
+            return "failed";
+        return status;
+    }
+    get hostClass() {
+        const role = this.role ?? "assistant";
+        return classNames("st-chatMessage", `st-chatMessage--${role}`, this.normalizedStatus ? `st-chatMessage--${this.normalizedStatus}` : undefined, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChatMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ChatMessage, isStandalone: true, selector: "st-chat-message", inputs: { role: "role", status: "status", content: "content", timestamp: "timestamp", footer: "footer", actions: "actions", avatar: "avatar", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <article
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.data-role]="role ?? 'assistant'"
+      [attr.data-status]="normalizedStatus ?? null"
+      [attr.data-align]="(role ?? 'assistant') === 'user' ? 'end' : 'start'"
+      [attr.aria-live]="normalizedStatus === 'processing' ? 'polite' : null"
+    >
+      <div class="st-chatMessage__body">
+        <div class="st-chatMessage__bubble">
+          <div class="st-chatMessage__content"><ng-content>{{ content }}</ng-content></div>
+          @if (normalizedStatus === 'processing') {
+            <span class="st-chatMessage__pulse" aria-hidden="true"></span>
+          }
+        </div>
+        @if (timestamp) {
+          <div class="st-chatMessage__footer">
+            <span class="st-chatMessage__timestamp">{{ timestamp }}</span>
+          </div>
+        }
+      </div>
+    </article>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChatMessage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-chat-message",
+                    standalone: true,
+                    template: `
+    <article
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.data-role]="role ?? 'assistant'"
+      [attr.data-status]="normalizedStatus ?? null"
+      [attr.data-align]="(role ?? 'assistant') === 'user' ? 'end' : 'start'"
+      [attr.aria-live]="normalizedStatus === 'processing' ? 'polite' : null"
+    >
+      <div class="st-chatMessage__body">
+        <div class="st-chatMessage__bubble">
+          <div class="st-chatMessage__content"><ng-content>{{ content }}</ng-content></div>
+          @if (normalizedStatus === 'processing') {
+            <span class="st-chatMessage__pulse" aria-hidden="true"></span>
+          }
+        </div>
+        @if (timestamp) {
+          <div class="st-chatMessage__footer">
+            <span class="st-chatMessage__timestamp">{{ timestamp }}</span>
+          </div>
+        }
+      </div>
+    </article>
+  `,
+                }]
+        }], propDecorators: { role: [{
+                type: NgInput
+            }], status: [{
+                type: NgInput
+            }], content: [{
+                type: NgInput
+            }], timestamp: [{
+                type: NgInput
+            }], footer: [{
+                type: NgInput
+            }], actions: [{
+                type: NgInput
+            }], avatar: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=ChatMessage.js.map

package/dist/ChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../src/ChatMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAqD7C,MAAM,OAAO,WAAW;IACtB,MAAM,CAAU,eAAe,GAAG,aAAa,CAAC;IACvC,aAAa,GAAG,aAAa,CAAC;IAE5B,IAAI,CAAmB;IACvB,MAAM,CAAqB;IAC3B,OAAO,CAAU;IACjB,SAAS,CAAW;IACpB,MAAM,CAAW;IACjB,OAAO,CAAW;IAClB,MAAM,CAAW;IACV,UAAU,CAAU;IAEtC,IAAI,gBAAgB;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,WAAW;YAAE,OAAO,YAAY,CAAC;QACrE,IAAI,MAAM,KAAK,OAAO;YAAE,OAAO,QAAQ,CAAC;QACxC,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,SAAS;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC;QACtC,OAAO,UAAU,CACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9E,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGA5BU,WAAW;4FAAX,WAAW,gQAzBZ;;;;;;;;;;;;;;;;;;;;;;;GAuBT;;4FAEU,WAAW;kBA5BvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;GAuBT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/ChatThread.d.ts

@@ -0,0 +1,33 @@
+import type { ChatMessageRole, ChatMessageStatus } from "./ChatMessage.js";
+import * as i0 from "@angular/core";
+export type ChatThreadProps = {
+    messages?: Array<{
+        id: string;
+        role?: ChatMessageRole;
+        content: unknown;
+        status?: ChatMessageStatus;
+    }>;
+    emptyLabel?: unknown;
+    label?: string;
+    autoScroll?: boolean;
+    class?: string;
+};
+export declare class ChatThread {
+    static readonly stComponentName = "ChatThread";
+    readonly componentName = "ChatThread";
+    messages?: Array<{
+        id: string;
+        role?: ChatMessageRole;
+        content: unknown;
+        status?: ChatMessageStatus;
+    }>;
+    emptyLabel?: unknown;
+    label?: string;
+    autoScroll?: boolean;
+    classInput?: string;
+    get hostClass(): string;
+    msgClass(role?: ChatMessageRole): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatThread, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatThread, "st-chat-thread", never, { "messages": { "alias": "messages"; "required": false; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "autoScroll": { "alias": "autoScroll"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=ChatThread.d.ts.map

package/dist/ChatThread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatThread.d.ts","sourceRoot":"","sources":["../src/ChatThread.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,CAAC,EAAE,eAAe,CAAC;QACvB,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;KAC5B,CAAC,CAAC;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAqCa,UAAU;IACrB,MAAM,CAAC,QAAQ,CAAC,eAAe,gBAAgB;IAC/C,QAAQ,CAAC,aAAa,gBAAgB;IAE3B,QAAQ,CAAC,EAAE,KAAK,CAAC;QAC1B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,CAAC,EAAE,eAAe,CAAC;QACvB,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;KAC5B,CAAC,CAAC;IACQ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,QAAQ,CAAC,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM;yCAnB7B,UAAU;2CAAV,UAAU;CAsBtB"}

package/dist/ChatThread.js

@@ -0,0 +1,104 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class ChatThread {
+    static stComponentName = "ChatThread";
+    componentName = "ChatThread";
+    messages;
+    emptyLabel;
+    label;
+    autoScroll;
+    classInput;
+    get hostClass() {
+        return classNames("st-chatThread", this.classInput);
+    }
+    msgClass(role) {
+        return classNames("st-chatMessage", `st-chatMessage--${role ?? "assistant"}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChatThread, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ChatThread, isStandalone: true, selector: "st-chat-thread", inputs: { messages: "messages", emptyLabel: "emptyLabel", label: "label", autoScroll: "autoScroll", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <section
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="log"
+      aria-live="polite"
+      aria-relevant="additions text"
+      [attr.aria-label]="label || 'Chat'"
+    >
+      <div class="st-chatThread__list">
+        @if (messages && messages.length > 0) {
+          @for (msg of messages; track msg.id) {
+            <article
+              [class]="msgClass(msg.role)"
+              [attr.data-st-component]="'ChatMessage'"
+              [attr.data-role]="msg.role ?? 'assistant'"
+              [attr.data-status]="msg.status ?? null"
+              [attr.data-align]="(msg.role ?? 'assistant') === 'user' ? 'end' : 'start'"
+            >
+              <div class="st-chatMessage__body">
+                <div class="st-chatMessage__bubble">
+                  <div class="st-chatMessage__content">{{ msg.content }}</div>
+                </div>
+              </div>
+            </article>
+          }
+        }
+      </div>
+      @if (messages !== undefined && messages.length === 0 && emptyLabel) {
+        <div class="st-chatThread__empty">{{ emptyLabel }}</div>
+      }
+    </section>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChatThread, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-chat-thread",
+                    standalone: true,
+                    template: `
+    <section
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="log"
+      aria-live="polite"
+      aria-relevant="additions text"
+      [attr.aria-label]="label || 'Chat'"
+    >
+      <div class="st-chatThread__list">
+        @if (messages && messages.length > 0) {
+          @for (msg of messages; track msg.id) {
+            <article
+              [class]="msgClass(msg.role)"
+              [attr.data-st-component]="'ChatMessage'"
+              [attr.data-role]="msg.role ?? 'assistant'"
+              [attr.data-status]="msg.status ?? null"
+              [attr.data-align]="(msg.role ?? 'assistant') === 'user' ? 'end' : 'start'"
+            >
+              <div class="st-chatMessage__body">
+                <div class="st-chatMessage__bubble">
+                  <div class="st-chatMessage__content">{{ msg.content }}</div>
+                </div>
+              </div>
+            </article>
+          }
+        }
+      </div>
+      @if (messages !== undefined && messages.length === 0 && emptyLabel) {
+        <div class="st-chatThread__empty">{{ emptyLabel }}</div>
+      }
+    </section>
+  `,
+                }]
+        }], propDecorators: { messages: [{
+                type: NgInput
+            }], emptyLabel: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], autoScroll: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=ChatThread.js.map

package/dist/ChatThread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatThread.js","sourceRoot":"","sources":["../src/ChatThread.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAsD7C,MAAM,OAAO,UAAU;IACrB,MAAM,CAAU,eAAe,GAAG,YAAY,CAAC;IACtC,aAAa,GAAG,YAAY,CAAC;IAE3B,QAAQ,CAKhB;IACQ,UAAU,CAAW;IACrB,KAAK,CAAU;IACf,UAAU,CAAW;IACd,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;IAED,QAAQ,CAAC,IAAsB;QAC7B,OAAO,UAAU,CAAC,gBAAgB,EAAE,mBAAmB,IAAI,IAAI,WAAW,EAAE,CAAC,CAAC;IAChF,CAAC;wGArBU,UAAU;4FAAV,UAAU,qNAlCX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT;;4FAEU,UAAU;kBArCtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT;iBACF;;sBAKE,OAAO;;sBAMP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/Checkbox.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type CheckboxProps = {
+    label: string;
+    helperText?: string;
+    /** Secondary muted description line under the label (e.g. a filter hint). */
+    description?: string;
+    /** Trailing slot pushed to the row end (e.g. a count Badge). */
+    trailing?: unknown;
+    invalid?: boolean;
+    modelValue?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    class?: string;
+};
+export declare class Checkbox {
+    static readonly stComponentName = "Checkbox";
+    readonly componentName = "Checkbox";
+    private readonly autoId;
+    label: string;
+    helperText?: string;
+    description?: string;
+    trailing?: unknown;
+    invalid?: boolean;
+    modelValue?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    classInput?: string;
+    readonly modelValueChange: EventEmitter<boolean>;
+    readonly updateModelValue: EventEmitter<boolean>;
+    readonly change: EventEmitter<Event>;
+    get descriptionId(): string;
+    get currentChecked(): boolean;
+    get hostClass(): string;
+    onCheck(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Checkbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Checkbox, "st-checkbox", never, { "label": { "alias": "label"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "description": { "alias": "description"; "required": false; }; "trailing": { "alias": "trailing"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "modelValueChange": "modelValueChange"; "updateModelValue": "update:modelValue"; "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,qBA6Ba,QAAQ;IACnB,MAAM,CAAC,QAAQ,CAAC,eAAe,cAAc;IAC7C,QAAQ,CAAC,aAAa,cAAc;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAY;IAExB,KAAK,EAAG,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,gBAAgB,wBAA+B;IACrC,QAAQ,CAAC,gBAAgB,wBAA+B;IAC3E,QAAQ,CAAC,MAAM,sBAA6B;IAEtD,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,cAAc,IAAI,OAAO,CAE5B;IAED,IAAI,SAAS,IAAI,MAAM,CAOtB;IAED,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAtChB,QAAQ;2CAAR,QAAQ;CA4CpB"}