@skdx/vue 0.26.0

package/dist/split-button/SplitButtonAction.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * The primary action button within a `<SkdxSplitButton>`: renders a
+ * `<button type="button">`.
+ */
+type __VLS_Props = {};
+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/split-button/SplitButtonAction.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The primary action button within a `<SkdxSplitButton>`: renders a
+ * `<button type="button">`.
+ */
+type __VLS_Props = {};
+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/split-button/SplitButtonAction.vue.js

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

package/dist/split-button/SplitButtonAction.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let t=require("vue");var n={class:"skdx-split-button__action","data-part":"action",type:"button"},o=(0,t.defineComponent)({__name:"SplitButtonAction",setup(u){return(e,_)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",n,[(0,t.renderSlot)(e.$slots,"default")]))}});exports.default=o;

package/dist/split-button/SplitButtonAction.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as t,defineComponent as e,openBlock as o,renderSlot as a}from"vue";var n={class:"skdx-split-button__action","data-part":"action",type:"button"},s=/* @__PURE__ */e({__name:"SplitButtonAction",setup:e=>(e,s)=>(o(),t("button",n,[a(e.$slots,"default")]))});export{s as default};

package/dist/split-button/SplitButtonTrigger.vue.cjs

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

package/dist/split-button/SplitButtonTrigger.vue.d.cts

@@ -0,0 +1,19 @@
+/**
+ * The small button within a `<SkdxSplitButton>` that opens a menu of related
+ * actions: renders a `<button type="button" aria-haspopup="menu">`. Carries
+ * no open/close logic itself — pair it with an actual menu's trigger (e.g. a
+ * dropdown menu) to open the attached menu.
+ */
+type __VLS_Props = {};
+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/split-button/SplitButtonTrigger.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The small button within a `<SkdxSplitButton>` that opens a menu of related
+ * actions: renders a `<button type="button" aria-haspopup="menu">`. Carries
+ * no open/close logic itself — pair it with an actual menu's trigger (e.g. a
+ * dropdown menu) to open the attached menu.
+ */
+type __VLS_Props = {};
+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/split-button/SplitButtonTrigger.vue.js

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

package/dist/split-button/SplitButtonTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let t=require("vue");var r={class:"skdx-split-button__trigger","data-part":"trigger",type:"button","aria-haspopup":"menu"},u=(0,t.defineComponent)({__name:"SplitButtonTrigger",setup(_){return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",r,[(0,t.renderSlot)(e.$slots,"default")]))}});exports.default=u;

package/dist/split-button/SplitButtonTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as t,defineComponent as e,openBlock as a,renderSlot as o}from"vue";var r={class:"skdx-split-button__trigger","data-part":"trigger",type:"button","aria-haspopup":"menu"},s=/* @__PURE__ */e({__name:"SplitButtonTrigger",setup:e=>(e,s)=>(a(),t("button",r,[o(e.$slots,"default")]))});export{s as default};

package/dist/split-button/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SplitButton.vue.cjs"),e=require("./SplitButtonAction.vue.cjs"),r=require("./SplitButtonTrigger.vue.cjs");exports.SkdxSplitButton=t.default;exports.SkdxSplitButtonAction=e.default;exports.SkdxSplitButtonTrigger=r.default;

package/dist/split-button/index.d.cts

@@ -0,0 +1,3 @@
+export { default as SkdxSplitButton } from './SplitButton.vue.cjs';
+export { default as SkdxSplitButtonAction } from './SplitButtonAction.vue.cjs';
+export { default as SkdxSplitButtonTrigger } from './SplitButtonTrigger.vue.cjs';

package/dist/split-button/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SkdxSplitButton } from './SplitButton.vue.js';
+export { default as SkdxSplitButtonAction } from './SplitButtonAction.vue.js';
+export { default as SkdxSplitButtonTrigger } from './SplitButtonTrigger.vue.js';

package/dist/split-button/index.js

@@ -0,0 +1 @@
+import t from"./SplitButton.vue.js";import o from"./SplitButtonAction.vue.js";import i from"./SplitButtonTrigger.vue.js";export{t as SkdxSplitButton,o as SkdxSplitButtonAction,i as SkdxSplitButtonTrigger};

package/dist/steps/Steps.vue.cjs

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

package/dist/steps/Steps.vue.d.cts

@@ -0,0 +1,69 @@
+import { type StepsNavigationMode, type StepsOrientation } from './context.cjs';
+/**
+ * The Vue implementation of the shared Steps contract (see `@skdx/shared`'s
+ * `stepsContract`). Renders an `<ol>`, owns which step is current, and
+ * `provide()`s it (plus orientation, navigation mode, status labels and a
+ * live step registry) so a nested `<SkdxStepsItem>` / `<SkdxStepsTrigger>` can
+ * `inject()` it.
+ *
+ * Works controlled (`v-model:value` / `:value` + `@update:value`) or
+ * uncontrolled (`:default-value`). A Wizard is a *pattern* composed from
+ * Steps + Form + Dialog, not a component.
+ */
+type __VLS_Props = {
+    /**
+     * Current step's value, for controlled usage (`v-model:value`).
+     * @defaultValue undefined — uncontrolled, tracks its own current step internally.
+     */
+    value?: string;
+    /**
+     * Initially current step's value, for uncontrolled usage.
+     * @defaultValue undefined — no step is current until one is activated.
+     */
+    defaultValue?: string;
+    /**
+     * Layout axis, exposed as `data-orientation`. Purely a styling hook — each
+     * trigger is an ordinary tab stop, so there is no ARIA orientation and no
+     * arrow-key handling.
+     */
+    orientation?: StepsOrientation;
+    /**
+     * `'linear'` restricts triggers to completed steps, the current step, and
+     * the first not-yet-completed step. `'non-linear'` lets a trigger activate
+     * any step that is not itself disabled.
+     */
+    navigationMode?: StepsNavigationMode;
+    /** 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;
+};
+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) | undefined;
+    "onValue-change"?: ((value: string) => any) | undefined;
+}>, {
+    orientation: StepsOrientation;
+    navigationMode: StepsNavigationMode;
+    completedLabel: string;
+    currentLabel: string;
+    incompleteLabel: string;
+    disabledLabel: 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/steps/Steps.vue.d.ts

@@ -0,0 +1,69 @@
+import { type StepsNavigationMode, type StepsOrientation } from './context.js';
+/**
+ * The Vue implementation of the shared Steps contract (see `@skdx/shared`'s
+ * `stepsContract`). Renders an `<ol>`, owns which step is current, and
+ * `provide()`s it (plus orientation, navigation mode, status labels and a
+ * live step registry) so a nested `<SkdxStepsItem>` / `<SkdxStepsTrigger>` can
+ * `inject()` it.
+ *
+ * Works controlled (`v-model:value` / `:value` + `@update:value`) or
+ * uncontrolled (`:default-value`). A Wizard is a *pattern* composed from
+ * Steps + Form + Dialog, not a component.
+ */
+type __VLS_Props = {
+    /**
+     * Current step's value, for controlled usage (`v-model:value`).
+     * @defaultValue undefined — uncontrolled, tracks its own current step internally.
+     */
+    value?: string;
+    /**
+     * Initially current step's value, for uncontrolled usage.
+     * @defaultValue undefined — no step is current until one is activated.
+     */
+    defaultValue?: string;
+    /**
+     * Layout axis, exposed as `data-orientation`. Purely a styling hook — each
+     * trigger is an ordinary tab stop, so there is no ARIA orientation and no
+     * arrow-key handling.
+     */
+    orientation?: StepsOrientation;
+    /**
+     * `'linear'` restricts triggers to completed steps, the current step, and
+     * the first not-yet-completed step. `'non-linear'` lets a trigger activate
+     * any step that is not itself disabled.
+     */
+    navigationMode?: StepsNavigationMode;
+    /** 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;
+};
+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) | undefined;
+    "onValue-change"?: ((value: string) => any) | undefined;
+}>, {
+    orientation: StepsOrientation;
+    navigationMode: StepsNavigationMode;
+    completedLabel: string;
+    currentLabel: string;
+    incompleteLabel: string;
+    disabledLabel: 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/steps/Steps.vue.js

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

package/dist/steps/Steps.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("./context.cjs");let a=require("vue");var b=["data-orientation"],_=(0,a.defineComponent)({__name:"Steps",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},navigationMode:{default:"linear"},completedLabel:{default:"Completed"},currentLabel:{default:"Current step"},incompleteLabel:{default:"Not completed"},disabledLabel:{default:"Disabled"}},emits:["update:value","value-change"],setup(l,{emit:s}){const t=l,i=s,u=(0,a.ref)(t.defaultValue),d=(0,a.computed)(()=>t.value!==void 0?t.value:u.value),n=(0,a.reactive)([]);function p(e){return r.resolveItems(n).find(o=>o.value===e)}function c(e){return r.canActivateStep(r.resolveItems(n),e,d.value,t.navigationMode)}function v(e){c(e)&&(t.value===void 0&&(u.value=e),i("update:value",e),i("value-change",e))}function f(e){return e==="completed"?t.completedLabel:e==="current"?t.currentLabel:e==="disabled"?t.disabledLabel:t.incompleteLabel}return(0,a.provide)(r.STEPS_CONTEXT,{currentValue:()=>d.value,orientation:()=>t.orientation,navigationMode:()=>t.navigationMode,statusLabel:f,itemState:p,canActivate:c,activate:v,registerItem:e=>{n.push(e)},unregisterItem:e=>{const o=n.findIndex(m=>m.value===e);o!==-1&&n.splice(o,1)}}),(e,o)=>((0,a.openBlock)(),(0,a.createElementBlock)("ol",{class:"skdx-steps","data-part":"root","data-skdx-component":"steps","data-orientation":l.orientation},[(0,a.renderSlot)(e.$slots,"default")],8,b))}});exports.default=_;

package/dist/steps/Steps.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{STEPS_CONTEXT as e,canActivateStep as t,resolveItems as a}from"./context.js";import{computed as n,createElementBlock as o,defineComponent as l,openBlock as i,provide as u,reactive as r,ref as d,renderSlot as s}from"vue";var c=["data-orientation"],p=/* @__PURE__ */l({__name:"Steps",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},navigationMode:{default:"linear"},completedLabel:{default:"Completed"},currentLabel:{default:"Current step"},incompleteLabel:{default:"Not completed"},disabledLabel:{default:"Disabled"}},emits:["update:value","value-change"],setup(l,{emit:p}){const v=l,m=p,f=d(v.defaultValue),b=n(()=>void 0!==v.value?v.value:f.value),L=r([]);function g(e){return t(a(L),e,b.value,v.navigationMode)}return u(e,{currentValue:()=>b.value,orientation:()=>v.orientation,navigationMode:()=>v.navigationMode,statusLabel:function(e){return"completed"===e?v.completedLabel:"current"===e?v.currentLabel:"disabled"===e?v.disabledLabel:v.incompleteLabel},itemState:function(e){return a(L).find(t=>t.value===e)},canActivate:g,activate:function(e){g(e)&&(void 0===v.value&&(f.value=e),m("update:value",e),m("value-change",e))},registerItem:e=>{L.push(e)},unregisterItem:e=>{const t=L.findIndex(t=>t.value===e);-1!==t&&L.splice(t,1)}}),(e,t)=>(i(),o("ol",{class:"skdx-steps","data-part":"root","data-skdx-component":"steps","data-orientation":l.orientation},[s(e.$slots,"default")],8,c))}});export{p as default};

package/dist/steps/StepsItem.vue.cjs

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

package/dist/steps/StepsItem.vue.d.cts

@@ -0,0 +1,37 @@
+/**
+ * A single `<li>` step. Carries `data-status`
+ * (`completed` | `current` | `incomplete` | `disabled`), `aria-current="step"`
+ * while it is the current step, and a visually-hidden status element so the
+ * status reaches assistive tech as text rather than only as colour or
+ * position.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the root's `value` and a `SkdxStepsTrigger`'s `value`. */
+    value: string;
+    /**
+     * Whether this step has been completed. Drives `data-status` and, in linear
+     * mode, which steps a trigger may activate.
+     */
+    completed?: boolean;
+    /**
+     * Whether this step can be activated at all. A disabled step's trigger
+     * leaves the tab order and refuses activation, but the step does not move
+     * the linear frontier.
+     */
+    disabled?: 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;
+    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/steps/StepsItem.vue.d.ts

@@ -0,0 +1,37 @@
+/**
+ * A single `<li>` step. Carries `data-status`
+ * (`completed` | `current` | `incomplete` | `disabled`), `aria-current="step"`
+ * while it is the current step, and a visually-hidden status element so the
+ * status reaches assistive tech as text rather than only as colour or
+ * position.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the root's `value` and a `SkdxStepsTrigger`'s `value`. */
+    value: string;
+    /**
+     * Whether this step has been completed. Drives `data-status` and, in linear
+     * mode, which steps a trigger may activate.
+     */
+    completed?: boolean;
+    /**
+     * Whether this step can be activated at all. A disabled step's trigger
+     * leaves the tab order and refuses activation, but the step does not move
+     * the linear frontier.
+     */
+    disabled?: 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;
+    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/steps/StepsItem.vue.js

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

package/dist/steps/StepsItem.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/steps/StepsItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/steps/StepsTrigger.vue.cjs

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

package/dist/steps/StepsTrigger.vue.d.cts

@@ -0,0 +1,25 @@
+/**
+ * The optional interactive control that makes a step navigable. Renders a
+ * plain `<button>` — an ordinary tab stop, not part of a roving-focus
+ * composite, because a step list is a set of independent controls.
+ *
+ * A step the navigation mode blocks stays focusable and readable but reports
+ * `aria-disabled="true"` and refuses activation; a step whose `SkdxStepsItem`
+ * is `disabled` is natively `disabled` and leaves the tab order entirely.
+ */
+type __VLS_Props = {
+    /** The owning `SkdxStepsItem`'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/steps/StepsTrigger.vue.d.ts

@@ -0,0 +1,25 @@
+/**
+ * The optional interactive control that makes a step navigable. Renders a
+ * plain `<button>` — an ordinary tab stop, not part of a roving-focus
+ * composite, because a step list is a set of independent controls.
+ *
+ * A step the navigation mode blocks stays focusable and readable but reports
+ * `aria-disabled="true"` and refuses activation; a step whose `SkdxStepsItem`
+ * is `disabled` is natively `disabled` and leaves the tab order entirely.
+ */
+type __VLS_Props = {
+    /** The owning `SkdxStepsItem`'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/steps/StepsTrigger.vue.js

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

package/dist/steps/StepsTrigger.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/steps/StepsTrigger.vue_vue_type_script_setup_true_lang.js

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

package/dist/steps/context.cjs

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

package/dist/steps/context.d.cts

@@ -0,0 +1,62 @@
+import type { InjectionKey } from 'vue';
+/** The four mutually exclusive statuses a single step can be in. */
+export type StepStatus = 'completed' | 'current' | 'incomplete' | 'disabled';
+/** Layout axis of a Steps list: side-by-side (`'horizontal'`) or stacked (`'vertical'`). */
+export type StepsOrientation = 'horizontal' | 'vertical';
+/**
+ * How far a `SkdxStepsTrigger` may jump. `'linear'` allows completed steps, the
+ * current step, and the first not-yet-completed step (the frontier);
+ * `'non-linear'` allows any step that is not itself disabled.
+ */
+export type StepsNavigationMode = 'linear' | 'non-linear';
+/** A step's completion/disabled state at one moment in time. */
+export interface StepsItemState {
+    value: string;
+    completed: boolean;
+    disabled: boolean;
+}
+/**
+ * @internal A registered step. `completed`/`disabled` are getters rather than
+ * snapshots so the registry stays live — a wizard flips `completed` as the
+ * user progresses, and the linear frontier has to move with it.
+ */
+export interface StepsRegisteredItem {
+    readonly value: string;
+    readonly completed: () => boolean;
+    readonly disabled: () => boolean;
+}
+/**
+ * @internal The one place a step's four-way status is derived, so every part
+ * agrees. Precedence is `current` → `completed` → `disabled` → `incomplete`:
+ * a completed-but-disabled step still announces "Completed", because being
+ * unreachable is already conveyed by the trigger's disabled state.
+ */
+export declare function stepStatus(item: Omit<StepsItemState, 'value'>, current: boolean): StepStatus;
+/** @internal Resolves the live registry into plain state for {@link canActivateStep}. */
+export declare function resolveItems(items: readonly StepsRegisteredItem[]): StepsItemState[];
+/**
+ * @internal The whole of linear-mode enforcement. A step is reachable when it
+ * is already completed, is the current step, or is the *frontier* — the first
+ * step that is not yet completed. A disabled step never activates, but it is
+ * not a wall either: it does not shift the frontier past itself.
+ */
+export declare function canActivateStep(items: readonly StepsItemState[], value: string, currentValue: string | undefined, navigationMode: StepsNavigationMode): boolean;
+/**
+ * @internal Injection key an `SkdxSteps` provides so its item/trigger children
+ * can read shared state. State is exposed as plain getter functions rather
+ * than refs so this file stays a thin contract.
+ */
+export interface StepsContext {
+    readonly currentValue: () => string | undefined;
+    readonly orientation: () => StepsOrientation;
+    readonly navigationMode: () => StepsNavigationMode;
+    readonly statusLabel: (status: StepStatus) => string;
+    /** The registered step's live state, or `undefined` before it has registered. */
+    itemState(value: string): StepsItemState | undefined;
+    canActivate(value: string): boolean;
+    activate(value: string): void;
+    registerItem(item: StepsRegisteredItem): void;
+    unregisterItem(value: string): void;
+}
+/** @internal Injection key under which `SkdxSteps` provides its {@link StepsContext} to its parts. */
+export declare const STEPS_CONTEXT: InjectionKey<StepsContext>;

package/dist/steps/context.d.ts

@@ -0,0 +1,62 @@
+import type { InjectionKey } from 'vue';
+/** The four mutually exclusive statuses a single step can be in. */
+export type StepStatus = 'completed' | 'current' | 'incomplete' | 'disabled';
+/** Layout axis of a Steps list: side-by-side (`'horizontal'`) or stacked (`'vertical'`). */
+export type StepsOrientation = 'horizontal' | 'vertical';
+/**
+ * How far a `SkdxStepsTrigger` may jump. `'linear'` allows completed steps, the
+ * current step, and the first not-yet-completed step (the frontier);
+ * `'non-linear'` allows any step that is not itself disabled.
+ */
+export type StepsNavigationMode = 'linear' | 'non-linear';
+/** A step's completion/disabled state at one moment in time. */
+export interface StepsItemState {
+    value: string;
+    completed: boolean;
+    disabled: boolean;
+}
+/**
+ * @internal A registered step. `completed`/`disabled` are getters rather than
+ * snapshots so the registry stays live — a wizard flips `completed` as the
+ * user progresses, and the linear frontier has to move with it.
+ */
+export interface StepsRegisteredItem {
+    readonly value: string;
+    readonly completed: () => boolean;
+    readonly disabled: () => boolean;
+}
+/**
+ * @internal The one place a step's four-way status is derived, so every part
+ * agrees. Precedence is `current` → `completed` → `disabled` → `incomplete`:
+ * a completed-but-disabled step still announces "Completed", because being
+ * unreachable is already conveyed by the trigger's disabled state.
+ */
+export declare function stepStatus(item: Omit<StepsItemState, 'value'>, current: boolean): StepStatus;
+/** @internal Resolves the live registry into plain state for {@link canActivateStep}. */
+export declare function resolveItems(items: readonly StepsRegisteredItem[]): StepsItemState[];
+/**
+ * @internal The whole of linear-mode enforcement. A step is reachable when it
+ * is already completed, is the current step, or is the *frontier* — the first
+ * step that is not yet completed. A disabled step never activates, but it is
+ * not a wall either: it does not shift the frontier past itself.
+ */
+export declare function canActivateStep(items: readonly StepsItemState[], value: string, currentValue: string | undefined, navigationMode: StepsNavigationMode): boolean;
+/**
+ * @internal Injection key an `SkdxSteps` provides so its item/trigger children
+ * can read shared state. State is exposed as plain getter functions rather
+ * than refs so this file stays a thin contract.
+ */
+export interface StepsContext {
+    readonly currentValue: () => string | undefined;
+    readonly orientation: () => StepsOrientation;
+    readonly navigationMode: () => StepsNavigationMode;
+    readonly statusLabel: (status: StepStatus) => string;
+    /** The registered step's live state, or `undefined` before it has registered. */
+    itemState(value: string): StepsItemState | undefined;
+    canActivate(value: string): boolean;
+    activate(value: string): void;
+    registerItem(item: StepsRegisteredItem): void;
+    unregisterItem(value: string): void;
+}
+/** @internal Injection key under which `SkdxSteps` provides its {@link StepsContext} to its parts. */
+export declare const STEPS_CONTEXT: InjectionKey<StepsContext>;

package/dist/steps/context.js

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

package/dist/steps/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Steps.vue.cjs"),r=require("./StepsItem.vue.cjs"),t=require("./StepsTrigger.vue.cjs");exports.SkdxSteps=e.default;exports.SkdxStepsItem=r.default;exports.SkdxStepsTrigger=t.default;

package/dist/steps/index.d.cts

@@ -0,0 +1,4 @@
+export { default as SkdxSteps } from './Steps.vue.cjs';
+export { default as SkdxStepsItem } from './StepsItem.vue.cjs';
+export { default as SkdxStepsTrigger } from './StepsTrigger.vue.cjs';
+export type { StepStatus, StepsOrientation, StepsNavigationMode, StepsItemState } from './context.cjs';

package/dist/steps/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SkdxSteps } from './Steps.vue.js';
+export { default as SkdxStepsItem } from './StepsItem.vue.js';
+export { default as SkdxStepsTrigger } from './StepsTrigger.vue.js';
+export type { StepStatus, StepsOrientation, StepsNavigationMode, StepsItemState } from './context.js';

package/dist/steps/index.js

@@ -0,0 +1 @@
+import e from"./Steps.vue.js";import s from"./StepsItem.vue.js";import t from"./StepsTrigger.vue.js";export{e as SkdxSteps,s as SkdxStepsItem,t as SkdxStepsTrigger};

package/dist/switch/Switch.vue.cjs

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