@skdx/vue-blocks 0.1.0 → 0.35.0

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

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import a from"../empty-state/EmptyState.vue.js";import{Fragment as t,computed as i,createBlock as o,createCommentVNode as s,createElementBlock as l,createElementVNode as r,createTextVNode as n,createVNode as d,defineComponent as u,mergeProps as v,openBlock as f,ref as p,renderList as m,renderSlot as c,toDisplayString as k,unref as y,withCtx as _}from"vue";import{SkdxBadge as g,SkdxSkeleton as b,SkdxTime as x,SkdxVisuallyHidden as w}from"@skdx/vue";import{SkdxListbox as S,SkdxListboxGroup as h,SkdxListboxItem as L,SkdxListboxLabel as V}from"@skdx/vue/primitives/listbox";var C=["aria-busy"],B=/* @__PURE__ */u({__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(u,{emit:B}){const N=u,T=B,$=p(N.defaultValue??""),z=i(()=>N.value??$.value),D=i(()=>{const e=/* @__PURE__ */new Map([[void 0,[]]]);for(const a of N.items){const t=e.get(a.group);t?t.push(a):e.set(a.group,[a])}return[...e].filter(([,e])=>e.length>0)});function E(e){return void 0!==e.timestamp||void 0!==e.badge}function j(e){const a=e.selectedValue??"";void 0===N.value&&($.value=a),T("update:value",a),T("value-change",a)}return(i,p)=>(f(),l("div",v(y(e)("conversation-list","root"),{"aria-busy":u.loading?"true":"false"}),[u.loading?(f(),l("div",v({key:0,"aria-hidden":"true"},y(e)("conversation-list","loading")),[d(y(b)),d(y(b)),d(y(b))],16)):0===u.items.length?(f(),o(y(a),v({key:1},y(e)("conversation-list","empty"),{size:"sm",title:N.emptyTitle,description:u.emptyDescription}),null,16,["title","description"])):(f(),o(y(S),v({key:2},y(e)("conversation-list","list"),{"aria-label":u.label,value:z.value,onValueChange:j}),{default:_(()=>[(f(!0),l(t,null,m(D.value,([a,p])=>(f(),l(t,{key:a??"__ungrouped__"},[void 0===a?(f(!0),l(t,{key:0},m(p,a=>(f(),o(y(L),v({key:a.id,value:a.id,disabled:a.disabled,"text-value":a.title,"data-unread":a.unread?"":void 0},{ref_for:!0},y(e)("conversation-list","item")),{default:_(()=>[i.$slots.leading?(f(),l("span",v({key:0,"aria-hidden":"true"},{ref_for:!0},y(e)("conversation-list","leading")),[c(i.$slots,"leading",{item:a})],16)):s("",!0),r("span",v({ref_for:!0},y(e)("conversation-list","body")),[r("span",v({ref_for:!0},y(e)("conversation-list","title")),[n(k(a.title)+" ",1),a.unread?(f(),o(y(w),{key:0},{default:_(()=>[n(k(u.unreadLabel),1)]),_:1})):s("",!0)],16),a.preview?(f(),l("span",v({key:0,ref_for:!0},y(e)("conversation-list","preview")),k(a.preview),17)):s("",!0)],16),E(a)?(f(),l("span",v({key:1,ref_for:!0},y(e)("conversation-list","meta")),[void 0!==a.timestamp?(f(),o(y(x),v({key:0,ref_for:!0},{...y(e)("conversation-list","time"),...void 0===u.now?{}:{now:u.now}},{value:a.timestamp,relative:""}),null,16,["value"])):s("",!0),void 0!==a.badge?(f(),o(y(g),v({key:1,ref_for:!0},y(e)("conversation-list","badge"),{size:"sm"}),{default:_(()=>[n(k(a.badge),1)]),_:2},1040)):s("",!0)],16)):s("",!0)]),_:2},1040,["value","disabled","text-value","data-unread"]))),128)):(f(),o(y(h),v({key:1,ref_for:!0},y(e)("conversation-list","group")),{default:_(()=>[d(y(V),v({ref_for:!0},y(e)("conversation-list","group-label")),{default:_(()=>[n(k(a),1)]),_:2},1040),(f(!0),l(t,null,m(p,a=>(f(),o(y(L),v({key:a.id,value:a.id,disabled:a.disabled,"text-value":a.title,"data-unread":a.unread?"":void 0},{ref_for:!0},y(e)("conversation-list","item")),{default:_(()=>[i.$slots.leading?(f(),l("span",v({key:0,"aria-hidden":"true"},{ref_for:!0},y(e)("conversation-list","leading")),[c(i.$slots,"leading",{item:a})],16)):s("",!0),r("span",v({ref_for:!0},y(e)("conversation-list","body")),[r("span",v({ref_for:!0},y(e)("conversation-list","title")),[n(k(a.title)+" ",1),a.unread?(f(),o(y(w),{key:0},{default:_(()=>[n(k(u.unreadLabel),1)]),_:1})):s("",!0)],16),a.preview?(f(),l("span",v({key:0,ref_for:!0},y(e)("conversation-list","preview")),k(a.preview),17)):s("",!0)],16),E(a)?(f(),l("span",v({key:1,ref_for:!0},y(e)("conversation-list","meta")),[void 0!==a.timestamp?(f(),o(y(x),v({key:0,ref_for:!0},{...y(e)("conversation-list","time"),...void 0===u.now?{}:{now:u.now}},{value:a.timestamp,relative:""}),null,16,["value"])):s("",!0),void 0!==a.badge?(f(),o(y(g),v({key:1,ref_for:!0},y(e)("conversation-list","badge"),{size:"sm"}),{default:_(()=>[n(k(a.badge),1)]),_:2},1040)):s("",!0)],16)):s("",!0)]),_:2},1040,["value","disabled","text-value","data-unread"]))),128))]),_:2},1040))],64))),128))]),_:3},16,["aria-label","value"]))],16,C))}});export{B as default};

package/dist/conversation-list/index.cjs

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

package/dist/conversation-list/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxConversationList } from './ConversationList.vue.cjs';
+export type { ConversationListItem } from './types.cjs';

package/dist/conversation-list/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxConversationList } from './ConversationList.vue.js';
+export type { ConversationListItem } from './types.js';

package/dist/conversation-list/index.js

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

package/dist/conversation-list/types.d.cts

@@ -0,0 +1,38 @@
+import type { DateInput } from '@skdx/vue';
+/** One conversation or thread row rendered by the `SkdxConversationList` block. */
+export interface ConversationListItem {
+    /** Identifier committed as the list's selected value when this row is chosen. */
+    id: string;
+    /** Primary line of the row, and the text the list's typeahead matches on. */
+    title: string;
+    /**
+     * Secondary line under the title, clamped by the skin to two lines.
+     * @default undefined — no preview line renders in the row.
+     */
+    preview?: string | undefined;
+    /**
+     * Instant rendered as a relative timestamp in the row's meta column.
+     * @default undefined — no timestamp renders in the row.
+     */
+    timestamp?: DateInput | undefined;
+    /**
+     * Marks the row as not yet read, mirrored to data-unread on the option.
+     * @default false
+     */
+    unread?: boolean | undefined;
+    /**
+     * Short count or status text rendered into a small badge beside the timestamp.
+     * @default undefined — no badge renders in the row.
+     */
+    badge?: string | undefined;
+    /**
+     * Heading this row belongs under; rows sharing it render inside one group.
+     * @default undefined — the row renders ungrouped, ahead of every group.
+     */
+    group?: string | undefined;
+    /**
+     * Excludes this row from selection and from keyboard and typeahead navigation.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+}

package/dist/conversation-list/types.d.ts

@@ -0,0 +1,38 @@
+import type { DateInput } from '@skdx/vue';
+/** One conversation or thread row rendered by the `SkdxConversationList` block. */
+export interface ConversationListItem {
+    /** Identifier committed as the list's selected value when this row is chosen. */
+    id: string;
+    /** Primary line of the row, and the text the list's typeahead matches on. */
+    title: string;
+    /**
+     * Secondary line under the title, clamped by the skin to two lines.
+     * @default undefined — no preview line renders in the row.
+     */
+    preview?: string | undefined;
+    /**
+     * Instant rendered as a relative timestamp in the row's meta column.
+     * @default undefined — no timestamp renders in the row.
+     */
+    timestamp?: DateInput | undefined;
+    /**
+     * Marks the row as not yet read, mirrored to data-unread on the option.
+     * @default false
+     */
+    unread?: boolean | undefined;
+    /**
+     * Short count or status text rendered into a small badge beside the timestamp.
+     * @default undefined — no badge renders in the row.
+     */
+    badge?: string | undefined;
+    /**
+     * Heading this row belongs under; rows sharing it render inside one group.
+     * @default undefined — the row renders ungrouped, ahead of every group.
+     */
+    group?: string | undefined;
+    /**
+     * Excludes this row from selection and from keyboard and typeahead navigation.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+}

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

@@ -1 +1 @@
-const a=require("../internal/part.cjs");let e=require("vue");var n={key:2},s={key:3},d=["href","aria-current"],u=(0,e.defineComponent)({__name:"DashboardNavList",props:{items:{}},setup(t){return(c,i)=>{const o=(0,e.resolveComponent)("DashboardNavList",!0);return(0,e.openBlock)(),(0,e.createElementBlock)("ul",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","nav-list"))),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,(r,l)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:l},[r.kind==="divider"?((0,e.openBlock)(),(0,e.createElementBlock)("li",(0,e.mergeProps)({key:0,role:"separator"},{ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-divider")),null,16)):r.kind==="header"?((0,e.openBlock)(),(0,e.createElementBlock)("li",(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-header")),(0,e.toDisplayString)(r.label),17)):r.children?.length&&r.href===void 0?((0,e.openBlock)(),(0,e.createElementBlock)("li",n,[(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-item")),(0,e.toDisplayString)(r.label),17),(0,e.createVNode)(o,{items:r.children},null,8,["items"])])):((0,e.openBlock)(),(0,e.createElementBlock)("li",s,[(0,e.createElementVNode)("a",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-item"),{href:r.href,"aria-current":r.current?"page":void 0}),(0,e.toDisplayString)(r.label),17,d)]))],64))),128))],16)}}});exports.default=u;
+const a=require("../internal/part.cjs");let e=require("vue");var l={key:0},s={key:2},d={key:3},c=["href","aria-current"],u=(0,e.defineComponent)({__name:"DashboardNavList",props:{items:{}},setup(t){return(i,p)=>{const o=(0,e.resolveComponent)("DashboardNavList",!0);return(0,e.openBlock)(),(0,e.createElementBlock)("ul",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("dashboard-layout","nav-list"))),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,(r,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:n},[r.kind==="divider"?((0,e.openBlock)(),(0,e.createElementBlock)("li",l,[(0,e.createElementVNode)("hr",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-divider")),null,16)])):r.kind==="header"?((0,e.openBlock)(),(0,e.createElementBlock)("li",(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-header")),(0,e.toDisplayString)(r.label),17)):r.children?.length&&r.href===void 0?((0,e.openBlock)(),(0,e.createElementBlock)("li",s,[(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-item")),(0,e.toDisplayString)(r.label),17),(0,e.createVNode)(o,{items:r.children},null,8,["items"])])):((0,e.openBlock)(),(0,e.createElementBlock)("li",d,[(0,e.createElementVNode)("a",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(a.skdxPart)("dashboard-layout","nav-item"),{href:r.href,"aria-current":r.current?"page":void 0}),(0,e.toDisplayString)(r.label),17,c)]))],64))),128))],16)}}});exports.default=u;

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

@@ -1 +1 @@
-import{skdxPart as e}from"../internal/part.js";import{Fragment as a,createElementBlock as r,createElementVNode as o,createVNode as s,defineComponent as t,guardReactiveProps as l,mergeProps as n,normalizeProps as i,openBlock as d,renderList as m,resolveComponent as u,toDisplayString as f,unref as p}from"vue";var h={key:2},v={key:3},c=["href","aria-current"],y=/* @__PURE__ */t({__name:"DashboardNavList",props:{items:{}},setup:t=>(y,b)=>{const k=u("DashboardNavList",!0);return d(),r("ul",i(l(p(e)("dashboard-layout","nav-list"))),[(d(!0),r(a,null,m(t.items,(t,l)=>(d(),r(a,{key:l},["divider"===t.kind?(d(),r("li",n({key:0,role:"separator"},{ref_for:!0},p(e)("dashboard-layout","nav-divider")),null,16)):"header"===t.kind?(d(),r("li",n({key:1,ref_for:!0},p(e)("dashboard-layout","nav-header")),f(t.label),17)):t.children?.length&&void 0===t.href?(d(),r("li",h,[o("span",n({ref_for:!0},p(e)("dashboard-layout","nav-item")),f(t.label),17),s(k,{items:t.children},null,8,["items"])])):(d(),r("li",v,[o("a",n({ref_for:!0},p(e)("dashboard-layout","nav-item"),{href:t.href,"aria-current":t.current?"page":void 0}),f(t.label),17,c)]))],64))),128))],16)}});export{y as default};
+import{skdxPart as e}from"../internal/part.js";import{Fragment as a,createElementBlock as r,createElementVNode as s,createVNode as o,defineComponent as t,guardReactiveProps as l,mergeProps as n,normalizeProps as i,openBlock as d,renderList as m,resolveComponent as u,toDisplayString as f,unref as h}from"vue";var p={key:0},v={key:2},c={key:3},y=["href","aria-current"],b=/* @__PURE__ */t({__name:"DashboardNavList",props:{items:{}},setup:t=>(b,k)=>{const g=u("DashboardNavList",!0);return d(),r("ul",i(l(h(e)("dashboard-layout","nav-list"))),[(d(!0),r(a,null,m(t.items,(t,l)=>(d(),r(a,{key:l},["divider"===t.kind?(d(),r("li",p,[s("hr",n({ref_for:!0},h(e)("dashboard-layout","nav-divider")),null,16)])):"header"===t.kind?(d(),r("li",n({key:1,ref_for:!0},h(e)("dashboard-layout","nav-header")),f(t.label),17)):t.children?.length&&void 0===t.href?(d(),r("li",v,[s("span",n({ref_for:!0},h(e)("dashboard-layout","nav-item")),f(t.label),17),o(g,{items:t.children},null,8,["items"])])):(d(),r("li",c,[s("a",n({ref_for:!0},h(e)("dashboard-layout","nav-item"),{href:t.href,"aria-current":t.current?"page":void 0}),f(t.label),17,y)]))],64))),128))],16)}});export{b as default};

package/dist/empty-state/EmptyState.vue.cjs

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

package/dist/empty-state/EmptyState.vue.d.cts

@@ -0,0 +1,57 @@
+import type { EmptyStateAlign, EmptyStateHeadingLevel, EmptyStateSize } from './types.cjs';
+/**
+ * Placeholder block for a region with nothing to show — no content yet, no results, first use, or disconnected — composing a Heading, a Text description and consumer-supplied icon and actions.
+ *
+ * @example
+ * ```vue
+ * <SkdxEmptyState title="No invoices yet" description="Invoices you create will show up here.">
+ *   <template #icon><InboxIcon /></template>
+ *   <template #actions><SkdxButton>Create invoice</SkdxButton></template>
+ * </SkdxEmptyState>
+ * ```
+ */
+type __VLS_Props = {
+    /** Heading text naming the empty region, rendered into a derived Heading. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title, explaining why the region is empty.
+     * @default undefined — no description region renders.
+     */
+    description?: string | undefined;
+    /**
+     * Outline level of the derived title heading, from 1 down to 6.
+     * @default 3
+     */
+    headingLevel?: EmptyStateHeadingLevel;
+    /**
+     * Visual size rung, mirrored to data-size; the skin scales the icon, spacing and title by it.
+     * @default undefined — the skin's own default size.
+     */
+    size?: EmptyStateSize | undefined;
+    /**
+     * Text and content alignment rung, mirrored to data-align.
+     * @default 'center'
+     */
+    align?: EmptyStateAlign;
+};
+type __VLS_Slots = {
+    /** Extra content rendered between the description and the actions region. */
+    default?(): unknown;
+    /** Decorative illustration or glyph rendered above the title, always aria-hidden. */
+    icon?(): unknown;
+    /** Primary and secondary controls rendered below the content. */
+    actions?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    headingLevel: EmptyStateHeadingLevel;
+    size: EmptyStateSize | undefined;
+    description: string | undefined;
+    align: EmptyStateAlign;
+}, {}, {}, {}, 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/empty-state/EmptyState.vue.d.ts

@@ -0,0 +1,57 @@
+import type { EmptyStateAlign, EmptyStateHeadingLevel, EmptyStateSize } from './types.js';
+/**
+ * Placeholder block for a region with nothing to show — no content yet, no results, first use, or disconnected — composing a Heading, a Text description and consumer-supplied icon and actions.
+ *
+ * @example
+ * ```vue
+ * <SkdxEmptyState title="No invoices yet" description="Invoices you create will show up here.">
+ *   <template #icon><InboxIcon /></template>
+ *   <template #actions><SkdxButton>Create invoice</SkdxButton></template>
+ * </SkdxEmptyState>
+ * ```
+ */
+type __VLS_Props = {
+    /** Heading text naming the empty region, rendered into a derived Heading. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title, explaining why the region is empty.
+     * @default undefined — no description region renders.
+     */
+    description?: string | undefined;
+    /**
+     * Outline level of the derived title heading, from 1 down to 6.
+     * @default 3
+     */
+    headingLevel?: EmptyStateHeadingLevel;
+    /**
+     * Visual size rung, mirrored to data-size; the skin scales the icon, spacing and title by it.
+     * @default undefined — the skin's own default size.
+     */
+    size?: EmptyStateSize | undefined;
+    /**
+     * Text and content alignment rung, mirrored to data-align.
+     * @default 'center'
+     */
+    align?: EmptyStateAlign;
+};
+type __VLS_Slots = {
+    /** Extra content rendered between the description and the actions region. */
+    default?(): unknown;
+    /** Decorative illustration or glyph rendered above the title, always aria-hidden. */
+    icon?(): unknown;
+    /** Primary and secondary controls rendered below the content. */
+    actions?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    headingLevel: EmptyStateHeadingLevel;
+    size: EmptyStateSize | undefined;
+    description: string | undefined;
+    align: EmptyStateAlign;
+}, {}, {}, {}, 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/empty-state/EmptyState.vue.js

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

package/dist/empty-state/EmptyState.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("../internal/part.cjs");let e=require("vue"),o=require("@skdx/vue");var s=["data-size","data-align"],l=(0,e.defineComponent)({__name:"EmptyState",props:{title:{},description:{default:void 0},headingLevel:{default:3},size:{default:void 0},align:{default:"center"}},setup(t){const n=t,d=(0,e.useId)(),i=(0,e.computed)(()=>`h${n.headingLevel}`);return(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("empty-state","root"),{"data-size":t.size,"data-align":t.align}),[r.$slots.icon?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(a.skdxPart)("empty-state","icon")),[(0,e.renderSlot)(r.$slots,"icon")],16)):(0,e.createCommentVNode)("",!0),(0,e.createVNode)((0,e.unref)(o.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(d)},(0,e.unref)(a.skdxPart)("empty-state","title"),{as:i.value}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1},16,["id","as"]),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxText),(0,e.mergeProps)({key:1,as:"p",tone:"muted"},(0,e.unref)(a.skdxPart)("empty-state","description")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.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:2},(0,e.unref)(a.skdxPart)("empty-state","content"))),[(0,e.renderSlot)(r.$slots,"default")],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)("empty-state","actions"))),[(0,e.renderSlot)(r.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0)],16,s))}});exports.default=l;

package/dist/empty-state/EmptyState.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{computed as t,createBlock as a,createCommentVNode as s,createElementBlock as i,createTextVNode as o,createVNode as d,defineComponent as n,mergeProps as r,normalizeProps as l,openBlock as p,renderSlot as c,toDisplayString as m,unref as u,useId as f,withCtx as v}from"vue";import{SkdxHeading as y,SkdxText as k}from"@skdx/vue";var g=["data-size","data-align"],x=/* @__PURE__ */n({__name:"EmptyState",props:{title:{},description:{default:void 0},headingLevel:{default:3},size:{default:void 0},align:{default:"center"}},setup(n){const x=n,$=f(),h=t(()=>`h${x.headingLevel}`);return(t,f)=>(p(),i("div",r(u(e)("empty-state","root"),{"data-size":n.size,"data-align":n.align}),[t.$slots.icon?(p(),i("div",r({key:0,"aria-hidden":"true"},u(e)("empty-state","icon")),[c(t.$slots,"icon")],16)):s("",!0),d(u(y),r({id:u($)},u(e)("empty-state","title"),{as:h.value}),{default:v(()=>[o(m(n.title),1)]),_:1},16,["id","as"]),n.description?(p(),a(u(k),r({key:1,as:"p",tone:"muted"},u(e)("empty-state","description")),{default:v(()=>[o(m(n.description),1)]),_:1},16)):s("",!0),t.$slots.default?(p(),i("div",l(r({key:2},u(e)("empty-state","content"))),[c(t.$slots,"default")],16)):s("",!0),t.$slots.actions?(p(),i("div",l(r({key:3},u(e)("empty-state","actions"))),[c(t.$slots,"actions")],16)):s("",!0)],16,g))}});export{x as default};

package/dist/empty-state/index.cjs

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

package/dist/empty-state/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxEmptyState } from './EmptyState.vue.cjs';
+export type { EmptyStateAlign, EmptyStateHeadingLevel, EmptyStateSize } from './types.cjs';

package/dist/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxEmptyState } from './EmptyState.vue.js';
+export type { EmptyStateAlign, EmptyStateHeadingLevel, EmptyStateSize } from './types.js';

package/dist/empty-state/index.js

@@ -0,0 +1 @@
+import t from"./EmptyState.vue.js";export{t as SkdxEmptyState};

package/dist/empty-state/types.d.cts

@@ -0,0 +1,6 @@
+/** Outline level of a `SkdxEmptyState`'s derived title heading, from `1` down to `6`. */
+export type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+/** Visual size rung of a `SkdxEmptyState`, mirrored to `data-size`. */
+export type EmptyStateSize = 'sm' | 'md' | 'lg' | (string & {});
+/** Text and content alignment rung of a `SkdxEmptyState`, mirrored to `data-align`. */
+export type EmptyStateAlign = 'center' | 'start' | (string & {});

package/dist/empty-state/types.d.ts

@@ -0,0 +1,6 @@
+/** Outline level of a `SkdxEmptyState`'s derived title heading, from `1` down to `6`. */
+export type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+/** Visual size rung of a `SkdxEmptyState`, mirrored to `data-size`. */
+export type EmptyStateSize = 'sm' | 'md' | 'lg' | (string & {});
+/** Text and content alignment rung of a `SkdxEmptyState`, mirrored to `data-align`. */
+export type EmptyStateAlign = 'center' | 'start' | (string & {});

package/dist/filter-bar/FilterBar.vue.cjs

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

package/dist/filter-bar/FilterBar.vue.d.cts

@@ -0,0 +1,97 @@
+import type { FilterBarFilter } from './types.cjs';
+/**
+ * Filtering surface above a table, list, card grid or report: a search field, the consumer's filter controls, the applied filters as removable tags, and a clear action. Composes TextField, TagGroup and Button.
+ *
+ * @example
+ * ```vue
+ * <SkdxFilterBar
+ *   search-label="Search invoices"
+ *   :active-filters="[{ id: 'status', label: 'Status: Overdue' }]"
+ *   @remove-filter="(filter) => removeFilter(filter.id)"
+ *   @clear="clearFilters"
+ * >
+ *   <SkdxSelect aria-label="Status" />
+ * </SkdxFilterBar>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Accessible name of the root region, written to aria-label.
+     * @default 'Filters'
+     */
+    label?: string;
+    /**
+     * Accessible name of the search field; providing it renders the search region.
+     * @default undefined — no search region renders.
+     */
+    searchLabel?: string | undefined;
+    /**
+     * Placeholder shown in the empty search field.
+     * @default undefined — no placeholder renders.
+     */
+    searchPlaceholder?: string | undefined;
+    /**
+     * Current search text, for controlled usage. Pair with `v-model:search-value` or `@search-value-change`.
+     * @default undefined — uncontrolled, tracks its own value internally.
+     */
+    searchValue?: string | undefined;
+    /**
+     * Initial search text, for uncontrolled usage — seeds the internally-tracked value.
+     * @default ''
+     */
+    defaultSearchValue?: string;
+    /**
+     * Accessible name of the search field's clear button.
+     * @default 'Clear search'
+     */
+    clearSearchLabel?: string;
+    /**
+     * The applied filters, in display order, rendered as removable tags; an empty or omitted list renders no active region.
+     * @default undefined — no active region renders.
+     */
+    activeFilters?: readonly FilterBarFilter[] | undefined;
+    /**
+     * Accessible name of the active-filters tag list.
+     * @default 'Active filters'
+     */
+    activeFiltersLabel?: string;
+    /**
+     * Text rendered on the clear-filters button.
+     * @default 'Clear filters'
+     */
+    clearLabel?: string;
+};
+type __VLS_Slots = {
+    /** The consumer's filter controls, laid out in the filters region. */
+    default?(): unknown;
+    /** Controls rendered at the end of the bar, such as a "Save view" button. */
+    actions?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:searchValue": (value: string) => any;
+    "search-value-change": (value: string) => any;
+    "remove-filter": (filter: FilterBarFilter) => any;
+    clear: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:searchValue"?: (value: string) => any;
+    "onSearch-value-change"?: (value: string) => any;
+    "onRemove-filter"?: (filter: FilterBarFilter) => any;
+    onClear?: () => any;
+}>, {
+    label: string;
+    clearLabel: string;
+    searchLabel: string | undefined;
+    searchPlaceholder: string | undefined;
+    searchValue: string | undefined;
+    defaultSearchValue: string;
+    clearSearchLabel: string;
+    activeFilters: readonly FilterBarFilter[] | undefined;
+    activeFiltersLabel: 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/filter-bar/FilterBar.vue.d.ts

@@ -0,0 +1,97 @@
+import type { FilterBarFilter } from './types.js';
+/**
+ * Filtering surface above a table, list, card grid or report: a search field, the consumer's filter controls, the applied filters as removable tags, and a clear action. Composes TextField, TagGroup and Button.
+ *
+ * @example
+ * ```vue
+ * <SkdxFilterBar
+ *   search-label="Search invoices"
+ *   :active-filters="[{ id: 'status', label: 'Status: Overdue' }]"
+ *   @remove-filter="(filter) => removeFilter(filter.id)"
+ *   @clear="clearFilters"
+ * >
+ *   <SkdxSelect aria-label="Status" />
+ * </SkdxFilterBar>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Accessible name of the root region, written to aria-label.
+     * @default 'Filters'
+     */
+    label?: string;
+    /**
+     * Accessible name of the search field; providing it renders the search region.
+     * @default undefined — no search region renders.
+     */
+    searchLabel?: string | undefined;
+    /**
+     * Placeholder shown in the empty search field.
+     * @default undefined — no placeholder renders.
+     */
+    searchPlaceholder?: string | undefined;
+    /**
+     * Current search text, for controlled usage. Pair with `v-model:search-value` or `@search-value-change`.
+     * @default undefined — uncontrolled, tracks its own value internally.
+     */
+    searchValue?: string | undefined;
+    /**
+     * Initial search text, for uncontrolled usage — seeds the internally-tracked value.
+     * @default ''
+     */
+    defaultSearchValue?: string;
+    /**
+     * Accessible name of the search field's clear button.
+     * @default 'Clear search'
+     */
+    clearSearchLabel?: string;
+    /**
+     * The applied filters, in display order, rendered as removable tags; an empty or omitted list renders no active region.
+     * @default undefined — no active region renders.
+     */
+    activeFilters?: readonly FilterBarFilter[] | undefined;
+    /**
+     * Accessible name of the active-filters tag list.
+     * @default 'Active filters'
+     */
+    activeFiltersLabel?: string;
+    /**
+     * Text rendered on the clear-filters button.
+     * @default 'Clear filters'
+     */
+    clearLabel?: string;
+};
+type __VLS_Slots = {
+    /** The consumer's filter controls, laid out in the filters region. */
+    default?(): unknown;
+    /** Controls rendered at the end of the bar, such as a "Save view" button. */
+    actions?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:searchValue": (value: string) => any;
+    "search-value-change": (value: string) => any;
+    "remove-filter": (filter: FilterBarFilter) => any;
+    clear: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:searchValue"?: (value: string) => any;
+    "onSearch-value-change"?: (value: string) => any;
+    "onRemove-filter"?: (filter: FilterBarFilter) => any;
+    onClear?: () => any;
+}>, {
+    label: string;
+    clearLabel: string;
+    searchLabel: string | undefined;
+    searchPlaceholder: string | undefined;
+    searchValue: string | undefined;
+    defaultSearchValue: string;
+    clearSearchLabel: string;
+    activeFilters: readonly FilterBarFilter[] | undefined;
+    activeFiltersLabel: 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/filter-bar/FilterBar.vue.js

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

package/dist/filter-bar/FilterBar.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("../internal/part.cjs");let e=require("vue"),u=require("@skdx/vue"),c=require("@skdx/vue/primitives/text-field");var k=["aria-label"],b=(0,e.defineComponent)({__name:"FilterBar",props:{label:{default:"Filters"},searchLabel:{default:void 0},searchPlaceholder:{default:void 0},searchValue:{default:void 0},defaultSearchValue:{default:""},clearSearchLabel:{default:"Clear search"},activeFilters:{default:void 0},activeFiltersLabel:{default:"Active filters"},clearLabel:{default:"Clear filters"}},emits:["update:searchValue","search-value-change","remove-filter","clear"],setup(r,{emit:i}){const s=r,o=i,d=(0,e.getCurrentInstance)(),f=()=>d?.vnode.props?.onClear!=null,n=(0,e.computed)(()=>s.activeFilters??[]),m=(0,e.computed)(()=>n.value.map(a=>({value:a.id,label:a.label})));function v(a){o("update:searchValue",a),o("search-value-change",a)}function h(a){const t=n.value[a.index];t&&o("remove-filter",t)}return(a,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)((0,e.unref)(l.skdxPart)("filter-bar","root"),{"aria-label":r.label}),[r.searchLabel?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(l.skdxPart)("filter-bar","search"))),[(0,e.createVNode)((0,e.unref)(u.SkdxTextField),{value:r.searchValue,"default-value":r.defaultSearchValue,onValueChange:v},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(c.SkdxTextFieldInput),{type:"search","aria-label":r.searchLabel,placeholder:r.searchPlaceholder},null,8,["aria-label","placeholder"]),(0,e.createVNode)((0,e.unref)(c.SkdxTextFieldClearButton),{label:r.clearSearchLabel},null,8,["label"])]),_:1},8,["value","default-value"])],16)):(0,e.createCommentVNode)("",!0),a.$slots.default?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(l.skdxPart)("filter-bar","filters"))),[(0,e.renderSlot)(a.$slots,"default")],16)):(0,e.createCommentVNode)("",!0),a.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(l.skdxPart)("filter-bar","actions"))),[(0,e.renderSlot)(a.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0),n.value.length>0?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(l.skdxPart)("filter-bar","active"))),[(0,e.createVNode)((0,e.unref)(u.SkdxTagGroup),(0,e.mergeProps)((0,e.unref)(l.skdxPart)("filter-bar","tags"),{"aria-label":r.activeFiltersLabel,tags:m.value,onRemove:h}),null,16,["aria-label","tags"]),f()?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(u.SkdxButton),(0,e.mergeProps)({key:0},(0,e.unref)(l.skdxPart)("filter-bar","clear"),{variant:"ghost",size:"sm",onClick:t[0]||(t[0]=p=>o("clear"))}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.clearLabel),1)]),_:1},16)):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0)],16,k))}});exports.default=b;

package/dist/filter-bar/FilterBar.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 l,createCommentVNode as t,createElementBlock as r,createTextVNode as s,createVNode as i,defineComponent as o,getCurrentInstance as u,mergeProps as c,normalizeProps as d,openBlock as n,renderSlot as f,toDisplayString as v,unref as b,withCtx as h}from"vue";import{SkdxButton as p,SkdxTagGroup as m,SkdxTextField as k}from"@skdx/vue";import{SkdxTextFieldClearButton as x,SkdxTextFieldInput as g}from"@skdx/vue/primitives/text-field";var S=["aria-label"],C=/* @__PURE__ */o({__name:"FilterBar",props:{label:{default:"Filters"},searchLabel:{default:void 0},searchPlaceholder:{default:void 0},searchValue:{default:void 0},defaultSearchValue:{default:""},clearSearchLabel:{default:"Clear search"},activeFilters:{default:void 0},activeFiltersLabel:{default:"Active filters"},clearLabel:{default:"Clear filters"}},emits:["update:searchValue","search-value-change","remove-filter","clear"],setup(o,{emit:C}){const V=o,F=C,L=u(),y=a(()=>V.activeFilters??[]),B=a(()=>y.value.map(e=>({value:e.id,label:e.label})));function P(e){F("update:searchValue",e),F("search-value-change",e)}function T(e){const a=y.value[e.index];a&&F("remove-filter",a)}return(a,u)=>(n(),r("div",c(b(e)("filter-bar","root"),{"aria-label":o.label}),[o.searchLabel?(n(),r("div",d(c({key:0},b(e)("filter-bar","search"))),[i(b(k),{value:o.searchValue,"default-value":o.defaultSearchValue,onValueChange:P},{default:h(()=>[i(b(g),{type:"search","aria-label":o.searchLabel,placeholder:o.searchPlaceholder},null,8,["aria-label","placeholder"]),i(b(x),{label:o.clearSearchLabel},null,8,["label"])]),_:1},8,["value","default-value"])],16)):t("",!0),a.$slots.default?(n(),r("div",d(c({key:1},b(e)("filter-bar","filters"))),[f(a.$slots,"default")],16)):t("",!0),a.$slots.actions?(n(),r("div",d(c({key:2},b(e)("filter-bar","actions"))),[f(a.$slots,"actions")],16)):t("",!0),y.value.length>0?(n(),r("div",d(c({key:3},b(e)("filter-bar","active"))),[i(b(m),c(b(e)("filter-bar","tags"),{"aria-label":o.activeFiltersLabel,tags:B.value,onRemove:T}),null,16,["aria-label","tags"]),null!=L?.vnode.props?.onClear?(n(),l(b(p),c({key:0},b(e)("filter-bar","clear"),{variant:"ghost",size:"sm",onClick:u[0]||(u[0]=e=>F("clear"))}),{default:h(()=>[s(v(o.clearLabel),1)]),_:1},16)):t("",!0)],16)):t("",!0)],16,S))}});export{C as default};

package/dist/filter-bar/index.cjs

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

package/dist/filter-bar/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxFilterBar } from './FilterBar.vue.cjs';
+export type { FilterBarFilter } from './types.cjs';

package/dist/filter-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxFilterBar } from './FilterBar.vue.js';
+export type { FilterBarFilter } from './types.js';

package/dist/filter-bar/index.js

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

package/dist/filter-bar/types.d.cts

@@ -0,0 +1,7 @@
+/** One applied filter rendered as a removable tag by a `SkdxFilterBar`. */
+export interface FilterBarFilter {
+    /** Unique identifier, carried on `remove-filter` and used as the tag's key. */
+    id: string;
+    /** Text rendered on the tag and read by its remove control's accessible name. */
+    label: string;
+}

package/dist/filter-bar/types.d.ts

@@ -0,0 +1,7 @@
+/** One applied filter rendered as a removable tag by a `SkdxFilterBar`. */
+export interface FilterBarFilter {
+    /** Unique identifier, carried on `remove-filter` and used as the tag's key. */
+    id: string;
+    /** Text rendered on the tag and read by its remove control's accessible name. */
+    label: string;
+}

package/dist/forgot-password-page/ForgotPasswordPage.vue.cjs

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

package/dist/forgot-password-page/ForgotPasswordPage.vue.d.cts

@@ -0,0 +1,76 @@
+import type { ForgotPasswordDetail } from './types.cjs';
+/**
+ * A password-recovery panel: one email field whose address is reported as a `request-reset` event, replaced by a success Alert once the consumer accepts it.
+ *
+ * @example
+ * ```vue
+ * <SkdxForgotPasswordPage
+ *   description="We will email you a link to choose a new password."
+ *   :success="sent ? 'Check your inbox.' : undefined"
+ *   @request-reset="({ email }) => requestReset(email)"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Heading text, rendered into a derived `<h1>` that names the section.
+     * @default 'Reset your password'
+     */
+    title?: string;
+    /**
+     * Supporting copy rendered below the title, explaining what the reset link does.
+     * @default undefined — no description region renders.
+     */
+    description?: string | undefined;
+    /**
+     * Message rendered into a derived error Alert; the block never clears it, the consumer does.
+     * @default undefined — no error region renders.
+     */
+    error?: string | undefined;
+    /**
+     * Confirmation rendered into a derived success Alert that replaces the form entirely.
+     * @default undefined — the form renders instead.
+     */
+    success?: string | undefined;
+    /**
+     * Marks the request in flight, making the submit button busy while the email field stays editable.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Label of the email field the reset link is requested for.
+     * @default 'Email'
+     */
+    emailLabel?: string;
+    /**
+     * Text of the form's submit button.
+     * @default 'Send reset link'
+     */
+    submitLabel?: string;
+};
+type __VLS_Slots = {
+    /** Extra fields rendered inside the form, above the submit button. */
+    default?(): unknown;
+    /** Navigation below the form, such as a link back to the sign-in page. */
+    footer?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "request-reset": (detail: ForgotPasswordDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onRequest-reset"?: (detail: ForgotPasswordDetail) => any;
+}>, {
+    title: string;
+    error: string | undefined;
+    emailLabel: string;
+    submitLabel: string;
+    description: string | undefined;
+    success: string | undefined;
+    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;
+    };
+};