@burdenoff/microfe-proserviceworld 2026.624.1 → 2026.626.1

package/dist/proserviceworld/pages/ProvidersPage.js

@@ -4,9 +4,9 @@ import { useMemo as n, useState as r } from "react";
 import { Briefcase as i, CheckCircle as a, Clock as o, Filter as s, MapPin as c, Search as l, Star as u, Users as d } from "lucide-react";
 import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Badge as h, Button as g, Card as _, CardContent as v, Input as y } from "@burdenoff/fe-libs/ui";
+import { AuroraBackground as h, Badge as g, Button as _, Card as v, CardContent as y, EmphasisPanel as b, GlassCard as x, GradientText as S, IllustratedEmptyState as C, Input as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/ProvidersPage.tsx
-var b = [
+var E = [
 	{
 		value: "",
 		key: "proserviceworld.shared.filters.allCategories",
@@ -58,285 +58,290 @@ var b = [
 		fallback: "Education & Training"
 	}
 ];
-function x() {
-	let { t: x } = f(), S = (e, n, r) => t(x, e, n, r), { providers: C } = e(), [w, T] = r(""), [E, D] = r(""), [O, k] = r(""), [A, j] = r(!1), M = n(() => {
-		let e = [...C];
-		if (w) {
-			let t = w.toLowerCase();
+function D() {
+	let { t: D } = f(), O = (e, n, r) => t(D, e, n, r), { providers: k } = e(), [A, j] = r(""), [M, N] = r(""), [P, F] = r(""), [I, L] = r(!1), R = n(() => {
+		let e = [...k];
+		if (A) {
+			let t = A.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.businessName.toLowerCase().includes(t) || e.tagline.toLowerCase().includes(t) || e.specializations.some((e) => e.toLowerCase().includes(t)));
 		}
-		return E && (e = e.filter((e) => e.category === E)), O && (e = e.filter((e) => e.rating >= O)), e.sort((e, t) => t.rating - e.rating), e;
+		return M && (e = e.filter((e) => e.category === M)), P && (e = e.filter((e) => e.rating >= P)), e.sort((e, t) => t.rating - e.rating), e;
 	}, [
-		C,
-		w,
-		E,
-		O
-	]), N = M.length > 0 ? (M.reduce((e, t) => e + t.rating, 0) / M.length).toFixed(1) : "0", P = new Set(M.map((e) => e.country)).size, F = () => {
-		T(""), D(""), k("");
-	}, I = w ? S("proserviceworld.providers.subtitleWithQuery", "{{count}} providers found for \"{{query}}\"", {
-		count: M.length,
-		query: w
-	}) : S("proserviceworld.providers.subtitle", "{{count}} providers found", { count: M.length });
+		k,
+		A,
+		M,
+		P
+	]), z = R.length > 0 ? (R.reduce((e, t) => e + t.rating, 0) / R.length).toFixed(1) : "0", B = new Set(R.map((e) => e.country)).size, V = () => {
+		j(""), N(""), F("");
+	}, H = A ? O("proserviceworld.providers.subtitleWithQuery", "{{count}} providers found for \"{{query}}\"", {
+		count: R.length,
+		query: A
+	}) : O("proserviceworld.providers.subtitle", "{{count}} providers found", { count: R.length });
 	return /* @__PURE__ */ m("div", {
-		className: "space-y-6 p-6",
+		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
 		children: [
 			/* @__PURE__ */ m("div", {
-				className: "flex flex-col md:flex-row md:items-center md:justify-between",
-				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
-					className: "text-2xl font-semibold",
-					children: S("proserviceworld.providers.title", "Service Providers")
-				}), /* @__PURE__ */ p("p", {
-					className: "text-sm text-text-secondary",
-					children: I
-				})] }), /* @__PURE__ */ m(g, {
-					variant: "outline",
-					onClick: () => j(!A),
-					children: [/* @__PURE__ */ p(s, { className: "h-4 w-4 mr-2" }), S("proserviceworld.providers.actions.filters", "Filters")]
+				className: "relative overflow-hidden rounded-card -mx-2 px-2 pt-1",
+				children: [/* @__PURE__ */ p(h, { intensity: "subtle" }), /* @__PURE__ */ m("div", {
+					className: "flex flex-col md:flex-row md:items-center md:justify-between gap-4",
+					children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
+						className: "text-2xl font-semibold tracking-tight",
+						children: /* @__PURE__ */ p(S, { children: O("proserviceworld.providers.title", "Service Providers") })
+					}), /* @__PURE__ */ p("p", {
+						className: "text-sm text-text-secondary",
+						children: H
+					})] }), /* @__PURE__ */ m(_, {
+						variant: "outline",
+						onClick: () => L(!I),
+						"aria-expanded": I,
+						children: [/* @__PURE__ */ p(s, { className: "h-4 w-4 mr-2" }), O("proserviceworld.providers.actions.filters", "Filters")]
+					})]
 				})]
 			}),
+			/* @__PURE__ */ p(T, {
+				icon: /* @__PURE__ */ p(d, { className: "h-4 w-4" }),
+				children: O("proserviceworld.providers.purpose", "Find and vet the experts behind the work. Search by name, business, or specialization and filter by category and rating to shortlist trusted providers — then open a profile to view their services, reviews, and credentials before reaching out.")
+			}),
 			/* @__PURE__ */ p("div", {
 				className: "flex gap-4",
 				children: /* @__PURE__ */ m("div", {
 					className: "flex-1 relative",
-					children: [/* @__PURE__ */ p(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-text-secondary" }), /* @__PURE__ */ p(y, {
+					children: [/* @__PURE__ */ p(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-text-secondary" }), /* @__PURE__ */ p(w, {
 						type: "text",
-						placeholder: S("proserviceworld.providers.search.placeholder", "Search providers by name, business, or specialization..."),
-						value: w,
-						onChange: (e) => T(e.target.value),
+						placeholder: O("proserviceworld.providers.search.placeholder", "Search providers by name, business, or specialization..."),
+						value: A,
+						onChange: (e) => j(e.target.value),
 						className: "pl-10 h-12"
 					})]
 				})
 			}),
-			A && /* @__PURE__ */ p(_, { children: /* @__PURE__ */ p(v, {
-				className: "p-6",
-				children: /* @__PURE__ */ m("div", {
-					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
-					children: [
-						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-							className: "block text-sm font-medium mb-2",
-							children: S("proserviceworld.providers.filters.category", "Category")
-						}), /* @__PURE__ */ p("select", {
-							value: E,
-							onChange: (e) => D(e.target.value),
-							className: "w-full p-2 border border-border-default rounded-md bg-bg-surface text-text-primary",
-							children: b.map((e) => /* @__PURE__ */ p("option", {
-								value: e.value,
-								children: S(e.key, e.fallback)
-							}, e.value))
-						})] }),
-						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
-							className: "block text-sm font-medium mb-2",
-							children: S("proserviceworld.providers.filters.minimumRating", "Minimum Rating")
-						}), /* @__PURE__ */ m("select", {
-							value: O,
-							onChange: (e) => k(e.target.value ? Number(e.target.value) : ""),
-							className: "w-full p-2 border border-border-default rounded-md bg-bg-surface text-text-primary",
-							children: [
-								/* @__PURE__ */ p("option", {
-									value: "",
-									children: S("proserviceworld.providers.filters.anyRating", "Any Rating")
-								}),
-								/* @__PURE__ */ p("option", {
-									value: "4",
-									children: S("proserviceworld.providers.filters.rating4", "4+ Stars")
-								}),
-								/* @__PURE__ */ p("option", {
-									value: "4.5",
-									children: S("proserviceworld.providers.filters.rating45", "4.5+ Stars")
-								}),
-								/* @__PURE__ */ p("option", {
-									value: "4.8",
-									children: S("proserviceworld.providers.filters.rating48", "4.8+ Stars")
-								})
-							]
-						})] }),
-						/* @__PURE__ */ p("div", {
-							className: "flex items-end",
-							children: /* @__PURE__ */ p(g, {
-								variant: "outline",
-								onClick: F,
-								className: "w-full",
-								children: S("proserviceworld.providers.filters.clear", "Clear Filters")
-							})
-						})
-					]
-				})
-			}) }),
-			M.length > 0 ? /* @__PURE__ */ p("div", {
-				className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6",
-				children: M.map((e) => /* @__PURE__ */ p(_, {
-					className: "hover:shadow-md transition-shadow",
-					children: /* @__PURE__ */ m(v, {
-						className: "p-6",
+			I && /* @__PURE__ */ p(v, {
+				className: "border-border-seam",
+				children: /* @__PURE__ */ p(y, {
+					className: "p-6",
+					children: /* @__PURE__ */ m("div", {
+						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 						children: [
-							/* @__PURE__ */ m("div", {
-								className: "flex items-center space-x-4 mb-4",
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "block text-sm font-medium mb-2",
+								children: O("proserviceworld.providers.filters.category", "Category")
+							}), /* @__PURE__ */ p("select", {
+								value: M,
+								onChange: (e) => N(e.target.value),
+								className: "w-full p-2 border border-border-seam rounded-md bg-bg-surface text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+								children: E.map((e) => /* @__PURE__ */ p("option", {
+									value: e.value,
+									children: O(e.key, e.fallback)
+								}, e.value))
+							})] }),
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "block text-sm font-medium mb-2",
+								children: O("proserviceworld.providers.filters.minimumRating", "Minimum Rating")
+							}), /* @__PURE__ */ m("select", {
+								value: P,
+								onChange: (e) => F(e.target.value ? Number(e.target.value) : ""),
+								className: "w-full p-2 border border-border-seam rounded-md bg-bg-surface text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 								children: [
-									/* @__PURE__ */ p("div", {
-										className: "h-12 w-12 rounded-full bg-action-primary-bg/10 flex items-center justify-center",
-										children: /* @__PURE__ */ p("span", {
-											className: "text-primary font-bold",
-											children: e.name.charAt(0)
-										})
+									/* @__PURE__ */ p("option", {
+										value: "",
+										children: O("proserviceworld.providers.filters.anyRating", "Any Rating")
+									}),
+									/* @__PURE__ */ p("option", {
+										value: "4",
+										children: O("proserviceworld.providers.filters.rating4", "4+ Stars")
 									}),
-									/* @__PURE__ */ m("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ p("h3", {
-											className: "font-semibold truncate",
-											children: e.businessName
-										}), /* @__PURE__ */ p("p", {
-											className: "text-sm text-text-secondary truncate",
-											children: e.name
-										})]
+									/* @__PURE__ */ p("option", {
+										value: "4.5",
+										children: O("proserviceworld.providers.filters.rating45", "4.5+ Stars")
 									}),
-									e.verified && /* @__PURE__ */ p(a, { className: "h-5 w-5 text-blue-600 shrink-0" })
+									/* @__PURE__ */ p("option", {
+										value: "4.8",
+										children: O("proserviceworld.providers.filters.rating48", "4.8+ Stars")
+									})
 								]
-							}),
-							/* @__PURE__ */ p("p", {
-								className: "text-sm text-text-secondary mb-3 line-clamp-2",
-								children: e.tagline
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "flex flex-wrap gap-1 mb-3",
-								children: [e.specializations.slice(0, 2).map((e) => /* @__PURE__ */ p(h, {
-									variant: "secondary",
-									className: "text-xs",
-									children: e
-								}, e)), e.specializations.length > 2 && /* @__PURE__ */ m(h, {
+							})] }),
+							/* @__PURE__ */ p("div", {
+								className: "flex items-end",
+								children: /* @__PURE__ */ p(_, {
 									variant: "outline",
-									className: "text-xs",
-									children: ["+", e.specializations.length - 2]
-								})]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "flex items-center justify-between text-sm mb-3",
-								children: [/* @__PURE__ */ m("div", {
-									className: "flex items-center",
-									children: [
-										/* @__PURE__ */ p(u, { className: "h-4 w-4 text-yellow-400 fill-current mr-1" }),
-										/* @__PURE__ */ p("span", {
-											className: "font-medium",
-											children: e.rating.toFixed(1)
-										}),
-										/* @__PURE__ */ m("span", {
-											className: "text-text-secondary ml-1",
-											children: [
-												"(",
-												e.totalReviews,
-												")"
-											]
-										})
-									]
-								}), /* @__PURE__ */ m("div", {
-									className: "flex items-center text-text-secondary",
-									children: [/* @__PURE__ */ p(c, { className: "h-3 w-3 mr-1" }), /* @__PURE__ */ p("span", { children: e.location })]
-								})]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "grid grid-cols-2 gap-2 text-xs text-text-secondary border-t pt-3",
-								children: [/* @__PURE__ */ m("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ p(o, { className: "h-3 w-3 mr-1" }), S("proserviceworld.providers.card.responseTime", "{{count}}h response", { count: e.responseTime })]
-								}), /* @__PURE__ */ m("div", {
-									className: "flex items-center",
-									children: [/* @__PURE__ */ p(i, { className: "h-3 w-3 mr-1" }), S("proserviceworld.providers.card.projects", "{{count}} projects", { count: e.projectsCompleted })]
-								})]
-							}),
-							/* @__PURE__ */ p(g, {
-								variant: "outline",
-								size: "sm",
-								className: "w-full mt-4",
-								children: S("proserviceworld.providers.actions.viewProfile", "View Profile")
+									onClick: V,
+									className: "w-full",
+									children: O("proserviceworld.providers.filters.clear", "Clear Filters")
+								})
 							})
 						]
 					})
-				}, e.id))
-			}) : /* @__PURE__ */ m("div", {
-				className: "text-center py-12",
-				children: [
-					/* @__PURE__ */ p(d, { className: "h-12 w-12 mx-auto text-text-secondary mb-4" }),
-					/* @__PURE__ */ p("h3", {
-						className: "text-lg font-medium mb-2",
-						children: S("proserviceworld.providers.empty.title", "No providers found")
-					}),
-					/* @__PURE__ */ p("p", {
-						className: "text-text-secondary",
-						children: S("proserviceworld.shared.empty.adjustFilters", "Try adjusting your search criteria or filters.")
-					})
-				]
+				})
 			}),
-			M.length > 0 && /* @__PURE__ */ p(_, {
-				className: "bg-action-primary-bg/5",
-				children: /* @__PURE__ */ m(v, {
-					className: "p-8",
-					children: [/* @__PURE__ */ p("div", {
-						className: "text-center mb-8",
-						children: /* @__PURE__ */ p("h2", {
-							className: "text-xl font-bold",
-							children: S("proserviceworld.providers.stats.title", "Provider Statistics")
-						})
-					}), /* @__PURE__ */ m("div", {
-						className: "grid grid-cols-1 md:grid-cols-3 gap-8",
-						children: [
-							/* @__PURE__ */ m("div", {
-								className: "text-center",
-								children: [
-									/* @__PURE__ */ p("div", {
-										className: "flex items-center justify-center w-12 h-12 mx-auto bg-action-primary-bg/10 rounded-lg mb-4",
-										children: /* @__PURE__ */ p(u, { className: "h-6 w-6 text-primary" })
-									}),
-									/* @__PURE__ */ p("div", {
-										className: "text-2xl font-bold",
-										children: N
-									}),
-									/* @__PURE__ */ p("div", {
-										className: "text-sm text-text-secondary",
-										children: S("proserviceworld.providers.stats.averageRating", "Average Rating")
-									})
-								]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "text-center",
-								children: [
-									/* @__PURE__ */ p("div", {
-										className: "flex items-center justify-center w-12 h-12 mx-auto bg-action-primary-bg/10 rounded-lg mb-4",
-										children: /* @__PURE__ */ p(d, { className: "h-6 w-6 text-primary" })
-									}),
-									/* @__PURE__ */ p("div", {
-										className: "text-2xl font-bold",
-										children: M.length
-									}),
-									/* @__PURE__ */ p("div", {
-										className: "text-sm text-text-secondary",
-										children: S("proserviceworld.providers.stats.expertProviders", "Expert Providers")
+			R.length > 0 ? /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6",
+				children: R.map((e) => /* @__PURE__ */ m(x, {
+					treatment: "glass",
+					className: "border-border-seam transition-shadow hover:shadow-pop",
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: "flex items-center space-x-4 mb-4",
+							children: [
+								/* @__PURE__ */ p("div", {
+									className: "h-12 w-12 rounded-full bg-accent-soft flex items-center justify-center",
+									children: /* @__PURE__ */ p("span", {
+										className: "text-text-primary font-bold",
+										children: e.name.charAt(0)
 									})
-								]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "text-center",
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ p("h3", {
+										className: "font-semibold truncate",
+										children: e.businessName
+									}), /* @__PURE__ */ p("p", {
+										className: "text-sm text-text-secondary truncate",
+										children: e.name
+									})]
+								}),
+								e.verified && /* @__PURE__ */ p(a, {
+									className: "h-5 w-5 text-accent-blue shrink-0",
+									"aria-label": "Verified"
+								})
+							]
+						}),
+						/* @__PURE__ */ p("p", {
+							className: "text-sm text-text-secondary mb-3 line-clamp-2",
+							children: e.tagline
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "flex flex-wrap gap-1 mb-3",
+							children: [e.specializations.slice(0, 2).map((e) => /* @__PURE__ */ p(g, {
+								variant: "secondary",
+								className: "text-xs",
+								children: e
+							}, e)), e.specializations.length > 2 && /* @__PURE__ */ m(g, {
+								variant: "outline",
+								className: "text-xs",
+								children: ["+", e.specializations.length - 2]
+							})]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "flex items-center justify-between text-sm mb-3",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex items-center",
 								children: [
-									/* @__PURE__ */ p("div", {
-										className: "flex items-center justify-center w-12 h-12 mx-auto bg-action-primary-bg/10 rounded-lg mb-4",
-										children: /* @__PURE__ */ p(c, { className: "h-6 w-6 text-primary" })
+									/* @__PURE__ */ p(u, { className: "h-4 w-4 text-status-warning-text fill-current mr-1" }),
+									/* @__PURE__ */ p("span", {
+										className: "font-medium tabular-nums",
+										children: e.rating.toFixed(1)
 									}),
-									/* @__PURE__ */ p("div", {
-										className: "text-2xl font-bold",
-										children: P
-									}),
-									/* @__PURE__ */ p("div", {
-										className: "text-sm text-text-secondary",
-										children: S("proserviceworld.providers.stats.countries", "Countries")
+									/* @__PURE__ */ m("span", {
+										className: "text-text-secondary ml-1 tabular-nums",
+										children: [
+											"(",
+											e.totalReviews,
+											")"
+										]
 									})
 								]
-							})
-						]
-					})]
+							}), /* @__PURE__ */ m("div", {
+								className: "flex items-center text-text-secondary",
+								children: [/* @__PURE__ */ p(c, { className: "h-3 w-3 mr-1" }), /* @__PURE__ */ p("span", { children: e.location })]
+							})]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "grid grid-cols-2 gap-2 text-xs text-text-secondary border-t border-border-seam pt-3",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex items-center",
+								children: [/* @__PURE__ */ p(o, { className: "h-3 w-3 mr-1" }), O("proserviceworld.providers.card.responseTime", "{{count}}h response", { count: e.responseTime })]
+							}), /* @__PURE__ */ m("div", {
+								className: "flex items-center",
+								children: [/* @__PURE__ */ p(i, { className: "h-3 w-3 mr-1" }), O("proserviceworld.providers.card.projects", "{{count}} projects", { count: e.projectsCompleted })]
+							})]
+						}),
+						/* @__PURE__ */ p(_, {
+							variant: "outline",
+							size: "sm",
+							className: "w-full mt-4",
+							children: O("proserviceworld.providers.actions.viewProfile", "View Profile")
+						})
+					]
+				}, e.id))
+			}) : /* @__PURE__ */ p(C, {
+				illustration: "empty-people",
+				title: O("proserviceworld.providers.empty.title", "No providers found"),
+				description: O("proserviceworld.shared.empty.adjustFilters", "Try adjusting your search criteria or filters."),
+				action: /* @__PURE__ */ p(_, {
+					variant: "outline",
+					onClick: V,
+					children: O("proserviceworld.providers.filters.clear", "Clear Filters")
 				})
+			}),
+			R.length > 0 && /* @__PURE__ */ m(b, {
+				className: "p-8",
+				children: [/* @__PURE__ */ p("div", {
+					className: "text-center mb-8",
+					children: /* @__PURE__ */ p("h2", {
+						className: "text-xl font-bold tracking-tight",
+						children: O("proserviceworld.providers.stats.title", "Provider Statistics")
+					})
+				}), /* @__PURE__ */ m("div", {
+					className: "grid grid-cols-1 md:grid-cols-3 gap-8",
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: "text-center",
+							children: [
+								/* @__PURE__ */ p("div", {
+									className: "flex items-center justify-center w-12 h-12 mx-auto bg-accent-soft rounded-lg mb-4",
+									children: /* @__PURE__ */ p(u, { className: "h-6 w-6 text-text-primary" })
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "text-2xl font-bold tabular-nums",
+									children: z
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "text-sm text-text-secondary",
+									children: O("proserviceworld.providers.stats.averageRating", "Average Rating")
+								})
+							]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "text-center",
+							children: [
+								/* @__PURE__ */ p("div", {
+									className: "flex items-center justify-center w-12 h-12 mx-auto bg-accent-soft rounded-lg mb-4",
+									children: /* @__PURE__ */ p(d, { className: "h-6 w-6 text-text-primary" })
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "text-2xl font-bold tabular-nums",
+									children: R.length
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "text-sm text-text-secondary",
+									children: O("proserviceworld.providers.stats.expertProviders", "Expert Providers")
+								})
+							]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "text-center",
+							children: [
+								/* @__PURE__ */ p("div", {
+									className: "flex items-center justify-center w-12 h-12 mx-auto bg-accent-soft rounded-lg mb-4",
+									children: /* @__PURE__ */ p(c, { className: "h-6 w-6 text-text-primary" })
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "text-2xl font-bold tabular-nums",
+									children: B
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "text-sm text-text-secondary",
+									children: O("proserviceworld.providers.stats.countries", "Countries")
+								})
+							]
+						})
+					]
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { x as ProvidersPage };
+export { D as ProvidersPage };
 
 //# sourceMappingURL=ProvidersPage.js.map