@skdx/vue 0.28.0 → 0.30.0

package/dist/separator/Separator.vue.d.ts

@@ -1,16 +0,0 @@
-/**
- * Separator line: `<hr>` with `role="separator"` and `aria-orientation` (vertical only).
- * When `decorative`, role is `"none"` and element is removed from a11y tree.
- * Always exposes `data-orientation` for styling.
- */
-type __VLS_Props = {
-    /** Layout axis. Always exposed as data-orientation; as aria-orientation when not decorative (vertical only). */
-    orientation?: 'horizontal' | 'vertical';
-    /** When true, the separator is purely visual and removed from the accessibility tree. */
-    decorative?: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    orientation: "horizontal" | "vertical";
-    decorative: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/separator/Separator.vue.js

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

package/dist/separator/Separator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-let e=require("vue");var n=["role","aria-orientation","data-orientation"],i=(0,e.defineComponent)({__name:"Separator",props:{orientation:{default:"horizontal"},decorative:{type:Boolean,default:!1}},setup(a){const t=a,o=(0,e.computed)(()=>t.decorative?"none":"separator"),r=(0,e.computed)(()=>!t.decorative&&t.orientation==="vertical"?"vertical":void 0);return(l,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("hr",{class:"skdx-separator","data-part":"root","data-skdx-component":"separator",role:o.value,"aria-orientation":r.value,"data-orientation":a.orientation},null,8,n))}});exports.default=i;

package/dist/separator/Separator.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{computed as a,createElementBlock as e,defineComponent as o,openBlock as t}from"vue";var r=["role","aria-orientation","data-orientation"],n=/* @__PURE__ */o({__name:"Separator",props:{orientation:{default:"horizontal"},decorative:{type:Boolean,default:!1}},setup(o){const n=o,i=a(()=>n.decorative?"none":"separator"),l=a(()=>n.decorative||"vertical"!==n.orientation?void 0:"vertical");return(a,n)=>(t(),e("hr",{class:"skdx-separator","data-part":"root","data-skdx-component":"separator",role:i.value,"aria-orientation":l.value,"data-orientation":o.orientation},null,8,r))}});export{n as default};

package/dist/separator/index.cjs

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

package/dist/separator/index.d.cts

@@ -1 +0,0 @@
-export { default as SkdxSeparator } from './Separator.vue.cjs';

package/dist/separator/index.d.ts

@@ -1 +0,0 @@
-export { default as SkdxSeparator } from './Separator.vue.js';

package/dist/separator/index.js

@@ -1 +0,0 @@
-import r from"./Separator.vue.js";export{r as SkdxSeparator};

package/dist/skip-link/SkipLink.vue.cjs

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

package/dist/skip-link/SkipLink.vue.d.cts

@@ -1,21 +0,0 @@
-/**
- * WCAG 2.4.1 bypass-block link: render as first focusable to Tab past navigation.
- * Clipped until focused (data-state hidden|visible), programmatically focuses
- * targetId on activate.
- */
-type __VLS_Props = {
-    /** The id of the element to jump to, usually the page's main landmark. */
-    targetId: 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/skip-link/SkipLink.vue.d.ts

@@ -1,21 +0,0 @@
-/**
- * WCAG 2.4.1 bypass-block link: render as first focusable to Tab past navigation.
- * Clipped until focused (data-state hidden|visible), programmatically focuses
- * targetId on activate.
- */
-type __VLS_Props = {
-    /** The id of the element to jump to, usually the page's main landmark. */
-    targetId: 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/skip-link/SkipLink.vue.js

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

package/dist/skip-link/SkipLink.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const c=require("../utils/tabbable.cjs"),l=require("../utils/is-dev-mode.cjs");let t=require("vue");var h=["href","data-state"],f=(0,t.defineComponent)({__name:"SkipLink",props:{targetId:{}},setup(r){const o=r,d={position:"absolute",width:"1px",height:"1px",overflow:"hidden",clipPath:"inset(50%)",whiteSpace:"nowrap"},u={position:"absolute"},s=(0,t.ref)(!1),a=(0,t.ref)(null);function p(){const e=document.getElementById(o.targetId);if(!e){l.isDevMode()&&console.warn(`[skdx] SkipLink: no element with id "${o.targetId}" was found, so the bypass did nothing. The hash still changed and the page may still have scrolled, which is why this failure is invisible without this warning. Give the page's main landmark id="${o.targetId}".`);return}e.hasAttribute("tabindex")||(e.setAttribute("tabindex","-1"),e.addEventListener("blur",()=>e.removeAttribute("tabindex"),{once:!0})),e.focus()}return(0,t.onMounted)(()=>{const e=a.value;if(!e)return;const i=Array.from(document.querySelectorAll(c.TABBABLE_SELECTOR)).find(n=>n!==e&&!e.contains(n)&&(e.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_PRECEDING)!==0);i&&l.isDevMode()&&console.warn(`[skdx] SkipLink: a focusable <${i.tagName.toLowerCase()}> precedes this skip link in the document, so it is not the first tab stop and does not bypass anything. Render the SkipLink as early as possible in <body>.`)}),(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("a",{ref_key:"link",ref:a,class:"skdx-skip-link","data-part":"root","data-skdx-component":"skip-link",href:`#${r.targetId}`,"data-state":s.value?"visible":"hidden",style:(0,t.normalizeStyle)(s.value?u:d),onClick:p,onFocus:i[0]||(i[0]=n=>s.value=!0),onBlur:i[1]||(i[1]=n=>s.value=!1)},[(0,t.renderSlot)(e.$slots,"default")],44,h))}});exports.default=f;

package/dist/skip-link/SkipLink.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{TABBABLE_SELECTOR as e}from"../utils/tabbable.js";import{isDevMode as t}from"../utils/is-dev-mode.js";import{createElementBlock as a,defineComponent as s,normalizeStyle as i,onMounted as n,openBlock as o,ref as r,renderSlot as l}from"vue";var d=["href","data-state"],u=/* @__PURE__ */s({__name:"SkipLink",props:{targetId:{}},setup(s){const u=s,p={position:"absolute",width:"1px",height:"1px",overflow:"hidden",clipPath:"inset(50%)",whiteSpace:"nowrap"},h={position:"absolute"},c=r(!1),m=r(null);function k(){const e=document.getElementById(u.targetId);e?(e.hasAttribute("tabindex")||(e.setAttribute("tabindex","-1"),e.addEventListener("blur",()=>e.removeAttribute("tabindex"),{once:!0})),e.focus()):t()&&console.warn(`[skdx] SkipLink: no element with id "${u.targetId}" was found, so the bypass did nothing. The hash still changed and the page may still have scrolled, which is why this failure is invisible without this warning. Give the page's main landmark id="${u.targetId}".`)}return n(()=>{const a=m.value;if(!a)return;const s=Array.from(document.querySelectorAll(e)).find(e=>e!==a&&!a.contains(e)&&0!==(a.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_PRECEDING));s&&t()&&console.warn(`[skdx] SkipLink: a focusable <${s.tagName.toLowerCase()}> precedes this skip link in the document, so it is not the first tab stop and does not bypass anything. Render the SkipLink as early as possible in <body>.`)}),(e,t)=>(o(),a("a",{ref_key:"link",ref:m,class:"skdx-skip-link","data-part":"root","data-skdx-component":"skip-link",href:`#${s.targetId}`,"data-state":c.value?"visible":"hidden",style:i(c.value?h:p),onClick:k,onFocus:t[0]||(t[0]=e=>c.value=!0),onBlur:t[1]||(t[1]=e=>c.value=!1)},[l(e.$slots,"default")],44,d))}});export{u as default};

package/dist/skip-link/index.cjs

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

package/dist/skip-link/index.d.cts

@@ -1 +0,0 @@
-export { default as SkdxSkipLink } from './SkipLink.vue.cjs';

package/dist/skip-link/index.d.ts

@@ -1 +0,0 @@
-export { default as SkdxSkipLink } from './SkipLink.vue.js';

package/dist/skip-link/index.js

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

package/dist/steps/Steps.vue.cjs

@@ -1 +0,0 @@
-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

@@ -1,88 +0,0 @@
-import { type StepsNavigationMode, type StepsOrientation } from './context.cjs';
-import type { StepsItemData } from './types.cjs';
-/**
- * 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.
- *
- * ```vue
- * <SkdxSteps
- *   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`. Styling hook only; no ARIA
-     * orientation or arrow-key handling.
-     */
-    orientation?: StepsOrientation;
-    /**
-     * `'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. */
-    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;
-    /**
-     * 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 = {} & {
-    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;
-}>, {
-    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;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,88 +0,0 @@
-import { type StepsNavigationMode, type StepsOrientation } from './context.js';
-import type { StepsItemData } from './types.js';
-/**
- * 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.
- *
- * ```vue
- * <SkdxSteps
- *   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`. Styling hook only; no ARIA
-     * orientation or arrow-key handling.
-     */
-    orientation?: StepsOrientation;
-    /**
-     * `'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. */
-    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;
-    /**
-     * 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 = {} & {
-    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;
-}>, {
-    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;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/steps/Steps.vue.js

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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.cjs

@@ -1 +0,0 @@
-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

@@ -1,41 +0,0 @@
-/**
- * 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 is completed. Drives `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, 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 = {} & {
-    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/steps/StepsItem.vue.d.ts

@@ -1,41 +0,0 @@
-/**
- * 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 is completed. Drives `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, 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 = {} & {
-    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/steps/StepsItem.vue.js

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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 +0,0 @@
-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};

package/dist/steps/StepsTrigger.vue.cjs

@@ -1 +0,0 @@
-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

@@ -1,22 +0,0 @@
-/**
- * Optional interactive control making a step navigable. Renders a plain `<button>`
- * (ordinary tab stop, not roving-focus composite). Blocked steps report
- * `aria-disabled="true"` and refuse activation; disabled steps are natively
- * `disabled` and leave the tab order.
- */
-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

@@ -1,22 +0,0 @@
-/**
- * Optional interactive control making a step navigable. Renders a plain `<button>`
- * (ordinary tab stop, not roving-focus composite). Blocked steps report
- * `aria-disabled="true"` and refuse activation; disabled steps are natively
- * `disabled` and leave the tab order.
- */
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-const s=require("./context.cjs");let e=require("vue");var c=["data-state","data-orientation","data-disabled","data-value","disabled","aria-disabled"],v=(0,e.defineComponent)({__name:"StepsTrigger",props:{value:{}},setup(u){const a=u,t=(0,e.inject)(s.STEPS_CONTEXT);if(!t)throw new Error("SkdxStepsTrigger must be used within SkdxSteps");const d=(0,e.computed)(()=>t.itemState(a.value)),l=(0,e.computed)(()=>d.value?.disabled??!1),i=(0,e.computed)(()=>s.stepStatus({completed:d.value?.completed??!1,disabled:l.value},t.currentValue()===a.value)),r=(0,e.computed)(()=>!l.value&&!t.canActivate(a.value)),n=()=>{r.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-state":i.value,"data-orientation":(0,e.unref)(t).orientation(),"data-disabled":l.value?"":null,"data-value":u.value,disabled:l.value,"aria-disabled":r.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

@@ -1 +0,0 @@
-import{STEPS_CONTEXT as a,stepStatus as e}from"./context.js";import{computed as t,createElementBlock as l,defineComponent as s,inject as d,openBlock as r,renderSlot as u,unref as i}from"vue";var o=["data-state","data-orientation","data-disabled","data-value","disabled","aria-disabled"],n=/* @__PURE__ */s({__name:"StepsTrigger",props:{value:{}},setup(s){const n=s,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)=>(r(),l("button",{class:"skdx-steps__trigger","data-part":"trigger",type:"button","data-state":m.value,"data-orientation":i(v).orientation(),"data-disabled":c.value?"":null,"data-value":s.value,disabled:c.value,"aria-disabled":b.value?"true":void 0,onClick:S},[u(a.$slots,"default")],8,o))}});export{n as default};

package/dist/steps/context.cjs

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

package/dist/steps/context.d.cts

@@ -1,61 +0,0 @@
-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 Steps list: side-by-side (`'horizontal'`) or stacked (`'vertical'`). */
-export type StepsOrientation = 'horizontal' | 'vertical';
-/**
- * Navigation mode: 'linear' allows completed/current/frontier; 'non-linear'
- * allows any non-disabled step.
- */
-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 Registered step. Getters stay live as wizard progresses and
- * frontier moves.
- */
-export interface StepsRegisteredItem {
-    readonly value: string;
-    readonly completed: () => boolean;
-    readonly disabled: () => boolean;
-}
-/**
- * @internal Status derived here once. Precedence: current > error > completed
- * > disabled > incomplete. Completed-disabled announces completed (unreachable
- * conveyed by trigger).
- */
-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 StepsRegisteredItem[]): StepsItemState[];
-/**
- * @internal Linear-mode enforcement: reachable = completed/current/frontier.
- * Disabled doesn't block, just doesn't advance frontier.
- */
-export declare function canActivateStep(items: readonly StepsItemState[], value: string, currentValue: string | undefined, navigationMode: StepsNavigationMode): boolean;
-/**
- * @internal StepsContext: getter functions for thin contract (not refs).
- */
-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>;