@skdx/vue 0.28.0 → 0.30.0

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

@@ -1,18 +1,17 @@
 import type { SliderMarkData } from './types.cjs';
-/**
- * Default anatomy for `SkdxSlider`: Track with Range, one Thumb per `values`
- * entry, then one Mark per entry in `marks`. Thumb count is driven by `values`
- * length.
- * @internal
- */
+/** @internal Default anatomy: Track with Range, one Thumb per `values` entry, then one Mark per entry in `marks`. */
 type __VLS_Props = {
-    marks?: readonly SliderMarkData[];
-    showTooltip?: boolean;
-    thumbLabels?: readonly string[];
+    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<{}>, {
-    marks: readonly SliderMarkData[];
-    showTooltip: boolean;
-    thumbLabels: readonly string[];
+    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

@@ -1,18 +1,17 @@
 import type { SliderMarkData } from './types.js';
-/**
- * Default anatomy for `SkdxSlider`: Track with Range, one Thumb per `values`
- * entry, then one Mark per entry in `marks`. Thumb count is driven by `values`
- * length.
- * @internal
- */
+/** @internal Default anatomy: Track with Range, one Thumb per `values` entry, then one Mark per entry in `marks`. */
 type __VLS_Props = {
-    marks?: readonly SliderMarkData[];
-    showTooltip?: boolean;
-    thumbLabels?: readonly string[];
+    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<{}>, {
-    marks: readonly SliderMarkData[];
-    showTooltip: boolean;
-    thumbLabels: readonly string[];
+    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_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("../utils/is-dev-mode.cjs"),o=require("./context.cjs"),s=require("./SliderMark.vue.cjs"),c=require("./SliderRange.vue.cjs"),d=require("./SliderThumb.vue.cjs"),m=require("./SliderTrack.vue.cjs");let e=require("vue");var h={key:0,"aria-hidden":"true",class:"skdx-slider__tooltip","data-part":"tooltip"},f=(0,e.defineComponent)({__name:"SliderAnatomy",props:{marks:{default:void 0},showTooltip:{type:Boolean,default:!1},thumbLabels:{default:void 0}},setup(l){const i=l,n=(0,e.inject)(o.SLIDER_CONTEXT);if(!n)throw new Error("<SliderAnatomy> must be used inside <SkdxSlider>.");const r=n;return(0,e.watchEffect)(()=>{u.isDevMode()&&(r.values.value.length<=1||i.thumbLabels&&i.thumbLabels.length>=r.values.value.length||console.warn(`[skandadx] Slider derives ${r.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"]).`))}),(v,p)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(m.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)(r).values.value,(t,a)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:a,index:a,"aria-label":l.thumbLabels?.[a]},{default:(0,e.withCtx)(()=>[l.showTooltip?((0,e.openBlock)(),(0,e.createElementBlock)("span",h,(0,e.toDisplayString)(t),1)):(0,e.createCommentVNode)("",!0)]),_:2},1032,["index","aria-label"]))),128)),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.marks,t=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:t.value,value:t.value},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1032,["value"]))),128))],64))}});exports.default=f;
+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

@@ -1 +1 @@
-import{isDevMode as e}from"../utils/is-dev-mode.js";import{SLIDER_CONTEXT as a}from"./context.js";import l from"./SliderMark.vue.js";import t from"./SliderRange.vue.js";import s from"./SliderThumb.vue.js";import i from"./SliderTrack.vue.js";import{Fragment as r,createBlock as o,createCommentVNode as n,createElementBlock as u,createTextVNode as m,createVNode as d,defineComponent as p,inject as v,openBlock as c,renderList as h,toDisplayString as b,unref as f,watchEffect as k,withCtx as x}from"vue";var S={key:0,"aria-hidden":"true",class:"skdx-slider__tooltip","data-part":"tooltip"},g=/* @__PURE__ */p({__name:"SliderAnatomy",props:{marks:{default:void 0},showTooltip:{type:Boolean,default:!1},thumbLabels:{default:void 0}},setup(p){const g=p,w=v(a);if(!w)throw new Error("<SliderAnatomy> must be used inside <SkdxSlider>.");const y=w;return k(()=>{e()&&(y.values.value.length<=1||g.thumbLabels&&g.thumbLabels.length>=y.values.value.length||console.warn(`[skandadx] Slider derives ${y.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(),u(r,null,[d(i,null,{default:x(()=>[d(t)]),_:1}),(c(!0),u(r,null,h(f(y).values.value,(e,a)=>(c(),o(s,{key:a,index:a,"aria-label":p.thumbLabels?.[a]},{default:x(()=>[p.showTooltip?(c(),u("span",S,b(e),1)):n("",!0)]),_:2},1032,["index","aria-label"]))),128)),(c(!0),u(r,null,h(p.marks,e=>(c(),o(l,{key:e.value,value:e.value},{default:x(()=>[m(b(e.label),1)]),_:2},1032,["value"]))),128))],64))}});export{g as default};
+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.d.cts

@@ -1,8 +1,4 @@
-/**
- * Optional tick at a `value` on the slider track. Positioned to align with
- * the thumb value in both writing directions; slot content is the label, tick
- * is drawn by `::before`. `aria-hidden` since the scale is already reported.
- */
+/** 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;

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

@@ -1,8 +1,4 @@
-/**
- * Optional tick at a `value` on the slider track. Positioned to align with
- * the thumb value in both writing directions; slot content is the label, tick
- * is drawn by `::before`. `aria-hidden` since the scale is already reported.
- */
+/** 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;

package/dist/slider/SliderMark.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./context.cjs");let e=require("vue");var u=["data-orientation","data-disabled","data-value"],d=(0,e.defineComponent)({__name:"SliderMark",props:{value:{}},setup(a){const n=a,t=(0,e.inject)(i.SLIDER_CONTEXT);if(!t)throw new Error("<SkdxSliderMark> must be used inside <SkdxSlider>.");const r=(0,e.computed)(()=>(n.value-t.min.value)/(t.max.value-t.min.value)*100),l=(0,e.computed)(()=>t.orientation.value==="horizontal"?{position:"absolute",insetInlineStart:`${r.value}%`}:{position:"absolute",bottom:`${r.value}%`});return(o,s)=>((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)(l.value)},[(0,e.renderSlot)(o.$slots,"default")],12,u))}});exports.default=d;
+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

@@ -1 +1 @@
-import{SLIDER_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,defineComponent as o,inject as l,normalizeStyle as i,openBlock as r,renderSlot as n,unref as s}from"vue";var d=["data-orientation","data-disabled","data-value"],u=/* @__PURE__ */o({__name:"SliderMark",props:{value:{}},setup(o){const u=o,v=l(a);if(!v)throw new Error("<SkdxSliderMark> must be used inside <SkdxSlider>.");const m=e(()=>(u.value-v.min.value)/(v.max.value-v.min.value)*100),p=e(()=>"horizontal"===v.orientation.value?{position:"absolute",insetInlineStart:`${m.value}%`}:{position:"absolute",bottom:`${m.value}%`});return(a,e)=>(r(),t("span",{class:"skdx-slider__mark","data-part":"mark","aria-hidden":"true","data-orientation":s(v).orientation.value,"data-disabled":s(v).disabled.value?"":void 0,"data-value":o.value,style:i(p.value)},[n(a.$slots,"default")],12,d))}});export{u as default};
+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 @@
-/**
- * Filled portion of the track. Positioned with logical inline axes
- * (respects `dir="rtl"`) and physical block axes (does not follow writing
- * direction).
- */
+/** 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 @@
-/**
- * Filled portion of the track. Positioned with logical inline axes
- * (respects `dir="rtl"`) and physical block axes (does not follow writing
- * direction).
- */
+/** 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 i=require("./context.cjs");let e=require("vue");var o=["data-orientation","data-disabled"],d=(0,e.defineComponent)({__name:"SliderRange",setup(s){const t=(0,e.inject)(i.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"?{insetInlineStart:`${n.value}%`,insetInlineEnd:`${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,o))}});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 n,inject as l,normalizeStyle as i,openBlock as o,unref as s}from"vue";var r=["data-orientation","data-disabled"],u=/* @__PURE__ */n({__name:"SliderRange",setup(n){const u=l(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?{insetInlineStart:`${v.value}%`,insetInlineEnd:`${m.value}%`}:{bottom:`${v.value}%`,top:`${m.value}%`});return(a,e)=>(o(),t("span",{class:"skdx-slider__range","data-part":"range","data-orientation":s(u).orientation.value,"data-disabled":s(u).disabled.value?"":void 0,style:i(p.value)},null,12,r))}});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,8 +1,4 @@
-/**
- * A single draggable handle on a `SkdxSlider`, positioned by `index` or render order.
- * Renders `role="slider"`, keyboard-operable via Arrow keys, PageUp/PageDown, Home/End.
- * Optionally renders a hidden form input and slot content.
- */
+/** A single draggable handle on a `SkdxSlider`, positioned by `index` or render order and keyboard-operable. */
 type __VLS_Props = {
     /**
      * Index of the value this thumb controls, defaulting to its render order.

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

@@ -1,8 +1,4 @@
-/**
- * A single draggable handle on a `SkdxSlider`, positioned by `index` or render order.
- * Renders `role="slider"`, keyboard-operable via Arrow keys, PageUp/PageDown, Home/End.
- * Optionally renders a hidden form input and slot content.
- */
+/** A single draggable handle on a `SkdxSlider`, positioned by `index` or render order and keyboard-operable. */
 type __VLS_Props = {
     /**
      * Index of the value this thumb controls, defaulting to its render order.

package/dist/slider/SliderThumb.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/slider/SliderTrack.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs");let e=require("vue");var d=["data-orientation","data-disabled"],n=(0,e.defineComponent)({__name:"SliderTrack",setup(i){const t=(0,e.inject)(a.SLIDER_CONTEXT);if(!t)throw new Error("<SkdxSliderTrack> must be used inside <SkdxSlider>.");return(r,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-slider__track","data-part":"track","data-orientation":(0,e.unref)(t).orientation.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0},[(0,e.renderSlot)(r.$slots,"default")],8,d))}});exports.default=n;
+const a=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var i=["data-orientation","data-disabled"],n=(0,e.defineComponent)({__name:"SliderTrack",setup(u){const t=a.injectRequired(d.SLIDER_CONTEXT,"<SkdxSliderTrack> must be used inside <SkdxSlider>.");return(r,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-slider__track","data-part":"track","data-orientation":(0,e.unref)(t).orientation.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0},[(0,e.renderSlot)(r.$slots,"default")],8,i))}});exports.default=n;

package/dist/slider/SliderTrack.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{SLIDER_CONTEXT as a}from"./context.js";import{createElementBlock as e,defineComponent as t,inject as r,openBlock as d,renderSlot as s,unref as o}from"vue";var i=["data-orientation","data-disabled"],n=/* @__PURE__ */t({__name:"SliderTrack",setup(t){const n=r(a);if(!n)throw new Error("<SkdxSliderTrack> must be used inside <SkdxSlider>.");return(a,t)=>(d(),e("span",{class:"skdx-slider__track","data-part":"track","data-orientation":o(n).orientation.value,"data-disabled":o(n).disabled.value?"":void 0},[s(a.$slots,"default")],8,i))}});export{n as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{SLIDER_CONTEXT as a}from"./context.js";import{createElementBlock as t,defineComponent as r,openBlock as d,renderSlot as s,unref as i}from"vue";var o=["data-orientation","data-disabled"],n=/* @__PURE__ */r({__name:"SliderTrack",setup(r){const n=e(a,"<SkdxSliderTrack> must be used inside <SkdxSlider>.");return(e,a)=>(d(),t("span",{class:"skdx-slider__track","data-part":"track","data-orientation":i(n).orientation.value,"data-disabled":i(n).disabled.value?"":void 0},[s(e.$slots,"default")],8,o))}});export{n as default};

package/dist/slider/context.cjs

@@ -1 +1 @@
-const d=require("../utils/clamp.cjs");var u=Symbol("skdx-slider-context"),l=Symbol("skdx-slider-thumb-auto-index");function T(e,o,r){const t=o+Math.round((e-o)/r)*r,n=(String(r).split(".")[1]??"").length;return Number(t.toFixed(n))}exports.SLIDER_CONTEXT=u;exports.SLIDER_THUMB_AUTO_INDEX=l;exports.clamp=d.clamp;exports.roundToStep=T;
+const c=require("../utils/clamp.cjs");var d=Symbol("skdx-slider-context");function u(e,o,r){const n=o+Math.round((e-o)/r)*r,t=(String(r).split(".")[1]??"").length;return Number(n.toFixed(t))}exports.SLIDER_CONTEXT=d;exports.clamp=c.clamp;exports.roundToStep=u;

package/dist/slider/context.d.cts

@@ -1,20 +1,13 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
 import type { Direction } from '../utils/direction.cjs';
 export { clamp } from '../utils/clamp.cjs';
-/**
- * Slider value-change payload. Multiple sources (track/drag/arrow/programmatic)
- * map to same event; reason disambiguates. previousValue needed in controlled
- * mode.
- */
+/** Slider value-change payload; multiple sources map to the same event, and `reason` disambiguates them. */
 export interface SliderValueChangeDetail {
     /** The values the slider settled on, one per thumb. */
     value: number[];
     /** The values held before this change, or `null` when there were none. */
     previousValue: number[] | null;
-    /**
-     * What drove the change. `'pointer'` covers both a track press and a drag
-     * frame — which of the two it was is readable off the originating event.
-     */
+    /** What drove the change; `'pointer'` covers both a track press and a drag frame. */
     reason: 'keyboard' | 'pointer' | 'programmatic';
 }
 /** @internal Injection key a Slider provides so its parts can read/drive shared state. */
@@ -25,11 +18,7 @@ export interface SliderContext {
     step: ComputedRef<number>;
     disabled: ComputedRef<boolean>;
     orientation: ComputedRef<'horizontal' | 'vertical'>;
-    /**
-     * Writing direction resolved once, on the root, so every part agrees on
-     * which end of the track is the *start* — the root maps the pointer with
-     * it and the thumb mirrors its centring transform with it.
-     */
+    /** Writing direction resolved once, on the root, so every part agrees on which end of the track is the start. */
     direction: ComputedRef<Direction>;
     name: ComputedRef<string | undefined>;
     form: ComputedRef<string | undefined>;
@@ -44,9 +33,5 @@ export interface SliderContext {
 }
 /** @internal Injection key a Slider provides so its Track/Range/Thumb parts share range and value state. */
 export declare const SLIDER_CONTEXT: InjectionKey<SliderContext>;
-/** @internal Injection key used only to auto-index SliderThumbs by render order when no explicit `index` prop is given. */
-export declare const SLIDER_THUMB_AUTO_INDEX: InjectionKey<{
-    next: () => number;
-}>;
 /** @internal Snaps a value to the nearest step increment above min, preserving the step's decimal precision. */
 export declare function roundToStep(value: number, min: number, step: number): number;

package/dist/slider/context.d.ts

@@ -1,20 +1,13 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
 import type { Direction } from '../utils/direction.js';
 export { clamp } from '../utils/clamp.js';
-/**
- * Slider value-change payload. Multiple sources (track/drag/arrow/programmatic)
- * map to same event; reason disambiguates. previousValue needed in controlled
- * mode.
- */
+/** Slider value-change payload; multiple sources map to the same event, and `reason` disambiguates them. */
 export interface SliderValueChangeDetail {
     /** The values the slider settled on, one per thumb. */
     value: number[];
     /** The values held before this change, or `null` when there were none. */
     previousValue: number[] | null;
-    /**
-     * What drove the change. `'pointer'` covers both a track press and a drag
-     * frame — which of the two it was is readable off the originating event.
-     */
+    /** What drove the change; `'pointer'` covers both a track press and a drag frame. */
     reason: 'keyboard' | 'pointer' | 'programmatic';
 }
 /** @internal Injection key a Slider provides so its parts can read/drive shared state. */
@@ -25,11 +18,7 @@ export interface SliderContext {
     step: ComputedRef<number>;
     disabled: ComputedRef<boolean>;
     orientation: ComputedRef<'horizontal' | 'vertical'>;
-    /**
-     * Writing direction resolved once, on the root, so every part agrees on
-     * which end of the track is the *start* — the root maps the pointer with
-     * it and the thumb mirrors its centring transform with it.
-     */
+    /** Writing direction resolved once, on the root, so every part agrees on which end of the track is the start. */
     direction: ComputedRef<Direction>;
     name: ComputedRef<string | undefined>;
     form: ComputedRef<string | undefined>;
@@ -44,9 +33,5 @@ export interface SliderContext {
 }
 /** @internal Injection key a Slider provides so its Track/Range/Thumb parts share range and value state. */
 export declare const SLIDER_CONTEXT: InjectionKey<SliderContext>;
-/** @internal Injection key used only to auto-index SliderThumbs by render order when no explicit `index` prop is given. */
-export declare const SLIDER_THUMB_AUTO_INDEX: InjectionKey<{
-    next: () => number;
-}>;
 /** @internal Snaps a value to the nearest step increment above min, preserving the step's decimal precision. */
 export declare function roundToStep(value: number, min: number, step: number): number;

package/dist/slider/context.js

@@ -1 +1 @@
-import{clamp as t}from"../utils/clamp.js";var o=/* @__PURE__ */Symbol("skdx-slider-context"),s=/* @__PURE__ */Symbol("skdx-slider-thumb-auto-index");function r(t,o,s){const r=o+Math.round((t-o)/s)*s,a=(String(s).split(".")[1]??"").length;return Number(r.toFixed(a))}export{o as SLIDER_CONTEXT,s as SLIDER_THUMB_AUTO_INDEX,t as clamp,r as roundToStep};
+import{clamp as t}from"../utils/clamp.js";var o=/* @__PURE__ */Symbol("skdx-slider-context");function r(t,o,r){const s=o+Math.round((t-o)/r)*r,a=(String(r).split(".")[1]??"").length;return Number(s.toFixed(a))}export{o as SLIDER_CONTEXT,t as clamp,r as roundToStep};

package/dist/slider/primitives.d.cts

@@ -1,7 +1,5 @@
 /**
- * Primitives for `SkdxSlider` — composable building blocks.
- * Use these when you need a custom layout: custom marks, thumbs with tooltip markup.
- * The recipe derives track and thumbs when given no children; renders these parts when given some.
+ * Composable primitives for `SkdxSlider`, used when you need a custom layout instead of the derived one.
  *
  * @example
  * ```vue

package/dist/slider/primitives.d.ts

@@ -1,7 +1,5 @@
 /**
- * Primitives for `SkdxSlider` — composable building blocks.
- * Use these when you need a custom layout: custom marks, thumbs with tooltip markup.
- * The recipe derives track and thumbs when given no children; renders these parts when given some.
+ * Composable primitives for `SkdxSlider`, used when you need a custom layout instead of the derived one.
  *
  * @example
  * ```vue

package/dist/speed-dial/SpeedDial.vue.d.cts

@@ -1,9 +1,7 @@
 import type { SpeedDialDirection } from './context.cjs';
 import type { SpeedDialAction } from './types.cjs';
 /**
- * Floating action button with menu: trigger slot + actions list (roving focus,
- * typeahead, positional CSS vars). Emits open-change and open-change-complete.
- * Controlled (v-model:open) or uncontrolled (default-open).
+ * Floating action button with menu: a trigger slot plus an actions list with roving focus and typeahead.
  *
  * @example
  * ```vue
@@ -11,30 +9,20 @@ import type { SpeedDialAction } from './types.cjs';
  *   <template #trigger>+</template>
  * </SkdxSpeedDial>
  * ```
- *
- * @example Primitives (import from @skdx/vue/primitives/speed-dial):
- * ```vue
- * <SpeedDial.Root>
- *   <SpeedDial.Trigger>+</SpeedDial.Trigger>
- *   <SpeedDial.Content>
- *     <SpeedDial.Item @select="share">Share</SpeedDial.Item>
- *   </SpeedDial.Content>
- * </SpeedDial.Root>
- * ```
  */
 type __VLS_Props = {
     /**
      * Controlled open state (pair with v-model:open).
      * @default undefined — uncontrolled.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Initial open state for uncontrolled usage.
      * @default false
      */
     defaultOpen?: boolean;
     /**
-     * Action entries (label, onSelect). Disabled entries keep their place.
+     * Action entries (label, onSelect); disabled entries keep their place.
      * @default undefined — empty fan.
      */
     actions?: readonly SpeedDialAction[];
@@ -64,10 +52,15 @@ type __VLS_Props = {
      */
     hoverOpenDelay?: number;
     /**
-     * Block opening; native disabled on trigger. Closes while open.
+     * Block opening with native disabled on the trigger; closes the fan if it's already open.
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Size rung the skin renders the dial at, applied to the derived Trigger and Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
@@ -79,14 +72,15 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "open-change": (open: boolean) => any;
     "open-change-complete": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((action: SpeedDialAction, index: number) => any) | undefined;
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    onSelect?: (action: SpeedDialAction, index: number) => any;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
     overlay: boolean;
     disabled: boolean;
-    open: boolean;
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    open: boolean | undefined;
     defaultOpen: boolean;
     direction: SpeedDialDirection;
     openOnHover: boolean;

package/dist/speed-dial/SpeedDial.vue.d.ts

@@ -1,9 +1,7 @@
 import type { SpeedDialDirection } from './context.js';
 import type { SpeedDialAction } from './types.js';
 /**
- * Floating action button with menu: trigger slot + actions list (roving focus,
- * typeahead, positional CSS vars). Emits open-change and open-change-complete.
- * Controlled (v-model:open) or uncontrolled (default-open).
+ * Floating action button with menu: a trigger slot plus an actions list with roving focus and typeahead.
  *
  * @example
  * ```vue
@@ -11,30 +9,20 @@ import type { SpeedDialAction } from './types.js';
  *   <template #trigger>+</template>
  * </SkdxSpeedDial>
  * ```
- *
- * @example Primitives (import from @skdx/vue/primitives/speed-dial):
- * ```vue
- * <SpeedDial.Root>
- *   <SpeedDial.Trigger>+</SpeedDial.Trigger>
- *   <SpeedDial.Content>
- *     <SpeedDial.Item @select="share">Share</SpeedDial.Item>
- *   </SpeedDial.Content>
- * </SpeedDial.Root>
- * ```
  */
 type __VLS_Props = {
     /**
      * Controlled open state (pair with v-model:open).
      * @default undefined — uncontrolled.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Initial open state for uncontrolled usage.
      * @default false
      */
     defaultOpen?: boolean;
     /**
-     * Action entries (label, onSelect). Disabled entries keep their place.
+     * Action entries (label, onSelect); disabled entries keep their place.
      * @default undefined — empty fan.
      */
     actions?: readonly SpeedDialAction[];
@@ -64,10 +52,15 @@ type __VLS_Props = {
      */
     hoverOpenDelay?: number;
     /**
-     * Block opening; native disabled on trigger. Closes while open.
+     * Block opening with native disabled on the trigger; closes the fan if it's already open.
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Size rung the skin renders the dial at, applied to the derived Trigger and Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
@@ -79,14 +72,15 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "open-change": (open: boolean) => any;
     "open-change-complete": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((action: SpeedDialAction, index: number) => any) | undefined;
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    onSelect?: (action: SpeedDialAction, index: number) => any;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
     overlay: boolean;
     disabled: boolean;
-    open: boolean;
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    open: boolean | undefined;
     defaultOpen: boolean;
     direction: SpeedDialDirection;
     openOnHover: boolean;

package/dist/speed-dial/SpeedDial.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./SpeedDialAnatomy.vue.cjs"),p=require("./SpeedDialRoot.vue.cjs");let o=require("vue");var u=(0,o.defineComponent)({inheritAttrs:!1,__name:"SpeedDial",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},actions:{},overlay:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete","select"],setup(e,{emit:d}){const a=d;return(l,n)=>((0,o.openBlock)(),(0,o.createBlock)(p.default,{open:e.open,"default-open":e.defaultOpen,direction:e.direction,"open-on-hover":e.openOnHover,"hover-close-delay":e.hoverCloseDelay,"hover-open-delay":e.hoverOpenDelay,disabled:e.disabled,"onUpdate:open":n[0]||(n[0]=t=>a("update:open",t)),onOpenChange:n[1]||(n[1]=t=>a("open-change",t)),onOpenChangeComplete:n[2]||(n[2]=t=>a("open-change-complete",t))},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i.default,(0,o.mergeProps)(l.$attrs,{actions:e.actions??[],overlay:e.overlay,"on-action-select":(t,r)=>a("select",t,r)}),{trigger:(0,o.withCtx)(()=>[(0,o.renderSlot)(l.$slots,"trigger")]),_:3},16,["actions","overlay","on-action-select"])]),_:3},8,["open","default-open","direction","open-on-hover","hover-close-delay","hover-open-delay","disabled"]))}});exports.default=u;
+const c=require("./SpeedDialAnatomy.vue.cjs"),v=require("./SpeedDialRoot.vue.cjs");let e=require("vue");var f=(0,e.defineComponent)({inheritAttrs:!1,__name:"SpeedDial",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},actions:{},overlay:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","select"],setup(t,{emit:i}){const l=t,d=(0,e.useAttrs)(),s=(0,e.computed)(()=>l.size??d["data-size"]),u=(0,e.computed)(()=>{const{"data-size":r,...o}=d;return o}),a=i;return(r,o)=>((0,e.openBlock)(),(0,e.createBlock)(v.default,{open:t.open,"default-open":t.defaultOpen,direction:t.direction,"open-on-hover":t.openOnHover,"hover-close-delay":t.hoverCloseDelay,"hover-open-delay":t.hoverOpenDelay,disabled:t.disabled,"onUpdate:open":o[0]||(o[0]=n=>a("update:open",n)),onOpenChange:o[1]||(o[1]=n=>a("open-change",n)),onOpenChangeComplete:o[2]||(o[2]=n=>a("open-change-complete",n))},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default,(0,e.mergeProps)(u.value,{size:s.value,actions:t.actions??[],overlay:l.overlay,"on-action-select":(n,p)=>a("select",n,p)}),{trigger:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"trigger")]),_:3},16,["size","actions","overlay","on-action-select"])]),_:3},8,["open","default-open","direction","open-on-hover","hover-close-delay","hover-open-delay","disabled"]))}});exports.default=f;

package/dist/speed-dial/SpeedDial.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./SpeedDialAnatomy.vue.js";import o from"./SpeedDialRoot.vue.js";import{createBlock as a,createVNode as n,defineComponent as t,mergeProps as l,openBlock as p,renderSlot as r,withCtx as d}from"vue";var s=/* @__PURE__ */t({inheritAttrs:!1,__name:"SpeedDial",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},actions:{},overlay:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete","select"],setup(t,{emit:s}){const i=s;return(s,c)=>(p(),a(o,{open:t.open,"default-open":t.defaultOpen,direction:t.direction,"open-on-hover":t.openOnHover,"hover-close-delay":t.hoverCloseDelay,"hover-open-delay":t.hoverOpenDelay,disabled:t.disabled,"onUpdate:open":c[0]||(c[0]=e=>i("update:open",e)),onOpenChange:c[1]||(c[1]=e=>i("open-change",e)),onOpenChangeComplete:c[2]||(c[2]=e=>i("open-change-complete",e))},{default:d(()=>[n(e,l(s.$attrs,{actions:t.actions??[],overlay:t.overlay,"on-action-select":(e,o)=>i("select",e,o)}),{trigger:d(()=>[r(s.$slots,"trigger")]),_:3},16,["actions","overlay","on-action-select"])]),_:3},8,["open","default-open","direction","open-on-hover","hover-close-delay","hover-open-delay","disabled"]))}});export{s as default};
+import e from"./SpeedDialAnatomy.vue.js";import o from"./SpeedDialRoot.vue.js";import{computed as a,createBlock as t,createVNode as n,defineComponent as l,mergeProps as p,openBlock as r,renderSlot as d,useAttrs as s,withCtx as i}from"vue";var c=/* @__PURE__ */l({inheritAttrs:!1,__name:"SpeedDial",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},actions:{},overlay:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","select"],setup(l,{emit:c}){const u=l,v=s(),f=a(()=>u.size??v["data-size"]),h=a(()=>{const{"data-size":e,...o}=v;return o}),y=c;return(a,s)=>(r(),t(o,{open:l.open,"default-open":l.defaultOpen,direction:l.direction,"open-on-hover":l.openOnHover,"hover-close-delay":l.hoverCloseDelay,"hover-open-delay":l.hoverOpenDelay,disabled:l.disabled,"onUpdate:open":s[0]||(s[0]=e=>y("update:open",e)),onOpenChange:s[1]||(s[1]=e=>y("open-change",e)),onOpenChangeComplete:s[2]||(s[2]=e=>y("open-change-complete",e))},{default:i(()=>[n(e,p(h.value,{size:f.value,actions:l.actions??[],overlay:u.overlay,"on-action-select":(e,o)=>y("select",e,o)}),{trigger:i(()=>[d(a.$slots,"trigger")]),_:3},16,["size","actions","overlay","on-action-select"])]),_:3},8,["open","default-open","direction","open-on-hover","hover-close-delay","hover-open-delay","disabled"]))}});export{c as default};