@skdx/vue 0.27.0 → 0.29.0

package/dist/skeleton/Skeleton.vue.d.ts

@@ -1,11 +1,24 @@
 /**
- * The Vue implementation of the shared Skeleton contract (see
- * `@skdx/shared`'s `skeletonContract`). Renders a plain `<div>` hidden from
- * assistive tech: no component-specific props, no visual style — style it
- * with `class`/`:class`/`style` on `<SkdxSkeleton>` as you would any element
- * (it forwards through Vue's normal attribute fallthrough since there's a
- * single root element).
+ * Placeholder div styled with class/style; aria-hidden, with the container announcing loading via aria-busy.
+ *
+ * ```vue
+ * <section :aria-busy="loading" aria-label="Recent activity">
+ *   <SkdxSkeleton v-if="loading" style="width: 200px; height: 20px" />
+ *   <ActivityList v-else />
+ * </section>
+ * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Which placeholder animation the skin plays, reflected as `data-animation`.
+     * @default undefined — falls back to a `data-animation` attribute.
+     */
+    animation?: 'none' | (string & {}) | undefined;
+    /**
+     * Outline the skin gives the placeholder, reflected as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'line' | 'circle' | (string & {}) | undefined;
+};
 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/skeleton/Skeleton.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var t={class:"skdx-skeleton","data-part":"root","data-skdx-component":"skeleton","aria-hidden":"true","data-skdx-skeleton":""},a=(0,e.defineComponent)({__name:"Skeleton",setup(n){return(o,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",t))}});exports.default=a;
+const n=require("../utils/appearance.cjs");let e=require("vue");var r=(0,e.defineComponent)({inheritAttrs:!1,__name:"Skeleton",props:{animation:{},shape:{}},setup(t){return(a,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({...a.$attrs,...(0,e.unref)(n.appearanceAttrs)({animation:t.animation,shape:t.shape},a.$attrs)},{class:"skdx-skeleton","data-part":"root","data-skdx-component":"skeleton","aria-hidden":"true"}),null,16))}});exports.default=r;

package/dist/skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as t}from"vue";var o={class:"skdx-skeleton","data-part":"root","data-skdx-component":"skeleton","aria-hidden":"true","data-skdx-skeleton":""},n=/* @__PURE__ */a({__name:"Skeleton",setup:a=>(a,n)=>(t(),e("div",o))});export{n as default};
+import{appearanceAttrs as a}from"../utils/appearance.js";import{createElementBlock as e,defineComponent as t,mergeProps as s,openBlock as n,unref as o}from"vue";var r=/* @__PURE__ */t({inheritAttrs:!1,__name:"Skeleton",props:{animation:{},shape:{}},setup:t=>(r,p)=>(n(),e("div",s({...r.$attrs,...o(a)({animation:t.animation,shape:t.shape},r.$attrs)},{class:"skdx-skeleton","data-part":"root","data-skdx-component":"skeleton","aria-hidden":"true"}),null,16))});export{r as default};

package/dist/slider/Slider.vue.d.cts

@@ -1,13 +1,9 @@
-/**
- * The Vue implementation of the shared Slider contract (see
- * `@skdx/shared`'s `sliderContract`). `value` is always an array; pass a
- * single-element array for a simple slider, two for a range slider.
- * Clicking or dragging anywhere in the root moves the thumb closest to the
- * pointer; `value-commit` fires once, on pointer up.
- */
+import { type SliderValueChangeDetail } from './context.cjs';
+import type { SliderMarkData } from './types.cjs';
+/** Slider whose value is always an array: single-element for a simple slider, two for a range. */
 type __VLS_Props = {
-    /** Selected values, one per thumb, for controlled usage. Pair with `v-model:value` or `@value-change`. */
-    value?: number[];
+    /** Selected values, one per thumb, for controlled usage; pair with `v-model:value` or `@value-change`. */
+    value?: number[] | undefined;
     /** Initial values, one per thumb, for uncontrolled usage. */
     defaultValue?: number[];
     /** Minimum value of the range the slider can select. */
@@ -20,8 +16,48 @@ type __VLS_Props = {
     disabled?: boolean;
     /** Layout axis, exposed as `data-orientation` and used to map pointer position and Arrow keys to a value. */
     orientation?: 'horizontal' | 'vertical';
-    /** Name for native form participation; each thumb renders its own hidden input. */
-    name?: string;
+    /**
+     * Increment PageUp/PageDown and Shift+Arrow move the focused thumb by.
+     * Defaults to a tenth of the range, floored at one step.
+     * @default Math.max((max - min) / 10, step)
+     */
+    largeStep?: number | undefined;
+    /**
+     * Minimum gap, counted in steps, that adjacent values must keep; at `0` two thumbs may share a value.
+     * @default 0
+     */
+    minStepsBetweenValues?: number;
+    /**
+     * Name for native form participation; each thumb renders its own hidden input.
+     * @default undefined
+     */
+    name?: string | undefined;
+    /**
+     * Id of the `<form>` the slider submits into, forwarded to every thumb's
+     * hidden input, so a slider can live outside the form it belongs to.
+     * @default undefined
+     */
+    form?: string | undefined;
+    /**
+     * Ticks rendered along the track, each a derived Mark; thumb count comes from `value`/`defaultValue`'s length, not this.
+     * @default undefined — no marks rendered.
+     */
+    marks?: readonly SliderMarkData[] | undefined;
+    /**
+     * Renders a floating value readout inside each derived Thumb.
+     * @default false
+     */
+    showTooltip?: boolean;
+    /**
+     * Accessible names for the thumbs the slider derives, one per entry in `value` and in the same order.
+     * @default undefined
+     */
+    thumbLabels?: readonly string[] | undefined;
+    /**
+     * Size rung the skin renders the slider at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -29,21 +65,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: number[]) => any;
-    "value-change": (value: number[]) => any;
+    "value-change": (detail: SliderValueChangeDetail) => any;
     "value-commit": (value: number[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: number[]) => any) | undefined;
-    "onValue-change"?: ((value: number[]) => any) | undefined;
-    "onValue-commit"?: ((value: number[]) => any) | undefined;
+    "onUpdate:value"?: (value: number[]) => any;
+    "onValue-change"?: (detail: SliderValueChangeDetail) => any;
+    "onValue-commit"?: (value: number[]) => any;
 }>, {
     disabled: boolean;
-    name: string;
-    value: number[];
     defaultValue: number[];
-    orientation: "horizontal" | "vertical";
     max: number;
     min: number;
     step: number;
+    value: number[] | undefined;
+    orientation: "horizontal" | "vertical";
+    showTooltip: boolean;
+    minStepsBetweenValues: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/slider/Slider.vue.d.ts

@@ -1,13 +1,9 @@
-/**
- * The Vue implementation of the shared Slider contract (see
- * `@skdx/shared`'s `sliderContract`). `value` is always an array; pass a
- * single-element array for a simple slider, two for a range slider.
- * Clicking or dragging anywhere in the root moves the thumb closest to the
- * pointer; `value-commit` fires once, on pointer up.
- */
+import { type SliderValueChangeDetail } from './context.js';
+import type { SliderMarkData } from './types.js';
+/** Slider whose value is always an array: single-element for a simple slider, two for a range. */
 type __VLS_Props = {
-    /** Selected values, one per thumb, for controlled usage. Pair with `v-model:value` or `@value-change`. */
-    value?: number[];
+    /** Selected values, one per thumb, for controlled usage; pair with `v-model:value` or `@value-change`. */
+    value?: number[] | undefined;
     /** Initial values, one per thumb, for uncontrolled usage. */
     defaultValue?: number[];
     /** Minimum value of the range the slider can select. */
@@ -20,8 +16,48 @@ type __VLS_Props = {
     disabled?: boolean;
     /** Layout axis, exposed as `data-orientation` and used to map pointer position and Arrow keys to a value. */
     orientation?: 'horizontal' | 'vertical';
-    /** Name for native form participation; each thumb renders its own hidden input. */
-    name?: string;
+    /**
+     * Increment PageUp/PageDown and Shift+Arrow move the focused thumb by.
+     * Defaults to a tenth of the range, floored at one step.
+     * @default Math.max((max - min) / 10, step)
+     */
+    largeStep?: number | undefined;
+    /**
+     * Minimum gap, counted in steps, that adjacent values must keep; at `0` two thumbs may share a value.
+     * @default 0
+     */
+    minStepsBetweenValues?: number;
+    /**
+     * Name for native form participation; each thumb renders its own hidden input.
+     * @default undefined
+     */
+    name?: string | undefined;
+    /**
+     * Id of the `<form>` the slider submits into, forwarded to every thumb's
+     * hidden input, so a slider can live outside the form it belongs to.
+     * @default undefined
+     */
+    form?: string | undefined;
+    /**
+     * Ticks rendered along the track, each a derived Mark; thumb count comes from `value`/`defaultValue`'s length, not this.
+     * @default undefined — no marks rendered.
+     */
+    marks?: readonly SliderMarkData[] | undefined;
+    /**
+     * Renders a floating value readout inside each derived Thumb.
+     * @default false
+     */
+    showTooltip?: boolean;
+    /**
+     * Accessible names for the thumbs the slider derives, one per entry in `value` and in the same order.
+     * @default undefined
+     */
+    thumbLabels?: readonly string[] | undefined;
+    /**
+     * Size rung the skin renders the slider at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -29,21 +65,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: number[]) => any;
-    "value-change": (value: number[]) => any;
+    "value-change": (detail: SliderValueChangeDetail) => any;
     "value-commit": (value: number[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: number[]) => any) | undefined;
-    "onValue-change"?: ((value: number[]) => any) | undefined;
-    "onValue-commit"?: ((value: number[]) => any) | undefined;
+    "onUpdate:value"?: (value: number[]) => any;
+    "onValue-change"?: (detail: SliderValueChangeDetail) => any;
+    "onValue-commit"?: (value: number[]) => any;
 }>, {
     disabled: boolean;
-    name: string;
-    value: number[];
     defaultValue: number[];
-    orientation: "horizontal" | "vertical";
     max: number;
     min: number;
     step: number;
+    value: number[] | undefined;
+    orientation: "horizontal" | "vertical";
+    showTooltip: boolean;
+    minStepsBetweenValues: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/slider/Slider.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const B=require("../utils/clamp.cjs"),v=require("./context.cjs");let o=require("vue");var E=["data-orientation","data-disabled"],S=(0,o.defineComponent)({__name:"Slider",props:{value:{default:void 0},defaultValue:{default:()=>[0]},min:{default:0},max:{default:100},step:{default:1},disabled:{type:Boolean,default:!1},orientation:{default:"horizontal"},name:{default:void 0}},emits:["update:value","value-change","value-commit"],setup(s,{emit:b}){const t=s,c=b,h=(0,o.ref)(t.defaultValue),u=(0,o.computed)(()=>t.value===void 0?h.value:t.value),_=(0,o.ref)(null),p=(0,o.ref)(0);function P(e){t.value===void 0&&(h.value=e),c("update:value",e),c("value-change",e)}function m(e,n){const i=v.roundToStep(n,t.min,t.step),a=u.value,l=e>0?a[e-1]??t.min:t.min,f=e<a.length-1?a[e+1]??t.max:t.max,d=B.clamp(i,Math.max(l,t.min),Math.min(f,t.max));if(a[e]===d)return;const r=[...a];r[e]=d,P(r)}let I=0;(0,o.provide)(v.SLIDER_THUMB_AUTO_INDEX,{next:()=>I++}),(0,o.provide)(v.SLIDER_CONTEXT,{values:u,min:(0,o.computed)(()=>t.min),max:(0,o.computed)(()=>t.max),step:(0,o.computed)(()=>t.step),disabled:(0,o.computed)(()=>t.disabled),orientation:(0,o.computed)(()=>t.orientation),name:(0,o.computed)(()=>t.name),activeThumbIndex:p,updateValue:m});function g(e){const n=_.value?.getBoundingClientRect();if(!n)return null;const i=t.orientation==="horizontal"?(e.clientX-n.left)/n.width:1-(e.clientY-n.top)/n.height;return t.min+i*(t.max-t.min)}function V(e){if(t.disabled)return;const n=g(e);if(n==null)return;const i=u.value;let a=0,l=1/0;i.forEach((f,d)=>{const r=Math.abs(f-n);r<l&&(l=r,a=d)}),p.value=a,e.target.setPointerCapture?.(e.pointerId),m(a,n)}function x(e){if(t.disabled||!e.target.hasPointerCapture?.(e.pointerId))return;const n=g(e);n!=null&&m(p.value,n)}function C(e){e.target.hasPointerCapture?.(e.pointerId)&&(e.target.releasePointerCapture(e.pointerId),c("value-commit",u.value))}return(e,n)=>((0,o.openBlock)(),(0,o.createElementBlock)("span",{class:"skdx-slider","data-part":"root","data-skdx-component":"slider",ref_key:"rootRef",ref:_,"data-orientation":s.orientation,"data-disabled":s.disabled?"":void 0,style:{"touch-action":"none"},onPointerdown:V,onPointermove:x,onPointerup:C},[(0,o.renderSlot)(e.$slots,"default")],40,E))}});exports.default=S;
+const M=require("../utils/appearance.cjs"),E=require("../utils/useFormReset.cjs"),k=require("../utils/direction.cjs"),F=require("../utils/clamp.cjs"),x=require("./context.cjs"),$=require("./SliderAnatomy.vue.cjs");let a=require("vue");var N=["data-orientation","data-disabled","data-dragging"],O=(0,a.defineComponent)({inheritAttrs:!1,__name:"Slider",props:{value:{default:void 0},defaultValue:{default:()=>[0]},min:{default:0},max:{default:100},step:{default:1},disabled:{type:Boolean,default:!1},orientation:{default:"horizontal"},largeStep:{},minStepsBetweenValues:{default:0},name:{},form:{},marks:{},showTooltip:{type:Boolean,default:!1},thumbLabels:{},size:{}},emits:["update:value","value-change","value-commit"],setup(u,{emit:C}){const e=u,v=C,V=(0,a.ref)(e.defaultValue),r=(0,a.computed)(()=>e.value===void 0?V.value:e.value),d=(0,a.ref)(null),b=(0,a.ref)(0),s=(0,a.ref)(null),I=(0,a.computed)(()=>e.largeStep??Math.max((e.max-e.min)/10,e.step));let c=null;function y(t,o){return t.length===o.length&&t.every((n,l)=>n===o[l])}const L=k.useDirection(),P=(0,a.computed)(()=>k.resolveDirection(d.value,L()));function q(t,o){const n=r.value;e.value===void 0&&(V.value=t),v("update:value",t),v("value-change",{value:t,previousValue:n,reason:o})}function h(t,o,n){const l=x.roundToStep(o,e.min,e.step),i=r.value,p=e.minStepsBetweenValues*e.step,g=t>0?(i[t-1]??e.min)+p:e.min,f=t<i.length-1?(i[t+1]??e.max)-p:e.max,w=F.clamp(l,Math.max(g,e.min),Math.min(f,e.max));if(i[t]===w)return;const B=[...i];B[t]=w,q(B,n)}(0,a.provide)(x.SLIDER_CONTEXT,{values:r,min:(0,a.computed)(()=>e.min),max:(0,a.computed)(()=>e.max),step:(0,a.computed)(()=>e.step),disabled:(0,a.computed)(()=>e.disabled),orientation:(0,a.computed)(()=>e.orientation),direction:P,name:(0,a.computed)(()=>e.name),form:(0,a.computed)(()=>e.form),largeStep:I,thumbLabels:(0,a.computed)(()=>e.thumbLabels),activeThumbIndex:b,draggingIndex:s,updateValue:h}),E.useFormReset(()=>d.value,()=>{y(r.value,e.defaultValue)||q([...e.defaultValue],"programmatic")});function S(t){const o=d.value?.getBoundingClientRect();if(!o||o.width===0&&o.height===0)return null;const n=e.orientation==="horizontal"?(t.clientX-o.left)/o.width:1-(t.clientY-o.top)/o.height,l=e.orientation==="horizontal"&&P.value==="rtl"?1-n:n;return e.min+l*(e.max-e.min)}function _(t){if(e.disabled)return;const o=S(t);if(o==null)return;const n=r.value;let l=0,i=1/0;n.forEach((p,g)=>{const f=Math.abs(p-o);f<i&&(i=f,l=g)}),b.value=l,s.value=l,c=r.value,t.target.setPointerCapture?.(t.pointerId),h(l,o,"pointer")}function z(t){if(e.disabled||!t.target.hasPointerCapture?.(t.pointerId))return;const o=S(t);o!=null&&h(b.value,o,"pointer")}function A(){c=null,s.value=null}function R(t){if(t.target.hasPointerCapture?.(t.pointerId)){t.target.releasePointerCapture(t.pointerId);const o=c;c=null,s.value=null,o&&!y(o,r.value)&&v("value-commit",r.value)}}const m=(0,a.useAttrs)(),T=(0,a.computed)(()=>typeof m["aria-label"]=="string"?m["aria-label"]:void 0),D=(0,a.computed)(()=>typeof m["aria-labelledby"]=="string"?m["aria-labelledby"]:void 0);return(t,o)=>((0,a.openBlock)(),(0,a.createElementBlock)("span",(0,a.mergeProps)({ref_key:"rootRef",ref:d,class:"skdx-slider","data-part":"root","data-skdx-component":"slider","data-orientation":u.orientation,"data-disabled":u.disabled?"":void 0,"data-dragging":s.value===null?void 0:"",style:{"touch-action":"none"}},{...t.$attrs,...(0,a.unref)(M.appearanceAttrs)({size:u.size},t.$attrs)},{onPointerdown:_,onPointermove:z,onPointerup:R,onPointercancel:A}),[(0,a.renderSlot)(t.$slots,"default",{},()=>[(0,a.createVNode)($.default,{marks:u.marks,"show-tooltip":u.showTooltip,"thumb-labels":u.thumbLabels,"aria-label":T.value,"aria-labelledby":D.value},null,8,["marks","show-tooltip","thumb-labels","aria-label","aria-labelledby"])])],16,N))}});exports.default=O;

package/dist/slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{clamp as e}from"../utils/clamp.js";import{SLIDER_CONTEXT as t,SLIDER_THUMB_AUTO_INDEX as a,roundToStep as n}from"./context.js";import{computed as o,createElementBlock as i,defineComponent as l,openBlock as r,provide as u,ref as d,renderSlot as s}from"vue";var m=["data-orientation","data-disabled"],c=/* @__PURE__ */l({__name:"Slider",props:{value:{default:void 0},defaultValue:{default:()=>[0]},min:{default:0},max:{default:100},step:{default:1},disabled:{type:Boolean,default:!1},orientation:{default:"horizontal"},name:{default:void 0}},emits:["update:value","value-change","value-commit"],setup(l,{emit:c}){const p=l,f=c,v=d(p.defaultValue),h=o(()=>void 0===p.value?v.value:p.value),x=d(null),b=d(0);function g(t,a){const o=n(a,p.min,p.step),i=h.value,l=t>0?i[t-1]??p.min:p.min,r=t<i.length-1?i[t+1]??p.max:p.max,u=e(o,Math.max(l,p.min),Math.min(r,p.max));if(i[t]===u)return;const d=[...i];d[t]=u,function(e){void 0===p.value&&(v.value=e),f("update:value",e),f("value-change",e)}(d)}let I=0;function C(e){const t=x.value?.getBoundingClientRect();if(!t)return null;const a="horizontal"===p.orientation?(e.clientX-t.left)/t.width:1-(e.clientY-t.top)/t.height;return p.min+a*(p.max-p.min)}function P(e){if(p.disabled)return;const t=C(e);if(null==t)return;const a=h.value;let n=0,o=1/0;a.forEach((e,a)=>{const i=Math.abs(e-t);i<o&&(o=i,n=a)}),b.value=n,e.target.setPointerCapture?.(e.pointerId),g(n,t)}function _(e){if(p.disabled||!e.target.hasPointerCapture?.(e.pointerId))return;const t=C(e);null!=t&&g(b.value,t)}function E(e){e.target.hasPointerCapture?.(e.pointerId)&&(e.target.releasePointerCapture(e.pointerId),f("value-commit",h.value))}return u(a,{next:()=>I++}),u(t,{values:h,min:o(()=>p.min),max:o(()=>p.max),step:o(()=>p.step),disabled:o(()=>p.disabled),orientation:o(()=>p.orientation),name:o(()=>p.name),activeThumbIndex:b,updateValue:g}),(e,t)=>(r(),i("span",{class:"skdx-slider","data-part":"root","data-skdx-component":"slider",ref_key:"rootRef",ref:x,"data-orientation":l.orientation,"data-disabled":l.disabled?"":void 0,style:{"touch-action":"none"},onPointerdown:P,onPointermove:_,onPointerup:E},[s(e.$slots,"default")],40,m))}});export{c as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{useFormReset as a}from"../utils/useFormReset.js";import{resolveDirection as t,useDirection as l}from"../utils/direction.js";import{clamp as n}from"../utils/clamp.js";import{SLIDER_CONTEXT as o,roundToStep as i}from"./context.js";import r from"./SliderAnatomy.vue.js";import{computed as u,createElementBlock as s,createVNode as d,defineComponent as m,mergeProps as p,openBlock as c,provide as f,ref as v,renderSlot as b,unref as h,useAttrs as g}from"vue";var x=["data-orientation","data-disabled","data-dragging"],y=/* @__PURE__ */m({inheritAttrs:!1,__name:"Slider",props:{value:{default:void 0},defaultValue:{default:()=>[0]},min:{default:0},max:{default:100},step:{default:1},disabled:{type:Boolean,default:!1},orientation:{default:"horizontal"},largeStep:{},minStepsBetweenValues:{default:0},name:{},form:{},marks:{},showTooltip:{type:Boolean,default:!1},thumbLabels:{},size:{}},emits:["update:value","value-change","value-commit"],setup(m,{emit:y}){const S=m,k=y,w=v(S.defaultValue),P=u(()=>void 0===S.value?w.value:S.value),V=v(null),B=v(0),C=v(null),I=u(()=>S.largeStep??Math.max((S.max-S.min)/10,S.step));let j=null;function z(e,a){return e.length===a.length&&e.every((e,t)=>e===a[t])}const T=l(),L=u(()=>t(V.value,T()));function R(e,a){const t=P.value;void 0===S.value&&(w.value=e),k("update:value",e),k("value-change",{value:e,previousValue:t,reason:a})}function A(e,a,t){const l=i(a,S.min,S.step),o=P.value,r=S.minStepsBetweenValues*S.step,u=e>0?(o[e-1]??S.min)+r:S.min,s=e<o.length-1?(o[e+1]??S.max)-r:S.max,d=n(l,Math.max(u,S.min),Math.min(s,S.max));if(o[e]===d)return;const m=[...o];m[e]=d,R(m,t)}function E(e){const a=V.value?.getBoundingClientRect();if(!a||0===a.width&&0===a.height)return null;const t="horizontal"===S.orientation?(e.clientX-a.left)/a.width:1-(e.clientY-a.top)/a.height,l="horizontal"===S.orientation&&"rtl"===L.value?1-t:t;return S.min+l*(S.max-S.min)}function M(e){if(S.disabled)return;const a=E(e);if(null==a)return;const t=P.value;let l=0,n=1/0;t.forEach((e,t)=>{const o=Math.abs(e-a);o<n&&(n=o,l=t)}),B.value=l,C.value=l,j=P.value,e.target.setPointerCapture?.(e.pointerId),A(l,a,"pointer")}function _(e){if(S.disabled||!e.target.hasPointerCapture?.(e.pointerId))return;const a=E(e);null!=a&&A(B.value,a,"pointer")}function D(){j=null,C.value=null}function $(e){if(e.target.hasPointerCapture?.(e.pointerId)){e.target.releasePointerCapture(e.pointerId);const a=j;j=null,C.value=null,a&&!z(a,P.value)&&k("value-commit",P.value)}}f(o,{values:P,min:u(()=>S.min),max:u(()=>S.max),step:u(()=>S.step),disabled:u(()=>S.disabled),orientation:u(()=>S.orientation),direction:L,name:u(()=>S.name),form:u(()=>S.form),largeStep:I,thumbLabels:u(()=>S.thumbLabels),activeThumbIndex:B,draggingIndex:C,updateValue:A}),a(()=>V.value,()=>{z(P.value,S.defaultValue)||R([...S.defaultValue],"programmatic")});const F=g(),N=u(()=>"string"==typeof F["aria-label"]?F["aria-label"]:void 0),X=u(()=>"string"==typeof F["aria-labelledby"]?F["aria-labelledby"]:void 0);return(a,t)=>(c(),s("span",p({ref_key:"rootRef",ref:V,class:"skdx-slider","data-part":"root","data-skdx-component":"slider","data-orientation":m.orientation,"data-disabled":m.disabled?"":void 0,"data-dragging":null===C.value?void 0:"",style:{"touch-action":"none"}},{...a.$attrs,...h(e)({size:m.size},a.$attrs)},{onPointerdown:M,onPointermove:_,onPointerup:$,onPointercancel:D}),[b(a.$slots,"default",{},()=>[d(r,{marks:m.marks,"show-tooltip":m.showTooltip,"thumb-labels":m.thumbLabels,"aria-label":N.value,"aria-labelledby":X.value},null,8,["marks","show-tooltip","thumb-labels","aria-label","aria-labelledby"])])],16,x))}});export{y as default};

package/dist/slider/SliderAnatomy.vue.cjs

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

package/dist/slider/SliderAnatomy.vue.d.cts

@@ -0,0 +1,17 @@
+import type { SliderMarkData } from './types.cjs';
+/** @internal Default anatomy: Track with Range, one Thumb per `values` entry, then one Mark per entry in `marks`. */
+type __VLS_Props = {
+    marks?: readonly SliderMarkData[] | undefined;
+    showTooltip?: boolean | undefined;
+    thumbLabels?: readonly string[] | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    marks: readonly SliderMarkData[] | undefined;
+    showTooltip: boolean | undefined;
+    thumbLabels: readonly string[] | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/slider/SliderAnatomy.vue.d.ts

@@ -0,0 +1,17 @@
+import type { SliderMarkData } from './types.js';
+/** @internal Default anatomy: Track with Range, one Thumb per `values` entry, then one Mark per entry in `marks`. */
+type __VLS_Props = {
+    marks?: readonly SliderMarkData[] | undefined;
+    showTooltip?: boolean | undefined;
+    thumbLabels?: readonly string[] | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    marks: readonly SliderMarkData[] | undefined;
+    showTooltip: boolean | undefined;
+    thumbLabels: readonly string[] | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/slider/SliderAnatomy.vue.js

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

package/dist/slider/SliderAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../utils/dev-mode.cjs"),o=require("../utils/injectRequired.cjs"),d=require("./context.cjs"),s=require("./SliderMark.vue.cjs"),c=require("./SliderRange.vue.cjs"),m=require("./SliderThumb.vue.cjs"),b=require("./SliderTrack.vue.cjs");let e=require("vue");var v={key:0,"aria-hidden":"true",class:"skdx-slider__tooltip","data-part":"tooltip"},h=(0,e.defineComponent)({__name:"SliderAnatomy",props:{marks:{default:void 0},showTooltip:{type:Boolean,default:!1},thumbLabels:{default:void 0},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup(l){const i=l,t=o.injectRequired(d.SLIDER_CONTEXT,"<SliderAnatomy> must be used inside <SkdxSlider>."),u=(0,e.computed)(()=>t.values.value.length===1);return(0,e.watchEffect)(()=>{n.isDevMode()&&(t.values.value.length<=1||i.thumbLabels&&i.thumbLabels.length>=t.values.value.length||console.warn(`[skandadx] Slider derives ${t.values.value.length} thumbs without aria-labels from thumbLabels and all will announce identically, violating accessibility.namingRequirement. Pass thumbLabels with one name per thumb to distinguish them (for example, ["Minimum price", "Maximum price"]).`))}),(f,k)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(b.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default)]),_:1}),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(t).values.value,(a,r)=>((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:r,index:r,"aria-label":u.value&&l.ariaLabel!=null?l.ariaLabel:l.thumbLabels?.[r],"aria-labelledby":u.value?l.ariaLabelledby:void 0},{default:(0,e.withCtx)(()=>[l.showTooltip?((0,e.openBlock)(),(0,e.createElementBlock)("span",v,(0,e.toDisplayString)(a),1)):(0,e.createCommentVNode)("",!0)]),_:2},1032,["index","aria-label","aria-labelledby"]))),128)),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.marks,a=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:a.value,value:a.value},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.label),1)]),_:2},1032,["value"]))),128))],64))}});exports.default=h;

package/dist/slider/SliderAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{isDevMode as e}from"../utils/dev-mode.js";import{injectRequired as a}from"../utils/injectRequired.js";import{SLIDER_CONTEXT as l}from"./context.js";import t from"./SliderMark.vue.js";import i from"./SliderRange.vue.js";import r from"./SliderThumb.vue.js";import s from"./SliderTrack.vue.js";import{Fragment as o,computed as u,createBlock as d,createCommentVNode as n,createElementBlock as m,createTextVNode as b,createVNode as v,defineComponent as p,openBlock as c,renderList as f,toDisplayString as h,unref as k,watchEffect as y,withCtx as L}from"vue";var g={key:0,"aria-hidden":"true",class:"skdx-slider__tooltip","data-part":"tooltip"},x=/* @__PURE__ */p({__name:"SliderAnatomy",props:{marks:{default:void 0},showTooltip:{type:Boolean,default:!1},thumbLabels:{default:void 0},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup(p){const x=p,S=a(l,"<SliderAnatomy> must be used inside <SkdxSlider>."),j=u(()=>1===S.values.value.length);return y(()=>{e()&&(S.values.value.length<=1||x.thumbLabels&&x.thumbLabels.length>=S.values.value.length||console.warn(`[skandadx] Slider derives ${S.values.value.length} thumbs without aria-labels from thumbLabels and all will announce identically, violating accessibility.namingRequirement. Pass thumbLabels with one name per thumb to distinguish them (for example, ["Minimum price", "Maximum price"]).`))}),(e,a)=>(c(),m(o,null,[v(s,null,{default:L(()=>[v(i)]),_:1}),(c(!0),m(o,null,f(k(S).values.value,(e,a)=>(c(),d(r,{key:a,index:a,"aria-label":j.value&&null!=p.ariaLabel?p.ariaLabel:p.thumbLabels?.[a],"aria-labelledby":j.value?p.ariaLabelledby:void 0},{default:L(()=>[p.showTooltip?(c(),m("span",g,h(e),1)):n("",!0)]),_:2},1032,["index","aria-label","aria-labelledby"]))),128)),(c(!0),m(o,null,f(p.marks,e=>(c(),d(t,{key:e.value,value:e.value},{default:L(()=>[b(h(e.label),1)]),_:2},1032,["value"]))),128))],64))}});export{x as default};

package/dist/slider/SliderMark.vue.cjs

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

package/dist/slider/SliderMark.vue.d.cts

@@ -0,0 +1,17 @@
+/** Optional tick at a `value` on the slider track, aligned with the thumb value in both writing directions. */
+type __VLS_Props = {
+    /** The value on the track this mark sits at. */
+    value: 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, {}, 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/slider/SliderMark.vue.d.ts

@@ -0,0 +1,17 @@
+/** Optional tick at a `value` on the slider track, aligned with the thumb value in both writing directions. */
+type __VLS_Props = {
+    /** The value on the track this mark sits at. */
+    value: 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, {}, 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/slider/SliderMark.vue.js

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

package/dist/slider/SliderMark.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("../utils/injectRequired.cjs"),o=require("./context.cjs");let e=require("vue");var d=["data-orientation","data-disabled","data-value"],s=(0,e.defineComponent)({__name:"SliderMark",props:{value:{}},setup(a){const i=a,t=u.injectRequired(o.SLIDER_CONTEXT,"<SkdxSliderMark> must be used inside <SkdxSlider>."),r=(0,e.computed)(()=>(i.value-t.min.value)/(t.max.value-t.min.value)*100),n=(0,e.computed)(()=>t.orientation.value==="horizontal"?{position:"absolute",insetInlineStart:`${r.value}%`}:{position:"absolute",bottom:`${r.value}%`});return(l,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-slider__mark","data-part":"mark","aria-hidden":"true","data-orientation":(0,e.unref)(t).orientation.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-value":a.value,style:(0,e.normalizeStyle)(n.value)},[(0,e.renderSlot)(l.$slots,"default")],12,d))}});exports.default=s;

package/dist/slider/SliderMark.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as a}from"../utils/injectRequired.js";import{SLIDER_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as i,defineComponent as o,normalizeStyle as l,openBlock as r,renderSlot as s,unref as n}from"vue";var d=["data-orientation","data-disabled","data-value"],u=/* @__PURE__ */o({__name:"SliderMark",props:{value:{}},setup(o){const u=o,m=a(e,"<SkdxSliderMark> must be used inside <SkdxSlider>."),v=t(()=>(u.value-m.min.value)/(m.max.value-m.min.value)*100),p=t(()=>"horizontal"===m.orientation.value?{position:"absolute",insetInlineStart:`${v.value}%`}:{position:"absolute",bottom:`${v.value}%`});return(a,e)=>(r(),i("span",{class:"skdx-slider__mark","data-part":"mark","aria-hidden":"true","data-orientation":n(m).orientation.value,"data-disabled":n(m).disabled.value?"":void 0,"data-value":o.value,style:l(p.value)},[s(a.$slots,"default")],12,d))}});export{u as default};

package/dist/slider/SliderRange.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * The filled portion of the track, spanning from the lowest to the highest
- * selected value (or from the start of the track to the single value, for a
- * one-thumb slider).
- */
+/** Filled portion of the track, positioned with logical inline axes that respect `dir="rtl"`. */
 type __VLS_Props = {};
 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/slider/SliderRange.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * The filled portion of the track, spanning from the lowest to the highest
- * selected value (or from the start of the track to the single value, for a
- * one-thumb slider).
- */
+/** Filled portion of the track, positioned with logical inline axes that respect `dir="rtl"`. */
 type __VLS_Props = {};
 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/slider/SliderRange.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let e=require("vue");var i=["data-orientation","data-disabled"],d=(0,e.defineComponent)({__name:"SliderRange",setup(s){const t=(0,e.inject)(o.SLIDER_CONTEXT);if(!t)throw new Error("<SkdxSliderRange> must be used inside <SkdxSlider>.");const a=(0,e.computed)(()=>t.values.value.map(r=>(r-t.min.value)/(t.max.value-t.min.value)*100)),n=(0,e.computed)(()=>t.values.value.length>1?Math.min(...a.value):0),l=(0,e.computed)(()=>100-Math.max(...a.value,0)),u=(0,e.computed)(()=>t.orientation.value==="horizontal"?{left:`${n.value}%`,right:`${l.value}%`}:{bottom:`${n.value}%`,top:`${l.value}%`});return(r,v)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-slider__range","data-part":"range","data-orientation":(0,e.unref)(t).orientation.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,style:(0,e.normalizeStyle)(u.value)},null,12,i))}});exports.default=d;
+const i=require("../utils/injectRequired.cjs"),o=require("./context.cjs");let e=require("vue");var d=["data-orientation","data-disabled"],s=(0,e.defineComponent)({__name:"SliderRange",setup(c){const t=i.injectRequired(o.SLIDER_CONTEXT,"<SkdxSliderRange> must be used inside <SkdxSlider>."),a=(0,e.computed)(()=>t.values.value.map(u=>(u-t.min.value)/(t.max.value-t.min.value)*100)),n=(0,e.computed)(()=>t.values.value.length>1?Math.min(...a.value):0),l=(0,e.computed)(()=>100-Math.max(...a.value,0)),r=(0,e.computed)(()=>t.orientation.value==="horizontal"?{insetInlineStart:`${n.value}%`,insetInlineEnd:`${l.value}%`}:{bottom:`${n.value}%`,top:`${l.value}%`});return(u,v)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-slider__range","data-part":"range","data-orientation":(0,e.unref)(t).orientation.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,style:(0,e.normalizeStyle)(r.value)},null,12,d))}});exports.default=s;

package/dist/slider/SliderRange.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{SLIDER_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,defineComponent as l,inject as n,normalizeStyle as o,openBlock as i,unref as r}from"vue";var s=["data-orientation","data-disabled"],u=/* @__PURE__ */l({__name:"SliderRange",setup(l){const u=n(a);if(!u)throw new Error("<SkdxSliderRange> must be used inside <SkdxSlider>.");const d=e(()=>u.values.value.map(a=>(a-u.min.value)/(u.max.value-u.min.value)*100)),v=e(()=>u.values.value.length>1?Math.min(...d.value):0),m=e(()=>100-Math.max(...d.value,0)),p=e(()=>"horizontal"===u.orientation.value?{left:`${v.value}%`,right:`${m.value}%`}:{bottom:`${v.value}%`,top:`${m.value}%`});return(a,e)=>(i(),t("span",{class:"skdx-slider__range","data-part":"range","data-orientation":r(u).orientation.value,"data-disabled":r(u).disabled.value?"":void 0,style:o(p.value)},null,12,s))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{SLIDER_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as l,normalizeStyle as i,openBlock as o,unref as s}from"vue";var u=["data-orientation","data-disabled"],r=/* @__PURE__ */l({__name:"SliderRange",setup(l){const r=e(a,"<SkdxSliderRange> must be used inside <SkdxSlider>."),d=t(()=>r.values.value.map(e=>(e-r.min.value)/(r.max.value-r.min.value)*100)),v=t(()=>r.values.value.length>1?Math.min(...d.value):0),m=t(()=>100-Math.max(...d.value,0)),p=t(()=>"horizontal"===r.orientation.value?{insetInlineStart:`${v.value}%`,insetInlineEnd:`${m.value}%`}:{bottom:`${v.value}%`,top:`${m.value}%`});return(e,a)=>(o(),n("span",{class:"skdx-slider__range","data-part":"range","data-orientation":s(r).orientation.value,"data-disabled":s(r).disabled.value?"":void 0,style:i(p.value)},null,12,u))}});export{r as default};

package/dist/slider/SliderThumb.vue.d.cts

@@ -1,21 +1,26 @@
-/**
- * A single draggable handle on a `SkdxSlider`, positioned by `index` (or, if
- * omitted, by its render order among sibling thumbs — the Vue equivalent of
- * React's nested per-render counter context, implemented here as a
- * `provide`d counter incremented once per thumb during setup). Renders
- * `role="slider"`, focusable and keyboard-operable: Arrow keys step by
- * `step`, PageUp/PageDown step by a larger increment, Home/End jump to
- * `min`/`max`. When the slider has a `name`, also renders a
- * visually-hidden native `<input type="number">` (two root nodes, so attrs
- * fallthrough is disabled and forwarded explicitly).
- */
+/** A single draggable handle on a `SkdxSlider`, positioned by `index` or render order and keyboard-operable. */
 type __VLS_Props = {
     /**
-     * Which value in the array this thumb controls. Defaults to its render
-     * order among sibling thumbs (0 for the first, 1 for the second, ...).
+     * Index of the value this thumb controls, defaulting to its render order.
      * @default undefined
      */
     index?: number;
+    /**
+     * Aria-valuetext for this thumb when the raw number is not what the user is
+     * choosing — `"Medium"` for a size scale, `"£20"` for a price.
+     * @default undefined
+     */
+    valueText?: string;
 };
-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>;
+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/slider/SliderThumb.vue.d.ts

@@ -1,21 +1,26 @@
-/**
- * A single draggable handle on a `SkdxSlider`, positioned by `index` (or, if
- * omitted, by its render order among sibling thumbs — the Vue equivalent of
- * React's nested per-render counter context, implemented here as a
- * `provide`d counter incremented once per thumb during setup). Renders
- * `role="slider"`, focusable and keyboard-operable: Arrow keys step by
- * `step`, PageUp/PageDown step by a larger increment, Home/End jump to
- * `min`/`max`. When the slider has a `name`, also renders a
- * visually-hidden native `<input type="number">` (two root nodes, so attrs
- * fallthrough is disabled and forwarded explicitly).
- */
+/** A single draggable handle on a `SkdxSlider`, positioned by `index` or render order and keyboard-operable. */
 type __VLS_Props = {
     /**
-     * Which value in the array this thumb controls. Defaults to its render
-     * order among sibling thumbs (0 for the first, 1 for the second, ...).
+     * Index of the value this thumb controls, defaulting to its render order.
      * @default undefined
      */
     index?: number;
+    /**
+     * Aria-valuetext for this thumb when the raw number is not what the user is
+     * choosing — `"Medium"` for a size scale, `"£20"` for a price.
+     * @default undefined
+     */
+    valueText?: string;
 };
-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>;
+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/slider/SliderThumb.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const m=require("../utils/direction.cjs"),c=require("./context.cjs");let a=require("vue");var g=["aria-valuemin","aria-valuemax","aria-valuenow","aria-orientation","aria-disabled","data-orientation","data-disabled","tabindex"],y=["name","value","disabled"],k=(0,a.defineComponent)({inheritAttrs:!1,__name:"SliderThumb",props:{index:{}},setup(p){const f=p,e=(0,a.inject)(c.SLIDER_CONTEXT);if(!e)throw new Error("<SkdxSliderThumb> must be used inside <SkdxSlider>.");const b=m.useDirection(),x=(0,a.inject)(c.SLIDER_THUMB_AUTO_INDEX),n=f.index??x?.next()??0,u=(0,a.computed)(()=>e.values.value[n]??e.min.value),l=(0,a.computed)(()=>(u.value-e.min.value)/(e.max.value-e.min.value)*100),_=(0,a.computed)(()=>e.orientation.value==="horizontal"?{position:"absolute",left:`${l.value}%`,transform:"translateX(-50%)"}:{position:"absolute",bottom:`${l.value}%`,transform:"translateY(50%)"});function h(t){if(e.disabled.value)return;const r=m.directionalKey(t.key,t.currentTarget,b()),{step:i,min:o,max:d}={step:e.step.value,min:e.min.value,max:e.max.value},s=Math.max((d-o)/10,i),v={ArrowRight:i,ArrowUp:i,ArrowLeft:-i,ArrowDown:-i,PageUp:s,PageDown:-s};r in v?(t.preventDefault(),e.updateValue(n,u.value+v[r])):r==="Home"?(t.preventDefault(),e.updateValue(n,o)):r==="End"&&(t.preventDefault(),e.updateValue(n,d))}function w(){e.activeThumbIndex.value=n}return(t,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,[(0,a.createElementVNode)("span",(0,a.mergeProps)({class:"skdx-slider__thumb","data-part":"thumb",role:"slider","aria-valuemin":(0,a.unref)(e).min.value,"aria-valuemax":(0,a.unref)(e).max.value,"aria-valuenow":u.value,"aria-orientation":(0,a.unref)(e).orientation.value,"aria-disabled":(0,a.unref)(e).disabled.value||void 0,"data-orientation":(0,a.unref)(e).orientation.value,"data-disabled":(0,a.unref)(e).disabled.value?"":void 0,tabindex:(0,a.unref)(e).disabled.value?void 0:0,style:_.value,onKeydown:h,onPointerdown:w},t.$attrs),null,16,g),(0,a.unref)(e).name.value?((0,a.openBlock)(),(0,a.createElementBlock)("input",{key:0,type:"number","aria-hidden":"true",tabindex:"-1",name:(0,a.unref)(e).values.value.length>1?`${(0,a.unref)(e).name.value}[${(0,a.unref)(n)}]`:(0,a.unref)(e).name.value,value:u.value,disabled:(0,a.unref)(e).disabled.value,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,y)):(0,a.createCommentVNode)("",!0)],64))}});exports.default=k;
+const y=require("../utils/injectRequired.cjs"),k=require("../utils/direction.cjs"),w=require("./context.cjs");let e=require("vue");var S=["aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","data-orientation","data-disabled","data-dragging","tabindex"],q=["name","value","disabled","form"],T=(0,e.defineComponent)({inheritAttrs:!1,__name:"SliderThumb",props:{index:{},valueText:{}},setup(d){const s=d,a=y.injectRequired(w.SLIDER_CONTEXT,"<SkdxSliderThumb> must be used inside <SkdxSlider>."),v=(0,e.ref)(null),m=(0,e.ref)(0);function c(){const t=v.value;if(s.index!==void 0||!t)return;const n=t.closest('[data-skdx-component="slider"]');if(!n)return;const l=Array.from(n.querySelectorAll('[role="slider"]')).indexOf(t);l!==-1&&(m.value=l)}(0,e.onMounted)(c),(0,e.onUpdated)(c);const r=(0,e.computed)(()=>s.index??m.value),u=(0,e.computed)(()=>a.values.value[r.value]??a.min.value),f=(0,e.computed)(()=>(u.value-a.min.value)/(a.max.value-a.min.value)*100),b=(0,e.computed)(()=>a.orientation.value==="horizontal"?{position:"absolute",insetInlineStart:`${f.value}%`,transform:`translateX(${a.direction.value==="rtl"?"":"-"}50%)`}:{position:"absolute",bottom:`${f.value}%`,transform:"translateY(50%)"});function x(t){if(a.disabled.value)return;const n=k.directionalKey(t.key,t.currentTarget,a.direction.value),{step:l,min:h,max:_}={step:a.step.value,min:a.min.value,max:a.max.value},o=a.largeStep.value,i=t.shiftKey?o:l,p={ArrowRight:i,ArrowUp:i,ArrowLeft:-i,ArrowDown:-i,PageUp:o,PageDown:-o};n in p?(t.preventDefault(),a.updateValue(r.value,u.value+p[n],"keyboard")):n==="Home"?(t.preventDefault(),a.updateValue(r.value,h,"keyboard")):n==="End"&&(t.preventDefault(),a.updateValue(r.value,_,"keyboard"))}function g(){a.activeThumbIndex.value=r.value}return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_key:"thumbEl",ref:v,class:"skdx-slider__thumb","data-part":"thumb",role:"slider","aria-valuemin":(0,e.unref)(a).min.value,"aria-valuemax":(0,e.unref)(a).max.value,"aria-valuenow":u.value,"aria-valuetext":d.valueText,"aria-orientation":(0,e.unref)(a).orientation.value,"aria-disabled":(0,e.unref)(a).disabled.value||void 0,"data-orientation":(0,e.unref)(a).orientation.value,"data-disabled":(0,e.unref)(a).disabled.value?"":void 0,"data-dragging":(0,e.unref)(a).draggingIndex.value===r.value?"":void 0,tabindex:(0,e.unref)(a).disabled.value?void 0:0,style:b.value},t.$attrs,{onKeydown:x,onPointerdown:g}),[(0,e.renderSlot)(t.$slots,"default")],16,S),(0,e.unref)(a).name.value?((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:0,type:"number","aria-hidden":"true",tabindex:"-1",name:(0,e.unref)(a).values.value.length>1?`${(0,e.unref)(a).name.value}[${r.value}]`:(0,e.unref)(a).name.value,value:u.value,disabled:(0,e.unref)(a).disabled.value,form:(0,e.unref)(a).form.value,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,q)):(0,e.createCommentVNode)("",!0)],64))}});exports.default=T;

package/dist/slider/SliderThumb.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e,useDirection as a}from"../utils/direction.js";import{SLIDER_CONTEXT as t,SLIDER_THUMB_AUTO_INDEX as n}from"./context.js";import{Fragment as i,computed as l,createCommentVNode as r,createElementBlock as o,createElementVNode as u,defineComponent as s,inject as d,mergeProps as v,openBlock as m,unref as p}from"vue";var b=["aria-valuemin","aria-valuemax","aria-valuenow","aria-orientation","aria-disabled","data-orientation","data-disabled","tabindex"],x=["name","value","disabled"],c=/* @__PURE__ */s({inheritAttrs:!1,__name:"SliderThumb",props:{index:{}},setup(s){const c=s,f=d(t);if(!f)throw new Error("<SkdxSliderThumb> must be used inside <SkdxSlider>.");const h=a(),w=d(n),g=c.index??w?.next()??0,D=l(()=>f.values.value[g]??f.min.value),y=l(()=>(D.value-f.min.value)/(f.max.value-f.min.value)*100),E=l(()=>"horizontal"===f.orientation.value?{position:"absolute",left:`${y.value}%`,transform:"translateX(-50%)"}:{position:"absolute",bottom:`${y.value}%`,transform:"translateY(50%)"});function T(a){if(f.disabled.value)return;const t=e(a.key,a.currentTarget,h()),{step:n,min:i,max:l}={step:f.step.value,min:f.min.value,max:f.max.value},r=Math.max((l-i)/10,n),o={ArrowRight:n,ArrowUp:n,ArrowLeft:-n,ArrowDown:-n,PageUp:r,PageDown:-r};t in o?(a.preventDefault(),f.updateValue(g,D.value+o[t])):"Home"===t?(a.preventDefault(),f.updateValue(g,i)):"End"===t&&(a.preventDefault(),f.updateValue(g,l))}function _(){f.activeThumbIndex.value=g}return(e,a)=>(m(),o(i,null,[u("span",v({class:"skdx-slider__thumb","data-part":"thumb",role:"slider","aria-valuemin":p(f).min.value,"aria-valuemax":p(f).max.value,"aria-valuenow":D.value,"aria-orientation":p(f).orientation.value,"aria-disabled":p(f).disabled.value||void 0,"data-orientation":p(f).orientation.value,"data-disabled":p(f).disabled.value?"":void 0,tabindex:p(f).disabled.value?void 0:0,style:E.value,onKeydown:T,onPointerdown:_},e.$attrs),null,16,b),p(f).name.value?(m(),o("input",{key:0,type:"number","aria-hidden":"true",tabindex:"-1",name:p(f).values.value.length>1?`${p(f).name.value}[${p(g)}]`:p(f).name.value,value:D.value,disabled:p(f).disabled.value,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,x)):r("",!0)],64))}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{directionalKey as a}from"../utils/direction.js";import{SLIDER_CONTEXT as t}from"./context.js";import{Fragment as l,computed as n,createCommentVNode as i,createElementBlock as r,createElementVNode as u,defineComponent as o,mergeProps as d,onMounted as s,onUpdated as v,openBlock as m,ref as p,renderSlot as b,unref as c}from"vue";var f=["aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","data-orientation","data-disabled","data-dragging","tabindex"],x=["name","value","disabled","form"],g=/* @__PURE__ */o({inheritAttrs:!1,__name:"SliderThumb",props:{index:{},valueText:{}},setup(o){const g=o,h=e(t,"<SkdxSliderThumb> must be used inside <SkdxSlider>."),y=p(null),k=p(0);function w(){const e=y.value;if(void 0!==g.index||!e)return;const a=e.closest('[data-skdx-component="slider"]');if(!a)return;const t=Array.from(a.querySelectorAll('[role="slider"]')).indexOf(e);-1!==t&&(k.value=t)}s(w),v(w);const S=n(()=>g.index??k.value),T=n(()=>h.values.value[S.value]??h.min.value),A=n(()=>(T.value-h.min.value)/(h.max.value-h.min.value)*100),$=n(()=>"horizontal"===h.orientation.value?{position:"absolute",insetInlineStart:`${A.value}%`,transform:`translateX(${"rtl"===h.direction.value?"":"-"}50%)`}:{position:"absolute",bottom:`${A.value}%`,transform:"translateY(50%)"});function D(e){if(h.disabled.value)return;const t=a(e.key,e.currentTarget,h.direction.value),{step:l,min:n,max:i}={step:h.step.value,min:h.min.value,max:h.max.value},r=h.largeStep.value,u=e.shiftKey?r:l,o={ArrowRight:u,ArrowUp:u,ArrowLeft:-u,ArrowDown:-u,PageUp:r,PageDown:-r};t in o?(e.preventDefault(),h.updateValue(S.value,T.value+o[t],"keyboard")):"Home"===t?(e.preventDefault(),h.updateValue(S.value,n,"keyboard")):"End"===t&&(e.preventDefault(),h.updateValue(S.value,i,"keyboard"))}function E(){h.activeThumbIndex.value=S.value}return(e,a)=>(m(),r(l,null,[u("span",d({ref_key:"thumbEl",ref:y,class:"skdx-slider__thumb","data-part":"thumb",role:"slider","aria-valuemin":c(h).min.value,"aria-valuemax":c(h).max.value,"aria-valuenow":T.value,"aria-valuetext":o.valueText,"aria-orientation":c(h).orientation.value,"aria-disabled":c(h).disabled.value||void 0,"data-orientation":c(h).orientation.value,"data-disabled":c(h).disabled.value?"":void 0,"data-dragging":c(h).draggingIndex.value===S.value?"":void 0,tabindex:c(h).disabled.value?void 0:0,style:$.value},e.$attrs,{onKeydown:D,onPointerdown:E}),[b(e.$slots,"default")],16,f),c(h).name.value?(m(),r("input",{key:0,type:"number","aria-hidden":"true",tabindex:"-1",name:c(h).values.value.length>1?`${c(h).name.value}[${S.value}]`:c(h).name.value,value:T.value,disabled:c(h).disabled.value,form:c(h).form.value,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,x)):i("",!0)],64))}});export{g as default};

package/dist/slider/SliderTrack.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * The full-length background bar of a `SkdxSlider`. Purely presentational —
- * pointer interaction is handled by the `SkdxSlider` root itself.
- */
+/** The full-length background bar of a `SkdxSlider`; purely presentational, pointer interaction lives on the root. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/slider/SliderTrack.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * The full-length background bar of a `SkdxSlider`. Purely presentational —
- * pointer interaction is handled by the `SkdxSlider` root itself.
- */
+/** The full-length background bar of a `SkdxSlider`; purely presentational, pointer interaction lives on the root. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {