@nextblock-cms/ecom 0.20.1 → 0.21.0

package/lib/pages/cms/products/components/ProductsBulkTable.es.js

@@ -1,296 +1,305 @@
-'use client';
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import Z from "next/image";
-import B from "next/link";
-import { useRouter as ee } from "next/navigation";
-import { useState as u, useTransition as te, useMemo as x, useEffect as z } from "react";
-import { Search as le, Archive as re, Trash2 as ne, ChevronLeft as ae, ChevronRight as ie } from "lucide-react";
-import { Input as se, Button as f, Table as ce, TableHeader as oe, TableRow as A, TableHead as c, Checkbox as L, TableBody as de, TableCell as s, Badge as he, SeoScoreBadge as me, Select as ue, SelectTrigger as fe, SelectValue as ge, SelectContent as xe, SelectItem as pe } from "@nextblock-cms/ui";
-import { formatPrice as R } from "@nextblock-cms/utils";
-import { DeleteProductButton as be } from "./DeleteProductButton.es.js";
-const V = process.env.NEXT_PUBLIC_R2_BASE_URL || "";
-function ve(a) {
-  return a ? a.startsWith("http") || !V ? a : `${V.replace(/\/+$/, "")}/${a.replace(/^\/+/, "")}` : null;
+"use client";
+import { DeleteProductButton as e } from "./DeleteProductButton.es.js";
+import t from "next/link";
+import { useEffect as n, useMemo as r, useState as i, useTransition as a } from "react";
+import { Archive as ee, ChevronLeft as te, ChevronRight as ne, Search as re, Trash2 as o } from "lucide-react";
+import { formatPrice as s } from "@nextblock-cms/utils";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useRouter as ie } from "next/navigation";
+import ae from "next/image";
+import { Badge as oe, Button as u, Checkbox as d, Input as se, Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g, SeoScoreBadge as _, Table as v, TableBody as y, TableCell as b, TableHead as x, TableHeader as S, TableRow as C } from "@nextblock-cms/ui";
+//#region libs/ecommerce/src/lib/pages/cms/products/components/ProductsBulkTable.tsx
+var w = process.env.NEXT_PUBLIC_R2_BASE_URL || "";
+function T(e) {
+	return e ? e.startsWith("http") || !w ? e : `${w.replace(/\/+$/, "")}/${e.replace(/^\/+/, "")}` : null;
 }
-function Te({
-  products: a,
-  languageLabels: P,
-  defaultCurrencyCode: T,
-  deleteProductAction: D,
-  bulkDeleteProductsAction: U,
-  bulkDraftProductsAction: Q
-}) {
-  const H = ee(), [d, p] = u(() => /* @__PURE__ */ new Set()), [b, F] = u(""), [I, v] = u(null), [S, C] = u(null), [M, K] = te(), _ = x(() => {
-    const e = b.trim().toLowerCase();
-    return e ? a.filter((r) => {
-      const i = P[String(r.language_id)] || "";
-      return [
-        r.title,
-        r.sku,
-        r.slug,
-        r.status,
-        i
-      ].filter(Boolean).join(" ").toLowerCase().includes(e);
-    }) : a;
-  }, [P, a, b]), [O, N] = u(1), [o, W] = u(25);
-  z(() => {
-    N(1);
-  }, [b]);
-  const w = _.length, y = Math.max(1, Math.ceil(w / o)), h = Math.min(O, y), k = x(() => {
-    const e = (h - 1) * o;
-    return _.slice(e, e + o);
-  }, [_, h, o]), E = x(() => a.map((e) => e.id), [a]), g = x(
-    () => k.map((e) => e.id),
-    [k]
-  ), m = x(
-    () => a.filter((e) => d.has(e.id)),
-    [a, d]
-  ).length, X = m > 1, q = g.filter(
-    (e) => d.has(e)
-  ).length, $ = g.length > 0 && g.every((e) => d.has(e)), G = q > 0 && !$;
-  z(() => {
-    const e = new Set(E);
-    p((r) => {
-      const i = new Set(
-        Array.from(r).filter((n) => e.has(n))
-      );
-      return i.size === r.size ? r : i;
-    });
-  }, [E]);
-  const J = (e) => {
-    p((r) => {
-      const i = new Set(r);
-      return e ? g.forEach((n) => i.add(n)) : g.forEach((n) => i.delete(n)), i;
-    });
-  }, Y = (e, r) => {
-    p((i) => {
-      const n = new Set(i);
-      return r ? n.add(e) : n.delete(e), n;
-    });
-  }, j = (e, r, i) => {
-    if (m === 0) {
-      v("Select at least one product first.");
-      return;
-    }
-    window.confirm(r) && (v(null), C(e), K(async () => {
-      try {
-        const n = await i(Array.from(d));
-        if (!n.success) {
-          v(n.error || "Bulk action failed. Please try again."), C(null);
-          return;
-        }
-        p(/* @__PURE__ */ new Set()), H.refresh();
-      } catch (n) {
-        console.error("Bulk product action failed:", n), v("Bulk action failed. Please try again.");
-      } finally {
-        C(null);
-      }
-    }));
-  };
-  return /* @__PURE__ */ l("div", { className: "rounded-lg border overflow-hidden dark:border-slate-700", children: [
-    /* @__PURE__ */ l("div", { className: "flex min-h-14 flex-wrap items-center justify-between gap-3 border-b bg-muted/20 px-4 py-3", children: [
-      /* @__PURE__ */ l("div", { className: "flex min-w-[260px] flex-1 flex-wrap items-center gap-3", children: [
-        /* @__PURE__ */ l("div", { className: "relative w-full max-w-sm", children: [
-          /* @__PURE__ */ t(le, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-          /* @__PURE__ */ t(
-            se,
-            {
-              value: b,
-              onChange: (e) => F(e.target.value),
-              placeholder: "Search products...",
-              className: "h-9 pl-9",
-              "aria-label": "Search products"
-            }
-          )
-        ] }),
-        m > 0 ? /* @__PURE__ */ l("span", { className: "text-sm font-medium text-foreground", children: [
-          m,
-          " selected"
-        ] }) : null,
-        I ? /* @__PURE__ */ t("span", { className: "text-sm text-destructive", children: I }) : null
-      ] }),
-      X ? /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ l(
-          f,
-          {
-            variant: "outline",
-            size: "sm",
-            disabled: M,
-            onClick: () => j(
-              "Moving to draft...",
-              `Move ${m} selected products to draft?`,
-              Q
-            ),
-            children: [
-              /* @__PURE__ */ t(re, { className: "mr-2 h-4 w-4" }),
-              S === "Moving to draft..." ? S : "Set Draft"
-            ]
-          }
-        ),
-        /* @__PURE__ */ l(
-          f,
-          {
-            variant: "destructive",
-            size: "sm",
-            disabled: M,
-            onClick: () => j(
-              "Deleting...",
-              `Delete ${m} selected products? This action cannot be undone.`,
-              U
-            ),
-            children: [
-              /* @__PURE__ */ t(ne, { className: "mr-2 h-4 w-4" }),
-              S === "Deleting..." ? S : "Delete"
-            ]
-          }
-        )
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ l(ce, { children: [
-      /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ l(A, { children: [
-        /* @__PURE__ */ t(c, { className: "w-12", children: /* @__PURE__ */ t(
-          L,
-          {
-            checked: $ ? !0 : G ? "indeterminate" : !1,
-            onCheckedChange: (e) => J(e === !0),
-            "aria-label": "Select all products on this page"
-          }
-        ) }),
-        /* @__PURE__ */ t(c, { children: "Image" }),
-        /* @__PURE__ */ t(c, { children: "Title" }),
-        /* @__PURE__ */ t(c, { children: "SKU" }),
-        /* @__PURE__ */ t(c, { children: "Price" }),
-        /* @__PURE__ */ t(c, { children: "Language" }),
-        /* @__PURE__ */ t(c, { children: "SEO" }),
-        /* @__PURE__ */ t(c, { children: "Stock" }),
-        /* @__PURE__ */ t(c, { children: "Status" }),
-        /* @__PURE__ */ t(c, { className: "text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ t(de, { children: k.length > 0 ? k.map((e) => {
-        const r = ve(
-          e.product_media?.[0]?.media?.file_path || e.product_media?.[0]?.media?.object_key
-        );
-        return /* @__PURE__ */ l(
-          A,
-          {
-            "data-state": d.has(e.id) ? "selected" : void 0,
-            children: [
-              /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
-                L,
-                {
-                  checked: d.has(e.id),
-                  onCheckedChange: (i) => Y(e.id, i === !0),
-                  "aria-label": `Select ${e.title}`
-                }
-              ) }),
-              /* @__PURE__ */ t(s, { children: r ? /* @__PURE__ */ t(
-                Z,
-                {
-                  src: r,
-                  alt: e.title,
-                  width: 40,
-                  height: 40,
-                  className: "w-10 h-10 object-cover rounded"
-                }
-              ) : /* @__PURE__ */ t("div", { className: "w-10 h-10 bg-gray-200 rounded flex items-center justify-center text-xs text-gray-500", children: "No Img" }) }),
-              /* @__PURE__ */ t(s, { className: "font-medium", children: /* @__PURE__ */ t(B, { href: `/cms/products/${e.id}/edit`, className: "hover:underline", children: e.title }) }),
-              /* @__PURE__ */ t(s, { children: e.sku }),
-              /* @__PURE__ */ t(s, { children: /* @__PURE__ */ l("div", { className: "flex items-baseline gap-2", children: [
-                /* @__PURE__ */ t("span", { className: e.sale_price ? "font-semibold text-primary" : "", children: typeof (e.sale_price ?? e.price) == "number" ? R(
-                  e.sale_price ?? e.price ?? 0,
-                  T
-                ) : "N/A" }),
-                e.sale_price ? /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground line-through", children: R(e.price ?? 0, T) }) : null
-              ] }) }),
-              /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(he, { variant: "outline", children: P[String(e.language_id)] || "N/A" }) }),
-              /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(me, { score: e.seo_score }) }),
-              /* @__PURE__ */ t(s, { children: e.stock }),
-              /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
-                "span",
-                {
-                  className: `px-2 py-1 rounded text-xs ${e.status === "active" ? "bg-green-100 text-green-800" : e.status === "archived" ? "bg-gray-100 text-gray-800" : "bg-yellow-100 text-yellow-800"}`,
-                  children: e.status
-                }
-              ) }),
-              /* @__PURE__ */ l(s, { className: "text-right flex justify-end gap-2 items-center", children: [
-                e.slug ? /* @__PURE__ */ t(B, { href: `/product/${e.slug}`, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ t(f, { variant: "outline", size: "sm", children: "View Product" }) }) : null,
-                /* @__PURE__ */ t(B, { href: `/cms/products/${e.id}/edit`, children: /* @__PURE__ */ t(f, { variant: "ghost", size: "sm", children: "Edit" }) }),
-                /* @__PURE__ */ t(
-                  be,
-                  {
-                    productName: e.title,
-                    isIcon: !0,
-                    deleteAction: () => D(e.id)
-                  }
-                )
-              ] })
-            ]
-          },
-          e.id
-        );
-      }) : /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(s, { colSpan: 10, className: "text-center py-10", children: a.length === 0 ? "No products found." : "No products match your search." }) }) })
-    ] }),
-    w > 0 && /* @__PURE__ */ l("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 px-2 py-4 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ t("span", { children: "Rows per page:" }),
-        /* @__PURE__ */ l(
-          ue,
-          {
-            value: String(o),
-            onValueChange: (e) => {
-              W(Number(e)), N(1);
-            },
-            children: [
-              /* @__PURE__ */ t(fe, { className: "h-8 w-[70px]", children: /* @__PURE__ */ t(ge, { placeholder: String(o) }) }),
-              /* @__PURE__ */ t(xe, { side: "top", children: [10, 25, 50, 100].map((e) => /* @__PURE__ */ t(pe, { value: String(e), children: e }, e)) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ l("span", { className: "ml-2", children: [
-          "Showing ",
-          (h - 1) * o + 1,
-          " to ",
-          Math.min(h * o, w),
-          " of ",
-          w,
-          " products"
-        ] })
-      ] }),
-      /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ l("span", { children: [
-          "Page ",
-          h,
-          " of ",
-          y
-        ] }),
-        /* @__PURE__ */ t(
-          f,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-8 w-8 p-0",
-            onClick: () => N((e) => Math.max(1, e - 1)),
-            disabled: h <= 1,
-            "aria-label": "Previous page",
-            children: /* @__PURE__ */ t(ae, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ t(
-          f,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-8 w-8 p-0",
-            onClick: () => N((e) => Math.min(y, e + 1)),
-            disabled: h >= y,
-            "aria-label": "Next page",
-            children: /* @__PURE__ */ t(ie, { className: "h-4 w-4" })
-          }
-        )
-      ] })
-    ] })
-  ] });
+function E({ products: w, languageLabels: E, defaultCurrencyCode: D, deleteProductAction: ce, bulkDeleteProductsAction: O, bulkDraftProductsAction: k }) {
+	let A = ie(), [j, M] = i(() => /* @__PURE__ */ new Set()), [N, P] = i(""), [F, I] = i(null), [L, R] = i(null), [z, B] = a(), V = r(() => {
+		let e = N.trim().toLowerCase();
+		return e ? w.filter((t) => {
+			let n = E[String(t.language_id)] || "";
+			return [
+				t.title,
+				t.sku,
+				t.slug,
+				t.status,
+				n
+			].filter(Boolean).join(" ").toLowerCase().includes(e);
+		}) : w;
+	}, [
+		E,
+		w,
+		N
+	]), [H, U] = i(1), [W, le] = i(25);
+	n(() => {
+		U(1);
+	}, [N]);
+	let G = V.length, K = Math.max(1, Math.ceil(G / W)), q = Math.min(H, K), J = r(() => {
+		let e = (q - 1) * W;
+		return V.slice(e, e + W);
+	}, [
+		V,
+		q,
+		W
+	]), Y = r(() => w.map((e) => e.id), [w]), X = r(() => J.map((e) => e.id), [J]), Z = r(() => w.filter((e) => j.has(e.id)), [w, j]).length, ue = Z > 1, de = X.filter((e) => j.has(e)).length, Q = X.length > 0 && X.every((e) => j.has(e)), fe = de > 0 && !Q;
+	n(() => {
+		let e = new Set(Y);
+		M((t) => {
+			let n = new Set(Array.from(t).filter((t) => e.has(t)));
+			return n.size === t.size ? t : n;
+		});
+	}, [Y]);
+	let pe = (e) => {
+		M((t) => {
+			let n = new Set(t);
+			return e ? X.forEach((e) => n.add(e)) : X.forEach((e) => n.delete(e)), n;
+		});
+	}, me = (e, t) => {
+		M((n) => {
+			let r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		});
+	}, $ = (e, t, n) => {
+		if (Z === 0) {
+			I("Select at least one product first.");
+			return;
+		}
+		window.confirm(t) && (I(null), R(e), B(async () => {
+			try {
+				let e = await n(Array.from(j));
+				if (!e.success) {
+					I(e.error || "Bulk action failed. Please try again."), R(null);
+					return;
+				}
+				M(/* @__PURE__ */ new Set()), A.refresh();
+			} catch (e) {
+				console.error("Bulk product action failed:", e), I("Bulk action failed. Please try again.");
+			} finally {
+				R(null);
+			}
+		}));
+	};
+	return /* @__PURE__ */ l("div", {
+		className: "rounded-lg border overflow-hidden dark:border-slate-700",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex min-h-14 flex-wrap items-center justify-between gap-3 border-b bg-muted/20 px-4 py-3",
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex min-w-[260px] flex-1 flex-wrap items-center gap-3",
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "relative w-full max-w-sm",
+							children: [/* @__PURE__ */ c(re, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ c(se, {
+								value: N,
+								onChange: (e) => P(e.target.value),
+								placeholder: "Search products...",
+								className: "h-9 pl-9",
+								"aria-label": "Search products"
+							})]
+						}),
+						Z > 0 ? /* @__PURE__ */ l("span", {
+							className: "text-sm font-medium text-foreground",
+							children: [Z, " selected"]
+						}) : null,
+						F ? /* @__PURE__ */ c("span", {
+							className: "text-sm text-destructive",
+							children: F
+						}) : null
+					]
+				}), ue ? /* @__PURE__ */ l("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ l(u, {
+						variant: "outline",
+						size: "sm",
+						disabled: z,
+						onClick: () => $("Moving to draft...", `Move ${Z} selected products to draft?`, k),
+						children: [/* @__PURE__ */ c(ee, { className: "mr-2 h-4 w-4" }), L === "Moving to draft..." ? L : "Set Draft"]
+					}), /* @__PURE__ */ l(u, {
+						variant: "destructive",
+						size: "sm",
+						disabled: z,
+						onClick: () => $("Deleting...", `Delete ${Z} selected products? This action cannot be undone.`, O),
+						children: [/* @__PURE__ */ c(o, { className: "mr-2 h-4 w-4" }), L === "Deleting..." ? L : "Delete"]
+					})]
+				}) : null]
+			}),
+			/* @__PURE__ */ l(v, { children: [/* @__PURE__ */ c(S, { children: /* @__PURE__ */ l(C, { children: [
+				/* @__PURE__ */ c(x, {
+					className: "w-12",
+					children: /* @__PURE__ */ c(d, {
+						checked: Q ? !0 : fe ? "indeterminate" : !1,
+						onCheckedChange: (e) => pe(e === !0),
+						"aria-label": "Select all products on this page"
+					})
+				}),
+				/* @__PURE__ */ c(x, { children: "Image" }),
+				/* @__PURE__ */ c(x, { children: "Title" }),
+				/* @__PURE__ */ c(x, { children: "SKU" }),
+				/* @__PURE__ */ c(x, { children: "Price" }),
+				/* @__PURE__ */ c(x, { children: "Language" }),
+				/* @__PURE__ */ c(x, { children: "SEO" }),
+				/* @__PURE__ */ c(x, { children: "Stock" }),
+				/* @__PURE__ */ c(x, { children: "Status" }),
+				/* @__PURE__ */ c(x, {
+					className: "text-right",
+					children: "Actions"
+				})
+			] }) }), /* @__PURE__ */ c(y, { children: J.length > 0 ? J.map((n) => {
+				let r = T(n.product_media?.[0]?.media?.file_path || n.product_media?.[0]?.media?.object_key);
+				return /* @__PURE__ */ l(C, {
+					"data-state": j.has(n.id) ? "selected" : void 0,
+					children: [
+						/* @__PURE__ */ c(b, { children: /* @__PURE__ */ c(d, {
+							checked: j.has(n.id),
+							onCheckedChange: (e) => me(n.id, e === !0),
+							"aria-label": `Select ${n.title}`
+						}) }),
+						/* @__PURE__ */ c(b, { children: r ? /* @__PURE__ */ c(ae, {
+							src: r,
+							alt: n.title,
+							width: 40,
+							height: 40,
+							className: "w-10 h-10 object-cover rounded"
+						}) : /* @__PURE__ */ c("div", {
+							className: "w-10 h-10 bg-gray-200 rounded flex items-center justify-center text-xs text-gray-500",
+							children: "No Img"
+						}) }),
+						/* @__PURE__ */ c(b, {
+							className: "font-medium",
+							children: /* @__PURE__ */ c(t, {
+								href: `/cms/products/${n.id}/edit`,
+								className: "hover:underline",
+								children: n.title
+							})
+						}),
+						/* @__PURE__ */ c(b, { children: n.sku }),
+						/* @__PURE__ */ c(b, { children: /* @__PURE__ */ l("div", {
+							className: "flex items-baseline gap-2",
+							children: [/* @__PURE__ */ c("span", {
+								className: n.sale_price ? "font-semibold text-primary" : "",
+								children: typeof (n.sale_price ?? n.price) == "number" ? s(n.sale_price ?? n.price ?? 0, D) : "N/A"
+							}), n.sale_price ? /* @__PURE__ */ c("span", {
+								className: "text-sm text-muted-foreground line-through",
+								children: s(n.price ?? 0, D)
+							}) : null]
+						}) }),
+						/* @__PURE__ */ c(b, { children: /* @__PURE__ */ c(oe, {
+							variant: "outline",
+							children: E[String(n.language_id)] || "N/A"
+						}) }),
+						/* @__PURE__ */ c(b, { children: /* @__PURE__ */ c(_, { score: n.seo_score }) }),
+						/* @__PURE__ */ c(b, { children: n.stock }),
+						/* @__PURE__ */ c(b, { children: /* @__PURE__ */ c("span", {
+							className: `px-2 py-1 rounded text-xs ${n.status === "active" ? "bg-green-100 text-green-800" : n.status === "archived" ? "bg-gray-100 text-gray-800" : "bg-yellow-100 text-yellow-800"}`,
+							children: n.status
+						}) }),
+						/* @__PURE__ */ l(b, {
+							className: "text-right flex justify-end gap-2 items-center",
+							children: [
+								n.slug ? /* @__PURE__ */ c(t, {
+									href: `/product/${n.slug}`,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									children: /* @__PURE__ */ c(u, {
+										variant: "outline",
+										size: "sm",
+										children: "View Product"
+									})
+								}) : null,
+								/* @__PURE__ */ c(t, {
+									href: `/cms/products/${n.id}/edit`,
+									children: /* @__PURE__ */ c(u, {
+										variant: "ghost",
+										size: "sm",
+										children: "Edit"
+									})
+								}),
+								/* @__PURE__ */ c(e, {
+									productName: n.title,
+									isIcon: !0,
+									deleteAction: () => ce(n.id)
+								})
+							]
+						})
+					]
+				}, n.id);
+			}) : /* @__PURE__ */ c(C, { children: /* @__PURE__ */ c(b, {
+				colSpan: 10,
+				className: "text-center py-10",
+				children: w.length === 0 ? "No products found." : "No products match your search."
+			}) }) })] }),
+			G > 0 && /* @__PURE__ */ l("div", {
+				className: "flex flex-col sm:flex-row items-center justify-between gap-4 px-2 py-4 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ c("span", { children: "Rows per page:" }),
+						/* @__PURE__ */ l(f, {
+							value: String(W),
+							onValueChange: (e) => {
+								le(Number(e)), U(1);
+							},
+							children: [/* @__PURE__ */ c(h, {
+								className: "h-8 w-[70px]",
+								children: /* @__PURE__ */ c(g, { placeholder: String(W) })
+							}), /* @__PURE__ */ c(p, {
+								side: "top",
+								children: [
+									10,
+									25,
+									50,
+									100
+								].map((e) => /* @__PURE__ */ c(m, {
+									value: String(e),
+									children: e
+								}, e))
+							})]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "ml-2",
+							children: [
+								"Showing ",
+								(q - 1) * W + 1,
+								" to ",
+								Math.min(q * W, G),
+								" of ",
+								G,
+								" products"
+							]
+						})
+					]
+				}), /* @__PURE__ */ l("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ l("span", { children: [
+							"Page ",
+							q,
+							" of ",
+							K
+						] }),
+						/* @__PURE__ */ c(u, {
+							variant: "outline",
+							size: "sm",
+							className: "h-8 w-8 p-0",
+							onClick: () => U((e) => Math.max(1, e - 1)),
+							disabled: q <= 1,
+							"aria-label": "Previous page",
+							children: /* @__PURE__ */ c(te, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ c(u, {
+							variant: "outline",
+							size: "sm",
+							className: "h-8 w-8 p-0",
+							onClick: () => U((e) => Math.min(K, e + 1)),
+							disabled: q >= K,
+							"aria-label": "Next page",
+							children: /* @__PURE__ */ c(ne, { className: "h-4 w-4" })
+						})
+					]
+				})]
+			})
+		]
+	});
 }
-export {
-  Te as ProductsBulkTable
-};
+//#endregion
+export { E as ProductsBulkTable };