@skdx/react 0.28.0 → 0.29.0

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

@@ -1,6 +1,6 @@
 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. */
+/** @internal Shared context state distributed from {@link NumberField} to its parts. */
 export interface NumberFieldContextValue {
     /** `null` is the empty field — nothing entered, nothing to submit. */
     value: number | null;
@@ -11,28 +11,20 @@ export interface NumberFieldContextValue {
     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;
+    formatOptions?: Intl.NumberFormatOptions | undefined;
+    /** BCP-47 locale for format/parse; undefined disables formatting and rounds through String/Number instead. */
+    locale?: string | undefined;
     /** 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.
-     */
+    /** Committed value sits outside [min, max]; only reachable under clampBehavior='never', which 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).
-     */
+    /** Clamps and publishes both value-change and value-commit, even when the value is unchanged. */
     commitValue: (next: number | null) => void;
-    /** Steps by steps × step with decimal precision, clamps and commits. Empty field steps from 0. */
+    /** Stepper by steps × step with decimal precision, clamps and commits. Empty field steps from 0. */
     stepBy: (steps: number) => void;
 }
 /** Props for the {@link NumberField} root. */
@@ -41,111 +33,109 @@ export interface NumberFieldProps extends Omit<PrimitivePropsWithRef<'div'>, 'de
      * Current value, for controlled usage, where `null` is the empty field.
      * @default undefined — uncontrolled, tracks its own value internally.
      */
-    value?: number | null;
+    value?: number | null | undefined;
     /**
      * Initial value, for uncontrolled usage, clamped to `min`/`max` on mount.
      * @default null
      */
-    defaultValue?: number | null;
+    defaultValue?: number | null | undefined;
     /**
      * Fires on every keystroke with the clamped value; `null` when emptied.
-     * Unclamped text stays in event.target.value.
      * @default undefined
      */
-    onValueChange?: (value: number | null) => void;
+    onValueChange?: ((value: number | null) => void) | undefined;
     /**
-     * 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.
+     * Fires once the value settles (blur, Enter, arrow, Home/End, or stepper), unlike `onValueChange`.
      * @default undefined
      */
-    onValueCommit?: (value: number | null) => void;
+    onValueCommit?: ((value: number | null) => void) | undefined;
     /**
      * Lower bound the value is clamped to, including via increment/decrement and arrow keys.
      * @default -Infinity
      */
-    min?: number;
+    min?: number | undefined;
     /**
      * Upper bound the value is clamped to, including via increment/decrement and arrow keys.
      * @default Infinity
      */
-    max?: number;
+    max?: number | undefined;
     /**
      * Amount the step buttons and Arrow Up/Down change the value by; Page Up/Down uses 10x this.
      * @default 1
      */
-    step?: number;
+    step?: number | undefined;
     /**
      * Disables the field, its input, and both step buttons.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
-     * Marks the field as invalid, exposed as `data-invalid` on the root and
-     * `aria-invalid`/`data-invalid` on the input.
+     * Marks the field as invalid, exposed as `data-invalid` on the root and `aria-invalid`/`data-invalid` on the input.
      * @default false
      */
-    invalid?: boolean;
+    invalid?: boolean | undefined;
     /**
-     * Makes the input read-only and the step buttons inert, leaving them focusable but unable to change the value.
+     * Makes the input read-only and the step buttons inert but focusable.
      * @default false
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
-     * 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).
+     * Intl.NumberFormat options; typed text parses through the same formatter, min/max/step still operate on the numeric value.
      * @default undefined (displays as String(value))
      */
-    formatOptions?: Intl.NumberFormatOptions;
+    formatOptions?: Intl.NumberFormatOptions | undefined;
     /**
      * BCP-47 locale for formatting and parsing, resolved once so server and client agree.
      * @default undefined — the runtime's default locale.
      */
-    locale?: string;
+    locale?: string | undefined;
     /**
      * Snap typed text to [min, max]; 'never' publishes as-typed and marks aria-invalid / data-invalid.
      * @default 'blur'
      */
-    clampBehavior?: 'blur' | 'never';
+    clampBehavior?: 'blur' | 'never' | undefined;
     /**
      * Mouse wheel steps when focused (focus-gated to avoid edits while scrolling).
      * @default false
      */
-    allowWheel?: boolean;
+    allowWheel?: boolean | undefined;
     /**
      * 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?: string | undefined;
     /**
-     * Form field name; hidden input submits raw committed number, not formatted text.
-     * Empty field submits empty string (never 0); form reset restores defaultValue.
+     * Form field name; hidden input submits the raw committed number, not formatted text.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Marks required with aria-required and valueMissing constraint (requires name).
      * @default false
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * Renders derived decrement/increment buttons flanking the input; ignored when `children` is given.
      * @default true
      */
-    showControls?: boolean;
+    showControls?: boolean | undefined;
     /**
      * Accessible name of the derived increment button; ignored when `children` is given.
      * @default 'Increment'
      */
-    incrementLabel?: string;
+    incrementLabel?: string | undefined;
     /**
      * Accessible name of the derived decrement button; ignored when `children` is given.
      * @default 'Decrement'
      */
-    decrementLabel?: string;
+    decrementLabel?: string | undefined;
+    /**
+     * Size rung the skin scales the field by, mirrored to `data-size`.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 }
-/**
- * What {@link NumberField}'s forwarded ref carries: the root `<div>` plus the two constraint-validation methods.
- */
+/** 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'> {
@@ -156,7 +146,7 @@ export interface NumberFieldIncrementProps extends PrimitivePropsWithRef<'button
      * Accessible name; children (usually '+') don't announce clearly alone.
      * @default 'Increment'
      */
-    label?: string;
+    label?: string | undefined;
 }
 /** Button that decrements value by one step. */
 export interface NumberFieldDecrementProps extends PrimitivePropsWithRef<'button'> {
@@ -164,5 +154,5 @@ export interface NumberFieldDecrementProps extends PrimitivePropsWithRef<'button
      * Accessible name; children (usually '-') don't announce clearly alone.
      * @default 'Decrement'
      */
-    label?: string;
+    label?: string | undefined;
 }

package/dist/pagination/Pagination.cjs

@@ -1 +1,2 @@
-"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});
+'use client';
+"use strict";var bt=Object.create;var d=Object.defineProperty;var Rt=Object.getOwnPropertyDescriptor;var yt=Object.getOwnPropertyNames;var vt=Object.getPrototypeOf,Nt=Object.prototype.hasOwnProperty;var Lt=(a,t)=>{for(var e in t)d(a,e,{get:t[e],enumerable:!0})},G=(a,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of yt(t))!Nt.call(a,o)&&o!==e&&d(a,o,{get:()=>t[o],enumerable:!(i=Rt(t,o))||i.enumerable});return a};var ht=(a,t,e)=>(e=a!=null?bt(vt(a)):{},G(t||!a||!a.__esModule?d(e,"default",{value:a,enumerable:!0}):e,a)),Et=a=>G(d({},"__esModule",{value:!0}),a);var It={};Lt(It,{DEFAULT_PAGINATION_LABELS:()=>O,Pagination:()=>M,PaginationEllipsis:()=>x,PaginationFirst:()=>b,PaginationItem:()=>l,PaginationLast:()=>R,PaginationList:()=>y,PaginationNext:()=>v,PaginationPage:()=>m,PaginationPrevious:()=>N,PaginationProvider:()=>pt,PaginationStatus:()=>L,getPaginationRange:()=>F,resolvePaginationLabels:()=>k,usePaginationContext:()=>r});module.exports=Et(It);var A=ht(require("react"),1),ot=require("../utils/appearance.cjs"),nt=require("../utils/createContext.cjs"),rt=require("../utils/part.cjs"),E=require("../utils/primitive.cjs"),st=require("../utils/useControllableState.cjs"),mt=require("../utils/useRovingFocus.cjs");var O={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{...O,...Object.fromEntries(Object.entries(a??{}).filter(([,t])=>t!==void 0))}}function I(a,t){return Array.from({length:Math.max(t-a+1,0)},(e,i)=>a+i)}function F({page:a,pageCount:t,siblingCount:e=1,boundaryCount:i=1}){let o=I(1,Math.min(i,t)),s=I(Math.max(t-i+1,i+1),t),p=Math.max(Math.min(a-e,t-i-e*2-1),i+2),g=Math.min(Math.max(a+e,i+e*2+2),s.length>0?s[0]-2:t-1),P=[];p>i+2?P=["ellipsis"]:i+1<t-i&&(P=[i+1]);let f=[];return g<t-i-1?f=["ellipsis"]:t-i>i&&(f=[t-i]),[...o,...P,...I(p,g),...f,...s]}var K=require("../utils/part.cjs"),D=require("../utils/primitive.cjs"),T=require("react/jsx-runtime"),x=({children:a,ref:t,...e})=>(0,T.jsx)(D.Primitive.span,{role:"presentation","aria-hidden":"true",...e,...(0,K.skdxPart)("pagination","ellipsis",e.className),ref:t,children:a??"\u2026"});x.displayName="PaginationEllipsis";var B=require("../utils/part.cjs");var _=require("../utils/part.cjs"),u=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),m=({page:a,isActive:t,disabled:e,ref:i,...o})=>{let s=r("PaginationPage"),p=e||s.disabled,g=t??s.page===a,P=(0,_.skdxPart)("pagination","page",o.className);return(0,$.jsx)(u.Primitive.button,{type:"button","data-skdx-pagination-item":"","aria-label":g?s.labels.currentPage(a):s.labels.page(a),"aria-current":g?"page":void 0,"data-state":g?"active":void 0,"data-disabled":p?"":void 0,...P,...o,className:P.className,disabled:p,ref:i,onClick:(0,u.composeEventHandlers)(o.onClick,()=>{p||s.onPageChange(a)}),children:o.children??a})};m.displayName="PaginationPage";var H=require("react/jsx-runtime"),b=({ref:a,...t})=>{let e=r("PaginationFirst"),i=e.page<=1;return(0,H.jsx)(m,{page:1,"aria-label":e.labels.first,disabled:i,isActive:!1,...t,...(0,B.skdxPart)("pagination","first",t.className),ref:a,children:t.children??"First"})};b.displayName="PaginationFirst";var J=require("../utils/part.cjs"),V=require("../utils/primitive.cjs"),X=require("react/jsx-runtime"),l=({ref:a,...t})=>(0,X.jsx)(V.Primitive.li,{...t,...(0,J.skdxPart)("pagination","item",t.className),ref:a});l.displayName="PaginationItem";var z=require("../utils/part.cjs");var U=require("react/jsx-runtime"),R=({ref:a,...t})=>{let e=r("PaginationLast"),i=e.page>=e.pageCount;return(0,U.jsx)(m,{page:e.pageCount,"aria-label":e.labels.last,disabled:i,isActive:!1,...t,...(0,z.skdxPart)("pagination","last",t.className),ref:a,children:t.children??"Last"})};R.displayName="PaginationLast";var q=require("../utils/part.cjs"),Q=require("../utils/primitive.cjs"),W=require("react/jsx-runtime"),y=({ref:a,...t})=>(0,W.jsx)(Q.Primitive.ul,{role:"list",...t,...(0,q.skdxPart)("pagination","list",t.className),ref:a});y.displayName="PaginationList";var Y=require("../utils/part.cjs");var Z=require("react/jsx-runtime"),v=({ref:a,...t})=>{let e=r("PaginationNext"),i=e.page>=e.pageCount;return(0,Z.jsx)(m,{page:e.page+1,"aria-label":e.labels.next,disabled:i,...t,...(0,Y.skdxPart)("pagination","next",t.className),ref:a,children:t.children??"Next"})};v.displayName="PaginationNext";var C=require("../utils/part.cjs");var j=require("react/jsx-runtime"),N=({ref:a,...t})=>{let e=r("PaginationPrevious"),i=e.page<=1;return(0,j.jsx)(m,{page:e.page-1,"aria-label":e.labels.previous,disabled:i,...t,...(0,C.skdxPart)("pagination","previous",t.className),ref:a,children:t.children??"Previous"})};N.displayName="PaginationPrevious";var tt=require("../utils/part.cjs"),at=require("../utils/primitive.cjs");var et=require("react/jsx-runtime");function St(a,t){return`Page ${a} of ${t}`}var L=({format:a,children:t,ref:e,...i})=>{let o=r("PaginationStatus");return(0,et.jsx)(at.Primitive.div,{role:"status",...i,...(0,tt.skdxPart)("pagination","status",i.className),ref:e,children:t??(a??St)(o.page,o.pageCount)})};L.displayName="PaginationStatus";var n=require("react/jsx-runtime"),it=({showFirstLast:a,showStatus:t})=>{let e=r("Pagination");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(y,{children:[a?(0,n.jsx)(l,{children:(0,n.jsx)(b,{})}):null,(0,n.jsx)(l,{children:(0,n.jsx)(N,{})}),e.pages.map((i,o)=>(0,n.jsx)(l,{children:i==="ellipsis"?(0,n.jsx)(x,{}):(0,n.jsx)(m,{page:i})},o)),(0,n.jsx)(l,{children:(0,n.jsx)(v,{})}),a?(0,n.jsx)(l,{children:(0,n.jsx)(R,{})}):null]}),t?(0,n.jsx)(L,{}):null]})};var h=require("react/jsx-runtime"),kt="[data-skdx-pagination-item]",[pt,r]=(0,nt.createSafeContext)("Pagination"),M=({pageCount:a,page:t,defaultPage:e=1,onPageChange:i,siblingCount:o=1,boundaryCount:s=1,disabled:p=!1,labels:g,"aria-label":P,showFirstLast:f=!1,showStatus:gt=!1,children:Pt,ref:lt,density:ft,size:ct,...c})=>{let[S=1,dt]=(0,st.useControllableState)({prop:t,defaultProp:e,onChange:i}),w=A.useMemo(()=>k(g),[g]),xt=A.useMemo(()=>F({page:S,pageCount:a,siblingCount:o,boundaryCount:s}),[S,a,o,s]),ut=(0,mt.useRovingFocus)({orientation:"horizontal",loop:!1,itemSelector:kt});return(0,h.jsx)(pt,{page:S,pageCount:a,pages:xt,onPageChange:dt,labels:w,disabled:p,children:(0,h.jsx)(E.Primitive.nav,{"aria-label":P??w.root,"data-disabled":p?"":void 0,...c,...(0,ot.appearanceAttrs)({density:ft,size:ct},c),...(0,rt.skdxPart)("pagination","root",c.className),ref:lt,onKeyDown:(0,E.composeEventHandlers)(c.onKeyDown,ut),children:Pt??(0,h.jsx)(it,{showFirstLast:f,showStatus:gt})})})};M.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

@@ -1,59 +1,17 @@
 import * as React from 'react';
 import type { PaginationContextValue, PaginationProps } from './types.cjs';
-export declare const PaginationProvider: {
-    (props: PaginationContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, usePaginationContext: (consumerName: string) => PaginationContextValue;
+export declare const PaginationProvider: React.FC<PaginationContextValue & {
+    children: React.ReactNode;
+}>, usePaginationContext: (consumerName: string) => PaginationContextValue;
 /**
- * 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`).
- *
- * `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.
+ * Root pagination control that owns the current page and renders a keyboard-navigable nav strip.
  *
  * @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>
- *       <PaginationPage page={1} isActive>1</PaginationPage>
- *     </PaginationItem>
- *     <PaginationItem>
- *       <PaginationEllipsis />
- *     </PaginationItem>
- *     <PaginationItem>
- *       <PaginationNext />
- *     </PaginationItem>
- *   </PaginationList>
- * </Pagination>
- * ```
  */
-export declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const Pagination: {
+    ({ pageCount, page: pageProp, defaultPage, onPageChange, siblingCount, boundaryCount, disabled, labels: labelsProp, "aria-label": ariaLabel, showFirstLast, showStatus, children, ref: forwardedRef, density, size, ...props }: PaginationProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/Pagination.d.ts

@@ -1,59 +1,17 @@
 import * as React from 'react';
 import type { PaginationContextValue, PaginationProps } from './types.js';
-export declare const PaginationProvider: {
-    (props: PaginationContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, usePaginationContext: (consumerName: string) => PaginationContextValue;
+export declare const PaginationProvider: React.FC<PaginationContextValue & {
+    children: React.ReactNode;
+}>, usePaginationContext: (consumerName: string) => PaginationContextValue;
 /**
- * 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`).
- *
- * `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.
+ * Root pagination control that owns the current page and renders a keyboard-navigable nav strip.
  *
  * @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>
- *       <PaginationPage page={1} isActive>1</PaginationPage>
- *     </PaginationItem>
- *     <PaginationItem>
- *       <PaginationEllipsis />
- *     </PaginationItem>
- *     <PaginationItem>
- *       <PaginationNext />
- *     </PaginationItem>
- *   </PaginationList>
- * </Pagination>
- * ```
  */
-export declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const Pagination: {
+    ({ pageCount, page: pageProp, defaultPage, onPageChange, siblingCount, boundaryCount, disabled, labels: labelsProp, "aria-label": ariaLabel, showFirstLast, showStatus, children, ref: forwardedRef, density, size, ...props }: PaginationProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/Pagination.js

@@ -1 +1,2 @@
-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};
+'use client';
+import*as E from"react";import{appearanceAttrs as ft}from"../utils/appearance.js";import{createSafeContext as ct}from"../utils/createContext.js";import{skdxPart as dt}from"../utils/part.js";import{composeEventHandlers as xt,Primitive as ut}from"../utils/primitive.js";import{useControllableState as bt}from"../utils/useControllableState.js";import{useRovingFocus as Rt}from"../utils/useRovingFocus.js";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,...Object.fromEntries(Object.entries(a??{}).filter(([,t])=>t!==void 0))}}function x(a,t){return Array.from({length:Math.max(t-a+1,0)},(i,e)=>a+e)}function I({page:a,pageCount:t,siblingCount:i=1,boundaryCount:e=1}){let o=x(1,Math.min(e,t)),r=x(Math.max(t-e+1,e+1),t),p=Math.max(Math.min(a-i,t-e-i*2-1),e+2),g=Math.min(Math.max(a+i,e+i*2+2),r.length>0?r[0]-2:t-1),P=[];p>e+2?P=["ellipsis"]:e+1<t-e&&(P=[e+1]);let f=[];return g<t-e-1?f=["ellipsis"]:t-e>e&&(f=[t-e]),[...o,...P,...x(p,g),...f,...r]}import{skdxPart as H}from"../utils/part.js";import{Primitive as J}from"../utils/primitive.js";import{jsx as V}from"react/jsx-runtime";var u=({children:a,ref:t,...i})=>V(J.span,{role:"presentation","aria-hidden":"true",...i,...H("pagination","ellipsis",i.className),ref:t,children:a??"\u2026"});u.displayName="PaginationEllipsis";import{skdxPart as Q}from"../utils/part.js";import{skdxPart as X}from"../utils/part.js";import{composeEventHandlers as z,Primitive as U}from"../utils/primitive.js";import{jsx as q}from"react/jsx-runtime";var m=({page:a,isActive:t,disabled:i,ref:e,...o})=>{let r=n("PaginationPage"),p=i||r.disabled,g=t??r.page===a,P=X("pagination","page",o.className);return q(U.button,{type:"button","data-skdx-pagination-item":"","aria-label":g?r.labels.currentPage(a):r.labels.page(a),"aria-current":g?"page":void 0,"data-state":g?"active":void 0,"data-disabled":p?"":void 0,...P,...o,className:P.className,disabled:p,ref:e,onClick:z(o.onClick,()=>{p||r.onPageChange(a)}),children:o.children??a})};m.displayName="PaginationPage";import{jsx as W}from"react/jsx-runtime";var b=({ref:a,...t})=>{let i=n("PaginationFirst"),e=i.page<=1;return W(m,{page:1,"aria-label":i.labels.first,disabled:e,isActive:!1,...t,...Q("pagination","first",t.className),ref:a,children:t.children??"First"})};b.displayName="PaginationFirst";import{skdxPart as Y}from"../utils/part.js";import{Primitive as Z}from"../utils/primitive.js";import{jsx as C}from"react/jsx-runtime";var l=({ref:a,...t})=>C(Z.li,{...t,...Y("pagination","item",t.className),ref:a});l.displayName="PaginationItem";import{skdxPart as j}from"../utils/part.js";import{jsx as tt}from"react/jsx-runtime";var R=({ref:a,...t})=>{let i=n("PaginationLast"),e=i.page>=i.pageCount;return tt(m,{page:i.pageCount,"aria-label":i.labels.last,disabled:e,isActive:!1,...t,...j("pagination","last",t.className),ref:a,children:t.children??"Last"})};R.displayName="PaginationLast";import{skdxPart as at}from"../utils/part.js";import{Primitive as et}from"../utils/primitive.js";import{jsx as it}from"react/jsx-runtime";var y=({ref:a,...t})=>it(et.ul,{role:"list",...t,...at("pagination","list",t.className),ref:a});y.displayName="PaginationList";import{skdxPart as ot}from"../utils/part.js";import{jsx as nt}from"react/jsx-runtime";var v=({ref:a,...t})=>{let i=n("PaginationNext"),e=i.page>=i.pageCount;return nt(m,{page:i.page+1,"aria-label":i.labels.next,disabled:e,...t,...ot("pagination","next",t.className),ref:a,children:t.children??"Next"})};v.displayName="PaginationNext";import{skdxPart as rt}from"../utils/part.js";import{jsx as st}from"react/jsx-runtime";var N=({ref:a,...t})=>{let i=n("PaginationPrevious"),e=i.page<=1;return st(m,{page:i.page-1,"aria-label":i.labels.previous,disabled:e,...t,...rt("pagination","previous",t.className),ref:a,children:t.children??"Previous"})};N.displayName="PaginationPrevious";import{skdxPart as mt}from"../utils/part.js";import{Primitive as pt}from"../utils/primitive.js";import{jsx as Pt}from"react/jsx-runtime";function gt(a,t){return`Page ${a} of ${t}`}var L=({format:a,children:t,ref:i,...e})=>{let o=n("PaginationStatus");return Pt(pt.div,{role:"status",...e,...mt("pagination","status",e.className),ref:i,children:t??(a??gt)(o.page,o.pageCount)})};L.displayName="PaginationStatus";import{Fragment as lt,jsx as s,jsxs as F}from"react/jsx-runtime";var A=({showFirstLast:a,showStatus:t})=>{let i=n("Pagination");return F(lt,{children:[F(y,{children:[a?s(l,{children:s(b,{})}):null,s(l,{children:s(N,{})}),i.pages.map((e,o)=>s(l,{children:e==="ellipsis"?s(u,{}):s(m,{page:e})},o)),s(l,{children:s(v,{})}),a?s(l,{children:s(R,{})}):null]}),t?s(L,{}):null]})};import{jsx as h}from"react/jsx-runtime";var yt="[data-skdx-pagination-item]",[vt,n]=ct("Pagination"),M=({pageCount:a,page:t,defaultPage:i=1,onPageChange:e,siblingCount:o=1,boundaryCount:r=1,disabled:p=!1,labels:g,"aria-label":P,showFirstLast:f=!1,showStatus:w=!1,children:G,ref:O,density:K,size:D,...c})=>{let[d=1,T]=bt({prop:t,defaultProp:i,onChange:e}),S=E.useMemo(()=>k(g),[g]),_=E.useMemo(()=>I({page:d,pageCount:a,siblingCount:o,boundaryCount:r}),[d,a,o,r]),$=Rt({orientation:"horizontal",loop:!1,itemSelector:yt});return h(vt,{page:d,pageCount:a,pages:_,onPageChange:T,labels:S,disabled:p,children:h(ut.nav,{"aria-label":P??S.root,"data-disabled":p?"":void 0,...c,...ft({density:K,size:D},c),...dt("pagination","root",c.className),ref:O,onKeyDown:xt(c.onKeyDown,$),children:G??h(A,{showFirstLast:f,showStatus:w})})})};M.displayName="Pagination";export{B as DEFAULT_PAGINATION_LABELS,M as Pagination,u as PaginationEllipsis,b as PaginationFirst,l as PaginationItem,R as PaginationLast,y as PaginationList,v as PaginationNext,m as PaginationPage,N as PaginationPrevious,vt as PaginationProvider,L as PaginationStatus,I as getPaginationRange,k as resolvePaginationLabels,n as usePaginationContext};

package/dist/pagination/PaginationAnatomy.d.cts

@@ -1,9 +1,10 @@
+import type { JSX } from 'react';
 /**
  * Default anatomy for {@link Pagination}: previous/next around page buttons and ellipses, optionally with first/last and status line.
  *
  * @internal
  */
 export declare const PaginationAnatomy: ({ showFirstLast, showStatus, }: {
-    showFirstLast?: boolean;
-    showStatus?: boolean;
-}) => import("react").JSX.Element;
+    showFirstLast?: boolean | undefined;
+    showStatus?: boolean | undefined;
+}) => JSX.Element;

package/dist/pagination/PaginationAnatomy.d.ts

@@ -1,9 +1,10 @@
+import type { JSX } from 'react';
 /**
  * Default anatomy for {@link Pagination}: previous/next around page buttons and ellipses, optionally with first/last and status line.
  *
  * @internal
  */
 export declare const PaginationAnatomy: ({ showFirstLast, showStatus, }: {
-    showFirstLast?: boolean;
-    showStatus?: boolean;
-}) => import("react").JSX.Element;
+    showFirstLast?: boolean | undefined;
+    showStatus?: boolean | undefined;
+}) => JSX.Element;

package/dist/pagination/PaginationEllipsis.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationEllipsisProps } from './types.cjs';
 /**
- * Placeholder standing in for a run of collapsed page numbers: renders a
- * `<span>` with `role="presentation"` and `aria-hidden="true"`. Defaults to
- * `…`; pass `children` to override.
+ * Renders a hidden `<span>` placeholder standing in for a run of collapsed page numbers.
  *
  * @example
  * ```tsx
@@ -12,4 +10,7 @@ import type { PaginationEllipsisProps } from './types.cjs';
  * </PaginationItem>
  * ```
  */
-export declare const PaginationEllipsis: React.ForwardRefExoticComponent<Omit<PaginationEllipsisProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const PaginationEllipsis: {
+    ({ children, ref: forwardedRef, ...props }: PaginationEllipsisProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationEllipsis.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationEllipsisProps } from './types.js';
 /**
- * Placeholder standing in for a run of collapsed page numbers: renders a
- * `<span>` with `role="presentation"` and `aria-hidden="true"`. Defaults to
- * `…`; pass `children` to override.
+ * Renders a hidden `<span>` placeholder standing in for a run of collapsed page numbers.
  *
  * @example
  * ```tsx
@@ -12,4 +10,7 @@ import type { PaginationEllipsisProps } from './types.js';
  * </PaginationItem>
  * ```
  */
-export declare const PaginationEllipsis: React.ForwardRefExoticComponent<Omit<PaginationEllipsisProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const PaginationEllipsis: {
+    ({ children, ref: forwardedRef, ...props }: PaginationEllipsisProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationFirst.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationFirstProps } from './types.cjs';
 /**
  * A {@link PaginationPage} preconfigured for page 1, labelled `"Go to first
@@ -11,4 +11,7 @@ import type { PaginationFirstProps } from './types.cjs';
  * </PaginationItem>
  * ```
  */
-export declare const PaginationFirst: React.ForwardRefExoticComponent<Omit<PaginationFirstProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationFirst: {
+    ({ ref: forwardedRef, ...props }: PaginationFirstProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationFirst.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationFirstProps } from './types.js';
 /**
  * A {@link PaginationPage} preconfigured for page 1, labelled `"Go to first
@@ -11,4 +11,7 @@ import type { PaginationFirstProps } from './types.js';
  * </PaginationItem>
  * ```
  */
-export declare const PaginationFirst: React.ForwardRefExoticComponent<Omit<PaginationFirstProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationFirst: {
+    ({ ref: forwardedRef, ...props }: PaginationFirstProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationItem.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationItemProps } from './types.cjs';
 /**
  * A single `<li>` wrapper around a {@link PaginationPage},
@@ -12,4 +12,7 @@ import type { PaginationItemProps } from './types.cjs';
  * </PaginationItem>
  * ```
  */
-export declare const PaginationItem: React.ForwardRefExoticComponent<Omit<PaginationItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export declare const PaginationItem: {
+    ({ ref: forwardedRef, ...props }: PaginationItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationItem.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationItemProps } from './types.js';
 /**
  * A single `<li>` wrapper around a {@link PaginationPage},
@@ -12,4 +12,7 @@ import type { PaginationItemProps } from './types.js';
  * </PaginationItem>
  * ```
  */
-export declare const PaginationItem: React.ForwardRefExoticComponent<Omit<PaginationItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export declare const PaginationItem: {
+    ({ ref: forwardedRef, ...props }: PaginationItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationLast.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationLastProps } from './types.cjs';
 /**
  * A {@link PaginationPage} preconfigured for the last page, labelled `"Go to
@@ -11,4 +11,7 @@ import type { PaginationLastProps } from './types.cjs';
  * </PaginationItem>
  * ```
  */
-export declare const PaginationLast: React.ForwardRefExoticComponent<Omit<PaginationLastProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationLast: {
+    ({ ref: forwardedRef, ...props }: PaginationLastProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationLast.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationLastProps } from './types.js';
 /**
  * A {@link PaginationPage} preconfigured for the last page, labelled `"Go to
@@ -11,4 +11,7 @@ import type { PaginationLastProps } from './types.js';
  * </PaginationItem>
  * ```
  */
-export declare const PaginationLast: React.ForwardRefExoticComponent<Omit<PaginationLastProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationLast: {
+    ({ ref: forwardedRef, ...props }: PaginationLastProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationList.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationListProps } from './types.cjs';
 /**
  * List holding page entries. `role="list"` is explicit because Safari/VoiceOver drops list semantics from marker-less `<ul>`.
@@ -12,4 +12,7 @@ import type { PaginationListProps } from './types.cjs';
  * </PaginationList>
  * ```
  */
-export declare const PaginationList: React.ForwardRefExoticComponent<Omit<PaginationListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export declare const PaginationList: {
+    ({ ref: forwardedRef, ...props }: PaginationListProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationList.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationListProps } from './types.js';
 /**
  * List holding page entries. `role="list"` is explicit because Safari/VoiceOver drops list semantics from marker-less `<ul>`.
@@ -12,4 +12,7 @@ import type { PaginationListProps } from './types.js';
  * </PaginationList>
  * ```
  */
-export declare const PaginationList: React.ForwardRefExoticComponent<Omit<PaginationListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export declare const PaginationList: {
+    ({ ref: forwardedRef, ...props }: PaginationListProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pagination/PaginationNext.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PaginationNextProps } from './types.cjs';
 /**
  * A {@link PaginationPage} preconfigured for `page + 1`, labelled
@@ -11,4 +11,7 @@ import type { PaginationNextProps } from './types.cjs';
  * </PaginationItem>
  * ```
  */
-export declare const PaginationNext: React.ForwardRefExoticComponent<Omit<PaginationNextProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationNext: {
+    ({ ref: forwardedRef, ...props }: PaginationNextProps): React.ReactNode;
+    displayName: string;
+};