haze-ui 1.32.0 → 1.34.0

package/dist/components/DataTable/DataTable.js

@@ -6,24 +6,57 @@ import { useStrings as r } from "../LocaleProvider/useStrings.js";
 import i from "../Input/Input.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/DropdownMenuContent.js";
-import re from "../DropdownMenu/DropdownMenuTrigger.js";
-import ie from "../DropdownMenu/DropdownMenu.js";
-import ae from "./CellEditor.js";
-import { dataTableFeatures as oe } from "./features.js";
+import { sortableHandle as s, useSortableHandle as c } from "../../utils/sortable-handle.js";
+import l from "../Skeleton/Skeleton.js";
+import { TableClassNamesProvider as u } from "../Table/TableContext.js";
+import ee from "../Table/TableHead.js";
+import d from "../Table/TableBody.js";
+import f from "../Table/TableCell.js";
+import p from "../Empty/Empty.js";
+import te from "../VisuallyHidden/VisuallyHidden.js";
+import ne from "../Pagination/Pagination.js";
+import re from "../DropdownMenu/DropdownMenuContent.js";
+import ie from "../DropdownMenu/DropdownMenuTrigger.js";
+import ae from "../DropdownMenu/DropdownMenu.js";
+import oe from "./CellEditor.js";
+import se from "./column-filter.js";
+import { dataTableFeatures as ce } from "./features.js";
+import { applyColumnFilters as le } from "./filters.js";
 /* empty css                    */
-import { Fragment as se, useEffect as ce, useId as le, useMemo as ue, useRef as de, useState as fe } from "react";
-import { Fragment as pe, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { isControl as me, useControl as p, useThru as he, watch as ge } from "react-use-control";
-import { useTable as _e } from "@tanstack/react-table";
+import { c as ue } from "react/compiler-runtime";
+import { Fragment as de, useCallback as fe, useEffect as m, useId as pe, useMemo as me, useRef as h, useState as g } from "react";
+import { Fragment as he, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { isControl as ge, useControl as y, useThru as b, watch as _e } from "react-use-control";
+import { useTable as ve } from "@tanstack/react-table";
 //#region src/lib/components/DataTable/DataTable.tsx
-function ve(e, t) {
+function ye(e, t, n) {
+	let r = e.slice(), [i] = r.splice(t, 1);
+	return i === void 0 || r.splice(n, 0, i), r;
+}
+function be(n) {
+	let r = ue(9), { columnId: i, label: a, onMove: o } = n, l = c()?.listeners?.onPointerDown, u;
+	r[0] === o ? u = r[1] : (u = (e) => {
+		e.defaultPrevented || !e.altKey || e.ctrlKey || e.metaKey || (e.key === "ArrowLeft" || e.key === "ArrowRight") && (e.preventDefault(), o(e.key === "ArrowRight" != (t(e.currentTarget) === "rtl")));
+	}, r[0] = o, r[1] = u);
+	let ee = `Reorder ${a}`, d, f;
+	r[2] === Symbol.for("react.memo_cache_sentinel") ? (d = [s, D], f = /* @__PURE__ */ _("span", {
+		"aria-hidden": "true",
+		children: "⠿"
+	}), r[2] = d, r[3] = f) : (d = r[2], f = r[3]);
+	let p;
+	return r[4] !== i || r[5] !== l || r[6] !== u || r[7] !== ee ? (p = /* @__PURE__ */ _("button", {
+		type: "button",
+		"data-slot": "reorder-grip",
+		"data-reorder-handle": i,
+		onPointerDown: l,
+		onKeyDown: u,
+		"aria-label": ee,
+		"aria-keyshortcuts": "Alt+ArrowLeft Alt+ArrowRight",
+		className: e(d),
+		children: f
+	}), r[4] = i, r[5] = l, r[6] = u, r[7] = ee, r[8] = p) : p = r[8], p;
+}
+function xe(e, t) {
 	let n = {
 		...e,
 		enableSorting: e.enableSorting ?? e.meta?.sortable ?? t.sortable,
@@ -35,266 +68,450 @@ function ve(e, t) {
 	};
 	return "columns" in n && n.columns ? {
 		...n,
-		columns: n.columns.map((e) => ve(e, t))
+		columns: n.columns.map((e) => xe(e, t))
 	} : n;
 }
-function m(e) {
+function x(e) {
 	let t = e.columnDef.header;
 	return typeof t == "string" ? t : e.id;
 }
-function ye(e) {
+function Se(e) {
 	let t = e.meta?.width ?? e.size;
 	return typeof t == "number" ? `${t}px` : t;
 }
-function be(e) {
+function Ce(e) {
 	if (e.length === 0) return "0px";
 	let [t] = e;
 	return e.length === 1 && t !== void 0 && !t.includes("(") ? t : `calc(${e.join(" + ")})`;
 }
-function h(e) {
+function S(e) {
 	return e ? {
 		left: e.side === "left" ? e.offset : void 0,
 		right: e.side === "right" ? e.offset : void 0
 	} : void 0;
 }
-var xe = "calc(var(--haze-space-3) * 2 + var(--haze-space-5))", Se = "(var(--haze-space-3) * 2 + var(--haze-space-5))", Ce = 34, we = "haze-DataTable__root", Te = "haze-DataTable__scrollArea", Ee = "haze-DataTable__stickyScrollArea", De = "haze-DataTable__virtualArea", g = "haze-DataTable__fixedLayout", Oe = "haze-DataTable__virtualRowTable", _ = "haze-DataTable__tableBase", ke = "haze-DataTable__stickyHead", Ae = "haze-DataTable__sortButton", je = "haze-DataTable__sortIcon", Me = "haze-DataTable__rowHover", Ne = "haze-DataTable__rowSelected", Pe = "haze-DataTable__clickableRow", Fe = "haze-DataTable__checkCell", Ie = "haze-DataTable__checkCellCol", v = "haze-DataTable__fixedCell", y = "haze-DataTable__fixedCellSelected", b = "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 = me(T), [vt, yt] = p(he(_t ? T : void 0, ge((e) => rt?.(e))), _t ? [] : T ?? []), [bt, xt] = p(et, {}), St = me(D), [Ct, wt, Tt] = p(he(St ? D : void 0, ge((e) => nt?.(e))), St ? 1 : D ?? 1), [Et, Dt] = p(st, {}), [Ot, kt] = p(lt, {}), [I, L] = fe(null), At = n(), jt = le(), Mt = r("dataTable"), R = A === !0 || typeof A == "object", z = typeof A == "object" ? A.rowHeight : Ce, 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];
+var we = "calc(var(--haze-space-3) * 2 + var(--haze-space-5))", Te = "(var(--haze-space-3) * 2 + var(--haze-space-5))", Ee = {
+	sm: 23,
+	md: 34,
+	lg: 39
+}, C = "__selection__", De = "Use the arrow keys to move between cells. Home and End go to the start or end of the row; PageUp and PageDown go to the first or last row.", Oe = " Press Enter or F2 to edit the focused cell; Escape cancels and returns to navigation.", ke = " Focus a column reorder grip and press Alt with the left or right arrow key to move its column.", Ae = "haze-DataTable__root", je = "haze-DataTable__scrollArea", Me = "haze-DataTable__stickyScrollArea", Ne = "haze-DataTable__virtualArea", w = "haze-DataTable__fixedLayout", Pe = "haze-DataTable__virtualRowTable", T = "haze-DataTable__tableBase", Fe = "haze-DataTable__stickyHead", Ie = "haze-DataTable__sortButton", Le = "haze-DataTable__sortIcon", Re = "haze-DataTable__rowHover", ze = "haze-DataTable__rowSelected", Be = "haze-DataTable__clickableRow", Ve = "haze-DataTable__checkCell", He = "haze-DataTable__checkCellCol", E = "haze-DataTable__fixedCell", Ue = "haze-DataTable__fixedCellSelected", We = "haze-DataTable__fixedHeadCell", Ge = "haze-DataTable__fixedLeftEdge", Ke = "haze-DataTable__fixedRightEdge", qe = "haze-DataTable__emptyCell", Je = "haze-DataTable__footer", Ye = "haze-DataTable__toolbar", Xe = "haze-DataTable__footerMenu", Ze = "haze-DataTable__columnsTrigger", Qe = "haze-DataTable__toggleRow", $e = "haze-DataTable__resizableHead", et = "haze-DataTable__resizeHandle", D = "haze-DataTable__reorderGripClass", tt = "haze-DataTable__reorderItemClass", nt = "haze-DataTable__endSentinelClass", rt = "haze-DataTable__expander", it = "haze-DataTable__expanderIcon", at = "haze-DataTable__panelCell", ot = "haze-DataTable__treeIndent", st = "haze-DataTable__summaryFoot", ct = "haze-DataTable__stickyFoot", lt = "haze-DataTable__editableCell", ut = "haze-DataTable__navCell", dt = "haze-DataTable__sizeSm", ft = "haze-DataTable__sizeLg";
+function pt({ columns: s, data: c, sortable: ue = !1, selectable: D = !1, rowSelection: pt, sorting: mt, pageSize: O, page: ht, manual: gt = !1, pageCount: _t, onPageChange: vt, onSortChange: yt, loading: k = !1, stickyHeader: bt = !1, virtualized: A, getRowId: xt, onRowClick: St, empty: Ct, resizable: j = !1, expanded: wt, getRowCanExpand: Tt, renderExpandedRow: M, subRowsKey: Et = "subRows", columnVisibility: Dt, columnToggle: Ot = !1, filterable: N = !1, filters: kt, onFiltersChange: At, summary: jt, stickyFooter: Mt = !1, editable: Nt = !1, onCellEdit: Pt, toolbar: Ft, size: It = "md", columnReorderable: Lt = !1, onColumnOrderChange: Rt, onEndReached: P, endReachedThreshold: zt, classNames: F, className: Bt, ref: I, ...Vt }) {
+	let Ht = ge(mt), [Ut, Wt] = y(b(Ht ? mt : void 0, _e((e) => yt?.(e))), Ht ? [] : mt ?? []), [Gt, Kt] = y(pt, {}), qt = ge(ht), [Jt, Yt, Xt] = y(b(qt ? ht : void 0, _e((e) => vt?.(e))), qt ? 1 : ht ?? 1), [Zt, Qt] = y(wt, {}), [$t, en] = y(Dt, {}), [tn, nn] = y(b(void 0, _e((e) => Rt?.(e))), []), rn = ge(kt), [an, on] = y(b(rn ? kt : void 0, _e((e) => At?.(e))), rn ? {} : kt ?? {}), [sn, L] = g(null), [R, z] = g(null), cn = h(null), ln = h(null), un = fe((e) => {
+		ln.current = e, typeof I == "function" ? I(e) : I && (I.current = e);
+	}, [I]), dn = h(null), fn = n(), pn = pe(), mn = r("dataTable"), B = A === !0 || typeof A == "object", hn = typeof A == "object" ? A.rowHeight : Ee[It], gn = typeof A == "object" ? A.overscan : void 0, V = It === "sm" ? dt : It === "lg" ? ft : void 0, _n = O ?? Infinity, vn = Tt !== void 0 || M !== void 0, yn = Tt === void 0 && M === void 0 && c.some((e) => {
+		let t = e[Et];
 		return Array.isArray(t) && t.length > 0;
-	}), Lt = ue(() => S.map((e) => ve(e, {
-		sortable: $e,
-		resizable: M,
-		filterable: F
+	}), bn = me(() => s.map((e) => xe(e, {
+		sortable: ue,
+		resizable: j,
+		filterable: N
 	})), [
-		S,
-		$e,
-		M,
-		F
-	]), B = _e({
-		features: oe,
-		columns: Lt,
-		data: C,
-		getRowId: at,
-		getSubRows: It ? (e) => e[ct] : void 0,
+		s,
+		ue,
+		j,
+		N
+	]), xn = me(() => le(c, s, an), [
+		c,
+		s,
+		an
+	]), Sn = gt ? c : xn, Cn = (e, t) => {
+		on((n) => t.length === 0 ? Object.fromEntries(Object.entries(n).filter(([t]) => t !== e)) : {
+			...n,
+			[e]: t
+		});
+	}, H = ve({
+		features: ce,
+		columns: bn,
+		data: Sn,
+		getRowId: xt,
+		getSubRows: yn ? (e) => e[Et] : void 0,
 		state: {
-			sorting: vt,
-			rowSelection: bt,
+			sorting: Ut,
+			rowSelection: Gt,
 			pagination: {
-				pageIndex: Ct - 1,
-				pageSize: Pt
+				pageIndex: Jt - 1,
+				pageSize: _n
 			},
-			expanded: Et,
-			columnVisibility: Ot
+			expanded: Zt,
+			columnVisibility: $t,
+			columnOrder: tn
 		},
-		onSortingChange: yt,
-		onRowSelectionChange: xt,
-		onExpandedChange: Dt,
-		onColumnVisibilityChange: kt,
-		manualSorting: O,
-		manualPagination: O,
-		getRowCanExpand: N ?? (P === void 0 ? void 0 : () => !0),
-		enableColumnFilters: F,
-		enableColumnResizing: M,
+		onSortingChange: Wt,
+		onRowSelectionChange: Kt,
+		onExpandedChange: Qt,
+		onColumnVisibilityChange: en,
+		onColumnOrderChange: nn,
+		manualSorting: gt,
+		manualPagination: gt,
+		getRowCanExpand: Tt ?? (M === void 0 ? void 0 : () => !0),
+		enableColumnFilters: N,
+		enableColumnResizing: j,
 		columnResizeMode: "onChange",
-		columnResizeDirection: At,
+		columnResizeDirection: fn,
 		defaultColumn: { size: void 0 },
 		onPaginationChange: (e) => {
 			let t = typeof e == "function" ? e({
-				pageIndex: Ct - 1,
-				pageSize: Pt
+				pageIndex: Jt - 1,
+				pageSize: _n
 			}) : e;
-			wt(Math.max(1, t.pageIndex + 1));
+			Yt(Math.max(1, t.pageIndex + 1));
 		}
-	}), Rt = de(null), zt = B.getIsSomeRowsSelected() && !B.getIsAllRowsSelected();
-	ce(() => {
-		let e = Rt.current?.querySelector("input");
-		e && (e.indeterminate = zt);
+	}), wn = h(null), Tn = H.getIsSomeRowsSelected() && !H.getIsAllRowsSelected();
+	m(() => {
+		let e = wn.current?.querySelector("input");
+		e && (e.indeterminate = Tn);
 	});
-	let Bt = de(null), [Vt, Ht] = fe(0);
-	ce(() => {
-		if (!R) return;
-		let e = Bt.current, t = e?.querySelector("thead");
+	let En = h(null), [Dn, On] = g(0);
+	m(() => {
+		if (!B) return;
+		let e = En.current, t = e?.querySelector("thead");
 		if (!e || !t) return;
 		let n = () => {
 			let n = Math.floor(e.getBoundingClientRect().height), r = Math.floor(t.getBoundingClientRect().height);
-			Ht(Math.max(z, n - r));
+			On(Math.max(hn, n - r));
 		};
 		n();
 		let r = new ResizeObserver(n);
 		return r.observe(e), r.observe(t), () => r.disconnect();
-	}, [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 ? ye(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) => ({
+	}, [B, hn]);
+	let U = H.getHeaderGroups(), W = H.getLeafHeaders(), kn = W.length + +!!D, G = H.getRowModel().rows, An = H.state.columnSizing, K = Lt && U.length === 1;
+	m(() => {
+		!Lt || U.length <= 1 || console.warn("DataTable: columnReorderable does not support grouped (nested) headers — rendering without column reordering.");
+	}, [Lt, U.length]);
+	let [jn, Mn] = g(null);
+	m(() => {
+		if (!K) return;
+		let e = !1;
+		return import("./column-reorder.js").then((t) => {
+			e || Mn(t);
+		}, () => void 0), () => {
+			e = !0;
+		};
+	}, [K]);
+	let Nn = W.map((e) => e.column.id), Pn = (e, t) => {
+		e === t || e < 0 || t < 0 || t >= Nn.length || nn(ye(Nn, e, t));
+	}, Fn = h(null);
+	m(() => {
+		let e = Fn.current;
+		if (!e) return;
+		Fn.current = null;
+		let t = ln.current?.querySelector(`[data-reorder-handle="${CSS.escape(e)}"]`);
+		t instanceof HTMLElement && document.activeElement !== t && t.focus();
+	});
+	let In = h(null);
+	m(() => {
+		if (B || P === void 0) return;
+		let e = In.current;
+		if (!e) return;
+		let t = bt ? e.closest("[data-slot=\"scroll-area\"]") : null, n = new IntersectionObserver((e) => {
+			e.some((e) => e.isIntersecting) && P();
+		}, {
+			root: t,
+			rootMargin: `${zt ?? 200}px 0px`
+		});
+		return n.observe(e), () => n.disconnect();
+	}, [
+		B,
+		P,
+		zt,
+		bt,
+		k,
+		G.length
+	]);
+	let q = W.map((e) => {
+		let t = An[e.column.id];
+		return t === void 0 ? Se(e.column.columnDef) : `${t}px`;
+	}), Ln = q.some((e) => e !== void 0), Rn = (e, t) => {
+		let n = e.column.columnDef, r = n.minSize ?? 20, i = n.maxSize ?? 2 ** 53 - 1, a = An[e.column.id] ?? e.column.getSize(), o = Math.min(Math.max(Math.round(a + t), r), i);
+		H.setColumnSizing((t) => ({
 			...t,
 			[e.column.id]: o
 		}));
-	}, G = H.map((e) => e.column.columnDef.meta?.fixed), K = !R && w && G.some((e) => e === "left") ? {
+	}, J = W.map((e) => e.column.columnDef.meta?.fixed), Y = !B && D && J.some((e) => e === "left") ? {
 		side: "left",
 		offset: "0px",
-		edge: G[0] !== "left"
-	} : void 0, q = /* @__PURE__ */ new Map();
-	if (!R) {
-		let e = K ? [Se] : [];
-		H.forEach((t, n) => {
-			if (G[n] !== "left") return;
-			q.set(t.column.id, {
+		edge: J[0] !== "left"
+	} : void 0, X = /* @__PURE__ */ new Map();
+	if (!B) {
+		let e = Y ? [Te] : [];
+		W.forEach((t, n) => {
+			if (J[n] !== "left") return;
+			X.set(t.column.id, {
 				side: "left",
-				offset: be(e),
-				edge: G[n + 1] !== "left"
+				offset: Ce(e),
+				edge: J[n + 1] !== "left"
 			});
-			let r = W[n];
+			let r = q[n];
 			r && e.push(r);
 		});
 		let t = [];
-		for (let e = H.length - 1; e >= 0; --e) {
-			let n = H[e];
-			if (!n || G[e] !== "right") continue;
-			q.set(n.column.id, {
+		for (let e = W.length - 1; e >= 0; --e) {
+			let n = W[e];
+			if (!n || J[e] !== "right") continue;
+			X.set(n.column.id, {
 				side: "right",
-				offset: be(t),
-				edge: G[e - 1] !== "right"
+				offset: Ce(t),
+				edge: J[e - 1] !== "right"
 			});
-			let r = W[e];
+			let r = q[e];
 			r && t.push(r);
 		}
 	}
-	let J = R || Gt || M ? /* @__PURE__ */ f("colgroup", {
+	let Z = [...D ? [C] : [], ...W.map((e) => e.column.id)], Q = G.map((e) => e.id), zn = R !== null && Q.includes(R.rowId) && Z.includes(R.columnId) ? R : null, Bn = Q[0], Vn = Z[0], Hn = (e, t) => zn === null ? e === Bn && t === Vn : zn.rowId === e && zn.columnId === t, Un = (e) => {
+		let t = ln.current?.querySelectorAll("[data-nav-row]");
+		if (t) {
+			for (let n of t) if (n.dataset.navRow === e.rowId && n.dataset.navCol === e.columnId) return n;
+		}
+	}, Wn = (e) => {
+		let t = Un(e);
+		if (t) {
+			t.focus();
+			return;
+		}
+		if (!B) return;
+		let n = Q.indexOf(e.rowId);
+		n >= 0 && (dn.current?.scrollToIndex(n), cn.current = e);
+	};
+	m(() => {
+		let e = cn.current;
+		if (!e) return;
+		let t = Un(e);
+		t && (cn.current = null, t.focus());
+	});
+	let Gn = (e, n, r) => {
+		if (e.defaultPrevented || e.ctrlKey || e.metaKey || e.altKey || e.target !== e.currentTarget) return;
+		if (e.key === "Enter" || e.key === "F2") {
+			if (!r) return;
+			e.preventDefault(), z(n), L(n);
+			return;
+		}
+		let i = Q.indexOf(n.rowId), a = Z.indexOf(n.columnId);
+		if (i < 0 || a < 0) return;
+		let o = Q.length - 1, s = Z.length - 1, c = (e, t) => {
+			let n = Q[e], r = Z[t];
+			return n !== void 0 && r !== void 0 ? {
+				rowId: n,
+				columnId: r
+			} : void 0;
+		}, l = (e) => {
+			let t = a + e, n = i;
+			if (t > s) {
+				if (n >= o) return;
+				t = 0, n += 1;
+			} else if (t < 0) {
+				if (n <= 0) return;
+				t = s, --n;
+			}
+			return c(n, t);
+		}, u;
+		switch (e.key) {
+			case "ArrowUp":
+				u = i > 0 ? c(i - 1, a) : void 0;
+				break;
+			case "ArrowDown":
+				u = i < o ? c(i + 1, a) : void 0;
+				break;
+			case "ArrowLeft":
+				u = l(t(e.currentTarget) === "rtl" ? 1 : -1);
+				break;
+			case "ArrowRight":
+				u = l(t(e.currentTarget) === "rtl" ? -1 : 1);
+				break;
+			case "Home":
+				u = c(i, 0);
+				break;
+			case "End":
+				u = c(i, s);
+				break;
+			case "PageUp":
+				u = i > 0 ? c(0, a) : void 0;
+				break;
+			case "PageDown":
+				u = i < o ? c(o, a) : void 0;
+				break;
+			default: return;
+		}
+		u === void 0 || u.rowId === n.rowId && u.columnId === n.columnId || (e.preventDefault(), z(u), Wn(u));
+	}, $ = B || Ln || j ? /* @__PURE__ */ v("colgroup", {
 		"data-slot": "colgroup",
-		children: [w && /* @__PURE__ */ d("col", {
+		children: [D && /* @__PURE__ */ _("col", {
 			"data-slot": "col",
-			style: { width: xe }
-		}), H.map((e, t) => /* @__PURE__ */ d("col", {
+			style: { width: we }
+		}), W.map((e, t) => /* @__PURE__ */ _("col", {
 			"data-slot": "col",
-			style: W[t] ? { width: W[t] } : void 0
+			style: q[t] ? { width: q[t] } : void 0
 		}, e.id))]
-	}) : void 0, Y = R || Gt || M ? Ie : Fe, qt = j ? (e, t) => {
-		t.target instanceof Element && t.target.closest("button, input, select, textarea, a") || j(e, t);
-	} : void 0, Jt = /* @__PURE__ */ d(c, {
-		className: it ? ke : void 0,
-		children: V.map((n, r) => /* @__PURE__ */ f("tr", {
+	}) : void 0, Kn = B || Ln || j ? He : Ve, qn = St ? (e, t) => {
+		t.target instanceof Element && t.target.closest("button, input, select, textarea, a") || St(e, t);
+	} : void 0, Jn = /* @__PURE__ */ _(ee, {
+		className: bt ? Fe : void 0,
+		children: U.map((n, r) => /* @__PURE__ */ v("tr", {
 			"data-slot": "row",
-			children: [w && r === 0 && /* @__PURE__ */ d(u, {
+			children: [D && r === 0 && /* @__PURE__ */ _(f, {
 				as: "th",
 				"data-slot": "select-cell",
-				rowSpan: V.length > 1 ? V.length : void 0,
-				style: h(K),
+				rowSpan: U.length > 1 ? U.length : void 0,
+				style: S(Y),
 				className: e([
-					Y,
-					K && v,
-					K && b
+					Kn,
+					Y && E,
+					Y && We
 				]),
-				children: /* @__PURE__ */ d("span", {
-					ref: Rt,
-					children: /* @__PURE__ */ d(o, {
-						checked: B.getIsAllRowsSelected(),
-						onChange: (e) => B.toggleAllRowsSelected(e),
-						"aria-label": Mt.selectAll
+				children: /* @__PURE__ */ _("span", {
+					ref: wn,
+					children: /* @__PURE__ */ _(o, {
+						checked: H.getIsAllRowsSelected(),
+						onChange: (e) => H.toggleAllRowsSelected(e),
+						"aria-label": mn.selectAll
 					})
 				})
 			}), n.headers.map((n) => {
 				if (n.rowSpan === 0) return null;
-				if (n.isPlaceholder) return /* @__PURE__ */ d(u, {
+				if (n.isPlaceholder) return /* @__PURE__ */ _(f, {
 					as: "th",
 					"data-slot": "cell",
 					children: null
 				}, n.placeholderId ?? n.id);
-				let r = n.column.getIsSorted(), i = n.subHeaders.length === 0 ? q.get(n.column.id) : void 0, a = M && n.subHeaders.length === 0 && n.column.getCanResize();
-				return /* @__PURE__ */ f(u, {
+				let r = n.column.getIsSorted(), i = n.subHeaders.length === 0 ? X.get(n.column.id) : void 0, a = j && n.subHeaders.length === 0 && n.column.getCanResize(), o = K && n.subHeaders.length === 0 ? /* @__PURE__ */ _(be, {
+					columnId: n.column.id,
+					label: x(n.column),
+					onMove: (e) => {
+						let t = Nn.indexOf(n.column.id), r = e ? t + 1 : t - 1;
+						t < 0 || (Fn.current = n.column.id, Pn(t, r));
+					}
+				}) : null, s = o !== null && jn !== null ? /* @__PURE__ */ _(jn.ColumnReorderItem, {
+					id: n.column.id,
+					className: tt,
+					children: o
+				}) : o, c = n.subHeaders.length === 0 ? n.column.columnDef.meta?.filters : void 0;
+				return /* @__PURE__ */ v(f, {
 					as: "th",
 					"data-slot": "cell",
 					colSpan: n.colSpan > 1 ? n.colSpan : void 0,
 					rowSpan: n.rowSpan > 1 ? n.rowSpan : void 0,
-					style: h(i),
+					style: S(i),
 					"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : void 0,
 					className: e([
-						i && v,
-						i && b,
-						a && We
+						i && E,
+						i && We,
+						a && $e
 					]),
-					children: [n.column.getCanSort() ? /* @__PURE__ */ f("button", {
-						type: "button",
-						"data-slot": "sort-button",
-						onClick: n.column.getToggleSortingHandler(),
-						className: e([Ae]),
-						children: [/* @__PURE__ */ d(B.FlexRender, { header: n }), /* @__PURE__ */ d("span", {
-							"data-slot": "icon",
-							"aria-hidden": "true",
-							className: e([je]),
-							children: r === "asc" ? "↑" : r === "desc" ? "↓" : "↕"
-						})]
-					}) : /* @__PURE__ */ d(B.FlexRender, { header: n }), a && /* @__PURE__ */ d("div", {
-						role: "separator",
-						"data-slot": "resize-handle",
-						"aria-orientation": "vertical",
-						"aria-label": `Resize ${m(n.column)}`,
-						tabIndex: 0,
-						onMouseDown: (e) => {
-							e.preventDefault(), n.getResizeHandler()(e);
-						},
-						onDoubleClick: () => n.column.resetSize(),
-						onKeyDown: (e) => {
-							if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
-							e.preventDefault();
-							let r = t(e.currentTarget) === "rtl", i = e.key === "ArrowRight" !== r;
-							Kt(n, i ? 5 : -5);
-						},
-						className: e([Ge])
-					})]
+					children: [
+						s,
+						n.column.getCanSort() ? /* @__PURE__ */ v("button", {
+							type: "button",
+							"data-slot": "sort-button",
+							onClick: n.column.getToggleSortingHandler(),
+							className: e([Ie]),
+							children: [/* @__PURE__ */ _(H.FlexRender, { header: n }), /* @__PURE__ */ _("span", {
+								"data-slot": "icon",
+								"aria-hidden": "true",
+								className: e([Le]),
+								children: r === "asc" ? "↑" : r === "desc" ? "↓" : "↕"
+							})]
+						}) : /* @__PURE__ */ _(H.FlexRender, { header: n }),
+						c !== void 0 && c.length > 0 && /* @__PURE__ */ _(se, {
+							label: x(n.column),
+							options: c,
+							selected: an[n.column.id] ?? [],
+							onChange: (e) => Cn(n.column.id, e)
+						}),
+						a && /* @__PURE__ */ _("div", {
+							role: "separator",
+							"data-slot": "resize-handle",
+							"aria-orientation": "vertical",
+							"aria-label": `Resize ${x(n.column)}`,
+							tabIndex: 0,
+							onMouseDown: (e) => {
+								e.preventDefault(), n.getResizeHandler()(e);
+							},
+							onDoubleClick: () => n.column.resetSize(),
+							onKeyDown: (e) => {
+								if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+								e.preventDefault();
+								let r = t(e.currentTarget) === "rtl", i = e.key === "ArrowRight" !== r;
+								Rn(n, i ? 5 : -5);
+							},
+							className: e([et])
+						})
+					]
 				}, n.id);
 			})]
 		}, n.id))
-	}), Yt = (e) => `${jt}-${e.replace(/\s+/g, "-")}-panel`, X = (t) => /* @__PURE__ */ f(se, { children: [/* @__PURE__ */ f("tr", {
+	}), Yn = (e) => `${pn}-${e.replace(/\s+/g, "-")}-panel`, Xn = (t) => /* @__PURE__ */ v(de, { children: [/* @__PURE__ */ v("tr", {
 		"data-slot": "row",
-		onClick: qt ? (e) => qt(t.original, e) : void 0,
+		onClick: qn ? (e) => qn(t.original, e) : void 0,
 		className: e([
-			Me,
-			t.getIsSelected() && Ne,
-			j && Pe
+			Re,
+			t.getIsSelected() && ze,
+			St && Be,
+			F?.row
 		]),
-		children: [w && /* @__PURE__ */ d(u, {
+		children: [D && /* @__PURE__ */ _(f, {
 			"data-slot": "select-cell",
-			style: h(K),
+			"data-nav-row": t.id,
+			"data-nav-col": C,
+			style: S(Y),
+			tabIndex: Hn(t.id, C) ? 0 : -1,
+			onFocus: (e) => {
+				e.target === e.currentTarget && z({
+					rowId: t.id,
+					columnId: C
+				});
+			},
+			onKeyDown: (e) => Gn(e, {
+				rowId: t.id,
+				columnId: C
+			}, !1),
 			className: e([
-				Y,
-				K && v,
-				K?.edge && x,
-				t.getIsSelected() && y
+				Kn,
+				Y && E,
+				Y?.edge && Ge,
+				t.getIsSelected() && Ue,
+				ut
 			]),
-			children: /* @__PURE__ */ d(o, {
+			children: /* @__PURE__ */ _(o, {
 				checked: t.getIsSelected(),
 				onChange: (e) => t.toggleSelected(e),
 				"aria-label": `Select row ${t.id}`
 			})
 		}), t.getVisibleCells().map((n, r) => {
-			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) => {
+			let i = X.get(n.column.id), a = Nt ? n.column.columnDef.meta?.editor ?? "text" : !1, o = a !== !1, s = sn !== null && sn.rowId === t.id && sn.columnId === n.column.id, c = (e) => {
 				L(null);
 				let r = n.getValue();
-				Object.is(e, r) || mt?.(t.id, n.column.id, e, r);
+				Object.is(e, r) || Pt?.(t.id, n.column.id, e, r);
 			};
-			return /* @__PURE__ */ d(u, {
+			return /* @__PURE__ */ _(f, {
 				"data-slot": "cell",
-				style: h(i),
-				tabIndex: o ? 0 : void 0,
-				onDoubleClick: o && !s ? () => L({
-					rowId: t.id,
-					columnId: n.column.id
-				}) : void 0,
-				onKeyDown: o && !s ? (e) => {
-					e.key === "Enter" && (e.preventDefault(), L({
+				"data-nav-row": t.id,
+				"data-nav-col": n.column.id,
+				style: S(i),
+				tabIndex: Hn(t.id, n.column.id) ? 0 : -1,
+				onFocus: (e) => {
+					e.target === e.currentTarget && z({
+						rowId: t.id,
+						columnId: n.column.id
+					});
+				},
+				onDoubleClick: o && !s ? () => {
+					z({
+						rowId: t.id,
+						columnId: n.column.id
+					}), L({
 						rowId: t.id,
 						columnId: n.column.id
-					}));
+					});
 				} : void 0,
+				onKeyDown: (e) => Gn(e, {
+					rowId: t.id,
+					columnId: n.column.id
+				}, o && !s),
 				className: e([
-					i && v,
-					i?.edge && (i.side === "left" ? x : Le),
-					t.getIsSelected() && y,
-					o && Qe
+					i && E,
+					i?.edge && (i.side === "left" ? Ge : Ke),
+					t.getIsSelected() && Ue,
+					o && lt,
+					ut
 				]),
 				children: s && o ? typeof a == "function" ? a({
 					value: n.getValue(),
@@ -302,211 +519,264 @@ function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSele
 					column: n.column,
 					onSave: c,
 					onCancel: () => L(null)
-				}) : /* @__PURE__ */ d(ae, {
+				}) : /* @__PURE__ */ _(oe, {
 					kind: a === "number" ? "number" : "text",
 					value: n.getValue(),
-					ariaLabel: `Edit ${m(n.column)} in row ${t.id}`,
+					ariaLabel: `Edit ${x(n.column)} in row ${t.id}`,
 					onSave: c,
 					onCancel: () => L(null)
-				}) : /* @__PURE__ */ f(pe, { children: [
-					r === 0 && t.depth > 0 && /* @__PURE__ */ d("span", {
+				}) : /* @__PURE__ */ v(he, { children: [
+					r === 0 && t.depth > 0 && /* @__PURE__ */ _("span", {
 						"aria-hidden": "true",
 						style: { width: `calc(var(--haze-space-4) * ${t.depth})` },
-						className: e([Ye])
+						className: e([ot])
 					}),
-					r === 0 && t.getCanExpand() && /* @__PURE__ */ d("button", {
+					r === 0 && t.getCanExpand() && /* @__PURE__ */ _("button", {
 						type: "button",
 						"data-slot": "expand-button",
 						"aria-expanded": t.getIsExpanded(),
-						"aria-controls": P === void 0 ? void 0 : Yt(t.id),
+						"aria-controls": M === void 0 ? void 0 : Yn(t.id),
 						"aria-label": t.getIsExpanded() ? `Collapse row ${t.id}` : `Expand row ${t.id}`,
 						onClick: t.getToggleExpandedHandler(),
-						className: e([Ke]),
-						children: /* @__PURE__ */ d("span", {
+						className: e([rt]),
+						children: /* @__PURE__ */ _("span", {
 							"data-slot": "icon",
 							"aria-hidden": "true",
-							className: e([qe]),
+							className: e([it]),
 							children: "▸"
 						})
 					}),
-					/* @__PURE__ */ d(B.FlexRender, { cell: n })
+					/* @__PURE__ */ _(H.FlexRender, { cell: n })
 				] })
 			}, n.id);
 		})]
-	}, t.id), P !== void 0 && t.getCanExpand() && t.getIsExpanded() && /* @__PURE__ */ d("tr", {
+	}, t.id), M !== void 0 && t.getCanExpand() && t.getIsExpanded() && /* @__PURE__ */ _("tr", {
 		"data-slot": "panel-row",
-		children: /* @__PURE__ */ d(u, {
-			colSpan: Ut,
+		children: /* @__PURE__ */ _(f, {
+			colSpan: kn,
 			"data-slot": "panel-cell",
-			id: Yt(t.id),
-			className: e([Je]),
-			children: P(t)
+			id: Yn(t.id),
+			className: e([at]),
+			children: M(t)
 		})
-	}, `${t.id}-panel`)] }, t.id), Xt = (t) => /* @__PURE__ */ f("tr", {
+	}, `${t.id}-panel`)] }, t.id), Zn = (t) => /* @__PURE__ */ v("tr", {
 		"data-slot": "row",
-		children: [w && /* @__PURE__ */ d(u, {
+		className: e([F?.row]),
+		children: [D && /* @__PURE__ */ _(f, {
 			"data-slot": "select-cell",
-			style: h(K),
+			style: S(Y),
 			className: e([
-				Y,
-				K && v,
-				K?.edge && x
+				Kn,
+				Y && E,
+				Y?.edge && Ge
 			]),
-			children: /* @__PURE__ */ d(s, {})
-		}), H.map((t) => {
-			let n = q.get(t.column.id);
-			return /* @__PURE__ */ d(u, {
+			children: /* @__PURE__ */ _(l, {})
+		}), W.map((t) => {
+			let n = X.get(t.column.id);
+			return /* @__PURE__ */ _(f, {
 				"data-slot": "cell",
-				style: h(n),
-				className: e([n && v, n?.edge && (n.side === "left" ? x : Le)]),
-				children: /* @__PURE__ */ d(s, {})
+				style: S(n),
+				className: e([n && E, n?.edge && (n.side === "left" ? Ge : Ke)]),
+				children: /* @__PURE__ */ _(l, {})
 			}, t.id);
 		})]
-	}, `skeleton-${t}`), Zt = Array.from({ length: E ?? 5 }, (e, t) => Xt(t)), Qt = /* @__PURE__ */ d("tr", {
+	}, `skeleton-${t}`), Qn = Array.from({ length: O ?? 5 }, (e, t) => Zn(t)), $n = /* @__PURE__ */ _("tr", {
 		"data-slot": "row",
-		children: d(u, {
-			colSpan: Ut,
-			"data-slot": "cell",
-			className: e([Re]),
-			children: ot ?? /* @__PURE__ */ d(ee, {})
+		className: e([F?.row]),
+		children: _(f, {
+			colSpan: kn,
+			"data-slot": "empty-cell",
+			className: e([qe]),
+			children: Ct ?? /* @__PURE__ */ _(p, {})
 		})
-	}), $t = F ? /* @__PURE__ */ d(l, { children: f("tr", {
+	}), er = N ? /* @__PURE__ */ _(d, { children: v("tr", {
 		"data-slot": "filter-row",
-		children: [w && /* @__PURE__ */ d(u, {
+		children: [D && /* @__PURE__ */ _(f, {
 			"data-slot": "select-cell",
 			children: null
-		}), H.map((e) => /* @__PURE__ */ d(u, {
+		}), W.map((e) => /* @__PURE__ */ _(f, {
 			"data-slot": "cell",
-			children: e.column.getCanFilter() ? /* @__PURE__ */ d(i, {
+			children: e.column.getCanFilter() ? /* @__PURE__ */ _(i, {
 				size: "sm",
-				"aria-label": `Filter ${m(e.column)}`,
-				placeholder: Mt.filterPlaceholder,
+				"aria-label": `Filter ${x(e.column)}`,
+				placeholder: mn.filterPlaceholder,
 				value: e.column.getFilterValue() ?? "",
 				onChange: (t) => e.column.setFilterValue(t.target.value)
 			}) : 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__ */ d("tfoot", {
+	}) }) : void 0, tr = H.getFilteredRowModel().flatRows, nr = jt !== void 0 && !k && G.length > 0 ? jt(tr) : void 0, rr = nr !== void 0 && nr.length > 0 ? /* @__PURE__ */ _("tfoot", {
 		"data-slot": "summary",
-		className: e([Xe, ft && Ze]),
-		children: Z.map((e, t) => /* @__PURE__ */ f("tr", {
+		className: e([
+			st,
+			Mt && ct,
+			F?.summary
+		]),
+		children: nr.map((t, n) => /* @__PURE__ */ v("tr", {
 			"data-slot": "row",
-			"aria-label": e.label,
-			children: [w && /* @__PURE__ */ d(u, {
+			"aria-label": t.label,
+			className: e([F?.row]),
+			children: [D && /* @__PURE__ */ _(f, {
 				"data-slot": "select-cell",
 				children: null
-			}), H.map((t, n) => {
-				let r = e.cells[n];
-				return /* @__PURE__ */ d(u, {
+			}), W.map((e, n) => {
+				let r = t.cells[n];
+				return /* @__PURE__ */ _(f, {
 					"data-slot": "cell",
-					children: typeof r == "function" ? r(en) : r
-				}, t.id);
+					children: typeof r == "function" ? r(tr) : r
+				}, e.id);
 			})]
-		}, `summary-${t}`))
-	}) : void 0, $ = ut ? /* @__PURE__ */ f(ie, {
-		className: E === void 0 ? void 0 : Ve,
-		children: [/* @__PURE__ */ d(re, {
-			className: e([He]),
+		}, `summary-${n}`))
+	}) : void 0, ir = Ot ? /* @__PURE__ */ v(ae, {
+		className: O === void 0 ? void 0 : Xe,
+		children: [/* @__PURE__ */ _(ie, {
+			className: e([Ze]),
 			children: "Columns"
-		}), /* @__PURE__ */ d(ne, {
+		}), /* @__PURE__ */ _(re, {
 			align: "end",
-			children: B.getAllLeafColumns().filter((e) => e.getCanHide()).map((t) => /* @__PURE__ */ f("label", {
+			children: H.getAllLeafColumns().filter((e) => e.getCanHide()).map((t) => /* @__PURE__ */ v("label", {
 				"data-slot": "column-toggle-item",
-				className: e([Ue]),
-				children: [/* @__PURE__ */ d(o, {
+				className: e([Qe]),
+				children: [/* @__PURE__ */ _(o, {
 					role: "menuitemcheckbox",
 					"aria-checked": t.getIsVisible(),
 					checked: t.getIsVisible(),
 					onChange: () => t.toggleVisibility(),
-					"aria-label": `Show ${m(t)}`
-				}), /* @__PURE__ */ d("span", {
+					"aria-label": `Show ${x(t)}`
+				}), /* @__PURE__ */ _("span", {
 					"data-slot": "label",
-					children: m(t)
+					children: x(t)
 				})]
 			}, t.id))
 		})]
-	}) : void 0;
-	return /* @__PURE__ */ f("div", {
-		"data-slot": "data-table",
-		className: e([we, ht]),
-		children: [
-			$ && E === void 0 && /* @__PURE__ */ d("div", {
-				"data-slot": "toolbar",
-				className: e([Be]),
-				children: $
-			}),
-			R ? /* @__PURE__ */ f("div", {
-				ref: Bt,
-				"data-slot": "scroll-area",
-				className: e([De]),
-				children: [
-					/* @__PURE__ */ f("table", {
-						"data-slot": "table",
-						...gt,
-						className: e([_, g]),
-						children: [
-							J,
-							Jt,
-							$t
-						]
-					}),
-					k ? /* @__PURE__ */ f("table", {
-						"data-slot": "table",
-						className: e([_, g]),
-						children: [J, /* @__PURE__ */ d(l, { children: Zt })]
-					}) : U.length > 0 ? /* @__PURE__ */ d(a, {
-						items: U,
-						height: Vt,
-						itemHeight: z,
-						estimatedItemHeight: Ft ? z : void 0,
-						overscan: Nt,
-						renderItem: (t) => /* @__PURE__ */ f("table", {
-							"data-slot": "table",
-							className: e([
-								_,
-								g,
-								Oe
-							]),
-							children: [J, /* @__PURE__ */ d(l, { children: X(t) })]
-						})
-					}) : /* @__PURE__ */ f("table", {
-						"data-slot": "table",
-						className: e([_, g]),
-						children: [J, /* @__PURE__ */ d(l, { children: Qt })]
-					}),
-					Q !== void 0 && /* @__PURE__ */ f("table", {
-						"data-slot": "table",
-						className: e([_, g]),
-						children: [J, Q]
-					})
-				]
-			}) : /* @__PURE__ */ d("div", {
-				"data-slot": "scroll-area",
-				className: e([it ? Ee : Te]),
-				children: /* @__PURE__ */ f("table", {
+	}) : void 0, ar = Ft != null || ir !== void 0 && O === void 0, or = `${pn}-keyboard-nav`, sr = /* @__PURE__ */ v(he, { children: [
+		/* @__PURE__ */ _(te, {
+			id: or,
+			children: De + (K ? ke : "") + (Nt ? Oe : "")
+		}),
+		ar && /* @__PURE__ */ v("div", {
+			"data-slot": "toolbar",
+			className: e([Ye, F?.toolbar]),
+			children: [Ft, ir !== void 0 && O === void 0 ? ir : null]
+		}),
+		B ? /* @__PURE__ */ v("div", {
+			ref: En,
+			"data-slot": "scroll-area",
+			className: e([Ne]),
+			children: [
+				/* @__PURE__ */ v("table", {
 					"data-slot": "table",
-					...gt,
-					className: e([_]),
+					...Vt,
+					className: e([
+						T,
+						V,
+						w
+					]),
 					children: [
-						J,
-						Jt,
-						$t,
-						/* @__PURE__ */ d(l, { children: k ? Zt : /* @__PURE__ */ f(pe, { children: [U.map(X), U.length === 0 && Qt] }) }),
-						Q
+						$,
+						Jn,
+						er
 					]
+				}),
+				k ? /* @__PURE__ */ v("table", {
+					"data-slot": "table",
+					className: e([
+						T,
+						V,
+						w
+					]),
+					children: [$, /* @__PURE__ */ _(d, { children: Qn })]
+				}) : G.length > 0 ? /* @__PURE__ */ _(a, {
+					ref: dn,
+					items: G,
+					height: Dn,
+					itemHeight: hn,
+					onEndReached: P,
+					endReachedThreshold: zt,
+					estimatedItemHeight: vn ? hn : void 0,
+					overscan: gn,
+					renderItem: (t) => /* @__PURE__ */ v("table", {
+						"data-slot": "table",
+						className: e([
+							T,
+							V,
+							w,
+							Pe
+						]),
+						children: [$, /* @__PURE__ */ _(d, { children: Xn(t) })]
+					})
+				}) : /* @__PURE__ */ v("table", {
+					"data-slot": "table",
+					className: e([
+						T,
+						V,
+						w
+					]),
+					children: [$, /* @__PURE__ */ _(d, { children: $n })]
+				}),
+				rr !== void 0 && /* @__PURE__ */ v("table", {
+					"data-slot": "table",
+					className: e([
+						T,
+						V,
+						w
+					]),
+					children: [$, rr]
 				})
-			}),
-			E !== void 0 && /* @__PURE__ */ f("div", {
-				"data-slot": "pagination",
-				className: e([ze]),
-				children: [$, /* @__PURE__ */ d(te, {
-					page: Tt,
-					total: O && tt !== void 0 ? Math.max(0, tt) * E : C.length,
-					pageSize: E,
-					size: "sm"
-				})]
-			})
-		]
+			]
+		}) : /* @__PURE__ */ v("div", {
+			"data-slot": "scroll-area",
+			className: e([bt ? Me : je]),
+			children: [/* @__PURE__ */ v("table", {
+				"data-slot": "table",
+				...Vt,
+				className: e([T, V]),
+				children: [
+					$,
+					Jn,
+					er,
+					/* @__PURE__ */ _(d, { children: k ? Qn : /* @__PURE__ */ v(he, { children: [G.map(Xn), G.length === 0 && $n] }) }),
+					rr
+				]
+			}), P !== void 0 && !k && G.length > 0 && /* @__PURE__ */ _("div", {
+				ref: In,
+				"data-slot": "end-sentinel",
+				"aria-hidden": "true",
+				className: e([nt])
+			})]
+		}),
+		O !== void 0 && /* @__PURE__ */ v("div", {
+			"data-slot": "pagination",
+			className: e([Je, F?.footer]),
+			children: [ir, /* @__PURE__ */ _(ne, {
+				page: Xt,
+				total: gt && _t !== void 0 ? Math.max(0, _t) * O : Sn.length,
+				pageSize: O,
+				size: "sm"
+			})]
+		})
+	] });
+	return /* @__PURE__ */ _(u, {
+		value: {
+			head: F?.header,
+			body: F?.body,
+			cell: F?.cell
+		},
+		children: _("div", {
+			ref: un,
+			"data-slot": "data-table",
+			"aria-describedby": or,
+			className: e([
+				Ae,
+				F?.wrapper,
+				Bt
+			]),
+			children: jn !== null && K ? /* @__PURE__ */ _(jn.ColumnReorderRegion, {
+				ids: Nn,
+				onMove: Pn,
+				children: sr
+			}) : sr
+		})
 	});
 }
 //#endregion
-export { S as default };
+export { pt as default };