@skdx/vue-blocks 0.34.0 → 0.35.0

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

@@ -0,0 +1,76 @@
+import type { ForgotPasswordDetail } from './types.js';
+/**
+ * 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;
+    };
+};

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

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

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

@@ -0,0 +1 @@
+const r=require("../internal/part.cjs");let e=require("vue"),a=require("@skdx/vue"),n=require("@skdx/vue/primitives/text-field");var f=["aria-labelledby"],c=(0,e.defineComponent)({__name:"ForgotPasswordPage",props:{title:{default:"Reset your password"},description:{default:void 0},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},emailLabel:{default:"Email"},submitLabel:{default:"Send reset link"}},emits:["request-reset"],setup(t,{emit:l}){const i=l,s=(0,e.useId)();function u(o){o.preventDefault();const d=new FormData(o.target).get("email");i("request-reset",{email:typeof d=="string"?d:""})}return(o,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(r.skdxPart)("forgot-password-page","root"),{"aria-labelledby":(0,e.unref)(s)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(r.skdxPart)("forgot-password-page","panel"))),[(0,e.createVNode)((0,e.unref)(a.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(s)},(0,e.unref)(r.skdxPart)("forgot-password-page","title"),{as:"h1"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1},16,["id"]),t.error?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(r.skdxPart)("forgot-password-page","error"),{status:"danger"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.error),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxText),(0,e.mergeProps)({key:1},(0,e.unref)(r.skdxPart)("forgot-password-page","description"),{as:"p",tone:"muted"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),t.success?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxAlert),(0,e.mergeProps)({key:2},(0,e.unref)(r.skdxPart)("forgot-password-page","success"),{status:"success"}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.success),1)]),_:1},16)):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxForm),(0,e.mergeProps)({key:3},(0,e.unref)(r.skdxPart)("forgot-password-page","form"),{onSubmit:u}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxField),(0,e.mergeProps)((0,e.unref)(r.skdxPart)("forgot-password-page","field"),{label:t.emailLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.SkdxTextField),{name:"email",required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxTextFieldInput),{type:"email",autocomplete:"email"})]),_:1})]),_:1},16,["label"]),(0,e.renderSlot)(o.$slots,"default"),(0,e.createVNode)((0,e.unref)(a.SkdxButton),(0,e.mergeProps)((0,e.unref)(r.skdxPart)("forgot-password-page","submit"),{type:"submit",loading:t.pending??!1,disabled:t.pending??!1}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),o.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:4},(0,e.unref)(r.skdxPart)("forgot-password-page","footer"))),[(0,e.renderSlot)(o.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,f))}});exports.default=c;

package/dist/forgot-password-page/ForgotPasswordPage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{createBlock as a,createCommentVNode as t,createElementBlock as s,createElementVNode as o,createTextVNode as r,createVNode as d,defineComponent as l,guardReactiveProps as i,mergeProps as p,normalizeProps as u,openBlock as n,renderSlot as f,toDisplayString as m,unref as g,useId as c,withCtx as k}from"vue";import{SkdxAlert as x,SkdxButton as b,SkdxField as w,SkdxForm as y,SkdxHeading as v,SkdxText as S,SkdxTextField as _}from"@skdx/vue";import{SkdxTextFieldInput as F}from"@skdx/vue/primitives/text-field";var P=["aria-labelledby"],B=/* @__PURE__ */l({__name:"ForgotPasswordPage",props:{title:{default:"Reset your password"},description:{default:void 0},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},emailLabel:{default:"Email"},submitLabel:{default:"Send reset link"}},emits:["request-reset"],setup(l,{emit:B}){const q=B,L=c();function N(e){e.preventDefault();const a=new FormData(e.target).get("email");q("request-reset",{email:"string"==typeof a?a:""})}return(c,B)=>(n(),s("section",p(g(e)("forgot-password-page","root"),{"aria-labelledby":g(L)}),[o("div",u(i(g(e)("forgot-password-page","panel"))),[d(g(v),p({id:g(L)},g(e)("forgot-password-page","title"),{as:"h1"}),{default:k(()=>[r(m(l.title),1)]),_:1},16,["id"]),l.error?(n(),a(g(x),p({key:0},g(e)("forgot-password-page","error"),{status:"danger"}),{default:k(()=>[r(m(l.error),1)]),_:1},16)):t("",!0),l.description?(n(),a(g(S),p({key:1},g(e)("forgot-password-page","description"),{as:"p",tone:"muted"}),{default:k(()=>[r(m(l.description),1)]),_:1},16)):t("",!0),l.success?(n(),a(g(x),p({key:2},g(e)("forgot-password-page","success"),{status:"success"}),{default:k(()=>[r(m(l.success),1)]),_:1},16)):(n(),a(g(y),p({key:3},g(e)("forgot-password-page","form"),{onSubmit:N}),{default:k(()=>[d(g(w),p(g(e)("forgot-password-page","field"),{label:l.emailLabel,required:""}),{default:k(()=>[d(g(_),{name:"email",required:""},{default:k(()=>[d(g(F),{type:"email",autocomplete:"email"})]),_:1})]),_:1},16,["label"]),f(c.$slots,"default"),d(g(b),p(g(e)("forgot-password-page","submit"),{type:"submit",loading:l.pending??!1,disabled:l.pending??!1}),{default:k(()=>[r(m(l.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),c.$slots.footer?(n(),s("div",u(p({key:4},g(e)("forgot-password-page","footer"))),[f(c.$slots,"footer")],16)):t("",!0)],16)],16,P))}});export{B as default};

package/dist/forgot-password-page/index.cjs

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

package/dist/forgot-password-page/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxForgotPasswordPage } from './ForgotPasswordPage.vue.cjs';
+export type { ForgotPasswordDetail } from './types.cjs';

package/dist/forgot-password-page/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxForgotPasswordPage } from './ForgotPasswordPage.vue.js';
+export type { ForgotPasswordDetail } from './types.js';

package/dist/forgot-password-page/index.js

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

package/dist/forgot-password-page/types.d.cts

@@ -0,0 +1,5 @@
+/** The payload a `SkdxForgotPasswordPage` reports when its form is submitted. */
+export interface ForgotPasswordDetail {
+    /** The address the reset link should be sent to, as typed. */
+    email: string;
+}

package/dist/forgot-password-page/types.d.ts

@@ -0,0 +1,5 @@
+/** The payload a `SkdxForgotPasswordPage` reports when its form is submitted. */
+export interface ForgotPasswordDetail {
+    /** The address the reset link should be sent to, as typed. */
+    email: string;
+}

package/dist/form-section/FormSection.vue.cjs

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

package/dist/form-section/FormSection.vue.d.cts

@@ -0,0 +1,49 @@
+import type { FormSectionVariant } from './types.cjs';
+/**
+ * Titled group inside a larger form: a heading, supporting text, the group's fields and a footer for the group's own actions, composing Heading and Text around consumer-supplied fields.
+ *
+ * @example
+ * ```vue
+ * <SkdxFormSection title="Billing address" description="Used for invoices and receipts.">
+ *   <SkdxTextField label="Street" />
+ *   <template #actions><SkdxButton type="submit">Save</SkdxButton></template>
+ * </SkdxFormSection>
+ * ```
+ */
+type __VLS_Props = {
+    /** Heading text naming the group, rendered into a derived Heading that names the section. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title, explaining the group's fields.
+     * @default undefined — no description region renders and aria-describedby is omitted.
+     */
+    description?: string | undefined;
+    /**
+     * Outline level of the derived title heading, from 1 down to 6 inside a larger form outline.
+     * @default 2
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Layout rung mirrored to data-variant; bordered draws a bounded panel and split places the header beside the content on wide viewports.
+     * @default undefined — plain, stacked layout.
+     */
+    variant?: FormSectionVariant | undefined;
+};
+type __VLS_Slots = {
+    /** The group's fields, rendered into the content region. */
+    default?(): unknown;
+    /** The group's own footer controls, rendered below the fields. */
+    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: 1 | 2 | 3 | 4 | 5 | 6;
+    variant: FormSectionVariant | undefined;
+    description: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form-section/FormSection.vue.d.ts

@@ -0,0 +1,49 @@
+import type { FormSectionVariant } from './types.js';
+/**
+ * Titled group inside a larger form: a heading, supporting text, the group's fields and a footer for the group's own actions, composing Heading and Text around consumer-supplied fields.
+ *
+ * @example
+ * ```vue
+ * <SkdxFormSection title="Billing address" description="Used for invoices and receipts.">
+ *   <SkdxTextField label="Street" />
+ *   <template #actions><SkdxButton type="submit">Save</SkdxButton></template>
+ * </SkdxFormSection>
+ * ```
+ */
+type __VLS_Props = {
+    /** Heading text naming the group, rendered into a derived Heading that names the section. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title, explaining the group's fields.
+     * @default undefined — no description region renders and aria-describedby is omitted.
+     */
+    description?: string | undefined;
+    /**
+     * Outline level of the derived title heading, from 1 down to 6 inside a larger form outline.
+     * @default 2
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Layout rung mirrored to data-variant; bordered draws a bounded panel and split places the header beside the content on wide viewports.
+     * @default undefined — plain, stacked layout.
+     */
+    variant?: FormSectionVariant | undefined;
+};
+type __VLS_Slots = {
+    /** The group's fields, rendered into the content region. */
+    default?(): unknown;
+    /** The group's own footer controls, rendered below the fields. */
+    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: 1 | 2 | 3 | 4 | 5 | 6;
+    variant: FormSectionVariant | undefined;
+    description: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form-section/FormSection.vue.js

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

package/dist/form-section/FormSection.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../internal/part.cjs");let e=require("vue"),n=require("@skdx/vue");var c=["data-variant","aria-labelledby","aria-describedby"],l=(0,e.defineComponent)({__name:"FormSection",props:{title:{},description:{default:void 0},headingLevel:{default:2},variant:{default:void 0}},setup(t){const d=t,a=(0,e.useId)(),i=(0,e.useId)(),s=(0,e.computed)(()=>`h${d.headingLevel}`);return(o,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(r.skdxPart)("form-section","root"),{"data-variant":t.variant,"aria-labelledby":(0,e.unref)(a),"aria-describedby":t.description?(0,e.unref)(i):void 0}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(r.skdxPart)("form-section","header"))),[(0,e.createVNode)((0,e.unref)(n.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(a)},(0,e.unref)(r.skdxPart)("form-section","title"),{as:s.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)(n.SkdxText),(0,e.mergeProps)({key:0,id:(0,e.unref)(i),as:"p",tone:"muted"},(0,e.unref)(r.skdxPart)("form-section","description")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1},16,["id"])):(0,e.createCommentVNode)("",!0)],16),(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(r.skdxPart)("form-section","content"))),[(0,e.renderSlot)(o.$slots,"default")],16),o.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(r.skdxPart)("form-section","footer"))),[(0,e.renderSlot)(o.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0)],16,c))}});exports.default=l;

package/dist/form-section/FormSection.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 t,createCommentVNode as o,createElementBlock as s,createElementVNode as i,createTextVNode as r,createVNode as d,defineComponent as n,guardReactiveProps as l,mergeProps as c,normalizeProps as m,openBlock as p,renderSlot as f,toDisplayString as u,unref as v,useId as k,withCtx as b}from"vue";import{SkdxHeading as x,SkdxText as y}from"@skdx/vue";var g=["data-variant","aria-labelledby","aria-describedby"],h=/* @__PURE__ */n({__name:"FormSection",props:{title:{},description:{default:void 0},headingLevel:{default:2},variant:{default:void 0}},setup(n){const h=n,S=k(),N=k(),P=a(()=>`h${h.headingLevel}`);return(a,k)=>(p(),s("section",c(v(e)("form-section","root"),{"data-variant":n.variant,"aria-labelledby":v(S),"aria-describedby":n.description?v(N):void 0}),[i("div",m(l(v(e)("form-section","header"))),[d(v(x),c({id:v(S)},v(e)("form-section","title"),{as:P.value}),{default:b(()=>[r(u(n.title),1)]),_:1},16,["id","as"]),n.description?(p(),t(v(y),c({key:0,id:v(N),as:"p",tone:"muted"},v(e)("form-section","description")),{default:b(()=>[r(u(n.description),1)]),_:1},16,["id"])):o("",!0)],16),i("div",m(l(v(e)("form-section","content"))),[f(a.$slots,"default")],16),a.$slots.actions?(p(),s("div",m(c({key:0},v(e)("form-section","footer"))),[f(a.$slots,"actions")],16)):o("",!0)],16,g))}});export{h as default};

package/dist/form-section/index.cjs

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

package/dist/form-section/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxFormSection } from './FormSection.vue.cjs';
+export type { FormSectionVariant } from './types.cjs';

package/dist/form-section/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxFormSection } from './FormSection.vue.js';
+export type { FormSectionVariant } from './types.js';

package/dist/form-section/index.js

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

package/dist/form-section/types.d.cts

@@ -0,0 +1,2 @@
+/** Layout rung of a `SkdxFormSection`, mirrored to `data-variant` on the root. */
+export type FormSectionVariant = 'bordered' | 'split' | (string & {});

package/dist/form-section/types.d.ts

@@ -0,0 +1,2 @@
+/** Layout rung of a `SkdxFormSection`, mirrored to `data-variant` on the root. */
+export type FormSectionVariant = 'bordered' | 'split' | (string & {});

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"),a=require("./sign-in-page/types.cjs"),t=require("./sign-in-page/SignInPage.vue.cjs");exports.SkdxDashboardLayout=r.default;exports.SkdxPageContainer=e.default;exports.SkdxSignInPage=t.default;exports.defaultProviderLabel=a.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("./confirm-dialog/ConfirmDialog.vue.cjs"),d=require("./form-section/FormSection.vue.cjs"),n=require("./usage-card/UsageCard.vue.cjs"),s=require("./onboarding-checklist/OnboardingChecklist.vue.cjs"),q=require("./filter-bar/FilterBar.vue.cjs"),c=require("./comment/Comment.vue.cjs"),S=require("./comment-thread/CommentThread.vue.cjs"),l=require("./notification-center/NotificationCenter.vue.cjs"),f=require("./conversation-list/ConversationList.vue.cjs"),g=require("./chat-message/ChatMessage.vue.cjs"),k=require("./user-menu/UserMenu.vue.cjs"),C=require("./workspace-switcher/WorkspaceSwitcher.vue.cjs"),_=require("./chat-composer/ChatComposer.vue.cjs"),x=require("./sign-up-page/SignUpPage.vue.cjs"),P=require("./forgot-password-page/ForgotPasswordPage.vue.cjs"),m=require("./reset-password-page/ResetPasswordPage.vue.cjs"),h=require("./verification-page/VerificationPage.vue.cjs");exports.SkdxChatComposer=_.default;exports.SkdxChatMessage=g.default;exports.SkdxComment=c.default;exports.SkdxCommentThread=S.default;exports.SkdxConfirmDialog=o.default;exports.SkdxConversationList=f.default;exports.SkdxDashboardLayout=r.default;exports.SkdxEmptyState=a.default;exports.SkdxFilterBar=q.default;exports.SkdxForgotPasswordPage=P.default;exports.SkdxFormSection=d.default;exports.SkdxNotificationCenter=l.default;exports.SkdxOnboardingChecklist=s.default;exports.SkdxPageContainer=e.default;exports.SkdxResetPasswordPage=m.default;exports.SkdxSignInPage=i.default;exports.SkdxSignUpPage=x.default;exports.SkdxStatCard=u.default;exports.SkdxUsageCard=n.default;exports.SkdxUserMenu=k.default;exports.SkdxVerificationPage=h.default;exports.SkdxWorkspaceSwitcher=C.default;exports.defaultProviderLabel=t.defaultProviderLabel;

package/dist/index.d.cts

@@ -2,3 +2,22 @@ export { SkdxPageContainer } from './page-container/index.cjs';
 export { SkdxDashboardLayout, type DashboardNavigationItem } from './dashboard-layout/index.cjs';
 export { SkdxSignInPage, defaultProviderLabel } from './sign-in-page/index.cjs';
 export type { SignInDetail, SignInProvider } from './sign-in-page/index.cjs';
+export { SkdxEmptyState, type EmptyStateAlign, type EmptyStateHeadingLevel, type EmptyStateSize, } from './empty-state/index.cjs';
+export { SkdxStatCard, type StatCardSentiment, type StatCardTrend } from './stat-card/index.cjs';
+export { SkdxConfirmDialog, type ConfirmDialogSize } from './confirm-dialog/index.cjs';
+export { SkdxFormSection, type FormSectionVariant } from './form-section/index.cjs';
+export { SkdxUsageCard, type UsageCardStatus } from './usage-card/index.cjs';
+export { SkdxOnboardingChecklist, type OnboardingChecklistItem, type OnboardingChecklistItemState, } from './onboarding-checklist/index.cjs';
+export { SkdxFilterBar, type FilterBarFilter } from './filter-bar/index.cjs';
+export { SkdxComment } from './comment/index.cjs';
+export { SkdxCommentThread } from './comment-thread/index.cjs';
+export { SkdxNotificationCenter, type NotificationCenterItem } from './notification-center/index.cjs';
+export { SkdxConversationList, type ConversationListItem } from './conversation-list/index.cjs';
+export { SkdxChatMessage } from './chat-message/index.cjs';
+export { SkdxUserMenu, type UserMenuVariant } from './user-menu/index.cjs';
+export { SkdxWorkspaceSwitcher, type WorkspaceSwitcherItem } from './workspace-switcher/index.cjs';
+export { SkdxChatComposer, type ChatComposerSendDetail, type ChatComposerSubmitKey, } from './chat-composer/index.cjs';
+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';

package/dist/index.d.ts

@@ -2,3 +2,22 @@ export { SkdxPageContainer } from './page-container/index.js';
 export { SkdxDashboardLayout, type DashboardNavigationItem } from './dashboard-layout/index.js';
 export { SkdxSignInPage, defaultProviderLabel } from './sign-in-page/index.js';
 export type { SignInDetail, SignInProvider } from './sign-in-page/index.js';
+export { SkdxEmptyState, type EmptyStateAlign, type EmptyStateHeadingLevel, type EmptyStateSize, } from './empty-state/index.js';
+export { SkdxStatCard, type StatCardSentiment, type StatCardTrend } from './stat-card/index.js';
+export { SkdxConfirmDialog, type ConfirmDialogSize } from './confirm-dialog/index.js';
+export { SkdxFormSection, type FormSectionVariant } from './form-section/index.js';
+export { SkdxUsageCard, type UsageCardStatus } from './usage-card/index.js';
+export { SkdxOnboardingChecklist, type OnboardingChecklistItem, type OnboardingChecklistItemState, } from './onboarding-checklist/index.js';
+export { SkdxFilterBar, type FilterBarFilter } from './filter-bar/index.js';
+export { SkdxComment } from './comment/index.js';
+export { SkdxCommentThread } from './comment-thread/index.js';
+export { SkdxNotificationCenter, type NotificationCenterItem } from './notification-center/index.js';
+export { SkdxConversationList, type ConversationListItem } from './conversation-list/index.js';
+export { SkdxChatMessage } from './chat-message/index.js';
+export { SkdxUserMenu, type UserMenuVariant } from './user-menu/index.js';
+export { SkdxWorkspaceSwitcher, type WorkspaceSwitcherItem } from './workspace-switcher/index.js';
+export { SkdxChatComposer, type ChatComposerSendDetail, type ChatComposerSubmitKey, } from './chat-composer/index.js';
+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';

package/dist/index.js

@@ -1 +1 @@
-import a from"./page-container/PageContainer.vue.js";import e 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";export{e as SkdxDashboardLayout,a as SkdxPageContainer,r as SkdxSignInPage,o as defaultProviderLabel};
+import e from"./page-container/PageContainer.vue.js";import o from"./dashboard-layout/DashboardLayout.vue.js";import{defaultProviderLabel as a}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"./confirm-dialog/ConfirmDialog.vue.js";import m from"./form-section/FormSection.vue.js";import n from"./usage-card/UsageCard.vue.js";import d from"./onboarding-checklist/OnboardingChecklist.vue.js";import p from"./filter-bar/FilterBar.vue.js";import g from"./comment/Comment.vue.js";import f from"./comment-thread/CommentThread.vue.js";import S from"./notification-center/NotificationCenter.vue.js";import u from"./conversation-list/ConversationList.vue.js";import c from"./chat-message/ChatMessage.vue.js";import k from"./user-menu/UserMenu.vue.js";import v from"./workspace-switcher/WorkspaceSwitcher.vue.js";import C 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 h from"./reset-password-page/ResetPasswordPage.vue.js";import P from"./verification-page/VerificationPage.vue.js";export{C as SkdxChatComposer,c as SkdxChatMessage,g as SkdxComment,f as SkdxCommentThread,i as SkdxConfirmDialog,u as SkdxConversationList,o as SkdxDashboardLayout,s as SkdxEmptyState,p as SkdxFilterBar,x as SkdxForgotPasswordPage,m as SkdxFormSection,S as SkdxNotificationCenter,d as SkdxOnboardingChecklist,e as SkdxPageContainer,h as SkdxResetPasswordPage,r as SkdxSignInPage,j as SkdxSignUpPage,t as SkdxStatCard,n as SkdxUsageCard,k as SkdxUserMenu,P as SkdxVerificationPage,v as SkdxWorkspaceSwitcher,a as defaultProviderLabel};

package/dist/notification-center/NotificationCenter.vue.cjs

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

package/dist/notification-center/NotificationCenter.vue.d.cts

@@ -0,0 +1,111 @@
+import type { NotificationCenterItem } from './types.cjs';
+/**
+ * Notification list block: read/unread state, timestamps, a leading visual and per-item and mark-all-read actions, rendered as panel content for a Popover, Drawer, Dialog or page.
+ *
+ * @example
+ * ```vue
+ * <SkdxNotificationCenter
+ *   :notifications="notifications"
+ *   @select="(detail) => open(detail.item)"
+ *   @read-change="(detail) => markRead(detail.item.id, detail.read)"
+ *   @mark-all-read="markAllRead"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /** The notifications to list, in render order. */
+    notifications: readonly NotificationCenterItem[];
+    /**
+     * Heading text, rendered into a derived Heading that names the section.
+     * @default 'Notifications'
+     */
+    title?: string;
+    /**
+     * Outline level of the derived title heading, from 1 down to 6.
+     * @default 2
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Text of the mark-all-read button, rendered only when a mark-all-read listener is given.
+     * @default 'Mark all as read'
+     */
+    markAllReadLabel?: string;
+    /**
+     * Text of a per-item toggle while that notification is unread.
+     * @default 'Mark as read'
+     */
+    markReadLabel?: string;
+    /**
+     * Text of a per-item toggle while that notification is read.
+     * @default 'Mark as unread'
+     */
+    markUnreadLabel?: string;
+    /**
+     * Heading text of the derived EmptyState shown when notifications is empty.
+     * @default 'No notifications'
+     */
+    emptyTitle?: string;
+    /**
+     * Supporting copy of the derived EmptyState shown when notifications is empty.
+     * @default undefined — the empty state renders with no description.
+     */
+    emptyDescription?: string | undefined;
+    /**
+     * Shows a skeleton region instead of the list while notifications are still loading.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Reference instant every item's relative timestamp is measured from.
+     * @default undefined — each Time reads the instant once at render.
+     */
+    now?: Date | number | undefined;
+};
+type __VLS_Slots = {
+    /** Header controls rendered beside the mark-all-read button. */
+    actions?(): unknown;
+    /** Decorative avatar or icon beside one notification, always aria-hidden. */
+    leading?(props: {
+        item: NotificationCenterItem;
+    }): unknown;
+    /** Extra controls beside one notification's read/unread toggle. */
+    'item-actions'?(props: {
+        item: NotificationCenterItem;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (detail: {
+        item: NotificationCenterItem;
+    }) => any;
+    "read-change": (detail: {
+        item: NotificationCenterItem;
+        read: boolean;
+    }) => any;
+    "mark-all-read": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (detail: {
+        item: NotificationCenterItem;
+    }) => any;
+    "onRead-change"?: (detail: {
+        item: NotificationCenterItem;
+        read: boolean;
+    }) => any;
+    "onMark-all-read"?: () => any;
+}>, {
+    title: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    loading: boolean;
+    now: Date | number | undefined;
+    markAllReadLabel: string;
+    markReadLabel: string;
+    markUnreadLabel: string;
+    emptyTitle: string;
+    emptyDescription: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/notification-center/NotificationCenter.vue.d.ts

@@ -0,0 +1,111 @@
+import type { NotificationCenterItem } from './types.js';
+/**
+ * Notification list block: read/unread state, timestamps, a leading visual and per-item and mark-all-read actions, rendered as panel content for a Popover, Drawer, Dialog or page.
+ *
+ * @example
+ * ```vue
+ * <SkdxNotificationCenter
+ *   :notifications="notifications"
+ *   @select="(detail) => open(detail.item)"
+ *   @read-change="(detail) => markRead(detail.item.id, detail.read)"
+ *   @mark-all-read="markAllRead"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /** The notifications to list, in render order. */
+    notifications: readonly NotificationCenterItem[];
+    /**
+     * Heading text, rendered into a derived Heading that names the section.
+     * @default 'Notifications'
+     */
+    title?: string;
+    /**
+     * Outline level of the derived title heading, from 1 down to 6.
+     * @default 2
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Text of the mark-all-read button, rendered only when a mark-all-read listener is given.
+     * @default 'Mark all as read'
+     */
+    markAllReadLabel?: string;
+    /**
+     * Text of a per-item toggle while that notification is unread.
+     * @default 'Mark as read'
+     */
+    markReadLabel?: string;
+    /**
+     * Text of a per-item toggle while that notification is read.
+     * @default 'Mark as unread'
+     */
+    markUnreadLabel?: string;
+    /**
+     * Heading text of the derived EmptyState shown when notifications is empty.
+     * @default 'No notifications'
+     */
+    emptyTitle?: string;
+    /**
+     * Supporting copy of the derived EmptyState shown when notifications is empty.
+     * @default undefined — the empty state renders with no description.
+     */
+    emptyDescription?: string | undefined;
+    /**
+     * Shows a skeleton region instead of the list while notifications are still loading.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Reference instant every item's relative timestamp is measured from.
+     * @default undefined — each Time reads the instant once at render.
+     */
+    now?: Date | number | undefined;
+};
+type __VLS_Slots = {
+    /** Header controls rendered beside the mark-all-read button. */
+    actions?(): unknown;
+    /** Decorative avatar or icon beside one notification, always aria-hidden. */
+    leading?(props: {
+        item: NotificationCenterItem;
+    }): unknown;
+    /** Extra controls beside one notification's read/unread toggle. */
+    'item-actions'?(props: {
+        item: NotificationCenterItem;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (detail: {
+        item: NotificationCenterItem;
+    }) => any;
+    "read-change": (detail: {
+        item: NotificationCenterItem;
+        read: boolean;
+    }) => any;
+    "mark-all-read": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (detail: {
+        item: NotificationCenterItem;
+    }) => any;
+    "onRead-change"?: (detail: {
+        item: NotificationCenterItem;
+        read: boolean;
+    }) => any;
+    "onMark-all-read"?: () => any;
+}>, {
+    title: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    loading: boolean;
+    now: Date | number | undefined;
+    markAllReadLabel: string;
+    markReadLabel: string;
+    markUnreadLabel: string;
+    emptyTitle: string;
+    emptyDescription: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/notification-center/NotificationCenter.vue.js

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

package/dist/notification-center/NotificationCenter.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const t=require("../internal/part.cjs"),B=require("../empty-state/EmptyState.vue.cjs");let e=require("vue"),a=require("@skdx/vue");var h=["aria-labelledby","aria-busy"],x=["data-read"],C=(0,e.defineComponent)({__name:"NotificationCenter",props:{notifications:{},title:{default:"Notifications"},headingLevel:{default:2},markAllReadLabel:{default:"Mark all as read"},markReadLabel:{default:"Mark as read"},markUnreadLabel:{default:"Mark as unread"},emptyTitle:{default:"No notifications"},emptyDescription:{default:void 0},loading:{type:Boolean,default:!1},now:{default:void 0}},emits:["select","read-change","mark-all-read"],setup(o,{emit:m}){const i=o,l=m,u=(0,e.useId)(),p=(0,e.computed)(()=>`h${i.headingLevel}`),g=(0,e.computed)(()=>i.notifications.filter(r=>!r.read).length),d=(0,e.getCurrentInstance)(),c=()=>d?.vnode.props?.onSelect!=null,s=()=>d?.vnode.props?.onReadChange!=null,f=()=>d?.vnode.props?.onMarkAllRead!=null;function v(r){c()&&l("select",{item:r})}function P(r){s()&&l("read-change",{item:r,read:!r.read})}return(r,k)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(t.skdxPart)("notification-center","root"),{"aria-labelledby":(0,e.unref)(u),"aria-busy":o.loading?"true":"false"}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(t.skdxPart)("notification-center","header"))),[(0,e.createVNode)((0,e.unref)(a.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(u)},(0,e.unref)(t.skdxPart)("notification-center","title"),{as:p.value}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.title),1)]),_:1},16,["id","as"]),r.$slots.actions||f()?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(t.skdxPart)("notification-center","actions"))),[(0,e.renderSlot)(r.$slots,"actions"),f()?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxButton),(0,e.mergeProps)({key:0},(0,e.unref)(t.skdxPart)("notification-center","mark-all-read"),{size:"sm",variant:"ghost",disabled:g.value===0,onClick:k[0]||(k[0]=n=>l("mark-all-read"))}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.markAllReadLabel),1)]),_:1},16,["disabled"])):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0)],16),o.loading?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(t.skdxPart)("notification-center","loading")),[(0,e.createVNode)((0,e.unref)(a.SkdxSkeleton),{shape:"line"}),(0,e.createVNode)((0,e.unref)(a.SkdxSkeleton),{shape:"line"}),(0,e.createVNode)((0,e.unref)(a.SkdxSkeleton),{shape:"line"})],16)):o.notifications.length===0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(B.default),(0,e.mergeProps)({key:1},(0,e.unref)(t.skdxPart)("notification-center","empty"),{title:i.emptyTitle,description:o.emptyDescription,size:"sm"}),null,16,["title","description"])):((0,e.openBlock)(),(0,e.createElementBlock)("ul",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(t.skdxPart)("notification-center","list"))),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(o.notifications,n=>((0,e.openBlock)(),(0,e.createElementBlock)("li",(0,e.mergeProps)({key:n.id,"data-read":n.read?"":void 0},{ref_for:!0},(0,e.unref)(t.skdxPart)("notification-center","item")),[r.$slots.leading?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({key:0,"aria-hidden":"true"},{ref_for:!0},(0,e.unref)(t.skdxPart)("notification-center","leading")),[(0,e.renderSlot)(r.$slots,"leading",{item:n})],16)):(0,e.createCommentVNode)("",!0),((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(c()?"button":"div"),(0,e.mergeProps)({type:c()?"button":void 0},{ref_for:!0},(0,e.unref)(t.skdxPart)("notification-center","body"),{onClick:y=>v(n)}),{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(t.skdxPart)("notification-center","item-title")),(0,e.toDisplayString)(n.title),17),n.description?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,ref_for:!0},(0,e.unref)(t.skdxPart)("notification-center","description")),(0,e.toDisplayString)(n.description),17)):(0,e.createCommentVNode)("",!0),n.timestamp!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxTime),(0,e.mergeProps)({key:1,ref_for:!0},{...(0,e.unref)(t.skdxPart)("notification-center","time"),...o.now===void 0?{}:{now:o.now}},{value:n.timestamp,relative:""}),null,16,["value"])):(0,e.createCommentVNode)("",!0)]),_:2},1040,["type","onClick"])),r.$slots["item-actions"]||s()?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(t.skdxPart)("notification-center","item-actions")),[(0,e.renderSlot)(r.$slots,"item-actions",{item:n}),s()?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.SkdxButton),(0,e.mergeProps)({key:0,ref_for:!0},(0,e.unref)(t.skdxPart)("notification-center","read-toggle"),{size:"sm",variant:"ghost",onClick:y=>P(n)}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(n.read?o.markUnreadLabel:o.markReadLabel),1)]),_:2},1040,["onClick"])):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0)],16,x))),128))],16))],16,h))}});exports.default=C;

package/dist/notification-center/NotificationCenter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import t from"../empty-state/EmptyState.vue.js";import{Fragment as a,computed as i,createBlock as n,createCommentVNode as o,createElementBlock as r,createElementVNode as l,createTextVNode as s,createVNode as d,defineComponent as c,getCurrentInstance as f,guardReactiveProps as m,mergeProps as p,normalizeProps as u,openBlock as k,renderList as v,renderSlot as y,resolveDynamicComponent as g,toDisplayString as b,unref as h,useId as _,withCtx as C}from"vue";import{SkdxButton as x,SkdxHeading as L,SkdxSkeleton as S,SkdxTime as N}from"@skdx/vue";var R=["aria-labelledby","aria-busy"],$=["data-read"],w=/* @__PURE__ */c({__name:"NotificationCenter",props:{notifications:{},title:{default:"Notifications"},headingLevel:{default:2},markAllReadLabel:{default:"Mark all as read"},markReadLabel:{default:"Mark as read"},markUnreadLabel:{default:"Mark as unread"},emptyTitle:{default:"No notifications"},emptyDescription:{default:void 0},loading:{type:Boolean,default:!1},now:{default:void 0}},emits:["select","read-change","mark-all-read"],setup(c,{emit:w}){const B=c,z=w,D=_(),M=i(()=>`h${B.headingLevel}`),P=i(()=>B.notifications.filter(e=>!e.read).length),T=f(),V=()=>null!=T?.vnode.props?.onSelect,A=()=>null!=T?.vnode.props?.onReadChange,E=()=>null!=T?.vnode.props?.onMarkAllRead;return(i,f)=>(k(),r("section",p(h(e)("notification-center","root"),{"aria-labelledby":h(D),"aria-busy":c.loading?"true":"false"}),[l("div",u(m(h(e)("notification-center","header"))),[d(h(L),p({id:h(D)},h(e)("notification-center","title"),{as:M.value}),{default:C(()=>[s(b(c.title),1)]),_:1},16,["id","as"]),i.$slots.actions||E()?(k(),r("div",u(p({key:0},h(e)("notification-center","actions"))),[y(i.$slots,"actions"),E()?(k(),n(h(x),p({key:0},h(e)("notification-center","mark-all-read"),{size:"sm",variant:"ghost",disabled:0===P.value,onClick:f[0]||(f[0]=e=>z("mark-all-read"))}),{default:C(()=>[s(b(c.markAllReadLabel),1)]),_:1},16,["disabled"])):o("",!0)],16)):o("",!0)],16),c.loading?(k(),r("div",p({key:0,"aria-hidden":"true"},h(e)("notification-center","loading")),[d(h(S),{shape:"line"}),d(h(S),{shape:"line"}),d(h(S),{shape:"line"})],16)):0===c.notifications.length?(k(),n(h(t),p({key:1},h(e)("notification-center","empty"),{title:B.emptyTitle,description:c.emptyDescription,size:"sm"}),null,16,["title","description"])):(k(),r("ul",u(p({key:2},h(e)("notification-center","list"))),[(k(!0),r(a,null,v(c.notifications,t=>(k(),r("li",p({key:t.id,"data-read":t.read?"":void 0},{ref_for:!0},h(e)("notification-center","item")),[i.$slots.leading?(k(),r("div",p({key:0,"aria-hidden":"true"},{ref_for:!0},h(e)("notification-center","leading")),[y(i.$slots,"leading",{item:t})],16)):o("",!0),(k(),n(g(V()?"button":"div"),p({type:V()?"button":void 0},{ref_for:!0},h(e)("notification-center","body"),{onClick:e=>function(e){V()&&z("select",{item:e})}(t)}),{default:C(()=>[l("span",p({ref_for:!0},h(e)("notification-center","item-title")),b(t.title),17),t.description?(k(),r("span",p({key:0,ref_for:!0},h(e)("notification-center","description")),b(t.description),17)):o("",!0),void 0!==t.timestamp?(k(),n(h(N),p({key:1,ref_for:!0},{...h(e)("notification-center","time"),...void 0===c.now?{}:{now:c.now}},{value:t.timestamp,relative:""}),null,16,["value"])):o("",!0)]),_:2},1040,["type","onClick"])),i.$slots["item-actions"]||A()?(k(),r("div",p({key:1,ref_for:!0},h(e)("notification-center","item-actions")),[y(i.$slots,"item-actions",{item:t}),A()?(k(),n(h(x),p({key:0,ref_for:!0},h(e)("notification-center","read-toggle"),{size:"sm",variant:"ghost",onClick:e=>function(e){A()&&z("read-change",{item:e,read:!e.read})}(t)}),{default:C(()=>[s(b(t.read?c.markUnreadLabel:c.markReadLabel),1)]),_:2},1040,["onClick"])):o("",!0)],16)):o("",!0)],16,$))),128))],16))],16,R))}});export{w as default};

package/dist/notification-center/index.cjs

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

package/dist/notification-center/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxNotificationCenter } from './NotificationCenter.vue.cjs';
+export type { NotificationCenterItem } from './types.cjs';

package/dist/notification-center/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxNotificationCenter } from './NotificationCenter.vue.js';
+export type { NotificationCenterItem } from './types.js';

package/dist/notification-center/index.js

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