@skdx/react 0.26.0 → 0.28.0

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

@@ -2,53 +2,75 @@ import type { FormValidityHandle } from '../utils/formControl.cjs';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
 /** @internal Shared state distributed from {@link NumberField} to its parts via context. Not part of the public API. */
 export interface NumberFieldContextValue {
-    value: number;
+    /** `null` is the empty field — nothing entered, nothing to submit. */
+    value: number | null;
     min: number;
     max: number;
     step: number;
     disabled: boolean;
     invalid: boolean;
     readOnly: boolean;
+    required: boolean;
     formatOptions?: Intl.NumberFormatOptions;
+    /**
+     * BCP-47 locale for format/parse; undefined disables formatting and rounds through String/Number instead.
+     */
     locale?: string;
-    setValue: (next: number) => void;
-    /** Commits without clamping — used while typing so out-of-range prefixes don't fight keystrokes. */
-    setValueUnclamped: (next: number) => void;
-    /** Steps the value by `steps × step` with decimal-precise arithmetic, then clamps. */
+    /** Typed text snaps into [min, max] on blur; steppers/keys clamp under both settings. */
+    clampBehavior: 'blur' | 'never';
+    /** Mouse wheel steps the value when input has focus. */
+    allowWheel: boolean;
+    /**
+     * Committed value sits outside [min, max] only under clampBehavior='never'.
+     * Input raises aria-invalid / data-invalid.
+     */
+    outOfRange: boolean;
+    /** Clamps and publishes value-change per keystroke without settling. */
+    setValue: (next: number | null) => void;
+    /**
+     * Clamps, publishes value-change and value-commit. Always fires commit, even when unchanged
+     * (e.g., blur after unparseable text reverts to previous value).
+     */
+    commitValue: (next: number | null) => void;
+    /** Steps by steps × step with decimal precision, clamps and commits. Empty field steps from 0. */
     stepBy: (steps: number) => void;
 }
 /** Props for the {@link NumberField} root. */
 export interface NumberFieldProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
     /**
-     * Current value, for controlled usage. Pair with `onValueChange`.
+     * Current value, for controlled usage, where `null` is the empty field.
      * @default undefined — uncontrolled, tracks its own value internally.
      */
-    value?: number;
+    value?: number | null;
+    /**
+     * Initial value, for uncontrolled usage, clamped to `min`/`max` on mount.
+     * @default null
+     */
+    defaultValue?: number | null;
     /**
-     * Initial value, for uncontrolled usage. Clamped to `min`/`max` on mount.
-     * @default 0
+     * Fires on every keystroke with the clamped value; `null` when emptied.
+     * Unclamped text stays in event.target.value.
+     * @default undefined
      */
-    defaultValue?: number;
+    onValueChange?: (value: number | null) => void;
     /**
-     * Fires with the new (clamped) value whenever it changes, controlled or not.
-     * @default undefined — no-op if omitted.
+     * Fires only when value settles (blur after typing, Enter, arrow, Home/End, or stepper).
+     * Use for expensive work; e.g., typing '1234' fires onValueChange four times, this once.
+     * @default undefined
      */
-    onValueChange?: (value: number) => void;
+    onValueCommit?: (value: number | null) => void;
     /**
-     * Lower bound the value is clamped to, including via increment/decrement
-     * and arrow keys.
+     * Lower bound the value is clamped to, including via increment/decrement and arrow keys.
      * @default -Infinity
      */
     min?: number;
     /**
-     * Upper bound the value is clamped to, including via increment/decrement
-     * and arrow keys.
+     * Upper bound the value is clamped to, including via increment/decrement and arrow keys.
      * @default Infinity
      */
     max?: number;
     /**
-     * Amount `NumberFieldIncrement`/`NumberFieldDecrement` and Arrow Up/Down
-     * change the value by (Page Up/Down uses 10x this).
+     * Amount the step buttons and Arrow Up/Down change the value by; Page Up/Down uses 10x this.
      * @default 1
      */
     step?: number;
@@ -64,50 +86,83 @@ export interface NumberFieldProps extends Omit<PrimitivePropsWithRef<'div'>, 'de
      */
     invalid?: boolean;
     /**
-     * Makes the input read-only (native `readOnly`, plus `aria-readonly` and
-     * `data-readonly` on the root and input) and makes the increment/decrement
-     * buttons inert — they stay focusable but no longer change the value.
+     * Makes the input read-only and the step buttons inert, leaving them focusable but unable to change the value.
      * @default false
      */
     readOnly?: boolean;
     /**
-     * `Intl.NumberFormat` options used to display the value (currency, percent,
-     * unit, grouping). Typed text is parsed back through the same options, and
-     * the formatted string is announced via `aria-valuetext`. `min`/`max`/`step`
-     * always operate on the numeric value, never the formatted string — with
-     * `{ style: 'percent' }` the value is the fraction, so `0.5` shows as `50%`.
-     * @default undefined — the value is displayed as `String(value)`.
+     * Intl.NumberFormat options; typed text parses through the same formatter.
+     * min/max/step operate on numeric value, not formatted string (e.g., 0.5 → 50% with style:percent).
+     * @default undefined (displays as String(value))
      */
     formatOptions?: Intl.NumberFormatOptions;
     /**
-     * BCP-47 locale used for formatting and parsing (decimal/group separators).
+     * BCP-47 locale for formatting and parsing, resolved once so server and client agree.
      * @default undefined — the runtime's default locale.
      */
     locale?: string;
     /**
-     * Form field name. With it, a visually-hidden native input submits the
-     * committed number as `String(value)` — the raw number, never
-     * `NumberFieldInput`'s formatted display text, so `{ style: 'currency' }`
-     * still submits `1234.5` rather than `$1,234.50`. A form reset restores
-     * `defaultValue`. The value is always clamped into `[min, max]` and can
-     * never be empty, so there is no constraint to violate and
-     * `checkValidity()` always passes.
-     * @default undefined — submits nothing.
+     * Snap typed text to [min, max]; 'never' publishes as-typed and marks aria-invalid / data-invalid.
+     * @default 'blur'
+     */
+    clampBehavior?: 'blur' | 'never';
+    /**
+     * Mouse wheel steps when focused (focus-gated to avoid edits while scrolling).
+     * @default false
+     */
+    allowWheel?: boolean;
+    /**
+     * Id of the `<form>` this field submits into, for a field rendered outside it.
+     * @default undefined — the field belongs to its nearest ancestor `<form>`, if any.
+     */
+    form?: string;
+    /**
+     * Form field name; hidden input submits raw committed number, not formatted text.
+     * Empty field submits empty string (never 0); form reset restores defaultValue.
+     * @default undefined
      */
     name?: string;
+    /**
+     * Marks required with aria-required and valueMissing constraint (requires name).
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Renders derived decrement/increment buttons flanking the input; ignored when `children` is given.
+     * @default true
+     */
+    showControls?: boolean;
+    /**
+     * Accessible name of the derived increment button; ignored when `children` is given.
+     * @default 'Increment'
+     */
+    incrementLabel?: string;
+    /**
+     * Accessible name of the derived decrement button; ignored when `children` is given.
+     * @default 'Decrement'
+     */
+    decrementLabel?: string;
 }
 /**
- * What {@link NumberField}'s forwarded ref carries: the root `<div>` plus the
- * two constraint-validation methods. Type your ref as this to call them —
- * `React.useRef<NumberFieldHandle>(null)`.
+ * What {@link NumberField}'s forwarded ref carries: the root `<div>` plus the two constraint-validation methods.
  */
 export type NumberFieldHandle = HTMLDivElement & FormValidityHandle;
 /** Props for {@link NumberFieldInput}, the text input driven by `NumberField`'s context. */
 export interface NumberFieldInputProps extends Omit<PrimitivePropsWithRef<'input'>, 'value' | 'defaultValue' | 'type'> {
 }
-/** Props for {@link NumberFieldIncrement}, a button that raises the value by one `step`. */
+/** Button that increments value by one step. */
 export interface NumberFieldIncrementProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Accessible name; children (usually '+') don't announce clearly alone.
+     * @default 'Increment'
+     */
+    label?: string;
 }
-/** Props for {@link NumberFieldDecrement}, a button that lowers the value by one `step`. */
+/** Button that decrements value by one step. */
 export interface NumberFieldDecrementProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Accessible name; children (usually '-') don't announce clearly alone.
+     * @default 'Decrement'
+     */
+    label?: string;
 }

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

@@ -2,53 +2,75 @@ import type { FormValidityHandle } from '../utils/formControl.js';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 /** @internal Shared state distributed from {@link NumberField} to its parts via context. Not part of the public API. */
 export interface NumberFieldContextValue {
-    value: number;
+    /** `null` is the empty field — nothing entered, nothing to submit. */
+    value: number | null;
     min: number;
     max: number;
     step: number;
     disabled: boolean;
     invalid: boolean;
     readOnly: boolean;
+    required: boolean;
     formatOptions?: Intl.NumberFormatOptions;
+    /**
+     * BCP-47 locale for format/parse; undefined disables formatting and rounds through String/Number instead.
+     */
     locale?: string;
-    setValue: (next: number) => void;
-    /** Commits without clamping — used while typing so out-of-range prefixes don't fight keystrokes. */
-    setValueUnclamped: (next: number) => void;
-    /** Steps the value by `steps × step` with decimal-precise arithmetic, then clamps. */
+    /** Typed text snaps into [min, max] on blur; steppers/keys clamp under both settings. */
+    clampBehavior: 'blur' | 'never';
+    /** Mouse wheel steps the value when input has focus. */
+    allowWheel: boolean;
+    /**
+     * Committed value sits outside [min, max] only under clampBehavior='never'.
+     * Input raises aria-invalid / data-invalid.
+     */
+    outOfRange: boolean;
+    /** Clamps and publishes value-change per keystroke without settling. */
+    setValue: (next: number | null) => void;
+    /**
+     * Clamps, publishes value-change and value-commit. Always fires commit, even when unchanged
+     * (e.g., blur after unparseable text reverts to previous value).
+     */
+    commitValue: (next: number | null) => void;
+    /** Steps by steps × step with decimal precision, clamps and commits. Empty field steps from 0. */
     stepBy: (steps: number) => void;
 }
 /** Props for the {@link NumberField} root. */
 export interface NumberFieldProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
     /**
-     * Current value, for controlled usage. Pair with `onValueChange`.
+     * Current value, for controlled usage, where `null` is the empty field.
      * @default undefined — uncontrolled, tracks its own value internally.
      */
-    value?: number;
+    value?: number | null;
+    /**
+     * Initial value, for uncontrolled usage, clamped to `min`/`max` on mount.
+     * @default null
+     */
+    defaultValue?: number | null;
     /**
-     * Initial value, for uncontrolled usage. Clamped to `min`/`max` on mount.
-     * @default 0
+     * Fires on every keystroke with the clamped value; `null` when emptied.
+     * Unclamped text stays in event.target.value.
+     * @default undefined
      */
-    defaultValue?: number;
+    onValueChange?: (value: number | null) => void;
     /**
-     * Fires with the new (clamped) value whenever it changes, controlled or not.
-     * @default undefined — no-op if omitted.
+     * Fires only when value settles (blur after typing, Enter, arrow, Home/End, or stepper).
+     * Use for expensive work; e.g., typing '1234' fires onValueChange four times, this once.
+     * @default undefined
      */
-    onValueChange?: (value: number) => void;
+    onValueCommit?: (value: number | null) => void;
     /**
-     * Lower bound the value is clamped to, including via increment/decrement
-     * and arrow keys.
+     * Lower bound the value is clamped to, including via increment/decrement and arrow keys.
      * @default -Infinity
      */
     min?: number;
     /**
-     * Upper bound the value is clamped to, including via increment/decrement
-     * and arrow keys.
+     * Upper bound the value is clamped to, including via increment/decrement and arrow keys.
      * @default Infinity
      */
     max?: number;
     /**
-     * Amount `NumberFieldIncrement`/`NumberFieldDecrement` and Arrow Up/Down
-     * change the value by (Page Up/Down uses 10x this).
+     * Amount the step buttons and Arrow Up/Down change the value by; Page Up/Down uses 10x this.
      * @default 1
      */
     step?: number;
@@ -64,50 +86,83 @@ export interface NumberFieldProps extends Omit<PrimitivePropsWithRef<'div'>, 'de
      */
     invalid?: boolean;
     /**
-     * Makes the input read-only (native `readOnly`, plus `aria-readonly` and
-     * `data-readonly` on the root and input) and makes the increment/decrement
-     * buttons inert — they stay focusable but no longer change the value.
+     * Makes the input read-only and the step buttons inert, leaving them focusable but unable to change the value.
      * @default false
      */
     readOnly?: boolean;
     /**
-     * `Intl.NumberFormat` options used to display the value (currency, percent,
-     * unit, grouping). Typed text is parsed back through the same options, and
-     * the formatted string is announced via `aria-valuetext`. `min`/`max`/`step`
-     * always operate on the numeric value, never the formatted string — with
-     * `{ style: 'percent' }` the value is the fraction, so `0.5` shows as `50%`.
-     * @default undefined — the value is displayed as `String(value)`.
+     * Intl.NumberFormat options; typed text parses through the same formatter.
+     * min/max/step operate on numeric value, not formatted string (e.g., 0.5 → 50% with style:percent).
+     * @default undefined (displays as String(value))
      */
     formatOptions?: Intl.NumberFormatOptions;
     /**
-     * BCP-47 locale used for formatting and parsing (decimal/group separators).
+     * BCP-47 locale for formatting and parsing, resolved once so server and client agree.
      * @default undefined — the runtime's default locale.
      */
     locale?: string;
     /**
-     * Form field name. With it, a visually-hidden native input submits the
-     * committed number as `String(value)` — the raw number, never
-     * `NumberFieldInput`'s formatted display text, so `{ style: 'currency' }`
-     * still submits `1234.5` rather than `$1,234.50`. A form reset restores
-     * `defaultValue`. The value is always clamped into `[min, max]` and can
-     * never be empty, so there is no constraint to violate and
-     * `checkValidity()` always passes.
-     * @default undefined — submits nothing.
+     * Snap typed text to [min, max]; 'never' publishes as-typed and marks aria-invalid / data-invalid.
+     * @default 'blur'
+     */
+    clampBehavior?: 'blur' | 'never';
+    /**
+     * Mouse wheel steps when focused (focus-gated to avoid edits while scrolling).
+     * @default false
+     */
+    allowWheel?: boolean;
+    /**
+     * Id of the `<form>` this field submits into, for a field rendered outside it.
+     * @default undefined — the field belongs to its nearest ancestor `<form>`, if any.
+     */
+    form?: string;
+    /**
+     * Form field name; hidden input submits raw committed number, not formatted text.
+     * Empty field submits empty string (never 0); form reset restores defaultValue.
+     * @default undefined
      */
     name?: string;
+    /**
+     * Marks required with aria-required and valueMissing constraint (requires name).
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Renders derived decrement/increment buttons flanking the input; ignored when `children` is given.
+     * @default true
+     */
+    showControls?: boolean;
+    /**
+     * Accessible name of the derived increment button; ignored when `children` is given.
+     * @default 'Increment'
+     */
+    incrementLabel?: string;
+    /**
+     * Accessible name of the derived decrement button; ignored when `children` is given.
+     * @default 'Decrement'
+     */
+    decrementLabel?: string;
 }
 /**
- * What {@link NumberField}'s forwarded ref carries: the root `<div>` plus the
- * two constraint-validation methods. Type your ref as this to call them —
- * `React.useRef<NumberFieldHandle>(null)`.
+ * What {@link NumberField}'s forwarded ref carries: the root `<div>` plus the two constraint-validation methods.
  */
 export type NumberFieldHandle = HTMLDivElement & FormValidityHandle;
 /** Props for {@link NumberFieldInput}, the text input driven by `NumberField`'s context. */
 export interface NumberFieldInputProps extends Omit<PrimitivePropsWithRef<'input'>, 'value' | 'defaultValue' | 'type'> {
 }
-/** Props for {@link NumberFieldIncrement}, a button that raises the value by one `step`. */
+/** Button that increments value by one step. */
 export interface NumberFieldIncrementProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Accessible name; children (usually '+') don't announce clearly alone.
+     * @default 'Increment'
+     */
+    label?: string;
 }
-/** Props for {@link NumberFieldDecrement}, a button that lowers the value by one `step`. */
+/** Button that decrements value by one step. */
 export interface NumberFieldDecrementProps extends PrimitivePropsWithRef<'button'> {
+    /**
+     * Accessible name; children (usually '-') don't announce clearly alone.
+     * @default 'Decrement'
+     */
+    label?: string;
 }

package/dist/pagination/Pagination.cjs

@@ -1 +1 @@
-"use strict";var pi=Object.create;var l=Object.defineProperty;var gi=Object.getOwnPropertyDescriptor;var li=Object.getOwnPropertyNames;var fi=Object.getPrototypeOf,ci=Object.prototype.hasOwnProperty;var di=(i,a)=>{for(var t in a)l(i,t,{get:a[t],enumerable:!0})},u=(i,a,t,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of li(a))!ci.call(i,n)&&n!==t&&l(i,n,{get:()=>a[n],enumerable:!(o=gi(a,n))||o.enumerable});return i};var m=(i,a,t)=>(t=i!=null?pi(fi(i)):{},u(a||!i||!i.__esModule?l(t,"default",{value:i,enumerable:!0}):t,i)),xi=i=>u(l({},"__esModule",{value:!0}),i);var Ri={};di(Ri,{Pagination:()=>S,PaginationEllipsis:()=>b,PaginationFirst:()=>E,PaginationItem:()=>N,PaginationLast:()=>M,PaginationLink:()=>r,PaginationList:()=>v,PaginationNext:()=>h,PaginationPrevious:()=>y,PaginationProvider:()=>I,getPaginationRange:()=>f,usePaginationContext:()=>e});module.exports=xi(Ri);var c=m(require("react"),1),w=require("../utils/createContext.cjs"),H=require("../utils/part.cjs"),d=require("../utils/primitive.cjs"),T=require("../utils/useControllableState.cjs"),F=require("../utils/useRovingFocus.cjs");function R(i,a){return Array.from({length:Math.max(a-i+1,0)},(t,o)=>i+o)}function f({page:i,pageCount:a,siblingCount:t=1,boundaryCount:o=1}){let n=R(1,Math.min(o,a)),s=R(Math.max(a-o+1,o+1),a),g=Math.max(Math.min(i-t,a-o-t*2-1),o+2),P=Math.min(Math.max(i+t,o+t*2+2),s.length>0?s[0]-2:a-1),L=g>o+2?["ellipsis"]:o+1<a-o?[o+1]:[],p=P<a-o-1?["ellipsis"]:a-o>o?[a-o]:[];return[...n,...L,...R(g,P),...p,...s]}var k=require("react/jsx-runtime"),Li="[data-skdx-pagination-item]",[I,e]=(0,w.createSafeContext)("Pagination"),S=c.forwardRef(({pageCount:i,page:a,defaultPage:t=1,onPageChange:o,siblingCount:n=1,boundaryCount:s=1,"aria-label":g="Pagination",...P},L)=>{let[p=1,si]=(0,T.useControllableState)({prop:a,defaultProp:t,onChange:o}),mi=c.useMemo(()=>f({page:p,pageCount:i,siblingCount:n,boundaryCount:s}),[p,i,n,s]),Pi=(0,F.useRovingFocus)({orientation:"horizontal",loop:!1,itemSelector:Li});return(0,k.jsx)(I,{page:p,pageCount:i,pages:mi,onPageChange:si,children:(0,k.jsx)(d.Primitive.nav,{"aria-label":g,...P,...(0,H.skdxPart)("pagination","root",P.className),ref:L,onKeyDown:(0,d.composeEventHandlers)(P.onKeyDown,Pi)})})});S.displayName="Pagination";var B=m(require("react"),1),G=require("../utils/part.cjs"),O=require("../utils/primitive.cjs"),D=require("react/jsx-runtime"),v=B.forwardRef((i,a)=>(0,D.jsx)(O.Primitive.ul,{...i,...(0,G.skdxPart)("pagination","list",i.className),ref:a}));v.displayName="PaginationList";var K=m(require("react"),1),V=require("../utils/part.cjs"),_=require("../utils/primitive.cjs"),z=require("react/jsx-runtime"),N=K.forwardRef((i,a)=>(0,z.jsx)(_.Primitive.li,{...i,...(0,V.skdxPart)("pagination","item",i.className),ref:a}));N.displayName="PaginationItem";var A=m(require("react"),1),U=require("../utils/part.cjs"),x=require("../utils/primitive.cjs");var q=require("react/jsx-runtime"),r=A.forwardRef(({page:i,isActive:a,...t},o)=>{let n=e("PaginationLink"),s=a??n.page===i;return(0,q.jsx)(x.Primitive.button,{type:"button","data-skdx-pagination-item":"","aria-current":s?"page":void 0,"data-state":s?"active":void 0,"data-disabled":t.disabled?"":void 0,...t,...(0,U.skdxPart)("pagination","link",t.className),ref:o,onClick:(0,x.composeEventHandlers)(t.onClick,()=>{t.disabled||n.onPageChange(i)}),children:t.children??i})});r.displayName="PaginationLink";var J=m(require("react"),1),Q=require("../utils/part.cjs");var W=require("react/jsx-runtime"),y=J.forwardRef((i,a)=>{let t=e("PaginationPrevious"),o=t.page<=1;return(0,W.jsx)(r,{page:t.page-1,"aria-label":"Go to previous page",disabled:o,...i,...(0,Q.skdxPart)("pagination","previous",i.className),ref:a,children:i.children??"Previous"})});y.displayName="PaginationPrevious";var X=m(require("react"),1),Y=require("../utils/part.cjs");var Z=require("react/jsx-runtime"),h=X.forwardRef((i,a)=>{let t=e("PaginationNext"),o=t.page>=t.pageCount;return(0,Z.jsx)(r,{page:t.page+1,"aria-label":"Go to next page",disabled:o,...i,...(0,Y.skdxPart)("pagination","next",i.className),ref:a,children:i.children??"Next"})});h.displayName="PaginationNext";var $=m(require("react"),1),C=require("../utils/part.cjs");var j=require("react/jsx-runtime"),E=$.forwardRef((i,a)=>{let o=e("PaginationFirst").page<=1;return(0,j.jsx)(r,{page:1,"aria-label":"Go to first page",disabled:o,...i,...(0,C.skdxPart)("pagination","first",i.className),ref:a,children:i.children??"First"})});E.displayName="PaginationFirst";var ii=m(require("react"),1),ai=require("../utils/part.cjs");var ti=require("react/jsx-runtime"),M=ii.forwardRef((i,a)=>{let t=e("PaginationLast"),o=t.page>=t.pageCount;return(0,ti.jsx)(r,{page:t.pageCount,"aria-label":"Go to last page",disabled:o,...i,...(0,ai.skdxPart)("pagination","last",i.className),ref:a,children:i.children??"Last"})});M.displayName="PaginationLast";var oi=m(require("react"),1),ni=require("../utils/part.cjs"),ei=require("../utils/primitive.cjs"),ri=require("react/jsx-runtime"),b=oi.forwardRef(({children:i,...a},t)=>(0,ri.jsx)(ei.Primitive.span,{role:"presentation","aria-hidden":"true",...a,...(0,ni.skdxPart)("pagination","ellipsis",a.className),ref:t,children:i??"\u2026"}));b.displayName="PaginationEllipsis";0&&(module.exports={Pagination,PaginationEllipsis,PaginationFirst,PaginationItem,PaginationLast,PaginationLink,PaginationList,PaginationNext,PaginationPrevious,PaginationProvider,getPaginationRange,usePaginationContext});
+"use strict";var ha=Object.create;var c=Object.defineProperty;var Ma=Object.getOwnPropertyDescriptor;var wa=Object.getOwnPropertyNames;var Sa=Object.getPrototypeOf,ka=Object.prototype.hasOwnProperty;var Ia=(a,t)=>{for(var i in t)c(a,i,{get:t[i],enumerable:!0})},A=(a,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of wa(t))!ka.call(a,n)&&n!==i&&c(a,n,{get:()=>t[n],enumerable:!(o=Ma(t,n))||o.enumerable});return a};var g=(a,t,i)=>(i=a!=null?ha(Sa(a)):{},A(t||!a||!a.__esModule?c(i,"default",{value:a,enumerable:!0}):i,a)),Ta=a=>A(c({},"__esModule",{value:!0}),a);var Aa={};Ia(Aa,{DEFAULT_PAGINATION_LABELS:()=>B,Pagination:()=>H,PaginationEllipsis:()=>d,PaginationFirst:()=>u,PaginationItem:()=>l,PaginationLast:()=>R,PaginationList:()=>b,PaginationNext:()=>v,PaginationPage:()=>m,PaginationPrevious:()=>L,PaginationProvider:()=>Ra,PaginationStatus:()=>y,getPaginationRange:()=>T,resolvePaginationLabels:()=>k,usePaginationContext:()=>r});module.exports=Ta(Aa);var f=g(require("react"),1),ca=require("../utils/createContext.cjs"),da=require("../utils/part.cjs"),E=require("../utils/primitive.cjs"),xa=require("../utils/useControllableState.cjs"),ua=require("../utils/useRovingFocus.cjs");var B={root:"Pagination",page:a=>`Go to page ${a}`,currentPage:a=>`Page ${a}, current page`,first:"Go to first page",previous:"Go to previous page",next:"Go to next page",last:"Go to last page"};function k(a){return{...B,...a}}function I(a,t){return Array.from({length:Math.max(t-a+1,0)},(i,o)=>a+o)}function T({page:a,pageCount:t,siblingCount:i=1,boundaryCount:o=1}){let n=I(1,Math.min(o,t)),s=I(Math.max(t-o+1,o+1),t),p=Math.max(Math.min(a-i,t-o-i*2-1),o+2),P=Math.min(Math.max(a+i,o+i*2+2),s.length>0?s[0]-2:t-1),h=p>o+2?["ellipsis"]:o+1<t-o?[o+1]:[],M=P<t-o-1?["ellipsis"]:t-o>o?[t-o]:[];return[...n,...h,...I(p,P),...M,...s]}var G=g(require("react"),1),D=require("../utils/part.cjs"),O=require("../utils/primitive.cjs"),_=require("react/jsx-runtime"),d=G.forwardRef(({children:a,...t},i)=>(0,_.jsx)(O.Primitive.span,{role:"presentation","aria-hidden":"true",...t,...(0,D.skdxPart)("pagination","ellipsis",t.className),ref:i,children:a??"\u2026"}));d.displayName="PaginationEllipsis";var V=g(require("react"),1),q=require("../utils/part.cjs");var $=g(require("react"),1),K=require("../utils/part.cjs"),x=require("../utils/primitive.cjs");var U=require("react/jsx-runtime"),m=$.forwardRef(({page:a,isActive:t,disabled:i,...o},n)=>{let s=r("PaginationPage"),p=i||s.disabled,P=t??s.page===a;return(0,U.jsx)(x.Primitive.button,{type:"button","data-skdx-pagination-item":"","aria-label":P?s.labels.currentPage(a):s.labels.page(a),"aria-current":P?"page":void 0,"data-state":P?"active":void 0,"data-disabled":p?"":void 0,...o,disabled:p,...(0,K.skdxPart)("pagination","page",o.className),ref:n,onClick:(0,x.composeEventHandlers)(o.onClick,()=>{p||s.onPageChange(a)}),children:o.children??a})});m.displayName="PaginationPage";var z=require("react/jsx-runtime"),u=V.forwardRef((a,t)=>{let i=r("PaginationFirst"),o=i.page<=1;return(0,z.jsx)(m,{page:1,"aria-label":i.labels.first,disabled:o,...a,...(0,q.skdxPart)("pagination","first",a.className),ref:t,children:a.children??"First"})});u.displayName="PaginationFirst";var J=g(require("react"),1),Q=require("../utils/part.cjs"),W=require("../utils/primitive.cjs"),X=require("react/jsx-runtime"),l=J.forwardRef((a,t)=>(0,X.jsx)(W.Primitive.li,{...a,...(0,Q.skdxPart)("pagination","item",a.className),ref:t}));l.displayName="PaginationItem";var Y=g(require("react"),1),Z=require("../utils/part.cjs");var C=require("react/jsx-runtime"),R=Y.forwardRef((a,t)=>{let i=r("PaginationLast"),o=i.page>=i.pageCount;return(0,C.jsx)(m,{page:i.pageCount,"aria-label":i.labels.last,disabled:o,...a,...(0,Z.skdxPart)("pagination","last",a.className),ref:t,children:a.children??"Last"})});R.displayName="PaginationLast";var j=g(require("react"),1),aa=require("../utils/part.cjs"),ta=require("../utils/primitive.cjs"),ia=require("react/jsx-runtime"),b=j.forwardRef((a,t)=>(0,ia.jsx)(ta.Primitive.ul,{role:"list",...a,...(0,aa.skdxPart)("pagination","list",a.className),ref:t}));b.displayName="PaginationList";var oa=g(require("react"),1),ea=require("../utils/part.cjs");var na=require("react/jsx-runtime"),v=oa.forwardRef((a,t)=>{let i=r("PaginationNext"),o=i.page>=i.pageCount;return(0,na.jsx)(m,{page:i.page+1,"aria-label":i.labels.next,disabled:o,...a,...(0,ea.skdxPart)("pagination","next",a.className),ref:t,children:a.children??"Next"})});v.displayName="PaginationNext";var ra=g(require("react"),1),sa=require("../utils/part.cjs");var ma=require("react/jsx-runtime"),L=ra.forwardRef((a,t)=>{let i=r("PaginationPrevious"),o=i.page<=1;return(0,ma.jsx)(m,{page:i.page-1,"aria-label":i.labels.previous,disabled:o,...a,...(0,sa.skdxPart)("pagination","previous",a.className),ref:t,children:a.children??"Previous"})});L.displayName="PaginationPrevious";var ga=g(require("react"),1),pa=require("../utils/part.cjs"),Pa=require("../utils/primitive.cjs");var la=require("react/jsx-runtime"),y=ga.forwardRef(({format:a,children:t,...i},o)=>{let n=r("PaginationStatus");return(0,la.jsx)(Pa.Primitive.div,{role:"status",...i,...(0,pa.skdxPart)("pagination","status",i.className),ref:o,children:t??a?.(n.page,n.pageCount)})});y.displayName="PaginationStatus";var e=require("react/jsx-runtime");function Ha(a,t){return`Page ${a} of ${t}`}var fa=({showFirstLast:a,showStatus:t})=>{let i=r("Pagination");return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(b,{children:[a?(0,e.jsx)(l,{children:(0,e.jsx)(u,{})}):null,(0,e.jsx)(l,{children:(0,e.jsx)(L,{})}),i.pages.map((o,n)=>(0,e.jsx)(l,{children:o==="ellipsis"?(0,e.jsx)(d,{}):(0,e.jsx)(m,{page:o})},n)),(0,e.jsx)(l,{children:(0,e.jsx)(v,{})}),a?(0,e.jsx)(l,{children:(0,e.jsx)(R,{})}):null]}),t?(0,e.jsx)(y,{format:Ha}):null]})};var N=require("react/jsx-runtime"),Fa="[data-skdx-pagination-item]",[Ra,r]=(0,ca.createSafeContext)("Pagination"),H=f.forwardRef(({pageCount:a,page:t,defaultPage:i=1,onPageChange:o,siblingCount:n=1,boundaryCount:s=1,disabled:p=!1,labels:P,"aria-label":h,showFirstLast:M=!1,showStatus:ba=!1,children:va,...w},La)=>{let[S=1,ya]=(0,xa.useControllableState)({prop:t,defaultProp:i,onChange:o}),F=f.useMemo(()=>k(P),[P]),Na=f.useMemo(()=>T({page:S,pageCount:a,siblingCount:n,boundaryCount:s}),[S,a,n,s]),Ea=(0,ua.useRovingFocus)({orientation:"horizontal",loop:!1,itemSelector:Fa});return(0,N.jsx)(Ra,{page:S,pageCount:a,pages:Na,onPageChange:ya,labels:F,disabled:p,children:(0,N.jsx)(E.Primitive.nav,{"aria-label":h??F.root,"data-disabled":p?"":void 0,...w,...(0,da.skdxPart)("pagination","root",w.className),ref:La,onKeyDown:(0,E.composeEventHandlers)(w.onKeyDown,Ea),children:va??(0,N.jsx)(fa,{showFirstLast:M,showStatus:ba})})})});H.displayName="Pagination";0&&(module.exports={DEFAULT_PAGINATION_LABELS,Pagination,PaginationEllipsis,PaginationFirst,PaginationItem,PaginationLast,PaginationList,PaginationNext,PaginationPage,PaginationPrevious,PaginationProvider,PaginationStatus,getPaginationRange,resolvePaginationLabels,usePaginationContext});

package/dist/pagination/Pagination.d.cts

@@ -7,29 +7,44 @@ export declare const PaginationProvider: {
     displayName: string;
 }, usePaginationContext: (consumerName: string) => PaginationContextValue;
 /**
- * Root of a pagination control: owns the current page and hands it down to
- * `PaginationLink` / `PaginationPrevious` / `PaginationNext` via context.
- * Renders a `<nav>` labelled `"Pagination"` by default (override via
- * `aria-label`) with roving-focus arrow-key navigation (horizontal,
- * non-looping) across items marked `data-skdx-pagination-item`.
+ * Root of a pagination control: owns the current page, hands it down via context.
+ * Renders a `<nav>` with roving-focus arrow-key navigation (horizontal, non-looping)
+ * across items marked `data-skdx-pagination-item`. Override `aria-label` or use `labels.root`.
  *
  * Works controlled (`page` + `onPageChange`) or uncontrolled (`defaultPage`).
  *
- * 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 `map()`
- * rather than hand-placed `PaginationEllipsis` elements. Read it with
- * `usePaginationContext`, or compute it yourself with `getPaginationRange`.
+ * `disabled` blocks the whole strip; every `PaginationPage` ORs it with its own `disabled`
+ * and drops from the roving-focus candidate list.
+ *
+ * Publishes `labels` — all strings the strip speaks, consumer overrides merged over
+ * built-in English defaults — so the page link, boundary control, and landmark are all
+ * translated from one place.
+ *
+ * Also publishes the collapsed page model (`siblingCount` pages each side, `boundaryCount`
+ * at each end, `'ellipsis'` for every collapsed run) on context as `pages`, so the strip
+ * is a `map()` rather than hand-placed `PaginationEllipsis` elements.
+ *
+ * Given no children, derives its own `PaginationList` with previous/next around `pages`,
+ * optionally bracketed by first/last, plus optional status line from `showFirstLast` and
+ * `showStatus`. Given children, those props are ignored and children render verbatim for
+ * full manual composition.
  *
  * @example
  * ```tsx
+ * <Pagination pageCount={10} defaultPage={1} showFirstLast showStatus />
+ * ```
+ *
+ * @example Full manual composition.
+ * ```tsx
+ * import { Pagination, PaginationEllipsis, PaginationItem, PaginationList, PaginationNext, PaginationPage, PaginationPrevious } from '@skdx/react/primitives/pagination';
+ *
  * <Pagination pageCount={10} defaultPage={1}>
  *   <PaginationList>
  *     <PaginationItem>
  *       <PaginationPrevious />
  *     </PaginationItem>
  *     <PaginationItem>
- *       <PaginationLink page={1} isActive>1</PaginationLink>
+ *       <PaginationPage page={1} isActive>1</PaginationPage>
  *     </PaginationItem>
  *     <PaginationItem>
  *       <PaginationEllipsis />

package/dist/pagination/Pagination.d.ts

@@ -7,29 +7,44 @@ export declare const PaginationProvider: {
     displayName: string;
 }, usePaginationContext: (consumerName: string) => PaginationContextValue;
 /**
- * Root of a pagination control: owns the current page and hands it down to
- * `PaginationLink` / `PaginationPrevious` / `PaginationNext` via context.
- * Renders a `<nav>` labelled `"Pagination"` by default (override via
- * `aria-label`) with roving-focus arrow-key navigation (horizontal,
- * non-looping) across items marked `data-skdx-pagination-item`.
+ * Root of a pagination control: owns the current page, hands it down via context.
+ * Renders a `<nav>` with roving-focus arrow-key navigation (horizontal, non-looping)
+ * across items marked `data-skdx-pagination-item`. Override `aria-label` or use `labels.root`.
  *
  * Works controlled (`page` + `onPageChange`) or uncontrolled (`defaultPage`).
  *
- * 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 `map()`
- * rather than hand-placed `PaginationEllipsis` elements. Read it with
- * `usePaginationContext`, or compute it yourself with `getPaginationRange`.
+ * `disabled` blocks the whole strip; every `PaginationPage` ORs it with its own `disabled`
+ * and drops from the roving-focus candidate list.
+ *
+ * Publishes `labels` — all strings the strip speaks, consumer overrides merged over
+ * built-in English defaults — so the page link, boundary control, and landmark are all
+ * translated from one place.
+ *
+ * Also publishes the collapsed page model (`siblingCount` pages each side, `boundaryCount`
+ * at each end, `'ellipsis'` for every collapsed run) on context as `pages`, so the strip
+ * is a `map()` rather than hand-placed `PaginationEllipsis` elements.
+ *
+ * Given no children, derives its own `PaginationList` with previous/next around `pages`,
+ * optionally bracketed by first/last, plus optional status line from `showFirstLast` and
+ * `showStatus`. Given children, those props are ignored and children render verbatim for
+ * full manual composition.
  *
  * @example
  * ```tsx
+ * <Pagination pageCount={10} defaultPage={1} showFirstLast showStatus />
+ * ```
+ *
+ * @example Full manual composition.
+ * ```tsx
+ * import { Pagination, PaginationEllipsis, PaginationItem, PaginationList, PaginationNext, PaginationPage, PaginationPrevious } from '@skdx/react/primitives/pagination';
+ *
  * <Pagination pageCount={10} defaultPage={1}>
  *   <PaginationList>
  *     <PaginationItem>
  *       <PaginationPrevious />
  *     </PaginationItem>
  *     <PaginationItem>
- *       <PaginationLink page={1} isActive>1</PaginationLink>
+ *       <PaginationPage page={1} isActive>1</PaginationPage>
  *     </PaginationItem>
  *     <PaginationItem>
  *       <PaginationEllipsis />

package/dist/pagination/Pagination.js

@@ -1 +1 @@
-import*as g from"react";import{createSafeContext as B}from"../utils/createContext.js";import{skdxPart as G}from"../utils/part.js";import{composeEventHandlers as O,Primitive as D}from"../utils/primitive.js";import{useControllableState as K}from"../utils/useControllableState.js";import{useRovingFocus as V}from"../utils/useRovingFocus.js";function f(i,a){return Array.from({length:Math.max(a-i+1,0)},(t,o)=>i+o)}function c({page:i,pageCount:a,siblingCount:t=1,boundaryCount:o=1}){let s=f(1,Math.min(o,a)),r=f(Math.max(a-o+1,o+1),a),p=Math.max(Math.min(i-t,a-o-t*2-1),o+2),m=Math.min(Math.max(i+t,o+t*2+2),r.length>0?r[0]-2:a-1),l=p>o+2?["ellipsis"]:o+1<a-o?[o+1]:[],P=m<a-o-1?["ellipsis"]:a-o>o?[a-o]:[];return[...s,...l,...f(p,m),...P,...r]}import{jsx as d}from"react/jsx-runtime";var _="[data-skdx-pagination-item]",[z,n]=B("Pagination"),A=g.forwardRef(({pageCount:i,page:a,defaultPage:t=1,onPageChange:o,siblingCount:s=1,boundaryCount:r=1,"aria-label":p="Pagination",...m},l)=>{let[P=1,F]=K({prop:a,defaultProp:t,onChange:o}),I=g.useMemo(()=>c({page:P,pageCount:i,siblingCount:s,boundaryCount:r}),[P,i,s,r]),S=V({orientation:"horizontal",loop:!1,itemSelector:_});return d(z,{page:P,pageCount:i,pages:I,onPageChange:F,children:d(D.nav,{"aria-label":p,...m,...G("pagination","root",m.className),ref:l,onKeyDown:O(m.onKeyDown,S)})})});A.displayName="Pagination";import*as x from"react";import{skdxPart as U}from"../utils/part.js";import{Primitive as q}from"../utils/primitive.js";import{jsx as J}from"react/jsx-runtime";var L=x.forwardRef((i,a)=>J(q.ul,{...i,...U("pagination","list",i.className),ref:a}));L.displayName="PaginationList";import*as R from"react";import{skdxPart as Q}from"../utils/part.js";import{Primitive as W}from"../utils/primitive.js";import{jsx as X}from"react/jsx-runtime";var k=R.forwardRef((i,a)=>X(W.li,{...i,...Q("pagination","item",i.className),ref:a}));k.displayName="PaginationItem";import*as v from"react";import{skdxPart as Y}from"../utils/part.js";import{composeEventHandlers as Z,Primitive as $}from"../utils/primitive.js";import{jsx as C}from"react/jsx-runtime";var e=v.forwardRef(({page:i,isActive:a,...t},o)=>{let s=n("PaginationLink"),r=a??s.page===i;return C($.button,{type:"button","data-skdx-pagination-item":"","aria-current":r?"page":void 0,"data-state":r?"active":void 0,"data-disabled":t.disabled?"":void 0,...t,...Y("pagination","link",t.className),ref:o,onClick:Z(t.onClick,()=>{t.disabled||s.onPageChange(i)}),children:t.children??i})});e.displayName="PaginationLink";import*as N from"react";import{skdxPart as j}from"../utils/part.js";import{jsx as ii}from"react/jsx-runtime";var y=N.forwardRef((i,a)=>{let t=n("PaginationPrevious"),o=t.page<=1;return ii(e,{page:t.page-1,"aria-label":"Go to previous page",disabled:o,...i,...j("pagination","previous",i.className),ref:a,children:i.children??"Previous"})});y.displayName="PaginationPrevious";import*as h from"react";import{skdxPart as ai}from"../utils/part.js";import{jsx as ti}from"react/jsx-runtime";var E=h.forwardRef((i,a)=>{let t=n("PaginationNext"),o=t.page>=t.pageCount;return ti(e,{page:t.page+1,"aria-label":"Go to next page",disabled:o,...i,...ai("pagination","next",i.className),ref:a,children:i.children??"Next"})});E.displayName="PaginationNext";import*as M from"react";import{skdxPart as oi}from"../utils/part.js";import{jsx as ni}from"react/jsx-runtime";var b=M.forwardRef((i,a)=>{let o=n("PaginationFirst").page<=1;return ni(e,{page:1,"aria-label":"Go to first page",disabled:o,...i,...oi("pagination","first",i.className),ref:a,children:i.children??"First"})});b.displayName="PaginationFirst";import*as u from"react";import{skdxPart as ei}from"../utils/part.js";import{jsx as ri}from"react/jsx-runtime";var w=u.forwardRef((i,a)=>{let t=n("PaginationLast"),o=t.page>=t.pageCount;return ri(e,{page:t.pageCount,"aria-label":"Go to last page",disabled:o,...i,...ei("pagination","last",i.className),ref:a,children:i.children??"Last"})});w.displayName="PaginationLast";import*as H from"react";import{skdxPart as si}from"../utils/part.js";import{Primitive as mi}from"../utils/primitive.js";import{jsx as Pi}from"react/jsx-runtime";var T=H.forwardRef(({children:i,...a},t)=>Pi(mi.span,{role:"presentation","aria-hidden":"true",...a,...si("pagination","ellipsis",a.className),ref:t,children:i??"\u2026"}));T.displayName="PaginationEllipsis";export{A as Pagination,T as PaginationEllipsis,b as PaginationFirst,k as PaginationItem,w as PaginationLast,e as PaginationLink,L as PaginationList,E as PaginationNext,y as PaginationPrevious,z as PaginationProvider,c as getPaginationRange,n as usePaginationContext};
+import*as l from"react";import{createSafeContext as va}from"../utils/createContext.js";import{skdxPart as La}from"../utils/part.js";import{composeEventHandlers as ya,Primitive as Na}from"../utils/primitive.js";import{useControllableState as Ea}from"../utils/useControllableState.js";import{useRovingFocus as ha}from"../utils/useRovingFocus.js";var Q={root:"Pagination",page:a=>`Go to page ${a}`,currentPage:a=>`Page ${a}, current page`,first:"Go to first page",previous:"Go to previous page",next:"Go to next page",last:"Go to last page"};function w(a){return{...Q,...a}}function u(a,t){return Array.from({length:Math.max(t-a+1,0)},(o,i)=>a+i)}function S({page:a,pageCount:t,siblingCount:o=1,boundaryCount:i=1}){let s=u(1,Math.min(i,t)),n=u(Math.max(t-i+1,i+1),t),g=Math.max(Math.min(a-o,t-i-o*2-1),i+2),p=Math.min(Math.max(a+o,i+o*2+2),n.length>0?n[0]-2:t-1),f=g>i+2?["ellipsis"]:i+1<t-i?[i+1]:[],c=p<t-i-1?["ellipsis"]:t-i>i?[t-i]:[];return[...s,...f,...u(g,p),...c,...n]}import*as k from"react";import{skdxPart as W}from"../utils/part.js";import{Primitive as X}from"../utils/primitive.js";import{jsx as Y}from"react/jsx-runtime";var R=k.forwardRef(({children:a,...t},o)=>Y(X.span,{role:"presentation","aria-hidden":"true",...t,...W("pagination","ellipsis",t.className),ref:o,children:a??"\u2026"}));R.displayName="PaginationEllipsis";import*as T from"react";import{skdxPart as ta}from"../utils/part.js";import*as I from"react";import{skdxPart as Z}from"../utils/part.js";import{composeEventHandlers as C,Primitive as j}from"../utils/primitive.js";import{jsx as aa}from"react/jsx-runtime";var m=I.forwardRef(({page:a,isActive:t,disabled:o,...i},s)=>{let n=e("PaginationPage"),g=o||n.disabled,p=t??n.page===a;return aa(j.button,{type:"button","data-skdx-pagination-item":"","aria-label":p?n.labels.currentPage(a):n.labels.page(a),"aria-current":p?"page":void 0,"data-state":p?"active":void 0,"data-disabled":g?"":void 0,...i,disabled:g,...Z("pagination","page",i.className),ref:s,onClick:C(i.onClick,()=>{g||n.onPageChange(a)}),children:i.children??a})});m.displayName="PaginationPage";import{jsx as ia}from"react/jsx-runtime";var b=T.forwardRef((a,t)=>{let o=e("PaginationFirst"),i=o.page<=1;return ia(m,{page:1,"aria-label":o.labels.first,disabled:i,...a,...ta("pagination","first",a.className),ref:t,children:a.children??"First"})});b.displayName="PaginationFirst";import*as H from"react";import{skdxPart as oa}from"../utils/part.js";import{Primitive as ea}from"../utils/primitive.js";import{jsx as na}from"react/jsx-runtime";var P=H.forwardRef((a,t)=>na(ea.li,{...a,...oa("pagination","item",a.className),ref:t}));P.displayName="PaginationItem";import*as F from"react";import{skdxPart as ra}from"../utils/part.js";import{jsx as sa}from"react/jsx-runtime";var v=F.forwardRef((a,t)=>{let o=e("PaginationLast"),i=o.page>=o.pageCount;return sa(m,{page:o.pageCount,"aria-label":o.labels.last,disabled:i,...a,...ra("pagination","last",a.className),ref:t,children:a.children??"Last"})});v.displayName="PaginationLast";import*as A from"react";import{skdxPart as ma}from"../utils/part.js";import{Primitive as ga}from"../utils/primitive.js";import{jsx as pa}from"react/jsx-runtime";var L=A.forwardRef((a,t)=>pa(ga.ul,{role:"list",...a,...ma("pagination","list",a.className),ref:t}));L.displayName="PaginationList";import*as B from"react";import{skdxPart as Pa}from"../utils/part.js";import{jsx as la}from"react/jsx-runtime";var y=B.forwardRef((a,t)=>{let o=e("PaginationNext"),i=o.page>=o.pageCount;return la(m,{page:o.page+1,"aria-label":o.labels.next,disabled:i,...a,...Pa("pagination","next",a.className),ref:t,children:a.children??"Next"})});y.displayName="PaginationNext";import*as G from"react";import{skdxPart as fa}from"../utils/part.js";import{jsx as ca}from"react/jsx-runtime";var N=G.forwardRef((a,t)=>{let o=e("PaginationPrevious"),i=o.page<=1;return ca(m,{page:o.page-1,"aria-label":o.labels.previous,disabled:i,...a,...fa("pagination","previous",a.className),ref:t,children:a.children??"Previous"})});N.displayName="PaginationPrevious";import*as D from"react";import{skdxPart as da}from"../utils/part.js";import{Primitive as xa}from"../utils/primitive.js";import{jsx as ua}from"react/jsx-runtime";var E=D.forwardRef(({format:a,children:t,...o},i)=>{let s=e("PaginationStatus");return ua(xa.div,{role:"status",...o,...da("pagination","status",o.className),ref:i,children:t??a?.(s.page,s.pageCount)})});E.displayName="PaginationStatus";import{Fragment as ba,jsx as r,jsxs as O}from"react/jsx-runtime";function Ra(a,t){return`Page ${a} of ${t}`}var _=({showFirstLast:a,showStatus:t})=>{let o=e("Pagination");return O(ba,{children:[O(L,{children:[a?r(P,{children:r(b,{})}):null,r(P,{children:r(N,{})}),o.pages.map((i,s)=>r(P,{children:i==="ellipsis"?r(R,{}):r(m,{page:i})},s)),r(P,{children:r(y,{})}),a?r(P,{children:r(v,{})}):null]}),t?r(E,{format:Ra}):null]})};import{jsx as h}from"react/jsx-runtime";var Ma="[data-skdx-pagination-item]",[wa,e]=va("Pagination"),$=l.forwardRef(({pageCount:a,page:t,defaultPage:o=1,onPageChange:i,siblingCount:s=1,boundaryCount:n=1,disabled:g=!1,labels:p,"aria-label":f,showFirstLast:c=!1,showStatus:K=!1,children:U,...d},V)=>{let[x=1,q]=Ea({prop:t,defaultProp:o,onChange:i}),M=l.useMemo(()=>w(p),[p]),z=l.useMemo(()=>S({page:x,pageCount:a,siblingCount:s,boundaryCount:n}),[x,a,s,n]),J=ha({orientation:"horizontal",loop:!1,itemSelector:Ma});return h(wa,{page:x,pageCount:a,pages:z,onPageChange:q,labels:M,disabled:g,children:h(Na.nav,{"aria-label":f??M.root,"data-disabled":g?"":void 0,...d,...La("pagination","root",d.className),ref:V,onKeyDown:ya(d.onKeyDown,J),children:U??h(_,{showFirstLast:c,showStatus:K})})})});$.displayName="Pagination";export{Q as DEFAULT_PAGINATION_LABELS,$ as Pagination,R as PaginationEllipsis,b as PaginationFirst,P as PaginationItem,v as PaginationLast,L as PaginationList,y as PaginationNext,m as PaginationPage,N as PaginationPrevious,wa as PaginationProvider,E as PaginationStatus,S as getPaginationRange,w as resolvePaginationLabels,e as usePaginationContext};