@burdenoff/microfe-movethewheels 2026.1031.3 → 2026.1031.4

package/dist/pages/ProductDetailsPage.js

@@ -11,11 +11,11 @@ import { Trash2 as l } from "../node_modules/lucide-react/dist/esm/icons/trash-2
 import { Warehouse as u } from "../node_modules/lucide-react/dist/esm/icons/warehouse.js";
 import { joinPath as d } from "../utils/navigation.js";
 import { useMoveTheWheels as f } from "../providers/MoveTheWheelsProvider.js";
-import { useInventory as p, useProduct as m, useProductStockLevels as h } from "../hooks/useInventory.js";
-import { Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Checkbox as S, Input as C, Label as w, Textarea as T } from "../components/ui.js";
-import { ErrorState as E, LoadingState as ee, PageLayout as D } from "../components/PageLayout.js";
+import { formatCurrency as p } from "../utils/formatters.js";
+import { useInventory as m, useProduct as h, useProductStockLevels as g } from "../hooks/useInventory.js";
+import { Badge as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Checkbox as C, Input as w, Label as T, Textarea as E } from "../components/ui.js";
+import { ErrorState as ee, LoadingState as te, PageLayout as D } from "../components/PageLayout.js";
 import { FormError as O } from "../components/FormError.js";
-import { formatCurrency as te } from "../utils/formatters.js";
 import { useRefetchOnLeaveEdit as ne } from "../hooks/useRefetchOnLeaveEdit.js";
 import { useEffect as k, useState as A } from "react";
 import { useLocation as j, useParams as re } from "react-router";
@@ -23,7 +23,7 @@ import { Fragment as ie, jsx as M, jsxs as N } from "react/jsx-runtime";
 import { EmphasisPanel as P, NextSteps as ae, PagePurpose as F, ResponsiveDialog as oe, ResponsiveDialogContent as se, ResponsiveDialogDescription as ce, ResponsiveDialogFooter as le, ResponsiveDialogHeader as ue, ResponsiveDialogTitle as de } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/ProductDetailsPage.tsx
 function I({ editId: t }) {
-	let { basePath: n, navigate: r } = f(), { createProduct: i, updateProduct: s } = p(), { product: c } = m(t), l = !!t, [u, h] = A({
+	let { basePath: n, navigate: r } = f(), { createProduct: i, updateProduct: s } = m(), { product: c } = h(t), l = !!t, [u, p] = A({
 		name: "",
 		sku: "",
 		description: "",
@@ -38,9 +38,9 @@ function I({ editId: t }) {
 		hazardous: !1,
 		fragile: !1,
 		temperatureControlled: !1
-	}), [g, v] = A(!1), [y, b] = A(null);
+	}), [g, _] = A(!1), [y, b] = A(null);
 	k(() => {
-		t && c && h({
+		t && c && p({
 			name: c.name ?? "",
 			sku: c.sku ?? "",
 			description: c.description ?? "",
@@ -57,12 +57,12 @@ function I({ editId: t }) {
 			temperatureControlled: c.temperatureControlled
 		});
 	}, [t, c]);
-	let x = () => r?.(d(n, "inventory/products")), E = async (e) => {
+	let x = () => r?.(d(n, "inventory/products")), S = async (e) => {
 		if (e.preventDefault(), !u.name.trim() || !u.sku.trim()) {
 			b("Product name and SKU are required.");
 			return;
 		}
-		v(!0), b(null);
+		_(!0), b(null);
 		try {
 			let e = (e) => {
 				if (!e.trim()) return;
@@ -94,7 +94,7 @@ function I({ editId: t }) {
 				r?.(d(n, `inventory/products/${e.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to create product:", e), b(e instanceof Error ? e.message : "Failed to create product. Please try again."), v(!1);
+			console.error("Failed to create product:", e), b(e instanceof Error ? e.message : "Failed to create product. Please try again."), _(!1);
 		}
 	};
 	return /* @__PURE__ */ N(D, {
@@ -103,13 +103,13 @@ function I({ editId: t }) {
 		icon: /* @__PURE__ */ M(a, { size: 24 }),
 		headerActions: /* @__PURE__ */ N("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ N(_, {
+			children: [/* @__PURE__ */ N(v, {
 				variant: "outline",
 				onClick: x,
 				disabled: g,
 				children: [/* @__PURE__ */ M(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ N(_, {
-				onClick: E,
+			}), /* @__PURE__ */ N(v, {
+				onClick: S,
 				disabled: g,
 				children: [
 					/* @__PURE__ */ M(o, { size: 16 }),
@@ -122,7 +122,7 @@ function I({ editId: t }) {
 			icon: /* @__PURE__ */ M(a, { size: 18 }),
 			children: "Add a product so it can be added to orders and stocked in warehouses. A name and SKU are all it takes to start — category, brand and weight help with picking, pricing and routing."
 		}), /* @__PURE__ */ N("form", {
-			onSubmit: E,
+			onSubmit: S,
 			className: "max-w-2xl space-y-6",
 			children: [/* @__PURE__ */ M(O, { message: y }), /* @__PURE__ */ N(P, { children: [/* @__PURE__ */ M("h2", {
 				className: "text-base font-semibold text-text-primary mb-4",
@@ -134,16 +134,16 @@ function I({ editId: t }) {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 						children: [/* @__PURE__ */ N("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ N(w, {
+							children: [/* @__PURE__ */ N(T, {
 								htmlFor: "name",
 								children: ["Name ", /* @__PURE__ */ M("span", {
 									className: "text-status-error-text",
 									children: "*"
 								})]
-							}), /* @__PURE__ */ M(C, {
+							}), /* @__PURE__ */ M(w, {
 								id: "name",
 								value: u.name,
-								onChange: (e) => h((t) => ({
+								onChange: (e) => p((t) => ({
 									...t,
 									name: e.target.value
 								})),
@@ -152,16 +152,16 @@ function I({ editId: t }) {
 							})]
 						}), /* @__PURE__ */ N("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ N(w, {
+							children: [/* @__PURE__ */ N(T, {
 								htmlFor: "sku",
 								children: ["SKU ", /* @__PURE__ */ M("span", {
 									className: "text-status-error-text",
 									children: "*"
 								})]
-							}), /* @__PURE__ */ M(C, {
+							}), /* @__PURE__ */ M(w, {
 								id: "sku",
 								value: u.sku,
-								onChange: (e) => h((t) => ({
+								onChange: (e) => p((t) => ({
 									...t,
 									sku: e.target.value
 								})),
@@ -174,13 +174,13 @@ function I({ editId: t }) {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 						children: [/* @__PURE__ */ N("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ M(w, {
+							children: [/* @__PURE__ */ M(T, {
 								htmlFor: "category",
 								children: "Category"
-							}), /* @__PURE__ */ M(C, {
+							}), /* @__PURE__ */ M(w, {
 								id: "category",
 								value: u.category,
-								onChange: (e) => h((t) => ({
+								onChange: (e) => p((t) => ({
 									...t,
 									category: e.target.value
 								})),
@@ -188,13 +188,13 @@ function I({ editId: t }) {
 							})]
 						}), /* @__PURE__ */ N("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ M(w, {
+							children: [/* @__PURE__ */ M(T, {
 								htmlFor: "brand",
 								children: "Brand"
-							}), /* @__PURE__ */ M(C, {
+							}), /* @__PURE__ */ M(w, {
 								id: "brand",
 								value: u.brand,
-								onChange: (e) => h((t) => ({
+								onChange: (e) => p((t) => ({
 									...t,
 									brand: e.target.value
 								})),
@@ -204,13 +204,13 @@ function I({ editId: t }) {
 					}),
 					/* @__PURE__ */ N("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ M(w, {
+						children: [/* @__PURE__ */ M(T, {
 							htmlFor: "description",
 							children: "Description"
-						}), /* @__PURE__ */ M(T, {
+						}), /* @__PURE__ */ M(E, {
 							id: "description",
 							value: u.description,
-							onChange: (e) => h((t) => ({
+							onChange: (e) => p((t) => ({
 								...t,
 								description: e.target.value
 							})),
@@ -226,16 +226,16 @@ function I({ editId: t }) {
 							["height", "Height"]
 						].map(([e, t]) => /* @__PURE__ */ N("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ M(w, {
+							children: [/* @__PURE__ */ M(T, {
 								htmlFor: e,
 								children: t
-							}), /* @__PURE__ */ M(C, {
+							}), /* @__PURE__ */ M(w, {
 								id: e,
 								type: "number",
 								min: "0",
 								step: "0.01",
 								value: u[e],
-								onChange: (t) => h((n) => ({
+								onChange: (t) => p((n) => ({
 									...n,
 									[e]: t.target.value
 								})),
@@ -243,13 +243,13 @@ function I({ editId: t }) {
 							})]
 						}, e)), /* @__PURE__ */ N("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ M(w, {
+							children: [/* @__PURE__ */ M(T, {
 								htmlFor: "dimensionUnit",
 								children: "Dimension unit"
-							}), /* @__PURE__ */ M(C, {
+							}), /* @__PURE__ */ M(w, {
 								id: "dimensionUnit",
 								value: u.dimensionUnit,
-								onChange: (e) => h((t) => ({
+								onChange: (e) => p((t) => ({
 									...t,
 									dimensionUnit: e.target.value
 								})),
@@ -261,16 +261,16 @@ function I({ editId: t }) {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 						children: [/* @__PURE__ */ N("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ M(w, {
+							children: [/* @__PURE__ */ M(T, {
 								htmlFor: "value",
 								children: "Unit value"
-							}), /* @__PURE__ */ M(C, {
+							}), /* @__PURE__ */ M(w, {
 								id: "value",
 								type: "number",
 								min: "0",
 								step: "0.01",
 								value: u.value,
-								onChange: (e) => h((t) => ({
+								onChange: (e) => p((t) => ({
 									...t,
 									value: e.target.value
 								})),
@@ -278,16 +278,16 @@ function I({ editId: t }) {
 							})]
 						}), /* @__PURE__ */ N("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ M(w, {
+							children: [/* @__PURE__ */ M(T, {
 								htmlFor: "weight",
 								children: "Weight (kg)"
-							}), /* @__PURE__ */ M(C, {
+							}), /* @__PURE__ */ M(w, {
 								id: "weight",
 								type: "number",
 								min: "0",
 								step: "0.01",
 								value: u.weight,
-								onChange: (e) => h((t) => ({
+								onChange: (e) => p((t) => ({
 									...t,
 									weight: e.target.value
 								})),
@@ -303,9 +303,9 @@ function I({ editId: t }) {
 							["temperatureControlled", "Temperature controlled"]
 						].map(([e, t]) => /* @__PURE__ */ N("label", {
 							className: "flex items-center gap-2 text-sm",
-							children: [/* @__PURE__ */ M(S, {
+							children: [/* @__PURE__ */ M(C, {
 								checked: u[e],
-								onCheckedChange: (t) => h((n) => ({
+								onCheckedChange: (t) => p((n) => ({
 									...n,
 									[e]: t === !0
 								}))
@@ -318,54 +318,54 @@ function I({ editId: t }) {
 	});
 }
 function L() {
-	let { productId: o } = re(), { basePath: S, navigate: C } = f(), { product: w, isLoading: T, error: L, refetch: R } = m(o), { deleteProduct: fe } = p(), z = j().pathname.endsWith("/edit");
+	let { productId: o } = re(), { basePath: C, navigate: w } = f(), { product: T, isLoading: E, error: L, refetch: R } = h(o), { deleteProduct: fe } = m(), z = j().pathname.endsWith("/edit");
 	ne(z, R);
-	let [B, V] = A(!1), [H, U] = A(!1), [pe, W] = A(null), [G, K] = A(0), { levels: q, totalLevels: J, totalAvailable: me, hasMore: Y, isLoading: X, error: Z } = h(z ? void 0 : o, {
+	let [B, V] = A(!1), [H, U] = A(!1), [pe, W] = A(null), [G, K] = A(0), { levels: q, totalLevels: J, totalAvailable: me, hasMore: Y, isLoading: X, error: Z } = g(z ? void 0 : o, {
 		limit: 20,
 		offset: G * 20
 	});
 	k(() => {
 		K(0);
 	}, [o]);
-	let Q = () => C?.(d(S, "inventory/products")), $ = (e) => C?.(d(S, e));
-	return o ? z ? /* @__PURE__ */ M(I, { editId: o }) : T ? /* @__PURE__ */ M(ee, { message: "Loading product details..." }) : L || !w ? /* @__PURE__ */ M(E, {
+	let Q = () => w?.(d(C, "inventory/products")), $ = (e) => w?.(d(C, e));
+	return o ? z ? /* @__PURE__ */ M(I, { editId: o }) : E ? /* @__PURE__ */ M(te, { message: "Loading product details..." }) : L || !T ? /* @__PURE__ */ M(ee, {
 		title: "Product not found",
 		onRetry: R
 	}) : /* @__PURE__ */ N(D, {
-		title: w.name,
-		subtitle: `SKU: ${w.sku}`,
+		title: T.name,
+		subtitle: `SKU: ${T.sku}`,
 		icon: /* @__PURE__ */ M(a, { size: 24 }),
 		headerActions: /* @__PURE__ */ N("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ N(_, {
+			children: [/* @__PURE__ */ N(v, {
 				variant: "outline",
 				onClick: Q,
 				children: [/* @__PURE__ */ M(e, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ N(_, {
-				onClick: () => C?.(d(S, `inventory/products/${o}/edit`)),
+			}), /* @__PURE__ */ N(v, {
+				onClick: () => w?.(d(C, `inventory/products/${o}/edit`)),
 				children: [/* @__PURE__ */ M(s, { size: 16 }), " Edit"]
 			})]
 		}),
 		headerContent: /* @__PURE__ */ N("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ M(g, {
+				/* @__PURE__ */ M(_, {
 					variant: "outline",
-					children: w.category ?? "Not provided"
+					children: T.category ?? "Not provided"
 				}),
-				w.brand && /* @__PURE__ */ M(g, {
+				T.brand && /* @__PURE__ */ M(_, {
 					variant: "secondary",
-					children: w.brand
+					children: T.brand
 				}),
-				w.fragile && /* @__PURE__ */ M(g, {
+				T.fragile && /* @__PURE__ */ M(_, {
 					variant: "destructive",
 					children: "Fragile"
 				}),
-				w.hazardous && /* @__PURE__ */ M(g, {
+				T.hazardous && /* @__PURE__ */ M(_, {
 					variant: "destructive",
 					children: "Hazardous"
 				}),
-				w.temperatureControlled && /* @__PURE__ */ M(g, {
+				T.temperatureControlled && /* @__PURE__ */ M(_, {
 					variant: "secondary",
 					children: "Temp Controlled"
 				})
@@ -397,31 +397,31 @@ function L() {
 				children: [/* @__PURE__ */ N("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ N(v, { children: [/* @__PURE__ */ M(b, { children: /* @__PURE__ */ M(x, { children: "Description" }) }), /* @__PURE__ */ M(y, { children: /* @__PURE__ */ M("p", { children: w.description ?? "Not provided" }) })] }),
-						/* @__PURE__ */ N(v, { children: [/* @__PURE__ */ M(b, { children: /* @__PURE__ */ N(x, {
+						/* @__PURE__ */ N(y, { children: [/* @__PURE__ */ M(x, { children: /* @__PURE__ */ M(S, { children: "Description" }) }), /* @__PURE__ */ M(b, { children: /* @__PURE__ */ M("p", { children: T.description ?? "Not provided" }) })] }),
+						/* @__PURE__ */ N(y, { children: [/* @__PURE__ */ M(x, { children: /* @__PURE__ */ N(S, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ M(t, { size: 18 }), " Dimensions & Weight"]
-						}) }), /* @__PURE__ */ M(y, { children: /* @__PURE__ */ M("div", {
+						}) }), /* @__PURE__ */ M(b, { children: /* @__PURE__ */ M("div", {
 							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 							children: [
 								[
 									"Length",
-									w.dimensions?.length,
-									w.dimensions?.unit
+									T.dimensions?.length,
+									T.dimensions?.unit
 								],
 								[
 									"Width",
-									w.dimensions?.width,
-									w.dimensions?.unit
+									T.dimensions?.width,
+									T.dimensions?.unit
 								],
 								[
 									"Height",
-									w.dimensions?.height,
-									w.dimensions?.unit
+									T.dimensions?.height,
+									T.dimensions?.unit
 								],
 								[
 									"Weight",
-									w.weight,
+									T.weight,
 									"kg"
 								]
 							].map(([e, t, n]) => /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
@@ -435,12 +435,12 @@ function L() {
 								})]
 							})] }, e))
 						}) })] }),
-						w.attributes.length > 0 && /* @__PURE__ */ N(v, { children: [/* @__PURE__ */ M(b, { children: /* @__PURE__ */ N(x, {
+						T.attributes.length > 0 && /* @__PURE__ */ N(y, { children: [/* @__PURE__ */ M(x, { children: /* @__PURE__ */ N(S, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ M(c, { size: 18 }), " Attributes"]
-						}) }), /* @__PURE__ */ M(y, { children: /* @__PURE__ */ M("div", {
+						}) }), /* @__PURE__ */ M(b, { children: /* @__PURE__ */ M("div", {
 							className: "grid grid-cols-2 md:grid-cols-3 gap-4",
-							children: w.attributes.map((e, t) => /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+							children: T.attributes.map((e, t) => /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 								className: "text-sm text-text-secondary",
 								children: e.name
 							}), /* @__PURE__ */ M("p", {
@@ -459,17 +459,17 @@ function L() {
 							}),
 							/* @__PURE__ */ M("p", {
 								className: "text-3xl font-bold",
-								children: w.value === void 0 ? "Not provided" : te(w.value)
+								children: T.value === void 0 ? "Not provided" : p(T.value)
 							}),
 							/* @__PURE__ */ M("p", {
 								className: "text-sm text-text-secondary",
 								children: "Unit price"
 							})
 						] }),
-						/* @__PURE__ */ N(v, { children: [/* @__PURE__ */ M(b, { children: /* @__PURE__ */ N(x, {
+						/* @__PURE__ */ N(y, { children: [/* @__PURE__ */ M(x, { children: /* @__PURE__ */ N(S, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ M(u, { size: 18 }), " Stock Levels"]
-						}) }), /* @__PURE__ */ M(y, {
+						}) }), /* @__PURE__ */ M(b, {
 							className: "space-y-3",
 							children: Z ? /* @__PURE__ */ M("p", {
 								className: "text-sm text-status-error-text",
@@ -482,7 +482,7 @@ function L() {
 								children: [/* @__PURE__ */ M("p", {
 									className: "text-sm text-text-secondary",
 									children: "This item isn't stocked in any warehouse yet, so nothing can be promised on an order."
-								}), /* @__PURE__ */ M(_, {
+								}), /* @__PURE__ */ M(v, {
 									variant: "outline",
 									size: "sm",
 									onClick: () => $("inventory/warehouses"),
@@ -523,13 +523,13 @@ function L() {
 										]
 									}), /* @__PURE__ */ N("div", {
 										className: "flex gap-2",
-										children: [/* @__PURE__ */ N(_, {
+										children: [/* @__PURE__ */ N(v, {
 											variant: "outline",
 											size: "sm",
 											disabled: G === 0 || X,
 											onClick: () => K((e) => Math.max(0, e - 1)),
 											children: [/* @__PURE__ */ M(n, { size: 14 }), " Previous"]
-										}), /* @__PURE__ */ N(_, {
+										}), /* @__PURE__ */ N(v, {
 											variant: "outline",
 											size: "sm",
 											disabled: !Y || X,
@@ -550,31 +550,31 @@ function L() {
 								})
 							] })
 						})] }),
-						/* @__PURE__ */ N(v, { children: [/* @__PURE__ */ M(b, { children: /* @__PURE__ */ M(x, { children: "Identifiers" }) }), /* @__PURE__ */ N(y, {
+						/* @__PURE__ */ N(y, { children: [/* @__PURE__ */ M(x, { children: /* @__PURE__ */ M(S, { children: "Identifiers" }) }), /* @__PURE__ */ N(b, {
 							className: "space-y-3",
 							children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 								className: "text-sm text-text-secondary",
 								children: "SKU"
 							}), /* @__PURE__ */ M("p", {
 								className: "font-mono",
-								children: w.sku
-							})] }), w.barcode && /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+								children: T.sku
+							})] }), T.barcode && /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 								className: "text-sm text-text-secondary",
 								children: "Barcode"
 							}), /* @__PURE__ */ M("p", {
 								className: "font-mono",
-								children: w.barcode
+								children: T.barcode
 							})] })]
 						})] }),
-						/* @__PURE__ */ N(v, {
+						/* @__PURE__ */ N(y, {
 							className: "border-status-error-border",
-							children: [/* @__PURE__ */ M(b, { children: /* @__PURE__ */ N(x, {
+							children: [/* @__PURE__ */ M(x, { children: /* @__PURE__ */ N(S, {
 								className: "flex items-center gap-2 text-status-error-text",
 								children: [/* @__PURE__ */ M(l, { size: 18 }), " Delete Product"]
-							}) }), /* @__PURE__ */ N(y, { children: [/* @__PURE__ */ M("p", {
+							}) }), /* @__PURE__ */ N(b, { children: [/* @__PURE__ */ M("p", {
 								className: "mb-3 text-sm text-text-secondary",
 								children: "Removes this catalog item. Existing inventory records may prevent deletion."
-							}), /* @__PURE__ */ N(_, {
+							}), /* @__PURE__ */ N(v, {
 								variant: "outline",
 								className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
 								onClick: () => V(!0),
@@ -590,19 +590,19 @@ function L() {
 				children: /* @__PURE__ */ N(se, { children: [
 					/* @__PURE__ */ N(ue, { children: [/* @__PURE__ */ M(de, { children: "Delete this product?" }), /* @__PURE__ */ N(ce, { children: [
 						"This removes ",
-						w.name,
+						T.name,
 						" from the catalog and cannot be undone from here."
 					] })] }),
 					/* @__PURE__ */ M("div", {
 						className: "px-1",
 						children: /* @__PURE__ */ M(O, { message: pe })
 					}),
-					/* @__PURE__ */ N(le, { children: [/* @__PURE__ */ M(_, {
+					/* @__PURE__ */ N(le, { children: [/* @__PURE__ */ M(v, {
 						variant: "outline",
 						onClick: () => V(!1),
 						disabled: H,
 						children: "Cancel"
-					}), /* @__PURE__ */ M(_, {
+					}), /* @__PURE__ */ M(v, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
 						onClick: async () => {
 							if (o) {