@skdx/vue-blocks 0.1.0 → 0.35.0

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

@@ -0,0 +1,23 @@
+import type { DateInput } from '@skdx/vue';
+/** One entry of a `SkdxNotificationCenter`'s `notifications` — a single notification. */
+export interface NotificationCenterItem {
+    /** Identifier reported back through every event and used as the list item's key. */
+    id: string;
+    /** Headline text rendered as the notification's title. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title.
+     * @default undefined — no description renders for this item.
+     */
+    description?: string | undefined;
+    /**
+     * Instant the notification occurred, rendered into a derived Time.
+     * @default undefined — no timestamp renders for this item.
+     */
+    timestamp?: DateInput | undefined;
+    /**
+     * Whether the notification has been read, driving data-read and the read-toggle label.
+     * @default undefined — treated as unread.
+     */
+    read?: boolean | undefined;
+}

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

@@ -0,0 +1,23 @@
+import type { DateInput } from '@skdx/vue';
+/** One entry of a `SkdxNotificationCenter`'s `notifications` — a single notification. */
+export interface NotificationCenterItem {
+    /** Identifier reported back through every event and used as the list item's key. */
+    id: string;
+    /** Headline text rendered as the notification's title. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title.
+     * @default undefined — no description renders for this item.
+     */
+    description?: string | undefined;
+    /**
+     * Instant the notification occurred, rendered into a derived Time.
+     * @default undefined — no timestamp renders for this item.
+     */
+    timestamp?: DateInput | undefined;
+    /**
+     * Whether the notification has been read, driving data-read and the read-toggle label.
+     * @default undefined — treated as unread.
+     */
+    read?: boolean | undefined;
+}

package/dist/onboarding-checklist/OnboardingChecklist.vue.cjs

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

package/dist/onboarding-checklist/OnboardingChecklist.vue.d.cts

@@ -0,0 +1,59 @@
+import { type OnboardingChecklistItem } from './types.cjs';
+/**
+ * Progress checklist block: a header naming the checklist with an overall Progress meter, above an ordered list of tasks each carrying its own completion state and an optional action.
+ *
+ * @example
+ * ```vue
+ * <SkdxOnboardingChecklist
+ *   title="Get started"
+ *   :items="[
+ *     { id: 'profile', label: 'Complete your profile', state: 'complete' },
+ *     { id: 'invite', label: 'Invite a teammate', state: 'active', actionLabel: 'Invite' },
+ *   ]"
+ *   @action="(item) => open(item.id)"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /** Heading text naming the checklist, rendered into a derived Heading. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title, explaining what the checklist covers.
+     * @default undefined — no description region renders.
+     */
+    description?: string | undefined;
+    /**
+     * Outline level of the derived title heading, from 1 down to 6.
+     * @default 2
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** The tasks to complete, in render order. */
+    items: readonly OnboardingChecklistItem[];
+    /**
+     * Formats the progress meter's readout from the completed and total item counts.
+     * @default defaultGetProgressLabel — reads "1/3".
+     */
+    getProgressLabel?: (complete: number, total: number) => string;
+    /**
+     * Visually hidden text appended after a completed item's title, announcing its completion.
+     * @default 'Completed'
+     */
+    completeLabel?: string;
+    /**
+     * Text rendered beside an optional item's title.
+     * @default 'Optional'
+     */
+    optionalLabel?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    action: (item: OnboardingChecklistItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAction?: (item: OnboardingChecklistItem) => any;
+}>, {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    description: string | undefined;
+    getProgressLabel: (complete: number, total: number) => string;
+    completeLabel: string;
+    optionalLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/onboarding-checklist/OnboardingChecklist.vue.d.ts

@@ -0,0 +1,59 @@
+import { type OnboardingChecklistItem } from './types.js';
+/**
+ * Progress checklist block: a header naming the checklist with an overall Progress meter, above an ordered list of tasks each carrying its own completion state and an optional action.
+ *
+ * @example
+ * ```vue
+ * <SkdxOnboardingChecklist
+ *   title="Get started"
+ *   :items="[
+ *     { id: 'profile', label: 'Complete your profile', state: 'complete' },
+ *     { id: 'invite', label: 'Invite a teammate', state: 'active', actionLabel: 'Invite' },
+ *   ]"
+ *   @action="(item) => open(item.id)"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /** Heading text naming the checklist, rendered into a derived Heading. */
+    title: string;
+    /**
+     * Supporting copy rendered below the title, explaining what the checklist covers.
+     * @default undefined — no description region renders.
+     */
+    description?: string | undefined;
+    /**
+     * Outline level of the derived title heading, from 1 down to 6.
+     * @default 2
+     */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** The tasks to complete, in render order. */
+    items: readonly OnboardingChecklistItem[];
+    /**
+     * Formats the progress meter's readout from the completed and total item counts.
+     * @default defaultGetProgressLabel — reads "1/3".
+     */
+    getProgressLabel?: (complete: number, total: number) => string;
+    /**
+     * Visually hidden text appended after a completed item's title, announcing its completion.
+     * @default 'Completed'
+     */
+    completeLabel?: string;
+    /**
+     * Text rendered beside an optional item's title.
+     * @default 'Optional'
+     */
+    optionalLabel?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    action: (item: OnboardingChecklistItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAction?: (item: OnboardingChecklistItem) => any;
+}>, {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    description: string | undefined;
+    getProgressLabel: (complete: number, total: number) => string;
+    completeLabel: string;
+    optionalLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/onboarding-checklist/OnboardingChecklist.vue.js

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

package/dist/onboarding-checklist/OnboardingChecklist.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../internal/part.cjs"),f=require("./types.cjs");let e=require("vue"),l=require("@skdx/vue");var m=["aria-labelledby"],b=["data-state","aria-current"],x=(0,e.defineComponent)({__name:"OnboardingChecklist",props:{title:{},description:{default:void 0},headingLevel:{default:2},items:{},getProgressLabel:{type:Function,default:f.defaultGetProgressLabel},completeLabel:{default:"Completed"},optionalLabel:{default:"Optional"}},emits:["action"],setup(a,{emit:d}){const i=a,s=d,c=(0,e.useId)(),u=(0,e.computed)(()=>`h${i.headingLevel}`),k=(0,e.computed)(()=>i.items.filter(n=>o(n)==="complete").length);function o(n){return n.state??"pending"}function p(n,g,t){return i.getProgressLabel(n,t)}return(n,g)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(r.skdxPart)("onboarding-checklist","root"),{"aria-labelledby":(0,e.unref)(c)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(r.skdxPart)("onboarding-checklist","header"))),[(0,e.createVNode)((0,e.unref)(l.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(c)},(0,e.unref)(r.skdxPart)("onboarding-checklist","title"),{as:u.value}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.title),1)]),_:1},16,["id","as"]),a.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxText),(0,e.mergeProps)({key:0,as:"p",tone:"muted"},(0,e.unref)(r.skdxPart)("onboarding-checklist","description")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.description),1)]),_:1},16)):(0,e.createCommentVNode)("",!0),a.items.length>0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxProgress),(0,e.mergeProps)({key:1,value:k.value,max:a.items.length,"aria-labelledby":(0,e.unref)(c),"get-value-label":p},(0,e.unref)(r.skdxPart)("onboarding-checklist","progress")),null,16,["value","max","aria-labelledby"])):(0,e.createCommentVNode)("",!0)],16),(0,e.createElementVNode)("ol",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(r.skdxPart)("onboarding-checklist","list"))),[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(a.items,t=>((0,e.openBlock)(),(0,e.createElementBlock)("li",(0,e.mergeProps)({key:t.id,"data-state":o(t),"aria-current":o(t)==="active"?"step":void 0},{ref_for:!0},(0,e.unref)(r.skdxPart)("onboarding-checklist","item")),[(0,e.createElementVNode)("span",(0,e.mergeProps)({"aria-hidden":"true"},{ref_for:!0},(0,e.unref)(r.skdxPart)("onboarding-checklist","indicator")),null,16),(0,e.createElementVNode)("div",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(r.skdxPart)("onboarding-checklist","body")),[(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(r.skdxPart)("onboarding-checklist","item-title")),[(0,e.createTextVNode)((0,e.toDisplayString)(t.label)+" ",1),o(t)==="complete"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxVisuallyHidden),{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.completeLabel),1)]),_:1})):(0,e.createCommentVNode)("",!0)],16),t.optional?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,ref_for:!0},(0,e.unref)(r.skdxPart)("onboarding-checklist","optional")),(0,e.toDisplayString)(a.optionalLabel),17)):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxText),(0,e.mergeProps)({key:1,as:"p",tone:"muted"},{ref_for:!0},(0,e.unref)(r.skdxPart)("onboarding-checklist","item-description")),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:2},1040)):(0,e.createCommentVNode)("",!0)],16),t.actionLabel&&o(t)!=="complete"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(l.SkdxButton),(0,e.mergeProps)({key:0,size:"sm",variant:o(t)==="active"?"primary":"secondary",disabled:o(t)==="disabled"},{ref_for:!0},(0,e.unref)(r.skdxPart)("onboarding-checklist","action"),{onClick:h=>s("action",t)}),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.actionLabel),1)]),_:2},1040,["variant","disabled","onClick"])):(0,e.createCommentVNode)("",!0)],16,b))),128))],16)],16,m))}});exports.default=x;

package/dist/onboarding-checklist/OnboardingChecklist.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{defaultGetProgressLabel as a}from"./types.js";import{Fragment as t,computed as i,createBlock as o,createCommentVNode as r,createElementBlock as l,createElementVNode as n,createTextVNode as s,createVNode as d,defineComponent as c,guardReactiveProps as p,mergeProps as m,normalizeProps as u,openBlock as b,renderList as f,toDisplayString as g,unref as k,useId as h,withCtx as v}from"vue";import{SkdxButton as y,SkdxHeading as _,SkdxProgress as x,SkdxText as L,SkdxVisuallyHidden as P}from"@skdx/vue";var C=["aria-labelledby"],S=["data-state","aria-current"],V=/* @__PURE__ */c({__name:"OnboardingChecklist",props:{title:{},description:{default:void 0},headingLevel:{default:2},items:{},getProgressLabel:{type:Function,default:a},completeLabel:{default:"Completed"},optionalLabel:{default:"Optional"}},emits:["action"],setup(a,{emit:c}){const V=a,B=c,N=h(),j=i(()=>`h${V.headingLevel}`),z=i(()=>V.items.filter(e=>"complete"===E(e)).length);function E(e){return e.state??"pending"}function F(e,a,t){return V.getProgressLabel(e,t)}return(i,c)=>(b(),l("section",m(k(e)("onboarding-checklist","root"),{"aria-labelledby":k(N)}),[n("div",u(p(k(e)("onboarding-checklist","header"))),[d(k(_),m({id:k(N)},k(e)("onboarding-checklist","title"),{as:j.value}),{default:v(()=>[s(g(a.title),1)]),_:1},16,["id","as"]),a.description?(b(),o(k(L),m({key:0,as:"p",tone:"muted"},k(e)("onboarding-checklist","description")),{default:v(()=>[s(g(a.description),1)]),_:1},16)):r("",!0),a.items.length>0?(b(),o(k(x),m({key:1,value:z.value,max:a.items.length,"aria-labelledby":k(N),"get-value-label":F},k(e)("onboarding-checklist","progress")),null,16,["value","max","aria-labelledby"])):r("",!0)],16),n("ol",u(p(k(e)("onboarding-checklist","list"))),[(b(!0),l(t,null,f(a.items,t=>(b(),l("li",m({key:t.id,"data-state":E(t),"aria-current":"active"===E(t)?"step":void 0},{ref_for:!0},k(e)("onboarding-checklist","item")),[n("span",m({"aria-hidden":"true"},{ref_for:!0},k(e)("onboarding-checklist","indicator")),null,16),n("div",m({ref_for:!0},k(e)("onboarding-checklist","body")),[n("span",m({ref_for:!0},k(e)("onboarding-checklist","item-title")),[s(g(t.label)+" ",1),"complete"===E(t)?(b(),o(k(P),{key:0},{default:v(()=>[s(g(a.completeLabel),1)]),_:1})):r("",!0)],16),t.optional?(b(),l("span",m({key:0,ref_for:!0},k(e)("onboarding-checklist","optional")),g(a.optionalLabel),17)):r("",!0),t.description?(b(),o(k(L),m({key:1,as:"p",tone:"muted"},{ref_for:!0},k(e)("onboarding-checklist","item-description")),{default:v(()=>[s(g(t.description),1)]),_:2},1040)):r("",!0)],16),t.actionLabel&&"complete"!==E(t)?(b(),o(k(y),m({key:0,size:"sm",variant:"active"===E(t)?"primary":"secondary",disabled:"disabled"===E(t)},{ref_for:!0},k(e)("onboarding-checklist","action"),{onClick:e=>B("action",t)}),{default:v(()=>[s(g(t.actionLabel),1)]),_:2},1040,["variant","disabled","onClick"])):r("",!0)],16,S))),128))],16)],16,C))}});export{V as default};

package/dist/onboarding-checklist/index.cjs

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

package/dist/onboarding-checklist/index.d.cts

@@ -0,0 +1,3 @@
+export { default as SkdxOnboardingChecklist } from './OnboardingChecklist.vue.cjs';
+export { defaultGetProgressLabel } from './types.cjs';
+export type { OnboardingChecklistItem, OnboardingChecklistItemState } from './types.cjs';

package/dist/onboarding-checklist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SkdxOnboardingChecklist } from './OnboardingChecklist.vue.js';
+export { defaultGetProgressLabel } from './types.js';
+export type { OnboardingChecklistItem, OnboardingChecklistItemState } from './types.js';

package/dist/onboarding-checklist/index.js

@@ -0,0 +1 @@
+import{defaultGetProgressLabel as e}from"./types.js";import s from"./OnboardingChecklist.vue.js";export{s as SkdxOnboardingChecklist,e as defaultGetProgressLabel};

package/dist/onboarding-checklist/types.cjs

@@ -0,0 +1 @@
+function t(e,r){return`${e}/${r}`}exports.defaultGetProgressLabel=t;

package/dist/onboarding-checklist/types.d.cts

@@ -0,0 +1,31 @@
+/** Completion state of one `OnboardingChecklistItem`, mirrored to `data-state`. */
+export type OnboardingChecklistItemState = 'pending' | 'active' | 'complete' | 'disabled';
+/** One entry of a `SkdxOnboardingChecklist`'s `items` — a single setup, launch or configuration task. */
+export interface OnboardingChecklistItem {
+    /** Stable identifier reported back through the `action` event. */
+    id: string;
+    /** Text naming the task, rendered as the item's title. */
+    label: string;
+    /**
+     * Supporting copy rendered below the label, explaining the task in more detail.
+     * @default undefined — no item description renders.
+     */
+    description?: string | undefined;
+    /**
+     * Completion state of the item, mirrored to data-state and driving the indicator glyph.
+     * @default 'pending'
+     */
+    state?: OnboardingChecklistItemState | undefined;
+    /**
+     * Marks the task as skippable, rendering the optional label beside its title.
+     * @default false
+     */
+    optional?: boolean | undefined;
+    /**
+     * Text of the item's action button; the button renders only alongside a non-complete state.
+     * @default undefined — no action button renders.
+     */
+    actionLabel?: string | undefined;
+}
+/** Default progress readout for a `SkdxOnboardingChecklist`, reading "1/3". */
+export declare function defaultGetProgressLabel(complete: number, total: number): string;

package/dist/onboarding-checklist/types.d.ts

@@ -0,0 +1,31 @@
+/** Completion state of one `OnboardingChecklistItem`, mirrored to `data-state`. */
+export type OnboardingChecklistItemState = 'pending' | 'active' | 'complete' | 'disabled';
+/** One entry of a `SkdxOnboardingChecklist`'s `items` — a single setup, launch or configuration task. */
+export interface OnboardingChecklistItem {
+    /** Stable identifier reported back through the `action` event. */
+    id: string;
+    /** Text naming the task, rendered as the item's title. */
+    label: string;
+    /**
+     * Supporting copy rendered below the label, explaining the task in more detail.
+     * @default undefined — no item description renders.
+     */
+    description?: string | undefined;
+    /**
+     * Completion state of the item, mirrored to data-state and driving the indicator glyph.
+     * @default 'pending'
+     */
+    state?: OnboardingChecklistItemState | undefined;
+    /**
+     * Marks the task as skippable, rendering the optional label beside its title.
+     * @default false
+     */
+    optional?: boolean | undefined;
+    /**
+     * Text of the item's action button; the button renders only alongside a non-complete state.
+     * @default undefined — no action button renders.
+     */
+    actionLabel?: string | undefined;
+}
+/** Default progress readout for a `SkdxOnboardingChecklist`, reading "1/3". */
+export declare function defaultGetProgressLabel(complete: number, total: number): string;

package/dist/onboarding-checklist/types.js

@@ -0,0 +1 @@
+function e(e,r){return`${e}/${r}`}export{e as defaultGetProgressLabel};

package/dist/reset-password-page/ResetPasswordPage.vue.cjs

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

package/dist/reset-password-page/ResetPasswordPage.vue.d.cts

@@ -0,0 +1,85 @@
+import type { ResetPasswordDetail } from './types.cjs';
+/**
+ * A password-change panel: a new-password field with its rules, an optional confirmation matched against it, and a `reset-password` event carrying the new password.
+ *
+ * @example
+ * ```vue
+ * <SkdxResetPasswordPage
+ *   confirm-password-label="Confirm new password"
+ *   @reset-password="({ password }) => updatePassword(password)"
+ * >
+ *   <template #requirements>At least 12 characters.</template>
+ * </SkdxResetPasswordPage>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Heading text, rendered into a derived `<h1>` that names the section.
+     * @default 'Choose a new password'
+     */
+    title?: string;
+    /**
+     * 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 both fields stay editable.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Label of the field where the new password is typed.
+     * @default 'New password'
+     */
+    passwordLabel?: string;
+    /**
+     * Label of the confirmation field; supplying it is what turns password matching on.
+     * @default undefined — no confirmation field renders and no matching is done.
+     */
+    confirmPasswordLabel?: string | undefined;
+    /**
+     * Validation message pushed onto the confirmation field when the two passwords differ.
+     * @default 'Passwords do not match'
+     */
+    passwordMismatchMessage?: string;
+    /**
+     * Text of the form's submit button.
+     * @default 'Update password'
+     */
+    submitLabel?: string;
+};
+type __VLS_Slots = {
+    /** Extra fields rendered inside the form, above the submit button. */
+    default?(): unknown;
+    /** Password rules used as the new-password field's description, announced with it. */
+    requirements?(): 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, {
+    "reset-password": (detail: ResetPasswordDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onReset-password"?: (detail: ResetPasswordDetail) => any;
+}>, {
+    title: string;
+    error: string | undefined;
+    passwordLabel: string;
+    submitLabel: string;
+    success: string | undefined;
+    pending: boolean;
+    confirmPasswordLabel: string | undefined;
+    passwordMismatchMessage: 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/reset-password-page/ResetPasswordPage.vue.d.ts

@@ -0,0 +1,85 @@
+import type { ResetPasswordDetail } from './types.js';
+/**
+ * A password-change panel: a new-password field with its rules, an optional confirmation matched against it, and a `reset-password` event carrying the new password.
+ *
+ * @example
+ * ```vue
+ * <SkdxResetPasswordPage
+ *   confirm-password-label="Confirm new password"
+ *   @reset-password="({ password }) => updatePassword(password)"
+ * >
+ *   <template #requirements>At least 12 characters.</template>
+ * </SkdxResetPasswordPage>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Heading text, rendered into a derived `<h1>` that names the section.
+     * @default 'Choose a new password'
+     */
+    title?: string;
+    /**
+     * 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 both fields stay editable.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Label of the field where the new password is typed.
+     * @default 'New password'
+     */
+    passwordLabel?: string;
+    /**
+     * Label of the confirmation field; supplying it is what turns password matching on.
+     * @default undefined — no confirmation field renders and no matching is done.
+     */
+    confirmPasswordLabel?: string | undefined;
+    /**
+     * Validation message pushed onto the confirmation field when the two passwords differ.
+     * @default 'Passwords do not match'
+     */
+    passwordMismatchMessage?: string;
+    /**
+     * Text of the form's submit button.
+     * @default 'Update password'
+     */
+    submitLabel?: string;
+};
+type __VLS_Slots = {
+    /** Extra fields rendered inside the form, above the submit button. */
+    default?(): unknown;
+    /** Password rules used as the new-password field's description, announced with it. */
+    requirements?(): 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, {
+    "reset-password": (detail: ResetPasswordDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onReset-password"?: (detail: ResetPasswordDetail) => any;
+}>, {
+    title: string;
+    error: string | undefined;
+    passwordLabel: string;
+    submitLabel: string;
+    success: string | undefined;
+    pending: boolean;
+    confirmPasswordLabel: string | undefined;
+    passwordMismatchMessage: 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/reset-password-page/ResetPasswordPage.vue.js

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

package/dist/reset-password-page/ResetPasswordPage.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"),P=require("@skdx/vue/primitives/field"),d=require("@skdx/vue/primitives/password-input");var x=["aria-labelledby"],l="confirmPassword",b=(0,e.defineComponent)({__name:"ResetPasswordPage",props:{title:{default:"Choose a new password"},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},passwordLabel:{default:"New password"},confirmPasswordLabel:{default:void 0},passwordMismatchMessage:{default:"Passwords do not match"},submitLabel:{default:"Update password"}},emits:["reset-password"],setup(t,{emit:p}){const u=t,m=p,i=(0,e.useId)();function w(r){const s=r.elements.namedItem(l);return s instanceof HTMLInputElement?s:null}function k(r){r.preventDefault();const s=r.target,c=new FormData(s).get("password"),f=typeof c=="string"?c:"",n=u.confirmPasswordLabel===void 0?null:w(s);if(n&&n.value!==f){n.setCustomValidity(u.passwordMismatchMessage),s.reportValidity();return}m("reset-password",{password:f})}function g(r){const s=r.target;s instanceof HTMLInputElement&&s.name===l&&s.setCustomValidity("")}return(r,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("reset-password-page","root"),{"aria-labelledby":(0,e.unref)(i)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("reset-password-page","panel"))),[(0,e.createVNode)((0,e.unref)(o.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(i)},(0,e.unref)(a.skdxPart)("reset-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)(o.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("reset-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.success?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxAlert),(0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("reset-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)(o.SkdxForm),(0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("reset-password-page","form"),{onSubmit:k,onInput:g}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(o.SkdxField),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("reset-password-page","field"),{label:t.passwordLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(o.SkdxPasswordInput),{name:"password",required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(d.SkdxPasswordInputField),{autocomplete:"new-password"}),(0,e.createVNode)((0,e.unref)(d.SkdxPasswordInputToggle))]),_:1}),r.$slots.requirements?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(P.SkdxFieldDescription),(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("reset-password-page","requirements"))),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"requirements")]),_:3},16)):(0,e.createCommentVNode)("",!0)]),_:3},16,["label"]),t.confirmPasswordLabel!==void 0?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o.SkdxField),(0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("reset-password-page","field"),{label:t.confirmPasswordLabel,required:""}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(o.SkdxPasswordInput),{name:l,required:""},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(d.SkdxPasswordInputField),{autocomplete:"new-password"}),(0,e.createVNode)((0,e.unref)(d.SkdxPasswordInputToggle))]),_:1})]),_:1},16,["label"])):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(r.$slots,"default"),(0,e.createVNode)((0,e.unref)(o.SkdxButton),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("reset-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)),r.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(a.skdxPart)("reset-password-page","footer"))),[(0,e.renderSlot)(r.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,x))}});exports.default=b;

package/dist/reset-password-page/ResetPasswordPage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{createBlock as s,createCommentVNode as a,createElementBlock as t,createElementVNode as r,createTextVNode as o,createVNode as d,defineComponent as l,guardReactiveProps as i,mergeProps as n,normalizeProps as p,openBlock as u,renderSlot as m,toDisplayString as f,unref as w,useId as c,withCtx as g}from"vue";import{SkdxAlert as b,SkdxButton as k,SkdxField as v,SkdxForm as x,SkdxHeading as y,SkdxPasswordInput as P}from"@skdx/vue";import{SkdxFieldDescription as S}from"@skdx/vue/primitives/field";import{SkdxPasswordInputField as _,SkdxPasswordInputToggle as L}from"@skdx/vue/primitives/password-input";var I=["aria-labelledby"],q="confirmPassword",V=/* @__PURE__ */l({__name:"ResetPasswordPage",props:{title:{default:"Choose a new password"},error:{default:void 0},success:{default:void 0},pending:{type:Boolean,default:!1},passwordLabel:{default:"New password"},confirmPasswordLabel:{default:void 0},passwordMismatchMessage:{default:"Passwords do not match"},submitLabel:{default:"Update password"}},emits:["reset-password"],setup(l,{emit:V}){const h=l,C=V,M=c();function B(e){e.preventDefault();const s=e.target,a=new FormData(s).get("password"),t="string"==typeof a?a:"",r=void 0===h.confirmPasswordLabel?null:function(e){const s=e.elements.namedItem(q);return s instanceof HTMLInputElement?s:null}(s);if(r&&r.value!==t)return r.setCustomValidity(h.passwordMismatchMessage),void s.reportValidity();C("reset-password",{password:t})}function F(e){const s=e.target;s instanceof HTMLInputElement&&s.name===q&&s.setCustomValidity("")}return(c,V)=>(u(),t("section",n(w(e)("reset-password-page","root"),{"aria-labelledby":w(M)}),[r("div",p(i(w(e)("reset-password-page","panel"))),[d(w(y),n({id:w(M)},w(e)("reset-password-page","title"),{as:"h1"}),{default:g(()=>[o(f(l.title),1)]),_:1},16,["id"]),l.error?(u(),s(w(b),n({key:0},w(e)("reset-password-page","error"),{status:"danger"}),{default:g(()=>[o(f(l.error),1)]),_:1},16)):a("",!0),l.success?(u(),s(w(b),n({key:1},w(e)("reset-password-page","success"),{status:"success"}),{default:g(()=>[o(f(l.success),1)]),_:1},16)):(u(),s(w(x),n({key:2},w(e)("reset-password-page","form"),{onSubmit:B,onInput:F}),{default:g(()=>[d(w(v),n(w(e)("reset-password-page","field"),{label:l.passwordLabel,required:""}),{default:g(()=>[d(w(P),{name:"password",required:""},{default:g(()=>[d(w(_),{autocomplete:"new-password"}),d(w(L))]),_:1}),c.$slots.requirements?(u(),s(w(S),p(n({key:0},w(e)("reset-password-page","requirements"))),{default:g(()=>[m(c.$slots,"requirements")]),_:3},16)):a("",!0)]),_:3},16,["label"]),void 0!==l.confirmPasswordLabel?(u(),s(w(v),n({key:0},w(e)("reset-password-page","field"),{label:l.confirmPasswordLabel,required:""}),{default:g(()=>[d(w(P),{name:q,required:""},{default:g(()=>[d(w(_),{autocomplete:"new-password"}),d(w(L))]),_:1})]),_:1},16,["label"])):a("",!0),m(c.$slots,"default"),d(w(k),n(w(e)("reset-password-page","submit"),{type:"submit",loading:l.pending??!1,disabled:l.pending??!1}),{default:g(()=>[o(f(l.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16)),c.$slots.footer?(u(),t("div",p(n({key:3},w(e)("reset-password-page","footer"))),[m(c.$slots,"footer")],16)):a("",!0)],16)],16,I))}});export{V as default};

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

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

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

@@ -0,0 +1,2 @@
+export { default as SkdxResetPasswordPage } from './ResetPasswordPage.vue.cjs';
+export type { ResetPasswordDetail } from './types.cjs';

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

@@ -0,0 +1,2 @@
+export { default as SkdxResetPasswordPage } from './ResetPasswordPage.vue.js';
+export type { ResetPasswordDetail } from './types.js';

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

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

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

@@ -0,0 +1,5 @@
+/** The payload a `SkdxResetPasswordPage` reports when its form is submitted. */
+export interface ResetPasswordDetail {
+    /** The new password, already matched against the confirmation when one renders. */
+    password: string;
+}

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

@@ -0,0 +1,5 @@
+/** The payload a `SkdxResetPasswordPage` reports when its form is submitted. */
+export interface ResetPasswordDetail {
+    /** The new password, already matched against the confirmation when one renders. */
+    password: string;
+}

package/dist/sign-up-page/SignUpPage.vue.cjs

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

package/dist/sign-up-page/SignUpPage.vue.d.cts

@@ -0,0 +1,105 @@
+import { type SignInProvider } from '../sign-in-page/types.cjs';
+import type { SignUpDetail } from './types.cjs';
+/**
+ * A registration panel: one button per third-party provider and a credentials form — name, email, password, confirmation and terms — reporting through one `sign-up` event.
+ *
+ * @example
+ * ```vue
+ * <SkdxSignUpPage
+ *   confirm-password-label="Confirm password"
+ *   :error="error"
+ *   @sign-up="register"
+ * >
+ *   <template #terms>I accept the <a href="/terms">terms</a>.</template>
+ * </SkdxSignUpPage>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Heading text, rendered into a derived `<h1>` that names the section.
+     * @default 'Create account'
+     */
+    title?: string;
+    /**
+     * Third-party providers, in render order, each rendering one button above the credentials form.
+     * @default [] — no provider region and no divider render.
+     */
+    providers?: readonly SignInProvider[];
+    /**
+     * Message rendered into a derived error Alert; the block never clears it, the consumer does.
+     * @default undefined — no error region renders.
+     */
+    error?: string | undefined;
+    /**
+     * Marks the request in flight, making the submit button busy while every field stays editable.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Label of the name field; supplying it is what makes that field render at all.
+     * @default undefined — no name field renders.
+     */
+    nameLabel?: string | undefined;
+    /**
+     * Label of the email field in the credentials form.
+     * @default 'Email'
+     */
+    emailLabel?: string;
+    /**
+     * Label of the password field in the credentials form.
+     * @default 'Password'
+     */
+    passwordLabel?: string;
+    /**
+     * Label of the confirmation field; supplying it is what turns password matching on.
+     * @default undefined — no confirmation field renders and no matching is done.
+     */
+    confirmPasswordLabel?: string | undefined;
+    /**
+     * Validation message pushed onto the confirmation field when the two passwords differ.
+     * @default 'Passwords do not match'
+     */
+    passwordMismatchMessage?: string;
+    /**
+     * Text of the credentials form's submit button.
+     * @default 'Create account'
+     */
+    submitLabel?: string;
+    /**
+     * Formats a provider button's text from its entry, for wording or translation.
+     * @default defaultProviderLabel — reads "Sign in with Google".
+     */
+    getProviderLabel?: (provider: SignInProvider) => string;
+};
+type __VLS_Slots = {
+    /** Extra fields rendered inside the form, above the terms and the submit button. */
+    default?(): unknown;
+    /** Terms copy and links used as the label of the required terms checkbox. */
+    terms?(): 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, {
+    "sign-up": (detail: SignUpDetail) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onSign-up"?: (detail: SignUpDetail) => any;
+}>, {
+    title: string;
+    providers: readonly SignInProvider[];
+    error: string | undefined;
+    emailLabel: string;
+    passwordLabel: string;
+    submitLabel: string;
+    getProviderLabel: (provider: SignInProvider) => string;
+    pending: boolean;
+    nameLabel: string | undefined;
+    confirmPasswordLabel: string | undefined;
+    passwordMismatchMessage: 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;
+    };
+};