@burdenoff/microfe-kadaikodi 2026.625.1 → 2026.626.2

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

@@ -1,13 +1,15 @@
 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 { 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/kadaikodi/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-status-success-text",
 		label: "Available"
 	} : e.stock === 0 ? {
@@ -204,710 +206,711 @@ var d = [
 	} : {
 		color: "text-status-success-text",
 		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", {
-			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-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
-					children: [I.type === "success" ? /* @__PURE__ */ l(te, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ l(ee, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ l("span", {
-						className: t("text-sm font-medium", I.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-						children: I.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-status-success-text",
-								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-status-error-text",
-								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-status-warning-text",
-								children: U
-							})]
-						})
-					]
-				}),
-				/* @__PURE__ */ u("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm space-y-4",
-					children: [/* @__PURE__ */ u("div", {
-						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3",
-						children: [/* @__PURE__ */ u("div", {
-							className: "flex flex-wrap gap-2",
-							children: [
-								/* @__PURE__ */ u("button", {
-									type: "button",
-									onClick: G,
-									className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-									children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Add Item"]
-								}),
-								/* @__PURE__ */ l("button", {
-									type: "button",
-									onClick: () => Y("enable"),
-									className: "rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-									children: "Enable All"
-								}),
-								/* @__PURE__ */ l("button", {
-									type: "button",
-									onClick: () => Y("disable"),
-									className: "rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-									children: "Disable All"
-								})
-							]
-						}), /* @__PURE__ */ u("button", {
-							type: "button",
-							onClick: () => alert("Import/Export feature coming soon!"),
-							className: "inline-flex items-center gap-1.5 rounded-md border border-border-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(m, {
+				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", {
+				className: "space-y-4",
+				children: [
+					B && /* @__PURE__ */ p("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", {
+							className: t("text-sm font-medium", B.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+							children: B.text
 						})]
-					}), /* @__PURE__ */ u("div", {
-						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
+					}),
+					/* @__PURE__ */ p(oe, { children: [/* @__PURE__ */ f("h2", {
+						className: "mb-4 text-base font-semibold text-text-primary",
+						children: "Stock at a Glance"
+					}), /* @__PURE__ */ p("div", {
+						className: "grid grid-cols-2 lg:grid-cols-4 gap-3",
 						children: [
-							/* @__PURE__ */ u("div", {
-								className: "relative sm:col-span-2 lg:col-span-1",
-								children: [/* @__PURE__ */ l(re, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ l("input", {
-									type: "text",
-									placeholder: "Search offerings...",
-									value: _,
-									onChange: (e) => v(e.target.value),
-									className: "w-full rounded-md border border-border-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("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__ */ u("select", {
-								value: y,
-								onChange: (e) => b(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", {
-									value: "",
-									children: "All Categories"
-								}), R.map((e) => /* @__PURE__ */ l("option", {
-									value: e,
-									children: e
-								}, e))]
+							/* @__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-status-success-text",
+									children: de
+								})]
 							}),
-							/* @__PURE__ */ u("select", {
-								value: x,
-								onChange: (e) => S(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", {
-										value: "",
-										children: "All Status"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "available",
-										children: "Available"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "unavailable",
-										children: "Unavailable"
-									})
-								]
+							/* @__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-status-error-text",
+									children: fe
+								})]
 							}),
-							/* @__PURE__ */ u("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",
+							/* @__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-status-warning-text",
+									children: pe
+								})]
+							})
+						]
+					})] }),
+					/* @__PURE__ */ p("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm space-y-4",
+						children: [/* @__PURE__ */ p("div", {
+							className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3",
+							children: [/* @__PURE__ */ p("div", {
+								className: "flex flex-wrap gap-2",
 								children: [
-									/* @__PURE__ */ l("option", {
-										value: "name",
-										children: "Name A-Z"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "price_low",
-										children: "Price: Low to High"
+									/* @__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__ */ f(l, { className: "h-4 w-4" }), "Add Item"]
 									}),
-									/* @__PURE__ */ l("option", {
-										value: "price_high",
-										children: "Price: High to Low"
+									/* @__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("option", {
-										value: "stock",
-										children: "Stock: Low to High"
+									/* @__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"
 									})
 								]
-							})
-						]
-					})]
-				}),
-				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", {
+							}), /* @__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__ */ f(re, { className: "h-4 w-4" }), "Import/Export"]
+							})]
+						}), /* @__PURE__ */ p("div", {
+							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
+							children: [
+								/* @__PURE__ */ p("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", {
+										type: "text",
+										placeholder: "Search offerings...",
+										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__ */ 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__ */ f("option", {
+										value: "",
+										children: "All Categories"
+									}), H.map((e) => /* @__PURE__ */ f("option", {
+										value: e,
+										children: e
+									}, e))]
+								}),
+								/* @__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__ */ f("option", {
+											value: "",
+											children: "All Status"
+										}),
+										/* @__PURE__ */ f("option", {
+											value: "available",
+											children: "Available"
+										}),
+										/* @__PURE__ */ f("option", {
+											value: "unavailable",
+											children: "Unavailable"
+										})
+									]
+								}),
+								/* @__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__ */ f("option", {
+											value: "name",
+											children: "Name A-Z"
+										}),
+										/* @__PURE__ */ f("option", {
+											value: "price_low",
+											children: "Price: Low to High"
+										}),
+										/* @__PURE__ */ f("option", {
+											value: "price_high",
+											children: "Price: High to Low"
+										}),
+										/* @__PURE__ */ f("option", {
+											value: "stock",
+											children: "Stock: Low to High"
+										})
+									]
+								})
+							]
+						})]
+					}),
+					U.length === 0 ? /* @__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 so customers can order from you.",
+						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", {
+								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",
 								children: "Clear Filters"
 							})]
 						})
-					]
-				}) : /* @__PURE__ */ u(se, { children: [/* @__PURE__ */ l("div", {
-					className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
-					children: /* @__PURE__ */ l("div", {
-						className: "overflow-x-auto",
-						children: /* @__PURE__ */ u("table", {
-							className: "w-full text-sm",
-							children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
-								className: "border-b border-border-subtle bg-bg-sunken/50",
-								children: [
-									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-left font-medium text-text-secondary",
-										children: "Item"
-									}),
-									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-left font-medium text-text-secondary",
-										children: "Category"
-									}),
-									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-right font-medium text-text-secondary",
-										children: "Price"
-									}),
-									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-left font-medium text-text-secondary",
-										children: "Stock/Status"
-									}),
-									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-center font-medium text-text-secondary",
-										children: "Available"
-									}),
-									/* @__PURE__ */ l("th", {
-										className: "px-5 py-3 text-right font-medium text-text-secondary",
-										children: "Actions"
-									})
-								]
-							}) }), /* @__PURE__ */ l("tbody", { children: z.map((e) => {
-								let n = X(e);
-								return /* @__PURE__ */ u("tr", {
-									className: "border-b border-border-subtle last:border-0 hover:bg-bg-sunken/30 transition-colors",
+					}) : /* @__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__ */ f("div", {
+							className: "overflow-x-auto",
+							children: /* @__PURE__ */ p("table", {
+								className: "w-full text-sm",
+								children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
+									className: "border-b border-border-subtle bg-bg-sunken/50",
 									children: [
-										/* @__PURE__ */ l("td", {
-											className: "px-5 py-3",
-											children: /* @__PURE__ */ u("div", {
-												className: "flex items-center gap-3",
-												children: [/* @__PURE__ */ l("div", {
-													className: "flex h-10 w-10 items-center justify-center rounded-md bg-bg-sunken",
-													children: /* @__PURE__ */ l(s, { className: "h-4 w-4 text-text-secondary" })
-												}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-													className: "font-medium text-text-primary",
-													children: e.name
-												}), /* @__PURE__ */ u("p", {
-													className: "text-xs text-text-secondary line-clamp-1",
-													children: [e.description.slice(0, 50), "..."]
-												})] })]
-											})
+										/* @__PURE__ */ f("th", {
+											className: "px-5 py-3 text-left font-medium text-text-secondary",
+											children: "Item"
 										}),
-										/* @__PURE__ */ l("td", {
-											className: "px-5 py-3",
-											children: /* @__PURE__ */ l("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__ */ f("th", {
+											className: "px-5 py-3 text-left font-medium text-text-secondary",
+											children: "Category"
 										}),
-										/* @__PURE__ */ u("td", {
-											className: "px-5 py-3 text-right",
-											children: [/* @__PURE__ */ l("p", {
-												className: "font-medium text-text-primary",
-												children: r(e.price, { minimumFractionDigits: 0 })
-											}), e.originalPrice && /* @__PURE__ */ l("p", {
-												className: "text-xs text-text-secondary line-through",
-												children: r(e.originalPrice, { minimumFractionDigits: 0 })
-											})]
+										/* @__PURE__ */ f("th", {
+											className: "px-5 py-3 text-right font-medium text-text-secondary",
+											children: "Price"
 										}),
-										/* @__PURE__ */ l("td", {
-											className: "px-5 py-3",
-											children: /* @__PURE__ */ l("span", {
-												className: t("text-sm font-medium", n.color),
-												children: n.label
-											})
+										/* @__PURE__ */ f("th", {
+											className: "px-5 py-3 text-left font-medium text-text-secondary",
+											children: "Stock/Status"
 										}),
-										/* @__PURE__ */ l("td", {
-											className: "px-5 py-3 text-center",
-											children: /* @__PURE__ */ l("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__ */ 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") })
-											})
+										/* @__PURE__ */ f("th", {
+											className: "px-5 py-3 text-center font-medium text-text-secondary",
+											children: "Available"
 										}),
-										/* @__PURE__ */ l("td", {
-											className: "px-5 py-3",
-											children: /* @__PURE__ */ u("div", {
-												className: "flex items-center justify-end gap-1",
-												children: [/* @__PURE__ */ l("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", {
-													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__ */ l(ie, { className: "h-4 w-4" })
-												})]
-											})
+										/* @__PURE__ */ f("th", {
+											className: "px-5 py-3 text-right font-medium text-text-secondary",
+											children: "Actions"
 										})
 									]
-								}, e.id);
-							}) })]
-						})
-					})
-				}), /* @__PURE__ */ l("div", {
-					className: "lg:hidden space-y-3",
-					children: z.map((e) => {
-						let n = X(e);
-						return /* @__PURE__ */ l("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: /* @__PURE__ */ u("div", {
-								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ l("div", {
-									className: "flex h-14 w-14 items-center justify-center rounded-md bg-bg-sunken shrink-0",
-									children: /* @__PURE__ */ l(s, { className: "h-6 w-6 text-text-secondary" })
-								}), /* @__PURE__ */ u("div", {
-									className: "flex-1 min-w-0",
-									children: [
-										/* @__PURE__ */ u("div", {
-											className: "flex items-start justify-between mb-1",
-											children: [/* @__PURE__ */ u("div", {
-												className: "flex-1",
-												children: [/* @__PURE__ */ l("h3", {
-													className: "text-sm font-medium text-text-primary line-clamp-1",
-													children: e.name
-												}), /* @__PURE__ */ l("p", {
-													className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
-													children: e.description
-												})]
-											}), /* @__PURE__ */ l("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__ */ 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") })
-											})]
-										}),
-										/* @__PURE__ */ u("div", {
-											className: "flex flex-wrap items-center gap-2 mt-2 text-xs",
-											children: [/* @__PURE__ */ l("span", {
-												className: "px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary",
-												children: e.category
-											}), /* @__PURE__ */ l("span", {
-												className: t("font-medium", n.color),
-												children: n.label
-											})]
-										}),
-										/* @__PURE__ */ u("div", {
-											className: "flex items-center justify-between mt-3",
-											children: [/* @__PURE__ */ u("div", {
-												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ l("span", {
-													className: "font-semibold text-text-primary",
-													children: r(e.price, { minimumFractionDigits: 0 })
-												}), e.originalPrice && /* @__PURE__ */ l("span", {
+								}) }), /* @__PURE__ */ f("tbody", { children: U.map((e) => {
+									let n = X(e);
+									return /* @__PURE__ */ p("tr", {
+										className: "border-b border-border-subtle last:border-0 hover:bg-bg-sunken/30 transition-colors",
+										children: [
+											/* @__PURE__ */ f("td", {
+												className: "px-5 py-3",
+												children: /* @__PURE__ */ p("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ f("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", {
+														className: "font-medium text-text-primary",
+														children: e.name
+													}), /* @__PURE__ */ p("p", {
+														className: "text-xs text-text-secondary line-clamp-1",
+														children: [e.description.slice(0, 50), "..."]
+													})] })]
+												})
+											}),
+											/* @__PURE__ */ f("td", {
+												className: "px-5 py-3",
+												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__ */ p("td", {
+												className: "px-5 py-3 text-right",
+												children: [/* @__PURE__ */ f("p", {
+													className: "font-medium text-text-primary",
+													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__ */ u("div", {
-												className: "flex gap-1",
-												children: [/* @__PURE__ */ l("button", {
+											}),
+											/* @__PURE__ */ f("td", {
+												className: "px-5 py-3",
+												children: /* @__PURE__ */ f("span", {
+													className: t("text-sm font-medium", n.color),
+													children: n.label
+												})
+											}),
+											/* @__PURE__ */ f("td", {
+												className: "px-5 py-3 text-center",
+												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", {
+													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") })
+												})
+											}),
+											/* @__PURE__ */ f("td", {
+												className: "px-5 py-3",
+												children: /* @__PURE__ */ p("div", {
+													className: "flex items-center justify-end gap-1",
+													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__ */ 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-status-error-bg-subtle hover:text-status-error-text transition-colors",
+														title: "Delete",
+														children: /* @__PURE__ */ f(d, { className: "h-4 w-4" })
+													})]
+												})
+											})
+										]
+									}, e.id);
+								}) })]
+							})
+						})
+					}), /* @__PURE__ */ f("div", {
+						className: "lg:hidden space-y-3",
+						children: U.map((e) => {
+							let n = X(e);
+							return /* @__PURE__ */ f("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+								children: /* @__PURE__ */ p("div", {
+									className: "flex items-start gap-3",
+									children: [/* @__PURE__ */ f("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", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ p("div", {
+												className: "flex items-start justify-between mb-1",
+												children: [/* @__PURE__ */ p("div", {
+													className: "flex-1",
+													children: [/* @__PURE__ */ f("h3", {
+														className: "text-sm font-medium text-text-primary line-clamp-1",
+														children: e.name
+													}), /* @__PURE__ */ f("p", {
+														className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
+														children: e.description
+													})]
+												}), /* @__PURE__ */ f("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",
-													children: "Delete"
+													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") })
 												})]
-											})]
-										})
+											}),
+											/* @__PURE__ */ p("div", {
+												className: "flex flex-wrap items-center gap-2 mt-2 text-xs",
+												children: [/* @__PURE__ */ f("span", {
+													className: "px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary",
+													children: e.category
+												}), /* @__PURE__ */ f("span", {
+													className: t("font-medium", n.color),
+													children: n.label
+												})]
+											}),
+											/* @__PURE__ */ p("div", {
+												className: "flex items-center justify-between mt-3",
+												children: [/* @__PURE__ */ p("div", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ f("span", {
+														className: "font-semibold text-text-primary",
+														children: i(e.price, { minimumFractionDigits: 0 })
+													}), e.originalPrice && /* @__PURE__ */ f("span", {
+														className: "text-xs text-text-secondary line-through",
+														children: i(e.originalPrice, { minimumFractionDigits: 0 })
+													})]
+												}), /* @__PURE__ */ p("div", {
+													className: "flex gap-1",
+													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__ */ f("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",
+														children: "Delete"
+													})]
+												})]
+											})
+										]
+									})]
+								})
+							}, e.id);
+						})
+					})] })
+				]
+			}),
+			O && /* @__PURE__ */ f("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				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__ */ p("div", {
+						className: "p-6",
+						children: [
+							/* @__PURE__ */ p("div", {
+								className: "flex items-center justify-between mb-4",
+								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
+									className: "text-lg font-semibold text-text-primary",
+									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: ",
+										M.category
 									]
+								})] }), /* @__PURE__ */ f("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" })
 								})]
-							})
-						}, e.id);
-					})
-				})] })
-			]
-		}), ue && /* @__PURE__ */ l("div", {
-			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-			children: /* @__PURE__ */ l("div", {
-				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
-				children: /* @__PURE__ */ u("div", {
-					className: "p-6",
-					children: [
-						/* @__PURE__ */ u("div", {
-							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
-								className: "text-lg font-semibold text-text-primary",
-								children: E ? "Edit Item" : "Add New Item"
-							}), O.category && /* @__PURE__ */ u("p", {
-								className: "text-sm text-text-secondary mt-0.5",
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "space-y-4",
 								children: [
-									"Type: ",
-									Z ? "Service" : "Product",
-									" | Category: ",
-									O.category
-								]
-							})] }), /* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: () => T(!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" })
-							})]
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ u("div", {
-									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Item Name *"
-									}), /* @__PURE__ */ l("input", {
-										type: "text",
-										value: O.name,
-										onChange: (e) => k((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", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Category *"
-									}), /* @__PURE__ */ u("select", {
-										value: O.category,
-										onChange: (e) => k((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", {
-											value: "",
-											children: "Select category"
-										}), R.map((e) => /* @__PURE__ */ l("option", {
-											value: e,
-											children: e
-										}, e))]
-									})] })]
-								}),
-								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Description *"
-								}), /* @__PURE__ */ l("textarea", {
-									value: O.description,
-									onChange: (e) => k((t) => ({
-										...t,
-										description: e.target.value
-									})),
-									rows: 3,
-									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary resize-none",
-									placeholder: "Describe the offering..."
-								})] }),
-								/* @__PURE__ */ u("div", {
-									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Price *"
-									}), /* @__PURE__ */ l("input", {
-										type: "number",
-										value: O.price,
-										onChange: (e) => k((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", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+											className: "block text-sm font-medium text-text-primary mb-1",
+											children: "Item Name *"
+										}), /* @__PURE__ */ f("input", {
+											type: "text",
+											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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+											className: "block text-sm font-medium text-text-primary mb-1",
+											children: "Category *"
+										}), /* @__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__ */ f("option", {
+												value: "",
+												children: "Select category"
+											}), H.map((e) => /* @__PURE__ */ f("option", {
+												value: e,
+												children: e
+											}, e))]
+										})] })]
+									}),
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Original Price"
-									}), /* @__PURE__ */ l("input", {
-										type: "number",
-										value: O.originalPrice ?? "",
-										onChange: (e) => k((t) => ({
+										children: "Description *"
+									}), /* @__PURE__ */ f("textarea", {
+										value: M.description,
+										onChange: (e) => N((t) => ({
 											...t,
-											originalPrice: e.target.value ? parseInt(e.target.value) : void 0
+											description: 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: "Optional"
-									})] })]
-								}),
-								!Z && /* @__PURE__ */ u("div", {
-									className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
-									children: [
-										/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										rows: 3,
+										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", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Stock Quantity *"
-										}), /* @__PURE__ */ l("input", {
+											children: "Price *"
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: O.stock,
-											onChange: (e) => k((t) => ({
+											value: M.price,
+											onChange: (e) => N((t) => ({
 												...t,
-												stock: parseInt(e.target.value) || 0
+												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: "Preparation Time (min)"
-										}), /* @__PURE__ */ l("input", {
+											children: "Original Price"
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: O.preparationTime,
-											onChange: (e) => k((t) => ({
+											value: M.originalPrice ?? "",
+											onChange: (e) => N((t) => ({
 												...t,
-												preparationTime: parseInt(e.target.value) || 0
+												originalPrice: e.target.value ? parseInt(e.target.value) : void 0
+											})),
+											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
+											placeholder: "Optional"
+										})] })]
+									}),
+									!Z && /* @__PURE__ */ p("div", {
+										className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
+										children: [
+											/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+												className: "block text-sm font-medium text-text-primary mb-1",
+												children: "Stock Quantity *"
+											}), /* @__PURE__ */ f("input", {
+												type: "number",
+												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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+												className: "block text-sm font-medium text-text-primary mb-1",
+												children: "Preparation Time (min)"
+											}), /* @__PURE__ */ f("input", {
+												type: "number",
+												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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+												className: "block text-sm font-medium text-text-primary mb-1",
+												children: "Calories"
+											}), /* @__PURE__ */ f("input", {
+												type: "number",
+												value: M.calories,
+												onChange: (e) => N((t) => ({
+													...t,
+													calories: 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"
+											})] })
+										]
+									}),
+									Z && /* @__PURE__ */ p("div", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+											className: "block text-sm font-medium text-text-primary mb-1",
+											children: "Service Duration (min) *"
+										}), /* @__PURE__ */ f("input", {
+											type: "number",
+											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"
-										})] }),
-										Q && /* @__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: "Calories"
-										}), /* @__PURE__ */ l("input", {
+											children: "Setup Time (min)"
+										}), /* @__PURE__ */ f("input", {
 											type: "number",
-											value: O.calories,
-											onChange: (e) => k((t) => ({
+											value: M.preparationTime,
+											onChange: (e) => N((t) => ({
 												...t,
-												calories: parseInt(e.target.value) || 0
+												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"
-										})] })
-									]
-								}),
-								Z && /* @__PURE__ */ u("div", {
-									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Service Duration (min) *"
-									}), /* @__PURE__ */ l("input", {
-										type: "number",
-										value: O.duration,
-										onChange: (e) => k((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", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Setup Time (min)"
-									}), /* @__PURE__ */ l("input", {
-										type: "number",
-										value: O.preparationTime,
-										onChange: (e) => k((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", {
-									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+										})] })]
+									}),
+									Q && /* @__PURE__ */ p("div", {
+										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+											className: "block text-sm font-medium text-text-primary mb-1",
+											children: "Spice Level"
+										}), /* @__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__ */ f("option", {
+													value: "none",
+													children: "None"
+												}),
+												/* @__PURE__ */ f("option", {
+													value: "mild",
+													children: "Mild"
+												}),
+												/* @__PURE__ */ f("option", {
+													value: "medium",
+													children: "Medium"
+												}),
+												/* @__PURE__ */ f("option", {
+													value: "spicy",
+													children: "Spicy"
+												}),
+												/* @__PURE__ */ f("option", {
+													value: "very-spicy",
+													children: "Very Spicy"
+												})
+											]
+										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+											className: "block text-sm font-medium text-text-primary mb-2",
+											children: "Dietary Options"
+										}), /* @__PURE__ */ f("div", {
+											className: "space-y-2",
+											children: [
+												"isVegetarian",
+												"isVegan",
+												"isGlutenFree"
+											].map((e) => /* @__PURE__ */ p("label", {
+												className: "flex items-center gap-2 text-sm text-text-primary",
+												children: [/* @__PURE__ */ f("input", {
+													type: "checkbox",
+													checked: M[e],
+													onChange: (t) => N((n) => ({
+														...n,
+														[e]: t.target.checked
+													})),
+													className: "rounded border-border-subtle"
+												}), e === "isVegetarian" ? "Vegetarian" : e === "isVegan" ? "Vegan" : "Gluten Free"]
+											}, e))
+										})] })]
+									}),
+									Z && /* @__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) => ({
+										children: "Service Type *"
+									}), /* @__PURE__ */ p("select", {
+										value: M.serviceType,
+										onChange: (e) => N((t) => ({
 											...t,
-											spiceLevel: e.target.value
+											serviceType: e.target.value
 										})),
-										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
+										className: "w-full sm:w-64 rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 										children: [
-											/* @__PURE__ */ l("option", {
-												value: "none",
-												children: "None"
-											}),
-											/* @__PURE__ */ l("option", {
-												value: "mild",
-												children: "Mild"
+											/* @__PURE__ */ f("option", {
+												value: "instant",
+												children: "Instant Service"
 											}),
-											/* @__PURE__ */ l("option", {
-												value: "medium",
-												children: "Medium"
+											/* @__PURE__ */ f("option", {
+												value: "appointment",
+												children: "Appointment Based"
 											}),
-											/* @__PURE__ */ l("option", {
-												value: "spicy",
-												children: "Spicy"
+											/* @__PURE__ */ f("option", {
+												value: "recurring",
+												children: "Recurring Service"
 											}),
-											/* @__PURE__ */ l("option", {
-												value: "very-spicy",
-												children: "Very Spicy"
+											/* @__PURE__ */ f("option", {
+												value: "consultation",
+												children: "Consultation"
 											})
 										]
-									})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-										className: "block text-sm font-medium text-text-primary mb-2",
-										children: "Dietary Options"
-									}), /* @__PURE__ */ l("div", {
-										className: "space-y-2",
-										children: [
-											"isVegetarian",
-											"isVegan",
-											"isGlutenFree"
-										].map((e) => /* @__PURE__ */ u("label", {
-											className: "flex items-center gap-2 text-sm text-text-primary",
-											children: [/* @__PURE__ */ l("input", {
-												type: "checkbox",
-												checked: O[e],
-												onChange: (t) => k((n) => ({
-													...n,
-													[e]: t.target.checked
-												})),
-												className: "rounded border-border-subtle"
-											}), e === "isVegetarian" ? "Vegetarian" : e === "isVegan" ? "Vegan" : "Gluten Free"]
-										}, e))
-									})] })]
-								}),
-								Z && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Service Type *"
-								}), /* @__PURE__ */ u("select", {
-									value: O.serviceType,
-									onChange: (e) => k((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", {
-											value: "instant",
-											children: "Instant Service"
-										}),
-										/* @__PURE__ */ l("option", {
-											value: "appointment",
-											children: "Appointment Based"
+									})] }),
+									/* @__PURE__ */ p("div", { children: [
+										/* @__PURE__ */ f("label", {
+											className: "block text-sm font-medium text-text-primary mb-1",
+											children: "Tags (comma separated)"
 										}),
-										/* @__PURE__ */ l("option", {
-											value: "recurring",
-											children: "Recurring Service"
+										/* @__PURE__ */ f("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__ */ l("option", {
-											value: "consultation",
-											children: "Consultation"
+										/* @__PURE__ */ p("p", {
+											className: "text-xs text-text-secondary mt-1",
+											children: [
+												P.split(",").map((e) => e.trim()).filter(Boolean).length,
+												" ",
+												"tags"
+											]
 										})
-									]
-								})] }),
-								/* @__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: "Tags (comma separated)"
-									}),
-									/* @__PURE__ */ l("input", {
+										children: "Allergens (comma separated)"
+									}), /* @__PURE__ */ f("input", {
 										type: "text",
-										value: A,
-										onChange: (e) => j(e.target.value),
-										placeholder: Z ? "professional, certified, quick" : "popular, spicy, traditional",
+										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"
-									}),
-									/* @__PURE__ */ u("p", {
-										className: "text-xs text-text-secondary mt-1",
-										children: [
-											A.split(",").map((e) => e.trim()).filter(Boolean).length,
-											" ",
-											"tags"
-										]
-									})
-								] }),
-								Q && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Allergens (comma separated)"
-								}), /* @__PURE__ */ l("input", {
-									type: "text",
-									value: M,
-									onChange: (e) => N(e.target.value),
-									placeholder: "nuts, dairy, gluten, soy",
-									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
-								})] }),
-								Z && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
-									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Service Requirements (comma separated)"
-								}), /* @__PURE__ */ l("input", {
-									type: "text",
-									value: P,
-									onChange: (e) => F(e.target.value),
-									placeholder: "advance booking, payment required, tools provided",
-									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
-								})] })
-							]
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "flex gap-3 mt-6",
-							children: [/* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: () => T(!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", {
-								type: "button",
-								onClick: de,
-								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"
-							})]
-						})
-					]
+									})] }),
+									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__ */ f("input", {
+										type: "text",
+										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__ */ p("div", {
+								className: "flex gap-3 mt-6",
+								children: [/* @__PURE__ */ f("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", {
+									type: "button",
+									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: A ? "Update Item" : "Add Item"
+								})]
+							})
+						]
+					})
 				})
 			})
-		})]
+		]
 	});
 };
 //#endregion
-export { _ as InventoryManagementPage };
+export { b as InventoryManagementPage };
 
 //# sourceMappingURL=InventoryManagementPage.js.map