@skdx/vue 0.28.0 → 0.30.0

package/dist/stepper/Stepper.vue.d.ts

@@ -0,0 +1,80 @@
+import { type StepperNavigationMode, type StepperOrientation } from './context.js';
+import type { StepperItemData } from './types.js';
+/**
+ * Renders an `<ol>` list of steps with a controlled or uncontrolled current step.
+ *
+ * ```vue
+ * <SkdxStepper
+ *   aria-label="Checkout progress"
+ *   v-model:current="step"
+ *   :items="[{ label: 'Cart' }, { label: 'Shipping', description: 'Where it goes.' }]"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Current step value for controlled usage (`v-model:value`).
+     * @defaultValue undefined — uncontrolled, tracks internally.
+     */
+    value?: string;
+    /**
+     * Initial current step value for uncontrolled usage.
+     * @defaultValue undefined — no step is current until one is activated.
+     */
+    defaultValue?: string;
+    /**
+     * Layout axis, exposed as `data-orientation`; a styling hook only, with no ARIA orientation or arrow-key handling.
+     */
+    orientation?: StepperOrientation;
+    /**
+     * `'linear'` restricts to completed, current, and next incomplete steps;
+     * `'non-linear'` allows any non-disabled step.
+     */
+    navigationMode?: StepperNavigationMode;
+    /** Visually-hidden status text for a completed step. */
+    completedLabel?: string;
+    /** Visually-hidden status text for the current step. */
+    currentLabel?: string;
+    /** Visually-hidden status text for a step that is neither completed nor current. */
+    incompleteLabel?: string;
+    /** Visually-hidden status text for a disabled step. */
+    disabledLabel?: string;
+    /** Visually-hidden status text for a step in an error state. */
+    errorLabel?: string;
+    /**
+     * Stepper to derive as `<li>` items in order; ignored if the default slot supplies its own `SkdxStepperItem`s.
+     * @default undefined — nothing is derived; compose the steps in the default slot.
+     */
+    items?: readonly StepperItemData[] | undefined;
+    /**
+     * Index of the current step for the derived anatomy (positional spelling of `value`); everything before it counts as completed.
+     * @default undefined — no step is current; `value`/`defaultValue` decide instead.
+     */
+    current?: number | undefined;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+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;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+}>, {
+    orientation: StepperOrientation;
+    navigationMode: StepperNavigationMode;
+    completedLabel: string;
+    currentLabel: string;
+    incompleteLabel: string;
+    disabledLabel: string;
+    errorLabel: 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/stepper/Stepper.vue.js

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

package/dist/stepper/Stepper.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const _=require("../utils/dev-mode.cjs"),o=require("./context.cjs"),L=require("./StepperAnatomy.vue.cjs");let r=require("vue");var h=["data-orientation"],k=(0,r.defineComponent)({__name:"Stepper",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},navigationMode:{default:"linear"},completedLabel:{default:"Completed"},currentLabel:{default:"Current step"},incompleteLabel:{default:"Not completed"},disabledLabel:{default:"Disabled"},errorLabel:{default:"Error"},items:{},current:{}},emits:["update:value","value-change"],setup(i,{emit:v}){const t=i,d=v,c=(0,r.ref)(t.defaultValue),l=(0,r.computed)(()=>t.value!==void 0?t.value:t.current===void 0?void 0:String(t.current)),u=(0,r.computed)(()=>l.value!==void 0?l.value:c.value),a=(0,r.reactive)([]);function p(e){return o.resolveItems(a).find(n=>n.value===e)}function s(e){return o.canActivateStep(o.resolveItems(a),e,u.value,t.navigationMode)}function m(e){s(e)&&u.value!==e&&(l.value===void 0&&(c.value=e),d("update:value",e),d("value-change",e))}const f=(0,r.ref)(null);(0,r.onMounted)(()=>{const e=f.value;e&&!e.getAttribute("aria-label")&&!e.getAttribute("aria-labelledby")&&_.isDevMode()&&console.warn("[skdx] Stepper: the root <ol> has no accessible name. Give it an aria-label or an aria-labelledby pointing at a visible heading.")});function b(e){return e==="completed"?t.completedLabel:e==="current"?t.currentLabel:e==="error"?t.errorLabel:e==="disabled"?t.disabledLabel:t.incompleteLabel}return(0,r.provide)(o.STEPPER_CONTEXT,{currentValue:()=>u.value,orientation:()=>t.orientation,navigationMode:()=>t.navigationMode,statusLabel:b,itemState:p,canActivate:s,activate:m,registerItem:e=>{a.push(e)},unregisterItem:e=>{const n=a.findIndex(g=>g.value===e);n!==-1&&a.splice(n,1)}}),(e,n)=>((0,r.openBlock)(),(0,r.createElementBlock)("ol",{ref_key:"rootRef",ref:f,class:"skdx-stepper","data-part":"root","data-skdx-component":"stepper",role:"list","data-orientation":i.orientation},[(0,r.renderSlot)(e.$slots,"default",{},()=>[t.items?((0,r.openBlock)(),(0,r.createBlock)(L.default,{key:0,items:t.items,current:i.current??-1},null,8,["items","current"])):(0,r.createCommentVNode)("",!0)])],8,h))}});exports.default=k;

package/dist/stepper/Stepper.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{isDevMode as e}from"../utils/dev-mode.js";import{STEPPER_CONTEXT as t,canActivateStep as a,resolveItems as r}from"./context.js";import o from"./StepperAnatomy.vue.js";import{computed as l,createBlock as n,createCommentVNode as i,createElementBlock as u,defineComponent as s,onMounted as d,openBlock as c,provide as v,reactive as p,ref as m,renderSlot as f}from"vue";var b=["data-orientation"],g=/* @__PURE__ */s({__name:"Stepper",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},navigationMode:{default:"linear"},completedLabel:{default:"Completed"},currentLabel:{default:"Current step"},incompleteLabel:{default:"Not completed"},disabledLabel:{default:"Disabled"},errorLabel:{default:"Error"},items:{},current:{}},emits:["update:value","value-change"],setup(s,{emit:g}){const L=s,k=g,S=m(L.defaultValue),h=l(()=>void 0!==L.value?L.value:void 0===L.current?void 0:String(L.current)),x=l(()=>void 0!==h.value?h.value:S.value),M=p([]);function y(e){return a(r(M),e,x.value,L.navigationMode)}const A=m(null);return d(()=>{const t=A.value;t&&!t.getAttribute("aria-label")&&!t.getAttribute("aria-labelledby")&&e()&&console.warn("[skdx] Stepper: the root <ol> has no accessible name. Give it an aria-label or an aria-labelledby pointing at a visible heading.")}),v(t,{currentValue:()=>x.value,orientation:()=>L.orientation,navigationMode:()=>L.navigationMode,statusLabel:function(e){return"completed"===e?L.completedLabel:"current"===e?L.currentLabel:"error"===e?L.errorLabel:"disabled"===e?L.disabledLabel:L.incompleteLabel},itemState:function(e){return r(M).find(t=>t.value===e)},canActivate:y,activate:function(e){y(e)&&x.value!==e&&(void 0===h.value&&(S.value=e),k("update:value",e),k("value-change",e))},registerItem:e=>{M.push(e)},unregisterItem:e=>{const t=M.findIndex(t=>t.value===e);-1!==t&&M.splice(t,1)}}),(e,t)=>(c(),u("ol",{ref_key:"rootRef",ref:A,class:"skdx-stepper","data-part":"root","data-skdx-component":"stepper",role:"list","data-orientation":s.orientation},[f(e.$slots,"default",{},()=>[L.items?(c(),n(o,{key:0,items:L.items,current:s.current??-1},null,8,["items","current"])):i("",!0)])],8,b))}});export{g as default};

package/dist/stepper/StepperAnatomy.vue.cjs

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

package/dist/stepper/StepperAnatomy.vue.d.cts

@@ -0,0 +1,8 @@
+import type { StepperItemData } from './types.cjs';
+/** @internal Anatomy a `SkdxStepper` draws: one `<li>` per entry with trigger, description, and connector. */
+type __VLS_Props = {
+    items: readonly StepperItemData[];
+    current: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/stepper/StepperAnatomy.vue.d.ts

@@ -0,0 +1,8 @@
+import type { StepperItemData } from './types.js';
+/** @internal Anatomy a `SkdxStepper` draws: one `<li>` per entry with trigger, description, and connector. */
+type __VLS_Props = {
+    items: readonly StepperItemData[];
+    current: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/stepper/StepperAnatomy.vue.js

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

package/dist/stepper/StepperAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./StepperItem.vue.cjs"),n=require("./StepperTrigger.vue.cjs");let e=require("vue");var s={class:"skdx-stepper__indicator","aria-hidden":"true"},o={class:"skdx-stepper__title"},p={key:0,class:"skdx-stepper__description"},c={key:1,class:"skdx-stepper__separator","aria-hidden":"true"},i=(0,e.defineComponent)({__name:"StepperAnatomy",props:{items:{},current:{}},setup(r){return(u,_)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.items,(a,t)=>((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:t,value:String(t),completed:t<r.current},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,{value:String(t)},{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)("span",s,(0,e.toDisplayString)(t+1),1),(0,e.createElementVNode)("span",o,(0,e.toDisplayString)(a.label),1)]),_:2},1032,["value"]),a.description?((0,e.openBlock)(),(0,e.createElementBlock)("span",p,(0,e.toDisplayString)(a.description),1)):(0,e.createCommentVNode)("",!0),t<r.items.length-1?((0,e.openBlock)(),(0,e.createElementBlock)("span",c)):(0,e.createCommentVNode)("",!0)]),_:2},1032,["value","completed"]))),128))}});exports.default=i;

package/dist/stepper/StepperAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./StepperItem.vue.js";import t from"./StepperTrigger.vue.js";import{Fragment as a,createBlock as s,createCommentVNode as r,createElementBlock as p,createElementVNode as n,createVNode as i,defineComponent as o,openBlock as l,renderList as d,toDisplayString as c,withCtx as m}from"vue";var u={class:"skdx-stepper__indicator","aria-hidden":"true"},_={class:"skdx-stepper__title"},k={key:0,class:"skdx-stepper__description"},v={key:1,class:"skdx-stepper__separator","aria-hidden":"true"},f=/* @__PURE__ */o({__name:"StepperAnatomy",props:{items:{},current:{}},setup:o=>(f,g)=>(l(!0),p(a,null,d(o.items,(a,d)=>(l(),s(e,{key:d,value:String(d),completed:d<o.current},{default:m(()=>[i(t,{value:String(d)},{default:m(()=>[n("span",u,c(d+1),1),n("span",_,c(a.label),1)]),_:2},1032,["value"]),a.description?(l(),p("span",k,c(a.description),1)):r("",!0),d<o.items.length-1?(l(),p("span",v)):r("",!0)]),_:2},1032,["value","completed"]))),128))});export{f as default};

package/dist/stepper/StepperItem.vue.cjs

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

package/dist/stepper/StepperItem.vue.d.cts

@@ -0,0 +1,33 @@
+/** A single `<li>` step with `data-state`, `aria-current="step"` when current, and a visually-hidden status element. */
+type __VLS_Props = {
+    /** Unique identifier matched against the root's `value` and a `SkdxStepperTrigger`'s `value`. */
+    value: string;
+    /**
+     * Whether this step is completed, driving `data-state` and, in linear mode, which steps a trigger may activate.
+     */
+    completed?: boolean;
+    /**
+     * Whether this step can be activated; a disabled step's trigger leaves the tab order and refuses activation.
+     */
+    disabled?: boolean;
+    /**
+     * Whether this step is in an error state, driving `data-state="error"` and the `errorLabel` status text.
+     */
+    error?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    error: boolean;
+    completed: 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/stepper/StepperItem.vue.d.ts

@@ -0,0 +1,33 @@
+/** A single `<li>` step with `data-state`, `aria-current="step"` when current, and a visually-hidden status element. */
+type __VLS_Props = {
+    /** Unique identifier matched against the root's `value` and a `SkdxStepperTrigger`'s `value`. */
+    value: string;
+    /**
+     * Whether this step is completed, driving `data-state` and, in linear mode, which steps a trigger may activate.
+     */
+    completed?: boolean;
+    /**
+     * Whether this step can be activated; a disabled step's trigger leaves the tab order and refuses activation.
+     */
+    disabled?: boolean;
+    /**
+     * Whether this step is in an error state, driving `data-state="error"` and the `errorLabel` status text.
+     */
+    error?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    error: boolean;
+    completed: 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/stepper/StepperItem.vue.js

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

package/dist/stepper/StepperItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("../utils/VisuallyHidden.vue.cjs"),s=require("../utils/injectRequired.cjs"),l=require("./context.cjs");let e=require("vue");var i=["data-state","data-orientation","data-disabled","data-value","aria-current"],n=(0,e.defineComponent)({__name:"StepperItem",props:{value:{},completed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1}},setup(d){const t=d,a=s.injectRequired(l.STEPPER_CONTEXT,"SkdxStepperItem must be used within SkdxStepper");a.registerItem({value:t.value,completed:()=>t.completed,disabled:()=>t.disabled,error:()=>t.error}),(0,e.onUnmounted)(()=>a.unregisterItem(t.value));const r=(0,e.computed)(()=>l.stepStatus({completed:t.completed,disabled:t.disabled,error:t.error},a.currentValue()===t.value));return(u,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",{class:"skdx-stepper__item","data-part":"item","data-state":r.value,"data-orientation":(0,e.unref)(a).orientation(),"data-disabled":d.disabled?"":null,"data-value":d.value,"aria-current":r.value==="current"?"step":void 0},[(0,e.renderSlot)(u.$slots,"default"),(0,e.createVNode)(o.default,{"data-state-text":r.value},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(a).statusLabel(r.value)),1)]),_:1},8,["data-state-text"])],8,i))}});exports.default=n;

package/dist/stepper/StepperItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/VisuallyHidden.vue.js";import{injectRequired as t}from"../utils/injectRequired.js";import{STEPPER_CONTEXT as a,stepStatus as r}from"./context.js";import{computed as d,createElementBlock as s,createTextVNode as l,createVNode as o,defineComponent as u,onUnmounted as i,openBlock as n,renderSlot as p,toDisplayString as m,unref as c,withCtx as v}from"vue";var f=["data-state","data-orientation","data-disabled","data-value","aria-current"],b=/* @__PURE__ */u({__name:"StepperItem",props:{value:{},completed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1}},setup(u){const b=u,x=t(a,"SkdxStepperItem must be used within SkdxStepper");x.registerItem({value:b.value,completed:()=>b.completed,disabled:()=>b.disabled,error:()=>b.error}),i(()=>x.unregisterItem(b.value));const S=d(()=>r({completed:b.completed,disabled:b.disabled,error:b.error},x.currentValue()===b.value));return(t,a)=>(n(),s("li",{class:"skdx-stepper__item","data-part":"item","data-state":S.value,"data-orientation":c(x).orientation(),"data-disabled":u.disabled?"":null,"data-value":u.value,"aria-current":"current"===S.value?"step":void 0},[p(t.$slots,"default"),o(e,{"data-state-text":S.value},{default:v(()=>[l(m(c(x).statusLabel(S.value)),1)]),_:1},8,["data-state-text"])],8,f))}});export{b as default};

package/dist/stepper/StepperTrigger.vue.cjs

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

package/dist/stepper/StepperTrigger.vue.d.cts

@@ -0,0 +1,17 @@
+/** Optional interactive control making a step navigable, rendered as a plain `<button>` and ordinary tab stop. */
+type __VLS_Props = {
+    /** The owning `SkdxStepperItem`'s `value` — the step this trigger activates. */
+    value: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/stepper/StepperTrigger.vue.d.ts

@@ -0,0 +1,17 @@
+/** Optional interactive control making a step navigable, rendered as a plain `<button>` and ordinary tab stop. */
+type __VLS_Props = {
+    /** The owning `SkdxStepperItem`'s `value` — the step this trigger activates. */
+    value: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/stepper/StepperTrigger.vue.js

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

package/dist/stepper/StepperTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const c=require("../utils/injectRequired.cjs"),i=require("./context.cjs");let e=require("vue");var p=["data-state","data-orientation","data-disabled","data-value","disabled","aria-disabled"],v=(0,e.defineComponent)({__name:"StepperTrigger",props:{value:{}},setup(l){const a=l,t=c.injectRequired(i.STEPPER_CONTEXT,"SkdxStepperTrigger must be used within SkdxStepper"),u=(0,e.computed)(()=>t.itemState(a.value)),r=(0,e.computed)(()=>u.value?.disabled??!1),s=(0,e.computed)(()=>i.stepStatus({completed:u.value?.completed??!1,disabled:r.value,error:u.value?.error??!1},t.currentValue()===a.value)),d=(0,e.computed)(()=>!r.value&&!t.canActivate(a.value)),n=()=>{d.value||t.activate(a.value)};return(o,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-stepper__trigger","data-part":"trigger",type:"button","data-state":s.value,"data-orientation":(0,e.unref)(t).orientation(),"data-disabled":r.value?"":null,"data-value":l.value,disabled:r.value,"aria-disabled":d.value?"true":void 0,onClick:n},[(0,e.renderSlot)(o.$slots,"default")],8,p))}});exports.default=v;

package/dist/stepper/StepperTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{STEPPER_CONTEXT as a,stepStatus as t}from"./context.js";import{computed as r,createElementBlock as l,defineComponent as d,openBlock as u,renderSlot as i,unref as s}from"vue";var o=["data-state","data-orientation","data-disabled","data-value","disabled","aria-disabled"],n=/* @__PURE__ */d({__name:"StepperTrigger",props:{value:{}},setup(d){const n=d,p=e(a,"SkdxStepperTrigger must be used within SkdxStepper"),v=r(()=>p.itemState(n.value)),c=r(()=>v.value?.disabled??!1),m=r(()=>t({completed:v.value?.completed??!1,disabled:c.value,error:v.value?.error??!1},p.currentValue()===n.value)),b=r(()=>!c.value&&!p.canActivate(n.value)),S=()=>{b.value||p.activate(n.value)};return(e,a)=>(u(),l("button",{class:"skdx-stepper__trigger","data-part":"trigger",type:"button","data-state":m.value,"data-orientation":s(p).orientation(),"data-disabled":c.value?"":null,"data-value":d.value,disabled:c.value,"aria-disabled":b.value?"true":void 0,onClick:S},[i(e.$slots,"default")],8,o))}});export{n as default};

package/dist/stepper/context.cjs

@@ -0,0 +1 @@
+function a(r,e){return e?"current":r.error?"error":r.completed?"completed":r.disabled?"disabled":"incomplete"}function d(r){return r.map(e=>({value:e.value,completed:e.completed(),disabled:e.disabled(),error:e.error()}))}function o(r,e,u,l){const t=r.find(n=>n.value===e);return!t||t.disabled?!1:l==="non-linear"||t.completed||t.value===u?!0:r.find(n=>!n.completed)?.value===e}var c=Symbol("SkdxStepper");exports.STEPPER_CONTEXT=c;exports.canActivateStep=o;exports.resolveItems=d;exports.stepStatus=a;

package/dist/stepper/context.d.cts

@@ -0,0 +1,46 @@
+import type { InjectionKey } from 'vue';
+/** Step statuses. `'error'` distinguishes form-failed from unreached steps. */
+export type StepStatus = 'completed' | 'current' | 'error' | 'incomplete' | 'disabled';
+/** Layout axis of a Stepper list: side-by-side (`'horizontal'`) or stacked (`'vertical'`). */
+export type StepperOrientation = 'horizontal' | 'vertical';
+/** Navigation mode: 'linear' allows completed/current/frontier; 'non-linear' allows any non-disabled step. */
+export type StepperNavigationMode = 'linear' | 'non-linear';
+/** A step's completion/disabled state at one moment in time. */
+export interface StepperItemState {
+    value: string;
+    completed: boolean;
+    disabled: boolean;
+    error: boolean;
+}
+/** @internal Registered step; getters stay live as the wizard progresses and the frontier moves. */
+export interface StepperRegisteredItem {
+    readonly value: string;
+    readonly completed: () => boolean;
+    readonly disabled: () => boolean;
+    readonly error: () => boolean;
+}
+/** @internal Status precedence: current > error > completed > disabled > incomplete. */
+export declare function stepStatus(item: {
+    completed?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+}, current: boolean): StepStatus;
+/** @internal Resolves the live registry into plain state for {@link canActivateStep}. */
+export declare function resolveItems(items: readonly StepperRegisteredItem[]): StepperItemState[];
+/** @internal Linear-mode enforcement: reachable means completed, current, or the frontier; disabled doesn't block, just doesn't advance it. */
+export declare function canActivateStep(items: readonly StepperItemState[], value: string, currentValue: string | undefined, navigationMode: StepperNavigationMode): boolean;
+/** @internal StepperContext: getter functions for thin contract (not refs). */
+export interface StepperContext {
+    readonly currentValue: () => string | undefined;
+    readonly orientation: () => StepperOrientation;
+    readonly navigationMode: () => StepperNavigationMode;
+    readonly statusLabel: (status: StepStatus) => string;
+    /** The registered step's live state, or `undefined` before it has registered. */
+    itemState(value: string): StepperItemState | undefined;
+    canActivate(value: string): boolean;
+    activate(value: string): void;
+    registerItem(item: StepperRegisteredItem): void;
+    unregisterItem(value: string): void;
+}
+/** @internal Injection key under which `SkdxStepper` provides its {@link StepperContext} to its parts. */
+export declare const STEPPER_CONTEXT: InjectionKey<StepperContext>;

package/dist/stepper/context.d.ts

@@ -0,0 +1,46 @@
+import type { InjectionKey } from 'vue';
+/** Step statuses. `'error'` distinguishes form-failed from unreached steps. */
+export type StepStatus = 'completed' | 'current' | 'error' | 'incomplete' | 'disabled';
+/** Layout axis of a Stepper list: side-by-side (`'horizontal'`) or stacked (`'vertical'`). */
+export type StepperOrientation = 'horizontal' | 'vertical';
+/** Navigation mode: 'linear' allows completed/current/frontier; 'non-linear' allows any non-disabled step. */
+export type StepperNavigationMode = 'linear' | 'non-linear';
+/** A step's completion/disabled state at one moment in time. */
+export interface StepperItemState {
+    value: string;
+    completed: boolean;
+    disabled: boolean;
+    error: boolean;
+}
+/** @internal Registered step; getters stay live as the wizard progresses and the frontier moves. */
+export interface StepperRegisteredItem {
+    readonly value: string;
+    readonly completed: () => boolean;
+    readonly disabled: () => boolean;
+    readonly error: () => boolean;
+}
+/** @internal Status precedence: current > error > completed > disabled > incomplete. */
+export declare function stepStatus(item: {
+    completed?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+}, current: boolean): StepStatus;
+/** @internal Resolves the live registry into plain state for {@link canActivateStep}. */
+export declare function resolveItems(items: readonly StepperRegisteredItem[]): StepperItemState[];
+/** @internal Linear-mode enforcement: reachable means completed, current, or the frontier; disabled doesn't block, just doesn't advance it. */
+export declare function canActivateStep(items: readonly StepperItemState[], value: string, currentValue: string | undefined, navigationMode: StepperNavigationMode): boolean;
+/** @internal StepperContext: getter functions for thin contract (not refs). */
+export interface StepperContext {
+    readonly currentValue: () => string | undefined;
+    readonly orientation: () => StepperOrientation;
+    readonly navigationMode: () => StepperNavigationMode;
+    readonly statusLabel: (status: StepStatus) => string;
+    /** The registered step's live state, or `undefined` before it has registered. */
+    itemState(value: string): StepperItemState | undefined;
+    canActivate(value: string): boolean;
+    activate(value: string): void;
+    registerItem(item: StepperRegisteredItem): void;
+    unregisterItem(value: string): void;
+}
+/** @internal Injection key under which `SkdxStepper` provides its {@link StepperContext} to its parts. */
+export declare const STEPPER_CONTEXT: InjectionKey<StepperContext>;

package/dist/stepper/context.js

@@ -0,0 +1 @@
+function e(e,r){return r?"current":e.error?"error":e.completed?"completed":e.disabled?"disabled":"incomplete"}function r(e){return e.map(e=>({value:e.value,completed:e.completed(),disabled:e.disabled(),error:e.error()}))}function t(e,r,t,a){const l=e.find(e=>e.value===r);return!(!l||l.disabled||"non-linear"!==a&&!l.completed&&l.value!==t&&e.find(e=>!e.completed)?.value!==r)}var a=/* @__PURE__ */Symbol("SkdxStepper");export{a as STEPPER_CONTEXT,t as canActivateStep,r as resolveItems,e as stepStatus};

package/dist/stepper/index.cjs

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

package/dist/stepper/index.d.cts

@@ -0,0 +1,3 @@
+export { default as SkdxStepper } from './Stepper.vue.cjs';
+export type { StepperItemData } from './types.cjs';
+export type { StepStatus, StepperOrientation, StepperNavigationMode, StepperItemState, } from './context.cjs';

package/dist/stepper/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SkdxStepper } from './Stepper.vue.js';
+export type { StepperItemData } from './types.js';
+export type { StepStatus, StepperOrientation, StepperNavigationMode, StepperItemState, } from './context.js';

package/dist/stepper/index.js

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

package/dist/stepper/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./StepperItem.vue.cjs"),r=require("./StepperTrigger.vue.cjs"),t=require("./Stepper.vue.cjs");exports.SkdxStepper=t.default;exports.SkdxStepperItem=e.default;exports.SkdxStepperTrigger=r.default;

package/dist/stepper/primitives.d.cts

@@ -0,0 +1,20 @@
+/**
+ * Advanced primitives for Stepper — the parts the recipe composes.
+ *
+ * @example
+ * ```vue
+ * <SkdxStepper aria-label="Checkout progress" v-model:value="step">
+ *   <SkdxStepperItem value="cart" completed>
+ *     <SkdxStepperTrigger value="cart"><span class="skdx-stepper__title">Cart</span></SkdxStepperTrigger>
+ *   </SkdxStepperItem>
+ *   <SkdxStepperItem value="pay" error>
+ *     <SkdxStepperTrigger value="pay"><span class="skdx-stepper__title">Payment</span></SkdxStepperTrigger>
+ *   </SkdxStepperItem>
+ * </SkdxStepper>
+ * ```
+ */
+export { default as SkdxStepper } from './Stepper.vue.cjs';
+export { default as SkdxStepperItem } from './StepperItem.vue.cjs';
+export { default as SkdxStepperTrigger } from './StepperTrigger.vue.cjs';
+export type { StepperItemData } from './types.cjs';
+export type { StepStatus, StepperOrientation, StepperNavigationMode, StepperItemState, } from './context.cjs';

package/dist/stepper/primitives.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Advanced primitives for Stepper — the parts the recipe composes.
+ *
+ * @example
+ * ```vue
+ * <SkdxStepper aria-label="Checkout progress" v-model:value="step">
+ *   <SkdxStepperItem value="cart" completed>
+ *     <SkdxStepperTrigger value="cart"><span class="skdx-stepper__title">Cart</span></SkdxStepperTrigger>
+ *   </SkdxStepperItem>
+ *   <SkdxStepperItem value="pay" error>
+ *     <SkdxStepperTrigger value="pay"><span class="skdx-stepper__title">Payment</span></SkdxStepperTrigger>
+ *   </SkdxStepperItem>
+ * </SkdxStepper>
+ * ```
+ */
+export { default as SkdxStepper } from './Stepper.vue.js';
+export { default as SkdxStepperItem } from './StepperItem.vue.js';
+export { default as SkdxStepperTrigger } from './StepperTrigger.vue.js';
+export type { StepperItemData } from './types.js';
+export type { StepStatus, StepperOrientation, StepperNavigationMode, StepperItemState, } from './context.js';

package/dist/stepper/primitives.js

@@ -0,0 +1 @@
+import e from"./StepperItem.vue.js";import r from"./StepperTrigger.vue.js";import p from"./Stepper.vue.js";export{p as SkdxStepper,e as SkdxStepperItem,r as SkdxStepperTrigger};

package/dist/stepper/types.d.cts

@@ -0,0 +1,10 @@
+/** One stage in a `SkdxStepper`' `items`. Its position in the array is its identity. */
+export interface StepperItemData {
+    /** The step's caption, rendered as the derived trigger's text and its accessible name. */
+    label: string;
+    /**
+     * Supporting copy under the caption.
+     * @default undefined — the step shows its caption alone.
+     */
+    description?: string;
+}

package/dist/stepper/types.d.ts

@@ -0,0 +1,10 @@
+/** One stage in a `SkdxStepper`' `items`. Its position in the array is its identity. */
+export interface StepperItemData {
+    /** The step's caption, rendered as the derived trigger's text and its accessible name. */
+    label: string;
+    /**
+     * Supporting copy under the caption.
+     * @default undefined — the step shows its caption alone.
+     */
+    description?: string;
+}

package/dist/switch/Switch.vue.d.cts

@@ -1,38 +1,17 @@
 /**
- * The Vue implementation of the shared Switch contract. Renders a native `<button role="switch">`: behavior and accessibility only, no visual style. Supports `v-model:checked` via the `update:checked` emit.
- *
- * When `name` is set, also renders a visually-hidden native `<input type="checkbox">` so the value participates in real form submission. Exposes `checkValidity()`/`reportValidity()`/`setCustomValidity()` delegating to that hidden input.
- *
- * `role="switch"` takes its name from its content. Given no default slot content it derives the body from `label` and `labelPosition`.
+ * Renders a native `<button role="switch">`, with an optional hidden `<input>` for form submission when `name` is set.
  *
  * @example
  * ```vue
  * <SkdxSwitch :default-checked="true" name="notifications" label="Notifications" />
  * ```
- *
- * @example Manual composition, named from its own content —
- * `import * as Switch from '@skdx/vue/primitives/switch'`:
- * ```vue
- * <SkdxSwitch :default-checked="true" name="notifications">
- *   <SkdxSwitchThumb />
- *   Notifications
- * </SkdxSwitch>
- * ```
- *
- * @example
- * ```vue
- * <!-- Named by the author, for the icon-only form where no text sits inside. -->
- * <SkdxSwitch :default-checked="true" name="notifications" aria-label="Notifications">
- *   <SkdxSwitchThumb />
- * </SkdxSwitch>
- * ```
  */
 type __VLS_Props = {
     /**
-     * Checked state, for controlled usage via `v-model:checked`. Exposed as `aria-checked`.
+     * Checked state for controlled usage via `v-model:checked`, exposed as `aria-checked`.
      * @default undefined — uncontrolled, seeded from `defaultChecked`.
      */
-    checked?: boolean;
+    checked?: boolean | undefined;
     /**
      * Initial checked state, used only when the switch is uncontrolled.
      * @default false
@@ -49,14 +28,12 @@ type __VLS_Props = {
      */
     required?: boolean;
     /**
-     * Displays a state the user may not change. The switch keeps its tab stop and
-     * focus ring, adds `aria-readonly="true"` and `data-readonly`, and refuses the
-     * flip. A read-only switch still submits its value.
+     * Displays a state the user may not change, keeping the tab stop and refusing the flip.
      * @default false
      */
     readOnly?: boolean;
     /**
-     * Marks the switch as invalid, exposed as `aria-invalid`/`data-invalid`. Presentational only.
+     * Marks the switch as invalid (presentational only), exposed as `aria-invalid`/`data-invalid`.
      * @default false
      */
     invalid?: boolean;
@@ -71,22 +48,26 @@ type __VLS_Props = {
      */
     value?: string;
     /**
-     * The `id` of the `<form>` this switch submits with, for a switch that is not
-     * a DOM descendant of it. Mirrors the native `form` attribute onto the hidden input.
+     * The `id` of the `<form>` this switch submits with, for a switch outside it in the DOM.
      * @default undefined — the nearest ancestor `<form>`.
      */
-    form?: string;
+    form?: string | undefined;
     /**
      * Visible text rendered as a derived `SkdxSwitchLabel` inside the button,
      * which also names the control.
      * @default undefined — no label part is rendered.
      */
-    label?: string;
+    label?: string | undefined;
     /**
      * Which side of the derived Thumb the derived Label sits on.
      * @default 'end'
      */
     labelPosition?: 'start' | 'end';
+    /**
+     * Size rung the skin renders the switch at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 type __VLS_Slots = {
     /** Full manual composition — a Thumb and/or a Label. */
@@ -97,38 +78,26 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
     /** The underlying native `<button role="switch">` element, for focus management. */
     el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
-    /**
-     * Reports whether the hidden form input satisfies its constraints, firing
-     * `invalid` when it does not — the browser's own answer, delegated rather
-     * than re-derived. `true` without a `name`: no input is rendered, nothing is
-     * submitted, so there is nothing to be invalid about.
-     */
+    /** Reports whether the hidden form input satisfies its constraints; `true` when there is no `name`. */
     checkValidity: () => boolean;
     /** Like `checkValidity()`, but also shows the browser's validation message. */
     reportValidity: () => boolean;
-    /**
-     * Pushes an externally-computed error — a server response, a cross-field
-     * rule — onto the hidden input, exactly like
-     * `HTMLInputElement.setCustomValidity()`: a non-empty message makes the
-     * switch invalid (`customError`) and is what `reportValidity()` shows; `''`
-     * clears it. Dropped without a `name`, matching the reads above.
-     */
+    /** Pushes an externally-computed error onto the hidden input, like `HTMLInputElement.setCustomValidity()`. */
     setCustomValidity: (message: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (checked: boolean) => any;
     "checked-change": (checked: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
-    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+    "onUpdate:checked"?: (checked: boolean) => any;
+    "onChecked-change"?: (checked: boolean) => any;
 }>, {
-    form: string;
-    label: string;
     disabled: boolean;
-    checked: boolean;
-    value: string;
+    size: "sm" | "lg" | (string & {}) | undefined;
+    checked: boolean | undefined;
     defaultChecked: boolean;
     readOnly: boolean;
     required: boolean;
+    value: string;
     invalid: boolean;
     labelPosition: "start" | "end";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;