@skdx/vue-blocks 0.34.0 → 0.35.0

package/dist/chat-composer/ChatComposer.vue.cjs

@@ -0,0 +1 @@
+const e=require("./ChatComposer.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/chat-composer/ChatComposer.vue.d.cts

@@ -0,0 +1,104 @@
+import type { ChatComposerSendDetail, ChatComposerSubmitKey } from './types.cjs';
+/**
+ * Message composer block: an auto-growing Textarea and a submit Button inside a field, with consumer-supplied attachment, leading, trailing and footer regions and configurable Enter-to-send behaviour.
+ *
+ * @example
+ * ```vue
+ * <SkdxChatComposer
+ *   placeholder="Send a message…"
+ *   :pending="isSending"
+ *   @send="(detail) => send(detail.value)"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Current message text, for controlled usage. Pair with `v-model:value` or `@value-change`.
+     * @default undefined — uncontrolled, seeded from `defaultValue`.
+     */
+    value?: string | undefined;
+    /**
+     * Initial message text for uncontrolled usage, read only on mount.
+     * @default ''
+     */
+    defaultValue?: string;
+    /**
+     * Hint text shown in the empty textarea, rendered as the native placeholder.
+     * @default undefined — no placeholder text renders.
+     */
+    placeholder?: string | undefined;
+    /**
+     * Accessible name of the message textarea, read by assistive technology.
+     * @default 'Message'
+     */
+    label?: string;
+    /**
+     * Text of the send button, and its accessible name when the send-icon slot is filled.
+     * @default 'Send'
+     */
+    sendLabel?: string;
+    /**
+     * Which key sends from the textarea; every other Enter press inserts a newline.
+     * @default 'enter'
+     */
+    submitKey?: ChatComposerSubmitKey;
+    /**
+     * Caps how far the auto-growing textarea grows, in rows, before it scrolls.
+     * @default 8
+     */
+    maxRows?: number;
+    /**
+     * Native `maxlength` of the textarea — the longest message it accepts.
+     * @default undefined — no upper bound on the message length.
+     */
+    maxLength?: number | undefined;
+    /**
+     * Disables the textarea and the send button, blocking every send path.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Marks a send in flight: the button is busy and inert, the textarea stays editable.
+     * @default false
+     */
+    pending?: boolean;
+};
+type __VLS_Slots = {
+    /** Controls rendered inside the field before the textarea, such as an attach button. */
+    leading?(): unknown;
+    /** Controls rendered inside the field after the textarea, such as a model picker. */
+    trailing?(): unknown;
+    /** Attached files or chips rendered in a row above the field. */
+    attachments?(): unknown;
+    /** Usage counters or hints rendered in a row below the field. */
+    footer?(): unknown;
+    /** Glyph rendered inside the send button in place of its text, making it icon-only. */
+    'send-icon'?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+    send: (detail: ChatComposerSendDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+    onSend?: (detail: ChatComposerSendDetail) => any;
+}>, {
+    label: string;
+    placeholder: string | undefined;
+    disabled: boolean;
+    value: string | undefined;
+    defaultValue: string;
+    pending: boolean;
+    sendLabel: string;
+    submitKey: ChatComposerSubmitKey;
+    maxRows: number;
+    maxLength: number | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/chat-composer/ChatComposer.vue.d.ts

@@ -0,0 +1,104 @@
+import type { ChatComposerSendDetail, ChatComposerSubmitKey } from './types.js';
+/**
+ * Message composer block: an auto-growing Textarea and a submit Button inside a field, with consumer-supplied attachment, leading, trailing and footer regions and configurable Enter-to-send behaviour.
+ *
+ * @example
+ * ```vue
+ * <SkdxChatComposer
+ *   placeholder="Send a message…"
+ *   :pending="isSending"
+ *   @send="(detail) => send(detail.value)"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Current message text, for controlled usage. Pair with `v-model:value` or `@value-change`.
+     * @default undefined — uncontrolled, seeded from `defaultValue`.
+     */
+    value?: string | undefined;
+    /**
+     * Initial message text for uncontrolled usage, read only on mount.
+     * @default ''
+     */
+    defaultValue?: string;
+    /**
+     * Hint text shown in the empty textarea, rendered as the native placeholder.
+     * @default undefined — no placeholder text renders.
+     */
+    placeholder?: string | undefined;
+    /**
+     * Accessible name of the message textarea, read by assistive technology.
+     * @default 'Message'
+     */
+    label?: string;
+    /**
+     * Text of the send button, and its accessible name when the send-icon slot is filled.
+     * @default 'Send'
+     */
+    sendLabel?: string;
+    /**
+     * Which key sends from the textarea; every other Enter press inserts a newline.
+     * @default 'enter'
+     */
+    submitKey?: ChatComposerSubmitKey;
+    /**
+     * Caps how far the auto-growing textarea grows, in rows, before it scrolls.
+     * @default 8
+     */
+    maxRows?: number;
+    /**
+     * Native `maxlength` of the textarea — the longest message it accepts.
+     * @default undefined — no upper bound on the message length.
+     */
+    maxLength?: number | undefined;
+    /**
+     * Disables the textarea and the send button, blocking every send path.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Marks a send in flight: the button is busy and inert, the textarea stays editable.
+     * @default false
+     */
+    pending?: boolean;
+};
+type __VLS_Slots = {
+    /** Controls rendered inside the field before the textarea, such as an attach button. */
+    leading?(): unknown;
+    /** Controls rendered inside the field after the textarea, such as a model picker. */
+    trailing?(): unknown;
+    /** Attached files or chips rendered in a row above the field. */
+    attachments?(): unknown;
+    /** Usage counters or hints rendered in a row below the field. */
+    footer?(): unknown;
+    /** Glyph rendered inside the send button in place of its text, making it icon-only. */
+    'send-icon'?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+    send: (detail: ChatComposerSendDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+    onSend?: (detail: ChatComposerSendDetail) => any;
+}>, {
+    label: string;
+    placeholder: string | undefined;
+    disabled: boolean;
+    value: string | undefined;
+    defaultValue: string;
+    pending: boolean;
+    sendLabel: string;
+    submitKey: ChatComposerSubmitKey;
+    maxRows: number;
+    maxLength: number | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/chat-composer/ChatComposer.vue.js

@@ -0,0 +1 @@
+import e from"./ChatComposer.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/chat-composer/ChatComposer.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("../internal/part.cjs");let e=require("vue"),m=require("@skdx/vue");var h=["data-state"],k=(0,e.defineComponent)({__name:"ChatComposer",props:{value:{default:void 0},defaultValue:{default:""},placeholder:{default:void 0},label:{default:"Message"},sendLabel:{default:"Send"},submitKey:{default:"enter"},maxRows:{default:8},maxLength:{default:void 0},disabled:{type:Boolean,default:!1},pending:{type:Boolean,default:!1}},emits:["update:value","value-change","send"],setup(t,{emit:f}){const l=t,n=f,p=(0,e.useSlots)(),d=(0,e.ref)(l.defaultValue),r=(0,e.computed)(()=>l.value??d.value),s=(0,e.computed)(()=>r.value.trim().length>0),u=(0,e.computed)(()=>!!p["send-icon"]);function i(a){l.value===void 0&&(d.value=a),n("update:value",a),n("value-change",a)}function c(){l.disabled||l.pending||!s.value||(n("send",{value:r.value}),l.value===void 0&&i(""))}function v(a){a.preventDefault(),c()}function g(a){l.submitKey==="none"||a.key!=="Enter"||a.isComposing||(l.submitKey==="enter"?!a.shiftKey:a.metaKey||a.ctrlKey)&&(a.preventDefault(),c())}return(a,b)=>((0,e.openBlock)(),(0,e.createElementBlock)("form",(0,e.mergeProps)((0,e.unref)(o.skdxPart)("chat-composer","root"),{"data-state":t.pending?"pending":void 0,onSubmit:v}),[a.$slots.attachments?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(o.skdxPart)("chat-composer","attachments"))),[(0,e.renderSlot)(a.$slots,"attachments")],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(o.skdxPart)("chat-composer","field"))),[a.$slots.leading?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(o.skdxPart)("chat-composer","leading"))),[(0,e.renderSlot)(a.$slots,"leading")],16)):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(m.SkdxTextarea),(0,e.mergeProps)((0,e.unref)(o.skdxPart)("chat-composer","textarea"),{"aria-label":t.label,placeholder:t.placeholder,value:r.value,"auto-resize":"","min-rows":1,"max-rows":t.maxRows,"max-length":t.maxLength,disabled:t.disabled??!1,onValueChange:i,onKeydown:g}),null,16,["aria-label","placeholder","value","max-rows","max-length","disabled"]),a.$slots.trailing?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(o.skdxPart)("chat-composer","trailing"))),[(0,e.renderSlot)(a.$slots,"trailing")],16)):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(m.SkdxButton),(0,e.mergeProps)((0,e.unref)(o.skdxPart)("chat-composer","send"),{type:"submit",variant:"primary","icon-only":u.value,"aria-label":u.value?t.sendLabel:void 0,loading:t.pending??!1,disabled:t.disabled||t.pending||!s.value}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"send-icon",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.sendLabel),1)])]),_:3},16,["icon-only","aria-label","loading","disabled"])],16),a.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(o.skdxPart)("chat-composer","footer"))),[(0,e.renderSlot)(a.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16,h))}});exports.default=k;

package/dist/chat-composer/ChatComposer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{computed as a,createCommentVNode as t,createElementBlock as l,createElementVNode as o,createTextVNode as s,createVNode as n,defineComponent as d,guardReactiveProps as i,mergeProps as r,normalizeProps as u,openBlock as m,ref as c,renderSlot as p,toDisplayString as v,unref as f,useSlots as g,withCtx as h}from"vue";import{SkdxButton as b,SkdxTextarea as y}from"@skdx/vue";var x=["data-state"],k=/* @__PURE__ */d({__name:"ChatComposer",props:{value:{default:void 0},defaultValue:{default:""},placeholder:{default:void 0},label:{default:"Message"},sendLabel:{default:"Send"},submitKey:{default:"enter"},maxRows:{default:8},maxLength:{default:void 0},disabled:{type:Boolean,default:!1},pending:{type:Boolean,default:!1}},emits:["update:value","value-change","send"],setup(d,{emit:k}){const $=d,w=k,C=g(),K=c($.defaultValue),S=a(()=>$.value??K.value),V=a(()=>S.value.trim().length>0),B=a(()=>!!C["send-icon"]);function L(e){void 0===$.value&&(K.value=e),w("update:value",e),w("value-change",e)}function N(){$.disabled||$.pending||!V.value||(w("send",{value:S.value}),void 0===$.value&&L(""))}function P(e){e.preventDefault(),N()}function D(e){"none"===$.submitKey||"Enter"!==e.key||e.isComposing||("enter"===$.submitKey?!e.shiftKey:e.metaKey||e.ctrlKey)&&(e.preventDefault(),N())}return(a,c)=>(m(),l("form",r(f(e)("chat-composer","root"),{"data-state":d.pending?"pending":void 0,onSubmit:P}),[a.$slots.attachments?(m(),l("div",u(r({key:0},f(e)("chat-composer","attachments"))),[p(a.$slots,"attachments")],16)):t("",!0),o("div",u(i(f(e)("chat-composer","field"))),[a.$slots.leading?(m(),l("div",u(r({key:0},f(e)("chat-composer","leading"))),[p(a.$slots,"leading")],16)):t("",!0),n(f(y),r(f(e)("chat-composer","textarea"),{"aria-label":d.label,placeholder:d.placeholder,value:S.value,"auto-resize":"","min-rows":1,"max-rows":d.maxRows,"max-length":d.maxLength,disabled:d.disabled??!1,onValueChange:L,onKeydown:D}),null,16,["aria-label","placeholder","value","max-rows","max-length","disabled"]),a.$slots.trailing?(m(),l("div",u(r({key:1},f(e)("chat-composer","trailing"))),[p(a.$slots,"trailing")],16)):t("",!0),n(f(b),r(f(e)("chat-composer","send"),{type:"submit",variant:"primary","icon-only":B.value,"aria-label":B.value?d.sendLabel:void 0,loading:d.pending??!1,disabled:d.disabled||d.pending||!V.value}),{default:h(()=>[p(a.$slots,"send-icon",{},()=>[s(v(d.sendLabel),1)])]),_:3},16,["icon-only","aria-label","loading","disabled"])],16),a.$slots.footer?(m(),l("div",u(r({key:1},f(e)("chat-composer","footer"))),[p(a.$slots,"footer")],16)):t("",!0)],16,x))}});export{k as default};

package/dist/chat-composer/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChatComposer.vue.cjs");exports.SkdxChatComposer=e.default;

package/dist/chat-composer/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxChatComposer } from './ChatComposer.vue.cjs';
+export type { ChatComposerSendDetail, ChatComposerSubmitKey } from './types.cjs';

package/dist/chat-composer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxChatComposer } from './ChatComposer.vue.js';
+export type { ChatComposerSendDetail, ChatComposerSubmitKey } from './types.js';

package/dist/chat-composer/index.js

@@ -0,0 +1 @@
+import o from"./ChatComposer.vue.js";export{o as SkdxChatComposer};

package/dist/chat-composer/types.d.cts

@@ -0,0 +1,7 @@
+/** Which key combination sends the message from inside the textarea. */
+export type ChatComposerSubmitKey = 'enter' | 'mod-enter' | 'none';
+/** What the `send` event carries when a message is sent. */
+export interface ChatComposerSendDetail {
+    /** The composed message text as it stood when the send was triggered. */
+    value: string;
+}

package/dist/chat-composer/types.d.ts

@@ -0,0 +1,7 @@
+/** Which key combination sends the message from inside the textarea. */
+export type ChatComposerSubmitKey = 'enter' | 'mod-enter' | 'none';
+/** What the `send` event carries when a message is sent. */
+export interface ChatComposerSendDetail {
+    /** The composed message text as it stood when the send was triggered. */
+    value: string;
+}

package/dist/chat-message/ChatMessage.vue.cjs

@@ -0,0 +1 @@
+const e=require("./ChatMessage.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/chat-message/ChatMessage.vue.d.cts

@@ -0,0 +1,73 @@
+import { type DateInput } from '@skdx/vue';
+/**
+ * One message in a conversation: author, avatar, timestamp, delivery status, arbitrary content, attachments, actions and a footer, composing Time.
+ *
+ * @example
+ * ```vue
+ * <SkdxChatMessage
+ *   sender="assistant"
+ *   author="Assistant"
+ *   :timestamp="message.sentAt"
+ *   :status="message.status"
+ * >
+ *   {{ message.text }}
+ * </SkdxChatMessage>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Who sent the message, written to data-sender; the skin aligns user messages to the end and styles system messages as a centred note.
+     */
+    sender: 'user' | 'assistant' | 'system' | (string & {});
+    /**
+     * Name of the person, model or system that sent the message, rendered as visible text.
+     * @default undefined — no author region renders.
+     */
+    author?: string | undefined;
+    /**
+     * Instant the message was sent, rendered through a composed Time.
+     * @default undefined — no time region renders.
+     */
+    timestamp?: DateInput | undefined;
+    /**
+     * Reference instant the timestamp's relative label renders against.
+     * @default undefined — read once at render
+     */
+    now?: Date | number | undefined;
+    /**
+     * Delivery state, written to data-status; 'pending' also sets aria-busy on the root.
+     * @default undefined — no delivery state is written.
+     */
+    status?: 'pending' | 'sent' | 'error' | (string & {}) | undefined;
+    /**
+     * Visible text for the delivery state, in the app's own wording.
+     * @default undefined — no status region renders.
+     */
+    statusLabel?: string | undefined;
+};
+type __VLS_Slots = {
+    /** The message content: markdown output, code, citations or tool results. */
+    default?(): unknown;
+    /** Decorative avatar rendered beside the message, always aria-hidden. */
+    avatar?(): unknown;
+    /** Files, links or previews attached to the message, rendered below the content. */
+    attachments?(): unknown;
+    /** Controls such as copy, regenerate or react, rendered below the footer. */
+    actions?(): unknown;
+    /** Citations, token counts or other metadata, rendered below the content. */
+    footer?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    status: "pending" | "sent" | "error" | (string & {}) | undefined;
+    author: string | undefined;
+    timestamp: DateInput | undefined;
+    now: Date | number | undefined;
+    statusLabel: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/chat-message/ChatMessage.vue.d.ts

@@ -0,0 +1,73 @@
+import { type DateInput } from '@skdx/vue';
+/**
+ * One message in a conversation: author, avatar, timestamp, delivery status, arbitrary content, attachments, actions and a footer, composing Time.
+ *
+ * @example
+ * ```vue
+ * <SkdxChatMessage
+ *   sender="assistant"
+ *   author="Assistant"
+ *   :timestamp="message.sentAt"
+ *   :status="message.status"
+ * >
+ *   {{ message.text }}
+ * </SkdxChatMessage>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Who sent the message, written to data-sender; the skin aligns user messages to the end and styles system messages as a centred note.
+     */
+    sender: 'user' | 'assistant' | 'system' | (string & {});
+    /**
+     * Name of the person, model or system that sent the message, rendered as visible text.
+     * @default undefined — no author region renders.
+     */
+    author?: string | undefined;
+    /**
+     * Instant the message was sent, rendered through a composed Time.
+     * @default undefined — no time region renders.
+     */
+    timestamp?: DateInput | undefined;
+    /**
+     * Reference instant the timestamp's relative label renders against.
+     * @default undefined — read once at render
+     */
+    now?: Date | number | undefined;
+    /**
+     * Delivery state, written to data-status; 'pending' also sets aria-busy on the root.
+     * @default undefined — no delivery state is written.
+     */
+    status?: 'pending' | 'sent' | 'error' | (string & {}) | undefined;
+    /**
+     * Visible text for the delivery state, in the app's own wording.
+     * @default undefined — no status region renders.
+     */
+    statusLabel?: string | undefined;
+};
+type __VLS_Slots = {
+    /** The message content: markdown output, code, citations or tool results. */
+    default?(): unknown;
+    /** Decorative avatar rendered beside the message, always aria-hidden. */
+    avatar?(): unknown;
+    /** Files, links or previews attached to the message, rendered below the content. */
+    attachments?(): unknown;
+    /** Controls such as copy, regenerate or react, rendered below the footer. */
+    actions?(): unknown;
+    /** Citations, token counts or other metadata, rendered below the content. */
+    footer?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    status: "pending" | "sent" | "error" | (string & {}) | undefined;
+    author: string | undefined;
+    timestamp: DateInput | undefined;
+    now: Date | number | undefined;
+    statusLabel: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/chat-message/ChatMessage.vue.js

@@ -0,0 +1 @@
+import e from"./ChatMessage.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/chat-message/ChatMessage.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("../internal/part.cjs");let e=require("vue"),n=require("@skdx/vue");var d=["data-sender","data-status","aria-busy"],l=(0,e.defineComponent)({__name:"ChatMessage",props:{sender:{},author:{default:void 0},timestamp:{default:void 0},now:{default:void 0},status:{default:void 0},statusLabel:{default:void 0}},setup(t){const o=t,s=(0,e.computed)(()=>o.author!==void 0||o.timestamp!==void 0||o.statusLabel!==void 0);return(r,m)=>((0,e.openBlock)(),(0,e.createElementBlock)("article",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("chat-message","root"),{"data-sender":t.sender,"data-status":t.status,"aria-busy":t.status==="pending"?"true":void 0}),[r.$slots.avatar?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(a.skdxPart)("chat-message","avatar")),[(0,e.renderSlot)(r.$slots,"avatar")],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("chat-message","main"))),[s.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("chat-message","header"))),[t.author!==void 0?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("chat-message","author"))),(0,e.toDisplayString)(t.author),17)):(0,e.createCommentVNode)("",!0),t.timestamp!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(n.SkdxTime),(0,e.mergeProps)({key:1},{...(0,e.unref)(a.skdxPart)("chat-message","time"),...t.now===void 0?{}:{now:t.now}},{value:t.timestamp,relative:""}),null,16,["value"])):(0,e.createCommentVNode)("",!0),t.statusLabel!==void 0?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("chat-message","status"))),(0,e.toDisplayString)(t.statusLabel),17)):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("chat-message","content"))),[(0,e.renderSlot)(r.$slots,"default")],16),r.$slots.attachments?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("chat-message","attachments"))),[(0,e.renderSlot)(r.$slots,"attachments")],16)):(0,e.createCommentVNode)("",!0),r.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("chat-message","footer"))),[(0,e.renderSlot)(r.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0),r.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(a.skdxPart)("chat-message","actions"))),[(0,e.renderSlot)(r.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0)],16)],16,d))}});exports.default=l;

package/dist/chat-message/ChatMessage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as a}from"../internal/part.js";import{computed as t,createBlock as e,createCommentVNode as s,createElementBlock as o,createElementVNode as r,defineComponent as d,guardReactiveProps as i,mergeProps as m,normalizeProps as n,openBlock as u,renderSlot as l,toDisplayString as v,unref as c}from"vue";import{SkdxTime as h}from"@skdx/vue";var p=["data-sender","data-status","aria-busy"],g=/* @__PURE__ */d({__name:"ChatMessage",props:{sender:{},author:{default:void 0},timestamp:{default:void 0},now:{default:void 0},status:{default:void 0},statusLabel:{default:void 0}},setup(d){const g=d,f=t(()=>void 0!==g.author||void 0!==g.timestamp||void 0!==g.statusLabel);return(t,g)=>(u(),o("article",m(c(a)("chat-message","root"),{"data-sender":d.sender,"data-status":d.status,"aria-busy":"pending"===d.status?"true":void 0}),[t.$slots.avatar?(u(),o("div",m({key:0,"aria-hidden":"true"},c(a)("chat-message","avatar")),[l(t.$slots,"avatar")],16)):s("",!0),r("div",n(i(c(a)("chat-message","main"))),[f.value?(u(),o("div",n(m({key:0},c(a)("chat-message","header"))),[void 0!==d.author?(u(),o("span",n(m({key:0},c(a)("chat-message","author"))),v(d.author),17)):s("",!0),void 0!==d.timestamp?(u(),e(c(h),m({key:1},{...c(a)("chat-message","time"),...void 0===d.now?{}:{now:d.now}},{value:d.timestamp,relative:""}),null,16,["value"])):s("",!0),void 0!==d.statusLabel?(u(),o("span",n(m({key:2},c(a)("chat-message","status"))),v(d.statusLabel),17)):s("",!0)],16)):s("",!0),r("div",n(i(c(a)("chat-message","content"))),[l(t.$slots,"default")],16),t.$slots.attachments?(u(),o("div",n(m({key:1},c(a)("chat-message","attachments"))),[l(t.$slots,"attachments")],16)):s("",!0),t.$slots.footer?(u(),o("div",n(m({key:2},c(a)("chat-message","footer"))),[l(t.$slots,"footer")],16)):s("",!0),t.$slots.actions?(u(),o("div",n(m({key:3},c(a)("chat-message","actions"))),[l(t.$slots,"actions")],16)):s("",!0)],16)],16,p))}});export{g as default};

package/dist/chat-message/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChatMessage.vue.cjs");exports.SkdxChatMessage=e.default;

package/dist/chat-message/index.d.cts

@@ -0,0 +1 @@
+export { default as SkdxChatMessage } from './ChatMessage.vue.cjs';

package/dist/chat-message/index.d.ts

@@ -0,0 +1 @@
+export { default as SkdxChatMessage } from './ChatMessage.vue.js';

package/dist/chat-message/index.js

@@ -0,0 +1 @@
+import e from"./ChatMessage.vue.js";export{e as SkdxChatMessage};

package/dist/comment/Comment.vue.cjs

@@ -0,0 +1 @@
+const e=require("./Comment.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/comment/Comment.vue.d.cts

@@ -0,0 +1,65 @@
+import { type DateInput } from '@skdx/vue';
+/**
+ * One collaboration comment: author, avatar, timestamp, edited indicator, arbitrary content, attachments and actions such as reply, edit and react.
+ *
+ * @example
+ * ```vue
+ * <SkdxComment
+ *   author="Priya Shah"
+ *   :timestamp="comment.postedAt"
+ * >
+ *   <template #avatar><SkdxAvatar name="Priya Shah" /></template>
+ *   Looks good to me.
+ *   <template #actions><SkdxButton size="sm">Reply</SkdxButton></template>
+ * </SkdxComment>
+ * ```
+ */
+type __VLS_Props = {
+    /** Name of the person or system that wrote the comment, rendered as visible text. */
+    author: string;
+    /**
+     * Instant the comment was posted, rendered through a composed Time.
+     * @default undefined — no time region renders.
+     */
+    timestamp?: DateInput | undefined;
+    /**
+     * Reference instant `timestamp` renders relative to, forwarded to Time.
+     * @default undefined — read once at render
+     */
+    now?: Date | number | undefined;
+    /**
+     * Marks the comment as edited since it was first posted.
+     * @default false
+     */
+    edited?: boolean;
+    /**
+     * Text of the edited indicator, shown only when `edited` is set.
+     * @default 'Edited'
+     */
+    editedLabel?: string;
+};
+type __VLS_Slots = {
+    /** The comment content, the consumer-supplied body text or markup. */
+    default?(): unknown;
+    /** Decorative avatar rendered beside the author, always aria-hidden. */
+    avatar?(): unknown;
+    /** Badges or supplementary text rendered beside the author, such as an "Author" badge. */
+    metadata?(): unknown;
+    /** Files or links attached to the comment, rendered below the content. */
+    attachments?(): unknown;
+    /** Controls such as reply, edit and react, rendered below the attachments. */
+    actions?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    timestamp: DateInput | undefined;
+    now: Date | number | undefined;
+    edited: boolean;
+    editedLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/comment/Comment.vue.d.ts

@@ -0,0 +1,65 @@
+import { type DateInput } from '@skdx/vue';
+/**
+ * One collaboration comment: author, avatar, timestamp, edited indicator, arbitrary content, attachments and actions such as reply, edit and react.
+ *
+ * @example
+ * ```vue
+ * <SkdxComment
+ *   author="Priya Shah"
+ *   :timestamp="comment.postedAt"
+ * >
+ *   <template #avatar><SkdxAvatar name="Priya Shah" /></template>
+ *   Looks good to me.
+ *   <template #actions><SkdxButton size="sm">Reply</SkdxButton></template>
+ * </SkdxComment>
+ * ```
+ */
+type __VLS_Props = {
+    /** Name of the person or system that wrote the comment, rendered as visible text. */
+    author: string;
+    /**
+     * Instant the comment was posted, rendered through a composed Time.
+     * @default undefined — no time region renders.
+     */
+    timestamp?: DateInput | undefined;
+    /**
+     * Reference instant `timestamp` renders relative to, forwarded to Time.
+     * @default undefined — read once at render
+     */
+    now?: Date | number | undefined;
+    /**
+     * Marks the comment as edited since it was first posted.
+     * @default false
+     */
+    edited?: boolean;
+    /**
+     * Text of the edited indicator, shown only when `edited` is set.
+     * @default 'Edited'
+     */
+    editedLabel?: string;
+};
+type __VLS_Slots = {
+    /** The comment content, the consumer-supplied body text or markup. */
+    default?(): unknown;
+    /** Decorative avatar rendered beside the author, always aria-hidden. */
+    avatar?(): unknown;
+    /** Badges or supplementary text rendered beside the author, such as an "Author" badge. */
+    metadata?(): unknown;
+    /** Files or links attached to the comment, rendered below the content. */
+    attachments?(): unknown;
+    /** Controls such as reply, edit and react, rendered below the attachments. */
+    actions?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    timestamp: DateInput | undefined;
+    now: Date | number | undefined;
+    edited: boolean;
+    editedLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/comment/Comment.vue.js

@@ -0,0 +1 @@
+import e from"./Comment.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/comment/Comment.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const t=require("../internal/part.cjs");let e=require("vue"),a=require("@skdx/vue");var n=(0,e.defineComponent)({__name:"Comment",props:{author:{},timestamp:{default:void 0},now:{default:void 0},edited:{type:Boolean,default:!1},editedLabel:{default:"Edited"}},setup(o){return(r,m)=>((0,e.openBlock)(),(0,e.createElementBlock)("article",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("comment","root"))),[r.$slots.avatar?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(t.skdxPart)("comment","avatar")),[(0,e.renderSlot)(r.$slots,"avatar")],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("comment","main"))),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("comment","header"))),[(0,e.createElementVNode)("span",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("comment","author"))),(0,e.toDisplayString)(o.author),17),r.$slots.metadata?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(t.skdxPart)("comment","metadata"))),[(0,e.renderSlot)(r.$slots,"metadata")],16)):(0,e.createCommentVNode)("",!0),o.timestamp!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxTime),(0,e.mergeProps)({key:1},{...(0,e.unref)(t.skdxPart)("comment","time"),...o.now===void 0?{}:{now:o.now}},{value:o.timestamp,relative:""}),null,16,["value"])):(0,e.createCommentVNode)("",!0),o.edited?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(t.skdxPart)("comment","edited"))),(0,e.toDisplayString)(o.editedLabel),17)):(0,e.createCommentVNode)("",!0)],16),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("comment","content"))),[(0,e.renderSlot)(r.$slots,"default")],16),r.$slots.attachments?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(t.skdxPart)("comment","attachments"))),[(0,e.renderSlot)(r.$slots,"attachments")],16)):(0,e.createCommentVNode)("",!0),r.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(t.skdxPart)("comment","actions"))),[(0,e.renderSlot)(r.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0)],16)],16))}});exports.default=n;

package/dist/comment/Comment.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{createBlock as t,createCommentVNode as a,createElementBlock as o,createElementVNode as s,defineComponent as m,guardReactiveProps as n,mergeProps as d,normalizeProps as i,openBlock as r,renderSlot as l,toDisplayString as c,unref as p}from"vue";import{SkdxTime as v}from"@skdx/vue";var u=/* @__PURE__ */m({__name:"Comment",props:{author:{},timestamp:{default:void 0},now:{default:void 0},edited:{type:Boolean,default:!1},editedLabel:{default:"Edited"}},setup:m=>(u,k)=>(r(),o("article",i(n(p(e)("comment","root"))),[u.$slots.avatar?(r(),o("div",d({key:0,"aria-hidden":"true"},p(e)("comment","avatar")),[l(u.$slots,"avatar")],16)):a("",!0),s("div",i(n(p(e)("comment","main"))),[s("div",i(n(p(e)("comment","header"))),[s("span",i(n(p(e)("comment","author"))),c(m.author),17),u.$slots.metadata?(r(),o("span",i(d({key:0},p(e)("comment","metadata"))),[l(u.$slots,"metadata")],16)):a("",!0),void 0!==m.timestamp?(r(),t(p(v),d({key:1},{...p(e)("comment","time"),...void 0===m.now?{}:{now:m.now}},{value:m.timestamp,relative:""}),null,16,["value"])):a("",!0),m.edited?(r(),o("span",i(d({key:2},p(e)("comment","edited"))),c(m.editedLabel),17)):a("",!0)],16),s("div",i(n(p(e)("comment","content"))),[l(u.$slots,"default")],16),u.$slots.attachments?(r(),o("div",i(d({key:0},p(e)("comment","attachments"))),[l(u.$slots,"attachments")],16)):a("",!0),u.$slots.actions?(r(),o("div",i(d({key:1},p(e)("comment","actions"))),[l(u.$slots,"actions")],16)):a("",!0)],16)],16))});export{u as default};

package/dist/comment/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Comment.vue.cjs");exports.SkdxComment=e.default;

package/dist/comment/index.d.cts

@@ -0,0 +1 @@
+export { default as SkdxComment } from './Comment.vue.cjs';

package/dist/comment/index.d.ts

@@ -0,0 +1 @@
+export { default as SkdxComment } from './Comment.vue.js';

package/dist/comment/index.js

@@ -0,0 +1 @@
+import m from"./Comment.vue.js";export{m as SkdxComment};

package/dist/comment-thread/CommentThread.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CommentThread.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;