@cube-dev/ui-kit 0.156.0 → 0.157.1

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.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | 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.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/use-tab-editing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useCallback, useState } from "react";
 
 //#region src/components/navigation/Tabs/use-tab-editing.ts

package/dist/components/navigation/Tabs/use-tab-indicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 

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

@@ -2,4 +2,8 @@
 import { CubeTabListProps, CubeTabPanelProps, CubeTabProps, CubeTabsProps, TabContextMenu, TabSize, TabType, TabsActionPosition } from "./Tabs/types.js";
 import { CubeTabsActionProps, TabsAction } from "./Tabs/TabsAction.js";
 import { Tab, Tabs } from "./Tabs/Tabs.js";
-import "./Tabs/index.js";
+import "./Tabs/index.js";
+import { CubePaginationItem, CubePaginationProps, CubePaginationType, CubeTablePageInfo } from "./Pagination/types.js";
+import { _Pagination } from "./Pagination/Pagination.js";
+import { PaginationRangeOptions, UsePaginationOptions, UsePaginationResult, clampPage, getPageInfo, getPaginationRange, usePagination } from "./Pagination/use-pagination.js";
+import "./Pagination/index.js";

package/dist/components/organisms/StatsCard/StatsCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/other/Calendar/CalendarCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/other/Calendar/CalendarGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/other/Calendar/PeriodCalendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/other/Calendar/RangeCalendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/other/CubeLogo/CubeLogo.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/overlays/AlertDialog/AlertDialog.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { createContext, useContext, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { _AlertDialog } from "./AlertDialog.js";

package/dist/components/overlays/Dialog/Dialog.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SlotProvider } from "../../../utils/react/Slots.js";

package/dist/components/overlays/Dialog/DialogContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { DialogContext } from "./context.js";
 import { Children, isValidElement, useRef } from "react";

package/dist/components/overlays/Dialog/DialogForm.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { ButtonGroup } from "../../actions/ButtonGroup/ButtonGroup.js";

package/dist/components/overlays/Dialog/DialogTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

package/dist/components/overlays/Dialog/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";
 

package/dist/components/overlays/Dialog/use-dialog-container.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";

package/dist/components/overlays/Modal/Modal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";

package/dist/components/overlays/Modal/OpenTransitionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Modal/OpenTransitionContext.tsx

package/dist/components/overlays/Modal/Overlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";
 import { OpenTransitionContext } from "./OpenTransitionContext.js";

package/dist/components/overlays/Modal/Popover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Modal/Tray.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";

package/dist/components/overlays/Modal/Underlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/overlays/Notifications/Notification.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/NotificationAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { createContext, useContext, useMemo } from "react";

package/dist/components/overlays/Notifications/NotificationCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/overlays/Notifications/NotificationContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Notifications/NotificationContext.ts

package/dist/components/overlays/Notifications/NotificationItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Notifications/OverlayContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/overlays/Notifications/OverlayProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { NotificationContext, PersistentNotificationsContext, ToastContext, useNotificationContext, useToastContext } from "./NotificationContext.js";
 import { OverlayContainer } from "./OverlayContainer.js";
 import { useNotificationState } from "./use-notification-state.js";

package/dist/components/overlays/Notifications/PersistentNotificationsList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Notifications/dismissed-storage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 //#region src/components/overlays/Notifications/dismissed-storage.ts
 const STORAGE_KEY = "cube-ui-dismissed-notifications";
 const TTL_MS = 864e5;

package/dist/components/overlays/Notifications/format-relative-time.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 //#region src/components/overlays/Notifications/format-relative-time.ts
 /**
 * Lightweight relative time formatter.

package/dist/components/overlays/Notifications/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useToastContext } from "./NotificationContext.js";
 import { NotificationAction } from "./NotificationAction.js";
 import { NotificationCard } from "./NotificationCard.js";

package/dist/components/overlays/Notifications/use-notification-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/overlays/Notifications/use-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useNotificationContext } from "./NotificationContext.js";

package/dist/components/overlays/Notifications/use-overlay-timers.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.157.1 | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
 import { useMemo } from "react";