haze-ui 1.27.0 → 1.28.0

package/dist/components/DataTable/DataTable.js

@@ -3,12 +3,13 @@
 import { classnames as e } from "../../utils/classnames.js";
 import t from "../Input/Input.js";
 import { getDirection as n, useDirection as r } from "../../utils/direction.js";
-import i from "../VirtualList/VirtualList.js";
-import a from "../Checkbox/CheckboxCore.js";
-import o from "../Skeleton/Skeleton.js";
-import s from "../Table/TableHead.js";
-import c from "../Table/TableBody.js";
-import l from "../Table/TableCell.js";
+import { useStrings as i } from "../LocaleProvider/useStrings.js";
+import a from "../VirtualList/VirtualList.js";
+import o from "../Checkbox/CheckboxCore.js";
+import s from "../Skeleton/Skeleton.js";
+import c from "../Table/TableHead.js";
+import l from "../Table/TableBody.js";
+import u from "../Table/TableCell.js";
 import ee from "../Empty/Empty.js";
 import te from "../Pagination/Pagination.js";
 import ne from "../DropdownMenu/DropdownMenu.js";
@@ -17,12 +18,12 @@ import ie from "../DropdownMenu/DropdownMenuContent.js";
 import ae from "./CellEditor.js";
 import { dataTableFeatures as oe } from "./features.js";
 /* empty css                    */
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Fragment as se, useEffect as p, useId as ce, useMemo as le, useRef as ue, useState as de } from "react";
-import { useControl as m } from "react-use-control";
-import { useTable as fe } from "@tanstack/react-table";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Fragment as se, useEffect as ce, useId as le, useMemo as ue, useRef as de, useState as fe } from "react";
+import { isControl as pe, useControl as m, useThru as me, watch as he } from "react-use-control";
+import { useTable as ge } from "@tanstack/react-table";
 //#region src/lib/components/DataTable/DataTable.tsx
-function pe(e, t) {
+function _e(e, t) {
 	let n = {
 		...e,
 		enableSorting: e.enableSorting ?? e.meta?.sortable ?? t.sortable,
@@ -34,18 +35,18 @@ function pe(e, t) {
 	};
 	return "columns" in n && n.columns ? {
 		...n,
-		columns: n.columns.map((e) => pe(e, t))
+		columns: n.columns.map((e) => _e(e, t))
 	} : n;
 }
 function h(e) {
 	let t = e.columnDef.header;
 	return typeof t == "string" ? t : e.id;
 }
-function me(e) {
+function ve(e) {
 	let t = e.meta?.width ?? e.size;
 	return typeof t == "number" ? `${t}px` : t;
 }
-function he(e) {
+function ye(e) {
 	if (e.length === 0) return "0px";
 	let [t] = e;
 	return e.length === 1 && t !== void 0 && !t.includes("(") ? t : `calc(${e.join(" + ")})`;
@@ -56,139 +57,141 @@ function g(e) {
 		right: e.side === "right" ? e.offset : void 0
 	} : void 0;
 }
-var ge = "calc(var(--haze-space-3) * 2 + var(--haze-space-5))", _e = "(var(--haze-space-3) * 2 + var(--haze-space-5))", ve = 34, ye = "haze-DataTable__root", be = "haze-DataTable__scrollArea", xe = "haze-DataTable__stickyScrollArea", Se = "haze-DataTable__virtualArea", _ = "haze-DataTable__fixedLayout", Ce = "haze-DataTable__virtualRowTable", v = "haze-DataTable__tableBase", we = "haze-DataTable__stickyHead", Te = "haze-DataTable__sortButton", Ee = "haze-DataTable__sortIcon", De = "haze-DataTable__rowHover", Oe = "haze-DataTable__rowSelected", ke = "haze-DataTable__clickableRow", Ae = "haze-DataTable__checkCell", je = "haze-DataTable__checkCellCol", y = "haze-DataTable__fixedCell", Me = "haze-DataTable__fixedCellSelected", b = "haze-DataTable__fixedHeadCell", x = "haze-DataTable__fixedLeftEdge", S = "haze-DataTable__fixedRightEdge", Ne = "haze-DataTable__emptyCell", Pe = "haze-DataTable__footer", Fe = "haze-DataTable__toolbar", Ie = "haze-DataTable__footerMenu", Le = "haze-DataTable__columnsTrigger", Re = "haze-DataTable__toggleRow", ze = "haze-DataTable__resizableHead", Be = "haze-DataTable__resizeHandle", Ve = "haze-DataTable__expander", He = "haze-DataTable__expanderIcon", Ue = "haze-DataTable__panelCell", We = "haze-DataTable__treeIndent", Ge = "haze-DataTable__summaryFoot", Ke = "haze-DataTable__stickyFoot", qe = "haze-DataTable__editableCell";
-function C({ columns: C, data: w, sortable: T = !1, selectable: E = !1, rowSelection: Je, sorting: Ye, pageSize: D, page: Xe, loading: O = !1, stickyHeader: Ze = !1, virtualized: k, getRowId: Qe, onRowClick: A, empty: $e, resizable: j = !1, expanded: et, getRowCanExpand: M, renderExpandedRow: N, subRowsKey: tt = "subRows", columnVisibility: nt, columnToggle: rt = !1, filterable: P = !1, summary: it, stickyFooter: at = !1, editable: ot = !1, onCellEdit: st, className: ct, ...lt }) {
-	let [ut, dt] = m(Ye, []), [ft, pt] = m(Je, {}), [mt, ht, gt] = m(Xe, 1), [_t, vt] = m(et, {}), [yt, bt] = m(nt, {}), [F, I] = de(null), xt = r(), St = ce(), L = k === !0 || typeof k == "object", R = typeof k == "object" ? k.rowHeight : ve, Ct = typeof k == "object" ? k.overscan : void 0, wt = D ?? Infinity, Tt = M !== void 0 || N !== void 0, Et = M === void 0 && N === void 0 && w.some((e) => {
-		let t = e[tt];
+var be = "calc(var(--haze-space-3) * 2 + var(--haze-space-5))", xe = "(var(--haze-space-3) * 2 + var(--haze-space-5))", Se = 34, Ce = "haze-DataTable__root", we = "haze-DataTable__scrollArea", Te = "haze-DataTable__stickyScrollArea", Ee = "haze-DataTable__virtualArea", _ = "haze-DataTable__fixedLayout", De = "haze-DataTable__virtualRowTable", v = "haze-DataTable__tableBase", Oe = "haze-DataTable__stickyHead", ke = "haze-DataTable__sortButton", Ae = "haze-DataTable__sortIcon", je = "haze-DataTable__rowHover", Me = "haze-DataTable__rowSelected", Ne = "haze-DataTable__clickableRow", Pe = "haze-DataTable__checkCell", Fe = "haze-DataTable__checkCellCol", y = "haze-DataTable__fixedCell", b = "haze-DataTable__fixedCellSelected", Ie = "haze-DataTable__fixedHeadCell", x = "haze-DataTable__fixedLeftEdge", Le = "haze-DataTable__fixedRightEdge", Re = "haze-DataTable__emptyCell", ze = "haze-DataTable__footer", Be = "haze-DataTable__toolbar", Ve = "haze-DataTable__footerMenu", He = "haze-DataTable__columnsTrigger", Ue = "haze-DataTable__toggleRow", We = "haze-DataTable__resizableHead", Ge = "haze-DataTable__resizeHandle", Ke = "haze-DataTable__expander", qe = "haze-DataTable__expanderIcon", Je = "haze-DataTable__panelCell", Ye = "haze-DataTable__treeIndent", Xe = "haze-DataTable__summaryFoot", Ze = "haze-DataTable__stickyFoot", Qe = "haze-DataTable__editableCell";
+function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSelection: et, sorting: T, pageSize: E, page: D, manual: O = !1, pageCount: tt, onPageChange: nt, onSortChange: rt, loading: k = !1, stickyHeader: it = !1, virtualized: A, getRowId: at, onRowClick: j, empty: ot, resizable: M = !1, expanded: st, getRowCanExpand: N, renderExpandedRow: P, subRowsKey: ct = "subRows", columnVisibility: lt, columnToggle: ut = !1, filterable: F = !1, summary: dt, stickyFooter: ft = !1, editable: pt = !1, onCellEdit: mt, className: ht, ...gt }) {
+	let _t = pe(T), [vt, yt] = m(me(_t ? T : void 0, he((e) => rt?.(e))), _t ? [] : T ?? []), [bt, xt] = m(et, {}), St = pe(D), [Ct, wt, Tt] = m(me(St ? D : void 0, he((e) => nt?.(e))), St ? 1 : D ?? 1), [Et, Dt] = m(st, {}), [Ot, kt] = m(lt, {}), [I, L] = fe(null), At = r(), jt = le(), Mt = i("dataTable"), R = A === !0 || typeof A == "object", z = typeof A == "object" ? A.rowHeight : Se, Nt = typeof A == "object" ? A.overscan : void 0, Pt = E ?? Infinity, Ft = N !== void 0 || P !== void 0, It = N === void 0 && P === void 0 && C.some((e) => {
+		let t = e[ct];
 		return Array.isArray(t) && t.length > 0;
-	}), Dt = le(() => C.map((e) => pe(e, {
-		sortable: T,
-		resizable: j,
-		filterable: P
+	}), Lt = ue(() => S.map((e) => _e(e, {
+		sortable: $e,
+		resizable: M,
+		filterable: F
 	})), [
-		C,
-		T,
-		j,
-		P
-	]), z = fe({
+		S,
+		$e,
+		M,
+		F
+	]), B = ge({
 		features: oe,
-		columns: Dt,
-		data: w,
-		getRowId: Qe,
-		getSubRows: Et ? (e) => e[tt] : void 0,
+		columns: Lt,
+		data: C,
+		getRowId: at,
+		getSubRows: It ? (e) => e[ct] : void 0,
 		state: {
-			sorting: ut,
-			rowSelection: ft,
+			sorting: vt,
+			rowSelection: bt,
 			pagination: {
-				pageIndex: mt - 1,
-				pageSize: wt
+				pageIndex: Ct - 1,
+				pageSize: Pt
 			},
-			expanded: _t,
-			columnVisibility: yt
+			expanded: Et,
+			columnVisibility: Ot
 		},
-		onSortingChange: dt,
-		onRowSelectionChange: pt,
-		onExpandedChange: vt,
-		onColumnVisibilityChange: bt,
-		getRowCanExpand: M ?? (N === void 0 ? void 0 : () => !0),
-		enableColumnFilters: P,
-		enableColumnResizing: j,
+		onSortingChange: yt,
+		onRowSelectionChange: xt,
+		onExpandedChange: Dt,
+		onColumnVisibilityChange: kt,
+		manualSorting: O,
+		manualPagination: O,
+		getRowCanExpand: N ?? (P === void 0 ? void 0 : () => !0),
+		enableColumnFilters: F,
+		enableColumnResizing: M,
 		columnResizeMode: "onChange",
-		columnResizeDirection: xt,
+		columnResizeDirection: At,
 		defaultColumn: { size: void 0 },
 		onPaginationChange: (e) => {
 			let t = typeof e == "function" ? e({
-				pageIndex: mt - 1,
-				pageSize: wt
+				pageIndex: Ct - 1,
+				pageSize: Pt
 			}) : e;
-			ht(Math.max(1, t.pageIndex + 1));
+			wt(Math.max(1, t.pageIndex + 1));
 		}
-	}), Ot = ue(null), kt = z.getIsSomeRowsSelected() && !z.getIsAllRowsSelected();
-	p(() => {
-		let e = Ot.current?.querySelector("input");
-		e && (e.indeterminate = kt);
+	}), Rt = de(null), zt = B.getIsSomeRowsSelected() && !B.getIsAllRowsSelected();
+	ce(() => {
+		let e = Rt.current?.querySelector("input");
+		e && (e.indeterminate = zt);
 	});
-	let At = ue(null), [jt, Mt] = de(0);
-	p(() => {
-		if (!L) return;
-		let e = At.current, t = e?.querySelector("thead");
+	let Bt = de(null), [Vt, Ht] = fe(0);
+	ce(() => {
+		if (!R) return;
+		let e = Bt.current, t = e?.querySelector("thead");
 		if (!e || !t) return;
 		let n = () => {
 			let n = Math.floor(e.getBoundingClientRect().height), r = Math.floor(t.getBoundingClientRect().height);
-			Mt(Math.max(R, n - r));
+			Ht(Math.max(z, n - r));
 		};
 		n();
 		let r = new ResizeObserver(n);
 		return r.observe(e), r.observe(t), () => r.disconnect();
-	}, [L, R]);
-	let B = z.getHeaderGroups(), V = z.getLeafHeaders(), Nt = V.length + +!!E, H = z.getRowModel().rows, Pt = z.state.columnSizing, U = V.map((e) => {
-		let t = Pt[e.column.id];
-		return t === void 0 ? me(e.column.columnDef) : `${t}px`;
-	}), Ft = U.some((e) => e !== void 0), It = (e, t) => {
-		let n = e.column.columnDef, r = n.minSize ?? 20, i = n.maxSize ?? 2 ** 53 - 1, a = Pt[e.column.id] ?? e.column.getSize(), o = Math.min(Math.max(Math.round(a + t), r), i);
-		z.setColumnSizing((t) => ({
+	}, [R, z]);
+	let V = B.getHeaderGroups(), H = B.getLeafHeaders(), Ut = H.length + +!!w, U = B.getRowModel().rows, Wt = B.state.columnSizing, W = H.map((e) => {
+		let t = Wt[e.column.id];
+		return t === void 0 ? ve(e.column.columnDef) : `${t}px`;
+	}), Gt = W.some((e) => e !== void 0), Kt = (e, t) => {
+		let n = e.column.columnDef, r = n.minSize ?? 20, i = n.maxSize ?? 2 ** 53 - 1, a = Wt[e.column.id] ?? e.column.getSize(), o = Math.min(Math.max(Math.round(a + t), r), i);
+		B.setColumnSizing((t) => ({
 			...t,
 			[e.column.id]: o
 		}));
-	}, W = V.map((e) => e.column.columnDef.meta?.fixed), G = !L && E && W.some((e) => e === "left") ? {
+	}, G = H.map((e) => e.column.columnDef.meta?.fixed), K = !R && w && G.some((e) => e === "left") ? {
 		side: "left",
 		offset: "0px",
-		edge: W[0] !== "left"
-	} : void 0, K = /* @__PURE__ */ new Map();
-	if (!L) {
-		let e = G ? [_e] : [];
-		V.forEach((t, n) => {
-			if (W[n] !== "left") return;
-			K.set(t.column.id, {
+		edge: G[0] !== "left"
+	} : void 0, q = /* @__PURE__ */ new Map();
+	if (!R) {
+		let e = K ? [xe] : [];
+		H.forEach((t, n) => {
+			if (G[n] !== "left") return;
+			q.set(t.column.id, {
 				side: "left",
-				offset: he(e),
-				edge: W[n + 1] !== "left"
+				offset: ye(e),
+				edge: G[n + 1] !== "left"
 			});
-			let r = U[n];
+			let r = W[n];
 			r && e.push(r);
 		});
 		let t = [];
-		for (let e = V.length - 1; e >= 0; --e) {
-			let n = V[e];
-			if (!n || W[e] !== "right") continue;
-			K.set(n.column.id, {
+		for (let e = H.length - 1; e >= 0; --e) {
+			let n = H[e];
+			if (!n || G[e] !== "right") continue;
+			q.set(n.column.id, {
 				side: "right",
-				offset: he(t),
-				edge: W[e - 1] !== "right"
+				offset: ye(t),
+				edge: G[e - 1] !== "right"
 			});
-			let r = U[e];
+			let r = W[e];
 			r && t.push(r);
 		}
 	}
-	let q = L || Ft || j ? /* @__PURE__ */ f("colgroup", { children: [E && /* @__PURE__ */ d("col", { style: { width: ge } }), V.map((e, t) => /* @__PURE__ */ d("col", { style: U[t] ? { width: U[t] } : void 0 }, e.id))] }) : void 0, J = L || Ft || j ? je : Ae, Lt = A ? (e, t) => {
-		t.target instanceof Element && t.target.closest("button, input, select, textarea, a") || A(e, t);
-	} : void 0, Y = /* @__PURE__ */ d(s, {
-		className: Ze ? we : void 0,
-		children: B.map((t, r) => /* @__PURE__ */ f("tr", { children: [E && r === 0 && /* @__PURE__ */ d(l, {
+	let J = R || Gt || M ? /* @__PURE__ */ p("colgroup", { children: [w && /* @__PURE__ */ f("col", { style: { width: be } }), H.map((e, t) => /* @__PURE__ */ f("col", { style: W[t] ? { width: W[t] } : void 0 }, e.id))] }) : void 0, Y = R || Gt || M ? Fe : Pe, qt = j ? (e, t) => {
+		t.target instanceof Element && t.target.closest("button, input, select, textarea, a") || j(e, t);
+	} : void 0, Jt = /* @__PURE__ */ f(c, {
+		className: it ? Oe : void 0,
+		children: V.map((t, r) => /* @__PURE__ */ p("tr", { children: [w && r === 0 && /* @__PURE__ */ f(u, {
 			as: "th",
-			rowSpan: B.length > 1 ? B.length : void 0,
-			style: g(G),
+			rowSpan: V.length > 1 ? V.length : void 0,
+			style: g(K),
 			className: e([
-				J,
-				G && y,
-				G && b
+				Y,
+				K && y,
+				K && Ie
 			]),
-			children: /* @__PURE__ */ d("span", {
-				ref: Ot,
-				children: /* @__PURE__ */ d(a, {
-					checked: z.getIsAllRowsSelected(),
-					onChange: (e) => z.toggleAllRowsSelected(e),
-					"aria-label": "Select all rows"
+			children: /* @__PURE__ */ f("span", {
+				ref: Rt,
+				children: /* @__PURE__ */ f(o, {
+					checked: B.getIsAllRowsSelected(),
+					onChange: (e) => B.toggleAllRowsSelected(e),
+					"aria-label": Mt.selectAll
 				})
 			})
 		}), t.headers.map((t) => {
 			if (t.rowSpan === 0) return null;
-			if (t.isPlaceholder) return /* @__PURE__ */ d(l, {
+			if (t.isPlaceholder) return /* @__PURE__ */ f(u, {
 				as: "th",
 				children: null
 			}, t.placeholderId ?? t.id);
-			let r = t.column.getIsSorted(), i = t.subHeaders.length === 0 ? K.get(t.column.id) : void 0, a = j && t.subHeaders.length === 0 && t.column.getCanResize();
-			return /* @__PURE__ */ f(l, {
+			let r = t.column.getIsSorted(), i = t.subHeaders.length === 0 ? q.get(t.column.id) : void 0, a = M && t.subHeaders.length === 0 && t.column.getCanResize();
+			return /* @__PURE__ */ p(u, {
 				as: "th",
 				colSpan: t.colSpan > 1 ? t.colSpan : void 0,
 				rowSpan: t.rowSpan > 1 ? t.rowSpan : void 0,
@@ -196,19 +199,19 @@ function C({ columns: C, data: w, sortable: T = !1, selectable: E = !1, rowSelec
 				"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : void 0,
 				className: e([
 					i && y,
-					i && b,
-					a && ze
+					i && Ie,
+					a && We
 				]),
-				children: [t.column.getCanSort() ? /* @__PURE__ */ f("button", {
+				children: [t.column.getCanSort() ? /* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: t.column.getToggleSortingHandler(),
-					className: e([Te]),
-					children: [/* @__PURE__ */ d(z.FlexRender, { header: t }), /* @__PURE__ */ d("span", {
+					className: e([ke]),
+					children: [/* @__PURE__ */ f(B.FlexRender, { header: t }), /* @__PURE__ */ f("span", {
 						"aria-hidden": "true",
-						className: e([Ee]),
+						className: e([Ae]),
 						children: r === "asc" ? "↑" : r === "desc" ? "↓" : "↕"
 					})]
-				}) : /* @__PURE__ */ d(z.FlexRender, { header: t }), a && /* @__PURE__ */ d("div", {
+				}) : /* @__PURE__ */ f(B.FlexRender, { header: t }), a && /* @__PURE__ */ f("div", {
 					role: "separator",
 					"aria-orientation": "vertical",
 					"aria-label": `Resize ${h(t.column)}`,
@@ -221,216 +224,216 @@ function C({ columns: C, data: w, sortable: T = !1, selectable: E = !1, rowSelec
 						if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 						e.preventDefault();
 						let r = n(e.currentTarget) === "rtl", i = e.key === "ArrowRight" !== r;
-						It(t, i ? 5 : -5);
+						Kt(t, i ? 5 : -5);
 					},
-					className: e([Be])
+					className: e([Ge])
 				})]
 			}, t.id);
 		})] }, t.id))
-	}), Rt = (e) => `${St}-${e.replace(/\s+/g, "-")}-panel`, zt = (t) => /* @__PURE__ */ f(se, { children: [/* @__PURE__ */ f("tr", {
-		onClick: Lt ? (e) => Lt(t.original, e) : void 0,
+	}), Yt = (e) => `${jt}-${e.replace(/\s+/g, "-")}-panel`, X = (t) => /* @__PURE__ */ p(se, { children: [/* @__PURE__ */ p("tr", {
+		onClick: qt ? (e) => qt(t.original, e) : void 0,
 		className: e([
-			De,
-			t.getIsSelected() && Oe,
-			A && ke
+			je,
+			t.getIsSelected() && Me,
+			j && Ne
 		]),
-		children: [E && /* @__PURE__ */ d(l, {
-			style: g(G),
+		children: [w && /* @__PURE__ */ f(u, {
+			style: g(K),
 			className: e([
-				J,
-				G && y,
-				G?.edge && x,
-				t.getIsSelected() && Me
+				Y,
+				K && y,
+				K?.edge && x,
+				t.getIsSelected() && b
 			]),
-			children: /* @__PURE__ */ d(a, {
+			children: /* @__PURE__ */ f(o, {
 				checked: t.getIsSelected(),
 				onChange: (e) => t.toggleSelected(e),
 				"aria-label": `Select row ${t.id}`
 			})
 		}), t.getVisibleCells().map((n, r) => {
-			let i = K.get(n.column.id), a = ot ? n.column.columnDef.meta?.editor ?? "text" : !1, o = a !== !1, s = F !== null && F.rowId === t.id && F.columnId === n.column.id, c = (e) => {
-				I(null);
+			let i = q.get(n.column.id), a = pt ? n.column.columnDef.meta?.editor ?? "text" : !1, o = a !== !1, s = I !== null && I.rowId === t.id && I.columnId === n.column.id, c = (e) => {
+				L(null);
 				let r = n.getValue();
-				Object.is(e, r) || st?.(t.id, n.column.id, e, r);
+				Object.is(e, r) || mt?.(t.id, n.column.id, e, r);
 			};
-			return /* @__PURE__ */ d(l, {
+			return /* @__PURE__ */ f(u, {
 				style: g(i),
 				tabIndex: o ? 0 : void 0,
-				onDoubleClick: o && !s ? () => I({
+				onDoubleClick: o && !s ? () => L({
 					rowId: t.id,
 					columnId: n.column.id
 				}) : void 0,
 				onKeyDown: o && !s ? (e) => {
-					e.key === "Enter" && (e.preventDefault(), I({
+					e.key === "Enter" && (e.preventDefault(), L({
 						rowId: t.id,
 						columnId: n.column.id
 					}));
 				} : void 0,
 				className: e([
 					i && y,
-					i?.edge && (i.side === "left" ? x : S),
-					t.getIsSelected() && Me,
-					o && qe
+					i?.edge && (i.side === "left" ? x : Le),
+					t.getIsSelected() && b,
+					o && Qe
 				]),
 				children: s && o ? typeof a == "function" ? a({
 					value: n.getValue(),
 					row: t,
 					column: n.column,
 					onSave: c,
-					onCancel: () => I(null)
-				}) : /* @__PURE__ */ d(ae, {
+					onCancel: () => L(null)
+				}) : /* @__PURE__ */ f(ae, {
 					kind: a === "number" ? "number" : "text",
 					value: n.getValue(),
 					ariaLabel: `Edit ${h(n.column)} in row ${t.id}`,
 					onSave: c,
-					onCancel: () => I(null)
-				}) : /* @__PURE__ */ f(u, { children: [
-					r === 0 && t.depth > 0 && /* @__PURE__ */ d("span", {
+					onCancel: () => L(null)
+				}) : /* @__PURE__ */ p(d, { children: [
+					r === 0 && t.depth > 0 && /* @__PURE__ */ f("span", {
 						"aria-hidden": "true",
 						style: { width: `calc(var(--haze-space-4) * ${t.depth})` },
-						className: e([We])
+						className: e([Ye])
 					}),
-					r === 0 && t.getCanExpand() && /* @__PURE__ */ d("button", {
+					r === 0 && t.getCanExpand() && /* @__PURE__ */ f("button", {
 						type: "button",
 						"aria-expanded": t.getIsExpanded(),
-						"aria-controls": N === void 0 ? void 0 : Rt(t.id),
+						"aria-controls": P === void 0 ? void 0 : Yt(t.id),
 						"aria-label": t.getIsExpanded() ? `Collapse row ${t.id}` : `Expand row ${t.id}`,
 						onClick: t.getToggleExpandedHandler(),
-						className: e([Ve]),
-						children: /* @__PURE__ */ d("span", {
+						className: e([Ke]),
+						children: /* @__PURE__ */ f("span", {
 							"aria-hidden": "true",
-							className: e([He]),
+							className: e([qe]),
 							children: "▸"
 						})
 					}),
-					/* @__PURE__ */ d(z.FlexRender, { cell: n })
+					/* @__PURE__ */ f(B.FlexRender, { cell: n })
 				] })
 			}, n.id);
 		})]
-	}, t.id), N !== void 0 && t.getCanExpand() && t.getIsExpanded() && /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ d(l, {
-		colSpan: Nt,
-		id: Rt(t.id),
-		className: e([Ue]),
-		children: N(t)
-	}) }, `${t.id}-panel`)] }, t.id), Bt = (t) => /* @__PURE__ */ f("tr", { children: [E && /* @__PURE__ */ d(l, {
-		style: g(G),
+	}, t.id), P !== void 0 && t.getCanExpand() && t.getIsExpanded() && /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f(u, {
+		colSpan: Ut,
+		id: Yt(t.id),
+		className: e([Je]),
+		children: P(t)
+	}) }, `${t.id}-panel`)] }, t.id), Xt = (t) => /* @__PURE__ */ p("tr", { children: [w && /* @__PURE__ */ f(u, {
+		style: g(K),
 		className: e([
-			J,
-			G && y,
-			G?.edge && x
+			Y,
+			K && y,
+			K?.edge && x
 		]),
-		children: /* @__PURE__ */ d(o, {})
-	}), V.map((t) => {
-		let n = K.get(t.column.id);
-		return /* @__PURE__ */ d(l, {
+		children: /* @__PURE__ */ f(s, {})
+	}), H.map((t) => {
+		let n = q.get(t.column.id);
+		return /* @__PURE__ */ f(u, {
 			style: g(n),
-			className: e([n && y, n?.edge && (n.side === "left" ? x : S)]),
-			children: /* @__PURE__ */ d(o, {})
+			className: e([n && y, n?.edge && (n.side === "left" ? x : Le)]),
+			children: /* @__PURE__ */ f(s, {})
 		}, t.id);
-	})] }, `skeleton-${t}`), Vt = Array.from({ length: D ?? 5 }, (e, t) => Bt(t)), Ht = /* @__PURE__ */ d("tr", { children: d(l, {
-		colSpan: Nt,
-		className: e([Ne]),
-		children: $e ?? /* @__PURE__ */ d(ee, {})
-	}) }), Ut = P ? /* @__PURE__ */ d(c, { children: f("tr", { children: [E && /* @__PURE__ */ d(l, { children: null }), V.map((e) => /* @__PURE__ */ d(l, { children: e.column.getCanFilter() ? /* @__PURE__ */ d(t, {
+	})] }, `skeleton-${t}`), Zt = Array.from({ length: E ?? 5 }, (e, t) => Xt(t)), Qt = /* @__PURE__ */ f("tr", { children: f(u, {
+		colSpan: Ut,
+		className: e([Re]),
+		children: ot ?? /* @__PURE__ */ f(ee, {})
+	}) }), $t = F ? /* @__PURE__ */ f(l, { children: p("tr", { children: [w && /* @__PURE__ */ f(u, { children: null }), H.map((e) => /* @__PURE__ */ f(u, { children: e.column.getCanFilter() ? /* @__PURE__ */ f(t, {
 		size: "sm",
 		"aria-label": `Filter ${h(e.column)}`,
-		placeholder: "Filter",
+		placeholder: Mt.filterPlaceholder,
 		value: e.column.getFilterValue() ?? "",
 		onChange: (t) => e.column.setFilterValue(t.target.value)
-	}) : null }, `filter-${e.id}`))] }) }) : void 0, X = z.getFilteredRowModel().flatRows, Z = it !== void 0 && !O && H.length > 0 ? it(X) : void 0, Q = Z !== void 0 && Z.length > 0 ? /* @__PURE__ */ d("tfoot", {
-		className: e([Ge, at && Ke]),
-		children: Z.map((e, t) => /* @__PURE__ */ f("tr", {
+	}) : null }, `filter-${e.id}`))] }) }) : void 0, en = B.getFilteredRowModel().flatRows, Z = dt !== void 0 && !k && U.length > 0 ? dt(en) : void 0, Q = Z !== void 0 && Z.length > 0 ? /* @__PURE__ */ f("tfoot", {
+		className: e([Xe, ft && Ze]),
+		children: Z.map((e, t) => /* @__PURE__ */ p("tr", {
 			"aria-label": e.label,
-			children: [E && /* @__PURE__ */ d(l, { children: null }), V.map((t, n) => {
+			children: [w && /* @__PURE__ */ f(u, { children: null }), H.map((t, n) => {
 				let r = e.cells[n];
-				return /* @__PURE__ */ d(l, { children: typeof r == "function" ? r(X) : r }, t.id);
+				return /* @__PURE__ */ f(u, { children: typeof r == "function" ? r(en) : r }, t.id);
 			})]
 		}, `summary-${t}`))
-	}) : void 0, $ = rt ? /* @__PURE__ */ f(ne, {
-		className: D === void 0 ? void 0 : Ie,
-		children: [/* @__PURE__ */ d(re, {
-			className: e([Le]),
+	}) : void 0, $ = ut ? /* @__PURE__ */ p(ne, {
+		className: E === void 0 ? void 0 : Ve,
+		children: [/* @__PURE__ */ f(re, {
+			className: e([He]),
 			children: "Columns"
-		}), /* @__PURE__ */ d(ie, {
+		}), /* @__PURE__ */ f(ie, {
 			align: "end",
-			children: z.getAllLeafColumns().filter((e) => e.getCanHide()).map((t) => /* @__PURE__ */ f("label", {
-				className: e([Re]),
-				children: [/* @__PURE__ */ d(a, {
+			children: B.getAllLeafColumns().filter((e) => e.getCanHide()).map((t) => /* @__PURE__ */ p("label", {
+				className: e([Ue]),
+				children: [/* @__PURE__ */ f(o, {
 					role: "menuitemcheckbox",
 					"aria-checked": t.getIsVisible(),
 					checked: t.getIsVisible(),
 					onChange: () => t.toggleVisibility(),
 					"aria-label": `Show ${h(t)}`
-				}), /* @__PURE__ */ d("span", { children: h(t) })]
+				}), /* @__PURE__ */ f("span", { children: h(t) })]
 			}, t.id))
 		})]
 	}) : void 0;
-	return /* @__PURE__ */ f("div", {
-		className: e([ye, ct]),
+	return /* @__PURE__ */ p("div", {
+		className: e([Ce, ht]),
 		children: [
-			$ && D === void 0 && /* @__PURE__ */ d("div", {
-				className: e([Fe]),
+			$ && E === void 0 && /* @__PURE__ */ f("div", {
+				className: e([Be]),
 				children: $
 			}),
-			L ? /* @__PURE__ */ f("div", {
-				ref: At,
-				className: e([Se]),
+			R ? /* @__PURE__ */ p("div", {
+				ref: Bt,
+				className: e([Ee]),
 				children: [
-					/* @__PURE__ */ f("table", {
-						...lt,
+					/* @__PURE__ */ p("table", {
+						...gt,
 						className: e([v, _]),
 						children: [
-							q,
-							Y,
-							Ut
+							J,
+							Jt,
+							$t
 						]
 					}),
-					O ? /* @__PURE__ */ f("table", {
+					k ? /* @__PURE__ */ p("table", {
 						className: e([v, _]),
-						children: [q, /* @__PURE__ */ d(c, { children: Vt })]
-					}) : H.length > 0 ? /* @__PURE__ */ d(i, {
-						items: H,
-						height: jt,
-						itemHeight: R,
-						estimatedItemHeight: Tt ? R : void 0,
-						overscan: Ct,
-						renderItem: (t) => /* @__PURE__ */ f("table", {
+						children: [J, /* @__PURE__ */ f(l, { children: Zt })]
+					}) : U.length > 0 ? /* @__PURE__ */ f(a, {
+						items: U,
+						height: Vt,
+						itemHeight: z,
+						estimatedItemHeight: Ft ? z : void 0,
+						overscan: Nt,
+						renderItem: (t) => /* @__PURE__ */ p("table", {
 							className: e([
 								v,
 								_,
-								Ce
+								De
 							]),
-							children: [q, /* @__PURE__ */ d(c, { children: zt(t) })]
+							children: [J, /* @__PURE__ */ f(l, { children: X(t) })]
 						})
-					}) : /* @__PURE__ */ f("table", {
+					}) : /* @__PURE__ */ p("table", {
 						className: e([v, _]),
-						children: [q, /* @__PURE__ */ d(c, { children: Ht })]
+						children: [J, /* @__PURE__ */ f(l, { children: Qt })]
 					}),
-					Q !== void 0 && /* @__PURE__ */ f("table", {
+					Q !== void 0 && /* @__PURE__ */ p("table", {
 						className: e([v, _]),
-						children: [q, Q]
+						children: [J, Q]
 					})
 				]
-			}) : /* @__PURE__ */ d("div", {
-				className: e([Ze ? xe : be]),
-				children: /* @__PURE__ */ f("table", {
-					...lt,
+			}) : /* @__PURE__ */ f("div", {
+				className: e([it ? Te : we]),
+				children: /* @__PURE__ */ p("table", {
+					...gt,
 					className: e([v]),
 					children: [
-						q,
-						Y,
-						Ut,
-						/* @__PURE__ */ d(c, { children: O ? Vt : /* @__PURE__ */ f(u, { children: [H.map(zt), H.length === 0 && Ht] }) }),
+						J,
+						Jt,
+						$t,
+						/* @__PURE__ */ f(l, { children: k ? Zt : /* @__PURE__ */ p(d, { children: [U.map(X), U.length === 0 && Qt] }) }),
 						Q
 					]
 				})
 			}),
-			D !== void 0 && /* @__PURE__ */ f("div", {
-				className: e([Pe]),
-				children: [$, /* @__PURE__ */ d(te, {
-					page: gt,
-					total: w.length,
-					pageSize: D,
+			E !== void 0 && /* @__PURE__ */ p("div", {
+				className: e([ze]),
+				children: [$, /* @__PURE__ */ f(te, {
+					page: Tt,
+					total: O && tt !== void 0 ? Math.max(0, tt) * E : C.length,
+					pageSize: E,
 					size: "sm"
 				})]
 			})
@@ -438,4 +441,4 @@ function C({ columns: C, data: w, sortable: T = !1, selectable: E = !1, rowSelec
 	});
 }
 //#endregion
-export { C as default };
+export { S as default };