@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.624.1

package/dist/adaptercloud/pages/cart-owner/InventoryManagementPage.js

@@ -211,7 +211,7 @@ var d = [
 		actions: /* @__PURE__ */ u("button", {
 			type: "button",
 			onClick: G,
-			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 			children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Item"]
 		}),
 		children: [/* @__PURE__ */ u("div", {
@@ -228,19 +228,19 @@ var d = [
 					className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
 					children: [
 						/* @__PURE__ */ u("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 							children: [/* @__PURE__ */ l("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Total Items"
 							}), /* @__PURE__ */ l("p", {
-								className: "text-2xl font-bold text-foreground",
+								className: "text-2xl font-bold text-text-primary",
 								children: B
 							})]
 						}),
 						/* @__PURE__ */ u("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 							children: [/* @__PURE__ */ l("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Available"
 							}), /* @__PURE__ */ l("p", {
 								className: "text-2xl font-bold text-green-600 dark:text-green-400",
@@ -248,9 +248,9 @@ var d = [
 							})]
 						}),
 						/* @__PURE__ */ u("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 							children: [/* @__PURE__ */ l("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Out of Stock"
 							}), /* @__PURE__ */ l("p", {
 								className: "text-2xl font-bold text-red-600 dark:text-red-400",
@@ -258,9 +258,9 @@ var d = [
 							})]
 						}),
 						/* @__PURE__ */ u("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 							children: [/* @__PURE__ */ l("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Low Stock"
 							}), /* @__PURE__ */ l("p", {
 								className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
@@ -270,7 +270,7 @@ var d = [
 					]
 				}),
 				/* @__PURE__ */ u("div", {
-					className: "rounded-lg border border-border bg-card p-4 shadow-sm space-y-4",
+					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm space-y-4",
 					children: [/* @__PURE__ */ u("div", {
 						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3",
 						children: [/* @__PURE__ */ u("div", {
@@ -279,26 +279,26 @@ var d = [
 								/* @__PURE__ */ u("button", {
 									type: "button",
 									onClick: G,
-									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm 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-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 									children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Item"]
 								}),
 								/* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: () => Y("enable"),
-									className: "rounded-md border border-border px-3 py-2 text-sm text-foreground hover:bg-muted transition-colors",
+									className: "rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 									children: "Enable All"
 								}),
 								/* @__PURE__ */ l("button", {
 									type: "button",
 									onClick: () => Y("disable"),
-									className: "rounded-md border border-border px-3 py-2 text-sm text-foreground hover:bg-muted transition-colors",
+									className: "rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 									children: "Disable All"
 								})
 							]
 						}), /* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: () => alert("Import/Export feature coming soon!"),
-							className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm text-foreground hover:bg-muted transition-colors",
+							className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 							children: [/* @__PURE__ */ l(ae, { className: "h-4 w-4" }), "Import/Export"]
 						})]
 					}), /* @__PURE__ */ u("div", {
@@ -306,18 +306,18 @@ var d = [
 						children: [
 							/* @__PURE__ */ u("div", {
 								className: "relative sm:col-span-2 lg:col-span-1",
-								children: [/* @__PURE__ */ l(re, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ l("input", {
+								children: [/* @__PURE__ */ l(re, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ l("input", {
 									type: "text",
 									placeholder: "Search offerings...",
 									value: _,
 									onChange: (e) => v(e.target.value),
-									className: "w-full rounded-md border border-border bg-card pl-10 pr-4 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}),
 							/* @__PURE__ */ u("select", {
 								value: y,
 								onChange: (e) => b(e.target.value),
-								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [/* @__PURE__ */ l("option", {
 									value: "",
 									children: "All Categories"
@@ -329,7 +329,7 @@ var d = [
 							/* @__PURE__ */ u("select", {
 								value: x,
 								onChange: (e) => S(e.target.value),
-								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
 									/* @__PURE__ */ l("option", {
 										value: "",
@@ -348,7 +348,7 @@ var d = [
 							/* @__PURE__ */ u("select", {
 								value: C,
 								onChange: (e) => w(e.target.value),
-								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
 									/* @__PURE__ */ l("option", {
 										value: "name",
@@ -372,15 +372,15 @@ var d = [
 					})]
 				}),
 				z.length === 0 ? /* @__PURE__ */ u("div", {
-					className: "rounded-lg border border-border bg-card p-12 text-center shadow-sm",
+					className: "rounded-lg border border-border-subtle bg-bg-surface p-12 text-center shadow-sm",
 					children: [
-						/* @__PURE__ */ l(s, { className: "h-12 w-12 text-muted-foreground opacity-40 mx-auto mb-3" }),
+						/* @__PURE__ */ l(s, { className: "h-12 w-12 text-text-secondary opacity-40 mx-auto mb-3" }),
 						/* @__PURE__ */ l("h3", {
-							className: "text-lg font-semibold text-foreground mb-2",
+							className: "text-lg font-semibold text-text-primary mb-2",
 							children: "No Items Found"
 						}),
 						/* @__PURE__ */ l("p", {
-							className: "text-sm text-muted-foreground mb-4",
+							className: "text-sm text-text-secondary mb-4",
 							children: _ || y || x ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings!"
 						}),
 						/* @__PURE__ */ u("div", {
@@ -388,69 +388,69 @@ var d = [
 							children: [/* @__PURE__ */ u("button", {
 								type: "button",
 								onClick: G,
-								className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80",
+								className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80",
 								children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Your First Item"]
 							}), (_ || y || x) && /* @__PURE__ */ l("button", {
 								type: "button",
 								onClick: () => {
 									v(""), b(""), S(""), w("name");
 								},
-								className: "rounded-md border border-border px-4 py-2 text-sm text-foreground hover:bg-muted",
+								className: "rounded-md border border-border-subtle px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken",
 								children: "Clear Filters"
 							})]
 						})
 					]
 				}) : /* @__PURE__ */ u(se, { children: [/* @__PURE__ */ l("div", {
-					className: "hidden lg:block rounded-lg border border-border bg-card shadow-sm overflow-hidden",
+					className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
 					children: /* @__PURE__ */ l("div", {
 						className: "overflow-x-auto",
 						children: /* @__PURE__ */ u("table", {
 							className: "w-full text-sm",
 							children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
-								className: "border-b border-border bg-muted/50",
+								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
 									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-left font-medium text-muted-foreground",
+										className: "px-5 py-3 text-left font-medium text-text-secondary",
 										children: "Item"
 									}),
 									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-left font-medium text-muted-foreground",
+										className: "px-5 py-3 text-left font-medium text-text-secondary",
 										children: "Category"
 									}),
 									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-right font-medium text-muted-foreground",
+										className: "px-5 py-3 text-right font-medium text-text-secondary",
 										children: "Price"
 									}),
 									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-left font-medium text-muted-foreground",
+										className: "px-5 py-3 text-left font-medium text-text-secondary",
 										children: "Stock/Status"
 									}),
 									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-center font-medium text-muted-foreground",
+										className: "px-5 py-3 text-center font-medium text-text-secondary",
 										children: "Available"
 									}),
 									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-right font-medium text-muted-foreground",
+										className: "px-5 py-3 text-right font-medium text-text-secondary",
 										children: "Actions"
 									})
 								]
 							}) }), /* @__PURE__ */ l("tbody", { children: z.map((e) => {
 								let n = X(e);
 								return /* @__PURE__ */ u("tr", {
-									className: "border-b border-border last:border-0 hover:bg-muted/30 transition-colors",
+									className: "border-b border-border-subtle last:border-0 hover:bg-bg-sunken/30 transition-colors",
 									children: [
 										/* @__PURE__ */ l("td", {
 											className: "px-5 py-3",
 											children: /* @__PURE__ */ u("div", {
 												className: "flex items-center gap-3",
 												children: [/* @__PURE__ */ l("div", {
-													className: "flex h-10 w-10 items-center justify-center rounded-md bg-muted",
-													children: /* @__PURE__ */ l(s, { className: "h-4 w-4 text-muted-foreground" })
+													className: "flex h-10 w-10 items-center justify-center rounded-md bg-bg-sunken",
+													children: /* @__PURE__ */ l(s, { className: "h-4 w-4 text-text-secondary" })
 												}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-													className: "font-medium text-foreground",
+													className: "font-medium text-text-primary",
 													children: e.name
 												}), /* @__PURE__ */ u("p", {
-													className: "text-xs text-muted-foreground line-clamp-1",
+													className: "text-xs text-text-secondary line-clamp-1",
 													children: [e.description.slice(0, 50), "..."]
 												})] })]
 											})
@@ -458,17 +458,17 @@ var d = [
 										/* @__PURE__ */ l("td", {
 											className: "px-5 py-3",
 											children: /* @__PURE__ */ l("span", {
-												className: "inline-flex rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-muted-foreground",
+												className: "inline-flex rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
 												children: e.category
 											})
 										}),
 										/* @__PURE__ */ u("td", {
 											className: "px-5 py-3 text-right",
 											children: [/* @__PURE__ */ l("p", {
-												className: "font-medium text-foreground",
+												className: "font-medium text-text-primary",
 												children: r(e.price, { minimumFractionDigits: 0 })
 											}), e.originalPrice && /* @__PURE__ */ l("p", {
-												className: "text-xs text-muted-foreground line-through",
+												className: "text-xs text-text-secondary line-through",
 												children: r(e.originalPrice, { minimumFractionDigits: 0 })
 											})]
 										}),
@@ -495,13 +495,13 @@ var d = [
 												children: [/* @__PURE__ */ l("button", {
 													type: "button",
 													onClick: () => K(e),
-													className: "rounded p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+													className: "rounded p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
 													title: "Edit",
 													children: /* @__PURE__ */ l(ne, { className: "h-4 w-4" })
 												}), /* @__PURE__ */ l("button", {
 													type: "button",
 													onClick: () => q(e.id),
-													className: "rounded p-1.5 text-muted-foreground hover:bg-red-500/10 hover:text-red-600 transition-colors",
+													className: "rounded p-1.5 text-text-secondary hover:bg-red-500/10 hover:text-red-600 transition-colors",
 													title: "Delete",
 													children: /* @__PURE__ */ l(ie, { className: "h-4 w-4" })
 												})]
@@ -517,12 +517,12 @@ var d = [
 					children: z.map((e) => {
 						let n = X(e);
 						return /* @__PURE__ */ l("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 							children: /* @__PURE__ */ u("div", {
 								className: "flex items-start gap-3",
 								children: [/* @__PURE__ */ l("div", {
-									className: "flex h-14 w-14 items-center justify-center rounded-md bg-muted shrink-0",
-									children: /* @__PURE__ */ l(s, { className: "h-6 w-6 text-muted-foreground" })
+									className: "flex h-14 w-14 items-center justify-center rounded-md bg-bg-sunken shrink-0",
+									children: /* @__PURE__ */ l(s, { className: "h-6 w-6 text-text-secondary" })
 								}), /* @__PURE__ */ u("div", {
 									className: "flex-1 min-w-0",
 									children: [
@@ -531,10 +531,10 @@ var d = [
 											children: [/* @__PURE__ */ u("div", {
 												className: "flex-1",
 												children: [/* @__PURE__ */ l("h3", {
-													className: "text-sm font-medium text-foreground line-clamp-1",
+													className: "text-sm font-medium text-text-primary line-clamp-1",
 													children: e.name
 												}), /* @__PURE__ */ l("p", {
-													className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
+													className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
 													children: e.description
 												})]
 											}), /* @__PURE__ */ l("button", {
@@ -547,7 +547,7 @@ var d = [
 										/* @__PURE__ */ u("div", {
 											className: "flex flex-wrap items-center gap-2 mt-2 text-xs",
 											children: [/* @__PURE__ */ l("span", {
-												className: "px-2 py-0.5 rounded-full bg-muted text-muted-foreground",
+												className: "px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary",
 												children: e.category
 											}), /* @__PURE__ */ l("span", {
 												className: t("font-medium", n.color),
@@ -559,10 +559,10 @@ var d = [
 											children: [/* @__PURE__ */ u("div", {
 												className: "flex items-center gap-2",
 												children: [/* @__PURE__ */ l("span", {
-													className: "font-semibold text-foreground",
+													className: "font-semibold text-text-primary",
 													children: r(e.price, { minimumFractionDigits: 0 })
 												}), e.originalPrice && /* @__PURE__ */ l("span", {
-													className: "text-xs text-muted-foreground line-through",
+													className: "text-xs text-text-secondary line-through",
 													children: r(e.originalPrice, { minimumFractionDigits: 0 })
 												})]
 											}), /* @__PURE__ */ u("div", {
@@ -570,12 +570,12 @@ var d = [
 												children: [/* @__PURE__ */ l("button", {
 													type: "button",
 													onClick: () => K(e),
-													className: "rounded px-2 py-1 text-xs border border-border text-foreground hover:bg-muted",
+													className: "rounded px-2 py-1 text-xs border border-border-subtle text-text-primary hover:bg-bg-sunken",
 													children: "Edit"
 												}), /* @__PURE__ */ l("button", {
 													type: "button",
 													onClick: () => q(e.id),
-													className: "rounded px-2 py-1 text-xs border border-border text-red-600 dark:text-red-400 hover:bg-red-500/10",
+													className: "rounded px-2 py-1 text-xs border border-border-subtle text-red-600 dark:text-red-400 hover:bg-red-500/10",
 													children: "Delete"
 												})]
 											})]
@@ -590,17 +590,17 @@ var d = [
 		}), ue && /* @__PURE__ */ l("div", {
 			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 			children: /* @__PURE__ */ l("div", {
-				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border bg-card shadow-xl",
+				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
 				children: /* @__PURE__ */ u("div", {
 					className: "p-6",
 					children: [
 						/* @__PURE__ */ u("div", {
 							className: "flex items-center justify-between mb-4",
 							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
-								className: "text-lg font-semibold text-foreground",
+								className: "text-lg font-semibold text-text-primary",
 								children: E ? "Edit Item" : "Add New Item"
 							}), O.category && /* @__PURE__ */ u("p", {
-								className: "text-sm text-muted-foreground mt-0.5",
+								className: "text-sm text-text-secondary mt-0.5",
 								children: [
 									"Type: ",
 									Z ? "Service" : "Product",
@@ -610,7 +610,7 @@ var d = [
 							})] }), /* @__PURE__ */ l("button", {
 								type: "button",
 								onClick: () => T(!1),
-								className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+								className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
 								children: /* @__PURE__ */ l(oe, { className: "h-5 w-5" })
 							})]
 						}),
@@ -620,7 +620,7 @@ var d = [
 								/* @__PURE__ */ u("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Item Name *"
 									}), /* @__PURE__ */ l("input", {
 										type: "text",
@@ -629,10 +629,10 @@ var d = [
 											...t,
 											name: e.target.value
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground",
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary",
 										placeholder: "Enter item name"
 									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Category *"
 									}), /* @__PURE__ */ u("select", {
 										value: O.category,
@@ -640,7 +640,7 @@ var d = [
 											...t,
 											category: e.target.value
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 										children: [/* @__PURE__ */ l("option", {
 											value: "",
 											children: "Select category"
@@ -651,7 +651,7 @@ var d = [
 									})] })]
 								}),
 								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-									className: "block text-sm font-medium text-foreground mb-1",
+									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Description *"
 								}), /* @__PURE__ */ l("textarea", {
 									value: O.description,
@@ -660,13 +660,13 @@ var d = [
 										description: e.target.value
 									})),
 									rows: 3,
-									className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground resize-none",
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary resize-none",
 									placeholder: "Describe the offering..."
 								})] }),
 								/* @__PURE__ */ u("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Price *"
 									}), /* @__PURE__ */ l("input", {
 										type: "number",
@@ -675,9 +675,9 @@ var d = [
 											...t,
 											price: parseInt(e.target.value) || 0
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Original Price"
 									}), /* @__PURE__ */ l("input", {
 										type: "number",
@@ -686,7 +686,7 @@ var d = [
 											...t,
 											originalPrice: e.target.value ? parseInt(e.target.value) : void 0
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 										placeholder: "Optional"
 									})] })]
 								}),
@@ -694,7 +694,7 @@ var d = [
 									className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 									children: [
 										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-											className: "block text-sm font-medium text-foreground mb-1",
+											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Stock Quantity *"
 										}), /* @__PURE__ */ l("input", {
 											type: "number",
@@ -703,10 +703,10 @@ var d = [
 												...t,
 												stock: parseInt(e.target.value) || 0
 											})),
-											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
 										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-											className: "block text-sm font-medium text-foreground mb-1",
+											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Preparation Time (min)"
 										}), /* @__PURE__ */ l("input", {
 											type: "number",
@@ -715,10 +715,10 @@ var d = [
 												...t,
 												preparationTime: parseInt(e.target.value) || 0
 											})),
-											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] }),
 										Q && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-											className: "block text-sm font-medium text-foreground mb-1",
+											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Calories"
 										}), /* @__PURE__ */ l("input", {
 											type: "number",
@@ -727,14 +727,14 @@ var d = [
 												...t,
 												calories: parseInt(e.target.value) || 0
 											})),
-											className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })
 									]
 								}),
 								Z && /* @__PURE__ */ u("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Service Duration (min) *"
 									}), /* @__PURE__ */ l("input", {
 										type: "number",
@@ -743,9 +743,9 @@ var d = [
 											...t,
 											duration: parseInt(e.target.value) || 30
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Setup Time (min)"
 									}), /* @__PURE__ */ l("input", {
 										type: "number",
@@ -754,13 +754,13 @@ var d = [
 											...t,
 											preparationTime: parseInt(e.target.value) || 0
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 									})] })]
 								}),
 								Q && /* @__PURE__ */ u("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Spice Level"
 									}), /* @__PURE__ */ u("select", {
 										value: O.spiceLevel,
@@ -768,7 +768,7 @@ var d = [
 											...t,
 											spiceLevel: e.target.value
 										})),
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 										children: [
 											/* @__PURE__ */ l("option", {
 												value: "none",
@@ -792,7 +792,7 @@ var d = [
 											})
 										]
 									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-foreground mb-2",
+										className: "block text-sm font-medium text-text-primary mb-2",
 										children: "Dietary Options"
 									}), /* @__PURE__ */ l("div", {
 										className: "space-y-2",
@@ -801,7 +801,7 @@ var d = [
 											"isVegan",
 											"isGlutenFree"
 										].map((e) => /* @__PURE__ */ u("label", {
-											className: "flex items-center gap-2 text-sm text-foreground",
+											className: "flex items-center gap-2 text-sm text-text-primary",
 											children: [/* @__PURE__ */ l("input", {
 												type: "checkbox",
 												checked: O[e],
@@ -809,13 +809,13 @@ var d = [
 													...n,
 													[e]: t.target.checked
 												})),
-												className: "rounded border-border"
+												className: "rounded border-border-subtle"
 											}), e === "isVegetarian" ? "Vegetarian" : e === "isVegan" ? "Vegan" : "Gluten Free"]
 										}, e))
 									})] })]
 								}),
 								Z && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-									className: "block text-sm font-medium text-foreground mb-1",
+									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Service Type *"
 								}), /* @__PURE__ */ u("select", {
 									value: O.serviceType,
@@ -823,7 +823,7 @@ var d = [
 										...t,
 										serviceType: e.target.value
 									})),
-									className: "w-full sm:w-64 rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+									className: "w-full sm:w-64 rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
 										/* @__PURE__ */ l("option", {
 											value: "instant",
@@ -845,7 +845,7 @@ var d = [
 								})] }),
 								/* @__PURE__ */ u("div", { children: [
 									/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-foreground mb-1",
+										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Tags (comma separated)"
 									}),
 									/* @__PURE__ */ l("input", {
@@ -853,10 +853,10 @@ var d = [
 										value: A,
 										onChange: (e) => j(e.target.value),
 										placeholder: Z ? "professional, certified, quick" : "popular, spicy, traditional",
-										className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 									}),
 									/* @__PURE__ */ u("p", {
-										className: "text-xs text-muted-foreground mt-1",
+										className: "text-xs text-text-secondary mt-1",
 										children: [
 											A.split(",").map((e) => e.trim()).filter(Boolean).length,
 											" ",
@@ -865,24 +865,24 @@ var d = [
 									})
 								] }),
 								Q && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-									className: "block text-sm font-medium text-foreground mb-1",
+									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Allergens (comma separated)"
 								}), /* @__PURE__ */ l("input", {
 									type: "text",
 									value: M,
 									onChange: (e) => N(e.target.value),
 									placeholder: "nuts, dairy, gluten, soy",
-									className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 								})] }),
 								Z && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-									className: "block text-sm font-medium text-foreground mb-1",
+									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Service Requirements (comma separated)"
 								}), /* @__PURE__ */ l("input", {
 									type: "text",
 									value: P,
 									onChange: (e) => F(e.target.value),
 									placeholder: "advance booking, payment required, tools provided",
-									className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 								})] })
 							]
 						}),
@@ -891,13 +891,13 @@ var d = [
 							children: [/* @__PURE__ */ l("button", {
 								type: "button",
 								onClick: () => T(!1),
-								className: "flex-1 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+								className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 								children: "Cancel"
 							}), /* @__PURE__ */ l("button", {
 								type: "button",
 								onClick: de,
 								disabled: !$,
-								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", $ ? "bg-accent text-foreground hover:bg-accent/80" : "bg-muted text-muted-foreground cursor-not-allowed"),
+								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", $ ? "bg-accent text-text-primary hover:bg-accent/80" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 								children: E ? "Update Item" : "Add Item"
 							})]
 						})