@sentropic/design-system-vue 0.1.0

package/dist/Breadcrumb.d.ts

@@ -0,0 +1,43 @@
+export interface BreadcrumbItem {
+    label: unknown;
+    href?: string;
+    current?: boolean;
+}
+export type BreadcrumbProps = {
+    items: BreadcrumbItem[];
+    label?: string;
+    class?: string;
+};
+export declare const Breadcrumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: () => BreadcrumbItem[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: () => BreadcrumbItem[];
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../src/Breadcrumb.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;cAGK,MAAM,cAAc,EAAE;;;;;;;;;;;;;;;cAAtB,MAAM,cAAc,EAAE;;;;;;;;;;;;;;4EAyChD,CAAC"}

package/dist/Breadcrumb.js

@@ -0,0 +1,29 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Breadcrumb = defineComponent({
+    name: "Breadcrumb",
+    props: {
+        items: { type: Array, required: true },
+        label: { type: String, default: "Breadcrumb" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        return () => h("nav", {
+            ...attrs,
+            class: classNames("st-breadcrumb", props.class),
+            "aria-label": props.label,
+        }, [
+            h("ol", {}, props.items.map((item, index) => h("li", { key: index }, [
+                item.href && !item.current
+                    ? h("a", { href: item.href }, item.label)
+                    : h("span", {
+                        "aria-current": item.current ? "page" : undefined,
+                    }, item.label),
+                index < props.items.length - 1
+                    ? h("span", { class: "st-breadcrumb__separator" }, "/")
+                    : null,
+            ]))),
+        ]);
+    },
+});
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../src/Breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAA+B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAChE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE;QAC9C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,KAAK,EACL;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC;YAC/C,YAAY,EAAE,KAAK,CAAC,KAAK;SAC1B,EACD;YACE,CAAC,CACC,IAAI,EACJ,EAAE,EACF,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC9B,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;gBACtB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;oBACxB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,KAAe,CAAC;oBACnD,CAAC,CAAC,CAAC,CACC,MAAM,EACN;wBACE,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;qBAClD,EACD,IAAI,CAAC,KAAe,CACrB;gBACL,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;oBAC5B,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,0BAA0B,EAAE,EACrC,GAAG,CACJ;oBACH,CAAC,CAAC,IAAI;aACT,CAAC,CACH,CACF;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/Button.d.ts

@@ -0,0 +1,61 @@
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    type?: "button" | "submit" | "reset";
+    disabled?: boolean;
+    class?: string;
+};
+export declare const Button: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    variant: {
+        type: () => ButtonVariant;
+        default: string;
+    };
+    size: {
+        type: () => ButtonSize;
+        default: string;
+    };
+    type: {
+        type: () => "button" | "submit" | "reset";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: () => ButtonVariant;
+        default: string;
+    };
+    size: {
+        type: () => ButtonSize;
+        default: string;
+    };
+    type: {
+        type: () => "button" | "submit" | "reset";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    type: "button" | "reset" | "submit";
+    class: string;
+    disabled: boolean;
+    variant: ButtonVariant;
+    size: ButtonSize;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM;;cAIG,MAAM,aAAa;;;;cAInB,MAAM,UAAU;;;;cAIhB,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO;;;;;;;;;;;;;;;cARnC,MAAM,aAAa;;;;cAInB,MAAM,UAAU;;;;cAIhB,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO;;;;;;;;;;;;;;;;;4EA8BvD,CAAC"}

package/dist/Button.js

@@ -0,0 +1,36 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Button = defineComponent({
+    name: "Button",
+    props: {
+        variant: {
+            type: String,
+            default: "primary",
+        },
+        size: {
+            type: String,
+            default: "md",
+        },
+        type: {
+            type: String,
+            default: "button",
+        },
+        disabled: {
+            type: Boolean,
+            default: false,
+        },
+        class: {
+            type: String,
+            default: undefined,
+        },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h("button", {
+            ...attrs,
+            type: props.type,
+            disabled: props.disabled,
+            class: classNames("st-button", `st-button--${props.variant}`, `st-button--${props.size}`, props.class),
+        }, slots.default?.());
+    },
+});
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;QACL,OAAO,EAAE;YACP,IAAI,EAAE,MAA6B;YACnC,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAA0B;YAChC,OAAO,EAAE,IAAI;SACd;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAA6C;YACnD,OAAO,EAAE,QAAQ;SAClB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,KAAK;SACf;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;SACnB;KACF;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,QAAQ,EACR;YACE,GAAG,KAAK;YACR,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,UAAU,CACf,WAAW,EACX,cAAc,KAAK,CAAC,OAAO,EAAE,EAC7B,cAAc,KAAK,CAAC,IAAI,EAAE,EAC1B,KAAK,CAAC,KAAK,CACZ;SACF,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/Card.d.ts

@@ -0,0 +1,29 @@
+export type CardProps = {
+    interactive?: boolean;
+    class?: string;
+};
+export declare const Card: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    interactive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# 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":"AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;4EAqBf,CAAC"}

package/dist/Card.js

@@ -0,0 +1,16 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const Card = defineComponent({
+    name: "Card",
+    props: {
+        interactive: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => h("section", {
+            ...attrs,
+            class: classNames("st-card", props.interactive && "st-card--interactive", props.class),
+        }, slots.default?.());
+    },
+});
+//# 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,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;QACL,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC9C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,SAAS,EACT;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,SAAS,EACT,KAAK,CAAC,WAAW,IAAI,sBAAsB,EAC3C,KAAK,CAAC,KAAK,CACZ;SACF,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/ChatComposer.d.ts

@@ -0,0 +1,51 @@
+export type ChatComposerProps = {
+    value?: string;
+    placeholder?: string;
+    submitLabel?: unknown;
+    class?: string;
+};
+export declare const ChatComposer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitLabel: {
+        type: () => unknown;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitLabel: {
+        type: () => unknown;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    value: string;
+    placeholder: string;
+    submitLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# 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":"AAGA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;cAK+B,MAAM,OAAO;;;;;;;;;;;;;;;;;;;cAAb,MAAM,OAAO;;;;;;;;;;;;;;4EAmDnE,CAAC"}

package/dist/ChatComposer.js

@@ -0,0 +1,47 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+export const ChatComposer = defineComponent({
+    name: "ChatComposer",
+    props: {
+        value: { type: String, default: "" },
+        placeholder: { type: String, default: "Message" },
+        submitLabel: { type: [String, Object], default: "Send" },
+        class: { type: String, default: undefined },
+    },
+    emits: ["submit"],
+    setup(props, { emit, slots, attrs }) {
+        const draft = ref(props.value ?? "");
+        return () => {
+            const placeholder = props.placeholder ?? "Message";
+            const submitLabel = props.submitLabel ?? "Send";
+            return h("form", {
+                ...attrs,
+                class: classNames("st-chatComposer", props.class),
+                onSubmit: (event) => {
+                    event.preventDefault();
+                    emit("submit", { value: draft.value });
+                },
+            }, [
+                h("div", { class: "st-chatComposer__body" }, [
+                    h("div", { class: "st-chatComposer__inputShell" }, [
+                        h("textarea", {
+                            class: "st-chatComposer__textarea st-chatComposer__input",
+                            placeholder,
+                            value: draft.value,
+                            onInput: (event) => {
+                                draft.value = event.currentTarget.value;
+                            },
+                        }),
+                    ]),
+                ]),
+                h("div", { class: "st-chatComposer__toolbar" }, [
+                    h("div", { class: "st-chatComposer__actions st-chatComposer__actions--left" }, slots.default?.()),
+                    h("div", { class: "st-chatComposer__actions st-chatComposer__actions--right" }, [
+                        h("button", { type: "submit", class: "st-button st-button--primary st-button--sm" }, submitLabel),
+                    ]),
+                ]),
+            ]);
+        };
+    },
+});
+//# 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,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;QACpC,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,MAAM,EAAE;QACpF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,QAAQ,CAAC;IACjB,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAErC,OAAO,GAAG,EAAE;YACV,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,SAAS,CAAC;YACnD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC;YAChD,OAAO,CAAC,CACN,MAAM,EACN;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC;gBACjD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBACzC,CAAC;aACF,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE;oBAC3C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE;wBACjD,CAAC,CAAC,UAAU,EAAE;4BACZ,KAAK,EAAE,kDAAkD;4BACzD,WAAW;4BACX,KAAK,EAAE,KAAK,CAAC,KAAK;4BAClB,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;gCACxB,KAAK,CAAC,KAAK,GAAI,KAAK,CAAC,aAAqC,CAAC,KAAK,CAAC;4BACnE,CAAC;yBACF,CAAC;qBACH,CAAC;iBACH,CAAC;gBACF,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE;oBAC9C,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,yDAAyD,EAAE,EACpE,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB;oBACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0DAA0D,EAAE,EAAE;wBAC9E,CAAC,CACC,QAAQ,EACR,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,4CAA4C,EAAE,EACvE,WAAqB,CACtB;qBACF,CAAC;iBACH,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/ChatMessage.d.ts

@@ -0,0 +1,71 @@
+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;
+    actions?: unknown;
+    class?: string;
+};
+export declare const ChatMessage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    role: {
+        type: () => ChatMessageRole;
+        default: string;
+    };
+    status: {
+        type: () => ChatMessageStatus;
+        default: undefined;
+    };
+    content: {
+        type: () => unknown;
+        default: undefined;
+    };
+    timestamp: {
+        type: () => unknown;
+        default: undefined;
+    };
+    actions: {
+        type: () => unknown;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    role: {
+        type: () => ChatMessageRole;
+        default: string;
+    };
+    status: {
+        type: () => ChatMessageStatus;
+        default: undefined;
+    };
+    content: {
+        type: () => unknown;
+        default: undefined;
+    };
+    timestamp: {
+        type: () => unknown;
+        default: undefined;
+    };
+    actions: {
+        type: () => unknown;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    role: ChatMessageRole;
+    actions: undefined;
+    status: ChatMessageStatus;
+    content: undefined;
+    timestamp: undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# 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":"AAGA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvE,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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;cAGI,MAAM,eAAe;;;;cACnB,MAAM,iBAAiB;;;;cACD,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACf,MAAM,OAAO;;;;;;;;;;;cAJrC,MAAM,eAAe;;;;cACnB,MAAM,iBAAiB;;;;cACD,MAAM,OAAO;;;;cACX,MAAM,OAAO;;;;cACf,MAAM,OAAO;;;;;;;;;;;;;;4EAkD/D,CAAC"}

package/dist/ChatMessage.js

@@ -0,0 +1,47 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+export const ChatMessage = defineComponent({
+    name: "ChatMessage",
+    props: {
+        role: { type: String, default: "assistant" },
+        status: { type: String, default: undefined },
+        content: { type: [String, Object], default: undefined },
+        timestamp: { type: [String, Object], default: undefined },
+        actions: { type: [String, Object], default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => {
+            const role = props.role ?? "assistant";
+            const status = props.status;
+            const normalizedStatus = status === "streaming"
+                ? "processing"
+                : status === "error"
+                    ? "failed"
+                    : status;
+            const avatar = role[0]?.toUpperCase() ?? "";
+            return h("article", {
+                ...attrs,
+                class: classNames("st-chatMessage", `st-chatMessage--${role}`, normalizedStatus && `st-chatMessage--${normalizedStatus}`, props.class),
+            }, [
+                h("div", { class: "st-chatMessage__avatar", "aria-hidden": "true" }, avatar),
+                h("div", { class: "st-chatMessage__body" }, [
+                    h("div", { class: "st-chatMessage__bubble" }, [
+                        h("div", { class: "st-chatMessage__content" }, slots.default?.() ?? props.content),
+                    ]),
+                    props.timestamp || props.actions
+                        ? h("footer", { class: "st-chatMessage__footer" }, [
+                            props.timestamp
+                                ? h("span", { class: "st-chatMessage__timestamp" }, props.timestamp)
+                                : null,
+                            props.actions
+                                ? h("span", { class: "st-chatMessage__actions" }, props.actions)
+                                : null,
+                        ])
+                        : null,
+                ]),
+            ]);
+        };
+    },
+});
+//# 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,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAsB7C,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,WAAW,EAAE;QACrE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,OAAO,EAAE,SAAS,EAAE;QACvE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACnF,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACrF,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACnF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,WAAW,CAAC;YACvC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,MAAM,gBAAgB,GACpB,MAAM,KAAK,WAAW;gBACpB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,MAAM,KAAK,OAAO;oBAClB,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,MAAM,CAAC;YACf,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;YAC5C,OAAO,CAAC,CACN,SAAS,EACT;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB,gBAAgB,IAAI,mBAAmB,gBAAgB,EAAE,EACzD,KAAK,CAAC,KAAK,CACZ;aACF,EACD;gBACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,MAAM,CAAC;gBAC5E,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE;oBAC1C,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE;wBAC5C,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,yBAAyB,EAAE,EACpC,KAAK,CAAC,OAAO,EAAE,EAAE,IAAK,KAAK,CAAC,OAA8B,CAC3D;qBACF,CAAC;oBACF,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,OAAO;wBAC9B,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE;4BAC/C,KAAK,CAAC,SAAS;gCACb,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,KAAK,CAAC,SAAmB,CAAC;gCAC9E,CAAC,CAAC,IAAI;4BACR,KAAK,CAAC,OAAO;gCACX,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,KAAK,CAAC,OAAiB,CAAC;gCAC1E,CAAC,CAAC,IAAI;yBACT,CAAC;wBACJ,CAAC,CAAC,IAAI;iBACT,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/ChatThread.d.ts

@@ -0,0 +1,60 @@
+import type { ChatMessageRole, ChatMessageStatus } from "./ChatMessage.js";
+export type ChatThreadProps = {
+    messages?: Array<{
+        id: string;
+        role?: ChatMessageRole;
+        content: unknown;
+        status?: ChatMessageStatus;
+    }>;
+    emptyLabel?: unknown;
+    class?: string;
+};
+export declare const ChatThread: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    messages: {
+        type: () => Array<{
+            id: string;
+            role?: ChatMessageRole;
+            content: unknown;
+            status?: ChatMessageStatus;
+        }>;
+        default: undefined;
+    };
+    emptyLabel: {
+        type: () => unknown;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    messages: {
+        type: () => Array<{
+            id: string;
+            role?: ChatMessageRole;
+            content: unknown;
+            status?: ChatMessageStatus;
+        }>;
+        default: undefined;
+    };
+    emptyLabel: {
+        type: () => unknown;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    messages: {
+        id: string;
+        role?: ChatMessageRole;
+        content: unknown;
+        status?: ChatMessageStatus;
+    }[];
+    emptyLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# 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":"AAGA,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;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;cAIF,MAAM,KAAK,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,CAAC,EAAE,eAAe,CAAC;YACvB,OAAO,EAAE,OAAO,CAAC;YACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;SAC5B,CAAC;;;;cAG+C,MAAM,OAAO;;;;;;;;;;;cAR/C,MAAM,KAAK,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,CAAC,EAAE,eAAe,CAAC;YACvB,OAAO,EAAE,OAAO,CAAC;YACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC;SAC5B,CAAC;;;;cAG+C,MAAM,OAAO;;;;;;;;;;YAPxD,MAAM;eACH,eAAe;iBACb,OAAO;iBACP,iBAAiB;;;4EAqChC,CAAC"}

package/dist/ChatThread.js

@@ -0,0 +1,41 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+import { ChatMessage } from "./ChatMessage.js";
+export const ChatThread = defineComponent({
+    name: "ChatThread",
+    props: {
+        messages: {
+            type: Array,
+            default: undefined,
+        },
+        emptyLabel: { type: [String, Object], default: "No messages" },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots, attrs }) {
+        return () => {
+            const emptyLabel = props.emptyLabel ?? "No messages";
+            const ariaLabel = attrs["aria-label"] ?? "Chat thread";
+            let listContent;
+            if (props.messages?.length) {
+                listContent = props.messages.map((message) => h(ChatMessage, {
+                    key: message.id,
+                    ...(message.role ? { role: message.role } : {}),
+                    ...(message.status ? { status: message.status } : {}),
+                    content: message.content,
+                }));
+            }
+            else if (slots.default) {
+                listContent = slots.default();
+            }
+            else {
+                listContent = [h("p", { class: "st-chatThread__empty" }, emptyLabel)];
+            }
+            return h("section", {
+                ...attrs,
+                class: classNames("st-chatThread", props.class),
+                "aria-label": ariaLabel,
+            }, [h("div", { class: "st-chatThread__list" }, listContent)]);
+        };
+    },
+});
+//# 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,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAc/C,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,IAAI,EAAE,KAKJ;YACF,OAAO,EAAE,SAAS;SACnB;QACD,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,aAAa,EAAE;QAC1F,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,aAAa,CAAC;YACrD,MAAM,SAAS,GAAI,KAAK,CAAC,YAAY,CAAwB,IAAI,aAAa,CAAC;YAC/E,IAAI,WAAW,CAAC;YAChB,IAAI,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;gBAC3B,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAC3C,CAAC,CAAC,WAAW,EAAE;oBACb,GAAG,EAAE,OAAO,CAAC,EAAE;oBACf,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC/C,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBACrD,OAAO,EAAE,OAAO,CAAC,OAAiB;iBACR,CAAC,CAC9B,CAAC;YACJ,CAAC;iBAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBACzB,WAAW,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACN,WAAW,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,UAAoB,CAAC,CAAC,CAAC;YAClF,CAAC;YACD,OAAO,CAAC,CACN,SAAS,EACT;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC;gBAC/C,YAAY,EAAE,SAAS;aACxB,EACD,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,WAAW,CAAC,CAAC,CAC1D,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}