@cube-dev/ui-kit 0.0.0-canary-e76eb3e → 0.0.0-canary-01fea9d

package/dist/components/fields/ColorPicker/color.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.js","names":[],"sources":["../../../../src/components/fields/ColorPicker/color.ts"],"sourcesContent":["import {\n  contrastRatioFromLuminance,\n  formatHsl,\n  formatOkhsl,\n  formatOkhst,\n  formatOklch,\n  formatRgb,\n  hslToSrgb,\n  okhslToLinearSrgb,\n  okhslToOkhst,\n  okhslToOklch,\n  okhslToSrgb,\n  okhstToOkhsl,\n  oklabToOkhsl,\n  parseHexAlpha,\n  relativeLuminanceFromLinearRgb,\n  srgbToHex,\n  srgbToOkhsl,\n} from '@tenphi/glaze';\n\nimport type {\n  OkhslColor,\n  OkhstColor,\n  OklchColor,\n  RgbColor,\n} from '@tenphi/glaze';\n\nexport type { OkhslColor, OkhstColor, OklchColor, RgbColor };\n\n/**\n * Every color format the picker can read and write.\n *\n * `okhsl` and `okhst` are Glaze / Tasty spaces rather than native CSS ones,\n * but Tasty parses both, so the produced strings are usable as style values.\n */\nexport const COLOR_FORMATS = [\n  'hex',\n  'rgb',\n  'hsl',\n  'okhsl',\n  'okhst',\n  'oklch',\n] as const;\n\nexport type ColorFormat = (typeof COLOR_FORMATS)[number];\n\n/**\n * OKHSL is the canonical space of the picker: it is Glaze's authoring space,\n * every channel is bounded, and — unlike OKLCh — every value inside those\n * bounds is inside the sRGB gamut, so no state can be unrepresentable.\n */\nexport type ColorValue = OkhslColor;\n\nconst FUNCTION_RE = /^([a-z]+)\\(([^()]+)\\)$/;\n/**\n * A number with an optional `%` or `deg` unit.\n *\n * The integer and fraction parts are deliberately written so that no two\n * quantifiers can consume the same digit — `\\d+(?:\\.\\d*)?` rather than\n * `\\d+\\.?\\d*`, whose `\\d+` and `\\d*` can split a digit run n ways and make\n * rejecting a long one quadratic. This runs on whatever the user types.\n */\nconst NUMBER_RE = /^[+-]?(?:\\d+(?:\\.\\d*)?|\\.\\d+)(?:e[+-]?\\d+)?(?:%|deg)?$/;\n\n/**\n * Saturation below this rounds to `0%` in every output notation, so the color\n * is achromatic for display purposes even when the conversion left a residue.\n */\nconst ACHROMATIC_SATURATION = 5e-5;\n\nfunction clamp(value: number, min: number, max: number): number {\n  return value < min ? min : value > max ? max : value;\n}\n\nexport function normalizeHue(hue: number): number {\n  if (!Number.isFinite(hue)) return 0;\n\n  return ((hue % 360) + 360) % 360;\n}\n\n/**\n * The color carries no meaningful hue: every conversion out of it invents an\n * angle, so callers that need one should keep the hue they already had.\n */\nexport function isAchromatic(color: ColorValue): boolean {\n  return color.s < ACHROMATIC_SATURATION;\n}\n\n/** Both channel objects describe the same color, within display precision. */\nexport function isSameColor(a?: ColorValue | null, b?: ColorValue | null) {\n  if (!a || !b) return a === b;\n\n  return (\n    Math.abs(a.h - b.h) < 1e-6 &&\n    Math.abs(a.s - b.s) < 1e-6 &&\n    Math.abs(a.l - b.l) < 1e-6\n  );\n}\n\n/**\n * Split a color-function body into its numeric arguments, dropping the alpha\n * component. Both the modern space-separated and the legacy comma-separated\n * syntaxes are accepted.\n *\n * Each argument keeps its unit so the caller can tell `50%` from `50`.\n */\nfunction splitArguments(body: string): string[] | null {\n  const [values, ...rest] = body.split('/');\n\n  // More than one slash is never valid syntax.\n  if (rest.length > 1) return null;\n\n  const args = values\n    .trim()\n    .split(values.includes(',') ? ',' : /\\s+/)\n    .map((part) => part.trim())\n    .filter(Boolean);\n\n  // Legacy `rgba(r, g, b, a)` / `hsla(h, s, l, a)` carry alpha as a fourth\n  // argument. Alpha is not part of the value, so it is dropped either way.\n  if (args.length === 4) args.pop();\n\n  return args.every((arg) => NUMBER_RE.test(arg)) ? args : null;\n}\n\n/** Parse an argument that may carry a `%` unit. `scale` is the 100% value. */\nfunction scalar(arg: string, scale: number): number {\n  return arg.endsWith('%') ? (parseFloat(arg) / 100) * scale : parseFloat(arg);\n}\n\nfunction hueArgument(arg: string): number {\n  // A percentage is not a valid hue angle.\n  return arg.endsWith('%') ? NaN : normalizeHue(parseFloat(arg));\n}\n\nexport function fromRgb(color: RgbColor): ColorValue {\n  const [h, s, l] = srgbToOkhsl([\n    clamp(color.r, 0, 255) / 255,\n    clamp(color.g, 0, 255) / 255,\n    clamp(color.b, 0, 255) / 255,\n  ]);\n\n  return { h: normalizeHue(h), s: clamp(s, 0, 1), l: clamp(l, 0, 1) };\n}\n\nexport function toRgb(color: ColorValue): RgbColor {\n  const [r, g, b] = okhslToSrgb(color.h, color.s, color.l);\n\n  return {\n    r: Math.round(clamp(r, 0, 1) * 255),\n    g: Math.round(clamp(g, 0, 1) * 255),\n    b: Math.round(clamp(b, 0, 1) * 255),\n  };\n}\n\nexport function fromOkhst(color: OkhstColor): ColorValue {\n  const { h, s, l } = okhstToOkhsl({\n    h: normalizeHue(color.h),\n    s: clamp(color.s, 0, 1),\n    t: clamp(color.t, 0, 1),\n  });\n\n  return { h: normalizeHue(h), s: clamp(s, 0, 1), l: clamp(l, 0, 1) };\n}\n\nexport function toOkhst(color: ColorValue): OkhstColor {\n  const { t } = okhslToOkhst(color);\n\n  return { h: color.h, s: color.s, t: clamp(t, 0, 1) };\n}\n\n/**\n * The largest OKLCh chroma that stays inside the sRGB gamut for the given hue\n * and OKHSL lightness — that is exactly what OKHSL saturation `1` means.\n */\nexport function maxChroma(hue: number, lightness: number): number {\n  return okhslToOklch(normalizeHue(hue), 1, clamp(lightness, 0, 1))[1];\n}\n\nexport function toOklch(color: ColorValue): OklchColor {\n  const [l, c, h] = okhslToOklch(color.h, color.s, color.l);\n\n  return { l, c, h: normalizeHue(h) };\n}\n\n/**\n * OKLCh addresses colors outside the sRGB gamut, so chroma is clipped to the\n * gamut boundary at the requested lightness before it is stored. Hue is taken\n * from the input rather than from the conversion, which loses it at zero\n * chroma.\n */\nexport function fromOklch(color: OklchColor): ColorValue {\n  const h = normalizeHue(color.h);\n  const c = Math.max(color.c, 0);\n  const radians = (h * Math.PI) / 180;\n  const [, s, l] = oklabToOkhsl([\n    clamp(color.l, 0, 1),\n    c * Math.cos(radians),\n    c * Math.sin(radians),\n  ]);\n  const limit = maxChroma(h, l);\n\n  return {\n    h,\n    s: limit > 0 ? (c >= limit ? 1 : clamp(s, 0, 1)) : 0,\n    l: clamp(l, 0, 1),\n  };\n}\n\nexport function toHex(color: ColorValue): string {\n  return srgbToHex(okhslToSrgb(color.h, color.s, color.l));\n}\n\n/**\n * Read any supported color notation into the canonical space. Returns `null`\n * for anything that is not a real color — that is what lets the picker reject\n * partial input instead of guessing.\n *\n * Named CSS colors (`red`, `rebeccapurple`) are intentionally not supported,\n * matching `glaze.color()`.\n */\nexport function parseColor(input: string): ColorValue | null {\n  const text = input.trim().toLowerCase();\n\n  if (!text) return null;\n\n  if (text.startsWith('#')) {\n    const parsed = parseHexAlpha(text);\n\n    return parsed ? fromRgb(rgbFromSrgb(parsed.rgb)) : null;\n  }\n\n  const match = FUNCTION_RE.exec(text);\n\n  if (!match) return null;\n\n  const [, name, body] = match;\n  const args = splitArguments(body);\n\n  if (!args || args.length !== 3) return null;\n\n  switch (name) {\n    case 'rgb':\n    case 'rgba': {\n      const [r, g, b] = args.map((arg) => scalar(arg, 255));\n\n      return anyNaN(r, g, b) ? null : fromRgb({ r, g, b });\n    }\n    case 'hsl':\n    case 'hsla': {\n      const h = hueArgument(args[0]);\n      const s = scalar(args[1], 100) / 100;\n      const l = scalar(args[2], 100) / 100;\n\n      if (anyNaN(h, s, l)) return null;\n\n      return fromRgb(rgbFromSrgb(hslToSrgb(h, clamp(s, 0, 1), clamp(l, 0, 1))));\n    }\n    case 'okhsl': {\n      const h = hueArgument(args[0]);\n      const s = scalar(args[1], 100) / 100;\n      const l = scalar(args[2], 100) / 100;\n\n      if (anyNaN(h, s, l)) return null;\n\n      return { h, s: clamp(s, 0, 1), l: clamp(l, 0, 1) };\n    }\n    case 'okhst': {\n      const h = hueArgument(args[0]);\n      const s = scalar(args[1], 100) / 100;\n      const t = scalar(args[2], 100) / 100;\n\n      if (anyNaN(h, s, t)) return null;\n\n      return fromOkhst({ h, s, t });\n    }\n    case 'oklch': {\n      // In `oklch()` a percentage means 1 for lightness and 0.4 for chroma.\n      const l = scalar(args[0], 1);\n      const c = scalar(args[1], 0.4);\n      const h = hueArgument(args[2]);\n\n      return anyNaN(l, c, h) ? null : fromOklch({ l, c, h });\n    }\n    default:\n      return null;\n  }\n}\n\nfunction anyNaN(...values: number[]): boolean {\n  return values.some((value) => !Number.isFinite(value));\n}\n\nfunction rgbFromSrgb([r, g, b]: [number, number, number]): RgbColor {\n  return { r: r * 255, g: g * 255, b: b * 255 };\n}\n\n/** Serialize the canonical color into one of the supported notations. */\nexport function formatColor(color: ColorValue, format: ColorFormat): string {\n  // An achromatic color has no meaningful hue, and the conversions leave\n  // whatever angle the source happened to carry. Zero reads better.\n  const gray = isAchromatic(color);\n  const hue = gray ? 0 : color.h;\n  const saturation = color.s * 100;\n  const lightness = color.l * 100;\n\n  switch (format) {\n    case 'rgb':\n      return formatRgb(hue, saturation, lightness);\n    case 'hsl': {\n      const text = formatHsl(hue, saturation, lightness);\n\n      // CSS HSL derives its hue from the sRGB channels, which is undefined\n      // when they are equal — Glaze emits whatever the formula produces. Every\n      // other notation carries the hue through, so only HSL needs this.\n      return gray ? text.replace(/\\(-?[\\d.]+/, '(0') : text;\n    }\n    case 'okhsl':\n      return formatOkhsl(hue, saturation, lightness);\n    case 'okhst':\n      return formatOkhst(hue, saturation, toOkhst(color).t * 100);\n    case 'oklch':\n      return formatOklch(hue, saturation, lightness);\n    default:\n      return toHex(color);\n  }\n}\n\n/**\n * Which notation a string is written in, or `null` when it is not a color.\n * Used to keep the user's own notation while still normalizing the value.\n */\nexport function detectFormat(input: string): ColorFormat | null {\n  const text = input.trim().toLowerCase();\n\n  if (!parseColor(text)) return null;\n\n  if (text.startsWith('#')) return 'hex';\n\n  const name = FUNCTION_RE.exec(text)?.[1];\n\n  switch (name) {\n    case 'rgb':\n    case 'rgba':\n      return 'rgb';\n    case 'hsl':\n    case 'hsla':\n      return 'hsl';\n    case 'okhsl':\n      return 'okhsl';\n    case 'okhst':\n      return 'okhst';\n    case 'oklch':\n      return 'oklch';\n    default:\n      return null;\n  }\n}\n\n/**\n * Black or white — whichever the WCAG contrast ratio favors on the given\n * color. Keeps the popover preview label readable at any lightness. Returns a\n * literal hex rather than a token, because the answer is measured against this\n * exact fill and must not adapt with the color scheme.\n */\nexport function getContrastingColor(color: ColorValue): '#000000' | '#ffffff' {\n  const luminance = relativeLuminanceFromLinearRgb(\n    okhslToLinearSrgb(color.h, color.s, color.l),\n  );\n\n  return contrastRatioFromLuminance(luminance, 0) >=\n    contrastRatioFromLuminance(1, luminance)\n    ? '#000000'\n    : '#ffffff';\n}\n"],"mappings":"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"}

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-e76eb3e | 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":"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"}

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-e76eb3e | 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"}