@skdx/vue 0.27.0 → 0.29.0

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

@@ -1,16 +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.
- */
+/** 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 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 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{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{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

@@ -1,18 +1,30 @@
 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 the committed value is outside [min, max] (only with `clampBehavior: 'never'`), raising `aria-invalid`. */
+    outOfRange: ComputedRef<boolean>;
+    /** Clamps and emits value-change, without settling; the per-keystroke path. */
+    setValue: (next: number | null) => void;
+    /** Clamps and emits value-change and value-commit; always commits, even when unchanged. */
+    commitValue: (next: number | null) => void;
+    /** 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. */
 export declare const NUMBER_FIELD_CONTEXT: InjectionKey<NumberFieldContext>;

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

@@ -1,18 +1,30 @@
 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 the committed value is outside [min, max] (only with `clampBehavior: 'never'`), raising `aria-invalid`. */
+    outOfRange: ComputedRef<boolean>;
+    /** Clamps and emits value-change, without settling; the per-keystroke path. */
+    setValue: (next: number | null) => void;
+    /** Clamps and emits value-change and value-commit; always commits, even when unchanged. */
+    commitValue: (next: number | null) => void;
+    /** 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. */
 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,22 @@
+/**
+ * Advanced primitives for `SkdxNumberField` — the parts the recipe composes.
+ *
+ * @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,22 @@
+/**
+ * Advanced primitives for `SkdxNumberField` — the parts the recipe composes.
+ *
+ * @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.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,16 +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, 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,16 +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, 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,30 +1,40 @@
-/**
- * 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`.
- */
+import { type PaginationLabels } from './labels.cjs';
+/** Pagination nav with roving-focus arrow navigation, controlled or uncontrolled. */
 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`. */
-    page?: number;
+    /** Current page (1-based), for controlled usage. Pair with `page-change`. */
+    page?: number | undefined;
     /** 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 | undefined;
+    /**
+     * 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;
+    /**
+     * 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 = {} & {
@@ -34,12 +44,16 @@ 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;
 }>, {
-    page: number;
+    disabled: boolean;
+    labels: PaginationLabels | undefined;
+    page: number | undefined;
     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>;

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

@@ -1,30 +1,40 @@
-/**
- * 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`.
- */
+import { type PaginationLabels } from './labels.js';
+/** Pagination nav with roving-focus arrow navigation, controlled or uncontrolled. */
 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`. */
-    page?: number;
+    /** Current page (1-based), for controlled usage. Pair with `page-change`. */
+    page?: number | undefined;
     /** 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 | undefined;
+    /**
+     * 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;
+    /**
+     * 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 = {} & {
@@ -34,12 +44,16 @@ 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;
 }>, {
-    page: number;
+    disabled: boolean;
+    labels: PaginationLabels | undefined;
+    page: number | undefined;
     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>;

package/dist/pagination/Pagination.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const p=require("../utils/direction.cjs"),y=require("./context.cjs"),h=require("./pages.cjs");let t=require("vue");var b="[data-skdx-pagination-item]",P=(0,t.defineComponent)({__name:"Pagination",props:{pageCount:{},page:{default:void 0},defaultPage:{default:1},siblingCount:{default:1},boundaryCount:{default:1}},emits:["update:page","page-change"],setup(s,{emit:f}){const n=s,i=f,u=(0,t.ref)(n.defaultPage),l=(0,t.computed)(()=>n.page??u.value);function _(e){n.page===void 0&&(u.value=e),i("update:page",e),i("page-change",e)}(0,t.provide)(y.PAGINATION_CONTEXT,{page:l,get pageCount(){return n.pageCount},pages:(0,t.computed)(()=>h.getPaginationRange({page:l.value,pageCount:n.pageCount,siblingCount:n.siblingCount,boundaryCount:n.boundaryCount})),onPageChange:_});const d=(0,t.ref)(null),m=p.useDirection();function C(e){const r=p.directionalKey(e.key,e.currentTarget,m()),g=d.value;if(!g)return;const a=Array.from(g.querySelectorAll(b)).filter(v=>!v.hasAttribute("disabled"));if(a.length===0)return;const c=a.indexOf(document.activeElement);let o;r==="ArrowRight"?o=Math.min(c+1,a.length-1):r==="ArrowLeft"&&(o=Math.max(c-1,0)),o!==void 0&&(e.preventDefault(),a[o]?.focus())}return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)("nav",{class:"skdx-pagination","data-part":"root","data-skdx-component":"pagination",ref_key:"rootRef",ref:d,"aria-label":"Pagination",onKeydown:C},[(0,t.renderSlot)(e.$slots,"default")],544))}});exports.default=P;
+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{getPaginationRange as n}from"./pages.js";import{computed as o,createElementBlock as r,defineComponent as i,openBlock as u,provide as s,ref as g,renderSlot as l}from"vue";var p=/* @__PURE__ */i({__name:"Pagination",props:{pageCount:{},page:{default:void 0},defaultPage:{default:1},siblingCount:{default:1},boundaryCount:{default:1}},emits:["update:page","page-change"],setup(i,{emit:p}){const d=i,f=p,c=g(d.defaultPage),m=o(()=>d.page??c.value);s(t,{page:m,get pageCount(){return d.pageCount},pages:o(()=>n({page:m.value,pageCount:d.pageCount,siblingCount:d.siblingCount,boundaryCount:d.boundaryCount})),onPageChange:function(e){void 0===d.page&&(c.value=e),f("update:page",e),f("page-change",e)}});const C=g(null),v=a();function b(a){const t=e(a.key,a.currentTarget,v()),n=C.value;if(!n)return;const o=Array.from(n.querySelectorAll("[data-skdx-pagination-item]")).filter(e=>!e.hasAttribute("disabled"));if(0===o.length)return;const r=o.indexOf(document.activeElement);let i;"ArrowRight"===t?i=Math.min(r+1,o.length-1):"ArrowLeft"===t&&(i=Math.max(r-1,0)),void 0!==i&&(a.preventDefault(),o[i]?.focus())}return(e,a)=>(u(),r("nav",{class:"skdx-pagination","data-part":"root","data-skdx-component":"pagination",ref_key:"rootRef",ref:C,"aria-label":"Pagination",onKeydown:b},[l(e.$slots,"default")],544))}});export{p 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.cjs

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

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

@@ -0,0 +1,10 @@
+/** @internal */
+type __VLS_Props = {
+    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 | undefined;
+    showStatus: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,10 @@
+/** @internal */
+type __VLS_Props = {
+    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 | undefined;
+    showStatus: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/pagination/PaginationAnatomy.vue.js

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

package/dist/pagination/PaginationAnatomy.vue_vue_type_script_setup_true_lang.cjs

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

@@ -0,0 +1 @@
+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,9 +1,4 @@
-/**
- * A page-link button preconfigured for page 1, labelled "Go to first page"
- * and automatically disabled while it is already the current page. See
- * `PaginationPrevious` for why this renders inline rather than nesting
- * `<SkdxPaginationLink>`.
- */
+/** 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,9 +1,4 @@
-/**
- * A page-link button preconfigured for page 1, labelled "Go to first page"
- * and automatically disabled while it is already the current page. See
- * `PaginationPrevious` for why this renders inline rather than nesting
- * `<SkdxPaginationLink>`.
- */
+/** 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 r=require("./context.cjs");let e=require("vue");var d=["disabled","data-disabled"],s=(0,e.defineComponent)({__name:"PaginationFirst",setup(u){const t=(0,e.inject)(r.PAGINATION_CONTEXT);if(!t)throw new Error("<SkdxPaginationFirst> must be used inside <SkdxPagination>.");const a=(0,e.computed)(()=>t.page.value<=1);function n(){a.value||t.onPageChange(1)}return(o,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__first","data-part":"first",type:"button","data-skdx-pagination-item":"","aria-label":"Go to first page",disabled:a.value,"data-disabled":a.value?"":void 0,onClick:n},[(0,e.renderSlot)(o.$slots,"default",{},()=>[i[0]||(i[0]=(0,e.createTextVNode)("First",-1))])],8,d))}});exports.default=s;
+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 t,createElementBlock as e,createTextVNode as i,defineComponent as o,inject as s,openBlock as n,renderSlot as d}from"vue";var r=["disabled","data-disabled"],l=/* @__PURE__ */o({__name:"PaginationFirst",setup(o){const l=s(a);if(!l)throw new Error("<SkdxPaginationFirst> must be used inside <SkdxPagination>.");const u=t(()=>l.page.value<=1);function p(){u.value||l.onPageChange(1)}return(a,t)=>(n(),e("button",{class:"skdx-pagination__first","data-part":"first",type:"button","data-skdx-pagination-item":"","aria-label":"Go to first page",disabled:u.value,"data-disabled":u.value?"":void 0,onClick:p},[d(a.$slots,"default",{},()=>[t[0]||(t[0]=i("First",-1))])],8,r))}});export{l 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,9 +1,4 @@
-/**
- * A page-link button preconfigured for the last page, labelled "Go to last
- * page" and automatically disabled while it is already the current page. See
- * `PaginationPrevious` for why this renders inline rather than nesting
- * `<SkdxPaginationLink>`.
- */
+/** Page-link button for the last page, auto-disabled when already current. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,9 +1,4 @@
-/**
- * A page-link button preconfigured for the last page, labelled "Go to last
- * page" and automatically disabled while it is already the current page. See
- * `PaginationPrevious` for why this renders inline rather than nesting
- * `<SkdxPaginationLink>`.
- */
+/** Page-link button for the last page, auto-disabled when already current. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/pagination/PaginationLast.vue_vue_type_script_setup_true_lang.cjs

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