@cascivo/react 0.13.1 → 0.16.0

package/dist/node/data-table/data-table.js

@@ -3,80 +3,80 @@
 import { Button as e } from "../button/button.js";
 import { Checkbox as t } from "../checkbox/checkbox.js";
 import n from "./data-table.module.js";
-import { batch as r, cn as i, useComputed as a, useSignal as o, useSignalEffect as ee, useSignals as te } from "@cascivo/core";
-import { Fragment as ne, useId as re, useRef as ie } from "react";
-import { builtin as s, t as c } from "@cascivo/i18n";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { flushSync as ae } from "react-dom";
+import { Fragment as r, useId as i, useRef as a } from "react";
+import { batch as o, cn as s, useComputed as c, useSignal as l, useSignalEffect as ee, useSignals as te } from "@cascivo/core";
+import { builtin as u, t as d } from "@cascivo/i18n";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { flushSync as ne } from "react-dom";
 //#region ../components/src/data-table/data-table.tsx
-function d(e, t) {
+function m(e, t) {
 	return e[t];
 }
-function oe(e, t) {
+function re(e, t) {
 	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
 }
-function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortMode: ue = "client", onSortChange: de, searchable: m = !1, pagination: h, selection: g, batchActions: _, renderExpandedRow: v, density: fe = "normal", zebra: pe = !1, stickyHeader: me = !1, loading: y = !1, emptyState: he, title: b, description: x, labels: S, className: ge, virtualized: C = !1, rowHeight: w = 40, windowSize: _e = 20, overscan: ve = 3 }) {
+function h({ columns: h, rows: g, getRowId: _, sort: v, defaultSort: ie, sortMode: ae = "client", onSortChange: oe, searchable: se = !1, pagination: y, selection: b, batchActions: x, renderExpandedRow: S, density: ce = "normal", zebra: le = !1, stickyHeader: ue = !1, loading: C = !1, emptyState: de, title: w, description: T, labels: E, className: fe, virtualized: D = !1, rowHeight: O = 40, windowSize: pe = 20, overscan: me = 3 }) {
 	te();
-	let ye = re(), T = {
-		search: S?.search ?? c(s.dataTable.search),
-		empty: S?.empty ?? c(s.dataTable.empty),
-		selectAll: S?.selectAll ?? c(s.dataTable.selectAll),
-		selectRow: S?.selectRow ?? c(s.dataTable.selectRow),
-		itemsSelected: (e) => S?.itemsSelected?.(e) ?? c(s.dataTable.itemsSelected, { count: e }),
-		expandRow: S?.expandRow ?? c(s.dataTable.expandRow),
-		previousPage: S?.previousPage ?? c(s.dataTable.previousPage),
-		nextPage: S?.nextPage ?? c(s.dataTable.nextPage)
-	}, E = o(se);
-	E.value = se;
-	let D = o(f);
-	D.value = f;
-	let O = o(p ?? le);
-	p !== void 0 && (O.value = p);
-	let k = o(g?.selected ?? []);
-	g?.selected !== void 0 && (k.value = g.selected);
-	let A = o(""), j = o(1), M = o(h?.pageSize ?? 0), N = o(/* @__PURE__ */ new Set()), P = ie(null), F = o(0);
+	let he = i(), k = {
+		search: E?.search ?? d(u.dataTable.search),
+		empty: E?.empty ?? d(u.dataTable.empty),
+		selectAll: E?.selectAll ?? d(u.dataTable.selectAll),
+		selectRow: E?.selectRow ?? d(u.dataTable.selectRow),
+		itemsSelected: (e) => E?.itemsSelected?.(e) ?? d(u.dataTable.itemsSelected, { count: e }),
+		expandRow: E?.expandRow ?? d(u.dataTable.expandRow),
+		previousPage: E?.previousPage ?? d(u.dataTable.previousPage),
+		nextPage: E?.nextPage ?? d(u.dataTable.nextPage)
+	}, ge = l(g);
+	ge.value = g;
+	let _e = l(h);
+	_e.value = h;
+	let A = l(v ?? ie);
+	v !== void 0 && (A.value = v);
+	let j = l(b?.selected ?? []);
+	b?.selected !== void 0 && (j.value = b.selected);
+	let M = l(""), N = l(1), P = l(y?.pageSize ?? 0), F = l(/* @__PURE__ */ new Set()), I = a(null), L = l(0);
 	ee(() => {
-		if (!C) return;
-		let e = P.current;
+		if (!D) return;
+		let e = I.current;
 		if (!e) return;
 		let t = () => {
-			ae(() => {
-				F.value = e.scrollTop;
+			ne(() => {
+				L.value = e.scrollTop;
 			});
 		};
 		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
 	});
-	let I = a(() => E.value.map((e, t) => ({
+	let R = c(() => ge.value.map((e, t) => ({
 		row: e,
-		id: ce ? ce(e) : String(t)
-	}))), L = a(() => {
-		let e = A.value.trim().toLowerCase();
-		if (!e) return I.value;
-		let t = D.value;
-		return I.value.filter((n) => t.some((t) => String(d(n.row, t.key) ?? "").toLowerCase().includes(e)));
-	}), R = a(() => {
-		let e = O.value;
-		if (!e || ue === "server") return L.value;
-		let t = L.value.map((e, t) => [e, t]);
+		id: _ ? _(e) : String(t)
+	}))), z = c(() => {
+		let e = M.value.trim().toLowerCase();
+		if (!e) return R.value;
+		let t = _e.value;
+		return R.value.filter((n) => t.some((t) => String(m(n.row, t.key) ?? "").toLowerCase().includes(e)));
+	}), B = c(() => {
+		let e = A.value;
+		if (!e || ae === "server") return z.value;
+		let t = z.value.map((e, t) => [e, t]);
 		return t.sort((t, n) => {
-			let r = oe(d(t[0].row, e.key), d(n[0].row, e.key));
+			let r = re(m(t[0].row, e.key), m(n[0].row, e.key));
 			return e.direction === "desc" && (r = -r), r === 0 ? t[1] - n[1] : r;
 		}), t.map(([e]) => e);
-	}), z = a(() => h ? Math.max(1, Math.ceil(L.value.length / M.value)) : 1), B = a(() => Math.min(j.value, z.value)), V = a(() => {
-		if (!h) return R.value;
-		let e = (B.value - 1) * M.value;
-		return R.value.slice(e, e + M.value);
-	}), H = a(() => C ? Math.floor(F.value / w) : 0), U = a(() => C ? Math.min(H.value + _e + ve * 2, V.value.length) : V.value.length), be = a(() => C ? V.value.slice(H.value, U.value) : V.value), xe = (e) => {
-		let t = O.value, n;
+	}), ve = c(() => y ? Math.max(1, Math.ceil(z.value.length / P.value)) : 1), V = c(() => Math.min(N.value, ve.value)), H = c(() => {
+		if (!y) return B.value;
+		let e = (V.value - 1) * P.value;
+		return B.value.slice(e, e + P.value);
+	}), U = c(() => D ? Math.floor(L.value / O) : 0), ye = c(() => D ? Math.min(U.value + pe + me * 2, H.value.length) : H.value.length), be = c(() => D ? H.value.slice(U.value, ye.value) : H.value), xe = (e) => {
+		let t = A.value, n;
 		n = !t || t.key !== e ? {
 			key: e,
 			direction: "asc"
 		} : t.direction === "asc" ? {
 			key: e,
 			direction: "desc"
-		} : void 0, r(() => {
-			p === void 0 && (O.value = n), j.value = 1;
-		}), de?.(n);
+		} : void 0, o(() => {
+			v === void 0 && (A.value = n), N.value = 1;
+		}), oe?.(n);
 	}, Se = (e) => {
 		if (![
 			"ArrowUp",
@@ -100,62 +100,62 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 		}
 		a?.focus();
 	}, W = (e) => {
-		g?.selected === void 0 && (k.value = e), g?.onChange?.(e);
+		b?.selected === void 0 && (j.value = e), b?.onChange?.(e);
 	}, Ce = (e) => {
-		let t = k.value;
-		g?.mode === "single" ? W(t.includes(e) ? [] : [e]) : W(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		let t = j.value;
+		b?.mode === "single" ? W(t.includes(e) ? [] : [e]) : W(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	}, we = (e) => {
-		let t = new Set(N.value);
-		t.has(e) ? t.delete(e) : t.add(e), N.value = t;
-	}, G = V.value, K = k.value, Te = N.value, q = G.length > 0 && G.every((e) => K.includes(e.id)), Ee = G.some((e) => K.includes(e.id)), J = be.value, Y = H.value, X = U.value, De = () => {
+		let t = new Set(F.value);
+		t.has(e) ? t.delete(e) : t.add(e), F.value = t;
+	}, G = H.value, K = j.value, Te = F.value, q = G.length > 0 && G.every((e) => K.includes(e.id)), Ee = G.some((e) => K.includes(e.id)), J = be.value, Y = U.value, X = ye.value, De = () => {
 		let e = G.map((e) => e.id);
 		W(q ? K.filter((t) => !e.includes(t)) : [...new Set([...K, ...e])]);
-	}, Z = f.length + +!!g + +!!v, Oe = h && !C && J.length > 0 ? Math.max(0, M.value - J.length) : 0, ke = `${ye}-title`, Ae = `${ye}-description`, Q = L.value.length, $ = Q === 0 ? 0 : (B.value - 1) * M.value + 1, je = Q === 0 ? 0 : $ + G.length - 1, Me = !!_ && _.length > 0 && K.length > 0;
-	return /* @__PURE__ */ u("div", {
-		className: i(n.root, ge),
-		"data-density": fe,
-		"data-zebra": pe || void 0,
-		"data-sticky-header": me || void 0,
-		"data-paginated": h ? !0 : void 0,
-		"data-fixed-layout": f.every((e) => e.width !== void 0) || void 0,
+	}, Z = h.length + +!!b + +!!S, Oe = y && !D && J.length > 0 ? Math.max(0, P.value - J.length) : 0, ke = `${he}-title`, Ae = `${he}-description`, Q = z.value.length, $ = Q === 0 ? 0 : (V.value - 1) * P.value + 1, je = Q === 0 ? 0 : $ + G.length - 1, Me = !!x && x.length > 0 && K.length > 0;
+	return /* @__PURE__ */ p("div", {
+		className: s(n.root, fe),
+		"data-density": ce,
+		"data-zebra": le || void 0,
+		"data-sticky-header": ue || void 0,
+		"data-paginated": y ? !0 : void 0,
+		"data-fixed-layout": h.every((e) => e.width !== void 0) || void 0,
 		children: [
-			/* @__PURE__ */ l("span", {
+			/* @__PURE__ */ f("span", {
 				"aria-live": "polite",
 				className: n.srOnly,
-				children: k.value.length > 0 ? T.itemsSelected(k.value.length) : ""
+				children: j.value.length > 0 ? k.itemsSelected(j.value.length) : ""
 			}),
-			(b !== void 0 || x !== void 0 || m) && /* @__PURE__ */ u("div", {
+			(w !== void 0 || T !== void 0 || se) && /* @__PURE__ */ p("div", {
 				className: n.toolbar,
-				children: [(b !== void 0 || x !== void 0) && /* @__PURE__ */ u("div", {
+				children: [(w !== void 0 || T !== void 0) && /* @__PURE__ */ p("div", {
 					className: n.heading,
-					children: [b !== void 0 && /* @__PURE__ */ l("div", {
+					children: [w !== void 0 && /* @__PURE__ */ f("div", {
 						id: ke,
 						className: n.title,
-						children: b
-					}), x !== void 0 && /* @__PURE__ */ l("div", {
+						children: w
+					}), T !== void 0 && /* @__PURE__ */ f("div", {
 						id: Ae,
 						className: n.description,
-						children: x
+						children: T
 					})]
-				}), m && /* @__PURE__ */ l("input", {
+				}), se && /* @__PURE__ */ f("input", {
 					type: "search",
 					className: n.search,
-					"aria-label": T.search,
-					placeholder: T.search,
-					value: A.value,
+					"aria-label": k.search,
+					placeholder: k.search,
+					value: M.value,
 					onChange: (e) => {
-						A.value = e.target.value, j.value = 1;
+						M.value = e.target.value, N.value = 1;
 					}
 				})]
 			}),
-			Me && /* @__PURE__ */ u("div", {
+			Me && /* @__PURE__ */ p("div", {
 				className: n.batchBar,
-				children: [/* @__PURE__ */ l("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: n.batchCount,
-					children: T.itemsSelected(K.length)
-				}), /* @__PURE__ */ l("div", {
+					children: k.itemsSelected(K.length)
+				}), /* @__PURE__ */ f("div", {
 					className: n.batchActions,
-					children: _.map((t, n) => /* @__PURE__ */ l(e, {
+					children: x.map((t, n) => /* @__PURE__ */ f(e, {
 						size: "sm",
 						variant: "secondary",
 						onClick: () => t.onClick(K),
@@ -163,55 +163,55 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 					}, t.id ?? `${n}-${t.label}`))
 				})]
 			}),
-			/* @__PURE__ */ l("div", {
-				ref: C ? P : void 0,
-				className: i(n.scroller, C && n.scrollerVirtualized),
-				children: /* @__PURE__ */ u("table", {
+			/* @__PURE__ */ f("div", {
+				ref: D ? I : void 0,
+				className: s(n.scroller, D && n.scrollerVirtualized),
+				children: /* @__PURE__ */ p("table", {
 					className: n.table,
-					"aria-labelledby": b === void 0 ? void 0 : ke,
-					"aria-describedby": x === void 0 ? void 0 : Ae,
-					"aria-busy": y || void 0,
-					"aria-rowcount": C ? G.length : void 0,
+					"aria-labelledby": w === void 0 ? void 0 : ke,
+					"aria-describedby": T === void 0 ? void 0 : Ae,
+					"aria-busy": C || void 0,
+					"aria-rowcount": D ? G.length : void 0,
 					onKeyDown: Se,
 					children: [
-						/* @__PURE__ */ u("colgroup", { children: [
-							v && /* @__PURE__ */ l("col", { className: n.controlCol }),
-							g && /* @__PURE__ */ l("col", { className: n.controlCol }),
-							f.map((e) => /* @__PURE__ */ l("col", { style: e.width !== void 0 || e.minWidth !== void 0 ? {
+						/* @__PURE__ */ p("colgroup", { children: [
+							S && /* @__PURE__ */ f("col", { className: n.controlCol }),
+							b && /* @__PURE__ */ f("col", { className: n.controlCol }),
+							h.map((e) => /* @__PURE__ */ f("col", { style: e.width !== void 0 || e.minWidth !== void 0 ? {
 								...e.width === void 0 ? {} : { width: e.width },
 								...e.minWidth === void 0 ? {} : { minWidth: e.minWidth }
 							} : void 0 }, e.key))
 						] }),
-						/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
-							v && /* @__PURE__ */ l("th", {
+						/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", { children: [
+							S && /* @__PURE__ */ f("th", {
 								scope: "col",
 								className: n.controlCell,
-								children: /* @__PURE__ */ l("span", {
+								children: /* @__PURE__ */ f("span", {
 									className: n.srOnly,
-									children: T.expandRow
+									children: k.expandRow
 								})
 							}),
-							g && /* @__PURE__ */ l("th", {
+							b && /* @__PURE__ */ f("th", {
 								scope: "col",
 								className: n.controlCell,
-								children: g.mode === "multi" ? /* @__PURE__ */ l(t, {
-									"aria-label": T.selectAll,
+								children: b.mode === "multi" ? /* @__PURE__ */ f(t, {
+									"aria-label": k.selectAll,
 									checked: q,
 									indeterminate: Ee && !q,
 									onChange: De
-								}) : /* @__PURE__ */ l("span", {
+								}) : /* @__PURE__ */ f("span", {
 									className: n.srOnly,
-									children: T.selectRow
+									children: k.selectRow
 								})
 							}),
-							f.map((e) => {
-								let t = O.value?.key === e.key ? O.value.direction : void 0, r = t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
-								return /* @__PURE__ */ l("th", {
+							h.map((e) => {
+								let t = A.value?.key === e.key ? A.value.direction : void 0, r = t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
+								return /* @__PURE__ */ f("th", {
 									scope: "col",
 									"data-align": e.align ?? "start",
 									"data-sized": e.width !== void 0 || void 0,
 									"aria-sort": e.sortable ? r : void 0,
-									children: e.sortable ? /* @__PURE__ */ l("button", {
+									children: e.sortable ? /* @__PURE__ */ f("button", {
 										type: "button",
 										className: n.sortButton,
 										"data-state": r,
@@ -221,87 +221,87 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 								}, e.key);
 							})
 						] }) }),
-						/* @__PURE__ */ u("tbody", { children: [
-							y && Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ l("tr", {
+						/* @__PURE__ */ p("tbody", { children: [
+							C && Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ f("tr", {
 								className: n.row,
-								children: Array.from({ length: Z }, (e, t) => /* @__PURE__ */ l("td", { children: /* @__PURE__ */ l("span", {
+								children: Array.from({ length: Z }, (e, t) => /* @__PURE__ */ f("td", { children: /* @__PURE__ */ f("span", {
 									className: n.shimmer,
 									"aria-hidden": "true"
 								}) }, t))
 							}, t)),
-							!y && G.length === 0 && /* @__PURE__ */ l("tr", {
+							!C && G.length === 0 && /* @__PURE__ */ f("tr", {
 								"data-empty-row": !0,
-								children: /* @__PURE__ */ l("td", {
+								children: /* @__PURE__ */ f("td", {
 									colSpan: Z,
 									className: n.emptyCell,
-									children: he ?? T.empty
+									children: de ?? k.empty
 								})
 							}),
-							!y && C && Y > 0 && /* @__PURE__ */ l("tr", {
+							!C && D && Y > 0 && /* @__PURE__ */ f("tr", {
 								"aria-hidden": "true",
-								style: { height: Y * w }
+								style: { height: Y * O }
 							}),
-							!y && J.map((e, r) => {
-								let i = C ? Y + r : r, a = K.includes(e.id), o = Te.has(e.id);
-								return /* @__PURE__ */ u(ne, { children: [/* @__PURE__ */ u("tr", {
+							!C && J.map((e, i) => {
+								let a = D ? Y + i : i, o = K.includes(e.id), s = Te.has(e.id);
+								return /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ p("tr", {
 									className: n.row,
-									"data-parity": i % 2 == 0 ? "even" : "odd",
-									"data-state": a ? "selected" : void 0,
-									"aria-rowindex": C ? Y + r + 1 : void 0,
+									"data-parity": a % 2 == 0 ? "even" : "odd",
+									"data-state": o ? "selected" : void 0,
+									"aria-rowindex": D ? Y + i + 1 : void 0,
 									children: [
-										v && /* @__PURE__ */ l("td", {
+										S && /* @__PURE__ */ f("td", {
 											className: n.controlCell,
-											children: /* @__PURE__ */ l("button", {
+											children: /* @__PURE__ */ f("button", {
 												type: "button",
 												className: n.expandButton,
-												"aria-expanded": o,
-												"aria-label": T.expandRow,
-												"data-state": o ? "open" : "closed",
+												"aria-expanded": s,
+												"aria-label": k.expandRow,
+												"data-state": s ? "open" : "closed",
 												onClick: () => we(e.id),
-												children: /* @__PURE__ */ l("span", {
+												children: /* @__PURE__ */ f("span", {
 													className: n.chevron,
 													"aria-hidden": "true"
 												})
 											})
 										}),
-										g && /* @__PURE__ */ l("td", {
+										b && /* @__PURE__ */ f("td", {
 											className: n.controlCell,
-											children: /* @__PURE__ */ l(t, {
-												"aria-label": T.selectRow,
-												checked: a,
+											children: /* @__PURE__ */ f(t, {
+												"aria-label": k.selectRow,
+												checked: o,
 												onChange: () => Ce(e.id)
 											})
 										}),
-										f.map((t) => /* @__PURE__ */ l("td", {
+										h.map((t) => /* @__PURE__ */ f("td", {
 											"data-align": t.align ?? "start",
 											"data-sized": t.width !== void 0 || void 0,
-											children: t.render ? t.render(e.row) : String(d(e.row, t.key) ?? "")
+											children: t.render ? t.render(e.row) : String(m(e.row, t.key) ?? "")
 										}, t.key))
 									]
-								}), v && /* @__PURE__ */ l("tr", {
+								}), S && /* @__PURE__ */ f("tr", {
 									className: n.expansionRow,
-									"data-state": o ? "open" : "closed",
-									children: /* @__PURE__ */ l("td", {
+									"data-state": s ? "open" : "closed",
+									children: /* @__PURE__ */ f("td", {
 										colSpan: Z,
-										children: /* @__PURE__ */ l("div", {
+										children: /* @__PURE__ */ f("div", {
 											className: n.expansionGrid,
-											"data-state": o ? "open" : "closed",
-											children: /* @__PURE__ */ l("div", {
+											"data-state": s ? "open" : "closed",
+											children: /* @__PURE__ */ f("div", {
 												className: n.expansionInner,
-												children: v(e.row)
+												children: S(e.row)
 											})
 										})
 									})
 								})] }, e.id);
 							}),
-							!y && C && X < G.length && /* @__PURE__ */ l("tr", {
+							!C && D && X < G.length && /* @__PURE__ */ f("tr", {
 								"aria-hidden": "true",
-								style: { height: (G.length - X) * w }
+								style: { height: (G.length - X) * O }
 							}),
-							Oe > 0 && /* @__PURE__ */ l("tr", {
+							Oe > 0 && /* @__PURE__ */ f("tr", {
 								"aria-hidden": "true",
 								"data-filler-row": !0,
-								children: /* @__PURE__ */ l("td", {
+								children: /* @__PURE__ */ f("td", {
 									colSpan: Z,
 									style: {
 										blockSize: `calc(var(--_row-height) * ${Oe})`,
@@ -313,23 +313,23 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 					]
 				})
 			}),
-			h && /* @__PURE__ */ u("div", {
+			y && /* @__PURE__ */ p("div", {
 				className: n.footer,
 				children: [
-					h.pageSizeOptions && /* @__PURE__ */ u("label", {
+					y.pageSizeOptions && /* @__PURE__ */ p("label", {
 						className: n.pageSize,
-						children: [/* @__PURE__ */ l("span", { children: "Rows per page" }), /* @__PURE__ */ l("select", {
-							value: M.value,
+						children: [/* @__PURE__ */ f("span", { children: "Rows per page" }), /* @__PURE__ */ f("select", {
+							value: P.value,
 							onChange: (e) => {
-								M.value = Number(e.target.value), j.value = 1;
+								P.value = Number(e.target.value), N.value = 1;
 							},
-							children: h.pageSizeOptions.map((e) => /* @__PURE__ */ l("option", {
+							children: y.pageSizeOptions.map((e) => /* @__PURE__ */ f("option", {
 								value: e,
 								children: e
 							}, e))
 						})]
 					}),
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ p("span", {
 						className: n.range,
 						children: [
 							$,
@@ -339,29 +339,29 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 							Q
 						]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ p("div", {
 						className: n.pageButtons,
-						children: [/* @__PURE__ */ l("button", {
+						children: [/* @__PURE__ */ f("button", {
 							type: "button",
 							className: n.pageButton,
-							"aria-label": T.previousPage,
-							disabled: B.value <= 1,
+							"aria-label": k.previousPage,
+							disabled: V.value <= 1,
 							onClick: () => {
-								j.value = B.value - 1;
+								N.value = V.value - 1;
 							},
-							children: /* @__PURE__ */ l("span", {
+							children: /* @__PURE__ */ f("span", {
 								"aria-hidden": "true",
 								children: "‹"
 							})
-						}), /* @__PURE__ */ l("button", {
+						}), /* @__PURE__ */ f("button", {
 							type: "button",
 							className: n.pageButton,
-							"aria-label": T.nextPage,
-							disabled: B.value >= z.value,
+							"aria-label": k.nextPage,
+							disabled: V.value >= ve.value,
 							onClick: () => {
-								j.value = B.value + 1;
+								N.value = V.value + 1;
 							},
-							children: /* @__PURE__ */ l("span", {
+							children: /* @__PURE__ */ f("span", {
 								"aria-hidden": "true",
 								children: "›"
 							})
@@ -373,4 +373,4 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
 	});
 }
 //#endregion
-export { f as DataTable };
+export { h as DataTable };

package/dist/node/data-table/data-table.module.js

@@ -1,35 +1,33 @@
-"use client";
-
 var e = {
-	root: "_root_ulang_2",
-	toolbar: "_toolbar_ulang_26",
-	heading: "_heading_ulang_35",
-	title: "_title_ulang_41",
-	description: "_description_ulang_47",
-	search: "_search_ulang_52",
-	batchBar: "_batchBar_ulang_79",
-	batchCount: "_batchCount_ulang_89",
-	batchActions: "_batchActions_ulang_95",
-	scroller: "_scroller_ulang_101",
-	scrollerVirtualized: "_scrollerVirtualized_ulang_106",
-	table: "_table_ulang_112",
-	row: "_row_ulang_182",
-	controlCol: "_controlCol_ulang_188",
-	controlCell: "_controlCell_ulang_192",
-	sortButton: "_sortButton_ulang_198",
-	emptyCell: "_emptyCell_ulang_246",
-	expansionRow: "_expansionRow_ulang_253",
-	expansionGrid: "_expansionGrid_ulang_259",
-	expansionInner: "_expansionInner_ulang_263",
-	expandButton: "_expandButton_ulang_268",
-	chevron: "_chevron_ulang_291",
-	shimmer: "_shimmer_ulang_306",
-	footer: "_footer_ulang_333",
-	pageSize: "_pageSize_ulang_343",
-	range: "_range_ulang_369",
-	pageButtons: "_pageButtons_ulang_374",
-	pageButton: "_pageButton_ulang_374",
-	srOnly: "_srOnly_ulang_415"
+	root: "_root_1wd65_2",
+	toolbar: "_toolbar_1wd65_26",
+	heading: "_heading_1wd65_35",
+	title: "_title_1wd65_41",
+	description: "_description_1wd65_47",
+	search: "_search_1wd65_52",
+	batchBar: "_batchBar_1wd65_79",
+	batchCount: "_batchCount_1wd65_89",
+	batchActions: "_batchActions_1wd65_95",
+	scroller: "_scroller_1wd65_101",
+	scrollerVirtualized: "_scrollerVirtualized_1wd65_111",
+	table: "_table_1wd65_117",
+	row: "_row_1wd65_199",
+	controlCol: "_controlCol_1wd65_205",
+	controlCell: "_controlCell_1wd65_209",
+	sortButton: "_sortButton_1wd65_215",
+	emptyCell: "_emptyCell_1wd65_263",
+	expansionRow: "_expansionRow_1wd65_270",
+	expansionGrid: "_expansionGrid_1wd65_276",
+	expansionInner: "_expansionInner_1wd65_280",
+	expandButton: "_expandButton_1wd65_285",
+	chevron: "_chevron_1wd65_308",
+	shimmer: "_shimmer_1wd65_323",
+	footer: "_footer_1wd65_350",
+	pageSize: "_pageSize_1wd65_360",
+	range: "_range_1wd65_386",
+	pageButtons: "_pageButtons_1wd65_391",
+	pageButton: "_pageButton_1wd65_391",
+	srOnly: "_srOnly_1wd65_432"
 };
 //#endregion
 export { e as default };