@skdx/vue 0.26.0 → 0.28.0

package/dist/split-button/SplitButtonAnatomy.vue.d.ts

@@ -0,0 +1,32 @@
+import type { SplitButtonItem } from './types.js';
+/**
+ * The anatomy a `SkdxSplitButton` draws from `label` and `items`: the primary
+ * action, then a dropdown menu. The disclosure is the menu's own `SkdxDropdownMenuTrigger`
+ * wearing the split button's trigger class.
+ * Not exported from the package.
+ * @internal
+ */
+type __VLS_Props = {
+    label?: string;
+    items?: readonly SplitButtonItem[];
+    triggerLabel: string;
+    onActionClick?: (event: MouseEvent) => void;
+    onItemSelect?: (item: SplitButtonItem) => void;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    action?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    items: readonly SplitButtonItem[];
+    onItemSelect: (item: SplitButtonItem) => void;
+    onActionClick: (event: MouseEvent) => void;
+}, {}, {}, {}, 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/SplitButtonAnatomy.vue.js

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

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

@@ -0,0 +1 @@
+const a=require("../dropdown-menu/DropdownMenuContent.vue.cjs"),i=require("../dropdown-menu/DropdownMenuItems.vue.cjs"),d=require("../dropdown-menu/DropdownMenuPortal.vue.cjs"),c=require("../dropdown-menu/DropdownMenuRoot.vue.cjs"),s=require("../dropdown-menu/DropdownMenuTrigger.vue.cjs"),m=require("./SplitButtonAction.vue.cjs");let e=require("vue");var f=(0,e.defineComponent)({__name:"SplitButtonAnatomy",props:{label:{default:void 0},items:{default:void 0},triggerLabel:{},onActionClick:{type:Function,default:void 0},onItemSelect:{type:Function,default:void 0}},setup(t){const r=t,n=(0,e.computed)(()=>(r.items??[]).map(l=>({label:l.label,disabled:l.disabled,onSelect:()=>r.onItemSelect?.(l)})));return(l,o)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[t.label!==void 0?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0,onClick:o[0]||(o[0]=u=>t.onActionClick?.(u))},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"action",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)])]),_:3})):(0,e.createCommentVNode)("",!0),t.items?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(s.default,{class:"skdx-split-button__trigger","aria-label":t.triggerLabel},{default:(0,e.withCtx)(()=>[...o[1]||(o[1]=[(0,e.createTextVNode)("▾",-1)])]),_:1},8,["aria-label"]),(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(a.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(i.default,{items:n.value},null,8,["items"])]),_:1})]),_:1})]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=f;

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

@@ -0,0 +1 @@
+import e from"../dropdown-menu/DropdownMenuContent.vue.js";import o from"../dropdown-menu/DropdownMenuItems.vue.js";import t from"../dropdown-menu/DropdownMenuPortal.vue.js";import n from"../dropdown-menu/DropdownMenuRoot.vue.js";import l from"../dropdown-menu/DropdownMenuTrigger.vue.js";import a from"./SplitButtonAction.vue.js";import{Fragment as r,computed as d,createBlock as i,createCommentVNode as u,createElementBlock as s,createTextVNode as m,createVNode as p,defineComponent as c,openBlock as f,renderSlot as v,toDisplayString as b,withCtx as w}from"vue";var g=/* @__PURE__ */c({__name:"SplitButtonAnatomy",props:{label:{default:void 0},items:{default:void 0},triggerLabel:{},onActionClick:{type:Function,default:void 0},onItemSelect:{type:Function,default:void 0}},setup(c){const g=c,k=d(()=>(g.items??[]).map(e=>({label:e.label,disabled:e.disabled,onSelect:()=>g.onItemSelect?.(e)})));return(d,g)=>(f(),s(r,null,[void 0!==c.label?(f(),i(a,{key:0,onClick:g[0]||(g[0]=e=>c.onActionClick?.(e))},{default:w(()=>[v(d.$slots,"action",{},()=>[m(b(c.label),1)])]),_:3})):u("",!0),c.items?(f(),i(n,{key:1},{default:w(()=>[p(l,{class:"skdx-split-button__trigger","aria-label":c.triggerLabel},{default:w(()=>[...g[1]||(g[1]=[m("▾",-1)])]),_:1},8,["aria-label"]),p(t,null,{default:w(()=>[p(e,null,{default:w(()=>[p(o,{items:k.value},null,8,["items"])]),_:1})]),_:1})]),_:1})):u("",!0)],64))}});export{g as default};

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

@@ -1,15 +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.
+ * The trigger button within a split button that opens a menu of related actions.
+ * Pass `aria-label` — it's a bare chevron, so without one it announces as an
+ * unnamed "button, has popup menu" beside the named action half.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /** Disables opening the menu independently of the action half. */
+    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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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;
+}, {}, {}, {}, 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 & {

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

@@ -1,15 +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.
+ * The trigger button within a split button that opens a menu of related actions.
+ * Pass `aria-label` — it's a bare chevron, so without one it announces as an
+ * unnamed "button, has popup menu" beside the named action half.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /** Disables opening the menu independently of the action half. */
+    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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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;
+}, {}, {}, {}, 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 & {

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

@@ -1 +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;
+let e=require("vue");var a=["disabled"],l=(0,e.defineComponent)({inheritAttrs:!1,__name:"SplitButtonTrigger",props:{disabled:{type:Boolean,default:!1}},setup(r){return(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)(t.$attrs,{class:"skdx-split-button__trigger","data-part":"trigger",type:"button","aria-haspopup":"menu",disabled:r.disabled}),[(0,e.renderSlot)(t.$slots,"default")],16,a))}});exports.default=l;

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

@@ -1 +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};
+import{createElementBlock as t,defineComponent as e,mergeProps as a,openBlock as s,renderSlot as r}from"vue";var o=["disabled"],l=/* @__PURE__ */e({inheritAttrs:!1,__name:"SplitButtonTrigger",props:{disabled:{type:Boolean,default:!1}},setup:e=>(l,p)=>(s(),t("button",a(l.$attrs,{class:"skdx-split-button__trigger","data-part":"trigger",type:"button","aria-haspopup":"menu",disabled:e.disabled}),[r(l.$slots,"default")],16,o))});export{l as default};

package/dist/split-button/index.cjs

@@ -1 +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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SplitButton.vue.cjs");exports.SkdxSplitButton=t.default;

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

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

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

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

package/dist/split-button/index.js

@@ -1 +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};
+import t from"./SplitButton.vue.js";export{t as SkdxSplitButton};

package/dist/split-button/primitives.cjs

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

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

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for custom `SkdxSplitButton` layouts. Recipe (`<SkdxSplitButton />`)
+ * is built from these. `SkdxSplitButtonTrigger` for hand-wired menus; recipe applies
+ * skin to menu's button.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxSplitButton, SkdxSplitButtonAction, SkdxSplitButtonTrigger } from '@skdx/vue/primitives/split-button';
+ * </script>
+ *
+ * <template>
+ *   <SkdxSplitButton aria-label="Deploy">
+ *     <SkdxSplitButtonAction @click="deploy">Deploy</SkdxSplitButtonAction>
+ *     <SkdxSplitButtonTrigger aria-label="More deploy options">▾</SkdxSplitButtonTrigger>
+ *   </SkdxSplitButton>
+ * </template>
+ * ```
+ */
+export { default as SkdxSplitButton } from './SplitButton.vue.cjs';
+export { default as SkdxSplitButtonAction } from './SplitButtonAction.vue.cjs';
+export { default as SkdxSplitButtonTrigger } from './SplitButtonTrigger.vue.cjs';
+export type { SplitButtonItem } from './types.cjs';

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

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for custom `SkdxSplitButton` layouts. Recipe (`<SkdxSplitButton />`)
+ * is built from these. `SkdxSplitButtonTrigger` for hand-wired menus; recipe applies
+ * skin to menu's button.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxSplitButton, SkdxSplitButtonAction, SkdxSplitButtonTrigger } from '@skdx/vue/primitives/split-button';
+ * </script>
+ *
+ * <template>
+ *   <SkdxSplitButton aria-label="Deploy">
+ *     <SkdxSplitButtonAction @click="deploy">Deploy</SkdxSplitButtonAction>
+ *     <SkdxSplitButtonTrigger aria-label="More deploy options">▾</SkdxSplitButtonTrigger>
+ *   </SkdxSplitButton>
+ * </template>
+ * ```
+ */
+export { default as SkdxSplitButton } from './SplitButton.vue.js';
+export { default as SkdxSplitButtonAction } from './SplitButtonAction.vue.js';
+export { default as SkdxSplitButtonTrigger } from './SplitButtonTrigger.vue.js';
+export type { SplitButtonItem } from './types.js';

package/dist/split-button/primitives.js

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

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

@@ -0,0 +1,12 @@
+/** Entry in `SkdxSplitButton`'s menu items. */
+export interface SplitButtonItem {
+    /** Identifier for select event handler. */
+    value: string;
+    /** Text for derived menu item. */
+    label: string;
+    /**
+     * Marks item `aria-disabled`, blocks selection. Stays focusable for discoverability.
+     * @default false
+     */
+    disabled?: boolean;
+}

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

@@ -0,0 +1,12 @@
+/** Entry in `SkdxSplitButton`'s menu items. */
+export interface SplitButtonItem {
+    /** Identifier for select event handler. */
+    value: string;
+    /** Text for derived menu item. */
+    label: string;
+    /**
+     * Marks item `aria-disabled`, blocks selection. Stays focusable for discoverability.
+     * @default false
+     */
+    disabled?: boolean;
+}

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

@@ -1,36 +1,37 @@
 import { type StepsNavigationMode, type StepsOrientation } from './context.cjs';
+import type { StepsItemData } from './types.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.
+ * Renders an `<ol>` list of steps with controlled or uncontrolled current step.
+ * Provides context for nested `SkdxStepsItem` / `SkdxStepsTrigger` parts.
+ * Derives steps from `items` or uses the default slot for manual composition.
  *
- * 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.
+ * ```vue
+ * <SkdxSteps
+ *   aria-label="Checkout progress"
+ *   v-model:current="step"
+ *   :items="[{ label: 'Cart' }, { label: 'Shipping', description: 'Where it goes.' }]"
+ * />
+ * ```
  */
 type __VLS_Props = {
     /**
-     * Current step's value, for controlled usage (`v-model:value`).
-     * @defaultValue undefined — uncontrolled, tracks its own current step internally.
+     * Current step value for controlled usage (`v-model:value`).
+     * @defaultValue undefined — uncontrolled, tracks internally.
      */
     value?: string;
     /**
-     * Initially current step's value, for uncontrolled usage.
+     * 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`. Purely a styling hook — each
-     * trigger is an ordinary tab stop, so there is no ARIA orientation and no
-     * arrow-key handling.
+     * Layout axis, exposed as `data-orientation`. Styling hook only; no ARIA
+     * orientation or 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.
+     * `'linear'` restricts to completed, current, and next incomplete steps;
+     * `'non-linear'` allows any non-disabled step.
      */
     navigationMode?: StepsNavigationMode;
     /** Visually-hidden status text for a completed step. */
@@ -41,6 +42,21 @@ type __VLS_Props = {
     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;
+    /**
+     * Steps to derive as `<li>` items in order. Ignored if the default slot
+     * supplies its own `SkdxStepsItem`s.
+     * @default undefined — nothing is derived; compose the steps in the default slot.
+     */
+    items?: readonly StepsItemData[];
+    /**
+     * Index of the current step for the derived anatomy (positional spelling of
+     * `value`). Everything before it counts as completed. Pair with
+     * `v-model:current`.
+     * @default undefined — no step is current; `value`/`defaultValue` decide instead.
+     */
+    current?: number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -53,12 +69,15 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onUpdate:value"?: ((value: string) => any) | undefined;
     "onValue-change"?: ((value: string) => any) | undefined;
 }>, {
+    items: readonly StepsItemData[];
     orientation: StepsOrientation;
+    current: number;
     navigationMode: StepsNavigationMode;
     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;

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

@@ -1,36 +1,37 @@
 import { type StepsNavigationMode, type StepsOrientation } from './context.js';
+import type { StepsItemData } from './types.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.
+ * Renders an `<ol>` list of steps with controlled or uncontrolled current step.
+ * Provides context for nested `SkdxStepsItem` / `SkdxStepsTrigger` parts.
+ * Derives steps from `items` or uses the default slot for manual composition.
  *
- * 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.
+ * ```vue
+ * <SkdxSteps
+ *   aria-label="Checkout progress"
+ *   v-model:current="step"
+ *   :items="[{ label: 'Cart' }, { label: 'Shipping', description: 'Where it goes.' }]"
+ * />
+ * ```
  */
 type __VLS_Props = {
     /**
-     * Current step's value, for controlled usage (`v-model:value`).
-     * @defaultValue undefined — uncontrolled, tracks its own current step internally.
+     * Current step value for controlled usage (`v-model:value`).
+     * @defaultValue undefined — uncontrolled, tracks internally.
      */
     value?: string;
     /**
-     * Initially current step's value, for uncontrolled usage.
+     * 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`. Purely a styling hook — each
-     * trigger is an ordinary tab stop, so there is no ARIA orientation and no
-     * arrow-key handling.
+     * Layout axis, exposed as `data-orientation`. Styling hook only; no ARIA
+     * orientation or 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.
+     * `'linear'` restricts to completed, current, and next incomplete steps;
+     * `'non-linear'` allows any non-disabled step.
      */
     navigationMode?: StepsNavigationMode;
     /** Visually-hidden status text for a completed step. */
@@ -41,6 +42,21 @@ type __VLS_Props = {
     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;
+    /**
+     * Steps to derive as `<li>` items in order. Ignored if the default slot
+     * supplies its own `SkdxStepsItem`s.
+     * @default undefined — nothing is derived; compose the steps in the default slot.
+     */
+    items?: readonly StepsItemData[];
+    /**
+     * Index of the current step for the derived anatomy (positional spelling of
+     * `value`). Everything before it counts as completed. Pair with
+     * `v-model:current`.
+     * @default undefined — no step is current; `value`/`defaultValue` decide instead.
+     */
+    current?: number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -53,12 +69,15 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onUpdate:value"?: ((value: string) => any) | undefined;
     "onValue-change"?: ((value: string) => any) | undefined;
 }>, {
+    items: readonly StepsItemData[];
     orientation: StepsOrientation;
+    current: number;
     navigationMode: StepsNavigationMode;
     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;

package/dist/steps/Steps.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +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=_;
+const g=require("../utils/is-dev-mode.cjs"),o=require("./context.cjs"),h=require("./StepsAnatomy.vue.cjs");let r=require("vue");var k=["data-orientation"],L=(0,r.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"},errorLabel:{default:"Error"},items:{default:void 0},current:{default:void 0}},emits:["update:value","value-change"],setup(i,{emit:v}){const t=i,d=v,s=(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:s.value),a=(0,r.reactive)([]);function p(e){return o.resolveItems(a).find(n=>n.value===e)}function c(e){return o.canActivateStep(o.resolveItems(a),e,u.value,t.navigationMode)}function m(e){c(e)&&u.value!==e&&(l.value===void 0&&(s.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")&&g.isDevMode()&&console.warn('[skdx] Steps: the root <ol> has no accessible name. Give it an aria-label ("Checkout progress") or an aria-labelledby pointing at a visible heading — a list takes no name from its items, so the step captions inside cannot supply one.')});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.STEPS_CONTEXT,{currentValue:()=>u.value,orientation:()=>t.orientation,navigationMode:()=>t.navigationMode,statusLabel:b,itemState:p,canActivate:c,activate:m,registerItem:e=>{a.push(e)},unregisterItem:e=>{const n=a.findIndex(_=>_.value===e);n!==-1&&a.splice(n,1)}}),(e,n)=>((0,r.openBlock)(),(0,r.createElementBlock)("ol",{ref_key:"rootRef",ref:f,class:"skdx-steps","data-part":"root","data-skdx-component":"steps",role:"list","data-orientation":i.orientation},[(0,r.renderSlot)(e.$slots,"default",{},()=>[t.items?((0,r.openBlock)(),(0,r.createBlock)(h.default,{key:0,items:t.items,current:i.current??-1},null,8,["items","current"])):(0,r.createCommentVNode)("",!0)])],8,k))}});exports.default=L;

package/dist/steps/Steps.vue_vue_type_script_setup_true_lang.js

@@ -1 +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};
+import{isDevMode as e}from"../utils/is-dev-mode.js";import{STEPS_CONTEXT as t,canActivateStep as a,resolveItems as o}from"./context.js";import r from"./StepsAnatomy.vue.js";import{computed as n,createBlock as l,createCommentVNode as i,createElementBlock as s,defineComponent as u,onMounted as d,openBlock as c,provide as v,reactive as m,ref as p,renderSlot as f}from"vue";var b=["data-orientation"],g=/* @__PURE__ */u({__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"},errorLabel:{default:"Error"},items:{default:void 0},current:{default:void 0}},emits:["update:value","value-change"],setup(u,{emit:g}){const L=u,k=g,h=p(L.defaultValue),S=n(()=>void 0!==L.value?L.value:void 0===L.current?void 0:String(L.current)),x=n(()=>void 0!==S.value?S.value:h.value),y=m([]);function C(e){return a(o(y),e,x.value,L.navigationMode)}const M=p(null);return d(()=>{const t=M.value;t&&!t.getAttribute("aria-label")&&!t.getAttribute("aria-labelledby")&&e()&&console.warn('[skdx] Steps: the root <ol> has no accessible name. Give it an aria-label ("Checkout progress") or an aria-labelledby pointing at a visible heading — a list takes no name from its items, so the step captions inside cannot supply one.')}),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 o(y).find(t=>t.value===e)},canActivate:C,activate:function(e){C(e)&&x.value!==e&&(void 0===S.value&&(h.value=e),k("update:value",e),k("value-change",e))},registerItem:e=>{y.push(e)},unregisterItem:e=>{const t=y.findIndex(t=>t.value===e);-1!==t&&y.splice(t,1)}}),(e,t)=>(c(),s("ol",{ref_key:"rootRef",ref:M,class:"skdx-steps","data-part":"root","data-skdx-component":"steps",role:"list","data-orientation":u.orientation},[f(e.$slots,"default",{},()=>[L.items?(c(),l(r,{key:0,items:L.items,current:u.current??-1},null,8,["items","current"])):i("",!0)])],8,b))}});export{g as default};

package/dist/steps/StepsAnatomy.vue.cjs

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

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

@@ -0,0 +1,13 @@
+import type { StepsItemData } from './types.cjs';
+/**
+ * The anatomy a `SkdxSteps` draws: one `<li>` per entry with trigger, description, and connector.
+ * The indicator, title, description and separator are plain elements, not parts.
+ * Not exported from the package — must stay in step with React `StepsAnatomy.tsx`.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly StepsItemData[];
+    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/steps/StepsAnatomy.vue.d.ts

@@ -0,0 +1,13 @@
+import type { StepsItemData } from './types.js';
+/**
+ * The anatomy a `SkdxSteps` draws: one `<li>` per entry with trigger, description, and connector.
+ * The indicator, title, description and separator are plain elements, not parts.
+ * Not exported from the package — must stay in step with React `StepsAnatomy.tsx`.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly StepsItemData[];
+    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/steps/StepsAnatomy.vue.js

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

package/dist/steps/StepsAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const s=require("./StepsItem.vue.cjs"),l=require("./StepsTrigger.vue.cjs");let e=require("vue");var n={class:"skdx-steps__indicator","aria-hidden":"true"},o={class:"skdx-steps__title"},c={key:0,class:"skdx-steps__description"},i={key:1,class:"skdx-steps__separator","aria-hidden":"true"},u=(0,e.defineComponent)({__name:"StepsAnatomy",props:{items:{},current:{}},setup(r){return(p,_)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.items,(a,t)=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:t,value:String(t),completed:t<r.current},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(l.default,{value:String(t)},{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)("span",n,(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",c,(0,e.toDisplayString)(a.description),1)):(0,e.createCommentVNode)("",!0),t<r.items.length-1?((0,e.openBlock)(),(0,e.createElementBlock)("span",i)):(0,e.createCommentVNode)("",!0)]),_:2},1032,["value","completed"]))),128))}});exports.default=u;

package/dist/steps/StepsAnatomy.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,24 +1,27 @@
 /**
- * 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.
+ * A single `<li>` step with `data-state`, `aria-current="step"` (when current),
+ * and a visually-hidden status element announcing the state to assistive tech.
  */
 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.
+     * Whether this step is completed. Drives `data-state` 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.
+     * Whether this step can be activated. A disabled step's trigger leaves the
+     * tab order and refuses activation, without moving the linear frontier.
      */
     disabled?: boolean;
+    /**
+     * Whether this step is in an error state (form validation or upload failure).
+     * Drives `data-state="error"` and the `errorLabel` status text, announcing
+     * separately. Ranks below `current`: the current step announces as current
+     * even while failing.
+     */
+    error?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -26,6 +29,7 @@ type __VLS_Slots = {} & {
 };
 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>;

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

@@ -1,24 +1,27 @@
 /**
- * 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.
+ * A single `<li>` step with `data-state`, `aria-current="step"` (when current),
+ * and a visually-hidden status element announcing the state to assistive tech.
  */
 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.
+     * Whether this step is completed. Drives `data-state` 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.
+     * Whether this step can be activated. A disabled step's trigger leaves the
+     * tab order and refuses activation, without moving the linear frontier.
      */
     disabled?: boolean;
+    /**
+     * Whether this step is in an error state (form validation or upload failure).
+     * Drives `data-state="error"` and the `errorLabel` status text, announcing
+     * separately. Ranks below `current`: the current step announces as current
+     * even while failing.
+     */
+    error?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -26,6 +29,7 @@ type __VLS_Slots = {} & {
 };
 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>;

package/dist/steps/StepsItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +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;
+const s=require("../utils/VisuallyHidden.vue.cjs"),d=require("./context.cjs");let e=require("vue");var o=["data-state","data-orientation","data-disabled","data-value","aria-current"],n=(0,e.defineComponent)({__name:"StepsItem",props:{value:{},completed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1}},setup(l){const t=l,a=(0,e.inject)(d.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 r=(0,e.computed)(()=>d.stepStatus({completed:t.completed,disabled:t.disabled,error:t.error},a.currentValue()===t.value));return(u,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",{class:"skdx-steps__item","data-part":"item","data-state":r.value,"data-orientation":(0,e.unref)(a).orientation(),"data-disabled":l.disabled?"":null,"data-value":l.value,"aria-current":r.value==="current"?"step":void 0},[(0,e.renderSlot)(u.$slots,"default"),(0,e.createVNode)(s.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,o))}});exports.default=n;

package/dist/steps/StepsItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +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};
+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 r,defineComponent as o,inject 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__ */o({__name:"StepsItem",props:{value:{},completed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1}},setup(o){const b=o,S=u(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,error:b.error},S.currentValue()===b.value));return(t,a)=>(n(),d("li",{class:"skdx-steps__item","data-part":"item","data-state":x.value,"data-orientation":c(S).orientation(),"data-disabled":o.disabled?"":null,"data-value":o.value,"aria-current":"current"===x.value?"step":void 0},[p(t.$slots,"default"),r(e,{"data-state-text":x.value},{default:v(()=>[l(m(c(S).statusLabel(x.value)),1)]),_:1},8,["data-state-text"])],8,f))}});export{b as default};