@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

package/dist/DashboardPage-BVjQi0EB.js

@@ -1,387 +0,0 @@
-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 { 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";
-//#region src/movethewheels/pages/DashboardPage.tsx
-function I() {
-	let { t: I } = F(), L = (e, t) => {
-		let n = I(e);
-		return n === e ? t : n;
-	}, { basePath: R, navigate: z } = l(), { metrics: B } = C(), { orders: V } = x({ limit: 5 }), { stats: H } = b(), { stats: U } = S(), { activeDeliveries: W } = w(), G = (e) => {
-		z && z(n(R, e));
-	}, K = (e, t) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
-	};
-	return /* @__PURE__ */ j(s, {
-		hero: !0,
-		titleAccent: L("movethewheels.dashboard.title", "Dashboard"),
-		title: L("movethewheels.dashboard.title", "Dashboard"),
-		subtitle: L("movethewheels.dashboard.subtitle", "Overview of your logistics operations"),
-		icon: /* @__PURE__ */ A(g, { size: 24 }),
-		headerActions: /* @__PURE__ */ A(M, {
-			primary: {
-				label: L("movethewheels.dashboard.actions.newOrder", "New Order"),
-				icon: /* @__PURE__ */ A(h, { size: 16 }),
-				onSelect: () => G("orders/new")
-			},
-			actions: [{
-				label: L("movethewheels.dashboard.actions.liveMap", "Live Map"),
-				icon: /* @__PURE__ */ A(m, { size: 16 }),
-				onSelect: () => G("tracking/live")
-			}]
-		}),
-		children: [
-			/* @__PURE__ */ A(P, {
-				icon: /* @__PURE__ */ A(g, { size: 18 }),
-				children: L("movethewheels.dashboard.purpose", "Your logistics command center — a live snapshot of orders, active deliveries, fleet health and revenue. Start here each day to spot what needs attention, then jump straight into an order, the live map or fleet status.")
-			}),
-			/* @__PURE__ */ j(T, {
-				columns: 4,
-				children: [
-					/* @__PURE__ */ A(E, {
-						label: L("movethewheels.dashboard.metrics.totalOrders", "Total Orders"),
-						value: B.orders.total,
-						icon: /* @__PURE__ */ A(h, { size: 20 }),
-						onClick: () => G("orders")
-					}),
-					/* @__PURE__ */ A(E, {
-						label: L("movethewheels.dashboard.metrics.activeDeliveries", "Active Deliveries"),
-						value: B.orders.inTransit,
-						icon: /* @__PURE__ */ A(v, { size: 20 }),
-						subtitle: `${B.orders.pending} ${L("movethewheels.dashboard.metrics.pending", "pending")}`,
-						onClick: () => G("tracking")
-					}),
-					/* @__PURE__ */ A(E, {
-						label: L("movethewheels.dashboard.metrics.fleetUtilization", "Fleet Utilization"),
-						value: `${B.fleet.activeVehicles}/${B.fleet.totalVehicles}`,
-						icon: /* @__PURE__ */ A(v, { size: 20 }),
-						subtitle: `${B.fleet.availableDrivers} ${L("movethewheels.dashboard.metrics.driversAvailable", "drivers available")}`,
-						onClick: () => G("fleet")
-					}),
-					/* @__PURE__ */ A(E, {
-						treatment: "glass",
-						glow: !0,
-						label: L("movethewheels.dashboard.metrics.revenue", "Revenue"),
-						value: O(B.revenue.total),
-						icon: /* @__PURE__ */ A(p, { size: 20 }),
-						onClick: () => G("analytics")
-					})
-				]
-			}),
-			/* @__PURE__ */ j(T, {
-				columns: 4,
-				children: [
-					/* @__PURE__ */ A(E, {
-						size: "sm",
-						label: L("movethewheels.dashboard.stats.onTimeDelivery", "On-Time Delivery"),
-						value: `${B.performance.onTimeDeliveryRate.toFixed(1)}%`,
-						changeType: B.performance.onTimeDeliveryRate >= 90 ? "positive" : "negative"
-					}),
-					/* @__PURE__ */ A(E, {
-						size: "sm",
-						label: L("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
-						value: O(B.revenue.avgOrderValue)
-					}),
-					/* @__PURE__ */ A(E, {
-						size: "sm",
-						label: L("movethewheels.dashboard.stats.driverRating", "Driver Rating"),
-						value: B.performance.avgDriverRating.toFixed(1),
-						subtitle: L("movethewheels.dashboard.stats.outOfFive", "out of 5")
-					}),
-					/* @__PURE__ */ A(E, {
-						size: "sm",
-						label: L("movethewheels.dashboard.stats.deliveredToday", "Delivered Today"),
-						value: B.orders.delivered
-					})
-				]
-			}),
-			/* @__PURE__ */ j("div", {
-				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ A(t, {
-					title: L("movethewheels.dashboard.recentOrders.title", "Recent Orders"),
-					actions: /* @__PURE__ */ j(u, {
-						variant: "ghost",
-						size: "sm",
-						onClick: () => G("orders"),
-						children: [
-							L("movethewheels.dashboard.common.viewAll", "View all"),
-							" ",
-							/* @__PURE__ */ A(d, { size: 16 })
-						]
-					}),
-					children: /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(i, {
-						className: "p-0",
-						children: /* @__PURE__ */ j("div", {
-							className: "divide-y",
-							children: [V.slice(0, 5).map((e) => /* @__PURE__ */ A("div", {
-								role: "button",
-								tabIndex: 0,
-								"aria-label": `View order ${e.orderNumber}`,
-								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
-								onClick: () => G(`orders/${e.id}`),
-								onKeyDown: (t) => K(t, () => G(`orders/${e.id}`)),
-								children: /* @__PURE__ */ j("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-										className: "font-medium",
-										children: e.orderNumber
-									}), /* @__PURE__ */ A("p", {
-										className: "text-sm text-text-secondary",
-										children: e.customerInfo.name
-									})] }), /* @__PURE__ */ j("div", {
-										className: "text-right",
-										children: [/* @__PURE__ */ A(D, {
-											status: e.status,
-											type: "order",
-											size: "sm"
-										}), /* @__PURE__ */ A("p", {
-											className: "text-sm text-text-secondary mt-1",
-											children: O(e.pricing.total)
-										})]
-									})]
-								})
-							}, e.id)), V.length === 0 && /* @__PURE__ */ A("div", {
-								className: "p-8 text-center text-text-secondary",
-								children: L("movethewheels.dashboard.recentOrders.empty", "No recent orders")
-							})]
-						})
-					}) })
-				}), /* @__PURE__ */ A(t, {
-					title: L("movethewheels.dashboard.activeDeliveries.title", "Active Deliveries"),
-					actions: /* @__PURE__ */ j(u, {
-						variant: "ghost",
-						size: "sm",
-						onClick: () => G("tracking/live"),
-						children: [
-							L("movethewheels.dashboard.activeDeliveries.liveTracking", "Live tracking"),
-							" ",
-							/* @__PURE__ */ A(d, { size: 16 })
-						]
-					}),
-					children: /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(i, {
-						className: "p-0",
-						children: /* @__PURE__ */ j("div", {
-							className: "divide-y",
-							children: [W.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ A("div", {
-								role: "button",
-								tabIndex: 0,
-								"aria-label": `Track order ${e.order.orderNumber}`,
-								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
-								onClick: () => G(`tracking?order=${e.order.id}`),
-								onKeyDown: (t) => e.order && K(t, () => G(`tracking?order=${e.order.id}`)),
-								children: /* @__PURE__ */ j("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-										className: "font-medium",
-										children: e.order.orderNumber
-									}), /* @__PURE__ */ A("p", {
-										className: "text-sm text-text-secondary",
-										children: e.driver?.fullName || L("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
-									})] }), /* @__PURE__ */ j("div", {
-										className: "text-right",
-										children: [/* @__PURE__ */ A(D, {
-											status: e.order.status,
-											type: "order",
-											size: "sm"
-										}), /* @__PURE__ */ j("p", {
-											className: "text-sm text-text-secondary mt-1",
-											children: [
-												L("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
-												" ",
-												e.estimatedArrival ? k(e.estimatedArrival, "time") : L("movethewheels.dashboard.activeDeliveries.na", "N/A")
-											]
-										})]
-									})]
-								})
-							}, e.order.id) : null), W.length === 0 && /* @__PURE__ */ A("div", {
-								className: "p-8 text-center text-text-secondary",
-								children: L("movethewheels.dashboard.activeDeliveries.empty", "No active deliveries")
-							})]
-						})
-					}) })
-				})]
-			}),
-			/* @__PURE__ */ j("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [
-					/* @__PURE__ */ j(N, {
-						className: "space-y-4",
-						children: [/* @__PURE__ */ A("h2", {
-							className: "text-base font-semibold text-text-primary",
-							children: L("movethewheels.dashboard.orderStatus.title", "Order Status")
-						}), /* @__PURE__ */ A("div", {
-							className: "space-y-3",
-							children: [
-								{
-									status: "pending",
-									count: H.byStatus.pending,
-									color: "bg-status-warning-text"
-								},
-								{
-									status: "in_transit",
-									count: H.byStatus.in_transit,
-									color: "bg-status-info-text"
-								},
-								{
-									status: "delivered",
-									count: H.byStatus.delivered,
-									color: "bg-status-success-text"
-								},
-								{
-									status: "cancelled",
-									count: H.byStatus.cancelled,
-									color: "bg-status-error-text"
-								}
-							].map(({ status: e, count: t, color: n }) => /* @__PURE__ */ j("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ j("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ A("div", { className: `w-2 h-2 rounded-full ${n}` }), /* @__PURE__ */ A("span", {
-										className: "text-sm capitalize",
-										children: L(`movethewheels.dashboard.orderStatus.status.${e}`, e.replace("_", " "))
-									})]
-								}), /* @__PURE__ */ A(c, {
-									variant: "secondary",
-									className: "tabular-nums",
-									children: t
-								})]
-							}, e))
-						})]
-					}),
-					/* @__PURE__ */ j(r, { children: [/* @__PURE__ */ A(o, { children: /* @__PURE__ */ A(a, {
-						className: "text-base",
-						children: L("movethewheels.dashboard.fleetStatus.title", "Fleet Status")
-					}) }), /* @__PURE__ */ j(i, {
-						className: "space-y-4",
-						children: [/* @__PURE__ */ j("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ j("div", {
-								className: "flex justify-between text-sm",
-								children: [/* @__PURE__ */ A("span", { children: L("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ j("span", { children: [U.utilization.toFixed(0), "%"] })]
-							}), /* @__PURE__ */ A(e, { value: U.utilization })]
-						}), /* @__PURE__ */ j("div", {
-							className: "grid grid-cols-2 gap-4 text-sm",
-							children: [
-								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-text-secondary",
-									children: L("movethewheels.dashboard.fleetStatus.available", "Available")
-								}), /* @__PURE__ */ A("p", {
-									className: "text-lg font-semibold text-status-success-text",
-									children: U.vehiclesByStatus.available
-								})] }),
-								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-text-secondary",
-									children: L("movethewheels.dashboard.fleetStatus.inUse", "In Use")
-								}), /* @__PURE__ */ A("p", {
-									className: "text-lg font-semibold text-status-info-text",
-									children: U.vehiclesByStatus.assigned
-								})] }),
-								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-text-secondary",
-									children: L("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
-								}), /* @__PURE__ */ A("p", {
-									className: "text-lg font-semibold text-status-warning-text",
-									children: U.vehiclesByStatus.maintenance
-								})] }),
-								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-text-secondary",
-									children: L("movethewheels.dashboard.fleetStatus.avgFuel", "Avg Fuel")
-								}), /* @__PURE__ */ j("p", {
-									className: "text-lg font-semibold",
-									children: [U.avgFuelLevel.toFixed(0), "%"]
-								})] })
-							]
-						})]
-					})] }),
-					/* @__PURE__ */ j(r, { children: [/* @__PURE__ */ A(o, { children: /* @__PURE__ */ j(a, {
-						className: "text-base flex items-center gap-2",
-						children: [/* @__PURE__ */ A(_, {
-							size: 16,
-							className: "text-status-warning-text"
-						}), L("movethewheels.dashboard.alerts.title", "Alerts")]
-					}) }), /* @__PURE__ */ A(i, { children: /* @__PURE__ */ j("div", {
-						className: "space-y-3",
-						children: [
-							H.byStatus.pending > 5 && /* @__PURE__ */ j("div", {
-								className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
-								children: [/* @__PURE__ */ A(f, {
-									size: 16,
-									className: "text-status-warning-text mt-0.5"
-								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-sm font-medium",
-									children: L("movethewheels.dashboard.alerts.pendingOrders.title", "Pending Orders")
-								}), /* @__PURE__ */ j("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										H.byStatus.pending,
-										" ",
-										L("movethewheels.dashboard.alerts.pendingOrders.description", "orders awaiting confirmation")
-									]
-								})] })]
-							}),
-							U.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ j("div", {
-								className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
-								children: [/* @__PURE__ */ A(v, {
-									size: 16,
-									className: "text-status-warning-text mt-0.5"
-								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-sm font-medium",
-									children: L("movethewheels.dashboard.alerts.maintenanceVehicles.title", "Vehicles in Maintenance")
-								}), /* @__PURE__ */ j("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										U.vehiclesByStatus.maintenance,
-										" ",
-										L("movethewheels.dashboard.alerts.maintenanceVehicles.description", "vehicles unavailable")
-									]
-								})] })]
-							}),
-							U.driversByStatus.offline > 0 && /* @__PURE__ */ j("div", {
-								className: "flex items-start gap-3 p-2 rounded bg-bg-sunken",
-								children: [/* @__PURE__ */ A(y, {
-									size: 16,
-									className: "text-text-secondary mt-0.5"
-								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
-									className: "text-sm font-medium",
-									children: L("movethewheels.dashboard.alerts.offlineDrivers.title", "Offline Drivers")
-								}), /* @__PURE__ */ j("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										U.driversByStatus.offline,
-										" ",
-										L("movethewheels.dashboard.alerts.offlineDrivers.description", "drivers currently offline")
-									]
-								})] })]
-							}),
-							H.byStatus.pending <= 5 && U.vehiclesByStatus.maintenance === 0 && U.driversByStatus.offline === 0 && /* @__PURE__ */ A("div", {
-								className: "text-center py-4 text-text-secondary",
-								children: /* @__PURE__ */ A("p", {
-									className: "text-sm",
-									children: L("movethewheels.dashboard.alerts.allOperational", "All systems operational")
-								})
-							})
-						]
-					}) })] })
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { I as default };

package/dist/DataTable-DmciIKKM.js

@@ -1,249 +0,0 @@
-import { A as e, B as t, F as n, G as r, H as i, I as a, K as o, L as s, P as c, R as l, U as u, W as d, lt as f, q as p, rt as m, u as h } from "./PageLayout-D4LDHJJq.js";
-import { t as g } from "./chevron-right-EMIIyyJ1.js";
-import { t as ee } from "./search-CDGefqb3.js";
-import { useMemo as _, useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { IllustratedEmptyState as x } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/arrow-down.js
-var S = f("ArrowDown", [["path", {
-	d: "M12 5v14",
-	key: "s699le"
-}], ["path", {
-	d: "m19 12-7 7-7-7",
-	key: "1idqje"
-}]]), C = f("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"
-	}]
-]), w = f("ArrowUp", [["path", {
-	d: "m5 12 7-7 7 7",
-	key: "hav0vg"
-}], ["path", {
-	d: "M12 19V5",
-	key: "x0mq9r"
-}]]), te = f("ChevronLeft", [["path", {
-	d: "m15 18-6-6 6-6",
-	key: "1wnfg3"
-}]]), ne = f("ChevronsLeft", [["path", {
-	d: "m11 17-5-5 5-5",
-	key: "13zhaf"
-}], ["path", {
-	d: "m18 17-5-5 5-5",
-	key: "h8a8et"
-}]]), re = f("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 T({ columns: f, data: T, isLoading: E = !1, searchable: D = !1, searchPlaceholder: O = "Search...", searchFields: k, pagination: A = !0, pageSize: ie = 10, pageSizeOptions: j = [
-	5,
-	10,
-	20,
-	50
-], onRowClick: M, rowClassName: N, emptyMessage: P = "No data found", emptyIllustration: F, emptyTitle: I, emptyDescription: L, emptyAction: R, className: z, getRowId: B }) {
-	let [V, H] = v(""), [U, W] = v(null), [G, K] = v(null), [q, J] = v(1), [Y, ae] = v(ie), X = _(() => {
-		if (!V || !k || k.length === 0) return T;
-		let e = V.toLowerCase();
-		return T.filter((t) => k.some((n) => {
-			let r = t[n];
-			return r != null && String(r).toLowerCase().includes(e);
-		}));
-	}, [
-		T,
-		V,
-		k
-	]), Z = _(() => {
-		if (!U || !G) return X;
-		let e = f.find((e) => e.id === U);
-		return e?.accessorKey ? [...X].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)), G === "asc" ? a : -a;
-		}) : X;
-	}, [
-		X,
-		U,
-		G,
-		f
-	]), Q = _(() => {
-		if (!A) return Z;
-		let e = (q - 1) * Y;
-		return Z.slice(e, e + Y);
-	}, [
-		Z,
-		q,
-		Y,
-		A
-	]), $ = Math.ceil(Z.length / Y), oe = (e) => {
-		U === e ? G === "asc" ? K("desc") : G === "desc" && (W(null), K(null)) : (W(e), K("asc"));
-	}, se = (e) => U === e ? y(G === "asc" ? w : S, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ y(C, { className: "w-4 h-4 text-text-secondary/50" }), ce = (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 "-";
-	};
-	return E ? /* @__PURE__ */ b("div", {
-		className: m("space-y-4", z),
-		children: [D && /* @__PURE__ */ y("div", {
-			className: "flex items-center gap-4",
-			children: /* @__PURE__ */ y(t, { className: "h-10 w-64" })
-		}), /* @__PURE__ */ y("div", {
-			className: "rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
-			children: /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(o, { children: /* @__PURE__ */ y(p, { children: f.map((e) => /* @__PURE__ */ y(r, { children: /* @__PURE__ */ y(t, { className: "h-4 w-20 motion-safe:animate-vc-shimmer" }) }, e.id)) }) }), /* @__PURE__ */ y(u, { children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ y(p, { children: f.map((e) => /* @__PURE__ */ y(d, { children: /* @__PURE__ */ y(t, { className: "h-4 w-full max-w-[100px] motion-safe:animate-vc-shimmer" }) }, e.id)) }, n)) })] })
-		})]
-	}) : /* @__PURE__ */ b("div", {
-		className: m("space-y-4", z),
-		children: [
-			D && /* @__PURE__ */ y("div", {
-				className: "flex items-center gap-4",
-				children: /* @__PURE__ */ b("div", {
-					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ y(ee, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }), /* @__PURE__ */ y(e, {
-						placeholder: O,
-						value: V,
-						onChange: (e) => {
-							H(e.target.value), J(1);
-						},
-						className: "pl-9"
-					})]
-				})
-			}),
-			/* @__PURE__ */ y("div", {
-				className: "overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
-				children: /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(o, { children: /* @__PURE__ */ y(p, { children: f.map((e) => /* @__PURE__ */ y(r, {
-					className: m(e.sortable && "cursor-pointer select-none hover:bg-bg-sunken/50", e.headerClassName),
-					onClick: () => e.sortable && oe(e.id),
-					children: /* @__PURE__ */ b("div", {
-						className: "flex items-center gap-2",
-						children: [e.header, e.sortable && se(e.id)]
-					})
-				}, e.id)) }) }), /* @__PURE__ */ y(u, { children: Q.length === 0 ? /* @__PURE__ */ y(p, { children: /* @__PURE__ */ y(d, {
-					colSpan: f.length,
-					className: "py-8 text-center",
-					children: F ? V ? /* @__PURE__ */ y(x, {
-						illustration: "empty-search",
-						title: "No matches",
-						description: `Nothing matches “${V}”. Try a different search.`
-					}) : /* @__PURE__ */ y(x, {
-						illustration: F,
-						title: I ?? P,
-						description: L,
-						action: R
-					}) : /* @__PURE__ */ y("p", {
-						className: "text-text-secondary",
-						children: P
-					})
-				}) }) : Q.map((e, t) => {
-					let n = B ? B(e) : t, r = typeof N == "function" ? N(e) : N;
-					return /* @__PURE__ */ y(p, {
-						className: m(M && "cursor-pointer hover:bg-bg-sunken/50", r),
-						onClick: () => M?.(e),
-						children: f.map((t) => /* @__PURE__ */ y(d, {
-							className: t.className,
-							children: ce(e, t)
-						}, t.id))
-					}, n);
-				}) })] })
-			}),
-			A && Z.length > 0 && /* @__PURE__ */ b("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ b("div", {
-					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [
-						/* @__PURE__ */ b("span", { children: [
-							"Showing ",
-							(q - 1) * Y + 1,
-							" to",
-							" ",
-							Math.min(q * Y, Z.length),
-							" of ",
-							Z.length
-						] }),
-						/* @__PURE__ */ b(c, {
-							value: String(Y),
-							onValueChange: (e) => {
-								ae(Number(e)), J(1);
-							},
-							children: [/* @__PURE__ */ y(s, {
-								className: "w-[70px] h-8",
-								children: /* @__PURE__ */ y(l, {})
-							}), /* @__PURE__ */ y(n, { children: j.map((e) => /* @__PURE__ */ y(a, {
-								value: String(e),
-								children: e
-							}, e)) })]
-						}),
-						/* @__PURE__ */ y("span", { children: "per page" })
-					]
-				}), /* @__PURE__ */ b("div", {
-					className: "flex items-center gap-1",
-					children: [
-						/* @__PURE__ */ y(h, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							onClick: () => J(1),
-							disabled: q === 1,
-							children: /* @__PURE__ */ y(ne, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ y(h, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							onClick: () => J((e) => Math.max(1, e - 1)),
-							disabled: q === 1,
-							children: /* @__PURE__ */ y(te, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ b("span", {
-							className: "px-3 text-sm",
-							children: [
-								"Page ",
-								q,
-								" of ",
-								$
-							]
-						}),
-						/* @__PURE__ */ y(h, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							onClick: () => J((e) => Math.min($, e + 1)),
-							disabled: q === $,
-							children: /* @__PURE__ */ y(g, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ y(h, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							onClick: () => J($),
-							disabled: q === $,
-							children: /* @__PURE__ */ y(re, { className: "h-4 w-4" })
-						})
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { T as t };