@cube-dev/ui-kit 0.0.0-canary-9a2a686 → 0.0.0-canary-3d8a959

package/dist/components/data/TableBase/use-table-storage.js

@@ -1,58 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9a2a686 | Cube Dev Team */
-import { useCallback, useRef, useState } from "react";
-
-//#region src/components/data/TableBase/use-table-storage.ts
-/**
-* Namespaced so a `storageKey` cannot collide with whatever else the host app
-* keeps in `localStorage`, and so the kit's own stored shape can be migrated or
-* cleared as a group later.
-*/
-const PREFIX = "cube-ui-kit:table:";
-const DEFAULT_PERSIST_KEYS = ["pageSize", "columnWidths"];
-function read(storageKey) {
-	if (!storageKey || typeof window === "undefined") return {};
-	try {
-		const raw = window.localStorage.getItem(PREFIX + storageKey);
-		if (!raw) return {};
-		const parsed = JSON.parse(raw);
-		return parsed && typeof parsed === "object" ? parsed : {};
-	} catch {
-		return {};
-	}
-}
-/**
-* Persists the parts of the table's own state that a user expects to survive a
-* reload. Only state the table *owns* is stored: a controlled `pageSize` or
-* `sort` belongs to the page, so restoring it would fight the page's own source
-* of truth.
-*
-* Returns the state read at mount — a one-shot snapshot, deliberately, so a
-* second table sharing the key cannot yank this one's page size mid-session.
-*/
-function useTableStorage(storageKey, persist = DEFAULT_PERSIST_KEYS) {
-	const [initial] = useState(() => read(storageKey));
-	const persistRef = useRef(persist);
-	persistRef.current = persist;
-	const write = useCallback((patch) => {
-		if (!storageKey || typeof window === "undefined") return;
-		const allowed = persistRef.current;
-		const entries = Object.entries(patch).filter(([key]) => allowed.includes(key));
-		if (!entries.length) return;
-		try {
-			const next = {
-				...read(storageKey),
-				...Object.fromEntries(entries)
-			};
-			window.localStorage.setItem(PREFIX + storageKey, JSON.stringify(next));
-		} catch {}
-	}, [storageKey]);
-	return {
-		initial: storageKey ? initial : {},
-		has: (key) => !!storageKey && persist.includes(key),
-		write
-	};
-}
-
-//#endregion
-export { useTableStorage };
-//# sourceMappingURL=use-table-storage.js.map

package/dist/components/data/TableBase/use-table-storage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-table-storage.js","names":[],"sources":["../../../../src/components/data/TableBase/use-table-storage.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport type { CubeTableSort } from './types';\n\n/**\n * Namespaced so a `storageKey` cannot collide with whatever else the host app\n * keeps in `localStorage`, and so the kit's own stored shape can be migrated or\n * cleared as a group later.\n */\nconst PREFIX = 'cube-ui-kit:table:';\n\nexport type CubeTablePersistKey = 'pageSize' | 'columnWidths' | 'sort';\n\nexport interface CubeTableStoredState {\n  pageSize?: number;\n  sort?: CubeTableSort | null;\n  columnWidths?: Record<string, number>;\n}\n\nexport const DEFAULT_PERSIST_KEYS: CubeTablePersistKey[] = [\n  'pageSize',\n  'columnWidths',\n];\n\nfunction read(storageKey: string | undefined): CubeTableStoredState {\n  // No `storageKey` means the feature is off; no `window` means SSR. Both are\n  // normal, not errors.\n  if (!storageKey || typeof window === 'undefined') return {};\n\n  try {\n    const raw = window.localStorage.getItem(PREFIX + storageKey);\n\n    if (!raw) return {};\n\n    const parsed = JSON.parse(raw);\n\n    // Anything could be under that key — a hand-edited value, a stale shape\n    // from an older version. A non-object is simply ignored.\n    return parsed && typeof parsed === 'object' ? parsed : {};\n  } catch {\n    // Private mode, a disabled store, or malformed JSON. Persistence is a\n    // convenience; losing it must never take the table down with it.\n    return {};\n  }\n}\n\n/**\n * Persists the parts of the table's own state that a user expects to survive a\n * reload. Only state the table *owns* is stored: a controlled `pageSize` or\n * `sort` belongs to the page, so restoring it would fight the page's own source\n * of truth.\n *\n * Returns the state read at mount — a one-shot snapshot, deliberately, so a\n * second table sharing the key cannot yank this one's page size mid-session.\n */\nexport function useTableStorage(\n  storageKey: string | undefined,\n  persist: CubeTablePersistKey[] = DEFAULT_PERSIST_KEYS,\n) {\n  const [initial] = useState(() => read(storageKey));\n  const persistRef = useRef(persist);\n\n  persistRef.current = persist;\n\n  const write = useCallback(\n    (patch: CubeTableStoredState) => {\n      if (!storageKey || typeof window === 'undefined') return;\n\n      const allowed = persistRef.current;\n      const entries = Object.entries(patch).filter(([key]) =>\n        allowed.includes(key as CubeTablePersistKey),\n      );\n\n      if (!entries.length) return;\n\n      try {\n        const next = {\n          ...read(storageKey),\n          ...Object.fromEntries(entries),\n        };\n\n        window.localStorage.setItem(PREFIX + storageKey, JSON.stringify(next));\n      } catch {\n        // Quota exceeded or a disabled store — nothing to do but carry on.\n      }\n    },\n    [storageKey],\n  );\n\n  return {\n    initial: storageKey ? initial : {},\n    /** `true` when this key is persisted, so callers can skip the work. */\n    has: (key: CubeTablePersistKey) => !!storageKey && persist.includes(key),\n    write,\n  };\n}\n"],"mappings":";;;;;;;;;AASA,MAAM,SAAS;AAUf,MAAa,uBAA8C,CACzD,YACA,eACD;AAED,SAAS,KAAK,YAAsD;AAGlE,KAAI,CAAC,cAAc,OAAO,WAAW,YAAa,QAAO,EAAE;AAE3D,KAAI;EACF,MAAM,MAAM,OAAO,aAAa,QAAQ,SAAS,WAAW;AAE5D,MAAI,CAAC,IAAK,QAAO,EAAE;EAEnB,MAAM,SAAS,KAAK,MAAM,IAAI;AAI9B,SAAO,UAAU,OAAO,WAAW,WAAW,SAAS,EAAE;SACnD;AAGN,SAAO,EAAE;;;;;;;;;;;;AAab,SAAgB,gBACd,YACA,UAAiC,sBACjC;CACA,MAAM,CAAC,WAAW,eAAe,KAAK,WAAW,CAAC;CAClD,MAAM,aAAa,OAAO,QAAQ;AAElC,YAAW,UAAU;CAErB,MAAM,QAAQ,aACX,UAAgC;AAC/B,MAAI,CAAC,cAAc,OAAO,WAAW,YAAa;EAElD,MAAM,UAAU,WAAW;EAC3B,MAAM,UAAU,OAAO,QAAQ,MAAM,CAAC,QAAQ,CAAC,SAC7C,QAAQ,SAAS,IAA2B,CAC7C;AAED,MAAI,CAAC,QAAQ,OAAQ;AAErB,MAAI;GACF,MAAM,OAAO;IACX,GAAG,KAAK,WAAW;IACnB,GAAG,OAAO,YAAY,QAAQ;IAC/B;AAED,UAAO,aAAa,QAAQ,SAAS,YAAY,KAAK,UAAU,KAAK,CAAC;UAChE;IAIV,CAAC,WAAW,CACb;AAED,QAAO;EACL,SAAS,aAAa,UAAU,EAAE;EAElC,MAAM,QAA6B,CAAC,CAAC,cAAc,QAAQ,SAAS,IAAI;EACxE;EACD"}

package/dist/components/data/index.d.ts

@@ -1,10 +0,0 @@
-
-import { CubeTableAlign, CubeTableCellContext, CubeTableColumn, CubeTableColumnHeader, CubeTableHeaderContext, CubeTableRowContext, CubeTableRowSection, CubeTableSort, CubeTableSortDirection } from "./TableBase/types.js";
-import { CubeDataTableColumn, CubeDataTableProps } from "./DataTable/types.js";
-import { _DataTable } from "./DataTable/DataTable.js";
-import "./DataTable/index.js";
-import { CubeTableRowRenderProps } from "./TableBase/TableView.js";
-import { CubeItemTableColumn, CubeItemTableProps } from "./ItemTable/types.js";
-import { _ItemTable } from "./ItemTable/ItemTable.js";
-import "./ItemTable/index.js";
-import "./TableBase/index.js";

package/dist/components/navigation/Pagination/Pagination.d.ts

@@ -1,9 +0,0 @@
-
-import { CubePaginationProps } from "./types.js";
-import * as react from "react";
-
-//#region src/components/navigation/Pagination/Pagination.d.ts
-declare const _Pagination: react.ForwardRefExoticComponent<CubePaginationProps & react.RefAttributes<HTMLElement>>;
-//#endregion
-export { _Pagination };
-//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,258 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9a2a686 | Cube Dev Team */
-import { extractStyles } from "../../../utils/styles.js";
-import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { useI18n } from "../../../i18n/useI18n.js";
-import { useFormatter } from "../../../i18n/useFormatter.js";
-import { BackwardIcon } from "../../../icons/BackwardIcon.js";
-import { ForwardIcon } from "../../../icons/ForwardIcon.js";
-import { LeftIcon } from "../../../icons/LeftIcon.js";
-import { RightIcon } from "../../../icons/RightIcon.js";
-import { Button } from "../../actions/index.js";
-import { __Select } from "../../fields/Select/Select.js";
-import { clampPage, getPageInfo, getPaginationRange } from "./use-pagination.js";
-import { OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
-import { forwardRef, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useControlledState } from "@react-stately/utils";
-
-//#region src/components/navigation/Pagination/Pagination.tsx
-const PaginationElement = tasty({
-	qa: "Pagination",
-	as: "nav",
-	styles: {
-		display: "flex",
-		flow: "row",
-		gap: "1x",
-		placeItems: "center",
-		placeContent: "start",
-		Summary: {
-			preset: {
-				"": "t3",
-				"size=xsmall": "t4"
-			},
-			color: "#dark-03",
-			whiteSpace: "nowrap"
-		},
-		Controls: {
-			display: "flex",
-			flow: "row",
-			gap: ".5x",
-			placeItems: "center"
-		},
-		Gap: {
-			display: "grid",
-			placeItems: "center",
-			width: "min $gap-size",
-			height: "$gap-size",
-			preset: "t3",
-			color: "#dark-04",
-			userSelect: "none"
-		},
-		Pages: {
-			display: "flex",
-			flow: "row",
-			gap: "1bw",
-			placeItems: "center"
-		},
-		"$gap-size": {
-			"": "$size-sm",
-			"size=xsmall": "$size-xs",
-			"size=medium": "$size-md"
-		}
-	},
-	styleProps: OUTER_STYLES
-});
-const NavButton = tasty(Button, {
-	type: "clear",
-	styles: { border: true }
-});
-const PageButton = tasty(Button, { type: "clear" });
-function formatRange(info) {
-	return `${(info.page - 1) * info.pageSize + 1}–${info.total > 0 ? Math.min(info.page * info.pageSize, info.total) : info.page * info.pageSize}`;
-}
-function Pagination(props, ref) {
-	const { page: pageProp, defaultPage, onPageChange, totalPages: totalPagesProp, total, pageSize: pageSizeProp, defaultPageSize, pageSizeOptions, onPageSizeChange, type = "numbers", siblingCount = 1, boundaryCount = 1, size = "small", isDisabled, hasNextPage, isCompact = false, summary = false, labelFormatter, ariaLabel, pageSizeSelectStyles, qa, mods, ...rest } = props;
-	const { t } = useI18n();
-	const { formatNumber } = useFormatter();
-	const [pageSize, setPageSize] = useControlledState(pageSizeProp, defaultPageSize ?? 50, onPageSizeChange);
-	const [page, setPage] = useControlledState(pageProp, defaultPage ?? 1, onPageChange);
-	const isCountable = totalPagesProp != null || total != null;
-	const info = isCountable ? getPageInfo({
-		page,
-		pageSize,
-		total: total ?? 0,
-		totalPages: totalPagesProp
-	}) : {
-		page: clampPage(page, Number.MAX_SAFE_INTEGER),
-		pageSize,
-		totalPages: 0,
-		total: 0,
-		from: 0,
-		to: 0
-	};
-	const { totalPages } = info;
-	const goTo = useEvent((next) => {
-		const clamped = isCountable ? clampPage(next, totalPages) : Math.max(next, 1);
-		if (clamped !== info.page) setPage(clamped);
-	});
-	const onPageSizeSelectionChange = useEvent((value) => {
-		setPageSize(Number(value));
-		setPage(1);
-	});
-	const onPageSelectionChange = useEvent((value) => {
-		goTo(Number(value));
-	});
-	const pageItems = useMemo(() => type === "numbers" && isCountable ? getPaginationRange({
-		page: info.page,
-		totalPages,
-		siblingCount,
-		boundaryCount
-	}) : [], [
-		type,
-		isCountable,
-		info.page,
-		totalPages,
-		siblingCount,
-		boundaryCount
-	]);
-	const selectEntries = useMemo(() => type === "select" && isCountable && totalPages <= 200 ? Array.from({ length: totalPages }, (_, i) => i + 1) : null, [
-		type,
-		isCountable,
-		totalPages
-	]);
-	const isFirst = info.page <= 1;
-	const isLast = isCountable ? info.page >= totalPages : !hasNextPage;
-	const styles = extractStyles(props, OUTER_STYLES);
-	const summaryNode = summary === false ? null : typeof summary === "function" ? summary(info) : info.total > 0 ? t("pagination.summary", "{{from}}–{{to}} of {{total}}", {
-		from: formatNumber(info.from),
-		to: formatNumber(info.to),
-		total: formatNumber(info.total)
-	}) : null;
-	function renderPageControl() {
-		if (selectEntries) return /* @__PURE__ */ jsx(__Select, {
-			qa: "PaginationPageSelect",
-			size,
-			isDisabled,
-			"aria-label": t("pagination.selectPage", "Select page"),
-			selectedKey: String(info.page),
-			width: "min 15x",
-			styles: pageSizeSelectStyles,
-			onSelectionChange: onPageSelectionChange,
-			children: selectEntries.map((entry) => {
-				const entryInfo = {
-					...info,
-					page: entry
-				};
-				const label = labelFormatter?.(entryInfo) ?? (info.total > 0 ? formatRange(entryInfo) : t("pagination.page", "Page {{page}}", { page: entry }));
-				return /* @__PURE__ */ jsx(__Select.Item, {
-					textValue: String(label),
-					children: label
-				}, entry);
-			})
-		});
-		if (type === "numbers" && pageItems.length > 0) return /* @__PURE__ */ jsx("div", {
-			"data-element": "Pages",
-			children: pageItems.map((entry, index) => entry === "gap" ? /* @__PURE__ */ jsx("div", {
-				"data-element": "Gap",
-				"aria-hidden": "true",
-				children: "…"
-			}, `gap-${index}`) : /* @__PURE__ */ jsx(PageButton, {
-				qa: `PaginationPage_${entry}`,
-				size,
-				type: entry === info.page ? "outline" : "clear",
-				isDisabled,
-				"aria-label": t("pagination.page", "Page {{page}}", { page: entry }),
-				"aria-current": entry === info.page ? "page" : void 0,
-				onPress: () => goTo(entry),
-				children: entry
-			}, entry))
-		});
-		if (!isCountable) return null;
-		return /* @__PURE__ */ jsx("div", {
-			"data-element": "Summary",
-			"data-qa": "PaginationPageLabel",
-			children: t("pagination.pageOf", "{{page}} of {{totalPages}}", {
-				page: info.page,
-				totalPages
-			})
-		});
-	}
-	const showEdgeButtons = !isCompact && isCountable;
-	return /* @__PURE__ */ jsxs(PaginationElement, {
-		...filterBaseProps(rest, { eventProps: true }),
-		ref,
-		qa: qa || "Pagination",
-		styles,
-		mods: {
-			size,
-			...mods
-		},
-		"aria-label": ariaLabel ?? t("pagination.ariaLabel", "Pagination"),
-		children: [
-			summaryNode ? /* @__PURE__ */ jsx("div", {
-				"data-element": "Summary",
-				children: summaryNode
-			}) : null,
-			pageSizeOptions && onPageSizeChange ? /* @__PURE__ */ jsx(__Select, {
-				qa: "PaginationPageSizeSelect",
-				size,
-				isDisabled,
-				"aria-label": t("pagination.itemsPerPage", "Items per page"),
-				selectedKey: String(pageSize),
-				styles: pageSizeSelectStyles,
-				onSelectionChange: onPageSizeSelectionChange,
-				children: pageSizeOptions.map((option) => {
-					const label = t("pagination.itemsPerPageOption", "{{size}} / page", { size: option });
-					return /* @__PURE__ */ jsx(__Select.Item, {
-						textValue: label,
-						children: label
-					}, option);
-				})
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				"data-element": "Controls",
-				children: [
-					showEdgeButtons ? /* @__PURE__ */ jsx(NavButton, {
-						qa: "PaginationFirstButton",
-						size,
-						icon: /* @__PURE__ */ jsx(BackwardIcon, {}),
-						isDisabled: isFirst || isDisabled,
-						"aria-label": t("pagination.firstPage", "First page"),
-						onPress: () => goTo(1)
-					}) : null,
-					/* @__PURE__ */ jsx(NavButton, {
-						qa: "PaginationPrevButton",
-						size,
-						icon: /* @__PURE__ */ jsx(LeftIcon, {}),
-						isDisabled: isFirst || isDisabled,
-						"aria-label": t("pagination.previousPage", "Previous page"),
-						onPress: () => goTo(info.page - 1)
-					}),
-					renderPageControl(),
-					/* @__PURE__ */ jsx(NavButton, {
-						qa: "PaginationNextButton",
-						size,
-						icon: /* @__PURE__ */ jsx(RightIcon, {}),
-						isDisabled: isLast || isDisabled,
-						"aria-label": t("pagination.nextPage", "Next page"),
-						onPress: () => goTo(info.page + 1)
-					}),
-					showEdgeButtons ? /* @__PURE__ */ jsx(NavButton, {
-						qa: "PaginationLastButton",
-						size,
-						icon: /* @__PURE__ */ jsx(ForwardIcon, {}),
-						isDisabled: isLast || isDisabled,
-						"aria-label": t("pagination.lastPage", "Last page"),
-						onPress: () => goTo(totalPages)
-					}) : null
-				]
-			})
-		]
-	});
-}
-const _Pagination = forwardRef(Pagination);
-_Pagination.displayName = "Pagination";
-
-//#endregion
-export { _Pagination };
-//# sourceMappingURL=Pagination.js.map

package/dist/components/navigation/Pagination/Pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.js","names":["Select"],"sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { filterBaseProps, OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport { forwardRef, useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useFormatter, useI18n } from '../../../i18n';\nimport { BackwardIcon, ForwardIcon, LeftIcon, RightIcon } from '../../../icons';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { Select } from '../../fields/Select';\n\nimport { clampPage, getPageInfo, getPaginationRange } from './use-pagination';\n\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubePaginationProps, CubeTablePageInfo } from './types';\n\nconst PaginationElement = tasty({\n  qa: 'Pagination',\n  as: 'nav',\n  styles: {\n    display: 'flex',\n    flow: 'row',\n    gap: '1x',\n    placeItems: 'center',\n    placeContent: 'start',\n\n    Summary: {\n      // Follows the control's size rather than being fixed, so the summary\n      // matches whatever the buttons beside it are.\n      preset: { '': 't3', 'size=xsmall': 't4' },\n      color: '#dark-03',\n      whiteSpace: 'nowrap',\n    },\n\n    Controls: {\n      display: 'flex',\n      flow: 'row',\n      gap: '.5x',\n      placeItems: 'center',\n    },\n\n    Gap: {\n      display: 'grid',\n      placeItems: 'center',\n      width: 'min $gap-size',\n      height: '$gap-size',\n      preset: 't3',\n      color: '#dark-04',\n      userSelect: 'none',\n    },\n\n    /**\n     * The page numbers sit tighter than the nav buttons around them: they read\n     * as one run of pages, not as separate controls, and a hairline is enough\n     * to keep the current page's outline off its neighbours.\n     */\n    Pages: {\n      display: 'flex',\n      flow: 'row',\n      gap: '1bw',\n      placeItems: 'center',\n    },\n\n    '$gap-size': {\n      '': '$size-sm',\n      'size=xsmall': '$size-xs',\n      'size=medium': '$size-md',\n    },\n  },\n  styleProps: OUTER_STYLES,\n});\n\nconst NavButton = tasty(Button, {\n  type: 'clear',\n  styles: { border: true },\n});\n\n// Page buttons are borderless so the current page — which renders as `outline`\n// and therefore draws its own border — is the only bordered one in the run.\nconst PageButton = tasty(Button, {\n  type: 'clear',\n});\n\nfunction formatRange(info: CubeTablePageInfo): string {\n  const start = (info.page - 1) * info.pageSize + 1;\n  const end =\n    info.total > 0\n      ? Math.min(info.page * info.pageSize, info.total)\n      : info.page * info.pageSize;\n\n  return `${start}–${end}`;\n}\n\nfunction Pagination(\n  props: CubePaginationProps,\n  ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n  const {\n    page: pageProp,\n    defaultPage,\n    onPageChange,\n    totalPages: totalPagesProp,\n    total,\n    pageSize: pageSizeProp,\n    defaultPageSize,\n    pageSizeOptions,\n    onPageSizeChange,\n    type = 'numbers',\n    siblingCount = 1,\n    boundaryCount = 1,\n    size = 'small',\n    isDisabled,\n    hasNextPage,\n    isCompact = false,\n    summary = false,\n    labelFormatter,\n    ariaLabel,\n    pageSizeSelectStyles,\n    qa,\n    mods,\n    ...rest\n  } = props;\n\n  const { t } = useI18n();\n  const { formatNumber } = useFormatter();\n\n  const [pageSize, setPageSize] = useControlledState<number>(\n    pageSizeProp as number,\n    defaultPageSize ?? 50,\n    onPageSizeChange as (v: number) => void,\n  );\n  const [page, setPage] = useControlledState<number>(\n    pageProp as number,\n    defaultPage ?? 1,\n    onPageChange as (v: number) => void,\n  );\n\n  // Unknown total: prev/next only, with `hasNextPage` driving the next button.\n  // The page must NOT be clamped in that mode — there is nothing to clamp to.\n  const isCountable = totalPagesProp != null || total != null;\n\n  const info: CubeTablePageInfo = isCountable\n    ? getPageInfo({\n        page,\n        pageSize,\n        total: total ?? 0,\n        totalPages: totalPagesProp,\n      })\n    : {\n        page: clampPage(page, Number.MAX_SAFE_INTEGER),\n        pageSize,\n        totalPages: 0,\n        total: 0,\n        from: 0,\n        to: 0,\n      };\n\n  const { totalPages } = info;\n\n  const goTo = useEvent((next: number) => {\n    const clamped = isCountable\n      ? clampPage(next, totalPages)\n      : Math.max(next, 1);\n\n    if (clamped !== info.page) setPage(clamped);\n  });\n\n  const onPageSizeSelectionChange = useEvent((value: any) => {\n    setPageSize(Number(value));\n    setPage(1);\n  });\n\n  const onPageSelectionChange = useEvent((value: any) => {\n    goTo(Number(value));\n  });\n\n  const pageItems = useMemo(\n    () =>\n      type === 'numbers' && isCountable\n        ? getPaginationRange({\n            page: info.page,\n            totalPages,\n            siblingCount,\n            boundaryCount,\n          })\n        : [],\n    [type, isCountable, info.page, totalPages, siblingCount, boundaryCount],\n  );\n\n  // `type=\"select\"` materializes one entry per page, so it is only safe for\n  // small page counts. Above the cap we fall back to `compact`, which reads the\n  // same but renders a single label.\n  const selectEntries = useMemo(\n    () =>\n      type === 'select' && isCountable && totalPages <= 200\n        ? Array.from({ length: totalPages }, (_, i) => i + 1)\n        : null,\n    [type, isCountable, totalPages],\n  );\n\n  const isFirst = info.page <= 1;\n  const isLast = isCountable ? info.page >= totalPages : !hasNextPage;\n\n  const styles = extractStyles(props, OUTER_STYLES);\n\n  const summaryNode =\n    summary === false\n      ? null\n      : typeof summary === 'function'\n        ? summary(info)\n        : info.total > 0\n          ? // Numbers are formatted here rather than left to i18next, which\n            // interpolates them raw (\"1204\", not \"1,204\").\n            t('pagination.summary', '{{from}}–{{to}} of {{total}}', {\n              from: formatNumber(info.from),\n              to: formatNumber(info.to),\n              total: formatNumber(info.total),\n            })\n          : null;\n\n  function renderPageControl() {\n    if (selectEntries) {\n      return (\n        <Select\n          qa=\"PaginationPageSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.selectPage', 'Select page')}\n          selectedKey={String(info.page)}\n          width=\"min 15x\"\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSelectionChange}\n        >\n          {selectEntries.map((entry) => {\n            const entryInfo = { ...info, page: entry };\n            const label =\n              labelFormatter?.(entryInfo) ??\n              (info.total > 0\n                ? formatRange(entryInfo)\n                : t('pagination.page', 'Page {{page}}', { page: entry }));\n\n            return (\n              <Select.Item key={entry} textValue={String(label)}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      );\n    }\n\n    if (type === 'numbers' && pageItems.length > 0) {\n      return (\n        <div data-element=\"Pages\">\n          {pageItems.map((entry, index) =>\n            entry === 'gap' ? (\n              <div key={`gap-${index}`} data-element=\"Gap\" aria-hidden=\"true\">\n                {'…'}\n              </div>\n            ) : (\n              <PageButton\n                key={entry}\n                qa={`PaginationPage_${entry}`}\n                size={size}\n                type={entry === info.page ? 'outline' : 'clear'}\n                isDisabled={isDisabled}\n                aria-label={t('pagination.page', 'Page {{page}}', {\n                  page: entry,\n                })}\n                aria-current={entry === info.page ? 'page' : undefined}\n                onPress={() => goTo(entry)}\n              >\n                {entry}\n              </PageButton>\n            ),\n          )}\n        </div>\n      );\n    }\n\n    if (!isCountable) return null;\n\n    return (\n      <div data-element=\"Summary\" data-qa=\"PaginationPageLabel\">\n        {t('pagination.pageOf', '{{page}} of {{totalPages}}', {\n          page: info.page,\n          totalPages,\n        })}\n      </div>\n    );\n  }\n\n  const showEdgeButtons = !isCompact && isCountable;\n\n  return (\n    <PaginationElement\n      {...filterBaseProps(rest, { eventProps: true })}\n      ref={ref}\n      qa={qa || 'Pagination'}\n      styles={styles}\n      mods={{ size, ...mods }}\n      aria-label={ariaLabel ?? t('pagination.ariaLabel', 'Pagination')}\n    >\n      {summaryNode ? <div data-element=\"Summary\">{summaryNode}</div> : null}\n\n      {pageSizeOptions && onPageSizeChange ? (\n        <Select\n          qa=\"PaginationPageSizeSelect\"\n          size={size}\n          isDisabled={isDisabled}\n          aria-label={t('pagination.itemsPerPage', 'Items per page')}\n          selectedKey={String(pageSize)}\n          styles={pageSizeSelectStyles}\n          onSelectionChange={onPageSizeSelectionChange}\n        >\n          {pageSizeOptions.map((option) => {\n            const label = t(\n              'pagination.itemsPerPageOption',\n              '{{size}} / page',\n              {\n                size: option,\n              },\n            );\n\n            return (\n              <Select.Item key={option} textValue={label}>\n                {label}\n              </Select.Item>\n            );\n          })}\n        </Select>\n      ) : null}\n\n      <div data-element=\"Controls\">\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationFirstButton\"\n            size={size}\n            icon={<BackwardIcon />}\n            isDisabled={isFirst || isDisabled}\n            aria-label={t('pagination.firstPage', 'First page')}\n            onPress={() => goTo(1)}\n          />\n        ) : null}\n\n        <NavButton\n          qa=\"PaginationPrevButton\"\n          size={size}\n          icon={<LeftIcon />}\n          isDisabled={isFirst || isDisabled}\n          aria-label={t('pagination.previousPage', 'Previous page')}\n          onPress={() => goTo(info.page - 1)}\n        />\n\n        {renderPageControl()}\n\n        <NavButton\n          qa=\"PaginationNextButton\"\n          size={size}\n          icon={<RightIcon />}\n          isDisabled={isLast || isDisabled}\n          aria-label={t('pagination.nextPage', 'Next page')}\n          onPress={() => goTo(info.page + 1)}\n        />\n\n        {showEdgeButtons ? (\n          <NavButton\n            qa=\"PaginationLastButton\"\n            size={size}\n            icon={<ForwardIcon />}\n            isDisabled={isLast || isDisabled}\n            aria-label={t('pagination.lastPage', 'Last page')}\n            onPress={() => goTo(totalPages)}\n          />\n        ) : null}\n      </div>\n    </PaginationElement>\n  );\n}\n\nconst _Pagination = forwardRef(Pagination);\n\n_Pagination.displayName = 'Pagination';\n\nexport { _Pagination as Pagination };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAM,oBAAoB,MAAM;CAC9B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,KAAK;EACL,YAAY;EACZ,cAAc;EAEd,SAAS;GAGP,QAAQ;IAAE,IAAI;IAAM,eAAe;IAAM;GACzC,OAAO;GACP,YAAY;GACb;EAED,UAAU;GACR,SAAS;GACT,MAAM;GACN,KAAK;GACL,YAAY;GACb;EAED,KAAK;GACH,SAAS;GACT,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,OAAO;GACP,YAAY;GACb;EAOD,OAAO;GACL,SAAS;GACT,MAAM;GACN,KAAK;GACL,YAAY;GACb;EAED,aAAa;GACX,IAAI;GACJ,eAAe;GACf,eAAe;GAChB;EACF;CACD,YAAY;CACb,CAAC;AAEF,MAAM,YAAY,MAAM,QAAQ;CAC9B,MAAM;CACN,QAAQ,EAAE,QAAQ,MAAM;CACzB,CAAC;AAIF,MAAM,aAAa,MAAM,QAAQ,EAC/B,MAAM,SACP,CAAC;AAEF,SAAS,YAAY,MAAiC;AAOpD,QAAO,IANQ,KAAK,OAAO,KAAK,KAAK,WAAW,EAMhC,GAJd,KAAK,QAAQ,IACT,KAAK,IAAI,KAAK,OAAO,KAAK,UAAU,KAAK,MAAM,GAC/C,KAAK,OAAO,KAAK;;AAKzB,SAAS,WACP,OACA,KACc;CACd,MAAM,EACJ,MAAM,UACN,aACA,cACA,YAAY,gBACZ,OACA,UAAU,cACV,iBACA,iBACA,kBACA,OAAO,WACP,eAAe,GACf,gBAAgB,GAChB,OAAO,SACP,YACA,aACA,YAAY,OACZ,UAAU,OACV,gBACA,WACA,sBACA,IACA,MACA,GAAG,SACD;CAEJ,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,EAAE,iBAAiB,cAAc;CAEvC,MAAM,CAAC,UAAU,eAAe,mBAC9B,cACA,mBAAmB,IACnB,iBACD;CACD,MAAM,CAAC,MAAM,WAAW,mBACtB,UACA,eAAe,GACf,aACD;CAID,MAAM,cAAc,kBAAkB,QAAQ,SAAS;CAEvD,MAAM,OAA0B,cAC5B,YAAY;EACV;EACA;EACA,OAAO,SAAS;EAChB,YAAY;EACb,CAAC,GACF;EACE,MAAM,UAAU,MAAM,OAAO,iBAAiB;EAC9C;EACA,YAAY;EACZ,OAAO;EACP,MAAM;EACN,IAAI;EACL;CAEL,MAAM,EAAE,eAAe;CAEvB,MAAM,OAAO,UAAU,SAAiB;EACtC,MAAM,UAAU,cACZ,UAAU,MAAM,WAAW,GAC3B,KAAK,IAAI,MAAM,EAAE;AAErB,MAAI,YAAY,KAAK,KAAM,SAAQ,QAAQ;GAC3C;CAEF,MAAM,4BAA4B,UAAU,UAAe;AACzD,cAAY,OAAO,MAAM,CAAC;AAC1B,UAAQ,EAAE;GACV;CAEF,MAAM,wBAAwB,UAAU,UAAe;AACrD,OAAK,OAAO,MAAM,CAAC;GACnB;CAEF,MAAM,YAAY,cAEd,SAAS,aAAa,cAClB,mBAAmB;EACjB,MAAM,KAAK;EACX;EACA;EACA;EACD,CAAC,GACF,EAAE,EACR;EAAC;EAAM;EAAa,KAAK;EAAM;EAAY;EAAc;EAAc,CACxE;CAKD,MAAM,gBAAgB,cAElB,SAAS,YAAY,eAAe,cAAc,MAC9C,MAAM,KAAK,EAAE,QAAQ,YAAY,GAAG,GAAG,MAAM,IAAI,EAAE,GACnD,MACN;EAAC;EAAM;EAAa;EAAW,CAChC;CAED,MAAM,UAAU,KAAK,QAAQ;CAC7B,MAAM,SAAS,cAAc,KAAK,QAAQ,aAAa,CAAC;CAExD,MAAM,SAAS,cAAc,OAAO,aAAa;CAEjD,MAAM,cACJ,YAAY,QACR,OACA,OAAO,YAAY,aACjB,QAAQ,KAAK,GACb,KAAK,QAAQ,IAGX,EAAE,sBAAsB,gCAAgC;EACtD,MAAM,aAAa,KAAK,KAAK;EAC7B,IAAI,aAAa,KAAK,GAAG;EACzB,OAAO,aAAa,KAAK,MAAM;EAChC,CAAC,GACF;CAEV,SAAS,oBAAoB;AAC3B,MAAI,cACF,QACE,oBAACA;GACC,IAAG;GACG;GACM;GACZ,cAAY,EAAE,yBAAyB,cAAc;GACrD,aAAa,OAAO,KAAK,KAAK;GAC9B,OAAM;GACN,QAAQ;GACR,mBAAmB;aAElB,cAAc,KAAK,UAAU;IAC5B,MAAM,YAAY;KAAE,GAAG;KAAM,MAAM;KAAO;IAC1C,MAAM,QACJ,iBAAiB,UAAU,KAC1B,KAAK,QAAQ,IACV,YAAY,UAAU,GACtB,EAAE,mBAAmB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5D,WACE,oBAACA,SAAO;KAAiB,WAAW,OAAO,MAAM;eAC9C;OADe,MAEJ;KAEhB;IACK;AAIb,MAAI,SAAS,aAAa,UAAU,SAAS,EAC3C,QACE,oBAAC;GAAI,gBAAa;aACf,UAAU,KAAK,OAAO,UACrB,UAAU,QACR,oBAAC;IAAyB,gBAAa;IAAM,eAAY;cACtD;MADO,OAAO,QAEX,GAEN,oBAAC;IAEC,IAAI,kBAAkB;IAChB;IACN,MAAM,UAAU,KAAK,OAAO,YAAY;IAC5B;IACZ,cAAY,EAAE,mBAAmB,iBAAiB,EAChD,MAAM,OACP,CAAC;IACF,gBAAc,UAAU,KAAK,OAAO,SAAS;IAC7C,eAAe,KAAK,MAAM;cAEzB;MAXI,MAYM,CAEhB;IACG;AAIV,MAAI,CAAC,YAAa,QAAO;AAEzB,SACE,oBAAC;GAAI,gBAAa;GAAU,WAAQ;aACjC,EAAE,qBAAqB,8BAA8B;IACpD,MAAM,KAAK;IACX;IACD,CAAC;IACE;;CAIV,MAAM,kBAAkB,CAAC,aAAa;AAEtC,QACE,qBAAC;EACC,GAAI,gBAAgB,MAAM,EAAE,YAAY,MAAM,CAAC;EAC1C;EACL,IAAI,MAAM;EACF;EACR,MAAM;GAAE;GAAM,GAAG;GAAM;EACvB,cAAY,aAAa,EAAE,wBAAwB,aAAa;;GAE/D,cAAc,oBAAC;IAAI,gBAAa;cAAW;KAAkB,GAAG;GAEhE,mBAAmB,mBAClB,oBAACA;IACC,IAAG;IACG;IACM;IACZ,cAAY,EAAE,2BAA2B,iBAAiB;IAC1D,aAAa,OAAO,SAAS;IAC7B,QAAQ;IACR,mBAAmB;cAElB,gBAAgB,KAAK,WAAW;KAC/B,MAAM,QAAQ,EACZ,iCACA,mBACA,EACE,MAAM,QACP,CACF;AAED,YACE,oBAACA,SAAO;MAAkB,WAAW;gBAClC;QADe,OAEJ;MAEhB;KACK,GACP;GAEJ,qBAAC;IAAI,gBAAa;;KACf,kBACC,oBAAC;MACC,IAAG;MACG;MACN,MAAM,oBAAC,iBAAe;MACtB,YAAY,WAAW;MACvB,cAAY,EAAE,wBAAwB,aAAa;MACnD,eAAe,KAAK,EAAE;OACtB,GACA;KAEJ,oBAAC;MACC,IAAG;MACG;MACN,MAAM,oBAAC,aAAW;MAClB,YAAY,WAAW;MACvB,cAAY,EAAE,2BAA2B,gBAAgB;MACzD,eAAe,KAAK,KAAK,OAAO,EAAE;OAClC;KAED,mBAAmB;KAEpB,oBAAC;MACC,IAAG;MACG;MACN,MAAM,oBAAC,cAAY;MACnB,YAAY,UAAU;MACtB,cAAY,EAAE,uBAAuB,YAAY;MACjD,eAAe,KAAK,KAAK,OAAO,EAAE;OAClC;KAED,kBACC,oBAAC;MACC,IAAG;MACG;MACN,MAAM,oBAAC,gBAAc;MACrB,YAAY,UAAU;MACtB,cAAY,EAAE,uBAAuB,YAAY;MACjD,eAAe,KAAK,WAAW;OAC/B,GACA;;KACA;;GACY;;AAIxB,MAAM,cAAc,WAAW,WAAW;AAE1C,YAAY,cAAc"}

package/dist/components/navigation/Pagination/index.d.ts

@@ -1,4 +0,0 @@
-
-import { CubePaginationItem, CubePaginationProps, CubePaginationType, CubeTablePageInfo } from "./types.js";
-import { _Pagination } from "./Pagination.js";
-import { PaginationRangeOptions, UsePaginationOptions, UsePaginationResult, clampPage, getPageInfo, getPaginationRange, usePagination } from "./use-pagination.js";

package/dist/components/navigation/Pagination/types.d.ts

@@ -1,81 +0,0 @@
-
-import { BaseProps, OuterStyleProps, Styles } from "@tenphi/tasty";
-import { ReactNode } from "react";
-
-//#region src/components/navigation/Pagination/types.d.ts
-/**
- * How the page control is rendered.
- *
- * - `numbers` — `1 2 3 … 42` buttons. Correct for large page counts because it
- *   never materializes one element per page.
- * - `select` — a `Select` listing every page (or item range). Only viable when
- *   the page count is small.
- * - `compact` — `‹ 3 of 42 ›`, no page buttons at all.
- */
-type CubePaginationType = 'numbers' | 'select' | 'compact';
-/** Everything a summary or label renderer needs to describe the current page. */
-interface CubeTablePageInfo {
-  /** 1-based. */
-  page: number;
-  pageSize: number;
-  totalPages: number;
-  /** Total items across all pages. `0` when unknown. */
-  total: number;
-  /** 1-based index of the first item on this page. */
-  from: number;
-  /** 1-based index of the last item on this page. */
-  to: number;
-}
-/**
- * A `'gap'` entry stands for the ellipsis between two runs of page numbers.
- * Exported because `Pagination` and its tests both need to reason about it.
- */
-type CubePaginationItem = number | 'gap';
-interface CubePaginationProps extends BaseProps, OuterStyleProps {
-  /** Controlled current page. 1-based. */
-  page?: number;
-  /** Initial page for uncontrolled usage. @default 1 */
-  defaultPage?: number;
-  onPageChange?: (page: number) => void;
-  /**
-   * Total number of pages. Supply this, or `total` + `pageSize` and it is
-   * derived. When neither is available the control falls back to prev/next
-   * only, driven by `hasNextPage`.
-   */
-  totalPages?: number;
-  /** Total items across all pages. Preferred over `totalPages`. */
-  total?: number;
-  /** Controlled page size. */
-  pageSize?: number;
-  /** Initial page size for uncontrolled usage. @default 50 */
-  defaultPageSize?: number;
-  /** Supplying this together with `onPageSizeChange` renders the size selector. */
-  pageSizeOptions?: number[];
-  onPageSizeChange?: (pageSize: number) => void;
-  /** @default 'numbers' */
-  type?: CubePaginationType;
-  /** Page buttons rendered either side of the current page. @default 1 */
-  siblingCount?: number;
-  /** Page buttons pinned at each end. @default 1 */
-  boundaryCount?: number;
-  /** @default 'small' */
-  size?: 'xsmall' | 'small' | 'medium';
-  isDisabled?: boolean;
-  /**
-   * Cursor pagination with an unknown total: keeps "next" enabled while there
-   * is more to fetch. Ignored when `totalPages` is known.
-   */
-  hasNextPage?: boolean;
-  /** Hide the first/last jump buttons. @default false */
-  isCompact?: boolean;
-  /** `true` renders the localized "1–50 of 1,204". @default false */
-  summary?: boolean | ((info: CubeTablePageInfo) => ReactNode);
-  /** Labels the entries of `type="select"`. Defaults to item ranges. */
-  labelFormatter?: (info: CubeTablePageInfo) => ReactNode;
-  ariaLabel?: string;
-  styles?: Styles;
-  pageSizeSelectStyles?: Styles;
-}
-//#endregion
-export { CubePaginationItem, CubePaginationProps, CubePaginationType, CubeTablePageInfo };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/navigation/Pagination/use-pagination.d.ts

@@ -1,52 +0,0 @@
-
-import { CubePaginationItem, CubeTablePageInfo } from "./types.js";
-
-//#region src/components/navigation/Pagination/use-pagination.d.ts
-declare function clampPage(page: number, totalPages: number): number;
-interface PaginationRangeOptions {
-  page: number;
-  totalPages: number;
-  /** Page buttons either side of the current page. @default 1 */
-  siblingCount?: number;
-  /** Page buttons pinned at each end. @default 1 */
-  boundaryCount?: number;
-}
-/**
- * Page numbers to render, with `'gap'` marking an elided run. The output length
- * is bounded by `boundaryCount * 2 + siblingCount * 2 + 3` regardless of
- * `totalPages` — which is the whole point of `type="numbers"`: a 100k-row table
- * at 100 per page renders ~7 buttons, not 1000 `Select` items.
- */
-declare function getPaginationRange({
-  page,
-  totalPages,
-  siblingCount,
-  boundaryCount
-}: PaginationRangeOptions): CubePaginationItem[];
-declare function getPageInfo(options: {
-  page: number;
-  pageSize: number;
-  total: number;
-  totalPages?: number;
-}): CubeTablePageInfo;
-interface UsePaginationOptions {
-  page?: number;
-  defaultPage?: number;
-  onPageChange?: (page: number) => void;
-  pageSize?: number;
-  defaultPageSize?: number;
-  onPageSizeChange?: (pageSize: number) => void;
-}
-type UsePaginationResult<T> = CubeTablePageInfo & {
-  /** The current page's slice of `items`. */pageItems: T[];
-  setPage: (page: number) => void; /** Also resets to page 1, since the old page index no longer means anything. */
-  setPageSize: (pageSize: number) => void;
-};
-/**
- * Client-side pagination over an in-memory array. Standalone — `ItemTable` uses
- * it internally, but it works on its own for any paged list.
- */
-declare function usePagination<T>(items: readonly T[], options?: UsePaginationOptions): UsePaginationResult<T>;
-//#endregion
-export { PaginationRangeOptions, UsePaginationOptions, UsePaginationResult, clampPage, getPageInfo, getPaginationRange, usePagination };
-//# sourceMappingURL=use-pagination.d.ts.map

package/dist/components/navigation/Pagination/use-pagination.js

@@ -1,83 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9a2a686 | Cube Dev Team */
-import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { useMemo } from "react";
-import { useControlledState } from "@react-stately/utils";
-
-//#region src/components/navigation/Pagination/use-pagination.ts
-function range(start, end) {
-	const length = end - start + 1;
-	return length > 0 ? Array.from({ length }, (_, i) => start + i) : [];
-}
-function clampPage(page, totalPages) {
-	if (!Number.isFinite(page)) return 1;
-	return Math.min(Math.max(Math.trunc(page), 1), Math.max(totalPages, 1));
-}
-/**
-* Page numbers to render, with `'gap'` marking an elided run. The output length
-* is bounded by `boundaryCount * 2 + siblingCount * 2 + 3` regardless of
-* `totalPages` — which is the whole point of `type="numbers"`: a 100k-row table
-* at 100 per page renders ~7 buttons, not 1000 `Select` items.
-*/
-function getPaginationRange({ page, totalPages, siblingCount = 1, boundaryCount = 1 }) {
-	if (totalPages <= 0) return [];
-	const current = clampPage(page, totalPages);
-	const startPages = range(1, Math.min(boundaryCount, totalPages));
-	const endPages = range(Math.max(totalPages - boundaryCount + 1, boundaryCount + 1), totalPages);
-	const siblingsStart = Math.max(Math.min(current - siblingCount, totalPages - boundaryCount - siblingCount * 2 - 1), boundaryCount + 2);
-	const siblingsEnd = Math.min(Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2), endPages.length > 0 ? endPages[0] - 2 : totalPages - 1);
-	return [
-		...startPages,
-		...siblingsStart > boundaryCount + 2 ? ["gap"] : boundaryCount + 1 < totalPages - boundaryCount ? [boundaryCount + 1] : [],
-		...range(siblingsStart, siblingsEnd),
-		...siblingsEnd < totalPages - boundaryCount - 1 ? ["gap"] : totalPages - boundaryCount > boundaryCount ? [totalPages - boundaryCount] : [],
-		...endPages
-	];
-}
-function getPageInfo(options) {
-	const { pageSize, total } = options;
-	const totalPages = options.totalPages ?? (pageSize > 0 ? Math.max(Math.ceil(total / pageSize), 1) : 1);
-	const page = clampPage(options.page, totalPages);
-	return {
-		page,
-		pageSize,
-		totalPages,
-		total,
-		from: total === 0 ? 0 : (page - 1) * pageSize + 1,
-		to: total === 0 ? 0 : Math.min(page * pageSize, total)
-	};
-}
-/**
-* Client-side pagination over an in-memory array. Standalone — `ItemTable` uses
-* it internally, but it works on its own for any paged list.
-*/
-function usePagination(items, options = {}) {
-	const [pageSize, setPageSizeState] = useControlledState(options.pageSize, options.defaultPageSize ?? 50, options.onPageSizeChange);
-	const [page, setPageState] = useControlledState(options.page, options.defaultPage ?? 1, options.onPageChange);
-	const info = getPageInfo({
-		page,
-		pageSize,
-		total: items.length
-	});
-	const setPage = useEvent((next) => {
-		setPageState(clampPage(next, info.totalPages));
-	});
-	const setPageSize = useEvent((next) => {
-		setPageSizeState(next);
-		setPageState(1);
-	});
-	const pageItems = useMemo(() => items.slice((info.page - 1) * pageSize, info.page * pageSize), [
-		items,
-		info.page,
-		pageSize
-	]);
-	return {
-		...info,
-		pageItems,
-		setPage,
-		setPageSize
-	};
-}
-
-//#endregion
-export { clampPage, getPageInfo, getPaginationRange, usePagination };
-//# sourceMappingURL=use-pagination.js.map

package/dist/components/navigation/Pagination/use-pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-pagination.js","names":[],"sources":["../../../../src/components/navigation/Pagination/use-pagination.ts"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport type { CubePaginationItem, CubeTablePageInfo } from './types';\n\nfunction range(start: number, end: number): number[] {\n  const length = end - start + 1;\n\n  return length > 0 ? Array.from({ length }, (_, i) => start + i) : [];\n}\n\nexport function clampPage(page: number, totalPages: number): number {\n  if (!Number.isFinite(page)) return 1;\n\n  return Math.min(Math.max(Math.trunc(page), 1), Math.max(totalPages, 1));\n}\n\nexport interface PaginationRangeOptions {\n  page: number;\n  totalPages: number;\n  /** Page buttons either side of the current page. @default 1 */\n  siblingCount?: number;\n  /** Page buttons pinned at each end. @default 1 */\n  boundaryCount?: number;\n}\n\n/**\n * Page numbers to render, with `'gap'` marking an elided run. The output length\n * is bounded by `boundaryCount * 2 + siblingCount * 2 + 3` regardless of\n * `totalPages` — which is the whole point of `type=\"numbers\"`: a 100k-row table\n * at 100 per page renders ~7 buttons, not 1000 `Select` items.\n */\nexport function getPaginationRange({\n  page,\n  totalPages,\n  siblingCount = 1,\n  boundaryCount = 1,\n}: PaginationRangeOptions): CubePaginationItem[] {\n  if (totalPages <= 0) return [];\n\n  const current = clampPage(page, totalPages);\n\n  const startPages = range(1, Math.min(boundaryCount, totalPages));\n  const endPages = range(\n    Math.max(totalPages - boundaryCount + 1, boundaryCount + 1),\n    totalPages,\n  );\n\n  // Pull the sibling window inwards when it would run past either boundary, so\n  // the rendered count stays constant as the user pages through.\n  const siblingsStart = Math.max(\n    Math.min(\n      current - siblingCount,\n      totalPages - boundaryCount - siblingCount * 2 - 1,\n    ),\n    boundaryCount + 2,\n  );\n  const siblingsEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : totalPages - 1,\n  );\n\n  return [\n    ...startPages,\n\n    // A gap that would hide exactly one page renders that page instead.\n    ...(siblingsStart > boundaryCount + 2\n      ? (['gap'] as CubePaginationItem[])\n      : boundaryCount + 1 < totalPages - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n\n    ...range(siblingsStart, siblingsEnd),\n\n    ...(siblingsEnd < totalPages - boundaryCount - 1\n      ? (['gap'] as CubePaginationItem[])\n      : totalPages - boundaryCount > boundaryCount\n        ? [totalPages - boundaryCount]\n        : []),\n\n    ...endPages,\n  ];\n}\n\nexport function getPageInfo(options: {\n  page: number;\n  pageSize: number;\n  total: number;\n  totalPages?: number;\n}): CubeTablePageInfo {\n  const { pageSize, total } = options;\n  const totalPages =\n    options.totalPages ??\n    (pageSize > 0 ? Math.max(Math.ceil(total / pageSize), 1) : 1);\n  const page = clampPage(options.page, totalPages);\n  const from = total === 0 ? 0 : (page - 1) * pageSize + 1;\n  const to = total === 0 ? 0 : Math.min(page * pageSize, total);\n\n  return { page, pageSize, totalPages, total, from, to };\n}\n\nexport interface UsePaginationOptions {\n  page?: number;\n  defaultPage?: number;\n  onPageChange?: (page: number) => void;\n  pageSize?: number;\n  defaultPageSize?: number;\n  onPageSizeChange?: (pageSize: number) => void;\n}\n\nexport type UsePaginationResult<T> = CubeTablePageInfo & {\n  /** The current page's slice of `items`. */\n  pageItems: T[];\n  setPage: (page: number) => void;\n  /** Also resets to page 1, since the old page index no longer means anything. */\n  setPageSize: (pageSize: number) => void;\n};\n\n/**\n * Client-side pagination over an in-memory array. Standalone — `ItemTable` uses\n * it internally, but it works on its own for any paged list.\n */\nexport function usePagination<T>(\n  items: readonly T[],\n  options: UsePaginationOptions = {},\n): UsePaginationResult<T> {\n  const [pageSize, setPageSizeState] = useControlledState<number>(\n    options.pageSize as number,\n    options.defaultPageSize ?? 50,\n    options.onPageSizeChange as (v: number) => void,\n  );\n  const [page, setPageState] = useControlledState<number>(\n    options.page as number,\n    options.defaultPage ?? 1,\n    options.onPageChange as (v: number) => void,\n  );\n\n  const info = getPageInfo({ page, pageSize, total: items.length });\n\n  const setPage = useEvent((next: number) => {\n    setPageState(clampPage(next, info.totalPages));\n  });\n\n  const setPageSize = useEvent((next: number) => {\n    setPageSizeState(next);\n    setPageState(1);\n  });\n\n  const pageItems = useMemo(\n    () => items.slice((info.page - 1) * pageSize, info.page * pageSize) as T[],\n    [items, info.page, pageSize],\n  );\n\n  return { ...info, pageItems, setPage, setPageSize };\n}\n"],"mappings":";;;;;;AAOA,SAAS,MAAM,OAAe,KAAuB;CACnD,MAAM,SAAS,MAAM,QAAQ;AAE7B,QAAO,SAAS,IAAI,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,MAAM,QAAQ,EAAE,GAAG,EAAE;;AAGtE,SAAgB,UAAU,MAAc,YAA4B;AAClE,KAAI,CAAC,OAAO,SAAS,KAAK,CAAE,QAAO;AAEnC,QAAO,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,KAAK,EAAE,EAAE,EAAE,KAAK,IAAI,YAAY,EAAE,CAAC;;;;;;;;AAkBzE,SAAgB,mBAAmB,EACjC,MACA,YACA,eAAe,GACf,gBAAgB,KAC+B;AAC/C,KAAI,cAAc,EAAG,QAAO,EAAE;CAE9B,MAAM,UAAU,UAAU,MAAM,WAAW;CAE3C,MAAM,aAAa,MAAM,GAAG,KAAK,IAAI,eAAe,WAAW,CAAC;CAChE,MAAM,WAAW,MACf,KAAK,IAAI,aAAa,gBAAgB,GAAG,gBAAgB,EAAE,EAC3D,WACD;CAID,MAAM,gBAAgB,KAAK,IACzB,KAAK,IACH,UAAU,cACV,aAAa,gBAAgB,eAAe,IAAI,EACjD,EACD,gBAAgB,EACjB;CACD,MAAM,cAAc,KAAK,IACvB,KAAK,IAAI,UAAU,cAAc,gBAAgB,eAAe,IAAI,EAAE,EACtE,SAAS,SAAS,IAAI,SAAS,KAAK,IAAI,aAAa,EACtD;AAED,QAAO;EACL,GAAG;EAGH,GAAI,gBAAgB,gBAAgB,IAC/B,CAAC,MAAM,GACR,gBAAgB,IAAI,aAAa,gBAC/B,CAAC,gBAAgB,EAAE,GACnB,EAAE;EAER,GAAG,MAAM,eAAe,YAAY;EAEpC,GAAI,cAAc,aAAa,gBAAgB,IAC1C,CAAC,MAAM,GACR,aAAa,gBAAgB,gBAC3B,CAAC,aAAa,cAAc,GAC5B,EAAE;EAER,GAAG;EACJ;;AAGH,SAAgB,YAAY,SAKN;CACpB,MAAM,EAAE,UAAU,UAAU;CAC5B,MAAM,aACJ,QAAQ,eACP,WAAW,IAAI,KAAK,IAAI,KAAK,KAAK,QAAQ,SAAS,EAAE,EAAE,GAAG;CAC7D,MAAM,OAAO,UAAU,QAAQ,MAAM,WAAW;AAIhD,QAAO;EAAE;EAAM;EAAU;EAAY;EAAO,MAH/B,UAAU,IAAI,KAAK,OAAO,KAAK,WAAW;EAGL,IAFvC,UAAU,IAAI,IAAI,KAAK,IAAI,OAAO,UAAU,MAAM;EAEP;;;;;;AAwBxD,SAAgB,cACd,OACA,UAAgC,EAAE,EACV;CACxB,MAAM,CAAC,UAAU,oBAAoB,mBACnC,QAAQ,UACR,QAAQ,mBAAmB,IAC3B,QAAQ,iBACT;CACD,MAAM,CAAC,MAAM,gBAAgB,mBAC3B,QAAQ,MACR,QAAQ,eAAe,GACvB,QAAQ,aACT;CAED,MAAM,OAAO,YAAY;EAAE;EAAM;EAAU,OAAO,MAAM;EAAQ,CAAC;CAEjE,MAAM,UAAU,UAAU,SAAiB;AACzC,eAAa,UAAU,MAAM,KAAK,WAAW,CAAC;GAC9C;CAEF,MAAM,cAAc,UAAU,SAAiB;AAC7C,mBAAiB,KAAK;AACtB,eAAa,EAAE;GACf;CAEF,MAAM,YAAY,cACV,MAAM,OAAO,KAAK,OAAO,KAAK,UAAU,KAAK,OAAO,SAAS,EACnE;EAAC;EAAO,KAAK;EAAM;EAAS,CAC7B;AAED,QAAO;EAAE,GAAG;EAAM;EAAW;EAAS;EAAa"}