@nextblock-cms/ecom 0.20.1 → 0.21.0

package/lib/pages/cms/products/categories/components/CategoryManager.es.js

@@ -1,263 +1,316 @@
-'use client';
-import { jsxs as t, jsx as r, Fragment as R } from "react/jsx-runtime";
-import { useState as i, useEffect as G } from "react";
-import { FolderPlus as J, Loader2 as Q, FolderKanban as V, HelpCircle as W, Edit2 as X, Trash2 as Y } from "lucide-react";
-import { toast as l } from "sonner";
-import { useRouter as Z } from "next/navigation";
-import { Card as j, Label as c, Input as w, Textarea as I, Button as g } from "@nextblock-cms/ui";
-function oe({
-  initialCategories: h = [],
-  languages: L = [],
-  createCategory: M,
-  updateCategory: P,
-  deleteCategory: _
-}) {
-  const C = Z(), [k, q] = i(h), [d, m] = i(!1), [o, F] = i(null), [u, b] = i(""), [S, p] = i(""), [T, x] = i(""), [z, f] = i({}), [D, N] = i({}), [A, y] = i(!1), E = (L || []).filter((e) => !e.is_default);
-  G(() => {
-    q(h);
-  }, [h]);
-  const $ = (e) => e.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, ""), U = (e) => {
-    const a = e.target.value;
-    b(a), !A && !o && p($(a));
-  }, B = (e) => {
-    p($(e.target.value)), y(!0);
-  }, H = (e) => {
-    F(e), b(e.name), p(e.slug), x(e.description || ""), f(e.name_translations || {}), N(e.description_translations || {}), y(!0);
-  }, v = () => {
-    F(null), b(""), p(""), x(""), f({}), N({}), y(!1);
-  }, K = async (e) => {
-    if (e.preventDefault(), !u.trim()) {
-      l.error("Category name is required.");
-      return;
-    }
-    m(!0);
-    const a = l.loading(
-      o ? "Updating category..." : "Creating category..."
-    );
-    try {
-      const s = {
-        name: u.trim(),
-        slug: S.trim() || void 0,
-        description: T.trim() || void 0,
-        nameTranslations: z,
-        descriptionTranslations: D
-      };
-      let n;
-      o ? n = await P(o.id, s) : n = await M(s), n.success ? (l.success(
-        o ? "Category updated successfully!" : "Category created successfully!",
-        { id: a }
-      ), v(), C.refresh()) : l.error(n.error || "Failed to save category.", { id: a });
-    } catch (s) {
-      l.error(s.message || "An unexpected error occurred.", { id: a });
-    } finally {
-      m(!1);
-    }
-  }, O = async (e) => {
-    const a = `Are you sure you want to delete the category "${e.name}"? This will detach it from any assigned products.`;
-    if (!window.confirm(a))
-      return;
-    m(!0);
-    const s = l.loading("Deleting category...");
-    try {
-      const n = await _(e.id);
-      n.success ? (l.success("Category deleted successfully!", { id: s }), o?.id === e.id && v(), C.refresh()) : l.error(n.error || "Failed to delete category.", { id: s });
-    } catch (n) {
-      l.error(n.message || "An unexpected error occurred.", { id: s });
-    } finally {
-      m(!1);
-    }
-  };
-  return /* @__PURE__ */ t("div", { className: "grid gap-6 md:grid-cols-12 items-start", children: [
-    /* @__PURE__ */ r("div", { className: "md:col-span-4 space-y-4", children: /* @__PURE__ */ t(j, { className: "p-5 shadow-lg border-t-4 border-t-amber-500 bg-card/65 backdrop-blur-md transition-all duration-300", children: [
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-4", children: [
-        /* @__PURE__ */ r(J, { className: "h-5 w-5 text-amber-500" }),
-        /* @__PURE__ */ r("h2", { className: "text-base font-bold tracking-tight", children: o ? "Edit Category" : "Add New Category" })
-      ] }),
-      /* @__PURE__ */ t("form", { onSubmit: K, className: "space-y-4", children: [
-        /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ r(c, { htmlFor: "name", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Name" }),
-          /* @__PURE__ */ r(
-            w,
-            {
-              id: "name",
-              placeholder: "e.g. T-Shirts",
-              value: u,
-              onChange: U,
-              disabled: d,
-              className: "h-8 text-sm",
-              required: !0
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ t(c, { htmlFor: "slug", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ r("span", { children: "Slug" }),
-            !A && !o && /* @__PURE__ */ r("span", { className: "text-[10px] text-amber-600 dark:text-amber-400 capitalize", children: "Auto-generating" })
-          ] }),
-          /* @__PURE__ */ r(
-            w,
-            {
-              id: "slug",
-              placeholder: "e.g. t-shirts",
-              value: S,
-              onChange: B,
-              disabled: d,
-              className: "h-8 text-sm font-mono"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ r(c, { htmlFor: "description", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Description" }),
-          /* @__PURE__ */ r(
-            I,
-            {
-              id: "description",
-              placeholder: "Optional description of the category...",
-              value: T,
-              onChange: (e) => x(e.target.value),
-              disabled: d,
-              className: "text-sm min-h-[90px] resize-none"
-            }
-          )
-        ] }),
-        E.length > 0 && /* @__PURE__ */ t("div", { className: "border-t border-border/50 pt-4 mt-4 space-y-4", children: [
-          /* @__PURE__ */ r("h3", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider", children: "Translations" }),
-          E.map((e) => /* @__PURE__ */ t("div", { className: "space-y-3 p-3 rounded-md bg-muted/30 border border-border/30", children: [
-            /* @__PURE__ */ r("span", { className: "text-[11px] font-bold text-amber-600 dark:text-amber-400 uppercase tracking-wider", children: e.name }),
-            /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ t(c, { htmlFor: `name-${e.code}`, className: "text-[10px] uppercase font-bold text-muted-foreground tracking-wider leading-none", children: [
-                "Name (",
-                e.code,
-                ")"
-              ] }),
-              /* @__PURE__ */ r(
-                w,
-                {
-                  id: `name-${e.code}`,
-                  placeholder: `Translation for ${u || "Name"}`,
-                  value: z[e.code] || "",
-                  onChange: (a) => f((s) => ({ ...s, [e.code]: a.target.value })),
-                  disabled: d,
-                  className: "h-8 text-sm"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ t(c, { htmlFor: `desc-${e.code}`, className: "text-[10px] uppercase font-bold text-muted-foreground tracking-wider leading-none", children: [
-                "Description (",
-                e.code,
-                ")"
-              ] }),
-              /* @__PURE__ */ r(
-                I,
-                {
-                  id: `desc-${e.code}`,
-                  placeholder: "Translation for Description",
-                  value: D[e.code] || "",
-                  onChange: (a) => N((s) => ({ ...s, [e.code]: a.target.value })),
-                  disabled: d,
-                  className: "text-sm min-h-[60px] resize-none"
-                }
-              )
-            ] })
-          ] }, e.code))
-        ] }),
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-2 pt-2", children: [
-          /* @__PURE__ */ r(
-            g,
-            {
-              type: "submit",
-              disabled: d,
-              size: "sm",
-              className: "flex-1 bg-amber-600 hover:bg-amber-500 text-white font-medium shadow-md shadow-amber-600/10 h-8 text-xs cursor-pointer",
-              children: d ? /* @__PURE__ */ t(R, { children: [
-                /* @__PURE__ */ r(Q, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }),
-                "Saving..."
-              ] }) : o ? "Update Category" : "Create Category"
-            }
-          ),
-          o && /* @__PURE__ */ r(
-            g,
-            {
-              type: "button",
-              onClick: v,
-              disabled: d,
-              variant: "outline",
-              size: "sm",
-              className: "h-8 text-xs border-dashed cursor-pointer",
-              children: "Cancel"
-            }
-          )
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ r("div", { className: "md:col-span-8", children: /* @__PURE__ */ t(j, { className: "p-4 shadow-lg bg-card/65 backdrop-blur-md border border-border/40", children: [
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-4 pb-2 border-b border-border/50", children: [
-        /* @__PURE__ */ r(V, { className: "h-5 w-5 text-muted-foreground" }),
-        /* @__PURE__ */ t("div", { children: [
-          /* @__PURE__ */ r("h2", { className: "text-base font-bold tracking-tight", children: "Active Categories" }),
-          /* @__PURE__ */ r("p", { className: "text-[11px] text-muted-foreground leading-none mt-0.5", children: "Categories are shared globally across languages." })
-        ] })
-      ] }),
-      k.length === 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center border-2 border-dashed border-border/60 rounded-lg bg-muted/20 animate-in fade-in duration-300", children: [
-        /* @__PURE__ */ r(W, { className: "h-10 w-10 text-muted-foreground/50 mb-3" }),
-        /* @__PURE__ */ r("h3", { className: "text-sm font-bold text-muted-foreground", children: "No Categories Found" }),
-        /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground/80 max-w-sm mt-1", children: "Add your first category using the form on the left to start organizing your catalog products." })
-      ] }) : /* @__PURE__ */ r("div", { className: "overflow-x-auto border rounded-lg bg-background/50", children: /* @__PURE__ */ t("table", { className: "w-full text-left border-collapse text-xs", children: [
-        /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ t("tr", { className: "border-b bg-muted/40 font-bold uppercase tracking-wider text-muted-foreground/85 select-none", children: [
-          /* @__PURE__ */ r("th", { className: "p-3 pl-4", children: "Name" }),
-          /* @__PURE__ */ r("th", { className: "p-3", children: "Slug" }),
-          /* @__PURE__ */ r("th", { className: "p-3 text-center", children: "Products" }),
-          /* @__PURE__ */ r("th", { className: "p-3 pr-4 text-right", children: "Actions" })
-        ] }) }),
-        /* @__PURE__ */ r("tbody", { className: "divide-y divide-border/60", children: k.map((e) => /* @__PURE__ */ t(
-          "tr",
-          {
-            className: "hover:bg-muted/10 transition-colors group",
-            children: [
-              /* @__PURE__ */ t("td", { className: "p-3 pl-4", children: [
-                /* @__PURE__ */ r("div", { className: "font-semibold text-slate-800 dark:text-slate-100", children: e.name }),
-                e.description && /* @__PURE__ */ r("div", { className: "text-[10px] text-muted-foreground mt-0.5 max-w-xs truncate leading-normal", title: e.description, children: e.description })
-              ] }),
-              /* @__PURE__ */ r("td", { className: "p-3", children: /* @__PURE__ */ t("code", { className: "px-1.5 py-0.5 rounded bg-muted/65 font-mono text-[10px]", children: [
-                "/",
-                e.slug
-              ] }) }),
-              /* @__PURE__ */ r("td", { className: "p-3 text-center", children: /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-amber-500/10 text-amber-800 dark:text-amber-300 border border-amber-500/15", children: e.productCount }) }),
-              /* @__PURE__ */ r("td", { className: "p-3 pr-4 text-right", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-end gap-1.5", children: [
-                /* @__PURE__ */ r(
-                  g,
-                  {
-                    variant: "outline",
-                    size: "icon",
-                    disabled: d,
-                    onClick: () => H(e),
-                    className: "h-7 w-7 opacity-85 hover:opacity-100 group-hover:border-amber-500/30 cursor-pointer",
-                    title: "Edit Category",
-                    children: /* @__PURE__ */ r(X, { className: "h-3.5 w-3.5 text-muted-foreground group-hover:text-amber-600 dark:group-hover:text-amber-400" })
-                  }
-                ),
-                /* @__PURE__ */ r(
-                  g,
-                  {
-                    variant: "outline",
-                    size: "icon",
-                    disabled: d,
-                    onClick: () => O(e),
-                    className: "h-7 w-7 opacity-85 hover:opacity-100 group-hover:border-red-500/30 cursor-pointer",
-                    title: "Delete Category",
-                    children: /* @__PURE__ */ r(Y, { className: "h-3.5 w-3.5 text-muted-foreground group-hover:text-red-500" })
-                  }
-                )
-              ] }) })
-            ]
-          },
-          e.id
-        )) })
-      ] }) })
-    ] }) })
-  ] });
+"use client";
+import { useEffect as e, useState as t } from "react";
+import { Edit2 as n, FolderKanban as r, FolderPlus as i, HelpCircle as a, Loader2 as o, Trash2 as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { toast as d } from "sonner";
+import { useRouter as f } from "next/navigation";
+import { Button as p, Card as m, Input as h, Label as g, Textarea as _ } from "@nextblock-cms/ui";
+//#region libs/ecommerce/src/lib/pages/cms/products/categories/components/CategoryManager.tsx
+function v({ initialCategories: v = [], languages: y = [], createCategory: b, updateCategory: x, deleteCategory: S }) {
+	let C = f(), [w, T] = t(v), [E, D] = t(!1), [O, k] = t(null), [A, j] = t(""), [M, N] = t(""), [P, F] = t(""), [I, L] = t({}), [R, z] = t({}), [B, V] = t(!1), H = (y || []).filter((e) => !e.is_default);
+	e(() => {
+		T(v);
+	}, [v]);
+	let U = (e) => e.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, ""), W = (e) => {
+		let t = e.target.value;
+		j(t), !B && !O && N(U(t));
+	}, G = (e) => {
+		N(U(e.target.value)), V(!0);
+	}, K = (e) => {
+		k(e), j(e.name), N(e.slug), F(e.description || ""), L(e.name_translations || {}), z(e.description_translations || {}), V(!0);
+	}, q = () => {
+		k(null), j(""), N(""), F(""), L({}), z({}), V(!1);
+	}, J = async (e) => {
+		if (e.preventDefault(), !A.trim()) {
+			d.error("Category name is required.");
+			return;
+		}
+		D(!0);
+		let t = d.loading(O ? "Updating category..." : "Creating category...");
+		try {
+			let e = {
+				name: A.trim(),
+				slug: M.trim() || void 0,
+				description: P.trim() || void 0,
+				nameTranslations: I,
+				descriptionTranslations: R
+			}, n;
+			n = O ? await x(O.id, e) : await b(e), n.success ? (d.success(O ? "Category updated successfully!" : "Category created successfully!", { id: t }), q(), C.refresh()) : d.error(n.error || "Failed to save category.", { id: t });
+		} catch (e) {
+			d.error(e.message || "An unexpected error occurred.", { id: t });
+		} finally {
+			D(!1);
+		}
+	}, Y = async (e) => {
+		let t = `Are you sure you want to delete the category "${e.name}"? This will detach it from any assigned products.`;
+		if (!window.confirm(t)) return;
+		D(!0);
+		let n = d.loading("Deleting category...");
+		try {
+			let t = await S(e.id);
+			t.success ? (d.success("Category deleted successfully!", { id: n }), O?.id === e.id && q(), C.refresh()) : d.error(t.error || "Failed to delete category.", { id: n });
+		} catch (e) {
+			d.error(e.message || "An unexpected error occurred.", { id: n });
+		} finally {
+			D(!1);
+		}
+	};
+	return /* @__PURE__ */ u("div", {
+		className: "grid gap-6 md:grid-cols-12 items-start",
+		children: [/* @__PURE__ */ l("div", {
+			className: "md:col-span-4 space-y-4",
+			children: /* @__PURE__ */ u(m, {
+				className: "p-5 shadow-lg border-t-4 border-t-amber-500 bg-card/65 backdrop-blur-md transition-all duration-300",
+				children: [/* @__PURE__ */ u("div", {
+					className: "flex items-center gap-2 mb-4",
+					children: [/* @__PURE__ */ l(i, { className: "h-5 w-5 text-amber-500" }), /* @__PURE__ */ l("h2", {
+						className: "text-base font-bold tracking-tight",
+						children: O ? "Edit Category" : "Add New Category"
+					})]
+				}), /* @__PURE__ */ u("form", {
+					onSubmit: J,
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ u("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ l(g, {
+								htmlFor: "name",
+								className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+								children: "Name"
+							}), /* @__PURE__ */ l(h, {
+								id: "name",
+								placeholder: "e.g. T-Shirts",
+								value: A,
+								onChange: W,
+								disabled: E,
+								className: "h-8 text-sm",
+								required: !0
+							})]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ u(g, {
+								htmlFor: "slug",
+								className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none flex items-center justify-between w-full",
+								children: [/* @__PURE__ */ l("span", { children: "Slug" }), !B && !O && /* @__PURE__ */ l("span", {
+									className: "text-[10px] text-amber-600 dark:text-amber-400 capitalize",
+									children: "Auto-generating"
+								})]
+							}), /* @__PURE__ */ l(h, {
+								id: "slug",
+								placeholder: "e.g. t-shirts",
+								value: M,
+								onChange: G,
+								disabled: E,
+								className: "h-8 text-sm font-mono"
+							})]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ l(g, {
+								htmlFor: "description",
+								className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+								children: "Description"
+							}), /* @__PURE__ */ l(_, {
+								id: "description",
+								placeholder: "Optional description of the category...",
+								value: P,
+								onChange: (e) => F(e.target.value),
+								disabled: E,
+								className: "text-sm min-h-[90px] resize-none"
+							})]
+						}),
+						H.length > 0 && /* @__PURE__ */ u("div", {
+							className: "border-t border-border/50 pt-4 mt-4 space-y-4",
+							children: [/* @__PURE__ */ l("h3", {
+								className: "text-xs uppercase font-bold text-muted-foreground tracking-wider",
+								children: "Translations"
+							}), H.map((e) => /* @__PURE__ */ u("div", {
+								className: "space-y-3 p-3 rounded-md bg-muted/30 border border-border/30",
+								children: [
+									/* @__PURE__ */ l("span", {
+										className: "text-[11px] font-bold text-amber-600 dark:text-amber-400 uppercase tracking-wider",
+										children: e.name
+									}),
+									/* @__PURE__ */ u("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ u(g, {
+											htmlFor: `name-${e.code}`,
+											className: "text-[10px] uppercase font-bold text-muted-foreground tracking-wider leading-none",
+											children: [
+												"Name (",
+												e.code,
+												")"
+											]
+										}), /* @__PURE__ */ l(h, {
+											id: `name-${e.code}`,
+											placeholder: `Translation for ${A || "Name"}`,
+											value: I[e.code] || "",
+											onChange: (t) => L((n) => ({
+												...n,
+												[e.code]: t.target.value
+											})),
+											disabled: E,
+											className: "h-8 text-sm"
+										})]
+									}),
+									/* @__PURE__ */ u("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ u(g, {
+											htmlFor: `desc-${e.code}`,
+											className: "text-[10px] uppercase font-bold text-muted-foreground tracking-wider leading-none",
+											children: [
+												"Description (",
+												e.code,
+												")"
+											]
+										}), /* @__PURE__ */ l(_, {
+											id: `desc-${e.code}`,
+											placeholder: "Translation for Description",
+											value: R[e.code] || "",
+											onChange: (t) => z((n) => ({
+												...n,
+												[e.code]: t.target.value
+											})),
+											disabled: E,
+											className: "text-sm min-h-[60px] resize-none"
+										})]
+									})
+								]
+							}, e.code))]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "flex items-center gap-2 pt-2",
+							children: [/* @__PURE__ */ l(p, {
+								type: "submit",
+								disabled: E,
+								size: "sm",
+								className: "flex-1 bg-amber-600 hover:bg-amber-500 text-white font-medium shadow-md shadow-amber-600/10 h-8 text-xs cursor-pointer",
+								children: E ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(o, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }), "Saving..."] }) : O ? "Update Category" : "Create Category"
+							}), O && /* @__PURE__ */ l(p, {
+								type: "button",
+								onClick: q,
+								disabled: E,
+								variant: "outline",
+								size: "sm",
+								className: "h-8 text-xs border-dashed cursor-pointer",
+								children: "Cancel"
+							})]
+						})
+					]
+				})]
+			})
+		}), /* @__PURE__ */ l("div", {
+			className: "md:col-span-8",
+			children: /* @__PURE__ */ u(m, {
+				className: "p-4 shadow-lg bg-card/65 backdrop-blur-md border border-border/40",
+				children: [/* @__PURE__ */ u("div", {
+					className: "flex items-center gap-2 mb-4 pb-2 border-b border-border/50",
+					children: [/* @__PURE__ */ l(r, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
+						className: "text-base font-bold tracking-tight",
+						children: "Active Categories"
+					}), /* @__PURE__ */ l("p", {
+						className: "text-[11px] text-muted-foreground leading-none mt-0.5",
+						children: "Categories are shared globally across languages."
+					})] })]
+				}), w.length === 0 ? /* @__PURE__ */ u("div", {
+					className: "flex flex-col items-center justify-center py-12 px-4 text-center border-2 border-dashed border-border/60 rounded-lg bg-muted/20 animate-in fade-in duration-300",
+					children: [
+						/* @__PURE__ */ l(a, { className: "h-10 w-10 text-muted-foreground/50 mb-3" }),
+						/* @__PURE__ */ l("h3", {
+							className: "text-sm font-bold text-muted-foreground",
+							children: "No Categories Found"
+						}),
+						/* @__PURE__ */ l("p", {
+							className: "text-xs text-muted-foreground/80 max-w-sm mt-1",
+							children: "Add your first category using the form on the left to start organizing your catalog products."
+						})
+					]
+				}) : /* @__PURE__ */ l("div", {
+					className: "overflow-x-auto border rounded-lg bg-background/50",
+					children: /* @__PURE__ */ u("table", {
+						className: "w-full text-left border-collapse text-xs",
+						children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
+							className: "border-b bg-muted/40 font-bold uppercase tracking-wider text-muted-foreground/85 select-none",
+							children: [
+								/* @__PURE__ */ l("th", {
+									className: "p-3 pl-4",
+									children: "Name"
+								}),
+								/* @__PURE__ */ l("th", {
+									className: "p-3",
+									children: "Slug"
+								}),
+								/* @__PURE__ */ l("th", {
+									className: "p-3 text-center",
+									children: "Products"
+								}),
+								/* @__PURE__ */ l("th", {
+									className: "p-3 pr-4 text-right",
+									children: "Actions"
+								})
+							]
+						}) }), /* @__PURE__ */ l("tbody", {
+							className: "divide-y divide-border/60",
+							children: w.map((e) => /* @__PURE__ */ u("tr", {
+								className: "hover:bg-muted/10 transition-colors group",
+								children: [
+									/* @__PURE__ */ u("td", {
+										className: "p-3 pl-4",
+										children: [/* @__PURE__ */ l("div", {
+											className: "font-semibold text-slate-800 dark:text-slate-100",
+											children: e.name
+										}), e.description && /* @__PURE__ */ l("div", {
+											className: "text-[10px] text-muted-foreground mt-0.5 max-w-xs truncate leading-normal",
+											title: e.description,
+											children: e.description
+										})]
+									}),
+									/* @__PURE__ */ l("td", {
+										className: "p-3",
+										children: /* @__PURE__ */ u("code", {
+											className: "px-1.5 py-0.5 rounded bg-muted/65 font-mono text-[10px]",
+											children: ["/", e.slug]
+										})
+									}),
+									/* @__PURE__ */ l("td", {
+										className: "p-3 text-center",
+										children: /* @__PURE__ */ l("span", {
+											className: "inline-flex items-center justify-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-amber-500/10 text-amber-800 dark:text-amber-300 border border-amber-500/15",
+											children: e.productCount
+										})
+									}),
+									/* @__PURE__ */ l("td", {
+										className: "p-3 pr-4 text-right",
+										children: /* @__PURE__ */ u("div", {
+											className: "flex items-center justify-end gap-1.5",
+											children: [/* @__PURE__ */ l(p, {
+												variant: "outline",
+												size: "icon",
+												disabled: E,
+												onClick: () => K(e),
+												className: "h-7 w-7 opacity-85 hover:opacity-100 group-hover:border-amber-500/30 cursor-pointer",
+												title: "Edit Category",
+												children: /* @__PURE__ */ l(n, { className: "h-3.5 w-3.5 text-muted-foreground group-hover:text-amber-600 dark:group-hover:text-amber-400" })
+											}), /* @__PURE__ */ l(p, {
+												variant: "outline",
+												size: "icon",
+												disabled: E,
+												onClick: () => Y(e),
+												className: "h-7 w-7 opacity-85 hover:opacity-100 group-hover:border-red-500/30 cursor-pointer",
+												title: "Delete Category",
+												children: /* @__PURE__ */ l(s, { className: "h-3.5 w-3.5 text-muted-foreground group-hover:text-red-500" })
+											})]
+										})
+									})
+								]
+							}, e.id))
+						})]
+					})
+				})]
+			})
+		})]
+	});
 }
-export {
-  oe as CategoryManager
-};
+//#endregion
+export { v as CategoryManager };