@skdx/vue 0.28.0 → 0.30.0

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

@@ -1,22 +1,17 @@
-/**
- * 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.
- */
+/** Renders a button that increments the number field by one step, repeating on hold. */
 type __VLS_Props = {
     /**
-     * Accessible name (slotted `+` announces as nothing). Set to translate or
-     * specify action.
+     * Accessible name (a slotted "+" announces as nothing).
      * @default 'Increment'
      */
-    label?: string;
+    label?: string | undefined;
 };
 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<{}>, {
-    label: string;
+    label: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,22 +1,17 @@
-/**
- * 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.
- */
+/** Renders a button that increments the number field by one step, repeating on hold. */
 type __VLS_Props = {
     /**
-     * Accessible name (slotted `+` announces as nothing). Set to translate or
-     * specify action.
+     * Accessible name (a slotted "+" announces as nothing).
      * @default 'Increment'
      */
-    label?: string;
+    label?: string | undefined;
 };
 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<{}>, {
-    label: string;
+    label: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-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;
+const p=require("../utils/injectRequired.cjs"),c=require("./context.cjs"),f=require("./useRepeatingPress.cjs");let e=require("vue");var _=["aria-label","aria-disabled","disabled","data-disabled"],q=(0,e.defineComponent)({__name:"NumberFieldIncrement",props:{label:{default:"Increment"}},setup(o){const i=(0,e.useAttrs)(),n=p.injectRequired(c.NUMBER_FIELD_CONTEXT,"<SkdxNumberFieldIncrement> must be used inside <SkdxNumberField>."),v=(0,e.computed)(()=>n.value.value!==null&&n.value.value>=n.max.value),a=(0,e.computed)(()=>n.disabled.value||i.disabled===""||i.disabled===!0),l=(0,e.computed)(()=>!a.value&&(v.value||n.readOnly.value)),{press:b,start:s,stop:u}=f.useRepeatingPress(()=>n.stepBy(1),()=>a.value||l.value);function m(d){d.detail===0&&b()}return(d,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-number-field__increment","data-part":"increment",type:"button","aria-label":o.label,"aria-disabled":l.value?!0:void 0,disabled:a.value,"data-disabled":a.value||l.value?"":void 0,onClick:m,onPointerdown:t[0]||(t[0]=(...r)=>(0,e.unref)(s)&&(0,e.unref)(s)(...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)(d.$slots,"default")],40,_))}});exports.default=q;

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

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

@@ -1,10 +1,9 @@
-/**
- * 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`.
- */
+/** Renders a text input for `SkdxNumberField` with `role="spinbutton"` and the ARIA value attributes. */
 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native spinbutton input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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/number-field/NumberFieldInput.vue.d.ts

@@ -1,10 +1,9 @@
-/**
- * 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`.
- */
+/** Renders a text input for `SkdxNumberField` with `role="spinbutton"` and the ARIA value attributes. */
 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native spinbutton input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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/number-field/NumberFieldInput.vue_vue_type_script_setup_true_lang.cjs

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

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

@@ -1 +1 @@
-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};
+import{injectRequired as e}from"../utils/injectRequired.js";import{clamp as a}from"../utils/clamp.js";import{NUMBER_FIELD_CONTEXT as l}from"./context.js";import{formatNumberValue as u,parseNumberValue as i}from"../utils/numberFormat.js";import{computed as n,createElementBlock as t,defineComponent as r,openBlock as o,ref as v,unref as m,watch as d}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__ */r({__name:"NumberFieldInput",setup(r,{expose:c}){const f=e(l,"<SkdxNumberFieldInput> must be used inside <SkdxNumberField>."),p=v(null),y=e=>null===e?"":u(e,f.locale.value,f.formatOptions.value),b=e=>i(e,f.locale.value,f.formatOptions.value),N=v(y(f.value.value));let x=!1;const k=n(()=>f.invalid.value||f.outOfRange.value);d(f.value,e=>{(function(e,l){const u=b(e);return Number.isNaN(u)?null===l:(e=>"never"===f.clampBehavior.value?e:a(e,f.min.value,f.max.value))(u)===l})(N.value,e)||(N.value=y(e))});const w=n(()=>(f.locale.value||f.formatOptions.value)&&null!==f.value.value?y(f.value.value):void 0);function O(e){const a=e.target.value;if(N.value=a,x=!0,""===a.trim())return void f.setValue(null);const l=b(a);Number.isNaN(l)||f.setValue(l)}function F(){if(!x)return;if(x=!1,""===N.value.trim())return f.commitValue(null),void(N.value="");const e=b(N.value);Number.isNaN(e)?f.commitValue(f.value.value):f.commitValue(e),N.value=y(f.value.value)}function V(e){if(!f.allowWheel.value||f.readOnly.value)return;const a=e.currentTarget;a.ownerDocument.activeElement===a&&(e.preventDefault(),x=!1,f.stepBy(e.deltaY<0?1:-1))}function D(e){if(f.disabled.value||f.readOnly.value)return;const{stepBy:a}=f;if("Enter"===e.key)return void F();const l=l=>{e.preventDefault(),x=!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):"Home"===e.key&&Number.isFinite(f.min.value)?(e.preventDefault(),x=!1,f.commitValue(f.min.value)):"End"===e.key&&Number.isFinite(f.max.value)&&(e.preventDefault(),x=!1,f.commitValue(f.max.value))}return c({focus:e=>p.value?.focus(e),el:p}),(e,a)=>(o(),t("input",{ref_key:"elRef",ref:p,class:"skdx-number-field__input","data-part":"input",type:"text",inputmode:"numeric",role:"spinbutton","aria-valuenow":m(f).value.value??void 0,"aria-valuetext":w.value,"aria-valuemin":Number.isFinite(m(f).min.value)?m(f).min.value:void 0,"aria-valuemax":Number.isFinite(m(f).max.value)?m(f).max.value:void 0,disabled:m(f).disabled.value,readonly:m(f).readOnly.value,"aria-invalid":!!k.value||void 0,"aria-readonly":!!m(f).readOnly.value||void 0,"aria-required":!!m(f).required.value||void 0,"data-invalid":k.value?"":void 0,"data-readonly":m(f).readOnly.value?"":void 0,value:N.value,onInput:O,onBlur:F,onKeydown:D,onWheel:V},null,40,s))}});export{c as default};

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

@@ -11,32 +11,19 @@ export interface NumberFieldContext {
     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 for format/parse calls, resolved via Intl; undefined when formatting is off. */
     locale: ComputedRef<string | undefined>;
-    /**
-     * When typed text is clamped: 'blur' on keystroke/settle, 'never' not at all.
-     */
+    /** 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.
-     */
+    /** Whether the committed value is outside [min, max] (only with `clampBehavior: 'never'`), raising `aria-invalid`. */
     outOfRange: ComputedRef<boolean>;
-    /**
-     * Clamps and emits value-change, without settling. Per-keystroke path.
-     */
+    /** Clamps and emits value-change, without settling; the per-keystroke path. */
     setValue: (next: number | null) => void;
-    /**
-     * Clamps, emits value-change and value-commit. Always commits, even when unchanged.
-     */
+    /** Clamps and 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.
-     */
+    /** Stepper by `steps × step`, clamps, and commits; an 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. */

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

@@ -11,32 +11,19 @@ export interface NumberFieldContext {
     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 for format/parse calls, resolved via Intl; undefined when formatting is off. */
     locale: ComputedRef<string | undefined>;
-    /**
-     * When typed text is clamped: 'blur' on keystroke/settle, 'never' not at all.
-     */
+    /** 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.
-     */
+    /** Whether the committed value is outside [min, max] (only with `clampBehavior: 'never'`), raising `aria-invalid`. */
     outOfRange: ComputedRef<boolean>;
-    /**
-     * Clamps and emits value-change, without settling. Per-keystroke path.
-     */
+    /** Clamps and emits value-change, without settling; the per-keystroke path. */
     setValue: (next: number | null) => void;
-    /**
-     * Clamps, emits value-change and value-commit. Always commits, even when unchanged.
-     */
+    /** Clamps and 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.
-     */
+    /** Stepper by `steps × step`, clamps, and commits; an 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. */

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

@@ -1,8 +1,5 @@
 /**
  * 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

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

@@ -1,8 +1,5 @@
 /**
  * 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

package/dist/number-field/useRepeatingPress.cjs

@@ -1 +1 @@
-let a=require("vue");var l=400,w=80;function c(t,n){let r=0,i=0;function e(){window.clearTimeout(r),window.clearInterval(i)}function u(){if(n()){e();return}t()}function o(){n()||(t(),r=window.setTimeout(()=>{i=window.setInterval(u,w)},l))}return(0,a.onBeforeUnmount)(e),{start:o,stop:e}}exports.useRepeatingPress=c;
+let f=require("vue");var c=400,w=80;function l(e,t){let r=0,i=0;function n(){window.clearTimeout(r),window.clearInterval(i)}function u(){if(t()){n();return}e()}function o(){t()||(e(),r=window.setTimeout(()=>{i=window.setInterval(u,w)},c))}function a(){t()||e()}return(0,f.onBeforeUnmount)(n),{press:a,start:o,stop:n}}exports.useRepeatingPress=l;

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

@@ -1,8 +1,6 @@
-/**
- * Repeats `onPress` while a pointer is held down — immediately, after delay,
- * then every interval until `stop()`. Re-reads `isDisabled` on every tick.
- */
+/** Repeats `onPress` while a pointer is held down — immediately, then after a delay, then every interval until `stop()`. */
 export declare function useRepeatingPress(onPress: () => void, isDisabled: () => boolean): {
+    press: () => void;
     start: () => void;
     stop: () => void;
 };

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

@@ -1,8 +1,6 @@
-/**
- * Repeats `onPress` while a pointer is held down — immediately, after delay,
- * then every interval until `stop()`. Re-reads `isDisabled` on every tick.
- */
+/** Repeats `onPress` while a pointer is held down — immediately, then after a delay, then every interval until `stop()`. */
 export declare function useRepeatingPress(onPress: () => void, isDisabled: () => boolean): {
+    press: () => void;
     start: () => void;
     stop: () => void;
 };

package/dist/number-field/useRepeatingPress.js

@@ -1 +1 @@
-import{onBeforeUnmount as n}from"vue";function t(t,e){let o=0,i=0;function r(){window.clearTimeout(o),window.clearInterval(i)}function u(){e()?r():t()}return n(r),{start:function(){e()||(t(),o=window.setTimeout(()=>{i=window.setInterval(u,80)},400))},stop:r}}export{t as useRepeatingPress};
+import{onBeforeUnmount as n}from"vue";function t(t,e){let o=0,i=0;function r(){window.clearTimeout(o),window.clearInterval(i)}function s(){e()?r():t()}return n(r),{press:function(){e()||t()},start:function(){e()||(t(),o=window.setTimeout(()=>{i=window.setInterval(s,80)},400))},stop:r}}export{t as useRepeatingPress};

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

@@ -1,28 +1,20 @@
 import { type PaginationLabels } from './labels.cjs';
-/**
- * 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.
- */
+/** Pagination nav with roving-focus arrow navigation, controlled or uncontrolled. */
 type __VLS_Props = {
     /** Total number of pages, used to disable `PaginationNext` on the last page. */
     pageCount: number;
     /** Current page (1-based), for controlled usage. Pair with `page-change`. */
-    page?: number;
+    page?: number | undefined;
     /** Initial page (1-based), for uncontrolled usage. */
     defaultPage?: number;
     /** Pages shown either side of current. */
     siblingCount?: number;
     /** Pages always shown at each end. */
     boundaryCount?: number;
-    /**
-     * Block navigation; removes items from roving-focus.
-     */
+    /** Block navigation; removes items from roving-focus. */
     disabled?: boolean;
-    /**
-     * Override built-in English labels for all parts.
-     */
-    labels?: PaginationLabels;
+    /** Override built-in English labels for all parts. */
+    labels?: PaginationLabels | undefined;
     /**
      * Renders first/last boundary controls. Ignored when parts are projected.
      * @default false
@@ -33,6 +25,16 @@ type __VLS_Props = {
      * @default false
      */
     showStatus?: boolean;
+    /**
+     * How tightly the skin packs the pagination's contents, reflected as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'comfortable' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the pagination at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -42,12 +44,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:page": (page: number) => any;
     "page-change": (page: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:page"?: ((page: number) => any) | undefined;
-    "onPage-change"?: ((page: number) => any) | undefined;
+    "onUpdate:page"?: (page: number) => any;
+    "onPage-change"?: (page: number) => any;
 }>, {
     disabled: boolean;
-    labels: PaginationLabels;
-    page: number;
+    labels: PaginationLabels | undefined;
+    page: number | undefined;
     siblingCount: number;
     boundaryCount: number;
     showFirstLast: boolean;

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

@@ -1,28 +1,20 @@
 import { type PaginationLabels } from './labels.js';
-/**
- * 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.
- */
+/** Pagination nav with roving-focus arrow navigation, controlled or uncontrolled. */
 type __VLS_Props = {
     /** Total number of pages, used to disable `PaginationNext` on the last page. */
     pageCount: number;
     /** Current page (1-based), for controlled usage. Pair with `page-change`. */
-    page?: number;
+    page?: number | undefined;
     /** Initial page (1-based), for uncontrolled usage. */
     defaultPage?: number;
     /** Pages shown either side of current. */
     siblingCount?: number;
     /** Pages always shown at each end. */
     boundaryCount?: number;
-    /**
-     * Block navigation; removes items from roving-focus.
-     */
+    /** Block navigation; removes items from roving-focus. */
     disabled?: boolean;
-    /**
-     * Override built-in English labels for all parts.
-     */
-    labels?: PaginationLabels;
+    /** Override built-in English labels for all parts. */
+    labels?: PaginationLabels | undefined;
     /**
      * Renders first/last boundary controls. Ignored when parts are projected.
      * @default false
@@ -33,6 +25,16 @@ type __VLS_Props = {
      * @default false
      */
     showStatus?: boolean;
+    /**
+     * How tightly the skin packs the pagination's contents, reflected as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'comfortable' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the pagination at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -42,12 +44,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:page": (page: number) => any;
     "page-change": (page: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:page"?: ((page: number) => any) | undefined;
-    "onPage-change"?: ((page: number) => any) | undefined;
+    "onUpdate:page"?: (page: number) => any;
+    "onPage-change"?: (page: number) => any;
 }>, {
     disabled: boolean;
-    labels: PaginationLabels;
-    page: number;
+    labels: PaginationLabels | undefined;
+    page: number | undefined;
     siblingCount: number;
     boundaryCount: number;
     showFirstLast: boolean;

package/dist/pagination/Pagination.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const p=require("../utils/direction.cjs"),C=require("./context.cjs"),_=require("./labels.cjs"),q=require("./pages.cjs"),w=require("./PaginationAnatomy.vue.cjs");let e=require("vue");var P=["aria-label","data-disabled"],k="[data-skdx-pagination-item]",A=(0,e.defineComponent)({__name:"Pagination",props:{pageCount:{},page:{default:void 0},defaultPage:{default:1},siblingCount:{default:1},boundaryCount:{default:1},disabled:{type:Boolean,default:!1},labels:{default:void 0},showFirstLast:{type:Boolean,default:!1},showStatus:{type:Boolean,default:!1}},emits:["update:page","page-change"],setup(i,{emit:b}){const a=i,u=(0,e.computed)(()=>_.resolvePaginationLabels(a.labels)),s=b,d=(0,e.ref)(a.defaultPage),l=(0,e.computed)(()=>a.page??d.value);function h(t){l.value!==t&&(a.page===void 0&&(d.value=t),s("update:page",t),s("page-change",t))}(0,e.provide)(C.PAGINATION_CONTEXT,{page:l,get pageCount(){return a.pageCount},pages:(0,e.computed)(()=>q.getPaginationRange({page:l.value,pageCount:a.pageCount,siblingCount:a.siblingCount,boundaryCount:a.boundaryCount})),labels:u,get disabled(){return a.disabled},onPageChange:h});const c=(0,e.ref)(null),v=p.useDirection();function m(t){const o=p.directionalKey(t.key,t.currentTarget,v()),g=c.value;if(!g)return;const r=Array.from(g.querySelectorAll(k)).filter(y=>!y.hasAttribute("disabled"));if(r.length===0)return;const f=r.indexOf(document.activeElement);let n;o==="ArrowRight"?n=Math.min(f+1,r.length-1):o==="ArrowLeft"?n=Math.max(f-1,0):o==="Home"?n=0:o==="End"&&(n=r.length-1),n!==void 0&&(t.preventDefault(),r[n]?.focus())}return(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("nav",{class:"skdx-pagination","data-part":"root","data-skdx-component":"pagination",ref_key:"rootRef",ref:c,"aria-label":u.value.root,"data-disabled":i.disabled?"":void 0,onKeydown:m},[(0,e.renderSlot)(t.$slots,"default",{},()=>[(0,e.createVNode)(w.default,{"show-first-last":i.showFirstLast,"show-status":i.showStatus},null,8,["show-first-last","show-status"])])],40,P))}});exports.default=A;
+const C=require("../utils/appearance.cjs"),b=require("../utils/direction.cjs"),q=require("./context.cjs"),w=require("./labels.cjs"),A=require("./pages.cjs"),P=require("./PaginationAnatomy.vue.cjs");let e=require("vue");var _=["aria-label","data-disabled"],k="[data-skdx-pagination-item]",E=(0,e.defineComponent)({inheritAttrs:!1,__name:"Pagination",props:{pageCount:{},page:{default:void 0},defaultPage:{default:1},siblingCount:{default:1},boundaryCount:{default:1},disabled:{type:Boolean,default:!1},labels:{default:void 0},showFirstLast:{type:Boolean,default:!1},showStatus:{type:Boolean,default:!1},density:{},size:{}},emits:["update:page","page-change"],setup(n,{emit:h}){const a=n,l=(0,e.computed)(()=>w.resolvePaginationLabels(a.labels)),u=h,d=(0,e.ref)(a.defaultPage),s=(0,e.computed)(()=>a.page??d.value);function v(t){s.value!==t&&(a.page===void 0&&(d.value=t),u("update:page",t),u("page-change",t))}(0,e.provide)(q.PAGINATION_CONTEXT,{page:s,get pageCount(){return a.pageCount},pages:(0,e.computed)(()=>A.getPaginationRange({page:s.value,pageCount:a.pageCount,siblingCount:a.siblingCount,boundaryCount:a.boundaryCount})),labels:l,get disabled(){return a.disabled},onPageChange:v});const c=(0,e.ref)(null),m=b.useDirection();function y(t){const r=b.directionalKey(t.key,t.currentTarget,m()),f=c.value;if(!f)return;const i=Array.from(f.querySelectorAll(k)).filter(p=>!p.hasAttribute("disabled")&&!p.hasAttribute("data-disabled"));if(i.length===0)return;const g=i.indexOf(document.activeElement);let o;r==="ArrowRight"?o=Math.min(g+1,i.length-1):r==="ArrowLeft"?o=Math.max(g-1,0):r==="Home"?o=0:r==="End"&&(o=i.length-1),o!==void 0&&(t.preventDefault(),i[o]?.focus())}return(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("nav",(0,e.mergeProps)({ref_key:"rootRef",ref:c,class:"skdx-pagination","data-part":"root","data-skdx-component":"pagination","aria-label":l.value.root,"data-disabled":n.disabled?"":void 0},{...t.$attrs,...(0,e.unref)(C.appearanceAttrs)({density:n.density,size:n.size},t.$attrs)},{onKeydown:y}),[(0,e.renderSlot)(t.$slots,"default",{},()=>[(0,e.createVNode)(P.default,{"show-first-last":n.showFirstLast,"show-status":n.showStatus},null,8,["show-first-last","show-status"])])],16,_))}});exports.default=E;

package/dist/pagination/Pagination.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e,useDirection as a}from"../utils/direction.js";import{PAGINATION_CONTEXT as t}from"./context.js";import{resolvePaginationLabels as o}from"./labels.js";import{getPaginationRange as n}from"./pages.js";import s from"./PaginationAnatomy.vue.js";import{computed as l,createElementBlock as i,createVNode as r,defineComponent as u,openBlock as d,provide as g,ref as p,renderSlot as f}from"vue";var m=["aria-label","data-disabled"],c=/* @__PURE__ */u({__name:"Pagination",props:{pageCount:{},page:{default:void 0},defaultPage:{default:1},siblingCount:{default:1},boundaryCount:{default:1},disabled:{type:Boolean,default:!1},labels:{default:void 0},showFirstLast:{type:Boolean,default:!1},showStatus:{type:Boolean,default:!1}},emits:["update:page","page-change"],setup(u,{emit:c}){const b=u,v=l(()=>o(b.labels)),h=c,C=p(b.defaultPage),y=l(()=>b.page??C.value);g(t,{page:y,get pageCount(){return b.pageCount},pages:l(()=>n({page:y.value,pageCount:b.pageCount,siblingCount:b.siblingCount,boundaryCount:b.boundaryCount})),labels:v,get disabled(){return b.disabled},onPageChange:function(e){y.value!==e&&(void 0===b.page&&(C.value=e),h("update:page",e),h("page-change",e))}});const w=p(null),A=a();function P(a){const t=e(a.key,a.currentTarget,A()),o=w.value;if(!o)return;const n=Array.from(o.querySelectorAll("[data-skdx-pagination-item]")).filter(e=>!e.hasAttribute("disabled"));if(0===n.length)return;const s=n.indexOf(document.activeElement);let l;"ArrowRight"===t?l=Math.min(s+1,n.length-1):"ArrowLeft"===t?l=Math.max(s-1,0):"Home"===t?l=0:"End"===t&&(l=n.length-1),void 0!==l&&(a.preventDefault(),n[l]?.focus())}return(e,a)=>(d(),i("nav",{class:"skdx-pagination","data-part":"root","data-skdx-component":"pagination",ref_key:"rootRef",ref:w,"aria-label":v.value.root,"data-disabled":u.disabled?"":void 0,onKeydown:P},[f(e.$slots,"default",{},()=>[r(s,{"show-first-last":u.showFirstLast,"show-status":u.showStatus},null,8,["show-first-last","show-status"])])],40,m))}});export{c as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{directionalKey as a,useDirection as t}from"../utils/direction.js";import{PAGINATION_CONTEXT as o}from"./context.js";import{resolvePaginationLabels as s}from"./labels.js";import{getPaginationRange as n}from"./pages.js";import i from"./PaginationAnatomy.vue.js";import{computed as r,createElementBlock as l,createVNode as u,defineComponent as d,mergeProps as p,openBlock as g,provide as f,ref as m,renderSlot as c,unref as b}from"vue";var h=["aria-label","data-disabled"],v=/* @__PURE__ */d({inheritAttrs:!1,__name:"Pagination",props:{pageCount:{},page:{default:void 0},defaultPage:{default:1},siblingCount:{default:1},boundaryCount:{default:1},disabled:{type:Boolean,default:!1},labels:{default:void 0},showFirstLast:{type:Boolean,default:!1},showStatus:{type:Boolean,default:!1},density:{},size:{}},emits:["update:page","page-change"],setup(d,{emit:v}){const y=d,C=r(()=>s(y.labels)),w=v,A=m(y.defaultPage),P=r(()=>y.page??A.value);f(o,{page:P,get pageCount(){return y.pageCount},pages:r(()=>n({page:P.value,pageCount:y.pageCount,siblingCount:y.siblingCount,boundaryCount:y.boundaryCount})),labels:C,get disabled(){return y.disabled},onPageChange:function(e){P.value!==e&&(void 0===y.page&&(A.value=e),w("update:page",e),w("page-change",e))}});const k=m(null),x=t();function j(e){const t=a(e.key,e.currentTarget,x()),o=k.value;if(!o)return;const s=Array.from(o.querySelectorAll("[data-skdx-pagination-item]")).filter(e=>!e.hasAttribute("disabled")&&!e.hasAttribute("data-disabled"));if(0===s.length)return;const n=s.indexOf(document.activeElement);let i;"ArrowRight"===t?i=Math.min(n+1,s.length-1):"ArrowLeft"===t?i=Math.max(n-1,0):"Home"===t?i=0:"End"===t&&(i=s.length-1),void 0!==i&&(e.preventDefault(),s[i]?.focus())}return(a,t)=>(g(),l("nav",p({ref_key:"rootRef",ref:k,class:"skdx-pagination","data-part":"root","data-skdx-component":"pagination","aria-label":C.value.root,"data-disabled":d.disabled?"":void 0},{...a.$attrs,...b(e)({density:d.density,size:d.size},a.$attrs)},{onKeydown:j}),[c(a.$slots,"default",{},()=>[u(i,{"show-first-last":d.showFirstLast,"show-status":d.showStatus},null,8,["show-first-last","show-status"])])],16,h))}});export{v as default};

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

@@ -1,14 +1,10 @@
-/**
- * Anatomy when default slot empty: previous/next around pages (from collapsed model),
- * optional first/last/status. React port's `PaginationAnatomy.tsx` must stay synchronized.
- * @internal
- */
+/** @internal */
 type __VLS_Props = {
-    showFirstLast?: boolean;
-    showStatus?: boolean;
+    showFirstLast?: boolean | undefined;
+    showStatus?: boolean | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    showFirstLast: boolean;
-    showStatus: boolean;
+    showFirstLast: boolean | undefined;
+    showStatus: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/pagination/PaginationAnatomy.vue.d.ts

@@ -1,14 +1,10 @@
-/**
- * Anatomy when default slot empty: previous/next around pages (from collapsed model),
- * optional first/last/status. React port's `PaginationAnatomy.tsx` must stay synchronized.
- * @internal
- */
+/** @internal */
 type __VLS_Props = {
-    showFirstLast?: boolean;
-    showStatus?: boolean;
+    showFirstLast?: boolean | undefined;
+    showStatus?: boolean | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    showFirstLast: boolean;
-    showStatus: boolean;
+    showFirstLast: boolean | undefined;
+    showStatus: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/pagination/PaginationAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs"),i=require("./PaginationEllipsis.vue.cjs"),u=require("./PaginationFirst.vue.cjs"),l=require("./PaginationItem.vue.cjs"),c=require("./PaginationLast.vue.cjs"),s=require("./PaginationList.vue.cjs"),d=require("./PaginationNext.vue.cjs"),f=require("./PaginationPage.vue.cjs"),k=require("./PaginationPrevious.vue.cjs"),g=require("./PaginationStatus.vue.cjs");let e=require("vue");var q=(0,e.defineComponent)({__name:"PaginationAnatomy",props:{showFirstLast:{type:Boolean,default:!1},showStatus:{type:Boolean,default:!1}},setup(a){const o=(0,e.inject)(n.PAGINATION_CONTEXT);if(!o)throw new Error("PaginationAnatomy must be used within SkdxPagination.");return(_,m)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[a.showFirstLast?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:0})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(k.default),(0,e.createVNode)(s.default,null,{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(o).pages.value,(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:r},{default:(0,e.withCtx)(()=>[t==="ellipsis"?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:0})):((0,e.openBlock)(),(0,e.createBlock)(f.default,{key:1,page:t},null,8,["page"]))]),_:2},1024))),128))]),_:1}),(0,e.createVNode)(d.default),a.showFirstLast?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:1})):(0,e.createCommentVNode)("",!0),a.showStatus?((0,e.openBlock)(),(0,e.createBlock)(g.default,{key:2,format:(t,r)=>`Page ${t} of ${r}`},null,8,["format"])):(0,e.createCommentVNode)("",!0)],64))}});exports.default=q;
+const u=require("../utils/injectRequired.cjs"),i=require("./context.cjs"),l=require("./PaginationEllipsis.vue.cjs"),c=require("./PaginationFirst.vue.cjs"),t=require("./PaginationItem.vue.cjs"),s=require("./PaginationLast.vue.cjs"),d=require("./PaginationList.vue.cjs"),f=require("./PaginationNext.vue.cjs"),_=require("./PaginationPage.vue.cjs"),q=require("./PaginationPrevious.vue.cjs"),k=require("./PaginationStatus.vue.cjs");let e=require("vue");var g=(0,e.defineComponent)({__name:"PaginationAnatomy",props:{showFirstLast:{type:Boolean,default:!1},showStatus:{type:Boolean,default:!1}},setup(a){const n=u.injectRequired(i.PAGINATION_CONTEXT,"PaginationAnatomy must be used within SkdxPagination.");return(p,B)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[a.showFirstLast?((0,e.openBlock)(),(0,e.createBlock)(t.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(t.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(q.default)]),_:1}),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(n).pages.value,(r,o)=>((0,e.openBlock)(),(0,e.createBlock)(t.default,{key:o},{default:(0,e.withCtx)(()=>[r==="ellipsis"?((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:0})):((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:1,page:r},null,8,["page"]))]),_:2},1024))),128)),(0,e.createVNode)(t.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(f.default)]),_:1}),a.showFirstLast?((0,e.openBlock)(),(0,e.createBlock)(t.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(s.default)]),_:1})):(0,e.createCommentVNode)("",!0)]),_:1}),a.showStatus?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:0})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=g;

package/dist/pagination/PaginationAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PAGINATION_CONTEXT as t}from"./context.js";import a from"./PaginationEllipsis.vue.js";import e from"./PaginationFirst.vue.js";import o from"./PaginationItem.vue.js";import i from"./PaginationLast.vue.js";import s from"./PaginationList.vue.js";import n from"./PaginationNext.vue.js";import r from"./PaginationPage.vue.js";import m from"./PaginationPrevious.vue.js";import u from"./PaginationStatus.vue.js";import{Fragment as l,createBlock as p,createCommentVNode as f,createElementBlock as g,createVNode as P,defineComponent as v,inject as d,openBlock as j,renderList as c,unref as k,withCtx as y}from"vue";var w=/* @__PURE__ */v({__name:"PaginationAnatomy",props:{showFirstLast:{type:Boolean,default:!1},showStatus:{type:Boolean,default:!1}},setup(v){const w=d(t);if(!w)throw new Error("PaginationAnatomy must be used within SkdxPagination.");return(t,d)=>(j(),g(l,null,[v.showFirstLast?(j(),p(e,{key:0})):f("",!0),P(m),P(s,null,{default:y(()=>[(j(!0),g(l,null,c(k(w).pages.value,(t,e)=>(j(),p(o,{key:e},{default:y(()=>["ellipsis"===t?(j(),p(a,{key:0})):(j(),p(r,{key:1,page:t},null,8,["page"]))]),_:2},1024))),128))]),_:1}),P(n),v.showFirstLast?(j(),p(i,{key:1})):f("",!0),v.showStatus?(j(),p(u,{key:2,format:(t,a)=>`Page ${t} of ${a}`},null,8,["format"])):f("",!0)],64))}});export{w as default};
+import{injectRequired as t}from"../utils/injectRequired.js";import{PAGINATION_CONTEXT as e}from"./context.js";import a from"./PaginationEllipsis.vue.js";import o from"./PaginationFirst.vue.js";import i from"./PaginationItem.vue.js";import s from"./PaginationLast.vue.js";import n from"./PaginationList.vue.js";import r from"./PaginationNext.vue.js";import u from"./PaginationPage.vue.js";import m from"./PaginationPrevious.vue.js";import l from"./PaginationStatus.vue.js";import{Fragment as p,createBlock as f,createCommentVNode as d,createElementBlock as g,createVNode as P,defineComponent as j,openBlock as v,renderList as c,unref as k,withCtx as y}from"vue";var _=/* @__PURE__ */j({__name:"PaginationAnatomy",props:{showFirstLast:{type:Boolean,default:!1},showStatus:{type:Boolean,default:!1}},setup(j){const _=t(e,"PaginationAnatomy must be used within SkdxPagination.");return(t,e)=>(v(),g(p,null,[P(n,null,{default:y(()=>[j.showFirstLast?(v(),f(i,{key:0},{default:y(()=>[P(o)]),_:1})):d("",!0),P(i,null,{default:y(()=>[P(m)]),_:1}),(v(!0),g(p,null,c(k(_).pages.value,(t,e)=>(v(),f(i,{key:e},{default:y(()=>["ellipsis"===t?(v(),f(a,{key:0})):(v(),f(u,{key:1,page:t},null,8,["page"]))]),_:2},1024))),128)),P(i,null,{default:y(()=>[P(r)]),_:1}),j.showFirstLast?(v(),f(i,{key:1},{default:y(()=>[P(s)]),_:1})):d("",!0)]),_:1}),j.showStatus?(v(),f(l,{key:0})):d("",!0)],64))}});export{_ as default};

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

@@ -1,8 +1,4 @@
-/**
- * Placeholder standing in for a run of collapsed page numbers: renders
- * `<span role="presentation" aria-hidden="true">`. Defaults to "…"; pass
- * slot content to override.
- */
+/** Placeholder for a run of collapsed page numbers; renders "…" unless slot content overrides it. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/pagination/PaginationEllipsis.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * Placeholder standing in for a run of collapsed page numbers: renders
- * `<span role="presentation" aria-hidden="true">`. Defaults to "…"; pass
- * slot content to override.
- */
+/** Placeholder for a run of collapsed page numbers; renders "…" unless slot content overrides it. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,7 +1,4 @@
-/**
- * Page-link button for page 1, auto-disabled when already current.
- * See `PaginationPrevious` for why it renders inline.
- */
+/** Page-link button for page 1, auto-disabled when already current. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/pagination/PaginationFirst.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Page-link button for page 1, auto-disabled when already current.
- * See `PaginationPrevious` for why it renders inline.
- */
+/** Page-link button for page 1, auto-disabled when already current. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/pagination/PaginationFirst.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let e=require("vue");var d=["aria-label","disabled","data-disabled"],l=(0,e.defineComponent)({__name:"PaginationFirst",setup(u){const t=(0,e.inject)(o.PAGINATION_CONTEXT);if(!t)throw new Error("<SkdxPaginationFirst> must be used inside <SkdxPagination>.");const n=t.labels,a=(0,e.computed)(()=>t.page.value<=1);function r(){a.value||t.onPageChange(1)}return(s,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__first","data-part":"first",type:"button","data-skdx-pagination-item":"","aria-label":(0,e.unref)(n).first,disabled:a.value,"data-disabled":a.value?"":void 0,onClick:r},[(0,e.renderSlot)(s.$slots,"default",{},()=>[i[0]||(i[0]=(0,e.createTextVNode)("First",-1))])],8,d))}});exports.default=l;
+const d=require("../utils/injectRequired.cjs"),l=require("./context.cjs");let e=require("vue");var o=["aria-label","disabled","data-disabled"],u=(0,e.defineComponent)({__name:"PaginationFirst",setup(_){const t=d.injectRequired(l.PAGINATION_CONTEXT,"<SkdxPaginationFirst> must be used inside <SkdxPagination>."),n=t.labels,a=(0,e.computed)(()=>t.disabled||t.page.value<=1);function r(){a.value||t.onPageChange(1)}return(s,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__first","data-part":"first",type:"button","data-skdx-pagination-item":"","aria-label":(0,e.unref)(n).first,disabled:a.value,"data-disabled":a.value?"":void 0,onClick:r},[(0,e.renderSlot)(s.$slots,"default",{},()=>[i[0]||(i[0]=(0,e.createTextVNode)("First",-1))])],8,o))}});exports.default=u;

package/dist/pagination/PaginationFirst.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PAGINATION_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,createTextVNode as s,defineComponent as i,inject as n,openBlock as o,renderSlot as r,unref as d}from"vue";var l=["aria-label","disabled","data-disabled"],u=/* @__PURE__ */i({__name:"PaginationFirst",setup(i){const u=n(a);if(!u)throw new Error("<SkdxPaginationFirst> must be used inside <SkdxPagination>.");const c=u.labels,p=e(()=>u.page.value<=1);function f(){p.value||u.onPageChange(1)}return(a,e)=>(o(),t("button",{class:"skdx-pagination__first","data-part":"first",type:"button","data-skdx-pagination-item":"","aria-label":d(c).first,disabled:p.value,"data-disabled":p.value?"":void 0,onClick:f},[r(a.$slots,"default",{},()=>[e[0]||(e[0]=s("First",-1))])],8,l))}});export{u as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{PAGINATION_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as i,createTextVNode as s,defineComponent as n,openBlock as d,renderSlot as o,unref as r}from"vue";var l=["aria-label","disabled","data-disabled"],u=/* @__PURE__ */n({__name:"PaginationFirst",setup(n){const u=a(e,"<SkdxPaginationFirst> must be used inside <SkdxPagination>."),p=u.labels,c=t(()=>u.disabled||u.page.value<=1);function m(){c.value||u.onPageChange(1)}return(a,e)=>(d(),i("button",{class:"skdx-pagination__first","data-part":"first",type:"button","data-skdx-pagination-item":"","aria-label":r(p).first,disabled:c.value,"data-disabled":c.value?"":void 0,onClick:m},[o(a.$slots,"default",{},()=>[e[0]||(e[0]=s("First",-1))])],8,l))}});export{u as default};

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

@@ -1,7 +1,4 @@
-/**
- * Page-link button for the last page, auto-disabled when already current.
- * See `PaginationPrevious` for why it renders inline.
- */
+/** Page-link button for the last page, auto-disabled when already current. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {