@cube-dev/ui-kit 0.0.0-canary-e530064 → 0.0.0-canary-52c46a3

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Suffix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";

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

@@ -0,0 +1,9 @@
+
+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

@@ -0,0 +1,258 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,4 @@
+
+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

@@ -0,0 +1,81 @@
+
+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

@@ -0,0 +1,52 @@
+
+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

@@ -0,0 +1,83 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | 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

@@ -0,0 +1 @@
+{"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"}

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";

package/dist/components/navigation/Tabs/TabDropIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { useEffect, useRef, useState } from "react";

package/dist/components/navigation/Tabs/TabPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/navigation/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/navigation/Tabs/TabsAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/TabsContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/navigation/Tabs/popover-placement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and

package/dist/components/navigation/Tabs/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";