@skdx/vue 0.26.0 → 0.28.0

package/dist/number-field/NumberFieldAnatomy.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * The anatomy an `SkdxNumberField` draws when its default slot holds none of
+ * its own parts: the Input flanked by Decrement/Increment when `showControls`
+ * is set.
+ * @internal
+ */
+type __VLS_Props = {
+    showControls?: boolean;
+    incrementLabel?: string;
+    decrementLabel?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showControls: boolean;
+    incrementLabel: string;
+    decrementLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/number-field/NumberFieldAnatomy.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The anatomy an `SkdxNumberField` draws when its default slot holds none of
+ * its own parts: the Input flanked by Decrement/Increment when `showControls`
+ * is set.
+ * @internal
+ */
+type __VLS_Props = {
+    showControls?: boolean;
+    incrementLabel?: string;
+    decrementLabel?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showControls: boolean;
+    incrementLabel: string;
+    decrementLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/number-field/NumberFieldAnatomy.vue.js

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

package/dist/number-field/NumberFieldAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./NumberFieldDecrement.vue.cjs"),n=require("./NumberFieldIncrement.vue.cjs"),u=require("./NumberFieldInput.vue.cjs");let e=require("vue");var o=(0,e.defineComponent)({__name:"NumberFieldAnatomy",props:{showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"}},setup(t){return(a,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[t.showControls?((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:0,label:t.decrementLabel},{default:(0,e.withCtx)(()=>[...r[0]||(r[0]=[(0,e.createTextVNode)("−",-1)])]),_:1},8,["label"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(u.default),t.showControls?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:1,label:t.incrementLabel},{default:(0,e.withCtx)(()=>[...r[1]||(r[1]=[(0,e.createTextVNode)("+",-1)])]),_:1},8,["label"])):(0,e.createCommentVNode)("",!0)],64))}});exports.default=o;

package/dist/number-field/NumberFieldAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./NumberFieldDecrement.vue.js";import t from"./NumberFieldIncrement.vue.js";import a from"./NumberFieldInput.vue.js";import{Fragment as l,createBlock as o,createCommentVNode as r,createElementBlock as m,createTextVNode as n,createVNode as s,defineComponent as u,openBlock as c,withCtx as d}from"vue";var b=/* @__PURE__ */u({__name:"NumberFieldAnatomy",props:{showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"}},setup:u=>(b,i)=>(c(),m(l,null,[u.showControls?(c(),o(e,{key:0,label:u.decrementLabel},{default:d(()=>[...i[0]||(i[0]=[n("−",-1)])]),_:1},8,["label"])):r("",!0),s(a),u.showControls?(c(),o(t,{key:1,label:u.incrementLabel},{default:d(()=>[...i[1]||(i[1]=[n("+",-1)])]),_:1},8,["label"])):r("",!0)],64))});export{b as default};

package/dist/number-field/NumberFieldDecrement.vue.d.cts

@@ -1,17 +1,23 @@
 /**
- * A button that lowers a `SkdxNumberField`'s value by one step. Disabled
- * once the value reaches min or the field itself is disabled. While the
- * field is read-only, stays focusable but becomes inert (no-op press)
- * rather than natively disabled. Holding it down repeats the decrement
- * after an initial delay, then at a fixed interval, until released. Must
- * be used inside `SkdxNumberField`.
+ * Button to decrement number field by one step. Disabled at min or when field
+ * is disabled. Read-only: focusable but inert. Hold repeats after initial delay
+ * then fixed interval.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Accessible name (slotted `-` announces as nothing). Set to translate or
+     * specify action.
+     * @default 'Decrement'
+     */
+    label?: string;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/number-field/NumberFieldDecrement.vue.d.ts

@@ -1,17 +1,23 @@
 /**
- * A button that lowers a `SkdxNumberField`'s value by one step. Disabled
- * once the value reaches min or the field itself is disabled. While the
- * field is read-only, stays focusable but becomes inert (no-op press)
- * rather than natively disabled. Holding it down repeats the decrement
- * after an initial delay, then at a fixed interval, until released. Must
- * be used inside `SkdxNumberField`.
+ * Button to decrement number field by one step. Disabled at min or when field
+ * is disabled. Read-only: focusable but inert. Hold repeats after initial delay
+ * then fixed interval.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Accessible name (slotted `-` announces as nothing). Set to translate or
+     * specify action.
+     * @default 'Decrement'
+     */
+    label?: string;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/number-field/NumberFieldDecrement.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs"),v=require("./useRepeatingPress.cjs");let e=require("vue");var m=["aria-disabled","disabled","data-disabled"],p=(0,e.defineComponent)({__name:"NumberFieldDecrement",setup(b){const t=(0,e.inject)(o.NUMBER_FIELD_CONTEXT);if(!t)throw new Error("<SkdxNumberFieldDecrement> must be used inside <SkdxNumberField>.");const i=(0,e.computed)(()=>t.value.value<=t.min.value),a=(0,e.computed)(()=>t.disabled.value||i.value),l=(0,e.computed)(()=>t.readOnly.value&&!a.value),{start:d,stop:u}=v.useRepeatingPress(()=>t.setValue(t.value.value-t.step.value),()=>a.value||l.value);return(s,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-number-field__decrement","data-part":"decrement",type:"button","aria-label":"Decrement","aria-disabled":l.value?!0:void 0,disabled:a.value,"data-disabled":a.value?"":void 0,onPointerdown:r[0]||(r[0]=(...n)=>(0,e.unref)(d)&&(0,e.unref)(d)(...n)),onPointerup:r[1]||(r[1]=(...n)=>(0,e.unref)(u)&&(0,e.unref)(u)(...n)),onPointerleave:r[2]||(r[2]=(...n)=>(0,e.unref)(u)&&(0,e.unref)(u)(...n)),onPointercancel:r[3]||(r[3]=(...n)=>(0,e.unref)(u)&&(0,e.unref)(u)(...n))},[(0,e.renderSlot)(s.$slots,"default")],40,m))}});exports.default=p;
+const v=require("./context.cjs"),b=require("./useRepeatingPress.cjs");let e=require("vue");var m=["aria-label","aria-disabled","disabled","data-disabled"],p=(0,e.defineComponent)({__name:"NumberFieldDecrement",props:{label:{default:"Decrement"}},setup(i){const r=(0,e.inject)(v.NUMBER_FIELD_CONTEXT);if(!r)throw new Error("<SkdxNumberFieldDecrement> must be used inside <SkdxNumberField>.");const o=(0,e.computed)(()=>r.value.value!==null&&r.value.value<=r.min.value),l=(0,e.computed)(()=>r.disabled.value),a=(0,e.computed)(()=>!l.value&&(o.value||r.readOnly.value)),{start:d,stop:n}=b.useRepeatingPress(()=>r.stepBy(-1),()=>l.value||a.value);return(s,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-number-field__decrement","data-part":"decrement",type:"button","aria-label":i.label,"aria-disabled":a.value?!0:void 0,disabled:l.value,"data-disabled":l.value||a.value?"":void 0,onPointerdown:t[0]||(t[0]=(...u)=>(0,e.unref)(d)&&(0,e.unref)(d)(...u)),onPointerup:t[1]||(t[1]=(...u)=>(0,e.unref)(n)&&(0,e.unref)(n)(...u)),onPointerleave:t[2]||(t[2]=(...u)=>(0,e.unref)(n)&&(0,e.unref)(n)(...u)),onPointercancel:t[3]||(t[3]=(...u)=>(0,e.unref)(n)&&(0,e.unref)(n)(...u))},[(0,e.renderSlot)(s.$slots,"default")],40,m))}});exports.default=p;

package/dist/number-field/NumberFieldDecrement.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{NUMBER_FIELD_CONTEXT as e}from"./context.js";import{useRepeatingPress as a}from"./useRepeatingPress.js";import{computed as t,createElementBlock as l,defineComponent as s,inject as r,openBlock as d,renderSlot as n,unref as o}from"vue";var u=["aria-disabled","disabled","data-disabled"],i=/* @__PURE__ */s({__name:"NumberFieldDecrement",setup(s){const i=r(e);if(!i)throw new Error("<SkdxNumberFieldDecrement> must be used inside <SkdxNumberField>.");const m=t(()=>i.value.value<=i.min.value),v=t(()=>i.disabled.value||m.value),c=t(()=>i.readOnly.value&&!v.value),{start:b,stop:p}=a(()=>i.setValue(i.value.value-i.step.value),()=>v.value||c.value);return(e,a)=>(d(),l("button",{class:"skdx-number-field__decrement","data-part":"decrement",type:"button","aria-label":"Decrement","aria-disabled":!!c.value||void 0,disabled:v.value,"data-disabled":v.value?"":void 0,onPointerdown:a[0]||(a[0]=(...e)=>o(b)&&o(b)(...e)),onPointerup:a[1]||(a[1]=(...e)=>o(p)&&o(p)(...e)),onPointerleave:a[2]||(a[2]=(...e)=>o(p)&&o(p)(...e)),onPointercancel:a[3]||(a[3]=(...e)=>o(p)&&o(p)(...e))},[n(e.$slots,"default")],40,u))}});export{i as default};
+import{NUMBER_FIELD_CONTEXT as e}from"./context.js";import{useRepeatingPress as a}from"./useRepeatingPress.js";import{computed as l,createElementBlock as t,defineComponent as r,inject as s,openBlock as d,renderSlot as n,unref as o}from"vue";var u=["aria-label","aria-disabled","disabled","data-disabled"],i=/* @__PURE__ */r({__name:"NumberFieldDecrement",props:{label:{default:"Decrement"}},setup(r){const i=s(e);if(!i)throw new Error("<SkdxNumberFieldDecrement> must be used inside <SkdxNumberField>.");const m=l(()=>null!==i.value.value&&i.value.value<=i.min.value),v=l(()=>i.disabled.value),b=l(()=>!v.value&&(m.value||i.readOnly.value)),{start:p,stop:c}=a(()=>i.stepBy(-1),()=>v.value||b.value);return(e,a)=>(d(),t("button",{class:"skdx-number-field__decrement","data-part":"decrement",type:"button","aria-label":r.label,"aria-disabled":!!b.value||void 0,disabled:v.value,"data-disabled":v.value||b.value?"":void 0,onPointerdown:a[0]||(a[0]=(...e)=>o(p)&&o(p)(...e)),onPointerup:a[1]||(a[1]=(...e)=>o(c)&&o(c)(...e)),onPointerleave:a[2]||(a[2]=(...e)=>o(c)&&o(c)(...e)),onPointercancel:a[3]||(a[3]=(...e)=>o(c)&&o(c)(...e))},[n(e.$slots,"default")],40,u))}});export{i as default};

package/dist/number-field/NumberFieldIncrement.vue.d.cts

@@ -1,17 +1,23 @@
 /**
- * A button that raises a `SkdxNumberField`'s value by one step. Disabled
- * once the value reaches max or the field itself is disabled. While the
- * field is read-only, stays focusable but becomes inert (no-op press)
- * rather than natively disabled. Holding it down repeats the increment
- * after an initial delay, then at a fixed interval, until released. Must
- * be used inside `SkdxNumberField`.
+ * Button to increment number field by one step. Disabled at max or when field
+ * is disabled. Read-only: focusable but inert. Hold repeats after initial delay
+ * then fixed interval.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Accessible name (slotted `+` announces as nothing). Set to translate or
+     * specify action.
+     * @default 'Increment'
+     */
+    label?: string;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/number-field/NumberFieldIncrement.vue.d.ts

@@ -1,17 +1,23 @@
 /**
- * A button that raises a `SkdxNumberField`'s value by one step. Disabled
- * once the value reaches max or the field itself is disabled. While the
- * field is read-only, stays focusable but becomes inert (no-op press)
- * rather than natively disabled. Holding it down repeats the increment
- * after an initial delay, then at a fixed interval, until released. Must
- * be used inside `SkdxNumberField`.
+ * Button to increment number field by one step. Disabled at max or when field
+ * is disabled. Read-only: focusable but inert. Hold repeats after initial delay
+ * then fixed interval.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Accessible name (slotted `+` announces as nothing). Set to translate or
+     * specify action.
+     * @default 'Increment'
+     */
+    label?: string;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/number-field/NumberFieldIncrement.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs"),v=require("./useRepeatingPress.cjs");let e=require("vue");var m=["aria-disabled","disabled","data-disabled"],p=(0,e.defineComponent)({__name:"NumberFieldIncrement",setup(b){const t=(0,e.inject)(o.NUMBER_FIELD_CONTEXT);if(!t)throw new Error("<SkdxNumberFieldIncrement> must be used inside <SkdxNumberField>.");const i=(0,e.computed)(()=>t.value.value>=t.max.value),a=(0,e.computed)(()=>t.disabled.value||i.value),l=(0,e.computed)(()=>t.readOnly.value&&!a.value),{start:d,stop:u}=v.useRepeatingPress(()=>t.setValue(t.value.value+t.step.value),()=>a.value||l.value);return(s,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-number-field__increment","data-part":"increment",type:"button","aria-label":"Increment","aria-disabled":l.value?!0:void 0,disabled:a.value,"data-disabled":a.value?"":void 0,onPointerdown:n[0]||(n[0]=(...r)=>(0,e.unref)(d)&&(0,e.unref)(d)(...r)),onPointerup:n[1]||(n[1]=(...r)=>(0,e.unref)(u)&&(0,e.unref)(u)(...r)),onPointerleave:n[2]||(n[2]=(...r)=>(0,e.unref)(u)&&(0,e.unref)(u)(...r)),onPointercancel:n[3]||(n[3]=(...r)=>(0,e.unref)(u)&&(0,e.unref)(u)(...r))},[(0,e.renderSlot)(s.$slots,"default")],40,m))}});exports.default=p;
+const v=require("./context.cjs"),b=require("./useRepeatingPress.cjs");let e=require("vue");var m=["aria-label","aria-disabled","disabled","data-disabled"],p=(0,e.defineComponent)({__name:"NumberFieldIncrement",props:{label:{default:"Increment"}},setup(i){const n=(0,e.inject)(v.NUMBER_FIELD_CONTEXT);if(!n)throw new Error("<SkdxNumberFieldIncrement> must be used inside <SkdxNumberField>.");const o=(0,e.computed)(()=>n.value.value!==null&&n.value.value>=n.max.value),a=(0,e.computed)(()=>n.disabled.value),l=(0,e.computed)(()=>!a.value&&(o.value||n.readOnly.value)),{start:d,stop:u}=b.useRepeatingPress(()=>n.stepBy(1),()=>a.value||l.value);return(s,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-number-field__increment","data-part":"increment",type:"button","aria-label":i.label,"aria-disabled":l.value?!0:void 0,disabled:a.value,"data-disabled":a.value||l.value?"":void 0,onPointerdown:t[0]||(t[0]=(...r)=>(0,e.unref)(d)&&(0,e.unref)(d)(...r)),onPointerup:t[1]||(t[1]=(...r)=>(0,e.unref)(u)&&(0,e.unref)(u)(...r)),onPointerleave:t[2]||(t[2]=(...r)=>(0,e.unref)(u)&&(0,e.unref)(u)(...r)),onPointercancel:t[3]||(t[3]=(...r)=>(0,e.unref)(u)&&(0,e.unref)(u)(...r))},[(0,e.renderSlot)(s.$slots,"default")],40,m))}});exports.default=p;

package/dist/number-field/NumberFieldIncrement.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{NUMBER_FIELD_CONTEXT as e}from"./context.js";import{useRepeatingPress as a}from"./useRepeatingPress.js";import{computed as t,createElementBlock as n,defineComponent as l,inject as s,openBlock as r,renderSlot as d,unref as o}from"vue";var u=["aria-disabled","disabled","data-disabled"],i=/* @__PURE__ */l({__name:"NumberFieldIncrement",setup(l){const i=s(e);if(!i)throw new Error("<SkdxNumberFieldIncrement> must be used inside <SkdxNumberField>.");const m=t(()=>i.value.value>=i.max.value),v=t(()=>i.disabled.value||m.value),c=t(()=>i.readOnly.value&&!v.value),{start:b,stop:p}=a(()=>i.setValue(i.value.value+i.step.value),()=>v.value||c.value);return(e,a)=>(r(),n("button",{class:"skdx-number-field__increment","data-part":"increment",type:"button","aria-label":"Increment","aria-disabled":!!c.value||void 0,disabled:v.value,"data-disabled":v.value?"":void 0,onPointerdown:a[0]||(a[0]=(...e)=>o(b)&&o(b)(...e)),onPointerup:a[1]||(a[1]=(...e)=>o(p)&&o(p)(...e)),onPointerleave:a[2]||(a[2]=(...e)=>o(p)&&o(p)(...e)),onPointercancel:a[3]||(a[3]=(...e)=>o(p)&&o(p)(...e))},[d(e.$slots,"default")],40,u))}});export{i as default};
+import{NUMBER_FIELD_CONTEXT as e}from"./context.js";import{useRepeatingPress as a}from"./useRepeatingPress.js";import{computed as l,createElementBlock as t,defineComponent as n,inject as r,openBlock as s,renderSlot as d,unref as o}from"vue";var u=["aria-label","aria-disabled","disabled","data-disabled"],i=/* @__PURE__ */n({__name:"NumberFieldIncrement",props:{label:{default:"Increment"}},setup(n){const i=r(e);if(!i)throw new Error("<SkdxNumberFieldIncrement> must be used inside <SkdxNumberField>.");const m=l(()=>null!==i.value.value&&i.value.value>=i.max.value),v=l(()=>i.disabled.value),b=l(()=>!v.value&&(m.value||i.readOnly.value)),{start:p,stop:c}=a(()=>i.stepBy(1),()=>v.value||b.value);return(e,a)=>(s(),t("button",{class:"skdx-number-field__increment","data-part":"increment",type:"button","aria-label":n.label,"aria-disabled":!!b.value||void 0,disabled:v.value,"data-disabled":v.value||b.value?"":void 0,onPointerdown:a[0]||(a[0]=(...e)=>o(p)&&o(p)(...e)),onPointerup:a[1]||(a[1]=(...e)=>o(c)&&o(c)(...e)),onPointerleave:a[2]||(a[2]=(...e)=>o(c)&&o(c)(...e)),onPointercancel:a[3]||(a[3]=(...e)=>o(c)&&o(c)(...e))},[d(e.$slots,"default")],40,u))}});export{i as default};

package/dist/number-field/NumberFieldInput.vue.d.cts

@@ -1,15 +1,9 @@
 /**
- * The text input for a `SkdxNumberField`. Renders `role="spinbutton"` with
- * `aria-valuenow`/`aria-valuemin`/`aria-valuemax` from context. Typed text
- * is tracked unclamped so multi-digit entry isn't fought mid-keystroke, and
- * is clamped/committed on blur (reverting to the last committed value if
- * left empty or non-numeric). Arrow Up/Down change the value by one step,
- * Page Up/Down by ten steps. Must be used inside `SkdxNumberField`.
- *
- * With the root's `formatOptions`/`locale`, the committed value is displayed
- * through `Intl.NumberFormat` and announced on `aria-valuetext`, while typed
- * or pasted text is parsed back through the same options — so a currency
- * symbol, a group separator or a `%` never reads as garbage.
+ * Text input for a `SkdxNumberField` with role spinbutton and ARIA value attrs.
+ * Value is clamped on keystroke; displayed text stays unclamped until blur/Enter.
+ * Empty input sets value to null; non-numeric text reverts to last committed value.
+ * Arrow Up/Down step by 1; Page Up/Down step by 10. Uses `Intl.NumberFormat` for
+ * display and parsing. Must be used inside `SkdxNumberField`.
  */
 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>;

package/dist/number-field/NumberFieldInput.vue.d.ts

@@ -1,15 +1,9 @@
 /**
- * The text input for a `SkdxNumberField`. Renders `role="spinbutton"` with
- * `aria-valuenow`/`aria-valuemin`/`aria-valuemax` from context. Typed text
- * is tracked unclamped so multi-digit entry isn't fought mid-keystroke, and
- * is clamped/committed on blur (reverting to the last committed value if
- * left empty or non-numeric). Arrow Up/Down change the value by one step,
- * Page Up/Down by ten steps. Must be used inside `SkdxNumberField`.
- *
- * With the root's `formatOptions`/`locale`, the committed value is displayed
- * through `Intl.NumberFormat` and announced on `aria-valuetext`, while typed
- * or pasted text is parsed back through the same options — so a currency
- * symbol, a group separator or a `%` never reads as garbage.
+ * Text input for a `SkdxNumberField` with role spinbutton and ARIA value attrs.
+ * Value is clamped on keystroke; displayed text stays unclamped until blur/Enter.
+ * Empty input sets value to null; non-numeric text reverts to last committed value.
+ * Arrow Up/Down step by 1; Page Up/Down step by 10. Uses `Intl.NumberFormat` for
+ * display and parsing. Must be used inside `SkdxNumberField`.
  */
 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>;

package/dist/number-field/NumberFieldInput.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const p=require("./context.cjs"),o=require("../utils/numberFormat.cjs");let u=require("vue");var c=["aria-valuenow","aria-valuetext","aria-valuemin","aria-valuemax","disabled","readonly","aria-invalid","aria-readonly","data-invalid","data-readonly","value"],_=(0,u.defineComponent)({__name:"NumberFieldInput",setup(b){const e=(0,u.inject)(p.NUMBER_FIELD_CONTEXT);if(!e)throw new Error("<SkdxNumberFieldInput> must be used inside <SkdxNumberField>.");const t=a=>o.formatNumberValue(a,e.locale.value,e.formatOptions.value),v=a=>o.parseNumberValue(a,e.locale.value,e.formatOptions.value),r=(0,u.ref)(t(e.value.value));(0,u.watch)(e.value,a=>{v(r.value)!==a&&(r.value=t(a))});const d=(0,u.computed)(()=>e.locale.value||e.formatOptions.value?t(e.value.value):void 0);function s(a){const l=a.target.value;if(r.value=l,l.trim()==="")return;const n=v(l);Number.isNaN(n)||e.setValueUnclamped(n)}function f(){const a=v(r.value);Number.isNaN(a)||e.setValue(a),r.value=t(e.value.value)}function m(a){if(e.disabled.value)return;const{step:l,value:n,setValue:i}=e;a.key==="ArrowUp"?(a.preventDefault(),i(n.value+l.value)):a.key==="ArrowDown"?(a.preventDefault(),i(n.value-l.value)):a.key==="PageUp"?(a.preventDefault(),i(n.value+l.value*10)):a.key==="PageDown"&&(a.preventDefault(),i(n.value-l.value*10))}return(a,l)=>((0,u.openBlock)(),(0,u.createElementBlock)("input",{class:"skdx-number-field__input","data-part":"input",type:"text",inputmode:"numeric",role:"spinbutton","aria-valuenow":(0,u.unref)(e).value.value,"aria-valuetext":d.value,"aria-valuemin":Number.isFinite((0,u.unref)(e).min.value)?(0,u.unref)(e).min.value:void 0,"aria-valuemax":Number.isFinite((0,u.unref)(e).max.value)?(0,u.unref)(e).max.value:void 0,disabled:(0,u.unref)(e).disabled.value,readonly:(0,u.unref)(e).readOnly.value,"aria-invalid":(0,u.unref)(e).invalid.value?!0:void 0,"aria-readonly":(0,u.unref)(e).readOnly.value?!0:void 0,"data-invalid":(0,u.unref)(e).invalid.value?"":void 0,"data-readonly":(0,u.unref)(e).readOnly.value?"":void 0,value:r.value,onInput:s,onBlur:f,onKeydown:m},null,40,c))}});exports.default=_;
+const x=require("../utils/clamp.cjs"),w=require("./context.cjs"),c=require("../utils/numberFormat.cjs");let u=require("vue");var k=["aria-valuenow","aria-valuetext","aria-valuemin","aria-valuemax","disabled","readonly","aria-invalid","aria-readonly","aria-required","data-invalid","data-readonly","value"],q=(0,u.defineComponent)({__name:"NumberFieldInput",setup(O){const e=(0,u.inject)(w.NUMBER_FIELD_CONTEXT);if(!e)throw new Error("<SkdxNumberFieldInput> must be used inside <SkdxNumberField>.");const i=a=>a===null?"":c.formatNumberValue(a,e.locale.value,e.formatOptions.value),o=a=>c.parseNumberValue(a,e.locale.value,e.formatOptions.value),t=(0,u.ref)(i(e.value.value));let n=!1;const m=a=>e.clampBehavior.value==="never"?a:x.clamp(a,e.min.value,e.max.value);function f(a,l){const r=o(a);return Number.isNaN(r)?l===null:m(r)===l}const v=(0,u.computed)(()=>e.invalid.value||e.outOfRange.value);(0,u.watch)(e.value,a=>{f(t.value,a)||(t.value=i(a))});const p=(0,u.computed)(()=>(e.locale.value||e.formatOptions.value)&&e.value.value!==null?i(e.value.value):void 0);function y(a){const l=a.target.value;if(t.value=l,n=!0,l.trim()===""){e.setValue(null);return}const r=o(l);Number.isNaN(r)||e.setValue(r)}function s(){if(!n)return;if(n=!1,t.value.trim()===""){e.commitValue(null),t.value="";return}const a=o(t.value);Number.isNaN(a)?e.commitValue(e.value.value):e.commitValue(a),t.value=i(e.value.value)}function _(a){if(!e.allowWheel.value||e.readOnly.value)return;const l=a.currentTarget;l.ownerDocument.activeElement===l&&(a.preventDefault(),n=!1,e.stepBy(a.deltaY<0?1:-1))}function b(a){if(e.disabled.value)return;const{stepBy:l}=e;if(a.key==="Enter"){s();return}const r=N=>{a.preventDefault(),n=!1,l(N)},d=a.shiftKey?10:1;a.key==="ArrowUp"?r(d):a.key==="ArrowDown"?r(-d):a.key==="PageUp"?r(10):a.key==="PageDown"&&r(-10)}return(a,l)=>((0,u.openBlock)(),(0,u.createElementBlock)("input",{class:"skdx-number-field__input","data-part":"input",type:"text",inputmode:"numeric",role:"spinbutton","aria-valuenow":(0,u.unref)(e).value.value??void 0,"aria-valuetext":p.value,"aria-valuemin":Number.isFinite((0,u.unref)(e).min.value)?(0,u.unref)(e).min.value:void 0,"aria-valuemax":Number.isFinite((0,u.unref)(e).max.value)?(0,u.unref)(e).max.value:void 0,disabled:(0,u.unref)(e).disabled.value,readonly:(0,u.unref)(e).readOnly.value,"aria-invalid":v.value?!0:void 0,"aria-readonly":(0,u.unref)(e).readOnly.value?!0:void 0,"aria-required":(0,u.unref)(e).required.value?!0:void 0,"data-invalid":v.value?"":void 0,"data-readonly":(0,u.unref)(e).readOnly.value?"":void 0,value:t.value,onInput:y,onBlur:s,onKeydown:b,onWheel:_},null,40,k))}});exports.default=q;

package/dist/number-field/NumberFieldInput.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{NUMBER_FIELD_CONTEXT as a}from"./context.js";import{formatNumberValue as e,parseNumberValue as l}from"../utils/numberFormat.js";import{computed as u,createElementBlock as n,defineComponent as t,inject as i,openBlock as r,ref as v,unref as o,watch as d}from"vue";var s=["aria-valuenow","aria-valuetext","aria-valuemin","aria-valuemax","disabled","readonly","aria-invalid","aria-readonly","data-invalid","data-readonly","value"],m=/* @__PURE__ */t({__name:"NumberFieldInput",setup(t){const m=i(a);if(!m)throw new Error("<SkdxNumberFieldInput> must be used inside <SkdxNumberField>.");const p=a=>e(a,m.locale.value,m.formatOptions.value),c=a=>l(a,m.locale.value,m.formatOptions.value),f=v(p(m.value.value));d(m.value,a=>{c(f.value)!==a&&(f.value=p(a))});const b=u(()=>m.locale.value||m.formatOptions.value?p(m.value.value):void 0);function y(a){const e=a.target.value;if(f.value=e,""===e.trim())return;const l=c(e);Number.isNaN(l)||m.setValueUnclamped(l)}function N(){const a=c(f.value);Number.isNaN(a)||m.setValue(a),f.value=p(m.value.value)}function x(a){if(m.disabled.value)return;const{step:e,value:l,setValue:u}=m;"ArrowUp"===a.key?(a.preventDefault(),u(l.value+e.value)):"ArrowDown"===a.key?(a.preventDefault(),u(l.value-e.value)):"PageUp"===a.key?(a.preventDefault(),u(l.value+10*e.value)):"PageDown"===a.key&&(a.preventDefault(),u(l.value-10*e.value))}return(a,e)=>(r(),n("input",{class:"skdx-number-field__input","data-part":"input",type:"text",inputmode:"numeric",role:"spinbutton","aria-valuenow":o(m).value.value,"aria-valuetext":b.value,"aria-valuemin":Number.isFinite(o(m).min.value)?o(m).min.value:void 0,"aria-valuemax":Number.isFinite(o(m).max.value)?o(m).max.value:void 0,disabled:o(m).disabled.value,readonly:o(m).readOnly.value,"aria-invalid":!!o(m).invalid.value||void 0,"aria-readonly":!!o(m).readOnly.value||void 0,"data-invalid":o(m).invalid.value?"":void 0,"data-readonly":o(m).readOnly.value?"":void 0,value:f.value,onInput:y,onBlur:N,onKeydown:x},null,40,s))}});export{m as default};
+import{clamp as e}from"../utils/clamp.js";import{NUMBER_FIELD_CONTEXT as a}from"./context.js";import{formatNumberValue as l,parseNumberValue as u}from"../utils/numberFormat.js";import{computed as n,createElementBlock as r,defineComponent as i,inject as t,openBlock as o,ref as v,unref as d,watch as m}from"vue";var s=["aria-valuenow","aria-valuetext","aria-valuemin","aria-valuemax","disabled","readonly","aria-invalid","aria-readonly","aria-required","data-invalid","data-readonly","value"],c=/* @__PURE__ */i({__name:"NumberFieldInput",setup(i){const c=t(a);if(!c)throw new Error("<SkdxNumberFieldInput> must be used inside <SkdxNumberField>.");const p=e=>null===e?"":l(e,c.locale.value,c.formatOptions.value),f=e=>u(e,c.locale.value,c.formatOptions.value),y=v(p(c.value.value));let b=!1;const N=n(()=>c.invalid.value||c.outOfRange.value);m(c.value,a=>{(function(a,l){const u=f(a);return Number.isNaN(u)?null===l:(a=>"never"===c.clampBehavior.value?a:e(a,c.min.value,c.max.value))(u)===l})(y.value,a)||(y.value=p(a))});const x=n(()=>(c.locale.value||c.formatOptions.value)&&null!==c.value.value?p(c.value.value):void 0);function w(e){const a=e.target.value;if(y.value=a,b=!0,""===a.trim())return void c.setValue(null);const l=f(a);Number.isNaN(l)||c.setValue(l)}function k(){if(!b)return;if(b=!1,""===y.value.trim())return c.commitValue(null),void(y.value="");const e=f(y.value);Number.isNaN(e)?c.commitValue(c.value.value):c.commitValue(e),y.value=p(c.value.value)}function O(e){if(!c.allowWheel.value||c.readOnly.value)return;const a=e.currentTarget;a.ownerDocument.activeElement===a&&(e.preventDefault(),b=!1,c.stepBy(e.deltaY<0?1:-1))}function B(e){if(c.disabled.value)return;const{stepBy:a}=c;if("Enter"===e.key)return void k();const l=l=>{e.preventDefault(),b=!1,a(l)},u=e.shiftKey?10:1;"ArrowUp"===e.key?l(u):"ArrowDown"===e.key?l(-u):"PageUp"===e.key?l(10):"PageDown"===e.key&&l(-10)}return(e,a)=>(o(),r("input",{class:"skdx-number-field__input","data-part":"input",type:"text",inputmode:"numeric",role:"spinbutton","aria-valuenow":d(c).value.value??void 0,"aria-valuetext":x.value,"aria-valuemin":Number.isFinite(d(c).min.value)?d(c).min.value:void 0,"aria-valuemax":Number.isFinite(d(c).max.value)?d(c).max.value:void 0,disabled:d(c).disabled.value,readonly:d(c).readOnly.value,"aria-invalid":!!N.value||void 0,"aria-readonly":!!d(c).readOnly.value||void 0,"aria-required":!!d(c).required.value||void 0,"data-invalid":N.value?"":void 0,"data-readonly":d(c).readOnly.value?"":void 0,value:y.value,onInput:w,onBlur:k,onKeydown:B,onWheel:O},null,40,s))}});export{c as default};

package/dist/number-field/context.d.cts

@@ -1,18 +1,43 @@
 import type { ComputedRef, InjectionKey } from 'vue';
 /** @internal Injection key a NumberField provides so its parts can read/drive shared state. */
 export interface NumberFieldContext {
-    value: ComputedRef<number>;
+    /** `null` is the empty field — nothing entered, nothing to submit. */
+    value: ComputedRef<number | null>;
     min: ComputedRef<number>;
     max: ComputedRef<number>;
     step: ComputedRef<number>;
     disabled: ComputedRef<boolean>;
     invalid: ComputedRef<boolean>;
     readOnly: ComputedRef<boolean>;
+    required: ComputedRef<boolean>;
     formatOptions: ComputedRef<Intl.NumberFormatOptions | undefined>;
+    /**
+     * Locale for format/parse calls, resolved via Intl. Undefined when formatting is off.
+     */
     locale: ComputedRef<string | undefined>;
-    setValue: (next: number) => void;
-    /** Commits without clamping — used while typing so out-of-range prefixes don't fight keystrokes. */
-    setValueUnclamped: (next: number) => void;
+    /**
+     * When typed text is clamped: 'blur' on keystroke/settle, 'never' not at all.
+     */
+    clampBehavior: ComputedRef<'blur' | 'never'>;
+    /** Whether the mouse wheel may step the value while the input has DOM focus. */
+    allowWheel: ComputedRef<boolean>;
+    /**
+     * Whether committed value is outside [min, max] (only with clampBehavior: 'never').
+     * Raises aria-invalid.
+     */
+    outOfRange: ComputedRef<boolean>;
+    /**
+     * Clamps and emits value-change, without settling. Per-keystroke path.
+     */
+    setValue: (next: number | null) => void;
+    /**
+     * Clamps, emits value-change and value-commit. Always commits, even when unchanged.
+     */
+    commitValue: (next: number | null) => void;
+    /**
+     * Steps by steps × step, clamps, commits. Empty field steps from 0.
+     */
+    stepBy: (steps: number) => void;
 }
 /** @internal Injection key a NumberField provides so its input and steppers share value, bounds, and setters. */
 export declare const NUMBER_FIELD_CONTEXT: InjectionKey<NumberFieldContext>;

package/dist/number-field/context.d.ts

@@ -1,18 +1,43 @@
 import type { ComputedRef, InjectionKey } from 'vue';
 /** @internal Injection key a NumberField provides so its parts can read/drive shared state. */
 export interface NumberFieldContext {
-    value: ComputedRef<number>;
+    /** `null` is the empty field — nothing entered, nothing to submit. */
+    value: ComputedRef<number | null>;
     min: ComputedRef<number>;
     max: ComputedRef<number>;
     step: ComputedRef<number>;
     disabled: ComputedRef<boolean>;
     invalid: ComputedRef<boolean>;
     readOnly: ComputedRef<boolean>;
+    required: ComputedRef<boolean>;
     formatOptions: ComputedRef<Intl.NumberFormatOptions | undefined>;
+    /**
+     * Locale for format/parse calls, resolved via Intl. Undefined when formatting is off.
+     */
     locale: ComputedRef<string | undefined>;
-    setValue: (next: number) => void;
-    /** Commits without clamping — used while typing so out-of-range prefixes don't fight keystrokes. */
-    setValueUnclamped: (next: number) => void;
+    /**
+     * When typed text is clamped: 'blur' on keystroke/settle, 'never' not at all.
+     */
+    clampBehavior: ComputedRef<'blur' | 'never'>;
+    /** Whether the mouse wheel may step the value while the input has DOM focus. */
+    allowWheel: ComputedRef<boolean>;
+    /**
+     * Whether committed value is outside [min, max] (only with clampBehavior: 'never').
+     * Raises aria-invalid.
+     */
+    outOfRange: ComputedRef<boolean>;
+    /**
+     * Clamps and emits value-change, without settling. Per-keystroke path.
+     */
+    setValue: (next: number | null) => void;
+    /**
+     * Clamps, emits value-change and value-commit. Always commits, even when unchanged.
+     */
+    commitValue: (next: number | null) => void;
+    /**
+     * Steps by steps × step, clamps, commits. Empty field steps from 0.
+     */
+    stepBy: (steps: number) => void;
 }
 /** @internal Injection key a NumberField provides so its input and steppers share value, bounds, and setters. */
 export declare const NUMBER_FIELD_CONTEXT: InjectionKey<NumberFieldContext>;

package/dist/number-field/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NumberField.vue.cjs"),r=require("./NumberFieldInput.vue.cjs"),u=require("./NumberFieldIncrement.vue.cjs"),d=require("./NumberFieldDecrement.vue.cjs");exports.SkdxNumberField=e.default;exports.SkdxNumberFieldDecrement=d.default;exports.SkdxNumberFieldIncrement=u.default;exports.SkdxNumberFieldInput=r.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NumberField.vue.cjs");exports.SkdxNumberField=e.default;

package/dist/number-field/index.d.cts

@@ -1,4 +1 @@
 export { default as SkdxNumberField } from './NumberField.vue.cjs';
-export { default as SkdxNumberFieldInput } from './NumberFieldInput.vue.cjs';
-export { default as SkdxNumberFieldIncrement } from './NumberFieldIncrement.vue.cjs';
-export { default as SkdxNumberFieldDecrement } from './NumberFieldDecrement.vue.cjs';

package/dist/number-field/index.d.ts

@@ -1,4 +1 @@
 export { default as SkdxNumberField } from './NumberField.vue.js';
-export { default as SkdxNumberFieldInput } from './NumberFieldInput.vue.js';
-export { default as SkdxNumberFieldIncrement } from './NumberFieldIncrement.vue.js';
-export { default as SkdxNumberFieldDecrement } from './NumberFieldDecrement.vue.js';

package/dist/number-field/index.js

@@ -1 +1 @@
-import e from"./NumberField.vue.js";import r from"./NumberFieldInput.vue.js";import m from"./NumberFieldIncrement.vue.js";import u from"./NumberFieldDecrement.vue.js";export{e as SkdxNumberField,u as SkdxNumberFieldDecrement,m as SkdxNumberFieldIncrement,r as SkdxNumberFieldInput};
+import e from"./NumberField.vue.js";export{e as SkdxNumberField};

package/dist/number-field/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NumberFieldDecrement.vue.cjs"),r=require("./NumberFieldIncrement.vue.cjs"),u=require("./NumberFieldInput.vue.cjs"),d=require("./NumberField.vue.cjs");exports.SkdxNumberField=d.default;exports.SkdxNumberFieldDecrement=e.default;exports.SkdxNumberFieldIncrement=r.default;exports.SkdxNumberFieldInput=u.default;

package/dist/number-field/primitives.d.cts

@@ -0,0 +1,25 @@
+/**
+ * Advanced primitives for `SkdxNumberField` — the parts the recipe composes.
+ * Use when you need a different structure (e.g., custom stepper layout).
+ * NumberField here is the barrel export, derives input/steppers from
+ * `showControls` when given no children.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxNumberField, SkdxNumberFieldDecrement, SkdxNumberFieldIncrement, SkdxNumberFieldInput } from '@skdx/vue/primitives/number-field';
+ * </script>
+ *
+ * <template>
+ *   <SkdxNumberField aria-label="Quantity" :min="0" :max="10">
+ *     <SkdxNumberFieldDecrement>-</SkdxNumberFieldDecrement>
+ *     <SkdxNumberFieldInput />
+ *     <SkdxNumberFieldIncrement>+</SkdxNumberFieldIncrement>
+ *   </SkdxNumberField>
+ * </template>
+ * ```
+ */
+export { default as SkdxNumberField } from './NumberField.vue.cjs';
+export { default as SkdxNumberFieldInput } from './NumberFieldInput.vue.cjs';
+export { default as SkdxNumberFieldIncrement } from './NumberFieldIncrement.vue.cjs';
+export { default as SkdxNumberFieldDecrement } from './NumberFieldDecrement.vue.cjs';

package/dist/number-field/primitives.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Advanced primitives for `SkdxNumberField` — the parts the recipe composes.
+ * Use when you need a different structure (e.g., custom stepper layout).
+ * NumberField here is the barrel export, derives input/steppers from
+ * `showControls` when given no children.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxNumberField, SkdxNumberFieldDecrement, SkdxNumberFieldIncrement, SkdxNumberFieldInput } from '@skdx/vue/primitives/number-field';
+ * </script>
+ *
+ * <template>
+ *   <SkdxNumberField aria-label="Quantity" :min="0" :max="10">
+ *     <SkdxNumberFieldDecrement>-</SkdxNumberFieldDecrement>
+ *     <SkdxNumberFieldInput />
+ *     <SkdxNumberFieldIncrement>+</SkdxNumberFieldIncrement>
+ *   </SkdxNumberField>
+ * </template>
+ * ```
+ */
+export { default as SkdxNumberField } from './NumberField.vue.js';
+export { default as SkdxNumberFieldInput } from './NumberFieldInput.vue.js';
+export { default as SkdxNumberFieldIncrement } from './NumberFieldIncrement.vue.js';
+export { default as SkdxNumberFieldDecrement } from './NumberFieldDecrement.vue.js';

package/dist/number-field/primitives.js

@@ -0,0 +1 @@
+import e from"./NumberFieldDecrement.vue.js";import r from"./NumberFieldIncrement.vue.js";import m from"./NumberFieldInput.vue.js";import u from"./NumberField.vue.js";export{u as SkdxNumberField,e as SkdxNumberFieldDecrement,r as SkdxNumberFieldIncrement,m as SkdxNumberFieldInput};

package/dist/number-field/useRepeatingPress.d.cts

@@ -1,14 +1,6 @@
 /**
- * Repeats `onPress` while a pointer is held down: fires once immediately,
- * then again after `REPEAT_DELAY`, then every `REPEAT_INTERVAL` until
- * `stop()` is called. Mirrors React's `useRepeatingPress` in
- * `packages/react/src/number-field/NumberFieldIncrement.tsx`.
- *
- * `isDisabled` is read live rather than snapshotted at press time: a button
- * that goes natively `disabled` mid-hold (the value just reached max/min)
- * stops dispatching pointer events, so the `pointerup` that would have called
- * `stop()` never arrives. Re-checking on every tick lets the repeat end
- * itself. Unmount clears the timers too, for the same reason.
+ * Repeats `onPress` while a pointer is held down — immediately, after delay,
+ * then every interval until `stop()`. Re-reads `isDisabled` on every tick.
  */
 export declare function useRepeatingPress(onPress: () => void, isDisabled: () => boolean): {
     start: () => void;

package/dist/number-field/useRepeatingPress.d.ts

@@ -1,14 +1,6 @@
 /**
- * Repeats `onPress` while a pointer is held down: fires once immediately,
- * then again after `REPEAT_DELAY`, then every `REPEAT_INTERVAL` until
- * `stop()` is called. Mirrors React's `useRepeatingPress` in
- * `packages/react/src/number-field/NumberFieldIncrement.tsx`.
- *
- * `isDisabled` is read live rather than snapshotted at press time: a button
- * that goes natively `disabled` mid-hold (the value just reached max/min)
- * stops dispatching pointer events, so the `pointerup` that would have called
- * `stop()` never arrives. Re-checking on every tick lets the repeat end
- * itself. Unmount clears the timers too, for the same reason.
+ * Repeats `onPress` while a pointer is held down — immediately, after delay,
+ * then every interval until `stop()`. Re-reads `isDisabled` on every tick.
  */
 export declare function useRepeatingPress(onPress: () => void, isDisabled: () => boolean): {
     start: () => void;

package/dist/pagination/Pagination.vue.d.cts

@@ -1,30 +1,38 @@
+import { type PaginationLabels } from './labels.cjs';
 /**
- * The Vue implementation of the shared Pagination contract (see
- * `@skdx/shared`'s `paginationContract`). Renders `<nav>` labelled
- * "Pagination" by default (override via the native `aria-label` attribute),
- * with roving-focus arrow-key navigation (horizontal, non-looping) across
- * items marked `data-skdx-pagination-item`.
- *
- * Works controlled (`v-model:page`) or uncontrolled (`default-page`).
- *
- * The root also publishes the collapsed page model — `siblingCount` pages
- * either side of the current one, `boundaryCount` at each end, `'ellipsis'` for
- * every collapsed run — on its context as `pages`, so the strip is a `v-for`
- * rather than hand-placed `SkdxPaginationEllipsis` elements. Read it by
- * injecting `PAGINATION_CONTEXT`, or compute it yourself with
- * `getPaginationRange`.
+ * Pagination nav with roving-focus arrow navigation. Works controlled
+ * (v-model:page) or uncontrolled (defaultPage). Disabled blocks the whole strip.
+ * Provides labels for all parts and collapsed page model as context.
  */
 type __VLS_Props = {
-    /** Total number of pages, used to disable the "next" control on the last page. */
+    /** Total number of pages, used to disable `PaginationNext` on the last page. */
     pageCount: number;
-    /** Current page (1-based), for controlled usage via `v-model:page`. */
+    /** Current page (1-based), for controlled usage. Pair with `page-change`. */
     page?: number;
     /** Initial page (1-based), for uncontrolled usage. */
     defaultPage?: number;
-    /** Pages shown either side of the current one in the `pages` model. */
+    /** Pages shown either side of current. */
     siblingCount?: number;
-    /** Pages always shown at each end of the `pages` model, however far away the current page is. */
+    /** Pages always shown at each end. */
     boundaryCount?: number;
+    /**
+     * Block navigation; removes items from roving-focus.
+     */
+    disabled?: boolean;
+    /**
+     * Override built-in English labels for all parts.
+     */
+    labels?: PaginationLabels;
+    /**
+     * Renders first/last boundary controls. Ignored when parts are projected.
+     * @default false
+     */
+    showFirstLast?: boolean;
+    /**
+     * Render status region "Page N of M".
+     * @default false
+     */
+    showStatus?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -37,9 +45,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onUpdate:page"?: ((page: number) => any) | undefined;
     "onPage-change"?: ((page: number) => any) | undefined;
 }>, {
+    disabled: boolean;
+    labels: PaginationLabels;
     page: number;
     siblingCount: number;
     boundaryCount: number;
+    showFirstLast: boolean;
+    showStatus: boolean;
     defaultPage: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;