@burdenoff/microfe-movethewheels 2026.703.2 → 2026.703.4

package/dist/CustomerDetailsPage-B6nwFyLO.js

@@ -1,406 +0,0 @@
-import { A as e, F as t, I as n, L as r, P as i, R as a, ct as o, d as s, f as c, g as l, h as u, i as d, j as f, l as p, lt as m, n as h, ot as g, r as _, u as v } from "./PageLayout-D4LDHJJq.js";
-import { t as y } from "./arrow-left-n48Y-Wis.js";
-import { t as b } from "./file-text-DWWY6_f5.js";
-import { n as x, t as S } from "./phone-Ac9s3mo_.js";
-import { t as C } from "./map-pin-BGiCvyCs.js";
-import { t as w } from "./save-CojywNhG.js";
-import { t as T } from "./square-pen-CopE9GmB.js";
-import { t as E } from "./star-nHlLjDKR.js";
-import { t as D } from "./users-DZ-ilS6B.js";
-import { r as O, t as k } from "./useCustomers-BmTNGxiI.js";
-import { i as A } from "./StatusBadge-BZurYHMy.js";
-import { r as j, t as M } from "./formatters-CF2S2l1m.js";
-import { t as N } from "./FormError-BlOjnXOq.js";
-import { useState as P } from "react";
-import { useParams as F } from "react-router-dom";
-import { jsx as I, jsxs as L } from "react/jsx-runtime";
-import { EmphasisPanel as R, NextSteps as z, PagePurpose as B } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/building.js
-var V = m("Building", [
-	["rect", {
-		width: "16",
-		height: "20",
-		x: "4",
-		y: "2",
-		rx: "2",
-		ry: "2",
-		key: "76otgf"
-	}],
-	["path", {
-		d: "M9 22v-4h6v4",
-		key: "r93iot"
-	}],
-	["path", {
-		d: "M8 6h.01",
-		key: "1dz90k"
-	}],
-	["path", {
-		d: "M16 6h.01",
-		key: "1x0f13"
-	}],
-	["path", {
-		d: "M12 6h.01",
-		key: "1vi96p"
-	}],
-	["path", {
-		d: "M12 10h.01",
-		key: "1nrarc"
-	}],
-	["path", {
-		d: "M12 14h.01",
-		key: "1etili"
-	}],
-	["path", {
-		d: "M16 10h.01",
-		key: "1m94wz"
-	}],
-	["path", {
-		d: "M16 14h.01",
-		key: "1gbofw"
-	}],
-	["path", {
-		d: "M8 10h.01",
-		key: "19clt8"
-	}],
-	["path", {
-		d: "M8 14h.01",
-		key: "6423bh"
-	}]
-]);
-//#endregion
-//#region src/movethewheels/pages/CustomerDetailsPage.tsx
-function H() {
-	let { basePath: s, navigate: c } = g(), { createCustomer: l } = O(), [u, p] = P({
-		name: "",
-		type: "b2c",
-		email: "",
-		phone: "",
-		company: ""
-	}), [m, h] = P(!1), [_, b] = P(null), x = () => c?.(o(s, "customers")), S = async (e) => {
-		if (e.preventDefault(), !u.name.trim()) {
-			b("Customer name is required.");
-			return;
-		}
-		h(!0), b(null);
-		try {
-			let e = await l({
-				name: u.name.trim(),
-				type: u.type,
-				email: u.email.trim() || void 0,
-				phone: u.phone.trim() || void 0,
-				company: u.company.trim() || void 0
-			});
-			c?.(o(s, `customers/${e.id}`));
-		} catch (e) {
-			console.error("Failed to create customer:", e), b(e instanceof Error ? e.message : "Failed to create customer. Please try again."), h(!1);
-		}
-	};
-	return /* @__PURE__ */ L(d, {
-		title: "New Customer",
-		subtitle: "Add a new customer to your account",
-		icon: /* @__PURE__ */ I(D, { size: 24 }),
-		headerActions: /* @__PURE__ */ L("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(v, {
-				variant: "outline",
-				onClick: x,
-				disabled: m,
-				children: [/* @__PURE__ */ I(y, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ L(v, {
-				onClick: S,
-				disabled: m,
-				children: [
-					/* @__PURE__ */ I(w, { size: 16 }),
-					" ",
-					m ? "Saving..." : "Create Customer"
-				]
-			})]
-		}),
-		children: [/* @__PURE__ */ I(B, {
-			icon: /* @__PURE__ */ I(D, { size: 18 }),
-			children: "Add a customer once and their contact details auto-fill every future order you book for them. Only a name is required — add email, phone and company to make deliveries easier to arrange."
-		}), /* @__PURE__ */ L("form", {
-			onSubmit: S,
-			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ I(N, { message: _ }), /* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
-				className: "text-base font-semibold text-text-primary mb-4",
-				children: "Customer Details"
-			}), /* @__PURE__ */ L("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ L("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ L("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ L(f, {
-								htmlFor: "name",
-								children: ["Name ", /* @__PURE__ */ I("span", {
-									className: "text-status-error-text",
-									children: "*"
-								})]
-							}), /* @__PURE__ */ I(e, {
-								id: "name",
-								value: u.name,
-								onChange: (e) => p((t) => ({
-									...t,
-									name: e.target.value
-								})),
-								placeholder: "Acme Corp or Jane Doe",
-								required: !0
-							})]
-						}), /* @__PURE__ */ L("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ I(f, {
-								htmlFor: "type",
-								children: "Customer Type"
-							}), /* @__PURE__ */ L(i, {
-								value: u.type,
-								onValueChange: (e) => p((t) => ({
-									...t,
-									type: e
-								})),
-								children: [/* @__PURE__ */ I(r, {
-									id: "type",
-									children: /* @__PURE__ */ I(a, {})
-								}), /* @__PURE__ */ L(t, { children: [/* @__PURE__ */ I(n, {
-									value: "b2c",
-									children: "B2C (Individual)"
-								}), /* @__PURE__ */ I(n, {
-									value: "b2b",
-									children: "B2B (Business)"
-								})] })]
-							})]
-						})]
-					}),
-					/* @__PURE__ */ L("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ L("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ I(f, {
-								htmlFor: "email",
-								children: "Email"
-							}), /* @__PURE__ */ I(e, {
-								id: "email",
-								type: "email",
-								value: u.email,
-								onChange: (e) => p((t) => ({
-									...t,
-									email: e.target.value
-								})),
-								placeholder: "customer@example.com"
-							})]
-						}), /* @__PURE__ */ L("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ I(f, {
-								htmlFor: "phone",
-								children: "Phone"
-							}), /* @__PURE__ */ I(e, {
-								id: "phone",
-								value: u.phone,
-								onChange: (e) => p((t) => ({
-									...t,
-									phone: e.target.value
-								})),
-								placeholder: "+1-555-0100"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ L("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ I(f, {
-							htmlFor: "company",
-							children: "Company"
-						}), /* @__PURE__ */ I(e, {
-							id: "company",
-							value: u.company,
-							onChange: (e) => p((t) => ({
-								...t,
-								company: e.target.value
-							})),
-							placeholder: "Company name (for B2B accounts)"
-						})]
-					})
-				]
-			})] })]
-		})]
-	});
-}
-function U() {
-	let { customerId: e } = F(), { basePath: t, navigate: n } = g(), { customer: r, isLoading: i, error: a, refetch: f } = k(e), m = () => n?.(o(t, "customers")), w = (e) => n?.(o(t, e));
-	return e ? i ? /* @__PURE__ */ I(_, { message: "Loading customer details..." }) : a || !r ? /* @__PURE__ */ I(h, {
-		title: "Customer not found",
-		onRetry: f
-	}) : /* @__PURE__ */ L(d, {
-		title: r.name,
-		subtitle: r.company || r.email,
-		icon: /* @__PURE__ */ I(D, { size: 24 }),
-		headerActions: /* @__PURE__ */ L("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(v, {
-				variant: "outline",
-				onClick: m,
-				children: [/* @__PURE__ */ I(y, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ L(v, { children: [/* @__PURE__ */ I(T, { size: 16 }), " Edit"] })]
-		}),
-		headerContent: /* @__PURE__ */ L("div", {
-			className: "flex items-center gap-4",
-			children: [
-				/* @__PURE__ */ I(A, { type: r.type }),
-				/* @__PURE__ */ I(p, {
-					variant: r.isActive ? "default" : "secondary",
-					children: r.isActive ? "Active" : "Inactive"
-				}),
-				/* @__PURE__ */ L("div", {
-					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ I(E, {
-						size: 16,
-						className: "text-status-warning-text fill-current"
-					}), /* @__PURE__ */ I("span", {
-						className: "font-medium",
-						children: r.rating.toFixed(1)
-					})]
-				})
-			]
-		}),
-		children: [
-			/* @__PURE__ */ I(B, {
-				icon: /* @__PURE__ */ I(D, { size: 18 }),
-				children: "Everything you know about this customer — how to reach them, where they are, and their account standing. Use it to confirm contact details before a delivery, check their rating, or book their next order."
-			}),
-			/* @__PURE__ */ I(z, {
-				storageKey: "movethewheels-customer-details",
-				steps: [{
-					id: "new-order",
-					label: "Book a delivery for this customer",
-					description: "Start a new order pre-filled for this account.",
-					icon: /* @__PURE__ */ I(b, { size: 16 }),
-					onClick: () => w("orders/new")
-				}, {
-					id: "edit",
-					label: "Update contact details",
-					description: "Keep email, phone and address current.",
-					icon: /* @__PURE__ */ I(T, { size: 16 }),
-					onClick: () => {}
-				}]
-			}),
-			/* @__PURE__ */ L("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ L("div", {
-					className: "lg:col-span-2 space-y-6",
-					children: [
-						/* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
-							className: "text-base font-semibold text-text-primary mb-4",
-							children: "Contact Information"
-						}), /* @__PURE__ */ L("div", {
-							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ L("div", {
-								className: "space-y-4",
-								children: [/* @__PURE__ */ L("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ I(x, {
-										size: 18,
-										className: "text-text-secondary"
-									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-										className: "text-sm text-text-secondary",
-										children: "Email"
-									}), /* @__PURE__ */ I("p", {
-										className: "font-medium",
-										children: r.email
-									})] })]
-								}), /* @__PURE__ */ L("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ I(S, {
-										size: 18,
-										className: "text-text-secondary"
-									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-										className: "text-sm text-text-secondary",
-										children: "Phone"
-									}), /* @__PURE__ */ I("p", {
-										className: "font-medium",
-										children: r.phone
-									})] })]
-								})]
-							}), /* @__PURE__ */ L("div", {
-								className: "space-y-4",
-								children: [r.company && /* @__PURE__ */ L("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ I(V, {
-										size: 18,
-										className: "text-text-secondary"
-									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-										className: "text-sm text-text-secondary",
-										children: "Company"
-									}), /* @__PURE__ */ I("p", {
-										className: "font-medium",
-										children: r.company
-									})] })]
-								}), r.website && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-									className: "text-sm text-text-secondary",
-									children: "Website"
-								}), /* @__PURE__ */ I("a", {
-									href: r.website,
-									className: "text-primary hover:underline",
-									children: r.website
-								})] })]
-							})]
-						})] }),
-						/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(C, { size: 18 }), " Address"]
-						}) }), /* @__PURE__ */ I(c, { children: /* @__PURE__ */ I("p", { children: M(r.address) }) })] }),
-						r.notes && /* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(b, { size: 18 }), " Notes"]
-						}) }), /* @__PURE__ */ I(c, { children: /* @__PURE__ */ I("p", { children: r.notes }) })] })
-					]
-				}), /* @__PURE__ */ L("div", {
-					className: "space-y-6",
-					children: [/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ I(l, { children: "Business Details" }) }), /* @__PURE__ */ L(c, {
-						className: "space-y-3",
-						children: [
-							r.businessLicense && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-								className: "text-sm text-text-secondary",
-								children: "Business License"
-							}), /* @__PURE__ */ I("p", {
-								className: "font-mono",
-								children: r.businessLicense
-							})] }),
-							r.taxId && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-								className: "text-sm text-text-secondary",
-								children: "Tax ID"
-							}), /* @__PURE__ */ I("p", {
-								className: "font-mono",
-								children: r.taxId
-							})] }),
-							/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-								className: "text-sm text-text-secondary",
-								children: "Preferred Contact"
-							}), /* @__PURE__ */ I("p", {
-								className: "capitalize",
-								children: r.preferredContactMethod
-							})] }),
-							/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-								className: "text-sm text-text-secondary",
-								children: "Marketing Opt-in"
-							}), /* @__PURE__ */ I(p, {
-								variant: r.marketingOptIn ? "default" : "secondary",
-								children: r.marketingOptIn ? "Yes" : "No"
-							})] })
-						]
-					})] }), /* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ I(l, { children: "Account Info" }) }), /* @__PURE__ */ L(c, {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-							className: "text-sm text-text-secondary",
-							children: "Created"
-						}), /* @__PURE__ */ I("p", { children: j(r.createdAt, "full") })] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-							className: "text-sm text-text-secondary",
-							children: "Last Updated"
-						}), /* @__PURE__ */ I("p", { children: j(r.updatedAt, "relative") })] })]
-					})] })]
-				})]
-			})
-		]
-	}) : /* @__PURE__ */ I(H, {});
-}
-//#endregion
-export { U 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 };