@skdx/vue-blocks 0.1.0 → 0.35.0

package/dist/usage-card/usage.d.ts

@@ -0,0 +1,18 @@
+/** @internal Clamps a raw amount into a safe non-negative number: `NaN` becomes `0`, a negative clamps to `0`. */
+export declare function normalizeUsage(value: number): number;
+/** @internal The `[0, max]` range a finite, positive limit renders as a meter. */
+export interface UsageMeterRange {
+    max: number;
+    value: number;
+}
+/** @internal What a finite limit resolves to: its normalized value, whether usage exceeds it, and the meter range to render. */
+export interface UsageMeterResult {
+    limit: number;
+    overLimit: boolean;
+    range: UsageMeterRange | null;
+}
+/**
+ * @internal Derives the meter range and over-limit flag for a finite limit.
+ * A zero limit renders no meter but counts as over-limit as soon as anything is used.
+ */
+export declare function usageMeter(used: number, limit: number): UsageMeterResult;

package/dist/usage-card/usage.js

@@ -0,0 +1 @@
+function e(e){return Number.isNaN(e)?0:Math.max(e,0)}function a(a,i){const t=e(a),n=e(i);return 0===n?{limit:n,overLimit:t>0,range:null}:{limit:n,overLimit:t>n,range:{max:n,value:Math.min(t,n)}}}export{e as normalizeUsage,a as usageMeter};

package/dist/user-menu/UserMenu.vue.cjs

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

package/dist/user-menu/UserMenu.vue.d.cts

@@ -0,0 +1,97 @@
+import type { UserMenuVariant } from './types.cjs';
+/**
+ * The signed-in user's menu: a trigger showing an avatar, name and description that opens a panel repeating the identity above the application's own entries.
+ *
+ * @example
+ * ```vue
+ * <SkdxUserMenu
+ *   name="Ada Lovelace"
+ *   description="ada@example.com"
+ *   avatar-src="/ada.png"
+ * >
+ *   <SkdxMenuItem>Profile</SkdxMenuItem>
+ *   <SkdxMenuItem>Sign out</SkdxMenuItem>
+ * </SkdxUserMenu>
+ * ```
+ */
+type __VLS_Props = {
+    /** The signed-in user's name, rendered in the trigger and repeated in the menu header. */
+    name: string;
+    /**
+     * Secondary text such as an email or role, rendered below the name in the trigger and the header.
+     * @default undefined — no description renders in either place.
+     */
+    description?: string | undefined;
+    /**
+     * Source of the identity image, passed straight through to the derived Avatar.
+     * @default undefined — the Avatar renders its initials fallback.
+     */
+    avatarSrc?: string | undefined;
+    /**
+     * Visual rung written to `data-variant` on the derived trigger; `'compact'` visually hides the identity text.
+     * @default undefined — the identity text stays visible.
+     */
+    variant?: UserMenuVariant | undefined;
+    /**
+     * Whether the menu is open, for controlled usage. Pair with `v-model:open` or `@open-change`.
+     * @default undefined — uncontrolled, seeded from `defaultOpen`.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the menu starts open, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Which side of the trigger the menu panel opens on.
+     * @default 'bottom'
+     */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Alignment of the menu panel relative to the side it opens on.
+     * @default 'end'
+     */
+    align?: 'start' | 'center' | 'end';
+};
+type __VLS_Slots = {
+    /** The application's own menu entries, rendered below the repeated identity header. */
+    default?(): unknown;
+    /** Content that replaces the derived avatar-and-identity trigger entirely. */
+    trigger?(): unknown;
+    /** An extra indicator, such as a status dot or Badge, rendered after the identity in the trigger. */
+    status?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+    "escape-key-down": (event: Event) => any;
+    "pointer-down-outside": (event: Event) => any;
+    "focus-outside": (event: Event) => any;
+    "interact-outside": (event: Event) => any;
+    "close-auto-focus": (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onEscape-key-down"?: (event: Event) => any;
+    "onPointer-down-outside"?: (event: Event) => any;
+    "onFocus-outside"?: (event: Event) => any;
+    "onInteract-outside"?: (event: Event) => any;
+    "onClose-auto-focus"?: (event: Event) => any;
+}>, {
+    variant: UserMenuVariant | undefined;
+    description: string | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    align: "start" | "center" | "end";
+    avatarSrc: string | undefined;
+    side: "top" | "right" | "bottom" | "left";
+}, {}, {}, {}, 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/user-menu/UserMenu.vue.d.ts

@@ -0,0 +1,97 @@
+import type { UserMenuVariant } from './types.js';
+/**
+ * The signed-in user's menu: a trigger showing an avatar, name and description that opens a panel repeating the identity above the application's own entries.
+ *
+ * @example
+ * ```vue
+ * <SkdxUserMenu
+ *   name="Ada Lovelace"
+ *   description="ada@example.com"
+ *   avatar-src="/ada.png"
+ * >
+ *   <SkdxMenuItem>Profile</SkdxMenuItem>
+ *   <SkdxMenuItem>Sign out</SkdxMenuItem>
+ * </SkdxUserMenu>
+ * ```
+ */
+type __VLS_Props = {
+    /** The signed-in user's name, rendered in the trigger and repeated in the menu header. */
+    name: string;
+    /**
+     * Secondary text such as an email or role, rendered below the name in the trigger and the header.
+     * @default undefined — no description renders in either place.
+     */
+    description?: string | undefined;
+    /**
+     * Source of the identity image, passed straight through to the derived Avatar.
+     * @default undefined — the Avatar renders its initials fallback.
+     */
+    avatarSrc?: string | undefined;
+    /**
+     * Visual rung written to `data-variant` on the derived trigger; `'compact'` visually hides the identity text.
+     * @default undefined — the identity text stays visible.
+     */
+    variant?: UserMenuVariant | undefined;
+    /**
+     * Whether the menu is open, for controlled usage. Pair with `v-model:open` or `@open-change`.
+     * @default undefined — uncontrolled, seeded from `defaultOpen`.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the menu starts open, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Which side of the trigger the menu panel opens on.
+     * @default 'bottom'
+     */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Alignment of the menu panel relative to the side it opens on.
+     * @default 'end'
+     */
+    align?: 'start' | 'center' | 'end';
+};
+type __VLS_Slots = {
+    /** The application's own menu entries, rendered below the repeated identity header. */
+    default?(): unknown;
+    /** Content that replaces the derived avatar-and-identity trigger entirely. */
+    trigger?(): unknown;
+    /** An extra indicator, such as a status dot or Badge, rendered after the identity in the trigger. */
+    status?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+    "escape-key-down": (event: Event) => any;
+    "pointer-down-outside": (event: Event) => any;
+    "focus-outside": (event: Event) => any;
+    "interact-outside": (event: Event) => any;
+    "close-auto-focus": (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onEscape-key-down"?: (event: Event) => any;
+    "onPointer-down-outside"?: (event: Event) => any;
+    "onFocus-outside"?: (event: Event) => any;
+    "onInteract-outside"?: (event: Event) => any;
+    "onClose-auto-focus"?: (event: Event) => any;
+}>, {
+    variant: UserMenuVariant | undefined;
+    description: string | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    align: "start" | "center" | "end";
+    avatarSrc: string | undefined;
+    side: "top" | "right" | "bottom" | "left";
+}, {}, {}, {}, 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/user-menu/UserMenu.vue.js

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

package/dist/user-menu/UserMenu.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("../internal/part.cjs");let e=require("vue"),v=require("@skdx/vue"),i=require("@skdx/vue/primitives/menu");var k=(0,e.defineComponent)({inheritAttrs:!1,__name:"UserMenu",props:{name:{},description:{default:void 0},avatarSrc:{default:void 0},variant:{default:void 0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},side:{default:"bottom"},align:{default:"end"}},emits:["update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(r,{emit:l}){const s=r,a=l,p=(0,e.useSlots)(),m=(0,e.useAttrs)(),d=(0,e.ref)(s.defaultOpen),c=(0,e.computed)(()=>s.open??d.value),f=(0,e.computed)(()=>p.trigger?{}:(0,e.mergeProps)({"data-variant":s.variant},m,{...o.skdxPart("user-menu","root")}));function g(u){s.open===void 0&&(d.value=u),a("update:open",u),a("open-change",u)}return(u,t)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.SkdxMenuRoot),{open:c.value,onOpenChange:g,onOpenChangeComplete:t[5]||(t[5]=n=>a("open-change-complete",n))},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxMenuTrigger),(0,e.normalizeProps)((0,e.guardReactiveProps)(f.value)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(u.$slots,"trigger",{},()=>[(0,e.createVNode)((0,e.unref)(v.SkdxAvatar),(0,e.mergeProps)((0,e.unref)(o.skdxPart)("user-menu","avatar"),{src:r.avatarSrc,name:r.name,decorative:"",size:"sm"}),null,16,["src","name"]),(0,e.createElementVNode)("span",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(o.skdxPart)("user-menu","identity"))),[(0,e.createElementVNode)("span",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(o.skdxPart)("user-menu","name"))),(0,e.toDisplayString)(r.name),17),r.description?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(o.skdxPart)("user-menu","description"))),(0,e.toDisplayString)(r.description),17)):(0,e.createCommentVNode)("",!0)],16),(0,e.renderSlot)(u.$slots,"status")])]),_:3},16),(0,e.createVNode)((0,e.unref)(i.SkdxMenuPortal),null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxMenuContent),(0,e.mergeProps)((0,e.unref)(o.skdxPart)("user-menu","content"),{side:s.side,align:s.align,onEscapeKeyDown:t[0]||(t[0]=n=>a("escape-key-down",n)),onPointerDownOutside:t[1]||(t[1]=n=>a("pointer-down-outside",n)),onFocusOutside:t[2]||(t[2]=n=>a("focus-outside",n)),onInteractOutside:t[3]||(t[3]=n=>a("interact-outside",n)),onCloseAutoFocus:t[4]||(t[4]=n=>a("close-auto-focus",n))}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxMenuLabel),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(o.skdxPart)("user-menu","header"))),{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)("span",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(o.skdxPart)("user-menu","name"))),(0,e.toDisplayString)(r.name),17),r.description?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(o.skdxPart)("user-menu","description"))),(0,e.toDisplayString)(r.description),17)):(0,e.createCommentVNode)("",!0)]),_:1},16),(0,e.createVNode)((0,e.unref)(i.SkdxMenuSeparator)),(0,e.renderSlot)(u.$slots,"default")]),_:3},16,["side","align"])]),_:3})]),_:3},8,["open"]))}});exports.default=k;

package/dist/user-menu/UserMenu.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 n,createElementBlock as o,createElementVNode as s,createVNode as r,defineComponent as u,guardReactiveProps as i,mergeProps as d,normalizeProps as p,openBlock as l,ref as c,renderSlot as m,toDisplayString as f,unref as v,useAttrs as g,useSlots as k,withCtx as S}from"vue";import{SkdxAvatar as x}from"@skdx/vue";import{SkdxMenuContent as h,SkdxMenuLabel as y,SkdxMenuPortal as C,SkdxMenuRoot as w,SkdxMenuSeparator as M,SkdxMenuTrigger as O}from"@skdx/vue/primitives/menu";var _=/* @__PURE__ */u({inheritAttrs:!1,__name:"UserMenu",props:{name:{},description:{default:void 0},avatarSrc:{default:void 0},variant:{default:void 0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},side:{default:"bottom"},align:{default:"end"}},emits:["update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(u,{emit:_}){const P=u,B=_,A=k(),D=g(),E=c(P.defaultOpen),N=a(()=>P.open??E.value),V=a(()=>A.trigger?{}:d({"data-variant":P.variant},D,{...e("user-menu","root")}));function $(e){void 0===P.open&&(E.value=e),B("update:open",e),B("open-change",e)}return(a,c)=>(l(),t(v(w),{open:N.value,onOpenChange:$,onOpenChangeComplete:c[5]||(c[5]=e=>B("open-change-complete",e))},{default:S(()=>[r(v(O),p(i(V.value)),{default:S(()=>[m(a.$slots,"trigger",{},()=>[r(v(x),d(v(e)("user-menu","avatar"),{src:u.avatarSrc,name:u.name,decorative:"",size:"sm"}),null,16,["src","name"]),s("span",p(i(v(e)("user-menu","identity"))),[s("span",p(i(v(e)("user-menu","name"))),f(u.name),17),u.description?(l(),o("span",p(d({key:0},v(e)("user-menu","description"))),f(u.description),17)):n("",!0)],16),m(a.$slots,"status")])]),_:3},16),r(v(C),null,{default:S(()=>[r(v(h),d(v(e)("user-menu","content"),{side:P.side,align:P.align,onEscapeKeyDown:c[0]||(c[0]=e=>B("escape-key-down",e)),onPointerDownOutside:c[1]||(c[1]=e=>B("pointer-down-outside",e)),onFocusOutside:c[2]||(c[2]=e=>B("focus-outside",e)),onInteractOutside:c[3]||(c[3]=e=>B("interact-outside",e)),onCloseAutoFocus:c[4]||(c[4]=e=>B("close-auto-focus",e))}),{default:S(()=>[r(v(y),p(i(v(e)("user-menu","header"))),{default:S(()=>[s("span",p(i(v(e)("user-menu","name"))),f(u.name),17),u.description?(l(),o("span",p(d({key:0},v(e)("user-menu","description"))),f(u.description),17)):n("",!0)]),_:1},16),r(v(M)),m(a.$slots,"default")]),_:3},16,["side","align"])]),_:3})]),_:3},8,["open"]))}});export{_ as default};

package/dist/user-menu/index.cjs

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

package/dist/user-menu/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxUserMenu } from './UserMenu.vue.cjs';
+export type { UserMenuVariant } from './types.cjs';

package/dist/user-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxUserMenu } from './UserMenu.vue.js';
+export type { UserMenuVariant } from './types.js';

package/dist/user-menu/index.js

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

package/dist/user-menu/types.d.cts

@@ -0,0 +1,2 @@
+/** Visual rung of a `SkdxUserMenu` trigger, written through to `data-variant`. */
+export type UserMenuVariant = 'compact' | (string & {});

package/dist/user-menu/types.d.ts

@@ -0,0 +1,2 @@
+/** Visual rung of a `SkdxUserMenu` trigger, written through to `data-variant`. */
+export type UserMenuVariant = 'compact' | (string & {});

package/dist/verification-page/VerificationPage.vue.cjs

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

package/dist/verification-page/VerificationPage.vue.d.cts

@@ -0,0 +1,112 @@
+import type { VerificationDetail } from './types.cjs';
+/**
+ * A one-time-code panel: a pin input of a fixed length reported as a `verify` event, beside a resend control whose cooldown the consumer owns.
+ *
+ * @example
+ * ```vue
+ * <SkdxVerificationPage
+ *   description="We sent a code to ada@example.com."
+ *   @verify="({ code }) => check(code)"
+ *   @resend="resend"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Heading text, rendered into a derived `<h1>` that names the section.
+     * @default 'Enter your verification code'
+     */
+    title?: string;
+    /**
+     * Supporting copy rendered below the title, naming where the code was sent.
+     * @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;
+    /**
+     * Marks the request in flight, making the submit button busy while the code boxes stay editable.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Field label and accessible name of the derived pin input holding the code.
+     * @default 'Verification code'
+     */
+    codeLabel?: string;
+    /**
+     * How many character boxes the code is entered into, and how long a complete code is.
+     * @default 6
+     */
+    length?: number;
+    /**
+     * Current code, for controlled usage. Pair with `v-model:value` or `@value-change`.
+     * @default undefined — uncontrolled, the pin input tracks the code itself.
+     */
+    value?: string | undefined;
+    /**
+     * Initial code, for uncontrolled usage — seeds the boxes on first render.
+     * @default undefined — the boxes start empty.
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Text of the form's submit button.
+     * @default 'Verify'
+     */
+    submitLabel?: string;
+    /**
+     * Text of the resend button, which renders only alongside a `resend` listener.
+     * @default 'Resend code'
+     */
+    resendLabel?: string;
+    /**
+     * Makes the resend button unusable, for a consumer running its own cooldown.
+     * @default false
+     */
+    resendDisabled?: boolean;
+    /**
+     * Note rendered beside the resend button, such as how long the cooldown has left.
+     * @default undefined — no hint renders; the block runs no timer of its own.
+     */
+    resendHint?: string | undefined;
+};
+type __VLS_Slots = {
+    /** Extra fields rendered inside the form, above the submit button. */
+    default?(): unknown;
+    /** Navigation below the resend region, 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, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+    verify: (detail: VerificationDetail) => any;
+    resend: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+    onVerify?: (detail: VerificationDetail) => any;
+    onResend?: () => any;
+}>, {
+    title: string;
+    length: number;
+    error: string | undefined;
+    submitLabel: string;
+    description: string | undefined;
+    value: string | undefined;
+    defaultValue: string | undefined;
+    pending: boolean;
+    codeLabel: string;
+    resendLabel: string;
+    resendDisabled: boolean;
+    resendHint: 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/verification-page/VerificationPage.vue.d.ts

@@ -0,0 +1,112 @@
+import type { VerificationDetail } from './types.js';
+/**
+ * A one-time-code panel: a pin input of a fixed length reported as a `verify` event, beside a resend control whose cooldown the consumer owns.
+ *
+ * @example
+ * ```vue
+ * <SkdxVerificationPage
+ *   description="We sent a code to ada@example.com."
+ *   @verify="({ code }) => check(code)"
+ *   @resend="resend"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Heading text, rendered into a derived `<h1>` that names the section.
+     * @default 'Enter your verification code'
+     */
+    title?: string;
+    /**
+     * Supporting copy rendered below the title, naming where the code was sent.
+     * @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;
+    /**
+     * Marks the request in flight, making the submit button busy while the code boxes stay editable.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Field label and accessible name of the derived pin input holding the code.
+     * @default 'Verification code'
+     */
+    codeLabel?: string;
+    /**
+     * How many character boxes the code is entered into, and how long a complete code is.
+     * @default 6
+     */
+    length?: number;
+    /**
+     * Current code, for controlled usage. Pair with `v-model:value` or `@value-change`.
+     * @default undefined — uncontrolled, the pin input tracks the code itself.
+     */
+    value?: string | undefined;
+    /**
+     * Initial code, for uncontrolled usage — seeds the boxes on first render.
+     * @default undefined — the boxes start empty.
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Text of the form's submit button.
+     * @default 'Verify'
+     */
+    submitLabel?: string;
+    /**
+     * Text of the resend button, which renders only alongside a `resend` listener.
+     * @default 'Resend code'
+     */
+    resendLabel?: string;
+    /**
+     * Makes the resend button unusable, for a consumer running its own cooldown.
+     * @default false
+     */
+    resendDisabled?: boolean;
+    /**
+     * Note rendered beside the resend button, such as how long the cooldown has left.
+     * @default undefined — no hint renders; the block runs no timer of its own.
+     */
+    resendHint?: string | undefined;
+};
+type __VLS_Slots = {
+    /** Extra fields rendered inside the form, above the submit button. */
+    default?(): unknown;
+    /** Navigation below the resend region, 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, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+    verify: (detail: VerificationDetail) => any;
+    resend: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+    onVerify?: (detail: VerificationDetail) => any;
+    onResend?: () => any;
+}>, {
+    title: string;
+    length: number;
+    error: string | undefined;
+    submitLabel: string;
+    description: string | undefined;
+    value: string | undefined;
+    defaultValue: string | undefined;
+    pending: boolean;
+    codeLabel: string;
+    resendLabel: string;
+    resendDisabled: boolean;
+    resendHint: 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/verification-page/VerificationPage.vue.js

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

package/dist/verification-page/VerificationPage.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("../internal/part.cjs");let e=require("vue"),n=require("@skdx/vue");var g=["aria-labelledby"],m=(0,e.defineComponent)({__name:"VerificationPage",props:{title:{default:"Enter your verification code"},description:{default:void 0},error:{default:void 0},pending:{type:Boolean,default:!1},codeLabel:{default:"Verification code"},length:{default:6},value:{default:void 0},defaultValue:{default:void 0},submitLabel:{default:"Verify"},resendLabel:{default:"Resend code"},resendDisabled:{type:Boolean,default:!1},resendHint:{default:void 0}},emits:["verify","resend","update:value","value-change"],setup(t,{emit:l}){const d=l,o=(0,e.useId)(),u=(0,e.getCurrentInstance)(),f=()=>u?.vnode.props?.onResend!=null;function s(r){r.preventDefault();const i=new FormData(r.target).get("code");d("verify",{code:typeof i=="string"?i:""})}function c(r){d("update:value",r),d("value-change",r)}return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("section",(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","root"),{"aria-labelledby":(0,e.unref)(o)}),[(0,e.createElementVNode)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(a.skdxPart)("verification-page","panel"))),[(0,e.createVNode)((0,e.unref)(n.SkdxHeading),(0,e.mergeProps)({id:(0,e.unref)(o)},(0,e.unref)(a.skdxPart)("verification-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)(n.SkdxAlert),(0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("verification-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)(n.SkdxText),(0,e.mergeProps)({key:1},(0,e.unref)(a.skdxPart)("verification-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),(0,e.createVNode)((0,e.unref)(n.SkdxForm),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","form"),{onSubmit:s}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxField),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-page","field"),{label:t.codeLabel}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n.SkdxPinInput),(0,e.mergeProps)({...(0,e.unref)(a.skdxPart)("verification-page","code"),...t.length===void 0?{}:{length:t.length},...t.defaultValue===void 0?{}:{defaultValue:t.defaultValue}},{"aria-label":t.codeLabel,name:"code",required:"",otp:"",value:t.value,onValueChange:c}),null,16,["aria-label","value"])]),_:1},16,["label"]),(0,e.renderSlot)(r.$slots,"default"),(0,e.createVNode)((0,e.unref)(n.SkdxButton),(0,e.mergeProps)((0,e.unref)(a.skdxPart)("verification-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),f()?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:2},(0,e.unref)(a.skdxPart)("verification-page","resend"))),[(0,e.createVNode)((0,e.unref)(n.SkdxButton),{type:"button",variant:"ghost",disabled:t.resendDisabled??!1,onClick:i[0]||(i[0]=v=>d("resend"))},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.resendLabel),1)]),_:1},8,["disabled"]),t.resendHint?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(a.skdxPart)("verification-page","resend-hint"))),(0,e.toDisplayString)(t.resendHint),17)):(0,e.createCommentVNode)("",!0)],16)):(0,e.createCommentVNode)("",!0),r.$slots.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:3},(0,e.unref)(a.skdxPart)("verification-page","footer"))),[(0,e.renderSlot)(r.$slots,"footer")],16)):(0,e.createCommentVNode)("",!0)],16)],16,g))}});exports.default=m;

package/dist/verification-page/VerificationPage.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 i,createElementVNode as d,createTextVNode as o,createVNode as n,defineComponent as r,getCurrentInstance as l,guardReactiveProps as s,mergeProps as u,normalizeProps as f,openBlock as c,renderSlot as p,toDisplayString as v,unref as g,useId as b,withCtx as m}from"vue";import{SkdxAlert as k,SkdxButton as y,SkdxField as x,SkdxForm as V,SkdxHeading as h,SkdxPinInput as S,SkdxText as _}from"@skdx/vue";var L=["aria-labelledby"],B=/* @__PURE__ */r({__name:"VerificationPage",props:{title:{default:"Enter your verification code"},description:{default:void 0},error:{default:void 0},pending:{type:Boolean,default:!1},codeLabel:{default:"Verification code"},length:{default:6},value:{default:void 0},defaultValue:{default:void 0},submitLabel:{default:"Verify"},resendLabel:{default:"Resend code"},resendDisabled:{type:Boolean,default:!1},resendHint:{default:void 0}},emits:["verify","resend","update:value","value-change"],setup(r,{emit:B}){const C=B,P=b(),D=l();function H(e){e.preventDefault();const a=new FormData(e.target).get("code");C("verify",{code:"string"==typeof a?a:""})}function N(e){C("update:value",e),C("value-change",e)}return(l,b)=>(c(),i("section",u(g(e)("verification-page","root"),{"aria-labelledby":g(P)}),[d("div",f(s(g(e)("verification-page","panel"))),[n(g(h),u({id:g(P)},g(e)("verification-page","title"),{as:"h1"}),{default:m(()=>[o(v(r.title),1)]),_:1},16,["id"]),r.error?(c(),a(g(k),u({key:0},g(e)("verification-page","error"),{status:"danger"}),{default:m(()=>[o(v(r.error),1)]),_:1},16)):t("",!0),r.description?(c(),a(g(_),u({key:1},g(e)("verification-page","description"),{as:"p",tone:"muted"}),{default:m(()=>[o(v(r.description),1)]),_:1},16)):t("",!0),n(g(V),u(g(e)("verification-page","form"),{onSubmit:H}),{default:m(()=>[n(g(x),u(g(e)("verification-page","field"),{label:r.codeLabel}),{default:m(()=>[n(g(S),u({...g(e)("verification-page","code"),...void 0===r.length?{}:{length:r.length},...void 0===r.defaultValue?{}:{defaultValue:r.defaultValue}},{"aria-label":r.codeLabel,name:"code",required:"",otp:"",value:r.value,onValueChange:N}),null,16,["aria-label","value"])]),_:1},16,["label"]),p(l.$slots,"default"),n(g(y),u(g(e)("verification-page","submit"),{type:"submit",loading:r.pending??!1,disabled:r.pending??!1}),{default:m(()=>[o(v(r.submitLabel),1)]),_:1},16,["loading","disabled"])]),_:3},16),null!=D?.vnode.props?.onResend?(c(),i("div",f(u({key:2},g(e)("verification-page","resend"))),[n(g(y),{type:"button",variant:"ghost",disabled:r.resendDisabled??!1,onClick:b[0]||(b[0]=e=>C("resend"))},{default:m(()=>[o(v(r.resendLabel),1)]),_:1},8,["disabled"]),r.resendHint?(c(),i("span",f(u({key:0},g(e)("verification-page","resend-hint"))),v(r.resendHint),17)):t("",!0)],16)):t("",!0),l.$slots.footer?(c(),i("div",f(u({key:3},g(e)("verification-page","footer"))),[p(l.$slots,"footer")],16)):t("",!0)],16)],16,L))}});export{B as default};

package/dist/verification-page/index.cjs

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

package/dist/verification-page/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxVerificationPage } from './VerificationPage.vue.cjs';
+export type { VerificationDetail } from './types.cjs';

package/dist/verification-page/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxVerificationPage } from './VerificationPage.vue.js';
+export type { VerificationDetail } from './types.js';

package/dist/verification-page/index.js

@@ -0,0 +1 @@
+import i from"./VerificationPage.vue.js";export{i as SkdxVerificationPage};

package/dist/verification-page/types.d.cts

@@ -0,0 +1,5 @@
+/** The payload a `SkdxVerificationPage` reports once a complete code is submitted. */
+export interface VerificationDetail {
+    /** The full code, exactly `length` characters long. */
+    code: string;
+}

package/dist/verification-page/types.d.ts

@@ -0,0 +1,5 @@
+/** The payload a `SkdxVerificationPage` reports once a complete code is submitted. */
+export interface VerificationDetail {
+    /** The full code, exactly `length` characters long. */
+    code: string;
+}

package/dist/workspace-switcher/WorkspaceSwitcher.vue.cjs

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