@skdx/vue-blocks 0.34.0 → 0.36.0

package/dist/comment-thread/CommentThread.vue.d.cts

@@ -0,0 +1,65 @@
+/**
+ * A root comment with its replies, indented one level, collapsible with the consumer's own labels, plus slots for a load-more control and a composer.
+ *
+ * @example
+ * ```vue
+ * <SkdxCommentThread
+ *   show-replies-label="Show 1 reply"
+ *   hide-replies-label="Hide replies"
+ * >
+ *   <SkdxComment author="Priya Shah">Looks good to me.</SkdxComment>
+ *   <template #replies><SkdxComment author="Alex">Agreed.</SkdxComment></template>
+ * </SkdxCommentThread>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether the replies are shown, for controlled usage. Pair with `v-model:expanded` or `@expanded-change`.
+     * @default undefined — uncontrolled, seeded from `defaultExpanded`.
+     */
+    expanded?: boolean | undefined;
+    /**
+     * Whether the replies start shown, used only while uncontrolled.
+     * @default true
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Text of the toggle button while the replies are hidden. A toggle only renders when this is given.
+     * @default undefined — no toggle renders and the replies are always shown.
+     */
+    showRepliesLabel?: string | undefined;
+    /**
+     * Text of the toggle button while the replies are shown.
+     * @default showRepliesLabel's value
+     */
+    hideRepliesLabel?: string | undefined;
+};
+type __VLS_Slots = {
+    /** The root Comment this thread replies to. */
+    default?(): unknown;
+    /** The reply Comments, rendered indented one level below the root comment. */
+    replies?(): unknown;
+    /** Control that requests more replies, rendered below the replies region. */
+    'load-more'?(): unknown;
+    /** Reply composer rendered at the end of the thread. */
+    composer?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expanded": (expanded: boolean) => any;
+    "expanded-change": (expanded: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:expanded"?: (expanded: boolean) => any;
+    "onExpanded-change"?: (expanded: boolean) => any;
+}>, {
+    expanded: boolean | undefined;
+    defaultExpanded: boolean;
+    showRepliesLabel: string | undefined;
+    hideRepliesLabel: 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/comment-thread/CommentThread.vue.d.ts

@@ -0,0 +1,65 @@
+/**
+ * A root comment with its replies, indented one level, collapsible with the consumer's own labels, plus slots for a load-more control and a composer.
+ *
+ * @example
+ * ```vue
+ * <SkdxCommentThread
+ *   show-replies-label="Show 1 reply"
+ *   hide-replies-label="Hide replies"
+ * >
+ *   <SkdxComment author="Priya Shah">Looks good to me.</SkdxComment>
+ *   <template #replies><SkdxComment author="Alex">Agreed.</SkdxComment></template>
+ * </SkdxCommentThread>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether the replies are shown, for controlled usage. Pair with `v-model:expanded` or `@expanded-change`.
+     * @default undefined — uncontrolled, seeded from `defaultExpanded`.
+     */
+    expanded?: boolean | undefined;
+    /**
+     * Whether the replies start shown, used only while uncontrolled.
+     * @default true
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Text of the toggle button while the replies are hidden. A toggle only renders when this is given.
+     * @default undefined — no toggle renders and the replies are always shown.
+     */
+    showRepliesLabel?: string | undefined;
+    /**
+     * Text of the toggle button while the replies are shown.
+     * @default showRepliesLabel's value
+     */
+    hideRepliesLabel?: string | undefined;
+};
+type __VLS_Slots = {
+    /** The root Comment this thread replies to. */
+    default?(): unknown;
+    /** The reply Comments, rendered indented one level below the root comment. */
+    replies?(): unknown;
+    /** Control that requests more replies, rendered below the replies region. */
+    'load-more'?(): unknown;
+    /** Reply composer rendered at the end of the thread. */
+    composer?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expanded": (expanded: boolean) => any;
+    "expanded-change": (expanded: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:expanded"?: (expanded: boolean) => any;
+    "onExpanded-change"?: (expanded: boolean) => any;
+}>, {
+    expanded: boolean | undefined;
+    defaultExpanded: boolean;
+    showRepliesLabel: string | undefined;
+    hideRepliesLabel: 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/comment-thread/CommentThread.vue.js

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

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

@@ -0,0 +1 @@
+const t=require("../internal/part.cjs");let e=require("vue"),l=require("@skdx/vue/primitives/collapsible");var u=["data-state"],c=(0,e.defineComponent)({__name:"CommentThread",props:{expanded:{type:Boolean,default:void 0},defaultExpanded:{type:Boolean,default:!0},showRepliesLabel:{default:void 0},hideRepliesLabel:{default:void 0}},emits:["update:expanded","expanded-change"],setup(d,{emit:p}){const r=d,n=p,s=(0,e.ref)(r.defaultExpanded),a=(0,e.computed)(()=>r.expanded??s.value);function m(o){r.expanded===void 0&&(s.value=o),n("update:expanded",o),n("expanded-change",o)}const i=(0,e.computed)(()=>a.value?r.hideRepliesLabel??r.showRepliesLabel:r.showRepliesLabel);return(o,k)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)((0,e.unref)(t.skdxPart)("comment-thread","root"),{"data-state":a.value?"expanded":"collapsed"}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("comment-thread","comment"))),[(0,e.renderSlot)(o.$slots,"default")],16),o.$slots.replies?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[d.showRepliesLabel?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxCollapsibleRoot),{key:0,open:a.value,onOpenChange:m},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(l.SkdxCollapsibleTrigger),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("comment-thread","toggle"))),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(i.value),1)]),_:1},16),(0,e.createVNode)((0,e.unref)(l.SkdxCollapsibleContent),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("comment-thread","replies"))),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"replies")]),_:3},16)]),_:3},8,["open"])):((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(t.skdxPart)("comment-thread","replies"))),[(0,e.renderSlot)(o.$slots,"replies")],16))],64)):(0,e.createCommentVNode)("",!0),o.$slots["load-more"]?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(t.skdxPart)("comment-thread","load-more"))),[(0,e.renderSlot)(o.$slots,"load-more")],16)):(0,e.createCommentVNode)("",!0),o.$slots.composer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(t.skdxPart)("comment-thread","composer"))),[(0,e.renderSlot)(o.$slots,"composer")],16)):(0,e.createCommentVNode)("",!0)],16,u))}});exports.default=c;

package/dist/comment-thread/CommentThread.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{Fragment as a,computed as o,createBlock as t,createCommentVNode as s,createElementBlock as d,createElementVNode as l,createTextVNode as r,createVNode as p,defineComponent as n,guardReactiveProps as i,mergeProps as m,normalizeProps as c,openBlock as u,ref as v,renderSlot as f,toDisplayString as h,unref as x,withCtx as k}from"vue";import{SkdxCollapsibleContent as g,SkdxCollapsibleRoot as b,SkdxCollapsibleTrigger as C}from"@skdx/vue/primitives/collapsible";var y=["data-state"],R=/* @__PURE__ */n({__name:"CommentThread",props:{expanded:{type:Boolean,default:void 0},defaultExpanded:{type:Boolean,default:!0},showRepliesLabel:{default:void 0},hideRepliesLabel:{default:void 0}},emits:["update:expanded","expanded-change"],setup(n,{emit:R}){const $=n,L=R,w=v($.defaultExpanded),B=o(()=>$.expanded??w.value);function S(e){void 0===$.expanded&&(w.value=e),L("update:expanded",e),L("expanded-change",e)}const _=o(()=>B.value?$.hideRepliesLabel??$.showRepliesLabel:$.showRepliesLabel);return(o,v)=>(u(),d("div",m(x(e)("comment-thread","root"),{"data-state":B.value?"expanded":"collapsed"}),[l("div",c(i(x(e)("comment-thread","comment"))),[f(o.$slots,"default")],16),o.$slots.replies?(u(),d(a,{key:0},[n.showRepliesLabel?(u(),t(x(b),{key:0,open:B.value,onOpenChange:S},{default:k(()=>[p(x(C),c(i(x(e)("comment-thread","toggle"))),{default:k(()=>[r(h(_.value),1)]),_:1},16),p(x(g),c(i(x(e)("comment-thread","replies"))),{default:k(()=>[f(o.$slots,"replies")]),_:3},16)]),_:3},8,["open"])):(u(),d("div",c(m({key:1},x(e)("comment-thread","replies"))),[f(o.$slots,"replies")],16))],64)):s("",!0),o.$slots["load-more"]?(u(),d("div",c(m({key:1},x(e)("comment-thread","load-more"))),[f(o.$slots,"load-more")],16)):s("",!0),o.$slots.composer?(u(),d("div",c(m({key:2},x(e)("comment-thread","composer"))),[f(o.$slots,"composer")],16)):s("",!0)],16,y))}});export{R as default};

package/dist/comment-thread/index.cjs

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

package/dist/comment-thread/index.d.cts

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

package/dist/comment-thread/index.d.ts

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

package/dist/comment-thread/index.js

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

package/dist/confirm-dialog/ConfirmDialog.vue.cjs

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

package/dist/confirm-dialog/ConfirmDialog.vue.d.cts

@@ -0,0 +1,114 @@
+import type { ConfirmDialogSize } from './types.cjs';
+/**
+ * Confirmation dialog block for a destructive, irreversible or sensitive action, composing the core alert dialog primitives with an externally controlled pending state that disables both buttons and blocks dismissal while the confirmed request is in flight.
+ *
+ * @example
+ * ```vue
+ * <SkdxConfirmDialog
+ *   title="Delete this project?"
+ *   description="This cannot be undone."
+ *   destructive
+ *   :pending="isDeleting"
+ *   @confirm="onDeleteConfirmed"
+ * >
+ *   <template #trigger>Delete project</template>
+ * </SkdxConfirmDialog>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether the dialog is open, for controlled usage. Pair with `v-model:open` or `@open-change`.
+     * @default undefined — uncontrolled, tracks its own open state internally.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the dialog starts open, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Heading text rendered into the panel's title, naming and labelling the dialog. */
+    title: string;
+    /**
+     * Supporting sentence rendered into the panel's description, read alongside the title.
+     * @default undefined — no description region renders.
+     */
+    description?: string | undefined;
+    /**
+     * Text of the button that carries out the confirmed action.
+     * @default 'Confirm'
+     */
+    confirmLabel?: string;
+    /**
+     * Text of the button that abandons the action.
+     * @default 'Cancel'
+     */
+    cancelLabel?: string;
+    /**
+     * Renders the confirm button in the danger weight and marks the panel data-status="danger", for an irreversible or destructive action.
+     * @default false
+     */
+    destructive?: boolean;
+    /**
+     * Marks the confirmed request as in flight: disables both buttons, renders the confirm button's loading state, and blocks Escape dismissal until it clears.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Disables the confirm button on its own, independent of pending, for example until a typed confirmation matches.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Panel width rung fed to the underlying dialog panel.
+     * @default undefined — the skin's own default width.
+     */
+    size?: ConfirmDialogSize | undefined;
+};
+type __VLS_Slots = {
+    /** Extra content rendered between the description and the footer buttons. */
+    default?(): unknown;
+    /** Element that opens the dialog, decorated with the trigger behavior. */
+    trigger?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+    "escape-key-down": (event: Event) => any;
+    "pointer-down-outside": (event: Event) => any;
+    "focus-outside": (event: Event) => any;
+    "interact-outside": (event: Event) => any;
+    "open-auto-focus": (event: Event) => any;
+    "close-auto-focus": (event: Event) => any;
+    confirm: (event: Event) => any;
+    cancel: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onEscape-key-down"?: (event: Event) => any;
+    "onPointer-down-outside"?: (event: Event) => any;
+    "onFocus-outside"?: (event: Event) => any;
+    "onInteract-outside"?: (event: Event) => any;
+    "onOpen-auto-focus"?: (event: Event) => any;
+    "onClose-auto-focus"?: (event: Event) => any;
+    onConfirm?: (event: Event) => any;
+    onCancel?: (event: Event) => any;
+}>, {
+    size: ConfirmDialogSize | undefined;
+    disabled: boolean;
+    description: string | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    confirmLabel: string;
+    cancelLabel: string;
+    destructive: boolean;
+    pending: boolean;
+}, {}, {}, {}, 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/confirm-dialog/ConfirmDialog.vue.d.ts

@@ -0,0 +1,114 @@
+import type { ConfirmDialogSize } from './types.js';
+/**
+ * Confirmation dialog block for a destructive, irreversible or sensitive action, composing the core alert dialog primitives with an externally controlled pending state that disables both buttons and blocks dismissal while the confirmed request is in flight.
+ *
+ * @example
+ * ```vue
+ * <SkdxConfirmDialog
+ *   title="Delete this project?"
+ *   description="This cannot be undone."
+ *   destructive
+ *   :pending="isDeleting"
+ *   @confirm="onDeleteConfirmed"
+ * >
+ *   <template #trigger>Delete project</template>
+ * </SkdxConfirmDialog>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether the dialog is open, for controlled usage. Pair with `v-model:open` or `@open-change`.
+     * @default undefined — uncontrolled, tracks its own open state internally.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the dialog starts open, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Heading text rendered into the panel's title, naming and labelling the dialog. */
+    title: string;
+    /**
+     * Supporting sentence rendered into the panel's description, read alongside the title.
+     * @default undefined — no description region renders.
+     */
+    description?: string | undefined;
+    /**
+     * Text of the button that carries out the confirmed action.
+     * @default 'Confirm'
+     */
+    confirmLabel?: string;
+    /**
+     * Text of the button that abandons the action.
+     * @default 'Cancel'
+     */
+    cancelLabel?: string;
+    /**
+     * Renders the confirm button in the danger weight and marks the panel data-status="danger", for an irreversible or destructive action.
+     * @default false
+     */
+    destructive?: boolean;
+    /**
+     * Marks the confirmed request as in flight: disables both buttons, renders the confirm button's loading state, and blocks Escape dismissal until it clears.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Disables the confirm button on its own, independent of pending, for example until a typed confirmation matches.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Panel width rung fed to the underlying dialog panel.
+     * @default undefined — the skin's own default width.
+     */
+    size?: ConfirmDialogSize | undefined;
+};
+type __VLS_Slots = {
+    /** Extra content rendered between the description and the footer buttons. */
+    default?(): unknown;
+    /** Element that opens the dialog, decorated with the trigger behavior. */
+    trigger?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+    "escape-key-down": (event: Event) => any;
+    "pointer-down-outside": (event: Event) => any;
+    "focus-outside": (event: Event) => any;
+    "interact-outside": (event: Event) => any;
+    "open-auto-focus": (event: Event) => any;
+    "close-auto-focus": (event: Event) => any;
+    confirm: (event: Event) => any;
+    cancel: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onEscape-key-down"?: (event: Event) => any;
+    "onPointer-down-outside"?: (event: Event) => any;
+    "onFocus-outside"?: (event: Event) => any;
+    "onInteract-outside"?: (event: Event) => any;
+    "onOpen-auto-focus"?: (event: Event) => any;
+    "onClose-auto-focus"?: (event: Event) => any;
+    onConfirm?: (event: Event) => any;
+    onCancel?: (event: Event) => any;
+}>, {
+    size: ConfirmDialogSize | undefined;
+    disabled: boolean;
+    description: string | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    confirmLabel: string;
+    cancelLabel: string;
+    destructive: boolean;
+    pending: boolean;
+}, {}, {}, {}, 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/confirm-dialog/ConfirmDialog.vue.js

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

package/dist/confirm-dialog/ConfirmDialog.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const i=require("../internal/part.cjs");let e=require("vue"),g=require("@skdx/vue"),d=require("@skdx/vue/primitives/dialog");var m=(0,e.defineComponent)({inheritAttrs:!1,__name:"ConfirmDialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{},description:{default:void 0},confirmLabel:{default:"Confirm"},cancelLabel:{default:"Cancel"},destructive:{type:Boolean,default:!1},pending:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus","confirm","cancel"],setup(n,{emit:u}){const l=n,a=u,f=(0,e.useAttrs)(),s=i.skdxPart("confirm-dialog","root"),p=(0,e.computed)(()=>l.pending),c=(0,e.computed)(()=>l.pending||l.disabled);return(r,t)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(d.SkdxDialogRoot),{open:n.open,"default-open":n.defaultOpen,role:"alertdialog",dismiss:n.pending?"none":"escape","onUpdate:open":t[6]||(t[6]=o=>a("update:open",o)),onOpenChange:t[7]||(t[7]=o=>a("open-change",o)),onOpenChangeComplete:t[8]||(t[8]=o=>a("open-change-complete",o)),onConfirm:t[9]||(t[9]=o=>a("confirm",o)),onCancel:t[10]||(t[10]=o=>a("cancel",o))},{default:(0,e.withCtx)(()=>[r.$slots.trigger?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(d.SkdxDialogTrigger),{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"trigger")]),_:3})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(d.SkdxDialogOverlay)),(0,e.createVNode)((0,e.unref)(d.SkdxDialogContent),(0,e.mergeProps)((0,e.unref)(f),{class:(0,e.unref)(s).class,"data-part":(0,e.unref)(s)["data-part"],"data-skdx-component":(0,e.unref)(s)["data-skdx-component"],size:n.size,status:n.destructive?"danger":void 0,onEscapeKeyDown:t[0]||(t[0]=o=>a("escape-key-down",o)),onPointerDownOutside:t[1]||(t[1]=o=>a("pointer-down-outside",o)),onFocusOutside:t[2]||(t[2]=o=>a("focus-outside",o)),onInteractOutside:t[3]||(t[3]=o=>a("interact-outside",o)),onOpenAutoFocus:t[4]||(t[4]=o=>a("open-auto-focus",o)),onCloseAutoFocus:t[5]||(t[5]=o=>a("close-auto-focus",o))}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(d.SkdxDialogTitle),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(i.skdxPart)("confirm-dialog","title"))),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.title),1)]),_:1},16),n.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(d.SkdxDialogDescription),(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(i.skdxPart)("confirm-dialog","description"))),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),r.$slots.default?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(i.skdxPart)("confirm-dialog","body"))),[(0,e.renderSlot)(r.$slots,"default")],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(i.skdxPart)("confirm-dialog","footer"))),[(0,e.createVNode)((0,e.unref)(d.SkdxDialogCancel),(0,e.mergeProps)((0,e.unref)(i.skdxPart)("confirm-dialog","cancel"),{"data-variant":"ghost",disabled:p.value}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.cancelLabel),1)]),_:1},16,["disabled"]),(0,e.createVNode)((0,e.unref)(d.SkdxDialogAction),(0,e.mergeProps)((0,e.unref)(i.skdxPart)("confirm-dialog","confirm"),{"data-variant":n.destructive?"danger":"primary","data-loading":n.pending?"":void 0,disabled:c.value}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.confirmLabel)+" ",1),n.pending?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(g.SkdxVisuallyHidden),{key:0},{default:(0,e.withCtx)(()=>[...t[11]||(t[11]=[(0,e.createTextVNode)("Loading",-1)])]),_:1})):(0,e.createCommentVNode)("",!0)]),_:1},16,["data-variant","data-loading","disabled"])],16)]),_:3},16,["class","data-part","data-skdx-component","size","status"])]),_:3},8,["open","default-open","dismiss"]))}});exports.default=m;

package/dist/confirm-dialog/ConfirmDialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{computed as a,createBlock as o,createCommentVNode as t,createElementBlock as n,createElementVNode as d,createTextVNode as i,createVNode as s,defineComponent as l,guardReactiveProps as r,mergeProps as c,normalizeProps as p,openBlock as u,renderSlot as f,toDisplayString as g,unref as m,useAttrs as k,withCtx as v}from"vue";import{SkdxVisuallyHidden as x}from"@skdx/vue";import{SkdxDialogAction as y,SkdxDialogCancel as C,SkdxDialogContent as D,SkdxDialogDescription as b,SkdxDialogOverlay as S,SkdxDialogRoot as _,SkdxDialogTitle as h,SkdxDialogTrigger as O}from"@skdx/vue/primitives/dialog";var B=/* @__PURE__ */l({inheritAttrs:!1,__name:"ConfirmDialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:{},description:{default:void 0},confirmLabel:{default:"Confirm"},cancelLabel:{default:"Cancel"},destructive:{type:Boolean,default:!1},pending:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus","confirm","cancel"],setup(l,{emit:B}){const w=l,z=B,A=k(),L=e("confirm-dialog","root"),P=a(()=>w.pending),V=a(()=>w.pending||w.disabled);return(a,k)=>(u(),o(m(_),{open:l.open,"default-open":l.defaultOpen,role:"alertdialog",dismiss:l.pending?"none":"escape","onUpdate:open":k[6]||(k[6]=e=>z("update:open",e)),onOpenChange:k[7]||(k[7]=e=>z("open-change",e)),onOpenChangeComplete:k[8]||(k[8]=e=>z("open-change-complete",e)),onConfirm:k[9]||(k[9]=e=>z("confirm",e)),onCancel:k[10]||(k[10]=e=>z("cancel",e))},{default:v(()=>[a.$slots.trigger?(u(),o(m(O),{key:0},{default:v(()=>[f(a.$slots,"trigger")]),_:3})):t("",!0),s(m(S)),s(m(D),c(m(A),{class:m(L).class,"data-part":m(L)["data-part"],"data-skdx-component":m(L)["data-skdx-component"],size:l.size,status:l.destructive?"danger":void 0,onEscapeKeyDown:k[0]||(k[0]=e=>z("escape-key-down",e)),onPointerDownOutside:k[1]||(k[1]=e=>z("pointer-down-outside",e)),onFocusOutside:k[2]||(k[2]=e=>z("focus-outside",e)),onInteractOutside:k[3]||(k[3]=e=>z("interact-outside",e)),onOpenAutoFocus:k[4]||(k[4]=e=>z("open-auto-focus",e)),onCloseAutoFocus:k[5]||(k[5]=e=>z("close-auto-focus",e))}),{default:v(()=>[s(m(h),p(r(m(e)("confirm-dialog","title"))),{default:v(()=>[i(g(l.title),1)]),_:1},16),l.description?(u(),o(m(b),p(c({key:0},m(e)("confirm-dialog","description"))),{default:v(()=>[i(g(l.description),1)]),_:1},16)):t("",!0),a.$slots.default?(u(),n("div",p(c({key:1},m(e)("confirm-dialog","body"))),[f(a.$slots,"default")],16)):t("",!0),d("div",p(r(m(e)("confirm-dialog","footer"))),[s(m(C),c(m(e)("confirm-dialog","cancel"),{"data-variant":"ghost",disabled:P.value}),{default:v(()=>[i(g(l.cancelLabel),1)]),_:1},16,["disabled"]),s(m(y),c(m(e)("confirm-dialog","confirm"),{"data-variant":l.destructive?"danger":"primary","data-loading":l.pending?"":void 0,disabled:V.value}),{default:v(()=>[i(g(l.confirmLabel)+" ",1),l.pending?(u(),o(m(x),{key:0},{default:v(()=>[...k[11]||(k[11]=[i("Loading",-1)])]),_:1})):t("",!0)]),_:1},16,["data-variant","data-loading","disabled"])],16)]),_:3},16,["class","data-part","data-skdx-component","size","status"])]),_:3},8,["open","default-open","dismiss"]))}});export{B as default};

package/dist/confirm-dialog/index.cjs

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

package/dist/confirm-dialog/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxConfirmDialog } from './ConfirmDialog.vue.cjs';
+export type { ConfirmDialogSize } from './types.cjs';

package/dist/confirm-dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxConfirmDialog } from './ConfirmDialog.vue.js';
+export type { ConfirmDialogSize } from './types.js';

package/dist/confirm-dialog/index.js

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

package/dist/confirm-dialog/types.d.cts

@@ -0,0 +1,2 @@
+/** Panel width rung of a `SkdxConfirmDialog`, fed to the underlying dialog panel. */
+export type ConfirmDialogSize = 'sm' | 'md' | 'lg' | (string & {});

package/dist/confirm-dialog/types.d.ts

@@ -0,0 +1,2 @@
+/** Panel width rung of a `SkdxConfirmDialog`, fed to the underlying dialog panel. */
+export type ConfirmDialogSize = 'sm' | 'md' | 'lg' | (string & {});

package/dist/conversation-list/ConversationList.vue.cjs

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

package/dist/conversation-list/ConversationList.vue.d.cts

@@ -0,0 +1,86 @@
+import type { ConversationListItem } from './types.cjs';
+/**
+ * Conversation navigation block: a single-select listbox of threads with a title, preview, relative timestamp, unread mark and badge, plus grouping and its own loading and empty states.
+ *
+ * @example
+ * ```vue
+ * <SkdxConversationList
+ *   :items="[{ id: 'a', title: 'Ada Lovelace', preview: 'Sounds good', unread: true }]"
+ *   default-value="a"
+ *   @value-change="(id) => open(id)"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /** The conversations to render, in order, each one a selectable listbox option. */
+    items: readonly ConversationListItem[];
+    /**
+     * Selected conversation's id, for controlled usage. Pair with `v-model:value` or `@value-change`.
+     * @default undefined — uncontrolled, tracking the selected id internally.
+     */
+    value?: string | undefined;
+    /**
+     * Conversation selected on first render, for uncontrolled usage of the list.
+     * @default undefined — no conversation is selected until one is chosen.
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Accessible name of the listbox holding the conversation rows.
+     * @default 'Conversations'
+     */
+    label?: string;
+    /**
+     * Visually hidden text appended to an unread row's title, so the mark is spoken.
+     * @default 'Unread'
+     */
+    unreadLabel?: string;
+    /**
+     * Heading of the empty state shown when items is empty and nothing is loading.
+     * @default 'No conversations'
+     */
+    emptyTitle?: string;
+    /**
+     * Supporting copy rendered under the empty state's heading, explaining the gap.
+     * @default undefined — the empty state renders its heading alone.
+     */
+    emptyDescription?: string | undefined;
+    /**
+     * Replaces the rows with decorative placeholder lines and marks the root aria-busy.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Reference instant the relative timestamps are measured from, to control re-renders.
+     * @default undefined — each timestamp reads the clock as it renders.
+     */
+    now?: Date | number | undefined;
+};
+type __VLS_Slots = {
+    /** Decorative leading region for a row, such as an avatar or a status dot, always aria-hidden. */
+    leading?(props: {
+        item: ConversationListItem;
+    }): 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;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+}>, {
+    label: string;
+    loading: boolean;
+    value: string | undefined;
+    defaultValue: string | undefined;
+    now: Date | number | undefined;
+    emptyTitle: string;
+    emptyDescription: string | undefined;
+    unreadLabel: 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/conversation-list/ConversationList.vue.d.ts

@@ -0,0 +1,86 @@
+import type { ConversationListItem } from './types.js';
+/**
+ * Conversation navigation block: a single-select listbox of threads with a title, preview, relative timestamp, unread mark and badge, plus grouping and its own loading and empty states.
+ *
+ * @example
+ * ```vue
+ * <SkdxConversationList
+ *   :items="[{ id: 'a', title: 'Ada Lovelace', preview: 'Sounds good', unread: true }]"
+ *   default-value="a"
+ *   @value-change="(id) => open(id)"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /** The conversations to render, in order, each one a selectable listbox option. */
+    items: readonly ConversationListItem[];
+    /**
+     * Selected conversation's id, for controlled usage. Pair with `v-model:value` or `@value-change`.
+     * @default undefined — uncontrolled, tracking the selected id internally.
+     */
+    value?: string | undefined;
+    /**
+     * Conversation selected on first render, for uncontrolled usage of the list.
+     * @default undefined — no conversation is selected until one is chosen.
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Accessible name of the listbox holding the conversation rows.
+     * @default 'Conversations'
+     */
+    label?: string;
+    /**
+     * Visually hidden text appended to an unread row's title, so the mark is spoken.
+     * @default 'Unread'
+     */
+    unreadLabel?: string;
+    /**
+     * Heading of the empty state shown when items is empty and nothing is loading.
+     * @default 'No conversations'
+     */
+    emptyTitle?: string;
+    /**
+     * Supporting copy rendered under the empty state's heading, explaining the gap.
+     * @default undefined — the empty state renders its heading alone.
+     */
+    emptyDescription?: string | undefined;
+    /**
+     * Replaces the rows with decorative placeholder lines and marks the root aria-busy.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Reference instant the relative timestamps are measured from, to control re-renders.
+     * @default undefined — each timestamp reads the clock as it renders.
+     */
+    now?: Date | number | undefined;
+};
+type __VLS_Slots = {
+    /** Decorative leading region for a row, such as an avatar or a status dot, always aria-hidden. */
+    leading?(props: {
+        item: ConversationListItem;
+    }): 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;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+}>, {
+    label: string;
+    loading: boolean;
+    value: string | undefined;
+    defaultValue: string | undefined;
+    now: Date | number | undefined;
+    emptyTitle: string;
+    emptyDescription: string | undefined;
+    unreadLabel: 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/conversation-list/ConversationList.vue.js

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

package/dist/conversation-list/ConversationList.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../internal/part.cjs"),x=require("../empty-state/EmptyState.vue.cjs");let e=require("vue"),l=require("@skdx/vue"),u=require("@skdx/vue/primitives/listbox");var B=["aria-busy"],P=(0,e.defineComponent)({__name:"ConversationList",props:{items:{},value:{default:void 0},defaultValue:{default:void 0},label:{default:"Conversations"},unreadLabel:{default:"Unread"},emptyTitle:{default:"No conversations"},emptyDescription:{default:void 0},loading:{type:Boolean,default:!1},now:{default:void 0}},emits:["update:value","value-change"],setup(a,{emit:p}){const s=a,i=p,c=(0,e.ref)(s.defaultValue??""),v=(0,e.computed)(()=>s.value??c.value),m=(0,e.computed)(()=>{const o=new Map([[void 0,[]]]);for(const n of s.items){const d=o.get(n.group);d?d.push(n):o.set(n.group,[n])}return[...o].filter(([,n])=>n.length>0)});function k(o){return o.timestamp!==void 0||o.badge!==void 0}function g(o){const n=o.selectedValue??"";s.value===void 0&&(c.value=n),i("update:value",n),i("value-change",n)}return(o,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)((0,e.unref)(r.skdxPart)("conversation-list","root"),{"aria-busy":a.loading?"true":"false"}),[a.loading?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(r.skdxPart)("conversation-list","loading")),[(0,e.createVNode)((0,e.unref)(l.SkdxSkeleton)),(0,e.createVNode)((0,e.unref)(l.SkdxSkeleton)),(0,e.createVNode)((0,e.unref)(l.SkdxSkeleton))],16)):a.items.length===0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(x.default),(0,e.mergeProps)({key:1},(0,e.unref)(r.skdxPart)("conversation-list","empty"),{size:"sm",title:s.emptyTitle,description:a.emptyDescription}),null,16,["title","description"])):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(u.SkdxListbox),(0,e.mergeProps)({key:2},(0,e.unref)(r.skdxPart)("conversation-list","list"),{"aria-label":a.label,value:v.value,onValueChange:g}),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(m.value,([d,f])=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:d??"__ungrouped__"},[d===void 0?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(f,t=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(u.SkdxListboxItem),(0,e.mergeProps)({key:t.id,value:t.id,disabled:t.disabled,"text-value":t.title,"data-unread":t.unread?"":void 0},{ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","item")),{default:(0,e.withCtx)(()=>[o.$slots.leading?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},{ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","leading")),[(0,e.renderSlot)(o.$slots,"leading",{item:t})],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","body")),[(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","title")),[(0,e.createTextVNode)((0,e.toDisplayString)(t.title)+" ",1),t.unread?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxVisuallyHidden),{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.unreadLabel),1)]),_:1})):(0,e.createCommentVNode)("",!0)],16),t.preview?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","preview")),(0,e.toDisplayString)(t.preview),17)):(0,e.createCommentVNode)("",!0)],16),k(t)?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","meta")),[t.timestamp!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxTime),(0,e.mergeProps)({key:0,ref_for:!0},{...(0,e.unref)(r.skdxPart)("conversation-list","time"),...a.now===void 0?{}:{now:a.now}},{value:t.timestamp,relative:""}),null,16,["value"])):(0,e.createCommentVNode)("",!0),t.badge!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxBadge),(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","badge"),{size:"sm"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.badge),1)]),_:2},1040)):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0)]),_:2},1040,["value","disabled","text-value","data-unread"]))),128)):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(u.SkdxListboxGroup),(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","group")),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(u.SkdxListboxLabel),(0,e.mergeProps)({ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","group-label")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(d),1)]),_:2},1040),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(f,t=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(u.SkdxListboxItem),(0,e.mergeProps)({key:t.id,value:t.id,disabled:t.disabled,"text-value":t.title,"data-unread":t.unread?"":void 0},{ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","item")),{default:(0,e.withCtx)(()=>[o.$slots.leading?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},{ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","leading")),[(0,e.renderSlot)(o.$slots,"leading",{item:t})],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","body")),[(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","title")),[(0,e.createTextVNode)((0,e.toDisplayString)(t.title)+" ",1),t.unread?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxVisuallyHidden),{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.unreadLabel),1)]),_:1})):(0,e.createCommentVNode)("",!0)],16),t.preview?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","preview")),(0,e.toDisplayString)(t.preview),17)):(0,e.createCommentVNode)("",!0)],16),k(t)?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","meta")),[t.timestamp!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxTime),(0,e.mergeProps)({key:0,ref_for:!0},{...(0,e.unref)(r.skdxPart)("conversation-list","time"),...a.now===void 0?{}:{now:a.now}},{value:t.timestamp,relative:""}),null,16,["value"])):(0,e.createCommentVNode)("",!0),t.badge!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxBadge),(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(r.skdxPart)("conversation-list","badge"),{size:"sm"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.badge),1)]),_:2},1040)):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0)]),_:2},1040,["value","disabled","text-value","data-unread"]))),128))]),_:2},1040))],64))),128))]),_:3},16,["aria-label","value"]))],16,B))}});exports.default=P;