@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

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

@@ -2,14 +2,14 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.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 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";
+import { useOfferings as i, useProviders as ee, useUpdateOffering as te } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as a } from "../../utils/formatters.js";
+import { useEffect as ne, useMemo as o, useState as s } from "react";
+import { AlertCircle as re, CheckCircle2 as ie, Edit2 as ae, Package as c, Plus as l, Search as oe, Trash2 as se, Upload as ce, X as le } from "lucide-react";
+import { Fragment as ue, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { EmphasisPanel as de, PagePurpose as fe } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/InventoryManagementPage.tsx
-var h = [
+var pe = [
 	"Service",
 	"Repair",
 	"Beauty",
@@ -18,63 +18,38 @@ var h = [
 	"Health",
 	"Wellness",
 	"Education"
-], g = (e) => h.some((t) => e.includes(t)), _ = (e) => e === "Food & Beverage", v = [
-	10,
-	25,
-	0,
-	50,
-	8,
-	15,
-	3,
-	100,
-	42,
-	0,
-	20,
-	6,
-	35,
-	18,
-	12,
-	30,
-	5,
-	22,
-	0,
-	45
-], se = () => ee.slice(0, 20).map((e, t) => ({
+], f = (e) => pe.some((t) => e.includes(t)), me = (e) => e === "Food & Beverage", p = {
+	FOOD_BEVERAGE: "Food & Beverage",
+	PERSONAL_CARE_BEAUTY: "Personal Care & Beauty",
+	CLOTHING_FASHION: "Clothing & Fashion",
+	REPAIR_MAINTENANCE: "Repair & Maintenance",
+	HOME_SERVICES: "Home Services",
+	HEALTH_WELLNESS: "Health & Wellness",
+	EDUCATION_SKILLS: "Education & Skills",
+	RETAIL_MERCHANDISE: "Retail & Merchandise",
+	GROCERY_ESSENTIALS: "Grocery & Essentials"
+}, he = (e, t) => ({
 	id: e.id,
 	name: e.name,
-	description: e.description ?? `${e.name} - quality offering from ${e.cartName}`,
+	description: e.description ?? "",
 	price: e.price,
-	originalPrice: t % 4 == 0 ? Math.round(e.price * 1.2) : void 0,
-	category: e.category,
-	stock: v[t] ?? 10,
-	isAvailable: t !== 2 && t !== 9 && t !== 18,
-	cartName: e.cartName,
-	preparationTime: 15,
-	calories: _(e.category) ? Math.floor(Math.random() * 400) + 100 : 0,
-	isVegetarian: t % 3 == 0,
-	isVegan: t % 5 == 0,
-	isGlutenFree: t % 7 == 0,
-	spiceLevel: [
-		"mild",
-		"medium",
-		"spicy",
-		"none"
-	][t % 4],
-	tags: [
-		"popular",
-		"trending",
-		"new"
-	].slice(0, t % 3 + 1),
-	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: g(e.category) ? ["advance booking"] : []
-})), y = {
+	originalPrice: e.originalPrice ?? void 0,
+	category: p[e.category] ?? e.category,
+	stock: e.stock ?? 0,
+	isAvailable: e.isAvailable,
+	cartName: t,
+	preparationTime: 0,
+	calories: 0,
+	isVegetarian: !1,
+	isVegan: !1,
+	isGlutenFree: !1,
+	spiceLevel: "none",
+	tags: e.tags ?? [],
+	allergens: [],
+	duration: e.durationMinutes ?? 0,
+	serviceType: e.serviceType ?? "",
+	requirements: []
+}), m = {
 	name: "",
 	description: "",
 	category: "",
@@ -93,14 +68,18 @@ var h = [
 	duration: 30,
 	serviceType: "instant",
 	requirements: []
-}, 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();
+}, h = () => {
+	let { navigateTo: pe, currentUser: p } = e(), { data: h = [] } = ee(), g = o(() => h.find((e) => e.ownerId === p?.id) ?? h[0], [h, p?.id]), ge = g?.id, { data: _ = [], isLoading: _e } = i(ge), v = te(), [y, b] = s([]);
+	ne(() => {
+		b(_.map((e) => he(e, g?.name ?? "")));
+	}, [_, g?.name]);
+	let [x, S] = s(""), [C, w] = s(""), [T, E] = s(""), [D, O] = s("name"), [ve, ye] = s(!1), [be, k] = s(!1), [A, j] = s(null), [M, N] = s(m), [P, F] = s(""), [I, L] = s(""), [R, z] = s(""), [B, V] = s(null), H = o(() => [...new Set(y.map((e) => e.category))].sort(), [y]), U = o(() => {
+		let e = [...y];
+		if (x) {
+			let t = x.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 (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) {
+		switch (C && (e = e.filter((e) => e.category === C)), T === "available" ? e = e.filter((e) => e.isAvailable) : T === "unavailable" && (e = e.filter((e) => !e.isAvailable)), D) {
 			case "name":
 				e.sort((e, t) => e.name.localeCompare(t.name));
 				break;
@@ -116,19 +95,19 @@ var h = [
 		}
 		return e;
 	}, [
-		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) => {
+		y,
+		x,
+		C,
+		T,
+		D
+	]), xe = y.length, Se = y.filter((e) => e.isAvailable).length, Ce = y.filter((e) => !f(e.category) && e.stock === 0).length, we = y.filter((e) => !f(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
 		V({
 			text: e,
 			type: t
 		}), setTimeout(() => V(null), 3e3);
 	}, G = () => {
 		j(null), N({
-			...y,
+			...m,
 			category: H[0] || ""
 		}), F(""), L(""), z(""), k(!0);
 	}, K = (e) => {
@@ -152,49 +131,64 @@ var h = [
 			serviceType: e.serviceType,
 			requirements: e.requirements
 		}), F(e.tags.join(", ")), L(e.allergens.join(", ")), z(e.requirements.join(", ")), k(!0);
-	}, me = () => {
+	}, Te = () => {
 		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 = 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 ? {
+		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 = f(M.category), i = r ? "Service" : "Product";
+		if (A) b((r) => r.map((r) => r.id === A.id ? {
 			...r,
 			...M,
 			tags: e,
 			allergens: t,
 			requirements: n
-		} : r)), W(`${r} updated successfully`, "success");
+		} : r)), v.mutate({
+			id: A.id,
+			input: {
+				name: M.name,
+				description: M.description,
+				price: M.price,
+				originalPrice: M.originalPrice,
+				stock: M.stock,
+				tags: e,
+				serviceType: M.serviceType || void 0,
+				durationMinutes: r ? M.duration : void 0
+			}
+		}, { onError: () => W("Could not save changes to the server", "error") }), W(`${i} updated successfully`, "success");
 		else {
-			let i = {
+			let r = {
 				id: `item-${Date.now()}`,
 				...M,
 				tags: e,
 				allergens: t,
 				requirements: n,
-				cartName: "Dosa Express"
+				cartName: g?.name ?? ""
 			};
-			v((e) => [i, ...e]), W(`${r} added successfully`, "success");
+			b((e) => [r, ...e]), W(`${i} added successfully`, "success");
 		}
 		k(!1);
 	}, q = (e) => {
-		confirm("Are you sure you want to delete this offering?") && (v((t) => t.filter((t) => t.id !== e)), W("Offering deleted successfully", "success"));
+		confirm("Are you sure you want to delete this offering?") && (b((t) => t.filter((t) => t.id !== e)), W("Offering deleted successfully", "success"));
 	}, J = (e, t) => {
-		v((n) => n.map((n) => n.id === e ? {
+		b((n) => n.map((n) => n.id === e ? {
 			...n,
 			isAvailable: t
-		} : n)), W(`Offering ${t ? "enabled" : "disabled"} successfully`, "success");
+		} : n)), v.mutate({
+			id: e,
+			input: { isAvailable: t }
+		}, { onError: () => W("Could not update availability on the server", "error") }), W(`Offering ${t ? "enabled" : "disabled"} successfully`, "success");
 	}, Y = (e) => {
-		let t = e === "enable", n = h.filter((e) => e.isAvailable !== t).length;
+		let t = e === "enable", n = y.filter((e) => e.isAvailable !== t).length;
 		if (n === 0) {
 			W(`No offerings to ${e}`, "error");
 			return;
 		}
-		v((e) => e.map((e) => ({
+		b((e) => e.map((e) => ({
 			...e,
 			isAvailable: t
 		}))), W(`${n} offerings ${e}d successfully`, "success");
-	}, X = (e) => g(e.category) ? {
+	}, X = (e) => f(e.category) ? {
 		color: "text-status-success-text",
 		label: "Available"
 	} : e.stock === 0 ? {
@@ -206,173 +200,173 @@ var h = [
 	} : {
 		color: "text-status-success-text",
 		label: `In Stock (${e.stock})`
-	}, 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, {
+	}, Z = M.category ? f(M.category) : !1, Ee = M.category ? me(M.category) : !1, Q = !Z && Ee, $ = M.name && M.description && M.category && M.price > 0 && (!Z || M.duration && M.duration > 0) && (Z || M.stock >= 0);
+	return /* @__PURE__ */ d(n, {
 		title: "Offerings Management",
 		description: "Manage your products and services",
-		actions: /* @__PURE__ */ p("button", {
+		actions: /* @__PURE__ */ d("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__ */ f(l, { className: "h-4 w-4" }), "Add Item"]
+			children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Add Item"]
 		}),
 		children: [
-			/* @__PURE__ */ f(m, {
+			/* @__PURE__ */ u(fe, {
 				className: "mb-6",
 				children: "The menu and stock control room for your cart. Use this page to add and edit the products and services you offer, set prices and availability, and keep stock levels accurate so customers never order something you can't fulfil. Watch the out-of-stock and low-stock counts and restock before they cost you sales."
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ d("div", {
 				className: "space-y-4",
 				children: [
-					B && /* @__PURE__ */ p("div", {
+					B && /* @__PURE__ */ d("div", {
 						className: t("flex items-center gap-2 rounded-lg border p-3", B.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
-						children: [B.type === "success" ? /* @__PURE__ */ f(s, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ f(te, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ f("span", {
+						children: [B.type === "success" ? /* @__PURE__ */ u(ie, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ u(re, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ u("span", {
 							className: t("text-sm font-medium", B.type === "success" ? "text-status-success-text" : "text-status-error-text"),
 							children: B.text
 						})]
 					}),
-					/* @__PURE__ */ p(oe, { children: [/* @__PURE__ */ f("h2", {
+					/* @__PURE__ */ d(de, { children: [/* @__PURE__ */ u("h2", {
 						className: "mb-4 text-base font-semibold text-text-primary",
 						children: "Stock at a Glance"
-					}), /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ d("div", {
 						className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ f("p", {
+								children: [/* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Items"
-								}), /* @__PURE__ */ f("p", {
+								}), /* @__PURE__ */ u("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: ue
+									children: xe
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ f("p", {
+								children: [/* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary",
 									children: "Available"
-								}), /* @__PURE__ */ f("p", {
+								}), /* @__PURE__ */ u("p", {
 									className: "text-2xl font-bold text-status-success-text",
-									children: de
+									children: Se
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ f("p", {
+								children: [/* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary",
 									children: "Out of Stock"
-								}), /* @__PURE__ */ f("p", {
+								}), /* @__PURE__ */ u("p", {
 									className: "text-2xl font-bold text-status-error-text",
-									children: fe
+									children: Ce
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ f("p", {
+								children: [/* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary",
 									children: "Low Stock"
-								}), /* @__PURE__ */ f("p", {
+								}), /* @__PURE__ */ u("p", {
 									className: "text-2xl font-bold text-status-warning-text",
-									children: pe
+									children: we
 								})]
 							})
 						]
 					})] }),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ d("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm space-y-4",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "flex flex-wrap gap-2",
 								children: [
-									/* @__PURE__ */ p("button", {
+									/* @__PURE__ */ d("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__ */ f(l, { className: "h-4 w-4" }), "Add Item"]
+										children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Add Item"]
 									}),
-									/* @__PURE__ */ f("button", {
+									/* @__PURE__ */ u("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__ */ f("button", {
+									/* @__PURE__ */ u("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__ */ p("button", {
+							}), /* @__PURE__ */ d("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__ */ f(re, { className: "h-4 w-4" }), "Import/Export"]
+								children: [/* @__PURE__ */ u(ce, { className: "h-4 w-4" }), "Import/Export"]
 							})]
-						}), /* @__PURE__ */ p("div", {
+						}), /* @__PURE__ */ d("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
 							children: [
-								/* @__PURE__ */ p("div", {
+								/* @__PURE__ */ d("div", {
 									className: "relative sm:col-span-2 lg:col-span-1",
-									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", {
+									children: [/* @__PURE__ */ u(oe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ u("input", {
 										type: "text",
 										placeholder: "Search offerings...",
-										value: b,
-										onChange: (e) => x(e.target.value),
+										value: x,
+										onChange: (e) => S(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__ */ p("select", {
-									value: S,
-									onChange: (e) => C(e.target.value),
+								/* @__PURE__ */ d("select", {
+									value: C,
+									onChange: (e) => w(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-									children: [/* @__PURE__ */ f("option", {
+									children: [/* @__PURE__ */ u("option", {
 										value: "",
 										children: "All Categories"
-									}), H.map((e) => /* @__PURE__ */ f("option", {
+									}), H.map((e) => /* @__PURE__ */ u("option", {
 										value: e,
 										children: e
 									}, e))]
 								}),
-								/* @__PURE__ */ p("select", {
-									value: w,
-									onChange: (e) => T(e.target.value),
+								/* @__PURE__ */ d("select", {
+									value: T,
+									onChange: (e) => E(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
-										/* @__PURE__ */ f("option", {
+										/* @__PURE__ */ u("option", {
 											value: "",
 											children: "All Status"
 										}),
-										/* @__PURE__ */ f("option", {
+										/* @__PURE__ */ u("option", {
 											value: "available",
 											children: "Available"
 										}),
-										/* @__PURE__ */ f("option", {
+										/* @__PURE__ */ u("option", {
 											value: "unavailable",
 											children: "Unavailable"
 										})
 									]
 								}),
-								/* @__PURE__ */ p("select", {
-									value: E,
-									onChange: (e) => D(e.target.value),
+								/* @__PURE__ */ d("select", {
+									value: D,
+									onChange: (e) => O(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
-										/* @__PURE__ */ f("option", {
+										/* @__PURE__ */ u("option", {
 											value: "name",
 											children: "Name A-Z"
 										}),
-										/* @__PURE__ */ f("option", {
+										/* @__PURE__ */ u("option", {
 											value: "price_low",
 											children: "Price: Low to High"
 										}),
-										/* @__PURE__ */ f("option", {
+										/* @__PURE__ */ u("option", {
 											value: "price_high",
 											children: "Price: High to Low"
 										}),
-										/* @__PURE__ */ f("option", {
+										/* @__PURE__ */ u("option", {
 											value: "stock",
 											children: "Stock: Low to High"
 										})
@@ -381,130 +375,133 @@ var h = [
 							]
 						})]
 					}),
-					U.length === 0 ? /* @__PURE__ */ f(r, {
-						illustration: b || S || w ? "empty-search" : "empty-files",
+					_e ? /* @__PURE__ */ u("div", {
+						className: "flex items-center justify-center py-16",
+						children: /* @__PURE__ */ u("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
+					}) : U.length === 0 ? /* @__PURE__ */ u(r, {
+						illustration: x || C || T ? "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 so customers can order from you.",
-						action: /* @__PURE__ */ p("div", {
+						description: x || C || T ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings so customers can order from you.",
+						action: /* @__PURE__ */ d("div", {
 							className: "flex flex-wrap justify-center gap-3",
-							children: [/* @__PURE__ */ p("button", {
+							children: [/* @__PURE__ */ d("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__ */ f(l, { className: "h-4 w-4" }), "Add Your First Item"]
-							}), (b || S || w) && /* @__PURE__ */ f("button", {
+								children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Add Your First Item"]
+							}), (x || C || T) && /* @__PURE__ */ u("button", {
 								type: "button",
 								onClick: () => {
-									x(""), C(""), T(""), D("name");
+									S(""), w(""), E(""), O("name");
 								},
 								className: "rounded-md border border-border-subtle px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken",
 								children: "Clear Filters"
 							})]
 						})
-					}) : /* @__PURE__ */ p(ae, { children: [/* @__PURE__ */ f("div", {
+					}) : /* @__PURE__ */ d(ue, { children: [/* @__PURE__ */ u("div", {
 						className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
-						children: /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ u("div", {
 							className: "overflow-x-auto",
-							children: /* @__PURE__ */ p("table", {
+							children: /* @__PURE__ */ d("table", {
 								className: "w-full text-sm",
-								children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
+								children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", {
 									className: "border-b border-border-subtle bg-bg-sunken/50",
 									children: [
-										/* @__PURE__ */ f("th", {
+										/* @__PURE__ */ u("th", {
 											className: "px-5 py-3 text-left font-medium text-text-secondary",
 											children: "Item"
 										}),
-										/* @__PURE__ */ f("th", {
+										/* @__PURE__ */ u("th", {
 											className: "px-5 py-3 text-left font-medium text-text-secondary",
 											children: "Category"
 										}),
-										/* @__PURE__ */ f("th", {
+										/* @__PURE__ */ u("th", {
 											className: "px-5 py-3 text-right font-medium text-text-secondary",
 											children: "Price"
 										}),
-										/* @__PURE__ */ f("th", {
+										/* @__PURE__ */ u("th", {
 											className: "px-5 py-3 text-left font-medium text-text-secondary",
 											children: "Stock/Status"
 										}),
-										/* @__PURE__ */ f("th", {
+										/* @__PURE__ */ u("th", {
 											className: "px-5 py-3 text-center font-medium text-text-secondary",
 											children: "Available"
 										}),
-										/* @__PURE__ */ f("th", {
+										/* @__PURE__ */ u("th", {
 											className: "px-5 py-3 text-right font-medium text-text-secondary",
 											children: "Actions"
 										})
 									]
-								}) }), /* @__PURE__ */ f("tbody", { children: U.map((e) => {
+								}) }), /* @__PURE__ */ u("tbody", { children: U.map((e) => {
 									let n = X(e);
-									return /* @__PURE__ */ p("tr", {
+									return /* @__PURE__ */ d("tr", {
 										className: "border-b border-border-subtle last:border-0 hover:bg-bg-sunken/30 transition-colors",
 										children: [
-											/* @__PURE__ */ f("td", {
+											/* @__PURE__ */ u("td", {
 												className: "px-5 py-3",
-												children: /* @__PURE__ */ p("div", {
+												children: /* @__PURE__ */ d("div", {
 													className: "flex items-center gap-3",
-													children: [/* @__PURE__ */ f("div", {
+													children: [/* @__PURE__ */ u("div", {
 														className: "flex h-10 w-10 items-center justify-center rounded-md bg-bg-sunken",
-														children: /* @__PURE__ */ f(c, { className: "h-4 w-4 text-text-secondary" })
-													}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+														children: /* @__PURE__ */ u(c, { className: "h-4 w-4 text-text-secondary" })
+													}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 														className: "font-medium text-text-primary",
 														children: e.name
-													}), /* @__PURE__ */ p("p", {
+													}), /* @__PURE__ */ d("p", {
 														className: "text-xs text-text-secondary line-clamp-1",
 														children: [e.description.slice(0, 50), "..."]
 													})] })]
 												})
 											}),
-											/* @__PURE__ */ f("td", {
+											/* @__PURE__ */ u("td", {
 												className: "px-5 py-3",
-												children: /* @__PURE__ */ f("span", {
+												children: /* @__PURE__ */ u("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__ */ p("td", {
+											/* @__PURE__ */ d("td", {
 												className: "px-5 py-3 text-right",
-												children: [/* @__PURE__ */ f("p", {
+												children: [/* @__PURE__ */ u("p", {
 													className: "font-medium text-text-primary",
-													children: i(e.price, { minimumFractionDigits: 0 })
-												}), e.originalPrice && /* @__PURE__ */ f("p", {
+													children: a(e.price, { minimumFractionDigits: 0 })
+												}), e.originalPrice && /* @__PURE__ */ u("p", {
 													className: "text-xs text-text-secondary line-through",
-													children: i(e.originalPrice, { minimumFractionDigits: 0 })
+													children: a(e.originalPrice, { minimumFractionDigits: 0 })
 												})]
 											}),
-											/* @__PURE__ */ f("td", {
+											/* @__PURE__ */ u("td", {
 												className: "px-5 py-3",
-												children: /* @__PURE__ */ f("span", {
+												children: /* @__PURE__ */ u("span", {
 													className: t("text-sm font-medium", n.color),
 													children: n.label
 												})
 											}),
-											/* @__PURE__ */ f("td", {
+											/* @__PURE__ */ u("td", {
 												className: "px-5 py-3 text-center",
-												children: /* @__PURE__ */ f("button", {
+												children: /* @__PURE__ */ u("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-action-primary-bg" : "bg-muted-foreground/30"),
-													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") })
+													children: /* @__PURE__ */ u("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__ */ f("td", {
+											/* @__PURE__ */ u("td", {
 												className: "px-5 py-3",
-												children: /* @__PURE__ */ p("div", {
+												children: /* @__PURE__ */ d("div", {
 													className: "flex items-center justify-end gap-1",
-													children: [/* @__PURE__ */ f("button", {
+													children: [/* @__PURE__ */ u("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__ */ f(ne, { className: "h-4 w-4" })
-													}), /* @__PURE__ */ f("button", {
+														children: /* @__PURE__ */ u(ae, { className: "h-4 w-4" })
+													}), /* @__PURE__ */ u("button", {
 														type: "button",
 														onClick: () => q(e.id),
 														className: "rounded p-1.5 text-text-secondary hover:bg-status-error-bg-subtle hover:text-status-error-text transition-colors",
 														title: "Delete",
-														children: /* @__PURE__ */ f(d, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ u(se, { className: "h-4 w-4" })
 													})]
 												})
 											})
@@ -513,67 +510,67 @@ var h = [
 								}) })]
 							})
 						})
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ u("div", {
 						className: "lg:hidden space-y-3",
 						children: U.map((e) => {
 							let n = X(e);
-							return /* @__PURE__ */ f("div", {
+							return /* @__PURE__ */ u("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: /* @__PURE__ */ p("div", {
+								children: /* @__PURE__ */ d("div", {
 									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ u("div", {
 										className: "flex h-14 w-14 items-center justify-center rounded-md bg-bg-sunken shrink-0",
-										children: /* @__PURE__ */ f(c, { className: "h-6 w-6 text-text-secondary" })
-									}), /* @__PURE__ */ p("div", {
+										children: /* @__PURE__ */ u(c, { className: "h-6 w-6 text-text-secondary" })
+									}), /* @__PURE__ */ d("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ p("div", {
+											/* @__PURE__ */ d("div", {
 												className: "flex items-start justify-between mb-1",
-												children: [/* @__PURE__ */ p("div", {
+												children: [/* @__PURE__ */ d("div", {
 													className: "flex-1",
-													children: [/* @__PURE__ */ f("h3", {
+													children: [/* @__PURE__ */ u("h3", {
 														className: "text-sm font-medium text-text-primary line-clamp-1",
 														children: e.name
-													}), /* @__PURE__ */ f("p", {
+													}), /* @__PURE__ */ u("p", {
 														className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
 														children: e.description
 													})]
-												}), /* @__PURE__ */ f("button", {
+												}), /* @__PURE__ */ u("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-action-primary-bg" : "bg-muted-foreground/30"),
-													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") })
+													children: /* @__PURE__ */ u("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__ */ p("div", {
+											/* @__PURE__ */ d("div", {
 												className: "flex flex-wrap items-center gap-2 mt-2 text-xs",
-												children: [/* @__PURE__ */ f("span", {
+												children: [/* @__PURE__ */ u("span", {
 													className: "px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary",
 													children: e.category
-												}), /* @__PURE__ */ f("span", {
+												}), /* @__PURE__ */ u("span", {
 													className: t("font-medium", n.color),
 													children: n.label
 												})]
 											}),
-											/* @__PURE__ */ p("div", {
+											/* @__PURE__ */ d("div", {
 												className: "flex items-center justify-between mt-3",
-												children: [/* @__PURE__ */ p("div", {
+												children: [/* @__PURE__ */ d("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ f("span", {
+													children: [/* @__PURE__ */ u("span", {
 														className: "font-semibold text-text-primary",
-														children: i(e.price, { minimumFractionDigits: 0 })
-													}), e.originalPrice && /* @__PURE__ */ f("span", {
+														children: a(e.price, { minimumFractionDigits: 0 })
+													}), e.originalPrice && /* @__PURE__ */ u("span", {
 														className: "text-xs text-text-secondary line-through",
-														children: i(e.originalPrice, { minimumFractionDigits: 0 })
+														children: a(e.originalPrice, { minimumFractionDigits: 0 })
 													})]
-												}), /* @__PURE__ */ p("div", {
+												}), /* @__PURE__ */ d("div", {
 													className: "flex gap-1",
-													children: [/* @__PURE__ */ f("button", {
+													children: [/* @__PURE__ */ u("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__ */ f("button", {
+													}), /* @__PURE__ */ u("button", {
 														type: "button",
 														onClick: () => q(e.id),
 														className: "rounded px-2 py-1 text-xs border border-border-subtle text-status-error-text hover:bg-status-error-bg-subtle",
@@ -589,19 +586,19 @@ var h = [
 					})] })
 				]
 			}),
-			O && /* @__PURE__ */ f("div", {
+			be && /* @__PURE__ */ u("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ u("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__ */ p("div", {
+					children: /* @__PURE__ */ d("div", {
 						className: "p-6",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
+								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: A ? "Edit Item" : "Add New Item"
-								}), M.category && /* @__PURE__ */ p("p", {
+								}), M.category && /* @__PURE__ */ d("p", {
 									className: "text-sm text-text-secondary mt-0.5",
 									children: [
 										"Type: ",
@@ -609,22 +606,22 @@ var h = [
 										" | Category: ",
 										M.category
 									]
-								})] }), /* @__PURE__ */ f("button", {
+								})] }), /* @__PURE__ */ u("button", {
 									type: "button",
 									onClick: () => k(!1),
 									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-									children: /* @__PURE__ */ f(ie, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ u(le, { className: "h-5 w-5" })
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ d("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Item Name *"
-										}), /* @__PURE__ */ f("input", {
+										}), /* @__PURE__ */ u("input", {
 											type: "text",
 											value: M.name,
 											onChange: (e) => N((t) => ({
@@ -633,29 +630,29 @@ var h = [
 											})),
 											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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Category *"
-										}), /* @__PURE__ */ p("select", {
+										}), /* @__PURE__ */ d("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__ */ f("option", {
+											children: [/* @__PURE__ */ u("option", {
 												value: "",
 												children: "Select category"
-											}), H.map((e) => /* @__PURE__ */ f("option", {
+											}), H.map((e) => /* @__PURE__ */ u("option", {
 												value: e,
 												children: e
 											}, e))]
 										})] })]
 									}),
-									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Description *"
-									}), /* @__PURE__ */ f("textarea", {
+									}), /* @__PURE__ */ u("textarea", {
 										value: M.description,
 										onChange: (e) => N((t) => ({
 											...t,
@@ -665,12 +662,12 @@ var h = [
 										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__ */ p("div", {
+									/* @__PURE__ */ d("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Price *"
-										}), /* @__PURE__ */ f("input", {
+										}), /* @__PURE__ */ u("input", {
 											type: "number",
 											value: M.price,
 											onChange: (e) => N((t) => ({
@@ -678,10 +675,10 @@ var h = [
 												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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Original Price"
-										}), /* @__PURE__ */ f("input", {
+										}), /* @__PURE__ */ u("input", {
 											type: "number",
 											value: M.originalPrice ?? "",
 											onChange: (e) => N((t) => ({
@@ -692,13 +689,13 @@ var h = [
 											placeholder: "Optional"
 										})] })]
 									}),
-									!Z && /* @__PURE__ */ p("div", {
+									!Z && /* @__PURE__ */ d("div", {
 										className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 										children: [
-											/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+											/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Stock Quantity *"
-											}), /* @__PURE__ */ f("input", {
+											}), /* @__PURE__ */ u("input", {
 												type: "number",
 												value: M.stock,
 												onChange: (e) => N((t) => ({
@@ -707,10 +704,10 @@ var h = [
 												})),
 												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 											})] }),
-											/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+											/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Preparation Time (min)"
-											}), /* @__PURE__ */ f("input", {
+											}), /* @__PURE__ */ u("input", {
 												type: "number",
 												value: M.preparationTime,
 												onChange: (e) => N((t) => ({
@@ -719,10 +716,10 @@ var h = [
 												})),
 												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 											})] }),
-											Q && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+											Q && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 												className: "block text-sm font-medium text-text-primary mb-1",
 												children: "Calories"
-											}), /* @__PURE__ */ f("input", {
+											}), /* @__PURE__ */ u("input", {
 												type: "number",
 												value: M.calories,
 												onChange: (e) => N((t) => ({
@@ -733,12 +730,12 @@ var h = [
 											})] })
 										]
 									}),
-									Z && /* @__PURE__ */ p("div", {
+									Z && /* @__PURE__ */ d("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Service Duration (min) *"
-										}), /* @__PURE__ */ f("input", {
+										}), /* @__PURE__ */ u("input", {
 											type: "number",
 											value: M.duration,
 											onChange: (e) => N((t) => ({
@@ -746,10 +743,10 @@ var h = [
 												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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Setup Time (min)"
-										}), /* @__PURE__ */ f("input", {
+										}), /* @__PURE__ */ u("input", {
 											type: "number",
 											value: M.preparationTime,
 											onChange: (e) => N((t) => ({
@@ -759,12 +756,12 @@ var h = [
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 										})] })]
 									}),
-									Q && /* @__PURE__ */ p("div", {
+									Q && /* @__PURE__ */ d("div", {
 										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Spice Level"
-										}), /* @__PURE__ */ p("select", {
+										}), /* @__PURE__ */ d("select", {
 											value: M.spiceLevel,
 											onChange: (e) => N((t) => ({
 												...t,
@@ -772,39 +769,39 @@ var h = [
 											})),
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 											children: [
-												/* @__PURE__ */ f("option", {
+												/* @__PURE__ */ u("option", {
 													value: "none",
 													children: "None"
 												}),
-												/* @__PURE__ */ f("option", {
+												/* @__PURE__ */ u("option", {
 													value: "mild",
 													children: "Mild"
 												}),
-												/* @__PURE__ */ f("option", {
+												/* @__PURE__ */ u("option", {
 													value: "medium",
 													children: "Medium"
 												}),
-												/* @__PURE__ */ f("option", {
+												/* @__PURE__ */ u("option", {
 													value: "spicy",
 													children: "Spicy"
 												}),
-												/* @__PURE__ */ f("option", {
+												/* @__PURE__ */ u("option", {
 													value: "very-spicy",
 													children: "Very Spicy"
 												})
 											]
-										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-2",
 											children: "Dietary Options"
-										}), /* @__PURE__ */ f("div", {
+										}), /* @__PURE__ */ u("div", {
 											className: "space-y-2",
 											children: [
 												"isVegetarian",
 												"isVegan",
 												"isGlutenFree"
-											].map((e) => /* @__PURE__ */ p("label", {
+											].map((e) => /* @__PURE__ */ d("label", {
 												className: "flex items-center gap-2 text-sm text-text-primary",
-												children: [/* @__PURE__ */ f("input", {
+												children: [/* @__PURE__ */ u("input", {
 													type: "checkbox",
 													checked: M[e],
 													onChange: (t) => N((n) => ({
@@ -816,10 +813,10 @@ var h = [
 											}, e))
 										})] })]
 									}),
-									Z && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									Z && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Service Type *"
-									}), /* @__PURE__ */ p("select", {
+									}), /* @__PURE__ */ d("select", {
 										value: M.serviceType,
 										onChange: (e) => N((t) => ({
 											...t,
@@ -827,37 +824,37 @@ var h = [
 										})),
 										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__ */ f("option", {
+											/* @__PURE__ */ u("option", {
 												value: "instant",
 												children: "Instant Service"
 											}),
-											/* @__PURE__ */ f("option", {
+											/* @__PURE__ */ u("option", {
 												value: "appointment",
 												children: "Appointment Based"
 											}),
-											/* @__PURE__ */ f("option", {
+											/* @__PURE__ */ u("option", {
 												value: "recurring",
 												children: "Recurring Service"
 											}),
-											/* @__PURE__ */ f("option", {
+											/* @__PURE__ */ u("option", {
 												value: "consultation",
 												children: "Consultation"
 											})
 										]
 									})] }),
-									/* @__PURE__ */ p("div", { children: [
-										/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ d("div", { children: [
+										/* @__PURE__ */ u("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Tags (comma separated)"
 										}),
-										/* @__PURE__ */ f("input", {
+										/* @__PURE__ */ u("input", {
 											type: "text",
 											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__ */ p("p", {
+										/* @__PURE__ */ d("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
 												P.split(",").map((e) => e.trim()).filter(Boolean).length,
@@ -866,20 +863,20 @@ var h = [
 											]
 										})
 									] }),
-									Q && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									Q && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Allergens (comma separated)"
-									}), /* @__PURE__ */ f("input", {
+									}), /* @__PURE__ */ u("input", {
 										type: "text",
 										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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									Z && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Service Requirements (comma separated)"
-									}), /* @__PURE__ */ f("input", {
+									}), /* @__PURE__ */ u("input", {
 										type: "text",
 										value: R,
 										onChange: (e) => z(e.target.value),
@@ -888,16 +885,16 @@ var h = [
 									})] })
 								]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ f("button", {
+								children: [/* @__PURE__ */ u("button", {
 									type: "button",
 									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__ */ f("button", {
+								}), /* @__PURE__ */ u("button", {
 									type: "button",
-									onClick: me,
+									onClick: Te,
 									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: A ? "Update Item" : "Add Item"
@@ -911,6 +908,6 @@ var h = [
 	});
 };
 //#endregion
-export { b as InventoryManagementPage };
+export { h as InventoryManagementPage };
 
 //# sourceMappingURL=InventoryManagementPage.js.map