@burdenoff/microfe-atheletebridge 2026.625.1 → 2026.625.2

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

@@ -1,13 +1,15 @@
 import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { formatCurrency as r } from "../../utils/formatters.js";
-import { mockProducts as i } from "../../mocks/data.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { formatCurrency as i } from "../../utils/formatters.js";
+import { mockProducts as ee } from "../../mocks/data.js";
 import { useMemo as a, useState as o } from "react";
-import { AlertCircle as ee, CheckCircle2 as te, Edit2 as ne, Package as s, Plus as c, Search as re, Trash2 as ie, Upload as ae, X as oe } from "lucide-react";
-import { Fragment as se, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { AlertCircle as te, CheckCircle2 as s, Edit2 as ne, Package as c, Plus as l, Search as u, Trash2 as d, Upload as re, X as ie } from "lucide-react";
+import { Fragment as ae, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { EmphasisPanel as oe, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/cart-owner/InventoryManagementPage.tsx
-var d = [
+var h = [
 	"Service",
 	"Repair",
 	"Beauty",
@@ -16,7 +18,7 @@ var d = [
 	"Health",
 	"Wellness",
 	"Education"
-], f = (e) => d.some((t) => e.includes(t)), p = (e) => e === "Food & Beverage", m = [
+], g = (e) => h.some((t) => e.includes(t)), _ = (e) => e === "Food & Beverage", v = [
 	10,
 	25,
 	0,
@@ -37,18 +39,18 @@ var d = [
 	22,
 	0,
 	45
-], h = () => i.slice(0, 20).map((e, t) => ({
+], se = () => ee.slice(0, 20).map((e, t) => ({
 	id: e.id,
 	name: e.name,
 	description: e.description ?? `${e.name} - quality offering from ${e.cartName}`,
 	price: e.price,
 	originalPrice: t % 4 == 0 ? Math.round(e.price * 1.2) : void 0,
 	category: e.category,
-	stock: m[t] ?? 10,
+	stock: v[t] ?? 10,
 	isAvailable: t !== 2 && t !== 9 && t !== 18,
 	cartName: e.cartName,
 	preparationTime: 15,
-	calories: p(e.category) ? Math.floor(Math.random() * 400) + 100 : 0,
+	calories: _(e.category) ? Math.floor(Math.random() * 400) + 100 : 0,
 	isVegetarian: t % 3 == 0,
 	isVegan: t % 5 == 0,
 	isGlutenFree: t % 7 == 0,
@@ -63,16 +65,16 @@ var d = [
 		"trending",
 		"new"
 	].slice(0, t % 3 + 1),
-	allergens: p(e.category) ? ["nuts", "dairy"].slice(0, t % 2 + 1) : [],
-	duration: f(e.category) ? 30 + t * 5 : 0,
-	serviceType: f(e.category) ? [
+	allergens: _(e.category) ? ["nuts", "dairy"].slice(0, t % 2 + 1) : [],
+	duration: g(e.category) ? 30 + t * 5 : 0,
+	serviceType: g(e.category) ? [
 		"instant",
 		"appointment",
 		"recurring",
 		"consultation"
 	][t % 4] : "",
-	requirements: f(e.category) ? ["advance booking"] : []
-})), g = {
+	requirements: g(e.category) ? ["advance booking"] : []
+})), y = {
 	name: "",
 	description: "",
 	category: "",
@@ -91,14 +93,14 @@ var d = [
 	duration: 30,
 	serviceType: "instant",
 	requirements: []
-}, _ = () => {
-	let { navigateTo: i } = e(), [d, m] = o(h), [_, v] = o(""), [y, b] = o(""), [x, S] = o(""), [C, w] = o("name"), [ce, le] = o(!1), [ue, T] = o(!1), [E, D] = o(null), [O, k] = o(g), [A, j] = o(""), [M, N] = o(""), [P, F] = o(""), [I, L] = o(null), R = a(() => [...new Set(d.map((e) => e.category))].sort(), [d]), z = a(() => {
-		let e = [...d];
-		if (_) {
-			let t = _.toLowerCase();
+}, b = () => {
+	let { navigateTo: ee } = e(), [h, v] = o(se), [b, x] = o(""), [S, C] = o(""), [w, T] = o(""), [E, D] = o("name"), [ce, le] = o(!1), [O, k] = o(!1), [A, j] = o(null), [M, N] = o(y), [P, F] = o(""), [I, L] = o(""), [R, z] = o(""), [B, V] = o(null), H = a(() => [...new Set(h.map((e) => e.category))].sort(), [h]), U = a(() => {
+		let e = [...h];
+		if (b) {
+			let t = b.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.category.toLowerCase().includes(t) || e.tags.some((e) => e.toLowerCase().includes(t)));
 		}
-		switch (y && (e = e.filter((e) => e.category === y)), x === "available" ? e = e.filter((e) => e.isAvailable) : x === "unavailable" && (e = e.filter((e) => !e.isAvailable)), C) {
+		switch (S && (e = e.filter((e) => e.category === S)), w === "available" ? e = e.filter((e) => e.isAvailable) : w === "unavailable" && (e = e.filter((e) => !e.isAvailable)), E) {
 			case "name":
 				e.sort((e, t) => e.name.localeCompare(t.name));
 				break;
@@ -114,23 +116,23 @@ var d = [
 		}
 		return e;
 	}, [
-		d,
-		_,
-		y,
-		x,
-		C
-	]), B = d.length, V = d.filter((e) => e.isAvailable).length, H = d.filter((e) => !f(e.category) && e.stock === 0).length, U = d.filter((e) => !f(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
-		L({
+		h,
+		b,
+		S,
+		w,
+		E
+	]), ue = h.length, de = h.filter((e) => e.isAvailable).length, fe = h.filter((e) => !g(e.category) && e.stock === 0).length, pe = h.filter((e) => !g(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
+		V({
 			text: e,
 			type: t
-		}), setTimeout(() => L(null), 3e3);
+		}), setTimeout(() => V(null), 3e3);
 	}, G = () => {
-		D(null), k({
-			...g,
-			category: R[0] || ""
-		}), j(""), N(""), F(""), T(!0);
+		j(null), N({
+			...y,
+			category: H[0] || ""
+		}), F(""), L(""), z(""), k(!0);
 	}, K = (e) => {
-		D(e), k({
+		j(e), N({
 			name: e.name,
 			description: e.description,
 			category: e.category,
@@ -149,16 +151,16 @@ var d = [
 			duration: e.duration,
 			serviceType: e.serviceType,
 			requirements: e.requirements
-		}), j(e.tags.join(", ")), N(e.allergens.join(", ")), F(e.requirements.join(", ")), T(!0);
-	}, de = () => {
-		if (!O.name || !O.description || !O.category || O.price <= 0) {
+		}), F(e.tags.join(", ")), L(e.allergens.join(", ")), z(e.requirements.join(", ")), k(!0);
+	}, me = () => {
+		if (!M.name || !M.description || !M.category || M.price <= 0) {
 			W("Please fill all required fields (name, description, category, price > 0)", "error");
 			return;
 		}
-		let e = A.split(",").map((e) => e.trim()).filter(Boolean), t = M.split(",").map((e) => e.trim()).filter(Boolean), n = P.split(",").map((e) => e.trim()).filter(Boolean), r = f(O.category) ? "Service" : "Product";
-		if (E) m((r) => r.map((r) => r.id === E.id ? {
+		let e = P.split(",").map((e) => e.trim()).filter(Boolean), t = I.split(",").map((e) => e.trim()).filter(Boolean), n = R.split(",").map((e) => e.trim()).filter(Boolean), r = g(M.category) ? "Service" : "Product";
+		if (A) v((r) => r.map((r) => r.id === A.id ? {
 			...r,
-			...O,
+			...M,
 			tags: e,
 			allergens: t,
 			requirements: n
@@ -166,33 +168,33 @@ var d = [
 		else {
 			let i = {
 				id: `item-${Date.now()}`,
-				...O,
+				...M,
 				tags: e,
 				allergens: t,
 				requirements: n,
 				cartName: "Dosa Express"
 			};
-			m((e) => [i, ...e]), W(`${r} added successfully`, "success");
+			v((e) => [i, ...e]), W(`${r} added successfully`, "success");
 		}
-		T(!1);
+		k(!1);
 	}, q = (e) => {
-		confirm("Are you sure you want to delete this offering?") && (m((t) => t.filter((t) => t.id !== e)), W("Offering deleted successfully", "success"));
+		confirm("Are you sure you want to delete this offering?") && (v((t) => t.filter((t) => t.id !== e)), W("Offering deleted successfully", "success"));
 	}, J = (e, t) => {
-		m((n) => n.map((n) => n.id === e ? {
+		v((n) => n.map((n) => n.id === e ? {
 			...n,
 			isAvailable: t
 		} : n)), W(`Offering ${t ? "enabled" : "disabled"} successfully`, "success");
 	}, Y = (e) => {
-		let t = e === "enable", n = d.filter((e) => e.isAvailable !== t).length;
+		let t = e === "enable", n = h.filter((e) => e.isAvailable !== t).length;
 		if (n === 0) {
 			W(`No offerings to ${e}`, "error");
 			return;
 		}
-		m((e) => e.map((e) => ({
+		v((e) => e.map((e) => ({
 			...e,
 			isAvailable: t
 		}))), W(`${n} offerings ${e}d successfully`, "success");
-	}, X = (e) => f(e.category) ? {
+	}, X = (e) => g(e.category) ? {
 		color: "text-green-600 dark:text-green-400",
 		label: "Available"
 	} : e.stock === 0 ? {
@@ -204,165 +206,169 @@ var d = [
 	} : {
 		color: "text-green-600 dark:text-green-400",
 		label: `In Stock (${e.stock})`
-	}, Z = O.category ? f(O.category) : !1, fe = O.category ? p(O.category) : !1, Q = !Z && fe, $ = O.name && O.description && O.category && O.price > 0 && (!Z || O.duration && O.duration > 0) && (Z || O.stock >= 0);
-	return /* @__PURE__ */ u(n, {
+	}, Z = M.category ? g(M.category) : !1, he = M.category ? _(M.category) : !1, Q = !Z && he, $ = M.name && M.description && M.category && M.price > 0 && (!Z || M.duration && M.duration > 0) && (Z || M.stock >= 0);
+	return /* @__PURE__ */ p(n, {
 		title: "Offerings Management",
 		description: "Manage your products and services",
-		actions: /* @__PURE__ */ u("button", {
+		actions: /* @__PURE__ */ p("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-text-primary hover:bg-accent/80 transition-colors",
-			children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Item"]
+			children: [/* @__PURE__ */ f(l, { className: "h-4 w-4" }), "Add Item"]
 		}),
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "space-y-4",
 			children: [
-				I && /* @__PURE__ */ u("div", {
-					className: t("flex items-center gap-2 rounded-lg border p-3", I.type === "success" ? "border-green-500/30 bg-green-500/10" : "border-red-500/30 bg-red-500/10"),
-					children: [I.type === "success" ? /* @__PURE__ */ l(te, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ l(ee, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ l("span", {
-						className: t("text-sm font-medium", I.type === "success" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
-						children: I.text
+				B && /* @__PURE__ */ p("div", {
+					className: t("flex items-center gap-2 rounded-lg border p-3", B.type === "success" ? "border-green-500/30 bg-green-500/10" : "border-red-500/30 bg-red-500/10"),
+					children: [B.type === "success" ? /* @__PURE__ */ f(s, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ f(te, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ f("span", {
+						className: t("text-sm font-medium", B.type === "success" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+						children: B.text
 					})]
 				}),
-				/* @__PURE__ */ u("div", {
-					className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
-					children: [
-						/* @__PURE__ */ u("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary",
-								children: "Total Items"
-							}), /* @__PURE__ */ l("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: B
-							})]
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary",
-								children: "Available"
-							}), /* @__PURE__ */ l("p", {
-								className: "text-2xl font-bold text-green-600 dark:text-green-400",
-								children: V
-							})]
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ l("p", {
-								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",
-								children: H
-							})]
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ l("p", {
-								className: "text-xs text-text-secondary",
-								children: "Low Stock"
-							}), /* @__PURE__ */ l("p", {
-								className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
-								children: U
-							})]
-						})
-					]
+				/* @__PURE__ */ f(m, { children: "Your catalogue of products and services. Add and edit items, set prices, and keep stock levels accurate so customers only see what's actually available. Watch for low-stock and out-of-stock items so you never disappoint an order." }),
+				/* @__PURE__ */ f(oe, {
+					className: "p-5",
+					children: /* @__PURE__ */ p("div", {
+						className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
+						children: [
+							/* @__PURE__ */ p("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+								children: [/* @__PURE__ */ f("p", {
+									className: "text-xs text-text-secondary",
+									children: "Total Items"
+								}), /* @__PURE__ */ f("p", {
+									className: "text-2xl font-bold text-text-primary",
+									children: ue
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+								children: [/* @__PURE__ */ f("p", {
+									className: "text-xs text-text-secondary",
+									children: "Available"
+								}), /* @__PURE__ */ f("p", {
+									className: "text-2xl font-bold text-green-600 dark:text-green-400",
+									children: de
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+								children: [/* @__PURE__ */ f("p", {
+									className: "text-xs text-text-secondary",
+									children: "Out of Stock"
+								}), /* @__PURE__ */ f("p", {
+									className: "text-2xl font-bold text-red-600 dark:text-red-400",
+									children: fe
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+								children: [/* @__PURE__ */ f("p", {
+									className: "text-xs text-text-secondary",
+									children: "Low Stock"
+								}), /* @__PURE__ */ f("p", {
+									className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
+									children: pe
+								})]
+							})
+						]
+					})
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ p("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm space-y-4",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex flex-wrap gap-2",
 							children: [
-								/* @__PURE__ */ u("button", {
+								/* @__PURE__ */ p("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-text-primary hover:bg-accent/80 transition-colors",
-									children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Item"]
+									children: [/* @__PURE__ */ f(l, { className: "h-4 w-4" }), "Add Item"]
 								}),
-								/* @__PURE__ */ l("button", {
+								/* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => Y("enable"),
 									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", {
+								/* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => Y("disable"),
 									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", {
+						}), /* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: () => alert("Import/Export feature coming soon!"),
 							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"]
+							children: [/* @__PURE__ */ f(re, { className: "h-4 w-4" }), "Import/Export"]
 						})]
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ p("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
 						children: [
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ p("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-text-secondary" }), /* @__PURE__ */ l("input", {
+								children: [/* @__PURE__ */ f(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ f("input", {
 									type: "text",
 									placeholder: "Search offerings...",
-									value: _,
-									onChange: (e) => v(e.target.value),
+									value: b,
+									onChange: (e) => x(e.target.value),
 									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),
+							/* @__PURE__ */ p("select", {
+								value: S,
+								onChange: (e) => C(e.target.value),
 								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-								children: [/* @__PURE__ */ l("option", {
+								children: [/* @__PURE__ */ f("option", {
 									value: "",
 									children: "All Categories"
-								}), R.map((e) => /* @__PURE__ */ l("option", {
+								}), H.map((e) => /* @__PURE__ */ f("option", {
 									value: e,
 									children: e
 								}, e))]
 							}),
-							/* @__PURE__ */ u("select", {
-								value: x,
-								onChange: (e) => S(e.target.value),
+							/* @__PURE__ */ p("select", {
+								value: w,
+								onChange: (e) => T(e.target.value),
 								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "",
 										children: "All Status"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "available",
 										children: "Available"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "unavailable",
 										children: "Unavailable"
 									})
 								]
 							}),
-							/* @__PURE__ */ u("select", {
-								value: C,
-								onChange: (e) => w(e.target.value),
+							/* @__PURE__ */ p("select", {
+								value: E,
+								onChange: (e) => D(e.target.value),
 								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "name",
 										children: "Name A-Z"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "price_low",
 										children: "Price: Low to High"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "price_high",
 										children: "Price: High to Low"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ f("option", {
 										value: "stock",
 										children: "Stock: Low to High"
 									})
@@ -371,139 +377,133 @@ var d = [
 						]
 					})]
 				}),
-				z.length === 0 ? /* @__PURE__ */ u("div", {
-					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-text-secondary opacity-40 mx-auto mb-3" }),
-						/* @__PURE__ */ l("h3", {
-							className: "text-lg font-semibold text-text-primary mb-2",
-							children: "No Items Found"
-						}),
-						/* @__PURE__ */ l("p", {
-							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", {
+				U.length === 0 ? /* @__PURE__ */ f("div", {
+					className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+					children: /* @__PURE__ */ f(r, {
+						illustration: b || S || w ? "empty-search" : "empty-files",
+						title: "No items found",
+						description: b || S || w ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings!",
+						action: /* @__PURE__ */ p("div", {
 							className: "flex flex-wrap justify-center gap-3",
-							children: [/* @__PURE__ */ u("button", {
+							children: [/* @__PURE__ */ p("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-text-primary hover:bg-accent/80",
-								children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Your First Item"]
-							}), (_ || y || x) && /* @__PURE__ */ l("button", {
+								className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+								children: [/* @__PURE__ */ f(l, { className: "h-4 w-4" }), "Add Your First Item"]
+							}), (b || S || w) && /* @__PURE__ */ f("button", {
 								type: "button",
 								onClick: () => {
-									v(""), b(""), S(""), w("name");
+									x(""), C(""), T(""), D("name");
 								},
-								className: "rounded-md border border-border-subtle px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken",
+								className: "rounded-lg border border-border-subtle px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 								children: "Clear Filters"
 							})]
 						})
-					]
-				}) : /* @__PURE__ */ u(se, { children: [/* @__PURE__ */ l("div", {
+					})
+				}) : /* @__PURE__ */ p(ae, { children: [/* @__PURE__ */ f("div", {
 					className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
-					children: /* @__PURE__ */ l("div", {
+					children: /* @__PURE__ */ f("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ u("table", {
+						children: /* @__PURE__ */ p("table", {
 							className: "w-full text-sm",
-							children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
+							children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
 								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-left font-medium text-text-secondary",
 										children: "Item"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-left font-medium text-text-secondary",
 										children: "Category"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-right font-medium text-text-secondary",
 										children: "Price"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-left font-medium text-text-secondary",
 										children: "Stock/Status"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-center font-medium text-text-secondary",
 										children: "Available"
 									}),
-									/* @__PURE__ */ l("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-5 py-3 text-right font-medium text-text-secondary",
 										children: "Actions"
 									})
 								]
-							}) }), /* @__PURE__ */ l("tbody", { children: z.map((e) => {
+							}) }), /* @__PURE__ */ f("tbody", { children: U.map((e) => {
 								let n = X(e);
-								return /* @__PURE__ */ u("tr", {
+								return /* @__PURE__ */ p("tr", {
 									className: "border-b border-border-subtle last:border-0 hover:bg-bg-sunken/30 transition-colors",
 									children: [
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3",
-											children: /* @__PURE__ */ u("div", {
+											children: /* @__PURE__ */ p("div", {
 												className: "flex items-center gap-3",
-												children: [/* @__PURE__ */ l("div", {
+												children: [/* @__PURE__ */ f("div", {
 													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", {
+													children: /* @__PURE__ */ f(c, { className: "h-4 w-4 text-text-secondary" })
+												}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
 													className: "font-medium text-text-primary",
 													children: e.name
-												}), /* @__PURE__ */ u("p", {
+												}), /* @__PURE__ */ p("p", {
 													className: "text-xs text-text-secondary line-clamp-1",
 													children: [e.description.slice(0, 50), "..."]
 												})] })]
 											})
 										}),
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3",
-											children: /* @__PURE__ */ l("span", {
+											children: /* @__PURE__ */ f("span", {
 												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", {
+										/* @__PURE__ */ p("td", {
 											className: "px-5 py-3 text-right",
-											children: [/* @__PURE__ */ l("p", {
+											children: [/* @__PURE__ */ f("p", {
 												className: "font-medium text-text-primary",
-												children: r(e.price, { minimumFractionDigits: 0 })
-											}), e.originalPrice && /* @__PURE__ */ l("p", {
+												children: i(e.price, { minimumFractionDigits: 0 })
+											}), e.originalPrice && /* @__PURE__ */ f("p", {
 												className: "text-xs text-text-secondary line-through",
-												children: r(e.originalPrice, { minimumFractionDigits: 0 })
+												children: i(e.originalPrice, { minimumFractionDigits: 0 })
 											})]
 										}),
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3",
-											children: /* @__PURE__ */ l("span", {
+											children: /* @__PURE__ */ f("span", {
 												className: t("text-sm font-medium", n.color),
 												children: n.label
 											})
 										}),
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3 text-center",
-											children: /* @__PURE__ */ l("button", {
+											children: /* @__PURE__ */ f("button", {
 												type: "button",
 												onClick: () => J(e.id, !e.isAvailable),
 												className: t("h-6 w-11 rounded-full transition-colors relative inline-block", e.isAvailable ? "bg-blue-500" : "bg-muted-foreground/30"),
-												children: /* @__PURE__ */ l("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", e.isAvailable ? "translate-x-5" : "translate-x-0.5") })
+												children: /* @__PURE__ */ f("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", e.isAvailable ? "translate-x-5" : "translate-x-0.5") })
 											})
 										}),
-										/* @__PURE__ */ l("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-5 py-3",
-											children: /* @__PURE__ */ u("div", {
+											children: /* @__PURE__ */ p("div", {
 												className: "flex items-center justify-end gap-1",
-												children: [/* @__PURE__ */ l("button", {
+												children: [/* @__PURE__ */ f("button", {
 													type: "button",
 													onClick: () => K(e),
 													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", {
+													children: /* @__PURE__ */ f(ne, { className: "h-4 w-4" })
+												}), /* @__PURE__ */ f("button", {
 													type: "button",
 													onClick: () => q(e.id),
 													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" })
+													children: /* @__PURE__ */ f(d, { className: "h-4 w-4" })
 												})]
 											})
 										})
@@ -512,67 +512,67 @@ var d = [
 							}) })]
 						})
 					})
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "lg:hidden space-y-3",
-					children: z.map((e) => {
+					children: U.map((e) => {
 						let n = X(e);
-						return /* @__PURE__ */ l("div", {
+						return /* @__PURE__ */ f("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: /* @__PURE__ */ u("div", {
+							children: /* @__PURE__ */ p("div", {
 								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ l("div", {
+								children: [/* @__PURE__ */ f("div", {
 									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", {
+									children: /* @__PURE__ */ f(c, { className: "h-6 w-6 text-text-secondary" })
+								}), /* @__PURE__ */ p("div", {
 									className: "flex-1 min-w-0",
 									children: [
-										/* @__PURE__ */ u("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex items-start justify-between mb-1",
-											children: [/* @__PURE__ */ u("div", {
+											children: [/* @__PURE__ */ p("div", {
 												className: "flex-1",
-												children: [/* @__PURE__ */ l("h3", {
+												children: [/* @__PURE__ */ f("h3", {
 													className: "text-sm font-medium text-text-primary line-clamp-1",
 													children: e.name
-												}), /* @__PURE__ */ l("p", {
+												}), /* @__PURE__ */ f("p", {
 													className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
 													children: e.description
 												})]
-											}), /* @__PURE__ */ l("button", {
+											}), /* @__PURE__ */ f("button", {
 												type: "button",
 												onClick: () => J(e.id, !e.isAvailable),
 												className: t("h-5 w-9 rounded-full transition-colors relative ml-2 shrink-0", e.isAvailable ? "bg-blue-500" : "bg-muted-foreground/30"),
-												children: /* @__PURE__ */ l("div", { className: t("absolute top-0.5 h-4 w-4 rounded-full bg-white transition-transform", e.isAvailable ? "translate-x-4" : "translate-x-0.5") })
+												children: /* @__PURE__ */ f("div", { className: t("absolute top-0.5 h-4 w-4 rounded-full bg-white transition-transform", e.isAvailable ? "translate-x-4" : "translate-x-0.5") })
 											})]
 										}),
-										/* @__PURE__ */ u("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex flex-wrap items-center gap-2 mt-2 text-xs",
-											children: [/* @__PURE__ */ l("span", {
+											children: [/* @__PURE__ */ f("span", {
 												className: "px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary",
 												children: e.category
-											}), /* @__PURE__ */ l("span", {
+											}), /* @__PURE__ */ f("span", {
 												className: t("font-medium", n.color),
 												children: n.label
 											})]
 										}),
-										/* @__PURE__ */ u("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex items-center justify-between mt-3",
-											children: [/* @__PURE__ */ u("div", {
+											children: [/* @__PURE__ */ p("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ l("span", {
+												children: [/* @__PURE__ */ f("span", {
 													className: "font-semibold text-text-primary",
-													children: r(e.price, { minimumFractionDigits: 0 })
-												}), e.originalPrice && /* @__PURE__ */ l("span", {
+													children: i(e.price, { minimumFractionDigits: 0 })
+												}), e.originalPrice && /* @__PURE__ */ f("span", {
 													className: "text-xs text-text-secondary line-through",
-													children: r(e.originalPrice, { minimumFractionDigits: 0 })
+													children: i(e.originalPrice, { minimumFractionDigits: 0 })
 												})]
-											}), /* @__PURE__ */ u("div", {
+											}), /* @__PURE__ */ p("div", {
 												className: "flex gap-1",
-												children: [/* @__PURE__ */ l("button", {
+												children: [/* @__PURE__ */ f("button", {
 													type: "button",
 													onClick: () => K(e),
 													className: "rounded px-2 py-1 text-xs border border-border-subtle text-text-primary hover:bg-bg-sunken",
 													children: "Edit"
-												}), /* @__PURE__ */ l("button", {
+												}), /* @__PURE__ */ f("button", {
 													type: "button",
 													onClick: () => q(e.id),
 													className: "rounded px-2 py-1 text-xs border border-border-subtle text-red-600 dark:text-red-400 hover:bg-red-500/10",
@@ -587,75 +587,75 @@ var d = [
 					})
 				})] })
 			]
-		}), ue && /* @__PURE__ */ l("div", {
+		}), O && /* @__PURE__ */ f("div", {
 			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ f("div", {
 				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", {
+				children: /* @__PURE__ */ p("div", {
 					className: "p-6",
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
+							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
 								className: "text-lg font-semibold text-text-primary",
-								children: E ? "Edit Item" : "Add New Item"
-							}), O.category && /* @__PURE__ */ u("p", {
+								children: A ? "Edit Item" : "Add New Item"
+							}), M.category && /* @__PURE__ */ p("p", {
 								className: "text-sm text-text-secondary mt-0.5",
 								children: [
 									"Type: ",
 									Z ? "Service" : "Product",
 									" | Category: ",
-									O.category
+									M.category
 								]
-							})] }), /* @__PURE__ */ l("button", {
+							})] }), /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => T(!1),
+								onClick: () => k(!1),
 								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" })
+								children: /* @__PURE__ */ f(ie, { className: "h-5 w-5" })
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Item Name *"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "text",
-										value: O.name,
-										onChange: (e) => k((t) => ({
+										value: M.name,
+										onChange: (e) => N((t) => ({
 											...t,
 											name: e.target.value
 										})),
 										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", {
+									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Category *"
-									}), /* @__PURE__ */ u("select", {
-										value: O.category,
-										onChange: (e) => k((t) => ({
+									}), /* @__PURE__ */ p("select", {
+										value: M.category,
+										onChange: (e) => N((t) => ({
 											...t,
 											category: e.target.value
 										})),
 										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", {
+										children: [/* @__PURE__ */ f("option", {
 											value: "",
 											children: "Select category"
-										}), R.map((e) => /* @__PURE__ */ l("option", {
+										}), H.map((e) => /* @__PURE__ */ f("option", {
 											value: e,
 											children: e
 										}, e))]
 									})] })]
 								}),
-								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Description *"
-								}), /* @__PURE__ */ l("textarea", {
-									value: O.description,
-									onChange: (e) => k((t) => ({
+								}), /* @__PURE__ */ f("textarea", {
+									value: M.description,
+									onChange: (e) => N((t) => ({
 										...t,
 										description: e.target.value
 									})),
@@ -663,26 +663,26 @@ var d = [
 									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", {
+								/* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Price *"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "number",
-										value: O.price,
-										onChange: (e) => k((t) => ({
+										value: M.price,
+										onChange: (e) => N((t) => ({
 											...t,
 											price: parseInt(e.target.value) || 0
 										})),
 										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", {
+									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Original Price"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "number",
-										value: O.originalPrice ?? "",
-										onChange: (e) => k((t) => ({
+										value: M.originalPrice ?? "",
+										onChange: (e) => N((t) => ({
 											...t,
 											originalPrice: e.target.value ? parseInt(e.target.value) : void 0
 										})),
@@ -690,40 +690,40 @@ var d = [
 										placeholder: "Optional"
 									})] })]
 								}),
-								!Z && /* @__PURE__ */ u("div", {
+								!Z && /* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Stock Quantity *"
-										}), /* @__PURE__ */ l("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: O.stock,
-											onChange: (e) => k((t) => ({
+											value: M.stock,
+											onChange: (e) => N((t) => ({
 												...t,
 												stock: parseInt(e.target.value) || 0
 											})),
 											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", {
+										/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Preparation Time (min)"
-										}), /* @__PURE__ */ l("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: O.preparationTime,
-											onChange: (e) => k((t) => ({
+											value: M.preparationTime,
+											onChange: (e) => N((t) => ({
 												...t,
 												preparationTime: parseInt(e.target.value) || 0
 											})),
 											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", {
+										Q && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Calories"
-										}), /* @__PURE__ */ l("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: O.calories,
-											onChange: (e) => k((t) => ({
+											value: M.calories,
+											onChange: (e) => N((t) => ({
 												...t,
 												calories: parseInt(e.target.value) || 0
 											})),
@@ -731,81 +731,81 @@ var d = [
 										})] })
 									]
 								}),
-								Z && /* @__PURE__ */ u("div", {
+								Z && /* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Service Duration (min) *"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "number",
-										value: O.duration,
-										onChange: (e) => k((t) => ({
+										value: M.duration,
+										onChange: (e) => N((t) => ({
 											...t,
 											duration: parseInt(e.target.value) || 30
 										})),
 										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", {
+									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Setup Time (min)"
-									}), /* @__PURE__ */ l("input", {
+									}), /* @__PURE__ */ f("input", {
 										type: "number",
-										value: O.preparationTime,
-										onChange: (e) => k((t) => ({
+										value: M.preparationTime,
+										onChange: (e) => N((t) => ({
 											...t,
 											preparationTime: parseInt(e.target.value) || 0
 										})),
 										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", {
+								Q && /* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Spice Level"
-									}), /* @__PURE__ */ u("select", {
-										value: O.spiceLevel,
-										onChange: (e) => k((t) => ({
+									}), /* @__PURE__ */ p("select", {
+										value: M.spiceLevel,
+										onChange: (e) => N((t) => ({
 											...t,
 											spiceLevel: e.target.value
 										})),
 										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", {
+											/* @__PURE__ */ f("option", {
 												value: "none",
 												children: "None"
 											}),
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ f("option", {
 												value: "mild",
 												children: "Mild"
 											}),
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ f("option", {
 												value: "medium",
 												children: "Medium"
 											}),
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ f("option", {
 												value: "spicy",
 												children: "Spicy"
 											}),
-											/* @__PURE__ */ l("option", {
+											/* @__PURE__ */ f("option", {
 												value: "very-spicy",
 												children: "Very Spicy"
 											})
 										]
-									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-2",
 										children: "Dietary Options"
-									}), /* @__PURE__ */ l("div", {
+									}), /* @__PURE__ */ f("div", {
 										className: "space-y-2",
 										children: [
 											"isVegetarian",
 											"isVegan",
 											"isGlutenFree"
-										].map((e) => /* @__PURE__ */ u("label", {
+										].map((e) => /* @__PURE__ */ p("label", {
 											className: "flex items-center gap-2 text-sm text-text-primary",
-											children: [/* @__PURE__ */ l("input", {
+											children: [/* @__PURE__ */ f("input", {
 												type: "checkbox",
-												checked: O[e],
-												onChange: (t) => k((n) => ({
+												checked: M[e],
+												onChange: (t) => N((n) => ({
 													...n,
 													[e]: t.target.checked
 												})),
@@ -814,91 +814,91 @@ var d = [
 										}, e))
 									})] })]
 								}),
-								Z && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								Z && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Service Type *"
-								}), /* @__PURE__ */ u("select", {
-									value: O.serviceType,
-									onChange: (e) => k((t) => ({
+								}), /* @__PURE__ */ p("select", {
+									value: M.serviceType,
+									onChange: (e) => N((t) => ({
 										...t,
 										serviceType: e.target.value
 									})),
 									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", {
+										/* @__PURE__ */ f("option", {
 											value: "instant",
 											children: "Instant Service"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ f("option", {
 											value: "appointment",
 											children: "Appointment Based"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ f("option", {
 											value: "recurring",
 											children: "Recurring Service"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ f("option", {
 											value: "consultation",
 											children: "Consultation"
 										})
 									]
 								})] }),
-								/* @__PURE__ */ u("div", { children: [
-									/* @__PURE__ */ l("label", {
+								/* @__PURE__ */ p("div", { children: [
+									/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Tags (comma separated)"
 									}),
-									/* @__PURE__ */ l("input", {
+									/* @__PURE__ */ f("input", {
 										type: "text",
-										value: A,
-										onChange: (e) => j(e.target.value),
+										value: P,
+										onChange: (e) => F(e.target.value),
 										placeholder: Z ? "professional, certified, quick" : "popular, spicy, traditional",
 										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", {
+									/* @__PURE__ */ p("p", {
 										className: "text-xs text-text-secondary mt-1",
 										children: [
-											A.split(",").map((e) => e.trim()).filter(Boolean).length,
+											P.split(",").map((e) => e.trim()).filter(Boolean).length,
 											" ",
 											"tags"
 										]
 									})
 								] }),
-								Q && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+								Q && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Allergens (comma separated)"
-								}), /* @__PURE__ */ l("input", {
+								}), /* @__PURE__ */ f("input", {
 									type: "text",
-									value: M,
-									onChange: (e) => N(e.target.value),
+									value: I,
+									onChange: (e) => L(e.target.value),
 									placeholder: "nuts, dairy, gluten, soy",
 									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", {
+								Z && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: "Service Requirements (comma separated)"
-								}), /* @__PURE__ */ l("input", {
+								}), /* @__PURE__ */ f("input", {
 									type: "text",
-									value: P,
-									onChange: (e) => F(e.target.value),
+									value: R,
+									onChange: (e) => z(e.target.value),
 									placeholder: "advance booking, payment required, tools provided",
 									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("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex gap-3 mt-6",
-							children: [/* @__PURE__ */ l("button", {
+							children: [/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => T(!1),
+								onClick: () => k(!1),
 								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", {
+							}), /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: de,
+								onClick: me,
 								disabled: !$,
 								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"
+								children: A ? "Update Item" : "Add Item"
 							})]
 						})
 					]
@@ -908,6 +908,6 @@ var d = [
 	});
 };
 //#endregion
-export { _ as InventoryManagementPage };
+export { b as InventoryManagementPage };
 
 //# sourceMappingURL=InventoryManagementPage.js.map