@burdenoff/microfe-proserviceworld 2026.624.1 → 2026.626.1

package/dist/proserviceworld/pages/VerificationPage.js

@@ -2,34 +2,34 @@ import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
 import { useState as t } from "react";
 import { AlertTriangle as n, ArrowRight as r, Award as i, Building2 as a, CheckCircle2 as o, ChevronRight as s, Clock as c, FileSearch as l, Fingerprint as u, Mail as d, MapPin as f, Phone as p, Shield as m, Upload as h, XCircle as g } from "lucide-react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T } from "@burdenoff/fe-libs/ui";
+import { AuroraBackground as b, Badge as x, Button as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E, EmphasisPanel as D, GlassCard as O, GradientText as k, IllustratedEmptyState as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/VerificationPage.tsx
-var E = {
+var M = {
 	completed: {
 		icon: o,
-		color: "text-green-600",
-		bgColor: "bg-green-100 dark:bg-green-950",
+		color: "text-status-success-text",
+		bgColor: "bg-status-success-bg-subtle",
 		label: "Completed"
 	},
 	pending: {
 		icon: c,
-		color: "text-gray-400",
-		bgColor: "bg-gray-100 dark:bg-gray-800",
+		color: "text-text-secondary",
+		bgColor: "bg-bg-sunken",
 		label: "Pending"
 	},
 	in_progress: {
 		icon: c,
-		color: "text-blue-600",
-		bgColor: "bg-blue-100 dark:bg-blue-950",
+		color: "text-accent-blue",
+		bgColor: "bg-accent-blue-subtle",
 		label: "In Progress"
 	},
 	failed: {
 		icon: g,
-		color: "text-red-600",
-		bgColor: "bg-red-100 dark:bg-red-950",
+		color: "text-status-error-text",
+		bgColor: "bg-status-error-bg-subtle",
 		label: "Failed"
 	}
-}, D = {
+}, N = {
 	"Email Verification": d,
 	"Phone Verification": p,
 	"Identity Verification": u,
@@ -38,107 +38,114 @@ var E = {
 	"Professional Verification": i,
 	"Background Check": l
 };
-function O() {
-	let { verificationSteps: i } = e(), [a, l] = t(null), u = i.filter((e) => e.status === "completed").length, d = i.length, f = i.filter((e) => e.required), p = f.filter((e) => e.status === "completed").length, g = Math.round(u / d * 100), O = a ? i.find((e) => e.id === a) : null;
+function P() {
+	let { verificationSteps: i } = e(), [a, l] = t(null), u = i.filter((e) => e.status === "completed").length, d = i.length, f = i.filter((e) => e.required), p = f.filter((e) => e.status === "completed").length, g = Math.round(u / d * 100), P = a ? i.find((e) => e.id === a) : null;
 	return /* @__PURE__ */ y("div", {
-		className: "space-y-6 p-6",
+		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
 		children: [
 			/* @__PURE__ */ y("div", {
-				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
-					className: "text-2xl font-semibold",
-					children: "Verification"
-				}), /* @__PURE__ */ v("p", {
-					className: "text-sm text-text-secondary",
-					children: "Complete verification steps to unlock full platform features and build trust."
-				})] }), /* @__PURE__ */ y(b, {
-					variant: g === 100 ? "default" : "secondary",
-					className: "text-sm",
-					children: [
-						/* @__PURE__ */ v(m, { className: "mr-2 h-4 w-4" }),
-						g,
-						"% Verified"
-					]
+				className: "relative overflow-hidden rounded-card -mx-2 px-2 pt-1",
+				children: [/* @__PURE__ */ v(b, { intensity: "subtle" }), /* @__PURE__ */ y("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+						className: "text-2xl font-semibold tracking-tight",
+						children: /* @__PURE__ */ v(k, { children: "Verification" })
+					}), /* @__PURE__ */ v("p", {
+						className: "text-sm text-text-secondary",
+						children: "Complete verification steps to unlock full platform features and build trust."
+					})] }), /* @__PURE__ */ y(x, {
+						variant: g === 100 ? "default" : "secondary",
+						className: "text-sm",
+						children: [
+							/* @__PURE__ */ v(m, { className: "mr-2 h-4 w-4" }),
+							/* @__PURE__ */ y("span", {
+								className: "tabular-nums",
+								children: [g, "%"]
+							}),
+							" Verified"
+						]
+					})]
 				})]
 			}),
-			/* @__PURE__ */ v(S, { children: /* @__PURE__ */ v(C, {
-				className: "pt-6",
-				children: /* @__PURE__ */ y("div", {
-					className: "grid gap-6 sm:grid-cols-3",
-					children: [
-						/* @__PURE__ */ y("div", {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ v("p", {
-									className: "text-sm text-text-secondary",
-									children: "Overall Progress"
-								}),
-								/* @__PURE__ */ y("p", {
-									className: "text-3xl font-bold",
-									children: [
-										u,
-										"/",
-										d
-									]
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "h-3 overflow-hidden rounded-full bg-bg-sunken",
-									children: /* @__PURE__ */ v("div", {
-										className: "h-3 rounded-full bg-action-primary-bg transition-all",
-										style: { width: `${g}%` }
-									})
-								})
-							]
-						}),
-						/* @__PURE__ */ y("div", {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ v("p", {
-									className: "text-sm text-text-secondary",
-									children: "Required Steps"
-								}),
-								/* @__PURE__ */ y("p", {
-									className: "text-3xl font-bold",
-									children: [
-										p,
-										"/",
-										f.length
-									]
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "h-3 overflow-hidden rounded-full bg-bg-sunken",
-									children: /* @__PURE__ */ v("div", {
-										className: "h-3 rounded-full bg-green-500 transition-all",
-										style: { width: `${f.length > 0 ? Math.round(p / f.length * 100) : 0}%` }
-									})
+			/* @__PURE__ */ v(j, {
+				icon: /* @__PURE__ */ v(m, { className: "h-4 w-4" }),
+				children: "Verification is how you earn trust on ProServiceWorld. Completing these steps — email, phone, identity, and more — unlocks higher search ranking, badges, and premium listings. Pick a step to see what is needed and start, and watch your trust level climb as you go."
+			}),
+			/* @__PURE__ */ v(D, { children: /* @__PURE__ */ y("div", {
+				className: "grid gap-6 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ v("p", {
+								className: "text-sm text-text-secondary",
+								children: "Overall Progress"
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "text-3xl font-bold tabular-nums",
+								children: [
+									u,
+									"/",
+									d
+								]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "h-3 overflow-hidden rounded-full bg-bg-sunken",
+								children: /* @__PURE__ */ v("div", {
+									className: "h-3 rounded-full bg-accent-blue transition-all",
+									style: { width: `${g}%` }
 								})
-							]
-						}),
-						/* @__PURE__ */ y("div", {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ v("p", {
-									className: "text-sm text-text-secondary",
-									children: "Trust Level"
-								}),
-								/* @__PURE__ */ v("p", {
-									className: "text-3xl font-bold",
-									children: g >= 80 ? "High" : g >= 40 ? "Medium" : "Low"
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "flex gap-1",
-									children: [
-										1,
-										2,
-										3,
-										4,
-										5
-									].map((e) => /* @__PURE__ */ v("div", { className: `h-3 flex-1 rounded-full ${e <= Math.ceil(g / 20) ? "bg-action-primary-bg" : "bg-bg-sunken"}` }, e))
+							})
+						]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ v("p", {
+								className: "text-sm text-text-secondary",
+								children: "Required Steps"
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "text-3xl font-bold tabular-nums",
+								children: [
+									p,
+									"/",
+									f.length
+								]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "h-3 overflow-hidden rounded-full bg-bg-sunken",
+								children: /* @__PURE__ */ v("div", {
+									className: "h-3 rounded-full bg-status-success-text transition-all",
+									style: { width: `${f.length > 0 ? Math.round(p / f.length * 100) : 0}%` }
 								})
-							]
-						})
-					]
-				})
+							})
+						]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ v("p", {
+								className: "text-sm text-text-secondary",
+								children: "Trust Level"
+							}),
+							/* @__PURE__ */ v("p", {
+								className: "text-3xl font-bold",
+								children: g >= 80 ? "High" : g >= 40 ? "Medium" : "Low"
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "flex gap-1",
+								children: [
+									1,
+									2,
+									3,
+									4,
+									5
+								].map((e) => /* @__PURE__ */ v("div", { className: `h-3 flex-1 rounded-full ${e <= Math.ceil(g / 20) ? "bg-accent-blue" : "bg-bg-sunken"}` }, e))
+							})
+						]
+					})
+				]
 			}) }),
 			/* @__PURE__ */ y("div", {
 				className: "grid gap-6 lg:grid-cols-3",
@@ -148,12 +155,13 @@ function O() {
 						className: "text-sm font-medium text-text-secondary",
 						children: "Verification Steps"
 					}), i.map((e, t) => {
-						let n = E[e.status], r = n.icon, o = D[e.title] ?? m;
+						let n = M[e.status], r = n.icon, o = N[e.title] ?? m, c = t === i.length - 1, u = e.status === "in_progress";
 						return /* @__PURE__ */ y("div", {
 							className: "relative",
-							children: [t !== i.length - 1 && /* @__PURE__ */ v("div", { className: "absolute left-[23px] top-[52px] h-[calc(100%-16px)] w-0.5 bg-bg-sunken z-0" }), /* @__PURE__ */ v("button", {
+							children: [!c && /* @__PURE__ */ v("div", { className: "absolute left-[23px] top-[52px] h-[calc(100%-16px)] w-0.5 bg-border-seam z-0" }), /* @__PURE__ */ v("button", {
 								onClick: () => l(a === e.id ? null : e.id),
-								className: `relative z-10 w-full rounded-lg border p-4 text-left transition-colors ${a === e.id ? "border-primary bg-action-primary-bg/5" : "hover:bg-bg-sunken/50"} ${e.status === "completed" ? "opacity-80" : ""}`,
+								"aria-pressed": a === e.id,
+								className: `relative z-10 w-full rounded-lg border p-4 text-left transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${a === e.id ? "border-accent-blue bg-accent-blue-subtle" : "border-border-seam hover:shadow-pop"} ${e.status === "completed" ? "opacity-80" : ""}`,
 								children: /* @__PURE__ */ y("div", {
 									className: "flex items-start gap-4",
 									children: [
@@ -169,7 +177,7 @@ function O() {
 													children: [/* @__PURE__ */ v("h3", {
 														className: `font-medium ${e.status === "completed" ? "line-through text-text-secondary" : ""}`,
 														children: e.title
-													}), e.required && /* @__PURE__ */ v(b, {
+													}), e.required && /* @__PURE__ */ v(x, {
 														variant: "destructive",
 														className: "text-xs",
 														children: "Required"
@@ -183,7 +191,7 @@ function O() {
 													className: "mt-2 flex items-center gap-3",
 													children: [/* @__PURE__ */ y("div", {
 														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ v(r, { className: `h-4 w-4 ${n.color}` }), /* @__PURE__ */ v("span", {
+														children: [/* @__PURE__ */ v(r, { className: `h-4 w-4 ${n.color} ${u ? "motion-safe:animate-vc-glow-pulse" : ""}` }), /* @__PURE__ */ v("span", {
 															className: `text-xs font-medium ${n.color}`,
 															children: n.label
 														})]
@@ -202,156 +210,161 @@ function O() {
 					})]
 				}), /* @__PURE__ */ y("div", {
 					className: "space-y-4",
-					children: [O ? /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
-						className: "text-base",
-						children: O.title
-					}) }), /* @__PURE__ */ y(C, {
-						className: "space-y-4",
-						children: [
-							/* @__PURE__ */ v("p", {
-								className: "text-sm text-text-secondary",
-								children: O.description
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "flex items-center gap-2",
-								children: (() => {
-									let e = E[O.status], t = e.icon;
-									return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, { className: `h-5 w-5 ${e.color}` }), /* @__PURE__ */ v("span", {
-										className: `font-medium ${e.color}`,
-										children: e.label
-									})] });
-								})()
-							}),
-							O.required && /* @__PURE__ */ y("div", {
-								className: "flex items-center gap-2 rounded-lg bg-red-50 p-3 dark:bg-red-950",
-								children: [/* @__PURE__ */ v(n, { className: "h-4 w-4 text-red-600" }), /* @__PURE__ */ v("span", {
-									className: "text-sm text-red-700 dark:text-red-400",
-									children: "This step is required for full platform access."
-								})]
-							}),
-							O.completedAt && /* @__PURE__ */ v("div", {
-								className: "rounded-lg bg-green-50 p-3 dark:bg-green-950",
-								children: /* @__PURE__ */ y("p", {
-									className: "text-sm text-green-700 dark:text-green-400",
-									children: ["Completed on ", O.completedAt]
+					children: [P ? /* @__PURE__ */ y(O, {
+						treatment: "insight",
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ v(E, {
+							className: "text-base",
+							children: P.title
+						}) }), /* @__PURE__ */ y(w, {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ v("p", {
+									className: "text-sm text-text-secondary",
+									children: P.description
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "flex items-center gap-2",
+									children: (() => {
+										let e = M[P.status], t = e.icon;
+										return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, { className: `h-5 w-5 ${e.color}` }), /* @__PURE__ */ v("span", {
+											className: `font-medium ${e.color}`,
+											children: e.label
+										})] });
+									})()
+								}),
+								P.required && /* @__PURE__ */ y("div", {
+									className: "flex items-center gap-2 rounded-lg bg-status-error-bg-subtle p-3",
+									children: [/* @__PURE__ */ v(n, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ v("span", {
+										className: "text-sm text-status-error-text",
+										children: "This step is required for full platform access."
+									})]
+								}),
+								P.completedAt && /* @__PURE__ */ v("div", {
+									className: "rounded-lg bg-status-success-bg-subtle p-3",
+									children: /* @__PURE__ */ y("p", {
+										className: "text-sm text-status-success-text",
+										children: ["Completed on ", P.completedAt]
+									})
+								}),
+								P.status === "pending" && /* @__PURE__ */ y("div", {
+									className: "space-y-3",
+									children: [
+										P.title === "Phone Verification" && /* @__PURE__ */ y("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ v("p", {
+												className: "text-sm font-medium",
+												children: "Enter your phone number"
+											}), /* @__PURE__ */ y("div", {
+												className: "flex gap-2",
+												children: [/* @__PURE__ */ v("input", {
+													type: "tel",
+													"aria-label": "Phone number",
+													className: "flex-1 rounded border border-border-seam bg-bg-surface px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+													placeholder: "+1 (555) 000-0000"
+												}), /* @__PURE__ */ y(S, {
+													size: "sm",
+													children: ["Send Code ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
+												})]
+											})]
+										}),
+										P.title === "Identity Verification" && /* @__PURE__ */ y("div", {
+											className: "space-y-2",
+											children: [
+												/* @__PURE__ */ v("p", {
+													className: "text-sm font-medium",
+													children: "Upload a government-issued ID"
+												}),
+												/* @__PURE__ */ y("div", {
+													className: "flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-border-seam p-6",
+													children: [
+														/* @__PURE__ */ v(h, { className: "h-8 w-8 text-text-secondary" }),
+														/* @__PURE__ */ v("p", {
+															className: "mt-2 text-xs text-text-secondary",
+															children: "Drag & drop or click to upload"
+														}),
+														/* @__PURE__ */ v("p", {
+															className: "text-xs text-text-secondary",
+															children: "Passport, Driver's License, or National ID"
+														})
+													]
+												}),
+												/* @__PURE__ */ y(S, {
+													className: "w-full",
+													children: [/* @__PURE__ */ v(h, { className: "mr-2 h-4 w-4" }), " Upload Document"]
+												})
+											]
+										}),
+										P.title !== "Phone Verification" && P.title !== "Identity Verification" && /* @__PURE__ */ y(S, {
+											className: "w-full",
+											children: ["Start Verification ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
+										})
+									]
+								}),
+								P.status === "failed" && /* @__PURE__ */ v(S, {
+									variant: "destructive",
+									className: "w-full",
+									children: "Retry Verification"
 								})
-							}),
-							O.status === "pending" && /* @__PURE__ */ y("div", {
-								className: "space-y-3",
+							]
+						})]
+					}) : /* @__PURE__ */ v(C, {
+						className: "border-border-seam",
+						children: /* @__PURE__ */ v(w, {
+							className: "py-6",
+							children: /* @__PURE__ */ v(A, {
+								illustration: "onboarding",
+								title: "Select a step",
+								description: "Click on a verification step to see details and take action."
+							})
+						})
+					}), /* @__PURE__ */ y(C, {
+						className: "border-border-seam",
+						children: [/* @__PURE__ */ v(T, { children: /* @__PURE__ */ v(E, {
+							className: "text-base",
+							children: "Verification Benefits"
+						}) }), /* @__PURE__ */ v(w, {
+							className: "space-y-3",
+							children: [
+								{
+									label: "Higher search ranking",
+									unlockAt: 20
+								},
+								{
+									label: "Featured provider badge",
+									unlockAt: 40
+								},
+								{
+									label: "Priority support access",
+									unlockAt: 60
+								},
+								{
+									label: "Premium service listings",
+									unlockAt: 80
+								},
+								{
+									label: "Verified trust seal",
+									unlockAt: 100
+								}
+							].map((e) => /* @__PURE__ */ y("div", {
+								className: `flex items-center gap-2 rounded p-2 text-sm ${g >= e.unlockAt ? "text-text-primary" : "text-text-secondary"}`,
 								children: [
-									O.title === "Phone Verification" && /* @__PURE__ */ y("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ v("p", {
-											className: "text-sm font-medium",
-											children: "Enter your phone number"
-										}), /* @__PURE__ */ y("div", {
-											className: "flex gap-2",
-											children: [/* @__PURE__ */ v("input", {
-												type: "tel",
-												className: "flex-1 rounded border bg-bg-surface px-3 py-2 text-sm",
-												placeholder: "+1 (555) 000-0000"
-											}), /* @__PURE__ */ y(x, {
-												size: "sm",
-												children: ["Send Code ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
-											})]
-										})]
-									}),
-									O.title === "Identity Verification" && /* @__PURE__ */ y("div", {
-										className: "space-y-2",
-										children: [
-											/* @__PURE__ */ v("p", {
-												className: "text-sm font-medium",
-												children: "Upload a government-issued ID"
-											}),
-											/* @__PURE__ */ y("div", {
-												className: "flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6",
-												children: [
-													/* @__PURE__ */ v(h, { className: "h-8 w-8 text-text-secondary" }),
-													/* @__PURE__ */ v("p", {
-														className: "mt-2 text-xs text-text-secondary",
-														children: "Drag & drop or click to upload"
-													}),
-													/* @__PURE__ */ v("p", {
-														className: "text-xs text-text-secondary",
-														children: "Passport, Driver's License, or National ID"
-													})
-												]
-											}),
-											/* @__PURE__ */ y(x, {
-												className: "w-full",
-												children: [/* @__PURE__ */ v(h, { className: "mr-2 h-4 w-4" }), " Upload Document"]
-											})
-										]
-									}),
-									O.title !== "Phone Verification" && O.title !== "Identity Verification" && /* @__PURE__ */ y(x, {
-										className: "w-full",
-										children: ["Start Verification ", /* @__PURE__ */ v(r, { className: "ml-2 h-4 w-4" })]
+									g >= e.unlockAt ? /* @__PURE__ */ v(o, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ v(c, { className: "h-4 w-4" }),
+									/* @__PURE__ */ v("span", { children: e.label }),
+									/* @__PURE__ */ y("span", {
+										className: "ml-auto text-xs tabular-nums",
+										children: [e.unlockAt, "%"]
 									})
 								]
-							}),
-							O.status === "failed" && /* @__PURE__ */ v(x, {
-								variant: "destructive",
-								className: "w-full",
-								children: "Retry Verification"
-							})
-						]
-					})] }) : /* @__PURE__ */ v(S, { children: /* @__PURE__ */ y(C, {
-						className: "py-12 text-center",
-						children: [
-							/* @__PURE__ */ v(m, { className: "mx-auto h-10 w-10 text-text-secondary/50" }),
-							/* @__PURE__ */ v("p", {
-								className: "mt-2 text-sm font-medium",
-								children: "Select a step"
-							}),
-							/* @__PURE__ */ v("p", {
-								className: "text-xs text-text-secondary",
-								children: "Click on a verification step to see details and take action."
-							})
-						]
-					}) }), /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
-						className: "text-base",
-						children: "Verification Benefits"
-					}) }), /* @__PURE__ */ v(C, {
-						className: "space-y-3",
-						children: [
-							{
-								label: "Higher search ranking",
-								unlockAt: 20
-							},
-							{
-								label: "Featured provider badge",
-								unlockAt: 40
-							},
-							{
-								label: "Priority support access",
-								unlockAt: 60
-							},
-							{
-								label: "Premium service listings",
-								unlockAt: 80
-							},
-							{
-								label: "Verified trust seal",
-								unlockAt: 100
-							}
-						].map((e) => /* @__PURE__ */ y("div", {
-							className: `flex items-center gap-2 rounded p-2 text-sm ${g >= e.unlockAt ? "text-text-primary" : "text-text-secondary"}`,
-							children: [
-								g >= e.unlockAt ? /* @__PURE__ */ v(o, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ v(c, { className: "h-4 w-4" }),
-								/* @__PURE__ */ v("span", { children: e.label }),
-								/* @__PURE__ */ y("span", {
-									className: "ml-auto text-xs",
-									children: [e.unlockAt, "%"]
-								})
-							]
-						}, e.label))
-					})] })]
+							}, e.label))
+						})]
+					})]
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { O as VerificationPage };
+export { P as VerificationPage };
 
 //# sourceMappingURL=VerificationPage.js.map