@aivex/ui 1.1.0-dev.18 → 1.1.0-dev.19

package/dist/index.js

@@ -9709,30 +9709,33 @@ function cd({ onClick: e, disabled: t, "aria-label": n, children: r }) {
 		children: [/* @__PURE__ */ o(w, { variant: "default" }), r]
 	});
 }
-function ld({ page: e, isActive: t, onClick: n }) {
+function ld({ page: e, isActive: t, disabled: n, onClick: r }) {
 	return /* @__PURE__ */ s("button", {
 		type: "button",
 		"aria-label": `Page ${e}`,
 		"aria-current": t ? "page" : void 0,
-		onClick: n,
-		className: S("aivex:relative aivex:overflow-hidden aivex:group aivex:flex aivex:h-8 aivex:px-xs aivex:items-center aivex:justify-center aivex:rounded-full aivex:transition-colors", t ? "aivex:bg-bg-brand-subtle aivex:text-text-brand" : "aivex:text-text-secondary"),
+		disabled: n,
+		onClick: r,
+		className: S("aivex:relative aivex:overflow-hidden aivex:group aivex:flex aivex:h-8 aivex:px-xs aivex:items-center aivex:justify-center aivex:rounded-full aivex:transition-colors aivex:disabled:opacity-disable aivex:disabled:pointer-events-none", t ? "aivex:bg-bg-brand-subtle aivex:text-text-brand" : "aivex:text-text-secondary"),
 		children: [/* @__PURE__ */ o(w, { variant: t ? "strong" : "default" }), /* @__PURE__ */ o("span", {
 			className: "aivex:relative aivex:min-w-6 aivex:text-center aivex:text-label-lg",
 			children: e
 		})]
 	});
 }
-function ud({ className: e, total: t, page: n, pageSize: r, pageSizeOptions: i, onChange: a, onPageSizeChange: c, ref: l, ...u }) {
-	let d = Math.max(1, Math.ceil(t / r)), f = Math.floor((n - 1) / 10), p = f * 10 + 1, m = Math.min(p + 9, d), h = Array.from({ length: m - p + 1 }, (e, t) => p + t), g = f === 0, _ = m === d, v = (e) => {
-		a?.(e);
-	}, y = (e) => {
-		c?.(Number(e)), a?.(1);
+function ud({ className: e, totalPages: t, page: n, pageSize: r, disabled: i, pageSizeOptions: a, onChange: c, onPageSizeChange: l, ref: u, ...d }) {
+	let f = h(void 0);
+	t != null && (f.current = t);
+	let p = t ?? f.current;
+	if (p == null) return null;
+	let m = Math.max(1, p), g = Math.min(Math.max(1, n), m), _ = Math.floor((g - 1) / 10), v = _ * 10 + 1, y = Math.min(v + 9, m), b = Array.from({ length: y - v + 1 }, (e, t) => v + t), x = _ === 0, C = y === m, w = (e) => {
+		l?.(Number(e));
 	};
 	return /* @__PURE__ */ s("nav", {
-		ref: l,
+		ref: u,
 		"aria-label": "Pagination",
 		className: S("aivex:flex aivex:items-center", e),
-		...u,
+		...d,
 		children: [
 			/* @__PURE__ */ o("div", { className: "aivex:flex-1" }),
 			/* @__PURE__ */ s("div", {
@@ -9742,35 +9745,36 @@ function ud({ className: e, total: t, page: n, pageSize: r, pageSizeOptions: i,
 						className: "aivex:flex aivex:gap-2",
 						children: [/* @__PURE__ */ o(cd, {
 							"aria-label": "First page",
-							disabled: g,
-							onClick: () => v(1),
+							disabled: i || x,
+							onClick: () => c(1),
 							children: /* @__PURE__ */ o(nt, { size: 16 })
 						}), /* @__PURE__ */ o(cd, {
 							"aria-label": "Previous page group",
-							disabled: g,
-							onClick: () => v(p - 1),
+							disabled: i || x,
+							onClick: () => c(v - 10),
 							children: /* @__PURE__ */ o(ot, { size: 16 })
 						})]
 					}),
 					/* @__PURE__ */ o("div", {
 						className: "aivex:flex aivex:gap-2",
-						children: h.map((e) => /* @__PURE__ */ o(ld, {
+						children: b.map((e) => /* @__PURE__ */ o(ld, {
 							page: e,
-							isActive: e === n,
-							onClick: () => v(e)
+							isActive: e === g,
+							disabled: i,
+							onClick: () => c(e)
 						}, e))
 					}),
 					/* @__PURE__ */ s("div", {
 						className: "aivex:flex aivex:gap-2",
 						children: [/* @__PURE__ */ o(cd, {
 							"aria-label": "Next page group",
-							disabled: _,
-							onClick: () => v(m + 1),
+							disabled: i || C,
+							onClick: () => c(y + 1),
 							children: /* @__PURE__ */ o(st, { size: 16 })
 						}), /* @__PURE__ */ o(cd, {
 							"aria-label": "Last page",
-							disabled: _,
-							onClick: () => v(d),
+							disabled: i || C,
+							onClick: () => c(m),
 							children: /* @__PURE__ */ o(rt, { size: 16 })
 						})]
 					})
@@ -9778,15 +9782,16 @@ function ud({ className: e, total: t, page: n, pageSize: r, pageSizeOptions: i,
 			}),
 			/* @__PURE__ */ o("div", {
 				className: "aivex:flex-1 aivex:flex aivex:items-center aivex:justify-end",
-				children: /* @__PURE__ */ o(sd, {
+				children: a && /* @__PURE__ */ o(sd, {
 					size: "sm",
 					className: "aivex:w-[116px] aivex:shrink-0",
 					value: String(r),
-					groups: [{ options: i.map(({ value: e, label: t }) => ({
+					disabled: i,
+					groups: [{ options: a.map(({ value: e, label: t }) => ({
 						value: String(e),
 						label: t
 					})) }],
-					onChange: y
+					onChange: w
 				})
 			})
 		]