@skdx/vue 0.26.0

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

@@ -0,0 +1,16 @@
+/**
+ * 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.
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,16 @@
+/**
+ * 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.
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +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=_;

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

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

package/dist/number-field/context.cjs

@@ -0,0 +1 @@
+var E=Symbol("skdx-number-field-context");exports.NUMBER_FIELD_CONTEXT=E;

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

@@ -0,0 +1,18 @@
+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>;
+    min: ComputedRef<number>;
+    max: ComputedRef<number>;
+    step: ComputedRef<number>;
+    disabled: ComputedRef<boolean>;
+    invalid: ComputedRef<boolean>;
+    readOnly: ComputedRef<boolean>;
+    formatOptions: ComputedRef<Intl.NumberFormatOptions | undefined>;
+    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;
+}
+/** @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

@@ -0,0 +1,18 @@
+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>;
+    min: ComputedRef<number>;
+    max: ComputedRef<number>;
+    step: ComputedRef<number>;
+    disabled: ComputedRef<boolean>;
+    invalid: ComputedRef<boolean>;
+    readOnly: ComputedRef<boolean>;
+    formatOptions: ComputedRef<Intl.NumberFormatOptions | undefined>;
+    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;
+}
+/** @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.js

@@ -0,0 +1 @@
+var e=/* @__PURE__ */Symbol("skdx-number-field-context");export{e as NUMBER_FIELD_CONTEXT};

package/dist/number-field/index.cjs

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

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

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

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

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

package/dist/number-field/useRepeatingPress.cjs

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

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

@@ -0,0 +1,16 @@
+/**
+ * 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.
+ */
+export declare function useRepeatingPress(onPress: () => void, isDisabled: () => boolean): {
+    start: () => void;
+    stop: () => void;
+};

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

@@ -0,0 +1,16 @@
+/**
+ * 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.
+ */
+export declare function useRepeatingPress(onPress: () => void, isDisabled: () => boolean): {
+    start: () => void;
+    stop: () => void;
+};

package/dist/number-field/useRepeatingPress.js

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

package/dist/pagination/Pagination.vue.cjs

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

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

@@ -0,0 +1,51 @@
+/**
+ * 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`.
+ */
+type __VLS_Props = {
+    /** Total number of pages, used to disable the "next" control on the last page. */
+    pageCount: number;
+    /** Current page (1-based), for controlled usage via `v-model:page`. */
+    page?: number;
+    /** Initial page (1-based), for uncontrolled usage. */
+    defaultPage?: number;
+    /** Pages shown either side of the current one in the `pages` model. */
+    siblingCount?: number;
+    /** Pages always shown at each end of the `pages` model, however far away the current page is. */
+    boundaryCount?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "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;
+}>, {
+    page: number;
+    siblingCount: number;
+    boundaryCount: number;
+    defaultPage: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,51 @@
+/**
+ * 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`.
+ */
+type __VLS_Props = {
+    /** Total number of pages, used to disable the "next" control on the last page. */
+    pageCount: number;
+    /** Current page (1-based), for controlled usage via `v-model:page`. */
+    page?: number;
+    /** Initial page (1-based), for uncontrolled usage. */
+    defaultPage?: number;
+    /** Pages shown either side of the current one in the `pages` model. */
+    siblingCount?: number;
+    /** Pages always shown at each end of the `pages` model, however far away the current page is. */
+    boundaryCount?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "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;
+}>, {
+    page: number;
+    siblingCount: number;
+    boundaryCount: number;
+    defaultPage: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/pagination/Pagination.vue.js

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

package/dist/pagination/Pagination.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/pagination/Pagination.vue_vue_type_script_setup_true_lang.js

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

package/dist/pagination/PaginationEllipsis.vue.cjs

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

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

@@ -0,0 +1,18 @@
+/**
+ * Placeholder standing in for a run of collapsed page numbers: renders
+ * `<span role="presentation" aria-hidden="true">`. Defaults to "…"; pass
+ * slot content to override.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+/**
+ * Placeholder standing in for a run of collapsed page numbers: renders
+ * `<span role="presentation" aria-hidden="true">`. Defaults to "…"; pass
+ * slot content to override.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/pagination/PaginationEllipsis.vue.js

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

package/dist/pagination/PaginationEllipsis.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var i={class:"skdx-pagination__ellipsis","data-part":"ellipsis",role:"presentation","aria-hidden":"true"},l=(0,e.defineComponent)({__name:"PaginationEllipsis",setup(n){return(a,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",i,[(0,e.renderSlot)(a.$slots,"default",{},()=>[t[0]||(t[0]=(0,e.createTextVNode)("…",-1))])]))}});exports.default=l;

package/dist/pagination/PaginationEllipsis.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,createTextVNode as a,defineComponent as s,openBlock as t,renderSlot as i}from"vue";var l={class:"skdx-pagination__ellipsis","data-part":"ellipsis",role:"presentation","aria-hidden":"true"},n=/* @__PURE__ */s({__name:"PaginationEllipsis",setup:s=>(s,n)=>(t(),e("span",l,[i(s.$slots,"default",{},()=>[n[0]||(n[0]=a("…",-1))])]))});export{n as default};

package/dist/pagination/PaginationFirst.vue.cjs

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

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

@@ -0,0 +1,19 @@
+/**
+ * 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>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+/**
+ * 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>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/pagination/PaginationFirst.vue.js

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

package/dist/pagination/PaginationFirst.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/pagination/PaginationFirst.vue_vue_type_script_setup_true_lang.js

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

package/dist/pagination/PaginationItem.vue.cjs

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

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

@@ -0,0 +1,14 @@
+/** A single `<li>` wrapper around a page link, previous/next control, or ellipsis. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+/** A single `<li>` wrapper around a page link, previous/next control, or ellipsis. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/pagination/PaginationItem.vue.js

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

package/dist/pagination/PaginationItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a={class:"skdx-pagination__item","data-part":"item"},_=(0,e.defineComponent)({__name:"PaginationItem",setup(n){return(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",a,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;

package/dist/pagination/PaginationItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as o}from"vue";var n={class:"skdx-pagination__item","data-part":"item"},s=/* @__PURE__ */a({__name:"PaginationItem",setup:a=>(a,s)=>(t(),e("li",n,[o(a.$slots,"default")]))});export{s as default};

package/dist/pagination/PaginationLast.vue.cjs

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

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

@@ -0,0 +1,19 @@
+/**
+ * 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>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+/**
+ * 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>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/pagination/PaginationLast.vue.js

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

package/dist/pagination/PaginationLast.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/pagination/PaginationLast.vue_vue_type_script_setup_true_lang.js

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

package/dist/pagination/PaginationLink.vue.cjs

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

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

@@ -0,0 +1,41 @@
+/**
+ * A page button: renders `<button type="button">` marked with
+ * `data-skdx-pagination-item` (so the root's roving focus can find it),
+ * `aria-current="page"` and `data-state="active"` when `isActive`. Clicking
+ * it calls the root's page-change with its `page`. Defaults its label to
+ * `page` when no slot content is given.
+ */
+type __VLS_Props = {
+    /** Page number this button navigates to when clicked. */
+    page: number;
+    /**
+     * Marks this page as the currently selected one.
+     *
+     * Derived from the root's `page` when omitted, because the root already
+     * knows which page it is on and asking the consumer to recompute
+     * `page === context.page` is asking them to hold state twice — and they
+     * did not: no `aria-current="page"` appeared anywhere in the library, so a
+     * pagination never told assistive technology which page you were on, and
+     * `.skdx-pagination__link[data-state="active"]` matched nothing. The
+     * contract requires that attribute. An explicit value still wins, for the
+     * split list/detail case where the highlighted page is not the loaded one.
+     */
+    isActive?: boolean;
+    /** Disables the button, excluding it from click handling. */
+    disabled?: boolean;
+};
+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<{}>, {
+    disabled: boolean;
+    isActive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,41 @@
+/**
+ * A page button: renders `<button type="button">` marked with
+ * `data-skdx-pagination-item` (so the root's roving focus can find it),
+ * `aria-current="page"` and `data-state="active"` when `isActive`. Clicking
+ * it calls the root's page-change with its `page`. Defaults its label to
+ * `page` when no slot content is given.
+ */
+type __VLS_Props = {
+    /** Page number this button navigates to when clicked. */
+    page: number;
+    /**
+     * Marks this page as the currently selected one.
+     *
+     * Derived from the root's `page` when omitted, because the root already
+     * knows which page it is on and asking the consumer to recompute
+     * `page === context.page` is asking them to hold state twice — and they
+     * did not: no `aria-current="page"` appeared anywhere in the library, so a
+     * pagination never told assistive technology which page you were on, and
+     * `.skdx-pagination__link[data-state="active"]` matched nothing. The
+     * contract requires that attribute. An explicit value still wins, for the
+     * split list/detail case where the highlighted page is not the loaded one.
+     */
+    isActive?: boolean;
+    /** Disables the button, excluding it from click handling. */
+    disabled?: boolean;
+};
+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<{}>, {
+    disabled: boolean;
+    isActive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/pagination/PaginationLink.vue.js

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

package/dist/pagination/PaginationLink.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./context.cjs");let e=require("vue");var s=["aria-current","data-state","data-disabled","disabled"],r=(0,e.defineComponent)({__name:"PaginationLink",props:{page:{},isActive:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1}},setup(a){const t=a,i=(0,e.inject)(l.PAGINATION_CONTEXT);if(!i)throw new Error("<SkdxPaginationLink> must be used inside <SkdxPagination>.");const n=(0,e.computed)(()=>t.isActive??i.page.value===t.page);function d(){t.disabled||i.onPageChange(t.page)}return(o,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__link","data-part":"link",type:"button","data-skdx-pagination-item":"","aria-current":n.value?"page":void 0,"data-state":n.value?"active":void 0,"data-disabled":a.disabled?"":void 0,disabled:a.disabled,onClick:d},[(0,e.renderSlot)(o.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.page),1)])],8,s))}});exports.default=r;

package/dist/pagination/PaginationLink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{PAGINATION_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,createTextVNode as i,defineComponent as d,inject as n,openBlock as o,renderSlot as s,toDisplayString as l}from"vue";var r=["aria-current","data-state","data-disabled","disabled"],p=/* @__PURE__ */d({__name:"PaginationLink",props:{page:{},isActive:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1}},setup(d){const p=d,u=n(a);if(!u)throw new Error("<SkdxPaginationLink> must be used inside <SkdxPagination>.");const c=e(()=>p.isActive??u.page.value===p.page);function g(){p.disabled||u.onPageChange(p.page)}return(a,e)=>(o(),t("button",{class:"skdx-pagination__link","data-part":"link",type:"button","data-skdx-pagination-item":"","aria-current":c.value?"page":void 0,"data-state":c.value?"active":void 0,"data-disabled":d.disabled?"":void 0,disabled:d.disabled,onClick:g},[s(a.$slots,"default",{},()=>[i(l(d.page),1)])],8,r))}});export{p as default};

package/dist/pagination/PaginationList.vue.cjs

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