@cube-dev/ui-kit 0.0.0-canary-0b79a39 → 0.0.0-canary-c02e70f

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0b79a39 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c02e70f | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -72,7 +72,7 @@ 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 $ = c(121);
+	const $ = c(51);
 	const { page: pageProp, defaultPage, onPageChange, totalPages: totalPagesProp, total, pageSize: pageSizeProp, defaultPageSize, pageSizeOptions, onPageSizeChange, type: t0, siblingCount: t1, boundaryCount: t2, size: t3, isDisabled, hasNextPage, isCompact: t4, summary: t5, labelFormatter, ariaLabel, pageSizeSelectStyles, qa, mods, ...rest } = props;
 	const type = t0 === void 0 ? "numbers" : t0;
 	const siblingCount = t1 === void 0 ? 1 : t1;
@@ -85,212 +85,136 @@ function Pagination(props, ref) {
 	const [pageSize, setPageSize] = useControlledState(pageSizeProp, defaultPageSize ?? 50, onPageSizeChange);
 	const [page, setPage] = useControlledState(pageProp, defaultPage ?? 1, onPageChange);
 	const isCountable = totalPagesProp != null || total != null;
-	let t6;
-	if ($[0] !== isCountable || $[1] !== page || $[2] !== pageSize || $[3] !== total || $[4] !== totalPagesProp) {
-		t6 = 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
-		};
-		$[0] = isCountable;
-		$[1] = page;
-		$[2] = pageSize;
-		$[3] = total;
-		$[4] = totalPagesProp;
-		$[5] = t6;
-	} else t6 = $[5];
-	const info = t6;
+	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;
-	let t7;
-	if ($[6] !== info.page || $[7] !== isCountable || $[8] !== setPage || $[9] !== totalPages) {
-		t7 = (next) => {
-			const clamped = isCountable ? clampPage(next, totalPages) : Math.max(next, 1);
-			if (clamped !== info.page) setPage(clamped);
-		};
-		$[6] = info.page;
-		$[7] = isCountable;
-		$[8] = setPage;
-		$[9] = totalPages;
-		$[10] = t7;
-	} else t7 = $[10];
-	const goTo = useEvent(t7);
-	let t8;
-	if ($[11] !== setPage || $[12] !== setPageSize) {
-		t8 = (value) => {
+	const goTo = useEvent((next) => {
+		const clamped = isCountable ? clampPage(next, totalPages) : Math.max(next, 1);
+		if (clamped !== info.page) setPage(clamped);
+	});
+	let t6;
+	if ($[0] !== setPage || $[1] !== setPageSize) {
+		t6 = (value) => {
 			setPageSize(Number(value));
 			setPage(1);
 		};
-		$[11] = setPage;
-		$[12] = setPageSize;
-		$[13] = t8;
-	} else t8 = $[13];
-	const onPageSizeSelectionChange = useEvent(t8);
-	let t9;
-	if ($[14] !== goTo) {
-		t9 = (value_0) => {
+		$[0] = setPage;
+		$[1] = setPageSize;
+		$[2] = t6;
+	} else t6 = $[2];
+	const onPageSizeSelectionChange = useEvent(t6);
+	let t7;
+	if ($[3] !== goTo) {
+		t7 = (value_0) => {
 			goTo(Number(value_0));
 		};
-		$[14] = goTo;
-		$[15] = t9;
-	} else t9 = $[15];
-	const onPageSelectionChange = useEvent(t9);
-	let t10;
-	if ($[16] !== boundaryCount || $[17] !== info.page || $[18] !== isCountable || $[19] !== siblingCount || $[20] !== totalPages || $[21] !== type) {
-		t10 = type === "numbers" && isCountable ? getPaginationRange({
-			page: info.page,
-			totalPages,
-			siblingCount,
-			boundaryCount
-		}) : [];
-		$[16] = boundaryCount;
-		$[17] = info.page;
-		$[18] = isCountable;
-		$[19] = siblingCount;
-		$[20] = totalPages;
-		$[21] = type;
-		$[22] = t10;
-	} else t10 = $[22];
-	const pageItems = t10;
-	let t11;
-	if ($[23] !== isCountable || $[24] !== totalPages || $[25] !== type) {
-		t11 = type === "select" && isCountable && totalPages <= 200 ? Array.from({ length: totalPages }, _temp) : null;
-		$[23] = isCountable;
-		$[24] = totalPages;
-		$[25] = type;
-		$[26] = t11;
-	} else t11 = $[26];
-	const selectEntries = t11;
+		$[3] = goTo;
+		$[4] = t7;
+	} else t7 = $[4];
+	const onPageSelectionChange = useEvent(t7);
+	const pageItems = type === "numbers" && isCountable ? getPaginationRange({
+		page: info.page,
+		totalPages,
+		siblingCount,
+		boundaryCount
+	}) : [];
+	const selectEntries = type === "select" && isCountable && totalPages <= 200 ? Array.from({ length: totalPages }, _temp) : null;
 	const isFirst = info.page <= 1;
 	const isLast = isCountable ? info.page >= totalPages : !hasNextPage;
-	let t12;
-	if ($[27] !== props) {
-		t12 = extractStyles(props, OUTER_STYLES);
-		$[27] = props;
-		$[28] = t12;
-	} else t12 = $[28];
-	const styles = t12;
-	let t13;
-	if ($[29] !== formatNumber || $[30] !== info || $[31] !== summary || $[32] !== t) {
-		t13 = 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;
-		$[29] = formatNumber;
-		$[30] = info;
-		$[31] = summary;
-		$[32] = t;
-		$[33] = t13;
-	} else t13 = $[33];
-	const summaryNode = t13;
-	let t14;
-	if ($[34] !== goTo || $[35] !== info || $[36] !== isCountable || $[37] !== isDisabled || $[38] !== labelFormatter || $[39] !== onPageSelectionChange || $[40] !== pageItems || $[41] !== pageSizeSelectStyles || $[42] !== selectEntries || $[43] !== size || $[44] !== t || $[45] !== totalPages || $[46] !== type) {
-		t14 = function renderPageControl() {
-			if (selectEntries) return /* @__PURE__ */ jsx(__Select, {
-				qa: "PaginationPageSelect",
+	let t8;
+	if ($[5] !== props) {
+		t8 = extractStyles(props, OUTER_STYLES);
+		$[5] = props;
+		$[6] = t8;
+	} else t8 = $[6];
+	const styles = t8;
+	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;
+	const renderPageControl = 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_0, index) => entry_0 === "gap" ? /* @__PURE__ */ jsx("div", {
+				"data-element": "Gap",
+				"aria-hidden": "true",
+				children: "…"
+			}, `gap-${index}`) : /* @__PURE__ */ jsx(PageButton, {
+				qa: `PaginationPage_${entry_0}`,
 				size,
+				type: entry_0 === info.page ? "outline" : "clear",
 				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_0, index) => entry_0 === "gap" ? /* @__PURE__ */ jsx("div", {
-					"data-element": "Gap",
-					"aria-hidden": "true",
-					children: "…"
-				}, `gap-${index}`) : /* @__PURE__ */ jsx(PageButton, {
-					qa: `PaginationPage_${entry_0}`,
-					size,
-					type: entry_0 === info.page ? "outline" : "clear",
-					isDisabled,
-					"aria-label": t("pagination.page", "Page {{page}}", { page: entry_0 }),
-					"aria-current": entry_0 === info.page ? "page" : void 0,
-					onPress: () => goTo(entry_0),
-					children: entry_0
-				}, entry_0))
-			});
-			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
-				})
-			});
-		};
-		$[34] = goTo;
-		$[35] = info;
-		$[36] = isCountable;
-		$[37] = isDisabled;
-		$[38] = labelFormatter;
-		$[39] = onPageSelectionChange;
-		$[40] = pageItems;
-		$[41] = pageSizeSelectStyles;
-		$[42] = selectEntries;
-		$[43] = size;
-		$[44] = t;
-		$[45] = totalPages;
-		$[46] = type;
-		$[47] = t14;
-	} else t14 = $[47];
-	const renderPageControl = t14;
+				"aria-label": t("pagination.page", "Page {{page}}", { page: entry_0 }),
+				"aria-current": entry_0 === info.page ? "page" : void 0,
+				onPress: () => goTo(entry_0),
+				children: entry_0
+			}, entry_0))
+		});
+		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;
-	const T0 = PaginationElement;
-	const t15 = filterBaseProps(rest, { eventProps: true });
-	const t16 = qa || "Pagination";
-	let t17;
-	if ($[48] !== mods || $[49] !== size) {
-		t17 = {
+	const t9 = filterBaseProps(rest, { eventProps: true });
+	let t10;
+	if ($[7] !== mods || $[8] !== size) {
+		t10 = {
 			size,
 			...mods
 		};
-		$[48] = mods;
-		$[49] = size;
-		$[50] = t17;
-	} else t17 = $[50];
-	let t18;
-	if ($[51] !== ariaLabel || $[52] !== t) {
-		t18 = ariaLabel ?? t("pagination.ariaLabel", "Pagination");
-		$[51] = ariaLabel;
-		$[52] = t;
-		$[53] = t18;
-	} else t18 = $[53];
-	let t19;
-	if ($[54] !== summaryNode) {
-		t19 = summaryNode ? /* @__PURE__ */ jsx("div", {
-			"data-element": "Summary",
-			children: summaryNode
-		}) : null;
-		$[54] = summaryNode;
-		$[55] = t19;
-	} else t19 = $[55];
-	let t20;
-	if ($[56] !== isDisabled || $[57] !== onPageSizeChange || $[58] !== onPageSizeSelectionChange || $[59] !== pageSize || $[60] !== pageSizeOptions || $[61] !== pageSizeSelectStyles || $[62] !== size || $[63] !== t) {
-		t20 = pageSizeOptions && onPageSizeChange ? /* @__PURE__ */ jsx(__Select, {
+		$[7] = mods;
+		$[8] = size;
+		$[9] = t10;
+	} else t10 = $[9];
+	let t11;
+	if ($[10] !== ariaLabel || $[11] !== t) {
+		t11 = ariaLabel ?? t("pagination.ariaLabel", "Pagination");
+		$[10] = ariaLabel;
+		$[11] = t;
+		$[12] = t11;
+	} else t11 = $[12];
+	let t12;
+	if ($[13] !== isDisabled || $[14] !== onPageSizeChange || $[15] !== onPageSizeSelectionChange || $[16] !== pageSize || $[17] !== pageSizeOptions || $[18] !== pageSizeSelectStyles || $[19] !== size || $[20] !== t) {
+		t12 = pageSizeOptions && onPageSizeChange ? /* @__PURE__ */ jsx(__Select, {
 			qa: "PaginationPageSizeSelect",
 			size,
 			isDisabled,
@@ -306,19 +230,19 @@ function Pagination(props, ref) {
 				}, option);
 			})
 		}) : null;
-		$[56] = isDisabled;
-		$[57] = onPageSizeChange;
-		$[58] = onPageSizeSelectionChange;
-		$[59] = pageSize;
-		$[60] = pageSizeOptions;
-		$[61] = pageSizeSelectStyles;
-		$[62] = size;
-		$[63] = t;
-		$[64] = t20;
-	} else t20 = $[64];
-	let t21;
-	if ($[65] !== goTo || $[66] !== isDisabled || $[67] !== isFirst || $[68] !== showEdgeButtons || $[69] !== size || $[70] !== t) {
-		t21 = showEdgeButtons ? /* @__PURE__ */ jsx(NavButton, {
+		$[13] = isDisabled;
+		$[14] = onPageSizeChange;
+		$[15] = onPageSizeSelectionChange;
+		$[16] = pageSize;
+		$[17] = pageSizeOptions;
+		$[18] = pageSizeSelectStyles;
+		$[19] = size;
+		$[20] = t;
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] !== goTo || $[23] !== isDisabled || $[24] !== isFirst || $[25] !== showEdgeButtons || $[26] !== size || $[27] !== t) {
+		t13 = showEdgeButtons ? /* @__PURE__ */ jsx(NavButton, {
 			qa: "PaginationFirstButton",
 			size,
 			icon: /* @__PURE__ */ jsx(BackwardIcon, {}),
@@ -326,93 +250,64 @@ function Pagination(props, ref) {
 			"aria-label": t("pagination.firstPage", "First page"),
 			onPress: () => goTo(1)
 		}) : null;
-		$[65] = goTo;
-		$[66] = isDisabled;
-		$[67] = isFirst;
-		$[68] = showEdgeButtons;
-		$[69] = size;
-		$[70] = t;
-		$[71] = t21;
-	} else t21 = $[71];
-	let t22;
-	if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
-		t22 = /* @__PURE__ */ jsx(LeftIcon, {});
-		$[72] = t22;
-	} else t22 = $[72];
-	const t23 = isFirst || isDisabled;
-	let t24;
-	if ($[73] !== t) {
-		t24 = t("pagination.previousPage", "Previous page");
-		$[73] = t;
-		$[74] = t24;
-	} else t24 = $[74];
-	let t25;
-	if ($[75] !== goTo || $[76] !== info.page) {
-		t25 = () => goTo(info.page - 1);
-		$[75] = goTo;
-		$[76] = info.page;
-		$[77] = t25;
-	} else t25 = $[77];
-	let t26;
-	if ($[78] !== size || $[79] !== t23 || $[80] !== t24 || $[81] !== t25) {
-		t26 = /* @__PURE__ */ jsx(NavButton, {
-			qa: "PaginationPrevButton",
-			size,
-			icon: t22,
-			isDisabled: t23,
-			"aria-label": t24,
-			onPress: t25
-		});
-		$[78] = size;
-		$[79] = t23;
-		$[80] = t24;
-		$[81] = t25;
-		$[82] = t26;
-	} else t26 = $[82];
-	let t27;
-	if ($[83] !== renderPageControl) {
-		t27 = renderPageControl();
-		$[83] = renderPageControl;
-		$[84] = t27;
-	} else t27 = $[84];
-	let t28;
-	if ($[85] === Symbol.for("react.memo_cache_sentinel")) {
-		t28 = /* @__PURE__ */ jsx(RightIcon, {});
-		$[85] = t28;
-	} else t28 = $[85];
-	const t29 = isLast || isDisabled;
-	let t30;
-	if ($[86] !== t) {
-		t30 = t("pagination.nextPage", "Next page");
-		$[86] = t;
-		$[87] = t30;
-	} else t30 = $[87];
-	let t31;
-	if ($[88] !== goTo || $[89] !== info.page) {
-		t31 = () => goTo(info.page + 1);
-		$[88] = goTo;
-		$[89] = info.page;
-		$[90] = t31;
-	} else t31 = $[90];
-	let t32;
-	if ($[91] !== size || $[92] !== t29 || $[93] !== t30 || $[94] !== t31) {
-		t32 = /* @__PURE__ */ jsx(NavButton, {
+		$[22] = goTo;
+		$[23] = isDisabled;
+		$[24] = isFirst;
+		$[25] = showEdgeButtons;
+		$[26] = size;
+		$[27] = t;
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ jsx(LeftIcon, {});
+		$[29] = t14;
+	} else t14 = $[29];
+	let t15;
+	if ($[30] !== t) {
+		t15 = t("pagination.previousPage", "Previous page");
+		$[30] = t;
+		$[31] = t15;
+	} else t15 = $[31];
+	const t16 = renderPageControl();
+	let t17;
+	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(RightIcon, {});
+		$[32] = t17;
+	} else t17 = $[32];
+	const t18 = isLast || isDisabled;
+	let t19;
+	if ($[33] !== t) {
+		t19 = t("pagination.nextPage", "Next page");
+		$[33] = t;
+		$[34] = t19;
+	} else t19 = $[34];
+	let t20;
+	if ($[35] !== goTo || $[36] !== info.page) {
+		t20 = () => goTo(info.page + 1);
+		$[35] = goTo;
+		$[36] = info.page;
+		$[37] = t20;
+	} else t20 = $[37];
+	let t21;
+	if ($[38] !== size || $[39] !== t18 || $[40] !== t19 || $[41] !== t20) {
+		t21 = /* @__PURE__ */ jsx(NavButton, {
 			qa: "PaginationNextButton",
 			size,
-			icon: t28,
-			isDisabled: t29,
-			"aria-label": t30,
-			onPress: t31
+			icon: t17,
+			isDisabled: t18,
+			"aria-label": t19,
+			onPress: t20
 		});
-		$[91] = size;
-		$[92] = t29;
-		$[93] = t30;
-		$[94] = t31;
-		$[95] = t32;
-	} else t32 = $[95];
-	let t33;
-	if ($[96] !== goTo || $[97] !== isDisabled || $[98] !== isLast || $[99] !== showEdgeButtons || $[100] !== size || $[101] !== t || $[102] !== totalPages) {
-		t33 = showEdgeButtons ? /* @__PURE__ */ jsx(NavButton, {
+		$[38] = size;
+		$[39] = t18;
+		$[40] = t19;
+		$[41] = t20;
+		$[42] = t21;
+	} else t21 = $[42];
+	let t22;
+	if ($[43] !== goTo || $[44] !== isDisabled || $[45] !== isLast || $[46] !== showEdgeButtons || $[47] !== size || $[48] !== t || $[49] !== totalPages) {
+		t22 = showEdgeButtons ? /* @__PURE__ */ jsx(NavButton, {
 			qa: "PaginationLastButton",
 			size,
 			icon: /* @__PURE__ */ jsx(ForwardIcon, {}),
@@ -420,62 +315,47 @@ function Pagination(props, ref) {
 			"aria-label": t("pagination.lastPage", "Last page"),
 			onPress: () => goTo(totalPages)
 		}) : null;
-		$[96] = goTo;
-		$[97] = isDisabled;
-		$[98] = isLast;
-		$[99] = showEdgeButtons;
-		$[100] = size;
-		$[101] = t;
-		$[102] = totalPages;
-		$[103] = t33;
-	} else t33 = $[103];
-	let t34;
-	if ($[104] !== t21 || $[105] !== t26 || $[106] !== t27 || $[107] !== t32 || $[108] !== t33) {
-		t34 = /* @__PURE__ */ jsxs("div", {
-			"data-element": "Controls",
-			children: [
-				t21,
-				t26,
-				t27,
-				t32,
-				t33
-			]
-		});
-		$[104] = t21;
-		$[105] = t26;
-		$[106] = t27;
-		$[107] = t32;
-		$[108] = t33;
-		$[109] = t34;
-	} else t34 = $[109];
-	let t35;
-	if ($[110] !== T0 || $[111] !== ref || $[112] !== styles || $[113] !== t15 || $[114] !== t16 || $[115] !== t17 || $[116] !== t18 || $[117] !== t19 || $[118] !== t20 || $[119] !== t34) {
-		t35 = /* @__PURE__ */ jsxs(T0, {
-			...t15,
-			ref,
-			qa: t16,
-			styles,
-			mods: t17,
-			"aria-label": t18,
-			children: [
-				t19,
-				t20,
-				t34
-			]
-		});
-		$[110] = T0;
-		$[111] = ref;
-		$[112] = styles;
-		$[113] = t15;
-		$[114] = t16;
-		$[115] = t17;
-		$[116] = t18;
-		$[117] = t19;
-		$[118] = t20;
-		$[119] = t34;
-		$[120] = t35;
-	} else t35 = $[120];
-	return t35;
+		$[43] = goTo;
+		$[44] = isDisabled;
+		$[45] = isLast;
+		$[46] = showEdgeButtons;
+		$[47] = size;
+		$[48] = t;
+		$[49] = totalPages;
+		$[50] = t22;
+	} else t22 = $[50];
+	return /* @__PURE__ */ jsxs(PaginationElement, {
+		...t9,
+		ref,
+		qa: qa || "Pagination",
+		styles,
+		mods: t10,
+		"aria-label": t11,
+		children: [
+			summaryNode ? /* @__PURE__ */ jsx("div", {
+				"data-element": "Summary",
+				children: summaryNode
+			}) : null,
+			t12,
+			/* @__PURE__ */ jsxs("div", {
+				"data-element": "Controls",
+				children: [
+					t13,
+					/* @__PURE__ */ jsx(NavButton, {
+						qa: "PaginationPrevButton",
+						size,
+						icon: t14,
+						isDisabled: isFirst || isDisabled,
+						"aria-label": t15,
+						onPress: () => goTo(info.page - 1)
+					}),
+					t16,
+					t21,
+					t22
+				]
+			})
+		]
+	});
 }
 function _temp(_, i) {
 	return i + 1;