@skdx/vue-blocks 0.45.0 → 0.48.0

package/dist/chart-figure/ChartFigure.vue.cjs

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

package/dist/chart-figure/ChartFigure.vue.d.cts

@@ -0,0 +1,29 @@
+import type { ChartFigureProps } from './types.cjs';
+type __VLS_Slots = {
+    /** Chart content; the block does not hide it from assistive technology. */
+    default?(): unknown;
+    /** Content naming the figure, rendered as figcaption. */
+    caption(): unknown;
+    /** Optional narrative interpretation. */
+    summary?(): unknown;
+    /** Exact-value alternative; omit to hide the disclosure. */
+    table?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<ChartFigureProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-change": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ChartFigureProps> & Readonly<{
+    "onOpen-change"?: (open: boolean) => any;
+}>, {
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    showDataLabel: string;
+    hideDataLabel: string;
+    dataRegionLabel: 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/chart-figure/ChartFigure.vue.d.ts

@@ -0,0 +1,29 @@
+import type { ChartFigureProps } from './types.js';
+type __VLS_Slots = {
+    /** Chart content; the block does not hide it from assistive technology. */
+    default?(): unknown;
+    /** Content naming the figure, rendered as figcaption. */
+    caption(): unknown;
+    /** Optional narrative interpretation. */
+    summary?(): unknown;
+    /** Exact-value alternative; omit to hide the disclosure. */
+    table?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<ChartFigureProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-change": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ChartFigureProps> & Readonly<{
+    "onOpen-change"?: (open: boolean) => any;
+}>, {
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    showDataLabel: string;
+    hideDataLabel: string;
+    dataRegionLabel: 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/chart-figure/ChartFigure.vue.js

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

package/dist/chart-figure/ChartFigure.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 c=["aria-label"],p=(0,e.defineComponent)({__name:"ChartFigure",props:{showDataLabel:{default:"Show data"},hideDataLabel:{default:"Hide data"},dataRegionLabel:{default:"Chart data"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["open-change"],setup(r,{emit:s}){const o=r,d=s,n=(0,e.ref)(o.defaultOpen),i=(0,e.computed)(()=>o.open??n.value);function u(a){o.open===void 0&&(n.value=a),d("open-change",a)}return(a,f)=>((0,e.openBlock)(),(0,e.createElementBlock)("figure",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("chart-figure","root"))),[(0,e.createElementVNode)("figcaption",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("chart-figure","caption"))),[(0,e.renderSlot)(a.$slots,"caption")],16),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("chart-figure","chart"))),[(0,e.renderSlot)(a.$slots,"default")],16),a.$slots.summary?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(t.skdxPart)("chart-figure","summary"))),[(0,e.renderSlot)(a.$slots,"summary")],16)):(0,e.createCommentVNode)("",!0),a.$slots.table?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxCollapsibleRoot),{key:1,open:i.value,class:"skdx-chart-figure__disclosure",onOpenChange:u},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(l.SkdxCollapsibleTrigger),{class:"skdx-chart-figure__toggle skdx-button","data-variant":"ghost","data-size":"sm"},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(i.value?r.hideDataLabel:r.showDataLabel),1)]),_:1}),(0,e.createVNode)((0,e.unref)(l.SkdxCollapsibleContent),{"force-mount":"",class:"skdx-chart-figure__content"},{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)("div",(0,e.mergeProps)((0,e.unref)(t.skdxPart)("chart-figure","table"),{role:"region","aria-label":r.dataRegionLabel,tabindex:"0"}),[(0,e.renderSlot)(a.$slots,"table")],16,c)]),_:3})]),_:3},8,["open"])):(0,e.createCommentVNode)("",!0)],16))}});exports.default=p;

package/dist/chart-figure/ChartFigure.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as a}from"../internal/part.js";import{computed as e,createBlock as t,createCommentVNode as o,createElementBlock as s,createElementVNode as r,createTextVNode as l,createVNode as i,defineComponent as n,guardReactiveProps as d,mergeProps as u,normalizeProps as p,openBlock as c,ref as f,renderSlot as m,toDisplayString as g,unref as h,withCtx as b}from"vue";import{SkdxCollapsibleContent as v,SkdxCollapsibleRoot as k,SkdxCollapsibleTrigger as x}from"@skdx/vue/primitives/collapsible";var _=["aria-label"],C=/* @__PURE__ */n({__name:"ChartFigure",props:{showDataLabel:{default:"Show data"},hideDataLabel:{default:"Hide data"},dataRegionLabel:{default:"Chart data"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["open-change"],setup(n,{emit:C}){const y=n,L=C,S=f(y.defaultOpen),$=e(()=>y.open??S.value);function B(a){void 0===y.open&&(S.value=a),L("open-change",a)}return(e,f)=>(c(),s("figure",p(d(h(a)("chart-figure","root"))),[r("figcaption",p(d(h(a)("chart-figure","caption"))),[m(e.$slots,"caption")],16),r("div",p(d(h(a)("chart-figure","chart"))),[m(e.$slots,"default")],16),e.$slots.summary?(c(),s("div",p(u({key:0},h(a)("chart-figure","summary"))),[m(e.$slots,"summary")],16)):o("",!0),e.$slots.table?(c(),t(h(k),{key:1,open:$.value,class:"skdx-chart-figure__disclosure",onOpenChange:B},{default:b(()=>[i(h(x),{class:"skdx-chart-figure__toggle skdx-button","data-variant":"ghost","data-size":"sm"},{default:b(()=>[l(g($.value?n.hideDataLabel:n.showDataLabel),1)]),_:1}),i(h(v),{"force-mount":"",class:"skdx-chart-figure__content"},{default:b(()=>[r("div",u(h(a)("chart-figure","table"),{role:"region","aria-label":n.dataRegionLabel,tabindex:"0"}),[m(e.$slots,"table")],16,_)]),_:3})]),_:3},8,["open"])):o("",!0)],16))}});export{C as default};

package/dist/chart-figure/index.cjs

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

package/dist/chart-figure/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxChartFigure } from './ChartFigure.vue.cjs';
+export type { ChartFigureProps } from './types.cjs';

package/dist/chart-figure/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxChartFigure } from './ChartFigure.vue.js';
+export type { ChartFigureProps } from './types.js';

package/dist/chart-figure/index.js

@@ -0,0 +1 @@
+import r from"./ChartFigure.vue.js";export{r as SkdxChartFigure};

package/dist/chart-figure/types.d.cts

@@ -0,0 +1,13 @@
+/** Configuration of a native chart figure and its data disclosure. */
+export interface ChartFigureProps {
+    /** Label of the closed disclosure trigger. @default 'Show data' */
+    showDataLabel?: string;
+    /** Label of the open disclosure trigger. @default 'Hide data' */
+    hideDataLabel?: string;
+    /** Accessible name of the keyboard-scrollable data region. @default 'Chart data' */
+    dataRegionLabel?: string;
+    /** Controls whether the exact-value data disclosure is open. @default undefined — uncontrolled */
+    open?: boolean | undefined;
+    /** Initial open state when the data disclosure is uncontrolled. @default false */
+    defaultOpen?: boolean;
+}

package/dist/chart-figure/types.d.ts

@@ -0,0 +1,13 @@
+/** Configuration of a native chart figure and its data disclosure. */
+export interface ChartFigureProps {
+    /** Label of the closed disclosure trigger. @default 'Show data' */
+    showDataLabel?: string;
+    /** Label of the open disclosure trigger. @default 'Hide data' */
+    hideDataLabel?: string;
+    /** Accessible name of the keyboard-scrollable data region. @default 'Chart data' */
+    dataRegionLabel?: string;
+    /** Controls whether the exact-value data disclosure is open. @default undefined — uncontrolled */
+    open?: boolean | undefined;
+    /** Initial open state when the data disclosure is uncontrolled. @default false */
+    defaultOpen?: boolean;
+}

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

@@ -29,6 +29,8 @@ type __VLS_Props = {
      * @default undefined — no time region renders.
      */
     timestamp?: DateInput | undefined;
+    /** Locale forwarded to the built-in Time. */
+    timestampLocale?: string | undefined;
     /**
      * Reference instant the timestamp's relative label renders against.
      * @default undefined — read once at render
@@ -56,12 +58,17 @@ type __VLS_Slots = {
     actions?(): unknown;
     /** Citations, token counts or other metadata, rendered below the content. */
     footer?(): unknown;
+    /** Additional metadata after author and before timestamp. */
+    headerMetadata?(): unknown;
+    /** Custom timestamp content replacing the built-in Time. */
+    timestamp?(): 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;
+    timestampLocale: string | undefined;
     statusLabel: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -29,6 +29,8 @@ type __VLS_Props = {
      * @default undefined — no time region renders.
      */
     timestamp?: DateInput | undefined;
+    /** Locale forwarded to the built-in Time. */
+    timestampLocale?: string | undefined;
     /**
      * Reference instant the timestamp's relative label renders against.
      * @default undefined — read once at render
@@ -56,12 +58,17 @@ type __VLS_Slots = {
     actions?(): unknown;
     /** Citations, token counts or other metadata, rendered below the content. */
     footer?(): unknown;
+    /** Additional metadata after author and before timestamp. */
+    headerMetadata?(): unknown;
+    /** Custom timestamp content replacing the built-in Time. */
+    timestamp?(): 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;
+    timestampLocale: string | undefined;
     statusLabel: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

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

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

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

package/dist/dashboard-layout/DashboardLayout.vue.d.cts

@@ -20,7 +20,9 @@ type __VLS_Props = {
      */
     title?: string | undefined;
     /** The side navigation, one entry per item, in render order. */
-    navigation: readonly DashboardNavigationItem[];
+    navigation?: readonly DashboardNavigationItem[];
+    /** Show the built-in nonmodal toggle; hide when an external responsive trigger owns navigation. @default true */
+    showNavToggle?: boolean;
     /**
      * Content element: use `div` when embedding inside an existing page main landmark.
      * @default 'main'
@@ -48,6 +50,8 @@ type __VLS_Props = {
     navToggleLabel?: string;
 };
 type __VLS_Slots = {
+    /** Custom navigation content, including router links; replaces the generated list. */
+    navigation?(): unknown;
     /** The page content rendered inside the `<main>` region. */
     default?(): unknown;
     /** Logo or product mark placed at the start of the app bar. */
@@ -63,6 +67,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onNav-open-change"?: (navOpen: boolean) => any;
 }>, {
     title: string | undefined;
+    navigation: readonly DashboardNavigationItem[];
+    showNavToggle: boolean;
     contentAs: "main" | "div";
     navOpen: boolean | undefined;
     defaultNavOpen: boolean;

package/dist/dashboard-layout/DashboardLayout.vue.d.ts

@@ -20,7 +20,9 @@ type __VLS_Props = {
      */
     title?: string | undefined;
     /** The side navigation, one entry per item, in render order. */
-    navigation: readonly DashboardNavigationItem[];
+    navigation?: readonly DashboardNavigationItem[];
+    /** Show the built-in nonmodal toggle; hide when an external responsive trigger owns navigation. @default true */
+    showNavToggle?: boolean;
     /**
      * Content element: use `div` when embedding inside an existing page main landmark.
      * @default 'main'
@@ -48,6 +50,8 @@ type __VLS_Props = {
     navToggleLabel?: string;
 };
 type __VLS_Slots = {
+    /** Custom navigation content, including router links; replaces the generated list. */
+    navigation?(): unknown;
     /** The page content rendered inside the `<main>` region. */
     default?(): unknown;
     /** Logo or product mark placed at the start of the app bar. */
@@ -63,6 +67,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onNav-open-change"?: (navOpen: boolean) => any;
 }>, {
     title: string | undefined;
+    navigation: readonly DashboardNavigationItem[];
+    showNavToggle: boolean;
     contentAs: "main" | "div";
     navOpen: boolean | undefined;
     defaultNavOpen: boolean;

package/dist/dashboard-layout/DashboardLayout.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("../internal/part.cjs"),c=require("./DashboardNavList.vue.cjs");let e=require("vue"),p=require("@skdx/vue");var m=["data-nav-open"],f=["id","aria-label","hidden"],g=(0,e.defineComponent)({__name:"DashboardLayout",props:{title:{default:void 0},navigation:{},contentAs:{default:"main"},navOpen:{type:Boolean,default:void 0},defaultNavOpen:{type:Boolean,default:!0},navLabel:{default:"Main navigation"},navToggleLabel:{default:"Toggle navigation"}},emits:["update:navOpen","nav-open-change"],setup(t,{emit:s}){const r=t,d=s,l=(0,e.useId)(),i=(0,e.ref)(r.defaultNavOpen),o=(0,e.computed)(()=>r.navOpen??i.value);function v(){const n=!o.value;r.navOpen===void 0&&(i.value=n),d("update:navOpen",n),d("nav-open-change",n)}return(n,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("dashboard-layout","root"),{"data-nav-open":o.value?"":void 0}),[(0,e.createElementVNode)("header",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","app-bar"))),[(0,e.createVNode)((0,e.unref)(p.SkdxButton),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("dashboard-layout","nav-toggle"),{"icon-only":"","aria-expanded":o.value,"aria-controls":(0,e.unref)(l),"aria-label":t.navToggleLabel,onClick:v}),{default:(0,e.withCtx)(()=>[...u[0]||(u[0]=[(0,e.createTextVNode)("☰",-1)])]),_:1},16,["aria-expanded","aria-controls","aria-label"]),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","branding"))),[(0,e.renderSlot)(n.$slots,"branding")],16),t.title?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("dashboard-layout","title"))),(0,e.toDisplayString)(t.title),17)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","actions"))),[(0,e.renderSlot)(n.$slots,"actions")],16)],16),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","body"))),[(0,e.createElementVNode)("nav",(0,e.mergeProps)({id:(0,e.unref)(l)},(0,e.unref)(a.skdxPart)("dashboard-layout","nav"),{"aria-label":t.navLabel,hidden:!o.value}),[(0,e.createVNode)(c.default,{items:t.navigation},null,8,["items"])],16,f),((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.contentAs==="div"?"div":"main"),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","content"))),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},16))],16)],16,m))}});exports.default=g;
+const a=require("../internal/part.cjs"),c=require("./DashboardNavList.vue.cjs");let e=require("vue"),p=require("@skdx/vue");var g=["data-nav-open"],m=["id","aria-label","hidden"],f=(0,e.defineComponent)({__name:"DashboardLayout",props:{title:{default:void 0},navigation:{default:()=>[]},showNavToggle:{type:Boolean,default:!0},contentAs:{default:"main"},navOpen:{type:Boolean,default:void 0},defaultNavOpen:{type:Boolean,default:!0},navLabel:{default:"Main navigation"},navToggleLabel:{default:"Toggle navigation"}},emits:["update:navOpen","nav-open-change"],setup(o,{emit:s}){const n=o,d=s,l=(0,e.useId)(),i=(0,e.ref)(n.defaultNavOpen),r=(0,e.computed)(()=>n.navOpen??i.value);function v(){const t=!r.value;n.navOpen===void 0&&(i.value=t),d("update:navOpen",t),d("nav-open-change",t)}return(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("dashboard-layout","root"),{"data-nav-open":r.value?"":void 0}),[(0,e.createElementVNode)("header",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","app-bar"))),[o.showNavToggle?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(p.SkdxButton),(0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-toggle"),{"icon-only":"","aria-expanded":r.value,"aria-controls":(0,e.unref)(l),"aria-label":o.navToggleLabel,onClick:v}),{default:(0,e.withCtx)(()=>[...u[0]||(u[0]=[(0,e.createTextVNode)("☰",-1)])]),_:1},16,["aria-expanded","aria-controls","aria-label"])):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","branding"))),[(0,e.renderSlot)(t.$slots,"branding")],16),o.title?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("dashboard-layout","title"))),(0,e.toDisplayString)(o.title),17)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","actions"))),[(0,e.renderSlot)(t.$slots,"actions")],16)],16),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","body"))),[(0,e.createElementVNode)("nav",(0,e.mergeProps)({id:(0,e.unref)(l)},(0,e.unref)(a.skdxPart)("dashboard-layout","nav"),{"aria-label":o.navLabel,hidden:!r.value}),[(0,e.renderSlot)(t.$slots,"navigation",{},()=>[(0,e.createVNode)(c.default,{items:n.navigation??[]},null,8,["items"])])],16,m),((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(o.contentAs==="div"?"div":"main"),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","content"))),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3},16))],16)],16,g))}});exports.default=f;

package/dist/dashboard-layout/DashboardLayout.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{skdxPart as a}from"../internal/part.js";import e from"./DashboardNavList.vue.js";import{computed as o,createBlock as t,createCommentVNode as n,createElementBlock as d,createElementVNode as l,createTextVNode as s,createVNode as i,defineComponent as r,guardReactiveProps as v,mergeProps as u,normalizeProps as p,openBlock as c,ref as m,renderSlot as b,resolveDynamicComponent as f,toDisplayString as g,unref as h,useId as y,withCtx as k}from"vue";import{SkdxButton as x}from"@skdx/vue";var N=["data-nav-open"],O=["id","aria-label","hidden"],B=/* @__PURE__ */r({__name:"DashboardLayout",props:{title:{default:void 0},navigation:{},contentAs:{default:"main"},navOpen:{type:Boolean,default:void 0},defaultNavOpen:{type:Boolean,default:!0},navLabel:{default:"Main navigation"},navToggleLabel:{default:"Toggle navigation"}},emits:["update:navOpen","nav-open-change"],setup(r,{emit:B}){const L=r,C=B,D=y(),P=m(L.defaultNavOpen),T=o(()=>L.navOpen??P.value);function V(){const a=!T.value;void 0===L.navOpen&&(P.value=a),C("update:navOpen",a),C("nav-open-change",a)}return(o,m)=>(c(),d("div",u(h(a)("dashboard-layout","root"),{"data-nav-open":T.value?"":void 0}),[l("header",p(v(h(a)("dashboard-layout","app-bar"))),[i(h(x),u(h(a)("dashboard-layout","nav-toggle"),{"icon-only":"","aria-expanded":T.value,"aria-controls":h(D),"aria-label":r.navToggleLabel,onClick:V}),{default:k(()=>[...m[0]||(m[0]=[s("☰",-1)])]),_:1},16,["aria-expanded","aria-controls","aria-label"]),l("div",p(v(h(a)("dashboard-layout","branding"))),[b(o.$slots,"branding")],16),r.title?(c(),d("span",p(u({key:0},h(a)("dashboard-layout","title"))),g(r.title),17)):n("",!0),l("div",p(v(h(a)("dashboard-layout","actions"))),[b(o.$slots,"actions")],16)],16),l("div",p(v(h(a)("dashboard-layout","body"))),[l("nav",u({id:h(D)},h(a)("dashboard-layout","nav"),{"aria-label":r.navLabel,hidden:!T.value}),[i(e,{items:r.navigation},null,8,["items"])],16,O),(c(),t(f("div"===r.contentAs?"div":"main"),p(v(h(a)("dashboard-layout","content"))),{default:k(()=>[b(o.$slots,"default")]),_:3},16))],16)],16,N))}});export{B as default};
+import{skdxPart as a}from"../internal/part.js";import e from"./DashboardNavList.vue.js";import{computed as o,createBlock as t,createCommentVNode as n,createElementBlock as d,createElementVNode as l,createTextVNode as s,createVNode as i,defineComponent as r,guardReactiveProps as v,mergeProps as u,normalizeProps as p,openBlock as c,ref as m,renderSlot as g,resolveDynamicComponent as b,toDisplayString as f,unref as h,useId as y,withCtx as k}from"vue";import{SkdxButton as N}from"@skdx/vue";var x=["data-nav-open"],B=["id","aria-label","hidden"],O=/* @__PURE__ */r({__name:"DashboardLayout",props:{title:{default:void 0},navigation:{default:()=>[]},showNavToggle:{type:Boolean,default:!0},contentAs:{default:"main"},navOpen:{type:Boolean,default:void 0},defaultNavOpen:{type:Boolean,default:!0},navLabel:{default:"Main navigation"},navToggleLabel:{default:"Toggle navigation"}},emits:["update:navOpen","nav-open-change"],setup(r,{emit:O}){const L=r,T=O,C=y(),D=m(L.defaultNavOpen),P=o(()=>L.navOpen??D.value);function V(){const a=!P.value;void 0===L.navOpen&&(D.value=a),T("update:navOpen",a),T("nav-open-change",a)}return(o,m)=>(c(),d("div",u(h(a)("dashboard-layout","root"),{"data-nav-open":P.value?"":void 0}),[l("header",p(v(h(a)("dashboard-layout","app-bar"))),[r.showNavToggle?(c(),t(h(N),u({key:0},h(a)("dashboard-layout","nav-toggle"),{"icon-only":"","aria-expanded":P.value,"aria-controls":h(C),"aria-label":r.navToggleLabel,onClick:V}),{default:k(()=>[...m[0]||(m[0]=[s("☰",-1)])]),_:1},16,["aria-expanded","aria-controls","aria-label"])):n("",!0),l("div",p(v(h(a)("dashboard-layout","branding"))),[g(o.$slots,"branding")],16),r.title?(c(),d("span",p(u({key:1},h(a)("dashboard-layout","title"))),f(r.title),17)):n("",!0),l("div",p(v(h(a)("dashboard-layout","actions"))),[g(o.$slots,"actions")],16)],16),l("div",p(v(h(a)("dashboard-layout","body"))),[l("nav",u({id:h(C)},h(a)("dashboard-layout","nav"),{"aria-label":r.navLabel,hidden:!P.value}),[g(o.$slots,"navigation",{},()=>[i(e,{items:L.navigation??[]},null,8,["items"])])],16,B),(c(),t(b("div"===r.contentAs?"div":"main"),p(v(h(a)("dashboard-layout","content"))),{default:k(()=>[g(o.$slots,"default")]),_:3},16))],16)],16,x))}});export{O as default};

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./page-container/PageContainer.vue.cjs"),r=require("./dashboard-layout/DashboardLayout.vue.cjs"),t=require("./sign-in-page/types.cjs"),a=require("./sign-in-page/SignInPage.vue.cjs"),i=require("./empty-state/EmptyState.vue.cjs"),u=require("./stat-card/StatCard.vue.cjs"),o=require("./form-section/FormSection.vue.cjs"),d=require("./usage-card/UsageCard.vue.cjs"),n=require("./onboarding-checklist/OnboardingChecklist.vue.cjs"),s=require("./filter-bar/FilterBar.vue.cjs"),q=require("./comment/Comment.vue.cjs"),c=require("./comment-thread/CommentThread.vue.cjs"),S=require("./notification-center/NotificationCenter.vue.cjs"),l=require("./conversation-list/ConversationList.vue.cjs"),f=require("./chat-message/ChatMessage.vue.cjs"),g=require("./user-menu/UserMenu.vue.cjs"),k=require("./workspace-switcher/WorkspaceSwitcher.vue.cjs"),C=require("./chat-composer/ChatComposer.vue.cjs"),_=require("./sign-up-page/SignUpPage.vue.cjs"),x=require("./forgot-password-page/ForgotPasswordPage.vue.cjs"),P=require("./reset-password-page/ResetPasswordPage.vue.cjs"),m=require("./verification-page/VerificationPage.vue.cjs");exports.SkdxChatComposer=C.default;exports.SkdxChatMessage=f.default;exports.SkdxComment=q.default;exports.SkdxCommentThread=c.default;exports.SkdxConversationList=l.default;exports.SkdxDashboardLayout=r.default;exports.SkdxEmptyState=i.default;exports.SkdxFilterBar=s.default;exports.SkdxForgotPasswordPage=x.default;exports.SkdxFormSection=o.default;exports.SkdxNotificationCenter=S.default;exports.SkdxOnboardingChecklist=n.default;exports.SkdxPageContainer=e.default;exports.SkdxResetPasswordPage=P.default;exports.SkdxSignInPage=a.default;exports.SkdxSignUpPage=_.default;exports.SkdxStatCard=u.default;exports.SkdxUsageCard=d.default;exports.SkdxUserMenu=g.default;exports.SkdxVerificationPage=m.default;exports.SkdxWorkspaceSwitcher=k.default;exports.defaultProviderLabel=t.defaultProviderLabel;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./page-container/PageContainer.vue.cjs"),r=require("./dashboard-layout/DashboardLayout.vue.cjs"),t=require("./sign-in-page/types.cjs"),i=require("./sign-in-page/SignInPage.vue.cjs"),a=require("./empty-state/EmptyState.vue.cjs"),u=require("./stat-card/StatCard.vue.cjs"),o=require("./form-section/FormSection.vue.cjs"),d=require("./usage-card/UsageCard.vue.cjs"),n=require("./onboarding-checklist/OnboardingChecklist.vue.cjs"),s=require("./filter-bar/FilterBar.vue.cjs"),q=require("./comment/Comment.vue.cjs"),c=require("./comment-thread/CommentThread.vue.cjs"),S=require("./notification-center/NotificationCenter.vue.cjs"),l=require("./conversation-list/ConversationList.vue.cjs"),f=require("./chat-message/ChatMessage.vue.cjs"),g=require("./user-menu/UserMenu.vue.cjs"),k=require("./workspace-switcher/WorkspaceSwitcher.vue.cjs"),C=require("./chat-composer/ChatComposer.vue.cjs"),_=require("./sign-up-page/SignUpPage.vue.cjs"),x=require("./forgot-password-page/ForgotPasswordPage.vue.cjs"),P=require("./reset-password-page/ResetPasswordPage.vue.cjs"),m=require("./verification-page/VerificationPage.vue.cjs"),h=require("./selection-review/SelectionReview.vue.cjs"),p=require("./chart-figure/ChartFigure.vue.cjs");exports.SkdxChartFigure=p.default;exports.SkdxChatComposer=C.default;exports.SkdxChatMessage=f.default;exports.SkdxComment=q.default;exports.SkdxCommentThread=c.default;exports.SkdxConversationList=l.default;exports.SkdxDashboardLayout=r.default;exports.SkdxEmptyState=a.default;exports.SkdxFilterBar=s.default;exports.SkdxForgotPasswordPage=x.default;exports.SkdxFormSection=o.default;exports.SkdxNotificationCenter=S.default;exports.SkdxOnboardingChecklist=n.default;exports.SkdxPageContainer=e.default;exports.SkdxResetPasswordPage=P.default;exports.SkdxSelectionReview=h.default;exports.SkdxSignInPage=i.default;exports.SkdxSignUpPage=_.default;exports.SkdxStatCard=u.default;exports.SkdxUsageCard=d.default;exports.SkdxUserMenu=g.default;exports.SkdxVerificationPage=m.default;exports.SkdxWorkspaceSwitcher=k.default;exports.defaultProviderLabel=t.defaultProviderLabel;

package/dist/index.d.cts

@@ -20,3 +20,5 @@ export { SkdxSignUpPage, type SignUpDetail } from './sign-up-page/index.cjs';
 export { SkdxForgotPasswordPage, type ForgotPasswordDetail } from './forgot-password-page/index.cjs';
 export { SkdxResetPasswordPage, type ResetPasswordDetail } from './reset-password-page/index.cjs';
 export { SkdxVerificationPage, type VerificationDetail } from './verification-page/index.cjs';
+export { SkdxSelectionReview, type SelectionReviewProps } from './selection-review/index.cjs';
+export { SkdxChartFigure, type ChartFigureProps } from './chart-figure/index.cjs';

package/dist/index.d.ts

@@ -20,3 +20,5 @@ export { SkdxSignUpPage, type SignUpDetail } from './sign-up-page/index.js';
 export { SkdxForgotPasswordPage, type ForgotPasswordDetail } from './forgot-password-page/index.js';
 export { SkdxResetPasswordPage, type ResetPasswordDetail } from './reset-password-page/index.js';
 export { SkdxVerificationPage, type VerificationDetail } from './verification-page/index.js';
+export { SkdxSelectionReview, type SelectionReviewProps } from './selection-review/index.js';
+export { SkdxChartFigure, type ChartFigureProps } from './chart-figure/index.js';

package/dist/index.js

@@ -1 +1 @@
-import e from"./page-container/PageContainer.vue.js";import a from"./dashboard-layout/DashboardLayout.vue.js";import{defaultProviderLabel as o}from"./sign-in-page/types.js";import r from"./sign-in-page/SignInPage.vue.js";import s from"./empty-state/EmptyState.vue.js";import t from"./stat-card/StatCard.vue.js";import i from"./form-section/FormSection.vue.js";import m from"./usage-card/UsageCard.vue.js";import n from"./onboarding-checklist/OnboardingChecklist.vue.js";import d from"./filter-bar/FilterBar.vue.js";import p from"./comment/Comment.vue.js";import g from"./comment-thread/CommentThread.vue.js";import f from"./notification-center/NotificationCenter.vue.js";import S from"./conversation-list/ConversationList.vue.js";import u from"./chat-message/ChatMessage.vue.js";import c from"./user-menu/UserMenu.vue.js";import k from"./workspace-switcher/WorkspaceSwitcher.vue.js";import v from"./chat-composer/ChatComposer.vue.js";import j from"./sign-up-page/SignUpPage.vue.js";import x from"./forgot-password-page/ForgotPasswordPage.vue.js";import C from"./reset-password-page/ResetPasswordPage.vue.js";import h from"./verification-page/VerificationPage.vue.js";export{v as SkdxChatComposer,u as SkdxChatMessage,p as SkdxComment,g as SkdxCommentThread,S as SkdxConversationList,a as SkdxDashboardLayout,s as SkdxEmptyState,d as SkdxFilterBar,x as SkdxForgotPasswordPage,i as SkdxFormSection,f as SkdxNotificationCenter,n as SkdxOnboardingChecklist,e as SkdxPageContainer,C as SkdxResetPasswordPage,r as SkdxSignInPage,j as SkdxSignUpPage,t as SkdxStatCard,m as SkdxUsageCard,c as SkdxUserMenu,h as SkdxVerificationPage,k as SkdxWorkspaceSwitcher,o as defaultProviderLabel};
+import e from"./page-container/PageContainer.vue.js";import r from"./dashboard-layout/DashboardLayout.vue.js";import{defaultProviderLabel as o}from"./sign-in-page/types.js";import a from"./sign-in-page/SignInPage.vue.js";import t from"./empty-state/EmptyState.vue.js";import s from"./stat-card/StatCard.vue.js";import i from"./form-section/FormSection.vue.js";import m from"./usage-card/UsageCard.vue.js";import n from"./onboarding-checklist/OnboardingChecklist.vue.js";import d from"./filter-bar/FilterBar.vue.js";import p from"./comment/Comment.vue.js";import g from"./comment-thread/CommentThread.vue.js";import u from"./notification-center/NotificationCenter.vue.js";import S from"./conversation-list/ConversationList.vue.js";import f from"./chat-message/ChatMessage.vue.js";import c from"./user-menu/UserMenu.vue.js";import v from"./workspace-switcher/WorkspaceSwitcher.vue.js";import k from"./chat-composer/ChatComposer.vue.js";import j from"./sign-up-page/SignUpPage.vue.js";import x from"./forgot-password-page/ForgotPasswordPage.vue.js";import C from"./reset-password-page/ResetPasswordPage.vue.js";import h from"./verification-page/VerificationPage.vue.js";import P from"./selection-review/SelectionReview.vue.js";import l from"./chart-figure/ChartFigure.vue.js";export{l as SkdxChartFigure,k as SkdxChatComposer,f as SkdxChatMessage,p as SkdxComment,g as SkdxCommentThread,S as SkdxConversationList,r as SkdxDashboardLayout,t as SkdxEmptyState,d as SkdxFilterBar,x as SkdxForgotPasswordPage,i as SkdxFormSection,u as SkdxNotificationCenter,n as SkdxOnboardingChecklist,e as SkdxPageContainer,C as SkdxResetPasswordPage,P as SkdxSelectionReview,a as SkdxSignInPage,j as SkdxSignUpPage,s as SkdxStatCard,m as SkdxUsageCard,c as SkdxUserMenu,h as SkdxVerificationPage,v as SkdxWorkspaceSwitcher,o as defaultProviderLabel};

package/dist/selection-review/SelectionReview.vue.cjs

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

package/dist/selection-review/SelectionReview.vue.d.cts

@@ -0,0 +1,24 @@
+import type { SelectionReviewProps } from './types.cjs';
+type __VLS_Slots = {
+    default?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<SelectionReviewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    confirm: () => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<SelectionReviewProps> & Readonly<{
+    onConfirm?: () => any;
+    onCancel?: () => any;
+}>, {
+    disabled: boolean;
+    variant: "default" | "plain" | (string & {}) | undefined;
+    pending: boolean;
+    titleVisuallyHidden: boolean;
+    actionOrder: "cancel-first" | "confirm-first";
+}, {}, {}, {}, 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/selection-review/SelectionReview.vue.d.ts

@@ -0,0 +1,24 @@
+import type { SelectionReviewProps } from './types.js';
+type __VLS_Slots = {
+    default?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<SelectionReviewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    confirm: () => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<SelectionReviewProps> & Readonly<{
+    onConfirm?: () => any;
+    onCancel?: () => any;
+}>, {
+    disabled: boolean;
+    variant: "default" | "plain" | (string & {}) | undefined;
+    pending: boolean;
+    titleVisuallyHidden: boolean;
+    actionOrder: "cancel-first" | "confirm-first";
+}, {}, {}, {}, 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/selection-review/SelectionReview.vue.js

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

package/dist/selection-review/SelectionReview.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../internal/part.cjs");let e=require("vue"),a=require("@skdx/vue");var m=["aria-labelledby","aria-describedby","data-variant","data-pending","data-title-hidden"],v=["aria-busy"],g=(0,e.defineComponent)({__name:"SelectionReview",props:{variant:{default:"default"},title:{},titleVisuallyHidden:{type:Boolean,default:!1},actionOrder:{default:"cancel-first"},description:{},selectionLabel:{},confirmLabel:{},cancelLabel:{},pendingLabel:{},pending:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["confirm","cancel"],setup(t,{emit:c}){const r=t,d=c,l=(0,e.useId)(),o=(0,e.useId)();function s(){!r.pending&&!r.disabled&&d("confirm")}function u(){r.pending||d("cancel")}return(f,k)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(n.skdxPart)("selection-review","root"),{"aria-labelledby":(0,e.unref)(l),"aria-describedby":t.description?(0,e.unref)(o):void 0,"data-variant":t.variant,"data-pending":t.pending||void 0,"data-title-hidden":t.titleVisuallyHidden||void 0}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n.skdxPart)("selection-review","header"))),[(0,e.createVNode)((0,e.unref)(a.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(l),as:"h2"},(0,e.unref)(n.skdxPart)("selection-review","title")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1},16,["id"]),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxText),(0,e.mergeProps)({key:0,id:(0,e.unref)(o),as:"p",tone:"muted"},(0,e.unref)(n.skdxPart)("selection-review","description")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16,["id"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(a.SkdxText),(0,e.mergeProps)({as:"p",role:"status","aria-atomic":"true"},(0,e.unref)(n.skdxPart)("selection-review","selection")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.selectionLabel),1),t.pending?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(n.skdxPart)("selection-review","pending"))),(0,e.toDisplayString)(t.pendingLabel),17)):(0,e.createCommentVNode)("",!0)]),_:1},16)],16),(0,e.createElementVNode)("div",(0,e.mergeProps)({"aria-busy":t.pending},(0,e.unref)(n.skdxPart)("selection-review","content")),[(0,e.renderSlot)(f.$slots,"default")],16,v),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n.skdxPart)("selection-review","actions"))),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.actionOrder==="confirm-first"?["confirm","cancel"]:["cancel","confirm"],i=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxButton),(0,e.mergeProps)({key:i,type:"button",disabled:!!(t.pending||i==="confirm"&&t.disabled),"focusable-when-disabled":!!t.pending},{ref_for:!0},(0,e.unref)(n.skdxPart)("selection-review",i),{onClick:b=>i==="confirm"?s():u()}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(i==="cancel"?t.cancelLabel:t.confirmLabel),1)]),_:2},1040,["disabled","focusable-when-disabled","onClick"]))),128))],16)],16,m))}});exports.default=g;

package/dist/selection-review/SelectionReview.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{Fragment as a,createBlock as i,createCommentVNode as t,createElementBlock as n,createElementVNode as d,createTextVNode as l,createVNode as o,defineComponent as r,guardReactiveProps as s,mergeProps as c,normalizeProps as p,openBlock as f,renderList as u,renderSlot as b,toDisplayString as m,unref as v,useId as g,withCtx as y}from"vue";import{SkdxButton as k,SkdxHeading as w,SkdxText as x}from"@skdx/vue";var L=["aria-labelledby","aria-describedby","data-variant","data-pending","data-title-hidden"],h=["aria-busy"],B=/* @__PURE__ */r({__name:"SelectionReview",props:{variant:{default:"default"},title:{},titleVisuallyHidden:{type:Boolean,default:!1},actionOrder:{default:"cancel-first"},description:{},selectionLabel:{},confirmLabel:{},cancelLabel:{},pendingLabel:{},pending:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["confirm","cancel"],setup(r,{emit:B}){const _=r,S=B,V=g(),C=g();return(g,B)=>(f(),n("section",c(v(e)("selection-review","root"),{"aria-labelledby":v(V),"aria-describedby":r.description?v(C):void 0,"data-variant":r.variant,"data-pending":r.pending||void 0,"data-title-hidden":r.titleVisuallyHidden||void 0}),[d("div",p(s(v(e)("selection-review","header"))),[o(v(w),c({id:v(V),as:"h2"},v(e)("selection-review","title")),{default:y(()=>[l(m(r.title),1)]),_:1},16,["id"]),r.description?(f(),i(v(x),c({key:0,id:v(C),as:"p",tone:"muted"},v(e)("selection-review","description")),{default:y(()=>[l(m(r.description),1)]),_:1},16,["id"])):t("",!0),o(v(x),c({as:"p",role:"status","aria-atomic":"true"},v(e)("selection-review","selection")),{default:y(()=>[l(m(r.selectionLabel),1),r.pending?(f(),n("span",p(c({key:0},v(e)("selection-review","pending"))),m(r.pendingLabel),17)):t("",!0)]),_:1},16)],16),d("div",c({"aria-busy":r.pending},v(e)("selection-review","content")),[b(g.$slots,"default")],16,h),d("div",p(s(v(e)("selection-review","actions"))),[(f(!0),n(a,null,u("confirm-first"===r.actionOrder?["confirm","cancel"]:["cancel","confirm"],a=>(f(),i(v(k),c({key:a,type:"button",disabled:!!(r.pending||"confirm"===a&&r.disabled),"focusable-when-disabled":!!r.pending},{ref_for:!0},v(e)("selection-review",a),{onClick:e=>"confirm"===a?void(!_.pending&&!_.disabled&&S("confirm")):void(_.pending||S("cancel"))}),{default:y(()=>[l(m("cancel"===a?r.cancelLabel:r.confirmLabel),1)]),_:2},1040,["disabled","focusable-when-disabled","onClick"]))),128))],16)],16,L))}});export{B as default};

package/dist/selection-review/index.cjs

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

package/dist/selection-review/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxSelectionReview } from './SelectionReview.vue.cjs';
+export type { SelectionReviewProps } from './types.cjs';

package/dist/selection-review/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxSelectionReview } from './SelectionReview.vue.js';
+export type { SelectionReviewProps } from './types.js';

package/dist/selection-review/index.js

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

package/dist/selection-review/types.d.cts

@@ -0,0 +1,25 @@
+/** Localized, controlled presentation for selection review. */
+export interface SelectionReviewProps {
+    /** Visual surface: plain integrates with an existing container. @default default */
+    variant?: 'default' | 'plain' | (string & {}) | undefined;
+    /** Localized heading that names the selection review region. */
+    title: string;
+    /** Keeps the region title available to assistive technology without a visible heading. @default false */
+    titleVisuallyHidden?: boolean;
+    /** Controls the visual and keyboard order of both actions. @default cancel-first */
+    actionOrder?: 'cancel-first' | 'confirm-first';
+    /** Optional localized explanation describing the selection review region. @default undefined */
+    description?: string | undefined;
+    /** Consumer-localized selection summary, including counts and pluralized descriptions. */
+    selectionLabel: string;
+    /** Localized visible label for the confirmation action button. */
+    confirmLabel: string;
+    /** Localized visible label for the cancellation action button. */
+    cancelLabel: string;
+    /** Localized pending status; the confirm action label stays stable. */
+    pendingLabel: string;
+    /** Blocks both actions during the consumer's operation. @default false */
+    pending?: boolean;
+    /** Blocks the confirmation action while keeping cancellation available. @default false */
+    disabled?: boolean;
+}

package/dist/selection-review/types.d.ts

@@ -0,0 +1,25 @@
+/** Localized, controlled presentation for selection review. */
+export interface SelectionReviewProps {
+    /** Visual surface: plain integrates with an existing container. @default default */
+    variant?: 'default' | 'plain' | (string & {}) | undefined;
+    /** Localized heading that names the selection review region. */
+    title: string;
+    /** Keeps the region title available to assistive technology without a visible heading. @default false */
+    titleVisuallyHidden?: boolean;
+    /** Controls the visual and keyboard order of both actions. @default cancel-first */
+    actionOrder?: 'cancel-first' | 'confirm-first';
+    /** Optional localized explanation describing the selection review region. @default undefined */
+    description?: string | undefined;
+    /** Consumer-localized selection summary, including counts and pluralized descriptions. */
+    selectionLabel: string;
+    /** Localized visible label for the confirmation action button. */
+    confirmLabel: string;
+    /** Localized visible label for the cancellation action button. */
+    cancelLabel: string;
+    /** Localized pending status; the confirm action label stays stable. */
+    pendingLabel: string;
+    /** Blocks both actions during the consumer's operation. @default false */
+    pending?: boolean;
+    /** Blocks the confirmation action while keeping cancellation available. @default false */
+    disabled?: boolean;
+}

package/dist/stat-card/StatCard.vue.d.cts

@@ -12,6 +12,8 @@ import type { StatCardSentiment, StatCardTrend } from './types.cjs';
 type __VLS_Props = {
     /** Name of the metric, rendered into the label that names the group through aria-labelledby. */
     label: string;
+    /** Surface treatment; plain composes inside an existing surface. @default default */
+    variant?: 'default' | 'plain' | (string & {}) | undefined;
     /**
      * Already-formatted delta text such as "+12.4%", rendered inside the trend region.
      * @default undefined — no trend region renders.
@@ -65,6 +67,7 @@ type __VLS_Slots = {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     progress: number | undefined;
     loading: boolean;
+    variant: "default" | "plain" | (string & {}) | undefined;
     description: string | undefined;
     change: string | undefined;
     trend: StatCardTrend | undefined;

package/dist/stat-card/StatCard.vue.d.ts

@@ -12,6 +12,8 @@ import type { StatCardSentiment, StatCardTrend } from './types.js';
 type __VLS_Props = {
     /** Name of the metric, rendered into the label that names the group through aria-labelledby. */
     label: string;
+    /** Surface treatment; plain composes inside an existing surface. @default default */
+    variant?: 'default' | 'plain' | (string & {}) | undefined;
     /**
      * Already-formatted delta text such as "+12.4%", rendered inside the trend region.
      * @default undefined — no trend region renders.
@@ -65,6 +67,7 @@ type __VLS_Slots = {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     progress: number | undefined;
     loading: boolean;
+    variant: "default" | "plain" | (string & {}) | undefined;
     description: string | undefined;
     change: string | undefined;
     trend: StatCardTrend | undefined;

package/dist/stat-card/StatCard.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("../internal/part.cjs");let e=require("vue"),o=require("@skdx/vue");var s=["aria-labelledby","aria-busy","data-trend","data-sentiment","data-state"],i=["id"],c=["data-trend","data-sentiment"],u=(0,e.defineComponent)({__name:"StatCard",props:{label:{},change:{default:void 0},trend:{default:void 0},sentiment:{default:void 0},changeLabel:{default:void 0},description:{default:void 0},progress:{default:void 0},loading:{type:Boolean,default:!1}},setup(t){const d=t,n=(0,e.useId)(),l=(0,e.computed)(()=>d.change!==void 0&&!d.loading);return(r,m)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({role:"group"},(0,e.unref)(a.skdxPart)("stat-card","root"),{"aria-labelledby":(0,e.unref)(n),"aria-busy":t.loading?"true":void 0,"data-trend":t.trend,"data-sentiment":t.sentiment,"data-state":t.loading?"loading":void 0}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("stat-card","header"))),[r.$slots.icon?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(a.skdxPart)("stat-card","icon")),[(0,e.renderSlot)(r.$slots,"icon")],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("span",(0,e.mergeProps)({id:(0,e.unref)(n)},(0,e.unref)(a.skdxPart)("stat-card","label")),(0,e.toDisplayString)(t.label),17,i),r.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("stat-card","actions"))),[(0,e.renderSlot)(r.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0)],16),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("stat-card","body"))),[(0,e.createElementVNode)("span",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("stat-card","value"))),[t.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxSkeleton),{key:0,shape:"line"})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxText),{key:1,as:"span",variant:"numeric"},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"value")]),_:3}))],16),l.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"data-trend":t.trend,"data-sentiment":t.sentiment},(0,e.unref)(a.skdxPart)("stat-card","trend")),[r.$slots["trend-icon"]?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(a.skdxPart)("stat-card","trend-icon")),[(0,e.renderSlot)(r.$slots,"trend-icon")],16)):(0,e.createCommentVNode)("",!0),t.changeLabel?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxVisuallyHidden),{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.changeLabel),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createTextVNode)((0,e.toDisplayString)(t.change),1)],16,c)):(0,e.createCommentVNode)("",!0)],16),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxText),(0,e.mergeProps)({key:0,as:"p",tone:"muted"},(0,e.unref)(a.skdxPart)("stat-card","description")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),typeof t.progress=="number"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxProgress),(0,e.mergeProps)({key:1,value:t.progress,"aria-labelledby":(0,e.unref)(n)},(0,e.unref)(a.skdxPart)("stat-card","progress")),null,16,["value","aria-labelledby"])):(0,e.createCommentVNode)("",!0),r.$slots.visual?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("stat-card","visual"))),[(0,e.renderSlot)(r.$slots,"visual")],16)):(0,e.createCommentVNode)("",!0),r.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(a.skdxPart)("stat-card","footer"))),[(0,e.renderSlot)(r.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16,s))}});exports.default=u;
+const a=require("../internal/part.cjs");let e=require("vue"),o=require("@skdx/vue");var s=["aria-labelledby","aria-busy","data-variant","data-trend","data-sentiment","data-state"],i=["id"],c=["data-trend","data-sentiment"],u=(0,e.defineComponent)({__name:"StatCard",props:{label:{},variant:{default:"default"},change:{default:void 0},trend:{default:void 0},sentiment:{default:void 0},changeLabel:{default:void 0},description:{default:void 0},progress:{default:void 0},loading:{type:Boolean,default:!1}},setup(t){const d=t,n=(0,e.useId)(),l=(0,e.computed)(()=>d.change!==void 0&&!d.loading);return(r,m)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({role:"group"},(0,e.unref)(a.skdxPart)("stat-card","root"),{"aria-labelledby":(0,e.unref)(n),"aria-busy":t.loading?"true":void 0,"data-variant":t.variant,"data-trend":t.trend,"data-sentiment":t.sentiment,"data-state":t.loading?"loading":void 0}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("stat-card","header"))),[r.$slots.icon?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(a.skdxPart)("stat-card","icon")),[(0,e.renderSlot)(r.$slots,"icon")],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("span",(0,e.mergeProps)({id:(0,e.unref)(n)},(0,e.unref)(a.skdxPart)("stat-card","label")),(0,e.toDisplayString)(t.label),17,i),r.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("stat-card","actions"))),[(0,e.renderSlot)(r.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0)],16),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("stat-card","body"))),[(0,e.createElementVNode)("span",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("stat-card","value"))),[t.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxSkeleton),{key:0,shape:"line"})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxText),{key:1,as:"span",variant:"numeric"},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"value")]),_:3}))],16),l.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"data-trend":t.trend,"data-sentiment":t.sentiment},(0,e.unref)(a.skdxPart)("stat-card","trend")),[r.$slots["trend-icon"]?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(a.skdxPart)("stat-card","trend-icon")),[(0,e.renderSlot)(r.$slots,"trend-icon")],16)):(0,e.createCommentVNode)("",!0),t.changeLabel?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxVisuallyHidden),{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.changeLabel),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createTextVNode)((0,e.toDisplayString)(t.change),1)],16,c)):(0,e.createCommentVNode)("",!0)],16),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxText),(0,e.mergeProps)({key:0,as:"p",tone:"muted"},(0,e.unref)(a.skdxPart)("stat-card","description")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),typeof t.progress=="number"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxProgress),(0,e.mergeProps)({key:1,value:t.progress,"aria-labelledby":(0,e.unref)(n)},(0,e.unref)(a.skdxPart)("stat-card","progress")),null,16,["value","aria-labelledby"])):(0,e.createCommentVNode)("",!0),r.$slots.visual?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("stat-card","visual"))),[(0,e.renderSlot)(r.$slots,"visual")],16)):(0,e.createCommentVNode)("",!0),r.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(a.skdxPart)("stat-card","footer"))),[(0,e.renderSlot)(r.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16,s))}});exports.default=u;

package/dist/stat-card/StatCard.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{skdxPart as a}from"../internal/part.js";import{computed as e,createBlock as t,createCommentVNode as s,createElementBlock as d,createElementVNode as r,createTextVNode as o,defineComponent as n,guardReactiveProps as i,mergeProps as l,normalizeProps as c,openBlock as u,renderSlot as p,toDisplayString as v,unref as m,useId as y,withCtx as g}from"vue";import{SkdxProgress as k,SkdxSkeleton as f,SkdxText as b,SkdxVisuallyHidden as h}from"@skdx/vue";var $=["aria-labelledby","aria-busy","data-trend","data-sentiment","data-state"],x=["id"],S=["data-trend","data-sentiment"],P=/* @__PURE__ */n({__name:"StatCard",props:{label:{},change:{default:void 0},trend:{default:void 0},sentiment:{default:void 0},changeLabel:{default:void 0},description:{default:void 0},progress:{default:void 0},loading:{type:Boolean,default:!1}},setup(n){const P=n,_=y(),B=e(()=>void 0!==P.change&&!P.loading);return(e,y)=>(u(),d("div",l({role:"group"},m(a)("stat-card","root"),{"aria-labelledby":m(_),"aria-busy":n.loading?"true":void 0,"data-trend":n.trend,"data-sentiment":n.sentiment,"data-state":n.loading?"loading":void 0}),[r("div",c(i(m(a)("stat-card","header"))),[e.$slots.icon?(u(),d("span",l({key:0,"aria-hidden":"true"},m(a)("stat-card","icon")),[p(e.$slots,"icon")],16)):s("",!0),r("span",l({id:m(_)},m(a)("stat-card","label")),v(n.label),17,x),e.$slots.actions?(u(),d("div",c(l({key:1},m(a)("stat-card","actions"))),[p(e.$slots,"actions")],16)):s("",!0)],16),r("div",c(i(m(a)("stat-card","body"))),[r("span",c(i(m(a)("stat-card","value"))),[n.loading?(u(),t(m(f),{key:0,shape:"line"})):(u(),t(m(b),{key:1,as:"span",variant:"numeric"},{default:g(()=>[p(e.$slots,"value")]),_:3}))],16),B.value?(u(),d("span",l({key:0,"data-trend":n.trend,"data-sentiment":n.sentiment},m(a)("stat-card","trend")),[e.$slots["trend-icon"]?(u(),d("span",l({key:0,"aria-hidden":"true"},m(a)("stat-card","trend-icon")),[p(e.$slots,"trend-icon")],16)):s("",!0),n.changeLabel?(u(),t(m(h),{key:1},{default:g(()=>[o(v(n.changeLabel),1)]),_:1})):s("",!0),o(v(n.change),1)],16,S)):s("",!0)],16),n.description?(u(),t(m(b),l({key:0,as:"p",tone:"muted"},m(a)("stat-card","description")),{default:g(()=>[o(v(n.description),1)]),_:1},16)):s("",!0),"number"==typeof n.progress?(u(),t(m(k),l({key:1,value:n.progress,"aria-labelledby":m(_)},m(a)("stat-card","progress")),null,16,["value","aria-labelledby"])):s("",!0),e.$slots.visual?(u(),d("div",c(l({key:2},m(a)("stat-card","visual"))),[p(e.$slots,"visual")],16)):s("",!0),e.$slots.footer?(u(),d("div",c(l({key:3},m(a)("stat-card","footer"))),[p(e.$slots,"footer")],16)):s("",!0)],16,$))}});export{P as default};
+import{skdxPart as a}from"../internal/part.js";import{computed as e,createBlock as t,createCommentVNode as s,createElementBlock as d,createElementVNode as r,createTextVNode as n,defineComponent as o,guardReactiveProps as i,mergeProps as l,normalizeProps as c,openBlock as u,renderSlot as p,toDisplayString as v,unref as m,useId as f,withCtx as y}from"vue";import{SkdxProgress as g,SkdxSkeleton as k,SkdxText as b,SkdxVisuallyHidden as h}from"@skdx/vue";var $=["aria-labelledby","aria-busy","data-variant","data-trend","data-sentiment","data-state"],x=["id"],S=["data-trend","data-sentiment"],P=/* @__PURE__ */o({__name:"StatCard",props:{label:{},variant:{default:"default"},change:{default:void 0},trend:{default:void 0},sentiment:{default:void 0},changeLabel:{default:void 0},description:{default:void 0},progress:{default:void 0},loading:{type:Boolean,default:!1}},setup(o){const P=o,_=f(),B=e(()=>void 0!==P.change&&!P.loading);return(e,f)=>(u(),d("div",l({role:"group"},m(a)("stat-card","root"),{"aria-labelledby":m(_),"aria-busy":o.loading?"true":void 0,"data-variant":o.variant,"data-trend":o.trend,"data-sentiment":o.sentiment,"data-state":o.loading?"loading":void 0}),[r("div",c(i(m(a)("stat-card","header"))),[e.$slots.icon?(u(),d("span",l({key:0,"aria-hidden":"true"},m(a)("stat-card","icon")),[p(e.$slots,"icon")],16)):s("",!0),r("span",l({id:m(_)},m(a)("stat-card","label")),v(o.label),17,x),e.$slots.actions?(u(),d("div",c(l({key:1},m(a)("stat-card","actions"))),[p(e.$slots,"actions")],16)):s("",!0)],16),r("div",c(i(m(a)("stat-card","body"))),[r("span",c(i(m(a)("stat-card","value"))),[o.loading?(u(),t(m(k),{key:0,shape:"line"})):(u(),t(m(b),{key:1,as:"span",variant:"numeric"},{default:y(()=>[p(e.$slots,"value")]),_:3}))],16),B.value?(u(),d("span",l({key:0,"data-trend":o.trend,"data-sentiment":o.sentiment},m(a)("stat-card","trend")),[e.$slots["trend-icon"]?(u(),d("span",l({key:0,"aria-hidden":"true"},m(a)("stat-card","trend-icon")),[p(e.$slots,"trend-icon")],16)):s("",!0),o.changeLabel?(u(),t(m(h),{key:1},{default:y(()=>[n(v(o.changeLabel),1)]),_:1})):s("",!0),n(v(o.change),1)],16,S)):s("",!0)],16),o.description?(u(),t(m(b),l({key:0,as:"p",tone:"muted"},m(a)("stat-card","description")),{default:y(()=>[n(v(o.description),1)]),_:1},16)):s("",!0),"number"==typeof o.progress?(u(),t(m(g),l({key:1,value:o.progress,"aria-labelledby":m(_)},m(a)("stat-card","progress")),null,16,["value","aria-labelledby"])):s("",!0),e.$slots.visual?(u(),d("div",c(l({key:2},m(a)("stat-card","visual"))),[p(e.$slots,"visual")],16)):s("",!0),e.$slots.footer?(u(),d("div",c(l({key:3},m(a)("stat-card","footer"))),[p(e.$slots,"footer")],16)):s("",!0)],16,$))}});export{P as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/vue-blocks",
-  "version": "0.45.0",
+  "version": "0.48.0",
   "description": "Vue blocks for the SkandaDX design system — page-level compositions of @skdx/vue styled by @skdx/skins",
   "license": "MIT",
   "publishConfig": {
@@ -33,6 +33,16 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./chart-figure": {
+      "import": {
+        "types": "./dist/chart-figure/index.d.ts",
+        "default": "./dist/chart-figure/index.js"
+      },
+      "require": {
+        "types": "./dist/chart-figure/index.d.cts",
+        "default": "./dist/chart-figure/index.cjs"
+      }
+    },
     "./chat-composer": {
       "import": {
         "types": "./dist/chat-composer/index.d.ts",
@@ -173,6 +183,16 @@
         "default": "./dist/reset-password-page/index.cjs"
       }
     },
+    "./selection-review": {
+      "import": {
+        "types": "./dist/selection-review/index.d.ts",
+        "default": "./dist/selection-review/index.js"
+      },
+      "require": {
+        "types": "./dist/selection-review/index.d.cts",
+        "default": "./dist/selection-review/index.cjs"
+      }
+    },
     "./sign-in-page": {
       "import": {
         "types": "./dist/sign-in-page/index.d.ts",
@@ -254,7 +274,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "vue": "^3.5.0",
-    "@skdx/vue": "^0.45.0"
+    "@skdx/vue": "^0.48.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.0",
@@ -266,7 +286,7 @@
     "vitest": "^4.1.10",
     "vue": "^3.5.39",
     "vue-tsc": "^2.0.0",
-    "@skdx/vue": "0.45.0"
+    "@skdx/vue": "0.48.0"
   },
   "scripts": {
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",