@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.4

package/dist/{CustomersPage-BKxMS1AV.js → CustomersPage-CaNBMXmM.js}

@@ -1,83 +1,87 @@
 import { ct as e, i as t, l as n, o as r, ot as i, s as a, u as o } from "./PageLayout-D4LDHJJq.js";
-import { t as s } from "./DataTable-DmciIKKM.js";
-import { t as c } from "./download-DRXxoiQR.js";
-import { t as l } from "./plus-Z76q-FZm.js";
-import { t as u } from "./refresh-cw-DKt6f5T6.js";
-import { t as d } from "./star-nHlLjDKR.js";
-import { t as f } from "./users-DZ-ilS6B.js";
-import { r as p } from "./useCustomers-BmTNGxiI.js";
-import { i as m } from "./StatusBadge-BZurYHMy.js";
-import { r as h } from "./formatters-CF2S2l1m.js";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { CTAOverflowMenu as v, EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+import { t as s } from "./DataTable-XvUcTjwi.js";
+import { t as c } from "./download-C5NbvVDc.js";
+import { t as l } from "./plus-C_XZDwBz.js";
+import { t as u } from "./refresh-cw-CfgN67l3.js";
+import { t as d } from "./star-BpRlUZuU.js";
+import { t as f } from "./users-CCrq-w0C.js";
+import { n as p, r as m } from "./useCustomers-BPW4__PR.js";
+import { i as h } from "./StatusBadge-C87mDpDP.js";
+import { r as g } from "./formatters-BQr-aR5W.js";
+import { useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CTAOverflowMenu as b, EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CustomersPage.tsx
-function x() {
-	let { basePath: x, navigate: S } = i(), { customers: C, totalCustomers: w, isLoading: T, refetch: E } = p({ limit: 100 }), D = (t) => S?.(e(x, t));
-	return /* @__PURE__ */ _(t, {
+function C() {
+	let { basePath: C, navigate: w } = i(), [T, E] = _(0), [D, O] = _(25), { customers: k, hasMore: A, isLoading: j, refetch: M } = m({
+		limit: D,
+		offset: T * D
+	}), { stats: N } = p(), P = (t) => w?.(e(C, t));
+	return /* @__PURE__ */ y(t, {
 		title: "Customers",
-		subtitle: `${w} customers`,
-		icon: /* @__PURE__ */ g(f, { size: 24 }),
-		headerActions: /* @__PURE__ */ g(v, {
+		subtitle: `${N.total} customers`,
+		icon: /* @__PURE__ */ v(f, { size: 24 }),
+		headerActions: /* @__PURE__ */ v(b, {
 			primary: {
 				label: "Add Customer",
-				icon: /* @__PURE__ */ g(l, { size: 16 }),
-				onSelect: () => D("customers/new")
+				icon: /* @__PURE__ */ v(l, { size: 16 }),
+				onSelect: () => P("customers/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ g(u, { size: 16 }),
-				onSelect: () => E()
+				icon: /* @__PURE__ */ v(u, { size: 16 }),
+				onSelect: () => M()
 			}, {
 				label: "Export",
-				icon: /* @__PURE__ */ g(c, { size: 16 }),
-				onSelect: () => D("import-export")
+				icon: /* @__PURE__ */ v(c, { size: 16 }),
+				onSelect: () => P("import-export")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ g(b, {
-				icon: /* @__PURE__ */ g(f, { size: 18 }),
+			/* @__PURE__ */ v(S, {
+				icon: /* @__PURE__ */ v(f, { size: 18 }),
 				children: "The businesses and individuals you deliver for. Keep contact details, locations and satisfaction ratings here, and open a customer to see their order history before booking the next shipment."
 			}),
-			/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ y(x, { children: [/* @__PURE__ */ v("p", {
 				className: "text-sm font-medium text-text-secondary",
 				children: "Customer base at a glance"
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ y("div", {
 				className: "mt-3 grid grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: w
-					}), /* @__PURE__ */ g("p", {
+						children: N.total
+					}), /* @__PURE__ */ v("p", {
 						className: "text-xs text-text-secondary",
 						children: "Total customers"
 					})] }),
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: C.filter((e) => e.isActive).length
-					}), /* @__PURE__ */ g("p", {
+						children: N.active
+					}), /* @__PURE__ */ v("p", {
 						className: "text-xs text-text-secondary",
 						children: "Active"
 					})] }),
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: C.filter((e) => e.type === "b2b").length
-					}), /* @__PURE__ */ g("p", {
+						children: N.b2b
+					}), /* @__PURE__ */ v("p", {
 						className: "text-xs text-text-secondary",
 						children: "Business accounts"
 					})] })
 				]
 			})] }),
-			/* @__PURE__ */ g(s, {
+			/* @__PURE__ */ v(s, {
 				columns: [
 					{
 						id: "customer",
 						header: "Customer",
-						cell: (e) => /* @__PURE__ */ _("div", {
+						cell: (e) => /* @__PURE__ */ y("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(a, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+							children: [/* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(a, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "font-medium",
 								children: e.name
-							}), /* @__PURE__ */ g("p", {
+							}), /* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: e.email
 							})] })]
@@ -87,7 +91,7 @@ function x() {
 						id: "type",
 						header: "Type",
 						accessorKey: "type",
-						cell: (e) => /* @__PURE__ */ g(m, { type: e.type })
+						cell: (e) => /* @__PURE__ */ v(h, { type: e.type })
 					},
 					{
 						id: "company",
@@ -108,18 +112,18 @@ function x() {
 					{
 						id: "rating",
 						header: "Rating",
-						cell: (e) => /* @__PURE__ */ _("div", {
+						cell: (e) => /* @__PURE__ */ y("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ g(d, {
+							children: [/* @__PURE__ */ v(d, {
 								size: 14,
 								className: "text-status-warning-text fill-current"
-							}), /* @__PURE__ */ g("span", { children: e.rating.toFixed(1) })]
+							}), /* @__PURE__ */ v("span", { children: e.rating.toFixed(1) })]
 						})
 					},
 					{
 						id: "status",
 						header: "Status",
-						cell: (e) => /* @__PURE__ */ g(n, {
+						cell: (e) => /* @__PURE__ */ v(n, {
 							variant: e.isActive ? "default" : "secondary",
 							children: e.isActive ? "Active" : "Inactive"
 						})
@@ -129,11 +133,11 @@ function x() {
 						header: "Created",
 						accessorKey: "createdAt",
 						sortable: !0,
-						cell: (e) => h(e.createdAt, "short")
+						cell: (e) => g(e.createdAt, "short")
 					}
 				],
-				data: C,
-				isLoading: T,
+				data: k,
+				isLoading: j,
 				searchable: !0,
 				searchPlaceholder: "Search customers...",
 				searchFields: [
@@ -141,14 +145,21 @@ function x() {
 					"email",
 					"company"
 				],
-				onRowClick: (e) => D(`customers/${e.id}`),
+				onRowClick: (e) => P(`customers/${e.id}`),
 				getRowId: (e) => e.id,
+				pageIndex: T,
+				pageSize: D,
+				onPageChange: E,
+				onPageSizeChange: (e) => {
+					O(e), E(0);
+				},
+				hasNextPage: A,
 				emptyIllustration: "empty-people",
 				emptyTitle: "No customers yet",
 				emptyDescription: "Add your first customer to start booking deliveries for them.",
-				emptyAction: /* @__PURE__ */ _(o, {
-					onClick: () => D("customers/new"),
-					children: [/* @__PURE__ */ g(l, {
+				emptyAction: /* @__PURE__ */ y(o, {
+					onClick: () => P("customers/new"),
+					children: [/* @__PURE__ */ v(l, {
 						size: 16,
 						className: "mr-1.5"
 					}), "Add Customer"]
@@ -158,4 +169,4 @@ function x() {
 	});
 }
 //#endregion
-export { x as default };
+export { C as default };

package/dist/{DashboardPage-BVjQi0EB.js → DashboardPage-DIKlXde3.js}

@@ -1,20 +1,20 @@
 import { M as e, a as t, ct as n, d as r, f as i, g as a, h as o, i as s, l as c, ot as l, u } from "./PageLayout-D4LDHJJq.js";
-import { t as d } from "./chevron-right-EMIIyyJ1.js";
-import { t as f } from "./clock-DJZtdl8u.js";
-import { t as p } from "./dollar-sign-CgKQRz_e.js";
-import { t as m } from "./map-pin-BGiCvyCs.js";
-import { t as h } from "./package-BChUzpJS.js";
-import { t as g } from "./trending-up-Dohgd4t_.js";
-import { t as _ } from "./triangle-alert-i-XQL9Rd.js";
-import { t as v } from "./truck-C0v_hbLR.js";
-import { t as y } from "./users-DZ-ilS6B.js";
-import { n as b, r as x } from "./useOrders-Cfk1GLiq.js";
-import { i as S } from "./useFleet-DKqXZ16m.js";
-import { n as C } from "./useAnalytics-DS8n0xgg.js";
-import { r as w } from "./useTracking-B-va1kO3.js";
-import { r as T, t as E } from "./MetricCard-BY0QrMD4.js";
-import { r as D } from "./StatusBadge-BZurYHMy.js";
-import { n as O, r as k } from "./formatters-CF2S2l1m.js";
+import { t as d } from "./chevron-right-eV4LjaSi.js";
+import { t as f } from "./clock-Bl3ptexL.js";
+import { t as p } from "./dollar-sign-CAVU95SO.js";
+import { t as m } from "./map-pin-Dznl5l40.js";
+import { t as h } from "./package-CcRttV2N.js";
+import { t as g } from "./trending-up-Dz6PqPRj.js";
+import { t as _ } from "./triangle-alert-D7Y3J_4z.js";
+import { t as v } from "./truck-D-y2IDzv.js";
+import { t as y } from "./users-CCrq-w0C.js";
+import { n as b, r as x } from "./useOrders-B465S2nt.js";
+import { i as S } from "./useFleet-ChBkxAd6.js";
+import { n as C } from "./useAnalytics-D7HW2XRb.js";
+import { r as w } from "./useTracking-RjGz9PZG.js";
+import { r as T, t as E } from "./MetricCard-CVBVpu7o.js";
+import { r as D } from "./StatusBadge-C87mDpDP.js";
+import { n as O, r as k } from "./formatters-BQr-aR5W.js";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
 import { CTAOverflowMenu as M, EmphasisPanel as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
 import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";

package/dist/DataTable-XvUcTjwi.js

@@ -0,0 +1,340 @@
+import { A as e, B as t, F as n, G as r, H as i, I as a, K as o, L as ee, P as te, R as ne, U as s, W as c, lt as l, q as u, rt as d, u as f } from "./PageLayout-D4LDHJJq.js";
+import { n as re, t as ie } from "./arrow-up-xNF1zJUG.js";
+import { t as p } from "./chevron-left-B2_r0Elx.js";
+import { t as m } from "./chevron-right-eV4LjaSi.js";
+import { t as ae } from "./search-D_VyGcZT.js";
+import { useMemo as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { IllustratedEmptyState as y } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/arrow-up-down.js
+var oe = l("ArrowUpDown", [
+	["path", {
+		d: "m21 16-4 4-4-4",
+		key: "f6ql7i"
+	}],
+	["path", {
+		d: "M17 20V4",
+		key: "1ejh1v"
+	}],
+	["path", {
+		d: "m3 8 4-4 4 4",
+		key: "11wl7u"
+	}],
+	["path", {
+		d: "M7 4v16",
+		key: "1glfcx"
+	}]
+]), b = l("ChevronsLeft", [["path", {
+	d: "m11 17-5-5 5-5",
+	key: "13zhaf"
+}], ["path", {
+	d: "m18 17-5-5 5-5",
+	key: "h8a8et"
+}]]), se = l("ChevronsRight", [["path", {
+	d: "m6 17 5-5-5-5",
+	key: "xnjwq"
+}], ["path", {
+	d: "m13 17 5-5-5-5",
+	key: "17xmmf"
+}]]);
+//#endregion
+//#region src/movethewheels/components/DataTable.tsx
+function x({ columns: l, data: x, isLoading: ce = !1, searchable: S = !1, searchPlaceholder: le = "Search...", searchFields: C, pagination: w = !0, pageSize: T = 10, pageSizeOptions: ue = [
+	10,
+	25,
+	50,
+	100
+], onRowClick: E, rowClassName: D, emptyMessage: O = "No data found", emptyIllustration: k, emptyTitle: de, emptyDescription: fe, emptyAction: pe, className: A, getRowId: j, pageIndex: me, onPageChange: M, onPageSizeChange: he, totalItems: N, hasNextPage: ge }) {
+	let P = typeof M == "function", F = me ?? 0, [I, _e] = g(""), [L, R] = g(null), [z, B] = g(null), [V, H] = g(1), [U, ve] = g(T), W = P ? T : U, G = h(() => {
+		if (!I || !C || C.length === 0) return x;
+		let e = I.toLowerCase();
+		return x.filter((t) => C.some((n) => {
+			let r = t[n];
+			return r != null && String(r).toLowerCase().includes(e);
+		}));
+	}, [
+		x,
+		I,
+		C
+	]), K = h(() => {
+		if (!L || !z) return G;
+		let e = l.find((e) => e.id === L);
+		return e?.accessorKey ? [...G].sort((t, n) => {
+			let r = t[e.accessorKey], i = n[e.accessorKey];
+			if (r == null) return 1;
+			if (i == null) return -1;
+			let a = 0;
+			return a = typeof r == "string" && typeof i == "string" ? r.localeCompare(i) : typeof r == "number" && typeof i == "number" ? r - i : r instanceof Date && i instanceof Date ? r.getTime() - i.getTime() : String(r).localeCompare(String(i)), z === "asc" ? a : -a;
+		}) : G;
+	}, [
+		G,
+		L,
+		z,
+		l
+	]), q = h(() => {
+		if (!w || P) return K;
+		let e = (V - 1) * U;
+		return K.slice(e, e + U);
+	}, [
+		K,
+		V,
+		U,
+		w,
+		P
+	]), J = Math.max(1, Math.ceil(K.length / U)), Y = typeof N == "number", X = Y ? Math.max(1, Math.ceil(N / W)) : void 0, ye = (e) => {
+		L === e ? z === "asc" ? B("desc") : z === "desc" && (R(null), B(null)) : (R(e), B("asc"));
+	}, be = (e) => L === e ? _(z === "asc" ? ie : re, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ _(oe, { className: "w-4 h-4 text-text-secondary/50" }), Z = (e, t) => {
+		if (t.cell) return t.cell(e);
+		if (t.accessorKey) {
+			let n = e[t.accessorKey];
+			return n == null ? "-" : n instanceof Date ? n.toLocaleDateString() : String(n);
+		}
+		return "-";
+	};
+	if (ce) return /* @__PURE__ */ v("div", {
+		className: d("space-y-4", A),
+		children: [
+			S && /* @__PURE__ */ _("div", {
+				className: "flex items-center gap-4",
+				children: /* @__PURE__ */ _(t, { className: "h-10 w-64" })
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "hidden md:block rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
+				children: /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(u, { children: l.map((e) => /* @__PURE__ */ _(r, { children: /* @__PURE__ */ _(t, { className: "h-4 w-20 motion-safe:animate-vc-shimmer" }) }, e.id)) }) }), /* @__PURE__ */ _(s, { children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ _(u, { children: l.map((e) => /* @__PURE__ */ _(c, { children: /* @__PURE__ */ _(t, { className: "h-4 w-full max-w-[100px] motion-safe:animate-vc-shimmer" }) }, e.id)) }, n)) })] })
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "md:hidden space-y-3",
+				children: Array.from({ length: 4 }).map((e, n) => /* @__PURE__ */ v("div", {
+					className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1",
+					children: [/* @__PURE__ */ _(t, { className: "h-4 w-2/3 mb-2 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ _(t, { className: "h-4 w-1/2 motion-safe:animate-vc-shimmer" })]
+				}, n))
+			})
+		]
+	});
+	let Q = q.length === 0, $ = () => k ? I ? /* @__PURE__ */ _(y, {
+		illustration: "empty-search",
+		title: "No matches",
+		description: `Nothing matches “${I}”. Try a different search.`
+	}) : /* @__PURE__ */ _(y, {
+		illustration: k,
+		title: de ?? O,
+		description: fe,
+		action: pe
+	}) : /* @__PURE__ */ _("p", {
+		className: "text-text-secondary",
+		children: O
+	}), xe = w && (P ? K.length > 0 || F > 0 : K.length > 0);
+	return /* @__PURE__ */ v("div", {
+		className: d("space-y-4", A),
+		children: [
+			S && /* @__PURE__ */ _("div", {
+				className: "flex items-center gap-4",
+				children: /* @__PURE__ */ v("div", {
+					className: "relative flex-1 max-w-sm",
+					children: [/* @__PURE__ */ _(ae, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }), /* @__PURE__ */ _(e, {
+						placeholder: le,
+						value: I,
+						onChange: (e) => {
+							_e(e.target.value), H(1);
+						},
+						className: "pl-9"
+					})]
+				})
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "hidden md:block overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
+				children: /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(u, { children: l.map((e) => /* @__PURE__ */ _(r, {
+					className: d(e.sortable && "cursor-pointer select-none hover:bg-bg-sunken/50", e.headerClassName),
+					onClick: () => e.sortable && ye(e.id),
+					children: /* @__PURE__ */ v("div", {
+						className: "flex items-center gap-2",
+						children: [e.header, e.sortable && be(e.id)]
+					})
+				}, e.id)) }) }), /* @__PURE__ */ _(s, { children: Q ? /* @__PURE__ */ _(u, { children: /* @__PURE__ */ _(c, {
+					colSpan: l.length,
+					className: "py-8 text-center",
+					children: $()
+				}) }) : q.map((e, t) => {
+					let n = j ? j(e) : t, r = typeof D == "function" ? D(e) : D;
+					return /* @__PURE__ */ _(u, {
+						className: d(E && "cursor-pointer hover:bg-bg-sunken/50", r),
+						onClick: () => E?.(e),
+						children: l.map((t) => /* @__PURE__ */ _(c, {
+							className: t.className,
+							children: Z(e, t)
+						}, t.id))
+					}, n);
+				}) })] })
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "md:hidden space-y-3",
+				children: Q ? /* @__PURE__ */ _("div", {
+					className: "rounded-card border border-border-seam bg-bg-surface p-6 text-center shadow-elevation-1",
+					children: $()
+				}) : q.map((e, t) => {
+					let n = j ? j(e) : t, r = typeof D == "function" ? D(e) : D;
+					return /* @__PURE__ */ _("div", {
+						role: E ? "button" : void 0,
+						tabIndex: E ? 0 : void 0,
+						className: d("rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1", E && "cursor-pointer hover:bg-bg-sunken/50", r),
+						onClick: () => E?.(e),
+						onKeyDown: (t) => {
+							E && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), E(e));
+						},
+						children: /* @__PURE__ */ _("dl", {
+							className: "space-y-2",
+							children: l.map((t) => /* @__PURE__ */ v("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ _("dt", {
+									className: "text-xs font-medium text-text-secondary shrink-0",
+									children: t.header
+								}), /* @__PURE__ */ _("dd", {
+									className: "text-sm text-right min-w-0",
+									children: Z(e, t)
+								})]
+							}, t.id))
+						})
+					}, n);
+				})
+			}),
+			xe && /* @__PURE__ */ v("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ v("div", {
+					className: "flex flex-wrap items-center gap-2 text-sm text-text-secondary",
+					children: [
+						P ? /* @__PURE__ */ v("span", { children: [
+							"Showing ",
+							K.length === 0 ? 0 : F * W + 1,
+							" to",
+							" ",
+							F * W + K.length,
+							Y ? ` of ${N}` : ""
+						] }) : /* @__PURE__ */ v("span", { children: [
+							"Showing ",
+							(V - 1) * U + 1,
+							" to",
+							" ",
+							Math.min(V * U, K.length),
+							" of ",
+							K.length
+						] }),
+						/* @__PURE__ */ v(te, {
+							value: String(W),
+							onValueChange: (e) => {
+								let t = Number(e);
+								P ? he?.(t) : (ve(t), H(1));
+							},
+							children: [/* @__PURE__ */ _(ee, {
+								className: "w-[70px] h-8",
+								children: /* @__PURE__ */ _(ne, {})
+							}), /* @__PURE__ */ _(n, { children: ue.map((e) => /* @__PURE__ */ _(a, {
+								value: String(e),
+								children: e
+							}, e)) })]
+						}),
+						/* @__PURE__ */ _("span", { children: "per page" })
+					]
+				}), P ? /* @__PURE__ */ v("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ _(f, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							"aria-label": "First page",
+							onClick: () => M?.(0),
+							disabled: F === 0,
+							children: /* @__PURE__ */ _(b, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ _(f, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							"aria-label": "Previous page",
+							onClick: () => M?.(Math.max(0, F - 1)),
+							disabled: F === 0,
+							children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ v("span", {
+							className: "px-3 text-sm",
+							children: [
+								"Page ",
+								F + 1,
+								Y ? ` of ${X}` : ""
+							]
+						}),
+						/* @__PURE__ */ _(f, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							"aria-label": "Next page",
+							onClick: () => M?.(F + 1),
+							disabled: Y ? F + 1 >= (X ?? 1) : !ge,
+							children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
+						}),
+						Y && /* @__PURE__ */ _(f, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							"aria-label": "Last page",
+							onClick: () => M?.((X ?? 1) - 1),
+							disabled: F + 1 >= (X ?? 1),
+							children: /* @__PURE__ */ _(se, { className: "h-4 w-4" })
+						})
+					]
+				}) : /* @__PURE__ */ v("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ _(f, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							"aria-label": "First page",
+							onClick: () => H(1),
+							disabled: V === 1,
+							children: /* @__PURE__ */ _(b, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ _(f, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							"aria-label": "Previous page",
+							onClick: () => H((e) => Math.max(1, e - 1)),
+							disabled: V === 1,
+							children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ v("span", {
+							className: "px-3 text-sm",
+							children: [
+								"Page ",
+								V,
+								" of ",
+								J
+							]
+						}),
+						/* @__PURE__ */ _(f, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							"aria-label": "Next page",
+							onClick: () => H((e) => Math.min(J, e + 1)),
+							disabled: V === J,
+							children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ _(f, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							"aria-label": "Last page",
+							onClick: () => H(J),
+							disabled: V === J,
+							children: /* @__PURE__ */ _(se, { className: "h-4 w-4" })
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { x as t };