@sprawlify/primitives 0.0.1

package/dist/machines/pagination/index.cjs

@@ -0,0 +1,419 @@
+const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
+const require_dom_query = require('../../dom-query-CWZdWUGp.cjs');
+const require_utils = require('../../utils-_6frwjgJ.cjs');
+const require_core = require('../../core-CQFbMdTl.cjs');
+const require_create_props = require('../../create-props-YKy7JIKj.cjs');
+
+//#region src/machines/pagination/pagination.anatomy.ts
+const anatomy = require_create_anatomy.createAnatomy("pagination").parts("root", "item", "ellipsis", "firstTrigger", "prevTrigger", "nextTrigger", "lastTrigger");
+const parts = anatomy.build();
+
+//#endregion
+//#region src/machines/pagination/pagination.dom.ts
+const getRootId = (ctx) => ctx.ids?.root ?? `pagination:${ctx.id}`;
+const getFirstTriggerId = (ctx) => ctx.ids?.firstTrigger ?? `pagination:${ctx.id}:first`;
+const getPrevTriggerId = (ctx) => ctx.ids?.prevTrigger ?? `pagination:${ctx.id}:prev`;
+const getNextTriggerId = (ctx) => ctx.ids?.nextTrigger ?? `pagination:${ctx.id}:next`;
+const getLastTriggerId = (ctx) => ctx.ids?.lastTrigger ?? `pagination:${ctx.id}:last`;
+const getEllipsisId = (ctx, index) => ctx.ids?.ellipsis?.(index) ?? `pagination:${ctx.id}:ellipsis:${index}`;
+const getItemId = (ctx, page) => ctx.ids?.item?.(page) ?? `pagination:${ctx.id}:item:${page}`;
+
+//#endregion
+//#region src/machines/pagination/pagination.utils.ts
+const range = (start, end) => {
+	let length = end - start + 1;
+	return Array.from({ length }, (_, idx) => idx + start);
+};
+const transform = (items) => {
+	return items.map((value) => {
+		if (require_utils.isNumber(value)) return {
+			type: "page",
+			value
+		};
+		return { type: "ellipsis" };
+	});
+};
+const ELLIPSIS = "ellipsis";
+const getRange = (ctx) => {
+	const { page, totalPages, siblingCount, boundaryCount = 1 } = ctx;
+	if (totalPages <= 0) return [];
+	if (totalPages === 1) return [1];
+	const firstPageIndex = 1;
+	const lastPageIndex = totalPages;
+	const leftSiblingIndex = Math.max(page - siblingCount, firstPageIndex);
+	const rightSiblingIndex = Math.min(page + siblingCount, lastPageIndex);
+	const totalPageNumbers = Math.min(siblingCount * 2 + 3 + boundaryCount * 2, totalPages);
+	if (totalPages <= totalPageNumbers) return range(firstPageIndex, lastPageIndex);
+	const itemCount = totalPageNumbers - 2;
+	const showLeftEllipsis = leftSiblingIndex > firstPageIndex + boundaryCount + 1 && Math.abs(leftSiblingIndex - firstPageIndex) > boundaryCount + 1;
+	const showRightEllipsis = rightSiblingIndex < lastPageIndex - boundaryCount - 1 && Math.abs(lastPageIndex - rightSiblingIndex) > boundaryCount + 1;
+	let pages = [];
+	if (!showLeftEllipsis && showRightEllipsis) {
+		const leftRange = range(1, itemCount);
+		pages.push(...leftRange, ELLIPSIS);
+		pages.push(...range(lastPageIndex - boundaryCount + 1, lastPageIndex));
+	} else if (showLeftEllipsis && !showRightEllipsis) {
+		pages.push(...range(firstPageIndex, firstPageIndex + boundaryCount - 1));
+		pages.push(ELLIPSIS);
+		const rightRange = range(lastPageIndex - itemCount + 1, lastPageIndex);
+		pages.push(...rightRange);
+	} else if (showLeftEllipsis && showRightEllipsis) {
+		pages.push(...range(firstPageIndex, firstPageIndex + boundaryCount - 1));
+		pages.push(ELLIPSIS);
+		const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+		pages.push(...middleRange);
+		pages.push(ELLIPSIS);
+		pages.push(...range(lastPageIndex - boundaryCount + 1, lastPageIndex));
+	} else pages.push(...range(firstPageIndex, lastPageIndex));
+	for (let i = 0; i < pages.length; i++) if (pages[i] === ELLIPSIS) {
+		const prevPage = require_utils.isNumber(pages[i - 1]) ? pages[i - 1] : 0;
+		if ((require_utils.isNumber(pages[i + 1]) ? pages[i + 1] : totalPages + 1) - prevPage === 2) pages[i] = prevPage + 1;
+	}
+	return pages;
+};
+const getTransformedRange = (ctx) => transform(getRange(ctx));
+
+//#endregion
+//#region src/machines/pagination/pagination.connect.ts
+function connect(service, normalize) {
+	const { send, scope, prop, computed, context } = service;
+	const totalPages = computed("totalPages");
+	const page = context.get("page");
+	const pageSize = context.get("pageSize");
+	const translations = prop("translations");
+	const count = prop("count");
+	const getPageUrl = prop("getPageUrl");
+	const type = prop("type");
+	const previousPage = computed("previousPage");
+	const nextPage = computed("nextPage");
+	const pageRange = computed("pageRange");
+	const isFirstPage = page === 1;
+	const isLastPage = page === totalPages;
+	return {
+		count,
+		page,
+		pageSize,
+		totalPages,
+		pages: getTransformedRange({
+			page,
+			totalPages,
+			siblingCount: prop("siblingCount"),
+			boundaryCount: prop("boundaryCount")
+		}),
+		previousPage,
+		nextPage,
+		pageRange,
+		slice(data) {
+			return data.slice(pageRange.start, pageRange.end);
+		},
+		setPageSize(size) {
+			send({
+				type: "SET_PAGE_SIZE",
+				size
+			});
+		},
+		setPage(page$1) {
+			send({
+				type: "SET_PAGE",
+				page: page$1
+			});
+		},
+		goToNextPage() {
+			send({ type: "NEXT_PAGE" });
+		},
+		goToPrevPage() {
+			send({ type: "PREVIOUS_PAGE" });
+		},
+		goToFirstPage() {
+			send({ type: "FIRST_PAGE" });
+		},
+		goToLastPage() {
+			send({ type: "LAST_PAGE" });
+		},
+		getRootProps() {
+			return normalize.element({
+				id: getRootId(scope),
+				...parts.root.attrs,
+				dir: prop("dir"),
+				"aria-label": translations.rootLabel
+			});
+		},
+		getEllipsisProps(props$1) {
+			return normalize.element({
+				id: getEllipsisId(scope, props$1.index),
+				...parts.ellipsis.attrs,
+				dir: prop("dir")
+			});
+		},
+		getItemProps(props$1) {
+			const index = props$1.value;
+			const isCurrentPage = index === page;
+			return normalize.element({
+				id: getItemId(scope, index),
+				...parts.item.attrs,
+				dir: prop("dir"),
+				"data-index": index,
+				"data-selected": require_dom_query.dataAttr(isCurrentPage),
+				"aria-current": isCurrentPage ? "page" : void 0,
+				"aria-label": translations.itemLabel?.({
+					page: index,
+					totalPages
+				}),
+				onClick() {
+					send({
+						type: "SET_PAGE",
+						page: index
+					});
+				},
+				...type === "button" && { type: "button" },
+				...type === "link" && getPageUrl && { href: getPageUrl({
+					page: index,
+					pageSize
+				}) }
+			});
+		},
+		getPrevTriggerProps() {
+			return normalize.element({
+				id: getPrevTriggerId(scope),
+				...parts.prevTrigger.attrs,
+				dir: prop("dir"),
+				"data-disabled": require_dom_query.dataAttr(isFirstPage),
+				"aria-label": translations.prevTriggerLabel,
+				onClick() {
+					send({ type: "PREVIOUS_PAGE" });
+				},
+				...type === "button" && {
+					disabled: isFirstPage,
+					type: "button"
+				},
+				...type === "link" && getPageUrl && previousPage && { href: getPageUrl({
+					page: previousPage,
+					pageSize
+				}) }
+			});
+		},
+		getFirstTriggerProps() {
+			return normalize.element({
+				id: getFirstTriggerId(scope),
+				...parts.firstTrigger.attrs,
+				dir: prop("dir"),
+				"data-disabled": require_dom_query.dataAttr(isFirstPage),
+				"aria-label": translations.firstTriggerLabel,
+				onClick() {
+					send({ type: "FIRST_PAGE" });
+				},
+				...type === "button" && {
+					disabled: isFirstPage,
+					type: "button"
+				},
+				...type === "link" && getPageUrl && { href: getPageUrl({
+					page: 1,
+					pageSize
+				}) }
+			});
+		},
+		getNextTriggerProps() {
+			return normalize.element({
+				id: getNextTriggerId(scope),
+				...parts.nextTrigger.attrs,
+				dir: prop("dir"),
+				"data-disabled": require_dom_query.dataAttr(isLastPage),
+				"aria-label": translations.nextTriggerLabel,
+				onClick() {
+					send({ type: "NEXT_PAGE" });
+				},
+				...type === "button" && {
+					disabled: isLastPage,
+					type: "button"
+				},
+				...type === "link" && getPageUrl && nextPage && { href: getPageUrl({
+					page: nextPage,
+					pageSize
+				}) }
+			});
+		},
+		getLastTriggerProps() {
+			return normalize.element({
+				id: getLastTriggerId(scope),
+				...parts.lastTrigger.attrs,
+				dir: prop("dir"),
+				"data-disabled": require_dom_query.dataAttr(isLastPage),
+				"aria-label": translations.lastTriggerLabel,
+				onClick() {
+					send({ type: "LAST_PAGE" });
+				},
+				...type === "button" && {
+					disabled: isLastPage,
+					type: "button"
+				},
+				...type === "link" && getPageUrl && { href: getPageUrl({
+					page: totalPages,
+					pageSize
+				}) }
+			});
+		}
+	};
+}
+
+//#endregion
+//#region src/machines/pagination/pagination.machine.ts
+const machine = require_core.createMachine({
+	props({ props: props$1 }) {
+		return {
+			defaultPageSize: 10,
+			siblingCount: 1,
+			boundaryCount: 1,
+			defaultPage: 1,
+			type: "button",
+			count: 1,
+			...props$1,
+			translations: {
+				rootLabel: "pagination",
+				firstTriggerLabel: "first page",
+				prevTriggerLabel: "previous page",
+				nextTriggerLabel: "next page",
+				lastTriggerLabel: "last page",
+				itemLabel({ page, totalPages }) {
+					return `${totalPages > 1 && page === totalPages ? "last page, " : ""}page ${page}`;
+				},
+				...props$1.translations
+			}
+		};
+	},
+	initialState() {
+		return "idle";
+	},
+	context({ prop, bindable, getContext }) {
+		return {
+			page: bindable(() => ({
+				value: prop("page"),
+				defaultValue: prop("defaultPage"),
+				onChange(value) {
+					const context = getContext();
+					prop("onPageChange")?.({
+						page: value,
+						pageSize: context.get("pageSize")
+					});
+				}
+			})),
+			pageSize: bindable(() => ({
+				value: prop("pageSize"),
+				defaultValue: prop("defaultPageSize"),
+				onChange(value) {
+					prop("onPageSizeChange")?.({ pageSize: value });
+				}
+			}))
+		};
+	},
+	watch({ track, context, action }) {
+		track([() => context.get("pageSize")], () => {
+			action(["setPageIfNeeded"]);
+		});
+	},
+	computed: {
+		totalPages: require_core.memo(({ prop, context }) => [context.get("pageSize"), prop("count")], ([pageSize, count]) => Math.ceil(count / pageSize)),
+		pageRange: require_core.memo(({ context, prop }) => [
+			context.get("page"),
+			context.get("pageSize"),
+			prop("count")
+		], ([page, pageSize, count]) => {
+			const start = (page - 1) * pageSize;
+			return {
+				start,
+				end: Math.min(start + pageSize, count)
+			};
+		}),
+		previousPage: ({ context }) => context.get("page") === 1 ? null : context.get("page") - 1,
+		nextPage: ({ context, computed }) => context.get("page") === computed("totalPages") ? null : context.get("page") + 1,
+		isValidPage: ({ context, computed }) => context.get("page") >= 1 && context.get("page") <= computed("totalPages")
+	},
+	on: {
+		SET_PAGE: {
+			guard: "isValidPage",
+			actions: ["setPage"]
+		},
+		SET_PAGE_SIZE: { actions: ["setPageSize"] },
+		FIRST_PAGE: { actions: ["goToFirstPage"] },
+		LAST_PAGE: { actions: ["goToLastPage"] },
+		PREVIOUS_PAGE: {
+			guard: "canGoToPrevPage",
+			actions: ["goToPrevPage"]
+		},
+		NEXT_PAGE: {
+			guard: "canGoToNextPage",
+			actions: ["goToNextPage"]
+		}
+	},
+	states: { idle: {} },
+	implementations: {
+		guards: {
+			isValidPage: ({ event, computed }) => event.page >= 1 && event.page <= computed("totalPages"),
+			isValidCount: ({ context, event }) => context.get("page") > event.count,
+			canGoToNextPage: ({ context, computed }) => context.get("page") < computed("totalPages"),
+			canGoToPrevPage: ({ context }) => context.get("page") > 1
+		},
+		actions: {
+			setPage({ context, event, computed }) {
+				const page = clampPage(event.page, computed("totalPages"));
+				context.set("page", page);
+			},
+			setPageSize({ context, event }) {
+				context.set("pageSize", event.size);
+			},
+			goToFirstPage({ context }) {
+				context.set("page", 1);
+			},
+			goToLastPage({ context, computed }) {
+				context.set("page", computed("totalPages"));
+			},
+			goToPrevPage({ context, computed }) {
+				context.set("page", (prev) => clampPage(prev - 1, computed("totalPages")));
+			},
+			goToNextPage({ context, computed }) {
+				context.set("page", (prev) => clampPage(prev + 1, computed("totalPages")));
+			},
+			setPageIfNeeded({ context, computed }) {
+				if (computed("isValidPage")) return;
+				context.set("page", 1);
+			}
+		}
+	}
+});
+const clampPage = (page, totalPages) => Math.min(Math.max(page, 1), totalPages);
+
+//#endregion
+//#region src/machines/pagination/pagination.props.ts
+const props = require_create_props.createProps()([
+	"boundaryCount",
+	"count",
+	"dir",
+	"getRootNode",
+	"id",
+	"ids",
+	"onPageChange",
+	"onPageSizeChange",
+	"page",
+	"defaultPage",
+	"pageSize",
+	"defaultPageSize",
+	"siblingCount",
+	"translations",
+	"type",
+	"getPageUrl"
+]);
+const splitProps = require_utils.createSplitProps(props);
+const itemProps = require_create_props.createProps()(["value", "type"]);
+const splitItemProps = require_utils.createSplitProps(itemProps);
+const ellipsisProps = require_create_props.createProps()(["index"]);
+const splitEllipsisProps = require_utils.createSplitProps(ellipsisProps);
+
+//#endregion
+exports.anatomy = anatomy;
+exports.connect = connect;
+exports.ellipsisProps = ellipsisProps;
+exports.itemProps = itemProps;
+exports.machine = machine;
+exports.props = props;
+exports.splitEllipsisProps = splitEllipsisProps;
+exports.splitItemProps = splitItemProps;
+exports.splitProps = splitProps;

package/dist/machines/pagination/index.d.cts

@@ -0,0 +1,139 @@
+import { n as AnatomyInstance } from "../../create-anatomy-BGQ8pv8J.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+
+//#region src/machines/pagination/pagination.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "ellipsis" | "firstTrigger" | "prevTrigger" | "nextTrigger" | "lastTrigger">;
+//#endregion
+//#region src/machines/pagination/pagination.types.d.ts
+interface PageChangeDetails {
+  page: number;
+  pageSize: number;
+}
+interface PageSizeChangeDetails {
+  pageSize: number;
+}
+interface ItemLabelDetails {
+  page: number;
+  totalPages: number;
+}
+interface PageUrlDetails {
+  page: number;
+  pageSize: number;
+}
+interface IntlTranslations {
+  rootLabel?: string | undefined;
+  firstTriggerLabel?: string | undefined;
+  prevTriggerLabel?: string | undefined;
+  nextTriggerLabel?: string | undefined;
+  lastTriggerLabel?: string | undefined;
+  itemLabel?: ((details: ItemLabelDetails) => string) | undefined;
+}
+type ElementIds = Partial<{
+  root: string;
+  ellipsis: (index: number) => string;
+  firstTrigger: string;
+  prevTrigger: string;
+  nextTrigger: string;
+  lastTrigger: string;
+  item: (page: number) => string;
+}>;
+interface PaginationProps extends DirectionProperty, CommonProperties {
+  ids?: ElementIds | undefined;
+  translations?: IntlTranslations | undefined;
+  count?: number | undefined;
+  pageSize?: number | undefined;
+  defaultPageSize?: number | undefined;
+  siblingCount?: number | undefined;
+  boundaryCount?: number | undefined;
+  page?: number | undefined;
+  defaultPage?: number | undefined;
+  onPageChange?: ((details: PageChangeDetails) => void) | undefined;
+  onPageSizeChange?: ((details: PageSizeChangeDetails) => void) | undefined;
+  type?: "button" | "link" | undefined;
+  getPageUrl?: ((details: PageUrlDetails) => string) | undefined;
+}
+type PropsWithDefault = "defaultPageSize" | "defaultPage" | "siblingCount" | "boundaryCount" | "translations" | "type" | "count";
+interface PrivateContext {
+  page: number;
+  pageSize: number;
+}
+type ComputedContext = Readonly<{
+  totalPages: number;
+  pageRange: {
+    start: number;
+    end: number;
+  };
+  previousPage: number | null;
+  nextPage: number | null;
+  isValidPage: boolean;
+}>;
+interface PaginationSchema {
+  state: "idle";
+  props: RequiredBy<PaginationProps, PropsWithDefault>;
+  context: PrivateContext;
+  computed: ComputedContext;
+  event: EventObject;
+  action: string;
+  guard: string;
+  effect: string;
+}
+type PaginationService = Service<PaginationSchema>;
+type PaginationMachine = Machine<PaginationSchema>;
+interface ItemProps {
+  type: "page";
+  value: number;
+}
+interface EllipsisProps {
+  index: number;
+}
+type Pages = Array<{
+  type: "ellipsis";
+} | {
+  type: "page";
+  value: number;
+}>;
+interface PageRange {
+  start: number;
+  end: number;
+}
+interface PaginationApi<T extends PropTypes = PropTypes> {
+  page: number;
+  count: number;
+  pageSize: number;
+  totalPages: number;
+  pages: Pages;
+  previousPage: number | null;
+  nextPage: number | null;
+  pageRange: PageRange;
+  slice: <V>(data: V[]) => V[];
+  setPageSize: (size: number) => void;
+  setPage: (page: number) => void;
+  goToNextPage: VoidFunction;
+  goToPrevPage: VoidFunction;
+  goToFirstPage: VoidFunction;
+  goToLastPage: VoidFunction;
+  getRootProps: () => T["element"];
+  getEllipsisProps: (props: EllipsisProps) => T["element"];
+  getItemProps: (props: ItemProps) => T["element"];
+  getFirstTriggerProps: () => T["element"];
+  getPrevTriggerProps: () => T["element"];
+  getNextTriggerProps: () => T["element"];
+  getLastTriggerProps: () => T["element"];
+}
+//#endregion
+//#region src/machines/pagination/pagination.connect.d.ts
+declare function connect<T extends PropTypes>(service: PaginationService, normalize: NormalizeProps<T>): PaginationApi<T>;
+//#endregion
+//#region src/machines/pagination/pagination.machine.d.ts
+declare const machine: Machine<PaginationSchema>;
+//#endregion
+//#region src/machines/pagination/pagination.props.d.ts
+declare const props: (keyof PaginationProps)[];
+declare const splitProps: <Props extends Partial<PaginationProps>>(props: Props) => [Partial<PaginationProps>, Omit<Props, keyof PaginationProps>];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+declare const ellipsisProps: "index"[];
+declare const splitEllipsisProps: <Props extends EllipsisProps>(props: Props) => [EllipsisProps, Omit<Props, "index">];
+//#endregion
+export { type PaginationApi as Api, type ElementIds, type EllipsisProps, type IntlTranslations, type ItemLabelDetails, type ItemProps, type PaginationMachine as Machine, type PageChangeDetails, type PageSizeChangeDetails, type PageUrlDetails, type Pages, type PaginationProps as Props, type PaginationService as Service, anatomy, connect, ellipsisProps, itemProps, machine, props, splitEllipsisProps, splitItemProps, splitProps };

package/dist/machines/pagination/index.d.mts

@@ -0,0 +1,139 @@
+import { n as AnatomyInstance } from "../../create-anatomy-B3XYc-qG.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-DDTcG99l.mjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-C0MKXQmE.mjs";
+
+//#region src/machines/pagination/pagination.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "ellipsis" | "firstTrigger" | "prevTrigger" | "nextTrigger" | "lastTrigger">;
+//#endregion
+//#region src/machines/pagination/pagination.types.d.ts
+interface PageChangeDetails {
+  page: number;
+  pageSize: number;
+}
+interface PageSizeChangeDetails {
+  pageSize: number;
+}
+interface ItemLabelDetails {
+  page: number;
+  totalPages: number;
+}
+interface PageUrlDetails {
+  page: number;
+  pageSize: number;
+}
+interface IntlTranslations {
+  rootLabel?: string | undefined;
+  firstTriggerLabel?: string | undefined;
+  prevTriggerLabel?: string | undefined;
+  nextTriggerLabel?: string | undefined;
+  lastTriggerLabel?: string | undefined;
+  itemLabel?: ((details: ItemLabelDetails) => string) | undefined;
+}
+type ElementIds = Partial<{
+  root: string;
+  ellipsis: (index: number) => string;
+  firstTrigger: string;
+  prevTrigger: string;
+  nextTrigger: string;
+  lastTrigger: string;
+  item: (page: number) => string;
+}>;
+interface PaginationProps extends DirectionProperty, CommonProperties {
+  ids?: ElementIds | undefined;
+  translations?: IntlTranslations | undefined;
+  count?: number | undefined;
+  pageSize?: number | undefined;
+  defaultPageSize?: number | undefined;
+  siblingCount?: number | undefined;
+  boundaryCount?: number | undefined;
+  page?: number | undefined;
+  defaultPage?: number | undefined;
+  onPageChange?: ((details: PageChangeDetails) => void) | undefined;
+  onPageSizeChange?: ((details: PageSizeChangeDetails) => void) | undefined;
+  type?: "button" | "link" | undefined;
+  getPageUrl?: ((details: PageUrlDetails) => string) | undefined;
+}
+type PropsWithDefault = "defaultPageSize" | "defaultPage" | "siblingCount" | "boundaryCount" | "translations" | "type" | "count";
+interface PrivateContext {
+  page: number;
+  pageSize: number;
+}
+type ComputedContext = Readonly<{
+  totalPages: number;
+  pageRange: {
+    start: number;
+    end: number;
+  };
+  previousPage: number | null;
+  nextPage: number | null;
+  isValidPage: boolean;
+}>;
+interface PaginationSchema {
+  state: "idle";
+  props: RequiredBy<PaginationProps, PropsWithDefault>;
+  context: PrivateContext;
+  computed: ComputedContext;
+  event: EventObject;
+  action: string;
+  guard: string;
+  effect: string;
+}
+type PaginationService = Service<PaginationSchema>;
+type PaginationMachine = Machine<PaginationSchema>;
+interface ItemProps {
+  type: "page";
+  value: number;
+}
+interface EllipsisProps {
+  index: number;
+}
+type Pages = Array<{
+  type: "ellipsis";
+} | {
+  type: "page";
+  value: number;
+}>;
+interface PageRange {
+  start: number;
+  end: number;
+}
+interface PaginationApi<T extends PropTypes = PropTypes> {
+  page: number;
+  count: number;
+  pageSize: number;
+  totalPages: number;
+  pages: Pages;
+  previousPage: number | null;
+  nextPage: number | null;
+  pageRange: PageRange;
+  slice: <V>(data: V[]) => V[];
+  setPageSize: (size: number) => void;
+  setPage: (page: number) => void;
+  goToNextPage: VoidFunction;
+  goToPrevPage: VoidFunction;
+  goToFirstPage: VoidFunction;
+  goToLastPage: VoidFunction;
+  getRootProps: () => T["element"];
+  getEllipsisProps: (props: EllipsisProps) => T["element"];
+  getItemProps: (props: ItemProps) => T["element"];
+  getFirstTriggerProps: () => T["element"];
+  getPrevTriggerProps: () => T["element"];
+  getNextTriggerProps: () => T["element"];
+  getLastTriggerProps: () => T["element"];
+}
+//#endregion
+//#region src/machines/pagination/pagination.connect.d.ts
+declare function connect<T extends PropTypes>(service: PaginationService, normalize: NormalizeProps<T>): PaginationApi<T>;
+//#endregion
+//#region src/machines/pagination/pagination.machine.d.ts
+declare const machine: Machine<PaginationSchema>;
+//#endregion
+//#region src/machines/pagination/pagination.props.d.ts
+declare const props: (keyof PaginationProps)[];
+declare const splitProps: <Props extends Partial<PaginationProps>>(props: Props) => [Partial<PaginationProps>, Omit<Props, keyof PaginationProps>];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+declare const ellipsisProps: "index"[];
+declare const splitEllipsisProps: <Props extends EllipsisProps>(props: Props) => [EllipsisProps, Omit<Props, "index">];
+//#endregion
+export { type PaginationApi as Api, type ElementIds, type EllipsisProps, type IntlTranslations, type ItemLabelDetails, type ItemProps, type PaginationMachine as Machine, type PageChangeDetails, type PageSizeChangeDetails, type PageUrlDetails, type Pages, type PaginationProps as Props, type PaginationService as Service, anatomy, connect, ellipsisProps, itemProps, machine, props, splitEllipsisProps, splitItemProps, splitProps };