@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/worker/WorkerOrdersPage.js

@@ -133,17 +133,17 @@ function O(e) {
 		case "delivery": return {
 			icon: C,
 			label: "Delivery",
-			style: "bg-purple-500/20 text-purple-600 dark:text-purple-400"
+			style: "bg-accent-purple-subtle/20 text-accent-purple"
 		};
 		case "pickup": return {
 			icon: x,
 			label: "Pickup",
-			style: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+			style: "bg-accent-blue-subtle/20 text-accent-blue"
 		};
 		case "preparation": return {
 			icon: f,
 			label: "Preparation",
-			style: "bg-green-500/20 text-green-600 dark:text-green-400"
+			style: "bg-status-success-bg-subtle/20 text-status-success-text"
 		};
 		default: return {
 			icon: v,
@@ -154,10 +154,10 @@ function O(e) {
 }
 function k(e) {
 	switch (e) {
-		case "urgent": return "bg-red-500/20 text-red-600 dark:text-red-400";
-		case "high": return "bg-orange-500/20 text-orange-600 dark:text-orange-400";
-		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "urgent": return "bg-status-error-bg-subtle/20 text-status-error-text";
+		case "high": return "bg-accent-orange-subtle/20 text-accent-orange";
+		case "medium": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
+		case "low": return "bg-status-success-bg-subtle/20 text-status-success-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
@@ -239,8 +239,8 @@ var A = () => {
 			className: "flex items-center justify-center py-24",
 			children: /* @__PURE__ */ T("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ w(h, { className: "h-10 w-10 animate-spin text-muted-foreground mx-auto mb-4" }), /* @__PURE__ */ w("p", {
-					className: "text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ w(h, { className: "h-10 w-10 animate-spin text-text-secondary mx-auto mb-4" }), /* @__PURE__ */ w("p", {
+					className: "text-sm text-text-secondary",
 					children: "Loading tasks..."
 				})]
 			})
@@ -255,81 +255,81 @@ var A = () => {
 					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
 					children: [
 						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ w("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Today's Tasks"
 							}), /* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-foreground",
+								className: "text-2xl font-bold text-text-primary",
 								children: F.totalTasks
 							})]
 						}),
 						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-green-500/20 bg-green-500/5 p-4 shadow-sm",
+							className: "rounded-lg border border-status-success-border/20 bg-status-success-bg-subtle/5 p-4 shadow-sm",
 							children: [/* @__PURE__ */ w("p", {
-								className: "text-xs text-green-600 dark:text-green-400",
+								className: "text-xs text-status-success-text",
 								children: "Completed"
 							}), /* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-green-600 dark:text-green-400",
+								className: "text-2xl font-bold text-status-success-text",
 								children: F.completedToday
 							})]
 						}),
 						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-yellow-500/20 bg-yellow-500/5 p-4 shadow-sm",
+							className: "rounded-lg border border-status-warning-border/20 bg-status-warning-bg-subtle/5 p-4 shadow-sm",
 							children: [/* @__PURE__ */ w("p", {
-								className: "text-xs text-yellow-600 dark:text-yellow-400",
+								className: "text-xs text-status-warning-text",
 								children: "Pending"
 							}), /* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
+								className: "text-2xl font-bold text-status-warning-text",
 								children: F.pendingTasks
 							})]
 						}),
 						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ w("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Avg Time"
 							}), /* @__PURE__ */ T("p", {
-								className: "text-2xl font-bold text-foreground",
+								className: "text-2xl font-bold text-text-primary",
 								children: [F.averageTime, " min"]
 							})]
 						}),
 						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ w("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Today's Earnings"
 							}), /* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-foreground",
+								className: "text-2xl font-bold text-text-primary",
 								children: a(F.earnings, { minimumFractionDigits: 0 })
 							})]
 						}),
 						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ w("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Rating"
 							}), /* @__PURE__ */ T("p", {
-								className: "text-2xl font-bold text-foreground flex items-center gap-1",
-								children: [/* @__PURE__ */ w(S, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }), F.rating]
+								className: "text-2xl font-bold text-text-primary flex items-center gap-1",
+								children: [/* @__PURE__ */ w(S, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), F.rating]
 							})]
 						})
 					]
 				}),
 				j && /* @__PURE__ */ T("div", {
-					className: "rounded-lg border-2 border-blue-500/30 bg-blue-500/5 p-5",
+					className: "rounded-lg border-2 border-accent-blue-subtle/30 bg-accent-blue-subtle/5 p-5",
 					children: [/* @__PURE__ */ w("h2", {
-						className: "text-base font-semibold text-blue-600 dark:text-blue-400 mb-4",
+						className: "text-base font-semibold text-accent-blue mb-4",
 						children: "Current Task"
 					}), /* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border bg-card p-4",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center justify-between mb-4",
 							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2 flex-wrap",
 								children: [
 									/* @__PURE__ */ T("h3", {
-										className: "text-sm font-semibold text-foreground",
+										className: "text-sm font-semibold text-text-primary",
 										children: ["Order #", j.orderId]
 									}),
 									(() => {
@@ -345,34 +345,34 @@ var A = () => {
 									})
 								]
 							}), /* @__PURE__ */ w("p", {
-								className: "text-xs text-muted-foreground mt-1",
+								className: "text-xs text-text-secondary mt-1",
 								children: j.cartName
 							})] }), /* @__PURE__ */ T("div", {
 								className: "text-right",
 								children: [/* @__PURE__ */ w("p", {
-									className: "text-xl font-bold text-blue-600 dark:text-blue-400",
+									className: "text-xl font-bold text-accent-blue",
 									children: D(j.estimatedTime)
 								}), /* @__PURE__ */ w("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Time remaining"
 								})]
 							})]
 						}), /* @__PURE__ */ T("div", {
-							className: "border-t border-border pt-4",
+							className: "border-t border-border-subtle pt-4",
 							children: [
 								/* @__PURE__ */ T("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ T("div", { children: [
 										/* @__PURE__ */ w("p", {
-											className: "text-xs font-medium text-muted-foreground",
+											className: "text-xs font-medium text-text-secondary",
 											children: "Customer"
 										}),
 										/* @__PURE__ */ w("p", {
-											className: "text-sm font-medium text-foreground",
+											className: "text-sm font-medium text-text-primary",
 											children: j.customerName
 										}),
 										j.address && /* @__PURE__ */ T("p", {
-											className: "text-xs text-muted-foreground mt-1",
+											className: "text-xs text-text-secondary mt-1",
 											children: [
 												j.address.addressLine1,
 												", ",
@@ -380,12 +380,12 @@ var A = () => {
 											]
 										})
 									] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-										className: "text-xs font-medium text-muted-foreground",
+										className: "text-xs font-medium text-text-secondary",
 										children: "Items"
 									}), /* @__PURE__ */ w("div", {
 										className: "space-y-0.5",
 										children: j.items.map((e, t) => /* @__PURE__ */ T("p", {
-											className: "text-xs text-foreground",
+											className: "text-xs text-text-primary",
 											children: [
 												e.quantity,
 												"x ",
@@ -395,12 +395,12 @@ var A = () => {
 									})] })]
 								}),
 								j.specialInstructions && /* @__PURE__ */ T("div", {
-									className: "mt-3 p-3 rounded-md bg-yellow-500/10 border border-yellow-500/20",
+									className: "mt-3 p-3 rounded-md bg-status-warning-bg-subtle/10 border border-status-warning-border/20",
 									children: [/* @__PURE__ */ T("p", {
-										className: "text-xs font-medium text-yellow-600 dark:text-yellow-400 flex items-center gap-1",
+										className: "text-xs font-medium text-status-warning-text flex items-center gap-1",
 										children: [/* @__PURE__ */ w(l, { className: "h-3 w-3" }), "Special Instructions:"]
 									}), /* @__PURE__ */ w("p", {
-										className: "text-xs text-yellow-700 dark:text-yellow-300 mt-0.5",
+										className: "text-xs text-status-warning-text mt-0.5",
 										children: j.specialInstructions
 									})]
 								}),
@@ -410,19 +410,19 @@ var A = () => {
 										/* @__PURE__ */ T("button", {
 											type: "button",
 											onClick: () => H(j.customerPhone),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 											children: [/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5" }), "Call Customer"]
 										}),
 										j.type === "delivery" && j.address && /* @__PURE__ */ T("button", {
 											type: "button",
 											onClick: () => U(j),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 											children: [/* @__PURE__ */ w(_, { className: "h-3.5 w-3.5" }), "Navigate"]
 										}),
 										/* @__PURE__ */ T("button", {
 											type: "button",
 											onClick: () => V(j.id),
-											className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+											className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 											children: [/* @__PURE__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete Task"]
 										})
 									]
@@ -432,14 +432,14 @@ var A = () => {
 					})]
 				}),
 				/* @__PURE__ */ w("div", {
-					className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 					children: /* @__PURE__ */ T("div", {
 						className: "grid grid-cols-1 md:grid-cols-4 gap-3",
 						children: [
 							/* @__PURE__ */ T("select", {
 								value: N.status,
 								onChange: (e) => z("status", e.target.value),
-								className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "",
@@ -462,7 +462,7 @@ var A = () => {
 							/* @__PURE__ */ T("select", {
 								value: N.type,
 								onChange: (e) => z("type", e.target.value),
-								className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "",
@@ -485,7 +485,7 @@ var A = () => {
 							/* @__PURE__ */ T("select", {
 								value: N.priority,
 								onChange: (e) => z("priority", e.target.value),
-								className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "",
@@ -512,7 +512,7 @@ var A = () => {
 							/* @__PURE__ */ T("select", {
 								value: N.sortBy,
 								onChange: (e) => z("sortBy", e.target.value),
-								className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-blue-500/40",
+								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-accent-blue-subtle/40",
 								children: [
 									/* @__PURE__ */ w("option", {
 										value: "priority",
@@ -532,6 +532,7 @@ var A = () => {
 					})
 				}),
 				C.length === 0 ? /* @__PURE__ */ w(i, {
+					illustration: "empty-data",
 					icon: /* @__PURE__ */ w(p, { className: "h-12 w-12" }),
 					title: "No tasks available",
 					description: "Check back later for new tasks"
@@ -540,7 +541,7 @@ var A = () => {
 					children: C.map((e) => {
 						let n = O(e.type), i = n.icon;
 						return /* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border bg-card p-5 shadow-sm hover:shadow-md transition-shadow",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 hover:shadow-md transition-shadow bg-gloss-card shadow-pop",
 							children: [
 								/* @__PURE__ */ T("div", {
 									className: "flex items-center justify-between mb-3",
@@ -548,7 +549,7 @@ var A = () => {
 										className: "flex items-center gap-2 flex-wrap",
 										children: [
 											/* @__PURE__ */ T("h3", {
-												className: "text-sm font-semibold text-foreground",
+												className: "text-sm font-semibold text-text-primary",
 												children: ["Order #", e.orderId]
 											}),
 											/* @__PURE__ */ T("span", {
@@ -561,7 +562,7 @@ var A = () => {
 											})
 										]
 									}), /* @__PURE__ */ T("p", {
-										className: "text-xs text-muted-foreground mt-1",
+										className: "text-xs text-text-secondary mt-1",
 										children: [
 											e.cartName,
 											" · ",
@@ -570,10 +571,10 @@ var A = () => {
 									})] }), /* @__PURE__ */ T("div", {
 										className: "text-right",
 										children: [/* @__PURE__ */ w("p", {
-											className: "text-lg font-bold text-foreground",
+											className: "text-lg font-bold text-text-primary",
 											children: a(e.payment.amount, { minimumFractionDigits: 0 })
 										}), /* @__PURE__ */ w("p", {
-											className: t("text-xs", e.payment.status === "completed" ? "text-green-600 dark:text-green-400" : "text-yellow-600 dark:text-yellow-400"),
+											className: t("text-xs", e.payment.status === "completed" ? "text-status-success-text" : "text-status-warning-text"),
 											children: /* @__PURE__ */ T("span", {
 												className: "flex items-center gap-1 justify-end",
 												children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), e.payment.status === "completed" ? "Paid" : "COD"]
@@ -585,10 +586,10 @@ var A = () => {
 									className: "grid grid-cols-1 md:grid-cols-3 gap-3 mb-3 text-sm",
 									children: [
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Items"
 										}), /* @__PURE__ */ w("div", {
-											className: "text-xs text-foreground",
+											className: "text-xs text-text-primary",
 											children: e.items.map((t, n) => /* @__PURE__ */ T("span", { children: [
 												t.quantity,
 												"x ",
@@ -597,39 +598,39 @@ var A = () => {
 											] }, n))
 										})] }),
 										e.address && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Delivery Address"
 										}), /* @__PURE__ */ w("p", {
-											className: "text-xs text-foreground",
+											className: "text-xs text-text-primary",
 											children: e.address.addressLine1
 										})] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Time"
 										}), /* @__PURE__ */ w("p", {
-											className: t("text-xs font-medium", D(e.estimatedTime) === "Overdue" ? "text-red-600 dark:text-red-400" : "text-foreground"),
+											className: t("text-xs font-medium", D(e.estimatedTime) === "Overdue" ? "text-status-error-text" : "text-text-primary"),
 											children: D(e.estimatedTime)
 										})] })
 									]
 								}),
 								e.status === "pending" && /* @__PURE__ */ T("div", {
-									className: "flex items-center flex-wrap gap-2 border-t border-border pt-3",
+									className: "flex items-center flex-wrap gap-2 border-t border-border-subtle pt-3",
 									children: [
 										/* @__PURE__ */ T("button", {
 											type: "button",
 											onClick: () => B(e.id),
 											disabled: j !== null,
-											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", j === null ? "bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-500/20" : "bg-muted text-muted-foreground cursor-not-allowed"),
+											className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", j === null ? "bg-accent-blue-subtle/10 text-accent-blue hover:bg-accent-blue-subtle/20" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 											children: [/* @__PURE__ */ w(b, { className: "h-3.5 w-3.5" }), j ? "Complete current first" : "Start Task"]
 										}),
 										/* @__PURE__ */ T("button", {
 											type: "button",
 											onClick: () => H(e.customerPhone),
-											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+											className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 											children: [/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5" }), "Call"]
 										}),
 										e.type === "delivery" && e.distance != null && /* @__PURE__ */ T("span", {
-											className: "ml-auto text-xs text-muted-foreground flex items-center gap-1",
+											className: "ml-auto text-xs text-text-secondary flex items-center gap-1",
 											children: [
 												/* @__PURE__ */ w(g, { className: "h-3 w-3" }),
 												e.distance,
@@ -639,25 +640,25 @@ var A = () => {
 									]
 								}),
 								e.status === "in_progress" && e.id !== j?.id && /* @__PURE__ */ T("div", {
-									className: "flex items-center gap-2 border-t border-border pt-3",
+									className: "flex items-center gap-2 border-t border-border-subtle pt-3",
 									children: [/* @__PURE__ */ T("button", {
 										type: "button",
 										onClick: () => V(e.id),
-										className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-1.5 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+										className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 										children: [/* @__PURE__ */ w(d, { className: "h-3.5 w-3.5" }), "Complete"]
 									}), /* @__PURE__ */ T("button", {
 										type: "button",
 										onClick: () => f(`/worker/task/${e.id}`),
-										className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+										className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 										children: ["Details", /* @__PURE__ */ w(u, { className: "h-3.5 w-3.5" })]
 									})]
 								}),
 								e.status === "completed" && /* @__PURE__ */ T("div", {
-									className: "flex items-center gap-2 border-t border-border pt-3",
+									className: "flex items-center gap-2 border-t border-border-subtle pt-3",
 									children: [/* @__PURE__ */ w(r, { status: "completed" }), /* @__PURE__ */ T("button", {
 										type: "button",
 										onClick: () => f(`/worker/task/${e.id}`),
-										className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
+										className: "ml-auto inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors",
 										children: ["Details", /* @__PURE__ */ w(u, { className: "h-3.5 w-3.5" })]
 									})]
 								})