@noxickon/onyx 6.5.0 → 6.7.0

package/dist/components/DataTable/DataTable.js

@@ -4,96 +4,184 @@ import { OxDropdown as n } from "../Dropdown/index.js";
 import { OxCheckbox as r } from "../Checkbox/Checkbox.js";
 import { OxPagination as i } from "../Pagination/index.js";
 import { OxPopover as a } from "../Popover/index.js";
-import { OxSkeleton as o } from "../Skeleton/Skeleton2.js";
-import { useControllableState as s } from "../../internal/hooks/useControllableState/useControllableState.js";
-import { OxTable as c } from "../Table/index.js";
-import { useOxPagination as l } from "../../hooks/usePagination/usePagination.js";
-import { dataTableVariants as u } from "./DataTable.styles.js";
-import { orderColumnIds as d, reorderColumns as f } from "./DataTable.utils.js";
-import { c as p } from "react/compiler-runtime";
-import { ArrowDown as m, ArrowUp as h, ArrowUpDown as g, ChevronLeft as _, ChevronRight as v, EllipsisVertical as y, EyeOff as b, Funnel as x, GripVertical as S, Lock as C, Settings2 as w, Snowflake as T } from "lucide-react";
-import { Children as E, Fragment as D, isValidElement as O, useId as k, useRef as A, useState as j } from "react";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
-import { DndContext as F, KeyboardSensor as I, PointerSensor as L, closestCenter as R, useSensor as z, useSensors as B } from "@dnd-kit/core";
-import { SortableContext as V, sortableKeyboardCoordinates as H, useSortable as U, verticalListSortingStrategy as W } from "@dnd-kit/sortable";
-import { CSS as G } from "@dnd-kit/utilities";
-import { pick as K } from "es-toolkit";
+import { OxScrollArea as o } from "../ScrollArea/ScrollArea2.js";
+import { OxSkeleton as s } from "../Skeleton/Skeleton2.js";
+import { useControllableState as c } from "../../internal/hooks/useControllableState/useControllableState.js";
+import { OxTable as l } from "../Table/index.js";
+import { useOxPagination as u } from "../../hooks/usePagination/usePagination.js";
+import { useOxVirtualizer as d } from "../../hooks/useVirtualizer/useVirtualizer.js";
+import { dataTableVariants as f } from "./DataTable.styles.js";
+import { orderColumnIds as p, reorderColumns as m } from "./DataTable.utils.js";
+import { c as h } from "react/compiler-runtime";
+import { ArrowDown as g, ArrowUp as _, ArrowUpDown as v, ChevronLeft as y, ChevronRight as b, EllipsisVertical as x, EyeOff as S, Funnel as C, GripVertical as w, Lock as T, Settings2 as E, Snowflake as D } from "lucide-react";
+import { Children as O, Fragment as k, isValidElement as A, useEffect as j, useId as M, useRef as N, useState as P } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { DndContext as R, KeyboardSensor as z, PointerSensor as B, closestCenter as V, useSensor as H, useSensors as U } from "@dnd-kit/core";
+import { SortableContext as W, sortableKeyboardCoordinates as G, useSortable as K, verticalListSortingStrategy as ee } from "@dnd-kit/sortable";
+import { CSS as q } from "@dnd-kit/utilities";
+import { pick as te } from "es-toolkit";
 //#region src/components/DataTable/DataTable.tsx
-var ee = "__ox-expand", q = "__ox-select", J = [
+var ne = "__ox-expand", re = "__ox-select", ie = [
 	"w-3/5",
 	"w-2/5",
 	"w-4/5"
-], { Provider: te, useRequiredContext: Y } = e("OxDataTable"), X = (...e) => e.filter(Boolean).join(" ") || void 0, ne = (e) => {
+], ae = 43, J = 33, oe = ae * 2, se = J * 2, Y = 1, ce = (e) => e + Y + 1;
+function le(e, t, n, r) {
+	let i = [];
+	for (let [a, o] of e.entries()) i.push({
+		dataIndex: a,
+		kind: "row",
+		row: o
+	}), n(o) && r.has(t(o)) && i.push({
+		dataIndex: a,
+		kind: "detail",
+		row: o
+	});
+	return i;
+}
+function ue(e, { defaultDetailHeight: t, defaultRowHeight: n, estimateSize: r }) {
+	return e.kind === "detail" ? t : r?.(e.dataIndex) ?? n;
+}
+var de = "__ox-detached";
+function fe(e, t) {
+	if (e == null) return de;
+	let n = t(e.row);
+	return e.kind === "detail" ? `${n}__detail` : n;
+}
+function pe(e, t, n) {
+	return t != null && (n?.(e) ?? !0);
+}
+var me = (e) => e === "compact" ? J : ae, he = (e) => e === "compact" ? se : oe, { Provider: ge, useRequiredContext: _e } = e("OxDataTable"), X = (...e) => e.filter(Boolean).join(" ") || void 0, ve = (e) => {
 	if (typeof e == "number") return e;
 	if (typeof e == "string" && e.endsWith("px")) return Number.parseFloat(e);
-}, re = (e) => e == null ? null : typeof e == "string" || typeof e == "number" ? e : typeof e == "boolean" ? e ? "Yes" : "No" : null, Z = (e) => O(e) && e.type === we;
-function ie(e) {
-	let t = p(56), { caption: n, children: r, className: i, columnOrder: a, columnVisibility: l, columns: f, data: m, defaultColumnOrder: h, defaultColumnVisibility: g, defaultExpandedRows: _, defaultFrozenColumns: v, defaultPage: y, defaultSelectedRows: b, defaultSort: x, density: S, emptyState: C, endReachedThreshold: w, frozenColumns: T, getRowCanExpand: D, getRowId: O, hover: j, loading: M, maxHeight: F, onColumnOrderChange: I, onColumnVisibilityChange: L, onEndReached: R, onFrozenColumnsChange: z, onPageChange: B, onSelectionChange: V, onSortChange: H, page: U, pageSize: W, paginationMode: G, renderExpandedRow: K, rowCount: Y, selectable: re, selectedRows: Z, sort: ie, stickyHeader: he } = e, Q = x === void 0 ? null : x, ge = S === void 0 ? "comfortable" : S, _e = C === void 0 ? "No results." : C, ve = w === void 0 ? 320 : w, ye = j === void 0 ? !0 : j, be = M === void 0 ? !1 : M, xe = W === void 0 ? 10 : W, Se = G === void 0 ? "pages" : G, Ce = re === void 0 ? !1 : re, we = he === void 0 ? !0 : he, Te = k(), $ = u({ density: ge }), Ee = new Map(f.map(pe)), De = fe, Oe;
-	t[0] !== f || t[1] !== h ? (Oe = h ?? f.map(de), t[0] = f, t[1] = h, t[2] = Oe) : Oe = t[2];
-	let ke;
-	t[3] !== a || t[4] !== I || t[5] !== Oe ? (ke = {
+}, ye = (e) => e == null ? null : typeof e == "string" || typeof e == "number" ? e : typeof e == "boolean" ? e ? "Yes" : "No" : null, be = (e) => A(e) && e.type === Ue, xe = ({ headHeight: e, maxHeight: t, stickyHeader: n }) => {
+	if (!(t == null && !n)) return {
+		...t != null && { "--ox-data-table-max-h": typeof t == "number" ? `${t}px` : t },
+		...n && { "--ox-data-table-head-h": `${e}px` }
+	};
+};
+function Se(e) {
+	let t = h(3), [n, r] = P(0), i, a;
+	return t[0] === e ? (i = t[1], a = t[2]) : (i = () => {
+		let t = e.current;
+		if (t == null || typeof ResizeObserver > "u") return;
+		let n = () => {
+			r(t.offsetHeight);
+		};
+		n();
+		let i = new ResizeObserver(n);
+		return i.observe(t), () => i.disconnect();
+	}, a = [e], t[0] = e, t[1] = i, t[2] = a), j(i, a), n;
+}
+function Ce(e, t) {
+	let n = h(6), { enabled: r, onEndReached: i, threshold: a } = t, o = N(!1), s, c;
+	n[0] !== r || n[1] !== i || n[2] !== e || n[3] !== a ? (s = () => {
+		let t = e.current;
+		if (!r || i == null || t == null) return;
+		let n = () => {
+			if (t.scrollHeight - t.scrollTop - t.clientHeight > a) {
+				o.current = !1;
+				return;
+			}
+			o.current || (o.current = !0, i());
+		};
+		return t.addEventListener("scroll", n, { passive: !0 }), () => t.removeEventListener("scroll", n);
+	}, c = [
+		e,
+		r,
+		i,
+		a
+	], n[0] = r, n[1] = i, n[2] = e, n[3] = a, n[4] = s, n[5] = c) : (s = n[4], c = n[5]), j(s, c);
+}
+function we(e) {
+	let t = h(71), { caption: n, children: r, className: i, columnOrder: a, columnVisibility: u, columns: m, data: g, defaultColumnOrder: _, defaultColumnVisibility: v, defaultExpandedRows: y, defaultFrozenColumns: b, defaultPage: x, defaultSelectedRows: S, defaultSort: C, density: w, emptyState: T, endReachedThreshold: E, estimateSize: D, frozenColumns: k, getRowCanExpand: A, getRowId: j, hover: P, loading: R, maxHeight: z, onColumnOrderChange: B, onColumnVisibilityChange: V, onEndReached: H, onFrozenColumnsChange: U, onPageChange: W, onSelectionChange: G, onSortChange: K, overscan: ee, page: q, pageSize: te, paginationMode: ae, renderExpandedRow: J, rowCount: oe, selectable: se, selectedRows: Y, sort: de, stickyHeader: _e } = e, ye = C === void 0 ? null : C, be = w === void 0 ? "comfortable" : w, we = T === void 0 ? "No results." : T, Fe = E === void 0 ? 320 : E, Ie = P === void 0 ? !0 : P, Le = R === void 0 ? !1 : R, Re = te === void 0 ? 10 : te, ze = ae === void 0 ? "pages" : ae, Be = se === void 0 ? !1 : se, Ve = _e === void 0 ? !0 : _e, He = M(), Z = ze === "virtual", Q = f({
+		density: be,
+		stickyHeader: Ve
+	}), Ue = N(null), We = N(null), Ge = N(null), Ke = Se(Ge), qe = me(be), Je = he(be), Ye;
+	t[0] === y ? Ye = t[1] : (Ye = y ?? /* @__PURE__ */ new Set(), t[0] = y, t[1] = Ye);
+	let Xe;
+	t[2] === Ye ? Xe = t[3] : (Xe = {
+		prop: void 0,
+		defaultProp: Ye
+	}, t[2] = Ye, t[3] = Xe);
+	let [Ze, Qe] = c(Xe), $e;
+	t[4] !== A || t[5] !== J ? ($e = (e) => pe(e, J, A), t[4] = A, t[5] = J, t[6] = $e) : $e = t[6];
+	let et = $e, tt = Z ? le(g, j, et, Ze) : [], nt = d({
+		count: Z ? tt.length : 0,
+		estimateSize: (e) => ue(tt[e], {
+			defaultDetailHeight: Je,
+			defaultRowHeight: qe,
+			estimateSize: D
+		}),
+		getItemKey: (e) => fe(tt[e], j),
+		overscan: ee,
+		scrollRef: Z ? Ue : We
+	}), rt = new Map(m.map(Ne)), it = Me, at;
+	t[7] !== m || t[8] !== _ ? (at = _ ?? m.map(je), t[7] = m, t[8] = _, t[9] = at) : at = t[9];
+	let ot;
+	t[10] !== a || t[11] !== B || t[12] !== at ? (ot = {
 		prop: a,
-		defaultProp: Oe,
-		onChange: I
-	}, t[3] = a, t[4] = I, t[5] = Oe, t[6] = ke) : ke = t[6];
-	let [Ae, je] = s(ke), Me;
-	t[7] === g ? Me = t[8] : (Me = g ?? {}, t[7] = g, t[8] = Me);
-	let Ne;
-	t[9] !== l || t[10] !== L || t[11] !== Me ? (Ne = {
-		prop: l,
-		defaultProp: Me,
-		onChange: L
-	}, t[9] = l, t[10] = L, t[11] = Me, t[12] = Ne) : Ne = t[12];
-	let [Pe, Fe] = s(Ne), Ie;
-	t[13] === v ? Ie = t[14] : (Ie = v ?? [], t[13] = v, t[14] = Ie);
-	let Le;
-	t[15] !== T || t[16] !== z || t[17] !== Ie ? (Le = {
-		prop: T,
-		defaultProp: Ie,
-		onChange: z
-	}, t[15] = T, t[16] = z, t[17] = Ie, t[18] = Le) : Le = t[18];
-	let [Re, ze] = s(Le), Be;
-	t[19] !== Q || t[20] !== ie ? (Be = {
-		prop: ie,
-		defaultProp: Q
-	}, t[19] = Q, t[20] = ie, t[21] = Be) : Be = t[21];
-	let [Ve, He] = s(Be), Ue;
-	t[22] === b ? Ue = t[23] : (Ue = b ?? /* @__PURE__ */ new Set(), t[22] = b, t[23] = Ue);
-	let We;
-	t[24] !== V || t[25] !== Z || t[26] !== Ue ? (We = {
-		prop: Z,
-		defaultProp: Ue,
-		onChange: V
-	}, t[24] = V, t[25] = Z, t[26] = Ue, t[27] = We) : We = t[27];
-	let [Ge, Ke] = s(We), qe = y ?? 1, Je;
-	t[28] !== B || t[29] !== U || t[30] !== qe ? (Je = {
-		prop: U,
-		defaultProp: qe,
+		defaultProp: at,
 		onChange: B
-	}, t[28] = B, t[29] = U, t[30] = qe, t[31] = Je) : Je = t[31];
-	let [Ye, Xe] = s(Je), Ze = d(f, Ae), Qe = (e) => Pe[e] !== !1, $e = Ze.map((e) => Ee.get(e)).filter(ue), et = [...$e.filter(le), ...$e.filter(ce)], tt = et.filter((e) => e.system || Qe(e.id)), nt = new Set(Re), rt = tt.filter((e) => nt.has(e.id)), it = [...rt, ...tt.filter((e) => !nt.has(e.id))], at = nt.size > 0, ot = [];
-	K && ot.push({
-		key: ee,
+	}, t[10] = a, t[11] = B, t[12] = at, t[13] = ot) : ot = t[13];
+	let [st, ct] = c(ot), lt;
+	t[14] === v ? lt = t[15] : (lt = v ?? {}, t[14] = v, t[15] = lt);
+	let ut;
+	t[16] !== u || t[17] !== V || t[18] !== lt ? (ut = {
+		prop: u,
+		defaultProp: lt,
+		onChange: V
+	}, t[16] = u, t[17] = V, t[18] = lt, t[19] = ut) : ut = t[19];
+	let [dt, ft] = c(ut), pt;
+	t[20] === b ? pt = t[21] : (pt = b ?? [], t[20] = b, t[21] = pt);
+	let mt;
+	t[22] !== k || t[23] !== U || t[24] !== pt ? (mt = {
+		prop: k,
+		defaultProp: pt,
+		onChange: U
+	}, t[22] = k, t[23] = U, t[24] = pt, t[25] = mt) : mt = t[25];
+	let [ht, gt] = c(mt), _t;
+	t[26] !== ye || t[27] !== de ? (_t = {
+		prop: de,
+		defaultProp: ye
+	}, t[26] = ye, t[27] = de, t[28] = _t) : _t = t[28];
+	let [vt, yt] = c(_t), bt;
+	t[29] === S ? bt = t[30] : (bt = S ?? /* @__PURE__ */ new Set(), t[29] = S, t[30] = bt);
+	let xt;
+	t[31] !== G || t[32] !== Y || t[33] !== bt ? (xt = {
+		prop: Y,
+		defaultProp: bt,
+		onChange: G
+	}, t[31] = G, t[32] = Y, t[33] = bt, t[34] = xt) : xt = t[34];
+	let [St, Ct] = c(xt), wt = x ?? 1, Tt;
+	t[35] !== W || t[36] !== q || t[37] !== wt ? (Tt = {
+		prop: q,
+		defaultProp: wt,
+		onChange: W
+	}, t[35] = W, t[36] = q, t[37] = wt, t[38] = Tt) : Tt = t[38];
+	let [Et, Dt] = c(Tt), Ot = p(m, st), kt = (e) => dt[e] !== !1, At = Ot.map((e) => rt.get(e)).filter(Ae), jt = [...At.filter(ke), ...At.filter(Oe)], Mt = jt.filter((e) => e.system || kt(e.id)), Nt = new Set(ht), Pt = Mt.filter((e) => Nt.has(e.id)), Ft = [...Pt, ...Mt.filter((e) => !Nt.has(e.id))], It = Nt.size > 0, Lt = [];
+	J && Lt.push({
+		key: ne,
 		width: 44
-	}), Ce && ot.push({
-		key: q,
+	}), Be && Lt.push({
+		key: re,
 		width: 48
 	});
-	for (let e of rt) ot.push({
+	for (let e of Pt) Lt.push({
 		key: e.id,
-		width: ne(e.width) ?? ne(e.minWidth) ?? 200
+		width: ve(e.width) ?? ve(e.minWidth) ?? 200
 	});
-	let st = /* @__PURE__ */ new Map(), ct = 0;
-	for (let e of ot) st.set(e.key, ct), ct += e.width;
-	let lt = ot.at(-1)?.key, ut = (e, t, n) => {
+	let Rt = /* @__PURE__ */ new Map(), zt = 0;
+	for (let e of Lt) Rt.set(e.key, zt), zt += e.width;
+	let Bt = Lt.at(-1)?.key, Vt = (e, t, n) => {
 		let r = {};
 		t != null && (r.width = t), n != null && (r.minWidth = n);
 		let i, a, o;
-		if (st.has(e)) if (at) i = "left", r.left = st.get(e), e !== lt && (a = "shadow-none", o = "shadow-none");
+		if (Rt.has(e)) if (It) i = "left", r.left = Rt.get(e), e !== Bt && (a = "shadow-none", o = "shadow-none");
 		else {
-			Object.assign(r, { "--ox-frozen-left": `${st.get(e)}px` });
-			let t = e === lt ? $.frozenEdge() : void 0;
-			a = X($.frozenHead(), t), o = X($.frozenCell(), t);
+			Object.assign(r, { "--ox-frozen-left": `${Rt.get(e)}px` });
+			let t = e === Bt ? Q.frozenEdge() : void 0;
+			a = X(Q.frozenHead(), t), o = X(Q.frozenCell(), t);
 		}
 		return {
 			sticky: i,
@@ -101,517 +189,567 @@ function ie(e) {
 			cellClass: o,
 			style: Object.keys(r).length > 0 ? r : void 0
 		};
-	}, dt;
-	t[32] !== H || t[33] !== He || t[34] !== Ve ? (dt = (e, t) => {
+	}, Ht;
+	t[39] !== K || t[40] !== yt || t[41] !== vt ? (Ht = (e, t) => {
 		let n;
-		n = t === void 0 ? !Ve || Ve.columnId !== e ? {
+		n = t === void 0 ? !vt || vt.columnId !== e ? {
 			columnId: e,
 			direction: "asc"
-		} : Ve.direction === "asc" ? {
+		} : vt.direction === "asc" ? {
 			columnId: e,
 			direction: "desc"
 		} : null : t === null ? null : {
 			columnId: e,
 			direction: t
-		}, He(n), H?.(e, n?.direction ?? null);
-	}, t[32] = H, t[33] = He, t[34] = Ve, t[35] = dt) : dt = t[35];
-	let ft = dt, pt;
-	t[36] === ze ? pt = t[37] : (pt = (e) => {
-		ze((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, t[36] = ze, t[37] = pt);
-	let mt = pt, ht;
-	t[38] === Fe ? ht = t[39] : (ht = (e) => {
-		Fe((t) => ({
+		}, yt(n), K?.(e, n?.direction ?? null);
+	}, t[39] = K, t[40] = yt, t[41] = vt, t[42] = Ht) : Ht = t[42];
+	let Ut = Ht, Wt;
+	t[43] === gt ? Wt = t[44] : (Wt = (e) => {
+		gt((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, t[43] = gt, t[44] = Wt);
+	let Gt = Wt, Kt;
+	t[45] === ft ? Kt = t[46] : (Kt = (e) => {
+		ft((t) => ({
 			...t,
 			[e]: !1
 		}));
-	}, t[38] = Fe, t[39] = ht);
-	let gt = ht, _t;
-	t[40] === Ke ? _t = t[41] : (_t = () => Ke(/* @__PURE__ */ new Set()), t[40] = Ke, t[41] = _t);
-	let vt = _t, yt;
-	t[42] !== O || t[43] !== Ge ? (yt = (e) => Ge.has(O(e)), t[42] = O, t[43] = Ge, t[44] = yt) : yt = t[44];
-	let bt = m.filter(yt), xt = Y == null ? void 0 : Math.max(1, Math.ceil(Y / xe)), St = {
-		baseId: Te,
-		clearSelection: vt,
-		columnVisibility: Pe,
-		density: ge,
-		frozenColumns: nt,
-		hideColumn: gt,
-		orderedColumns: et.map((e) => ({
+	}, t[45] = ft, t[46] = Kt);
+	let qt = Kt, Jt;
+	t[47] === Ct ? Jt = t[48] : (Jt = () => Ct(/* @__PURE__ */ new Set()), t[47] = Ct, t[48] = Jt);
+	let Yt = Jt, Xt;
+	t[49] !== j || t[50] !== St ? (Xt = (e) => St.has(j(e)), t[49] = j, t[50] = St, t[51] = Xt) : Xt = t[51];
+	let Zt = g.filter(Xt), Qt = oe == null ? void 0 : Math.max(1, Math.ceil(oe / Re)), $t = {
+		baseId: He,
+		clearSelection: Yt,
+		columnVisibility: dt,
+		density: be,
+		frozenColumns: Nt,
+		hideColumn: qt,
+		orderedColumns: jt.map((e) => ({
 			header: e.header,
-			hideable: De(e),
+			hideable: it(e),
 			id: e.id,
 			locked: e.locked ?? !1,
 			system: e.system ?? !1
 		})),
-		page: Ye,
-		pageCount: xt,
-		pageSize: xe,
-		paginationMode: Se,
-		requestSort: ft,
-		rowCount: Y,
-		selectable: Ce,
-		selectedCount: bt.length,
-		selectedRows: bt,
-		setColumnOrder: je,
-		setColumnVisibility: Fe,
-		setPage: Xe,
-		sort: Ve,
-		toggleFrozen: mt
-	}, Ct = A(!1), wt;
-	t[45] !== ve || t[46] !== R || t[47] !== Se ? (wt = (e) => {
-		if (Se !== "infinite" || !R) return;
-		let t = e.currentTarget;
-		t.scrollHeight - t.scrollTop - t.clientHeight <= ve ? Ct.current || (Ct.current = !0, R()) : Ct.current = !1;
-	}, t[45] = ve, t[46] = R, t[47] = Se, t[48] = wt) : wt = t[48];
-	let Tt = wt, Et, Dt;
-	if (t[49] !== r) {
-		let e = E.toArray(r);
-		Dt = e.filter(se), Et = e.filter(oe), t[49] = r, t[50] = Et, t[51] = Dt;
-	} else Et = t[50], Dt = t[51];
-	let Ot = Et, kt = it.length + +!!Ce + +!!K, At = ut(ee), jt = ut(q), Mt = at ? void 0 : $.selectCol(), Nt = ae, Pt = () => be && Se === "pages" ? Array.from({ length: Math.min(xe, 8) }, (e, t) => /* @__PURE__ */ P(c.Row, { children: [
-		K != null && /* @__PURE__ */ N(c.Cell, {
-			className: X("w-11", At.cellClass),
-			sticky: At.sticky,
-			style: At.style
-		}),
-		Ce && /* @__PURE__ */ N(c.Cell, {
-			className: X(Mt, jt.cellClass),
-			sticky: jt.sticky,
-			style: jt.style
-		}),
-		it.map((e, n) => {
-			let r = ut(e.id, e.width, e.minWidth);
-			return /* @__PURE__ */ N(c.Cell, {
-				align: e.align,
-				className: r.cellClass,
-				sticky: r.sticky,
-				style: r.style,
-				children: /* @__PURE__ */ N(o, { className: X("h-2.5", J[(t + n) % J.length]) })
-			}, e.id);
-		})
-	] }, `__ox-skeleton-${t}`)) : m.length === 0 ? /* @__PURE__ */ N(c.Row, { children: /* @__PURE__ */ N(c.Cell, {
-		className: $.empty(),
-		colSpan: kt || 1,
-		children: _e
-	}) }, "__ox-empty") : m.flatMap((e) => {
-		let t = O(e), n = K != null && (D?.(e) ?? !0), r = [/* @__PURE__ */ P(c.Row, {
-			rowId: t,
+		page: Et,
+		pageCount: Qt,
+		pageSize: Re,
+		paginationMode: ze,
+		requestSort: Ut,
+		rowCount: oe,
+		selectable: Be,
+		selectedCount: Zt.length,
+		selectedRows: Zt,
+		setColumnOrder: ct,
+		setColumnVisibility: ft,
+		setPage: Dt,
+		sort: vt,
+		toggleFrozen: Gt
+	}, en = ze === "infinite", tn;
+	t[52] !== Fe || t[53] !== H || t[54] !== en ? (tn = {
+		enabled: en,
+		onEndReached: H,
+		threshold: Fe
+	}, t[52] = Fe, t[53] = H, t[54] = en, t[55] = tn) : tn = t[55], Ce(Ue, tn);
+	let nn;
+	t[56] !== Ke || t[57] !== z || t[58] !== Ve ? (nn = xe({
+		headHeight: Ke,
+		maxHeight: z,
+		stickyHeader: Ve
+	}), t[56] = Ke, t[57] = z, t[58] = Ve, t[59] = nn) : nn = t[59];
+	let rn = nn, an, on;
+	if (t[60] !== r) {
+		let e = O.toArray(r);
+		on = e.filter(De), an = e.filter(Ee), t[60] = r, t[61] = an, t[62] = on;
+	} else an = t[61], on = t[62];
+	let sn = an, cn = Ft.length + +!!Be + +!!J, $ = Vt(ne), ln = Vt(re), un = It ? void 0 : Q.selectCol(), dn = Te, fn;
+	t[63] === nt.measureElement ? fn = t[64] : (fn = (e) => ({
+		"aria-rowindex": ce(e.index),
+		"data-index": e.index,
+		ref: nt.measureElement
+	}), t[63] = nt.measureElement, t[64] = fn);
+	let pn = fn, mn = (e, t) => {
+		let n = j(e), r = et(e);
+		return /* @__PURE__ */ L(l.Row, {
+			rowId: n,
+			...t,
 			children: [
-				K != null && /* @__PURE__ */ N(c.Cell, {
+				J != null && /* @__PURE__ */ I(l.Cell, {
 					align: "center",
-					className: X("w-11", At.cellClass),
-					sticky: At.sticky,
-					style: At.style,
-					children: n && /* @__PURE__ */ N(c.ExpandTrigger, {})
+					className: X("w-11", $.cellClass),
+					sticky: $.sticky,
+					style: $.style,
+					children: r && /* @__PURE__ */ I(l.ExpandTrigger, {})
 				}),
-				Ce && /* @__PURE__ */ N(c.SelectCell, {
-					className: X(Mt, jt.cellClass),
-					sticky: jt.sticky,
-					style: jt.style
+				Be && /* @__PURE__ */ I(l.SelectCell, {
+					className: X(un, ln.cellClass),
+					sticky: ln.sticky,
+					style: ln.style
 				}),
-				it.map((t) => {
-					let n = ut(t.id, t.width, t.minWidth);
-					return /* @__PURE__ */ N(c.Cell, {
+				Ft.map((t) => {
+					let n = Vt(t.id, t.width, t.minWidth);
+					return /* @__PURE__ */ I(l.Cell, {
 						align: t.align,
 						className: n.cellClass,
 						sticky: n.sticky,
 						style: n.style,
-						children: Nt(t, e)
+						children: dn(t, e)
 					}, t.id);
 				})
 			]
-		}, t)];
-		return n && r.push(/* @__PURE__ */ N(c.ExpandedRow, {
+		}, n);
+	}, hn = (e) => {
+		let t = j(e), n = [mn(e)];
+		return et(e) && n.push(/* @__PURE__ */ I(l.ExpandedRow, {
 			rowId: t,
-			children: K(e)
-		}, `${t}__detail`)), r;
-	}), Ft;
-	t[52] === F ? Ft = t[53] : (Ft = F == null ? void 0 : { maxHeight: F }, t[52] = F, t[53] = Ft);
-	let It;
-	return t[54] === n ? It = t[55] : (It = n != null && /* @__PURE__ */ N(c.Caption, { children: n }), t[54] = n, t[55] = It), /* @__PURE__ */ N(te, {
-		value: St,
-		children: /* @__PURE__ */ P("div", {
-			className: $.root({ class: i }),
+			children: J(e)
+		}, `${t}__detail`)), n;
+	}, gn = (e) => {
+		let t = tt[e.index], n = pn(e);
+		return t.kind === "detail" ? /* @__PURE__ */ I(l.ExpandedRow, {
+			rowId: j(t.row),
+			...n,
+			children: J(t.row)
+		}, e.key) : mn(t.row, n);
+	}, _n = (e, t) => /* @__PURE__ */ I("tr", {
+		"aria-hidden": "true",
+		"data-ox-slot": "data-table-virtual-spacer",
+		children: /* @__PURE__ */ I("td", {
+			className: Q.virtualSpacerCell(),
+			colSpan: cn || 1,
+			style: { height: t }
+		})
+	}, `__ox-virtual-spacer-${e}`), vn = () => {
+		let { totalSize: e, virtualItems: t } = nt, n = t[0], r = t.at(-1), i = n == null ? 0 : n.start, a = r == null ? 0 : e - (r.start + r.size);
+		return /* @__PURE__ */ L(F, { children: [
+			i > 0 && _n("top", i),
+			t.map((e) => gn(e)),
+			a > 0 && _n("bottom", a)
+		] });
+	}, yn = () => Le && (ze === "pages" || Z) ? Array.from({ length: Math.min(Re, 8) }, (e, t) => /* @__PURE__ */ L(l.Row, { children: [
+		J != null && /* @__PURE__ */ I(l.Cell, {
+			className: X("w-11", $.cellClass),
+			sticky: $.sticky,
+			style: $.style
+		}),
+		Be && /* @__PURE__ */ I(l.Cell, {
+			className: X(un, ln.cellClass),
+			sticky: ln.sticky,
+			style: ln.style
+		}),
+		Ft.map((e, n) => {
+			let r = Vt(e.id, e.width, e.minWidth);
+			return /* @__PURE__ */ I(l.Cell, {
+				align: e.align,
+				className: r.cellClass,
+				sticky: r.sticky,
+				style: r.style,
+				children: /* @__PURE__ */ I(s, { className: X("h-2.5", ie[(t + n) % ie.length]) })
+			}, e.id);
+		})
+	] }, `__ox-skeleton-${t}`)) : g.length === 0 ? /* @__PURE__ */ I(l.Row, { children: /* @__PURE__ */ I(l.Cell, {
+		className: Q.empty(),
+		colSpan: cn || 1,
+		children: we
+	}) }, "__ox-empty") : Z ? vn() : g.flatMap((e) => hn(e)), bn;
+	t[65] !== g || t[66] !== j || t[67] !== Z ? (bn = Z ? g.map((e) => j(e)) : void 0, t[65] = g, t[66] = j, t[67] = Z, t[68] = bn) : bn = t[68];
+	let xn;
+	return t[69] === n ? xn = t[70] : (xn = n != null && /* @__PURE__ */ I(l.Caption, { children: n }), t[69] = n, t[70] = xn), /* @__PURE__ */ I(ge, {
+		value: $t,
+		children: /* @__PURE__ */ L("div", {
+			className: Q.root({ class: i }),
 			"data-ox-slot": "data-table",
 			children: [
-				Dt,
-				/* @__PURE__ */ P("div", {
-					"aria-busy": be || void 0,
-					className: $.scroll(),
+				on,
+				/* @__PURE__ */ L(o, {
+					"aria-busy": Le || void 0,
+					className: Q.scroll(),
 					"data-ox-slot": "data-table-scroll",
-					style: Ft,
-					onScroll: Tt,
-					children: [/* @__PURE__ */ P(c, {
-						defaultExpandedRows: _,
-						density: ge,
-						hover: ye,
-						selectable: Ce,
-						selectedRows: Ge,
-						stickyHeader: we,
+					orientation: "both",
+					scrollbarClassName: Q.scrollScrollbar(),
+					style: rn,
+					viewportClassName: Q.scrollViewport(),
+					viewportRef: Ue,
+					children: [/* @__PURE__ */ L(l, {
+						"aria-rowcount": Z ? tt.length + 1 : void 0,
+						density: be,
+						expandedRows: Ze,
+						hover: Ie,
+						selectable: Be,
+						selectableRowIds: bn,
+						selectedRows: St,
+						stickyHeader: Ve,
 						unwrapped: !0,
-						onSelectedChange: Ke,
+						onExpandedChange: Qe,
+						onSelectedChange: Ct,
 						children: [
-							It,
-							/* @__PURE__ */ N(c.Header, { children: /* @__PURE__ */ P(c.Row, { children: [
-								K != null && /* @__PURE__ */ N(c.Head, {
-									className: X("w-11", At.headClass),
-									sticky: At.sticky,
-									style: At.style
-								}),
-								Ce && /* @__PURE__ */ N(c.SelectAllCell, {
-									className: X(Mt, jt.headClass),
-									sticky: jt.sticky,
-									style: jt.style
-								}),
-								it.map((e) => {
-									let t = ut(e.id, e.width, e.minWidth);
-									return /* @__PURE__ */ N(me, {
-										id: e.id,
-										align: e.align,
-										className: t.headClass,
-										freezable: e.freezable,
-										header: e.header,
-										hideable: De(e),
-										locked: e.locked,
-										sortable: e.sortable,
-										sticky: t.sticky,
-										style: t.style
-									}, e.id);
+							xn,
+							/* @__PURE__ */ I(l.Header, {
+								ref: Ge,
+								children: /* @__PURE__ */ L(l.Row, {
+									"aria-rowindex": Z ? 1 : void 0,
+									children: [
+										J != null && /* @__PURE__ */ I(l.Head, {
+											className: X("w-11", $.headClass),
+											sticky: $.sticky,
+											style: $.style
+										}),
+										Be && /* @__PURE__ */ I(l.SelectAllCell, {
+											className: X(un, ln.headClass),
+											sticky: ln.sticky,
+											style: ln.style
+										}),
+										Ft.map((e) => {
+											let t = Vt(e.id, e.width, e.minWidth);
+											return /* @__PURE__ */ I(Pe, {
+												id: e.id,
+												align: e.align,
+												className: t.headClass,
+												freezable: e.freezable,
+												header: e.header,
+												hideable: it(e),
+												locked: e.locked,
+												sortable: e.sortable,
+												sticky: t.sticky,
+												style: t.style
+											}, e.id);
+										})
+									]
 								})
-							] }) }),
-							/* @__PURE__ */ N(c.Body, { children: Pt() })
+							}),
+							/* @__PURE__ */ I(l.Body, { children: yn() })
 						]
-					}), Se === "infinite" && be && /* @__PURE__ */ P("div", {
-						className: $.footer(),
+					}), ze === "infinite" && Le && /* @__PURE__ */ L("div", {
+						className: Q.footer(),
 						"data-ox-slot": "data-table-loading",
-						children: [/* @__PURE__ */ N("span", {
+						children: [/* @__PURE__ */ I("span", {
 							"aria-hidden": "true",
-							className: $.spinner()
+							className: Q.spinner()
 						}), "Loading more…"]
 					})]
 				}),
-				Ot
+				sn
 			]
 		})
 	});
 }
-function ae(e, t) {
-	return e.cell ? e.cell(t) : re(typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor]);
+function Te(e, t) {
+	return e.cell ? e.cell(t) : ye(typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor]);
 }
-function oe(e) {
-	return Z(e);
+function Ee(e) {
+	return be(e);
 }
-function se(e) {
-	return !Z(e);
+function De(e) {
+	return !be(e);
 }
-function ce(e) {
+function Oe(e) {
 	return e.system;
 }
-function le(e) {
+function ke(e) {
 	return !e.system;
 }
-function ue(e) {
+function Ae(e) {
 	return e != null;
 }
-function de(e) {
+function je(e) {
 	return e.id;
 }
-function fe(e) {
+function Me(e) {
 	return e.system ? !1 : e.hideable ?? !e.locked;
 }
-function pe(e) {
+function Ne(e) {
 	return [e.id, e];
 }
-function me(e) {
-	let t = p(43), { align: r, className: i, freezable: a, header: o, hideable: s, id: l, locked: d, sortable: f, sticky: _, style: v } = e, { density: x, frozenColumns: S, hideColumn: w, requestSort: E, sort: D, toggleFrozen: O } = Y(), k;
-	t[0] !== S || t[1] !== l ? (k = S.has(l), t[0] = S, t[1] = l, t[2] = k) : k = t[2];
-	let A = k, j = D?.columnId === l, F, I, L, R, z, B, V, H, U;
-	if (t[3] !== r || t[4] !== i || t[5] !== x || t[6] !== a || t[7] !== o || t[8] !== w || t[9] !== s || t[10] !== l || t[11] !== j || t[12] !== A || t[13] !== d || t[14] !== E || t[15] !== D?.direction || t[16] !== f || t[17] !== _ || t[18] !== v || t[19] !== O) {
-		let e = u({
-			density: x,
+function Pe(e) {
+	let t = h(43), { align: r, className: i, freezable: a, header: o, hideable: s, id: c, locked: u, sortable: d, sticky: p, style: m } = e, { density: y, frozenColumns: b, hideColumn: C, requestSort: w, sort: E, toggleFrozen: O } = _e(), k;
+	t[0] !== b || t[1] !== c ? (k = b.has(c), t[0] = b, t[1] = c, t[2] = k) : k = t[2];
+	let A = k, j = E?.columnId === c, M, N, P, R, z, B, V, H, U;
+	if (t[3] !== r || t[4] !== i || t[5] !== y || t[6] !== a || t[7] !== o || t[8] !== C || t[9] !== s || t[10] !== c || t[11] !== j || t[12] !== A || t[13] !== u || t[14] !== w || t[15] !== E?.direction || t[16] !== d || t[17] !== p || t[18] !== m || t[19] !== O) {
+		let e = f({
+			density: y,
 			sortActive: j
-		}), p = !!(f || a || s), S = /* @__PURE__ */ N(g, {
+		}), h = !!(d || a || s), b = /* @__PURE__ */ I(v, {
 			"aria-hidden": "true",
 			className: e.headSortIcon()
 		});
-		j && (S = D?.direction === "desc" ? /* @__PURE__ */ N(m, {
+		j && (b = E?.direction === "desc" ? /* @__PURE__ */ I(g, {
 			"aria-hidden": "true",
 			className: e.headSortIcon()
-		}) : /* @__PURE__ */ N(h, {
+		}) : /* @__PURE__ */ I(_, {
 			"aria-hidden": "true",
 			className: e.headSortIcon()
-		})), F = c.Head, B = r, t[29] === i ? V = t[30] : (V = X("group/head", i), t[29] = i, t[30] = V), H = _, U = v, I = e.headCell(), L = d && /* @__PURE__ */ N(C, {
+		})), M = l.Head, B = r, t[29] === i ? V = t[30] : (V = X("group/head", i), t[29] = i, t[30] = V), H = p, U = m, N = e.headCell(), P = u && /* @__PURE__ */ I(T, {
 			"aria-hidden": "true",
 			className: e.lockIcon()
-		}), R = f ? /* @__PURE__ */ P("button", {
-			"aria-label": `Sort by ${typeof o == "string" ? o : l}`,
+		}), R = d ? /* @__PURE__ */ L("button", {
+			"aria-label": `Sort by ${typeof o == "string" ? o : c}`,
 			className: e.headSort(),
 			type: "button",
-			onClick: () => E(l),
-			children: [o, S]
-		}) : /* @__PURE__ */ N("span", { children: o }), z = p && /* @__PURE__ */ P(n, { children: [/* @__PURE__ */ N(n.Trigger, { children: /* @__PURE__ */ N("button", {
+			onClick: () => w(c),
+			children: [o, b]
+		}) : /* @__PURE__ */ I("span", { children: o }), z = h && /* @__PURE__ */ L(n, { children: [/* @__PURE__ */ I(n.Trigger, { children: /* @__PURE__ */ I("button", {
 			"aria-label": "Column options",
 			className: e.headMenuTrigger(),
 			type: "button",
-			children: /* @__PURE__ */ N(y, { className: "size-4" })
-		}) }), /* @__PURE__ */ P(n.Content, {
+			children: /* @__PURE__ */ I(x, { className: "size-4" })
+		}) }), /* @__PURE__ */ L(n.Content, {
 			align: "end",
 			children: [
-				f && /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ P(n.Item, {
-					onClick: () => E(l, "asc"),
-					children: [/* @__PURE__ */ N(h, {}), "Sort ascending"]
-				}), /* @__PURE__ */ P(n.Item, {
-					onClick: () => E(l, "desc"),
-					children: [/* @__PURE__ */ N(m, {}), "Sort descending"]
+				d && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L(n.Item, {
+					onClick: () => w(c, "asc"),
+					children: [/* @__PURE__ */ I(_, {}), "Sort ascending"]
+				}), /* @__PURE__ */ L(n.Item, {
+					onClick: () => w(c, "desc"),
+					children: [/* @__PURE__ */ I(g, {}), "Sort descending"]
 				})] }),
-				f && (a || s) && /* @__PURE__ */ N(n.Separator, {}),
-				a && /* @__PURE__ */ P(n.Item, {
-					onClick: () => O(l),
-					children: [/* @__PURE__ */ N(T, {}), A ? "Unfreeze column" : "Freeze column"]
+				d && (a || s) && /* @__PURE__ */ I(n.Separator, {}),
+				a && /* @__PURE__ */ L(n.Item, {
+					onClick: () => O(c),
+					children: [/* @__PURE__ */ I(D, {}), A ? "Unfreeze column" : "Freeze column"]
 				}),
-				s && /* @__PURE__ */ P(n.Item, {
-					onClick: () => w(l),
-					children: [/* @__PURE__ */ N(b, {}), "Hide column"]
+				s && /* @__PURE__ */ L(n.Item, {
+					onClick: () => C(c),
+					children: [/* @__PURE__ */ I(S, {}), "Hide column"]
 				})
 			]
-		})] }), t[3] = r, t[4] = i, t[5] = x, t[6] = a, t[7] = o, t[8] = w, t[9] = s, t[10] = l, t[11] = j, t[12] = A, t[13] = d, t[14] = E, t[15] = D?.direction, t[16] = f, t[17] = _, t[18] = v, t[19] = O, t[20] = F, t[21] = I, t[22] = L, t[23] = R, t[24] = z, t[25] = B, t[26] = V, t[27] = H, t[28] = U;
-	} else F = t[20], I = t[21], L = t[22], R = t[23], z = t[24], B = t[25], V = t[26], H = t[27], U = t[28];
+		})] }), t[3] = r, t[4] = i, t[5] = y, t[6] = a, t[7] = o, t[8] = C, t[9] = s, t[10] = c, t[11] = j, t[12] = A, t[13] = u, t[14] = w, t[15] = E?.direction, t[16] = d, t[17] = p, t[18] = m, t[19] = O, t[20] = M, t[21] = N, t[22] = P, t[23] = R, t[24] = z, t[25] = B, t[26] = V, t[27] = H, t[28] = U;
+	} else M = t[20], N = t[21], P = t[22], R = t[23], z = t[24], B = t[25], V = t[26], H = t[27], U = t[28];
 	let W;
-	t[31] !== I || t[32] !== L || t[33] !== R || t[34] !== z ? (W = /* @__PURE__ */ P("span", {
-		className: I,
+	t[31] !== N || t[32] !== P || t[33] !== R || t[34] !== z ? (W = /* @__PURE__ */ L("span", {
+		className: N,
 		children: [
-			L,
+			P,
 			R,
 			z
 		]
-	}), t[31] = I, t[32] = L, t[33] = R, t[34] = z, t[35] = W) : W = t[35];
+	}), t[31] = N, t[32] = P, t[33] = R, t[34] = z, t[35] = W) : W = t[35];
 	let G;
-	return t[36] !== F || t[37] !== W || t[38] !== B || t[39] !== V || t[40] !== H || t[41] !== U ? (G = /* @__PURE__ */ N(F, {
+	return t[36] !== M || t[37] !== W || t[38] !== B || t[39] !== V || t[40] !== H || t[41] !== U ? (G = /* @__PURE__ */ I(M, {
 		align: B,
 		className: V,
 		sticky: H,
 		style: U,
 		children: W
-	}), t[36] = F, t[37] = W, t[38] = B, t[39] = V, t[40] = H, t[41] = U, t[42] = G) : G = t[42], G;
+	}), t[36] = M, t[37] = W, t[38] = B, t[39] = V, t[40] = H, t[41] = U, t[42] = G) : G = t[42], G;
 }
-function he(e) {
-	let t = p(6), { children: n, className: r } = e, { density: i } = Y(), a;
-	t[0] !== r || t[1] !== i ? (a = u({ density: i }).toolbar({ class: r }), t[0] = r, t[1] = i, t[2] = a) : a = t[2];
+function Fe(e) {
+	let t = h(6), { children: n, className: r } = e, { density: i } = _e(), a;
+	t[0] !== r || t[1] !== i ? (a = f({ density: i }).toolbar({ class: r }), t[0] = r, t[1] = i, t[2] = a) : a = t[2];
 	let o;
-	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ N("div", {
+	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ I("div", {
 		className: a,
 		"data-ox-slot": "toolbar",
 		children: n
 	}), t[3] = n, t[4] = a, t[5] = o) : o = t[5], o;
 }
-function Q(e) {
-	let t = p(5), { children: n, className: r } = e, i;
-	t[0] === r ? i = t[1] : (i = u({}).toolbarGroup({ class: r }), t[0] = r, t[1] = i);
+function Ie(e) {
+	let t = h(5), { children: n, className: r } = e, i;
+	t[0] === r ? i = t[1] : (i = f({}).toolbarGroup({ class: r }), t[0] = r, t[1] = i);
 	let a;
-	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ N("div", {
+	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ I("div", {
 		className: i,
 		"data-ox-slot": "toolbar-group",
 		children: n
 	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
 }
-function ge() {
-	let e = p(1), t;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ N("span", {
+function Le() {
+	let e = h(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ I("span", {
 		"aria-hidden": "true",
-		className: u({}).divider(),
+		className: f({}).divider(),
 		"data-ox-slot": "toolbar-divider"
 	}), e[0] = t) : t = e[0], t;
 }
-function _e(e) {
-	let t = p(18), { children: n, className: r, rowClassName: i, slot: a, trailing: o } = e, s = u({}), c;
-	t[0] === n ? c = t[1] : (c = E.toArray(n), t[0] = n, t[1] = c);
-	let l = c.length > 0, d;
-	t[2] !== n || t[3] !== o ? (d = {
+function Re(e) {
+	let t = h(18), { children: n, className: r, rowClassName: i, slot: a, trailing: o } = e, s = f({}), c;
+	t[0] === n ? c = t[1] : (c = O.toArray(n), t[0] = n, t[1] = c);
+	let l = c.length > 0, u;
+	t[2] !== n || t[3] !== o ? (u = {
 		children: n,
 		trailing: o
-	}, t[2] = n, t[3] = o, t[4] = d) : d = t[4];
-	let [f, m] = j(d);
-	l && (n !== f.children || o !== f.trailing) && m({
+	}, t[2] = n, t[3] = o, t[4] = u) : u = t[4];
+	let [d, p] = P(u);
+	l && (n !== d.children || o !== d.trailing) && p({
 		children: n,
 		trailing: o
 	});
-	let h = s.collapse({ class: r }), g = l ? void 0 : !0, _ = !l, v = s.collapseClip(), y = l ? n : f.children, b = l ? o : f.trailing, x;
-	t[5] !== i || t[6] !== y || t[7] !== b ? (x = /* @__PURE__ */ P("div", {
+	let m = s.collapse({ class: r }), g = l ? void 0 : !0, _ = !l, v = s.collapseClip(), y = l ? n : d.children, b = l ? o : d.trailing, x;
+	t[5] !== i || t[6] !== y || t[7] !== b ? (x = /* @__PURE__ */ L("div", {
 		className: i,
 		children: [y, b]
 	}), t[5] = i, t[6] = y, t[7] = b, t[8] = x) : x = t[8];
 	let S;
-	t[9] !== v || t[10] !== x ? (S = /* @__PURE__ */ N("div", {
+	t[9] !== v || t[10] !== x ? (S = /* @__PURE__ */ I("div", {
 		className: v,
 		children: x
 	}), t[9] = v, t[10] = x, t[11] = S) : S = t[11];
 	let C;
-	return t[12] !== a || t[13] !== S || t[14] !== h || t[15] !== g || t[16] !== _ ? (C = /* @__PURE__ */ N("div", {
-		className: h,
+	return t[12] !== a || t[13] !== S || t[14] !== m || t[15] !== g || t[16] !== _ ? (C = /* @__PURE__ */ I("div", {
+		className: m,
 		"data-collapsed": g,
 		"data-ox-slot": a,
 		inert: _,
 		children: S
-	}), t[12] = a, t[13] = S, t[14] = h, t[15] = g, t[16] = _, t[17] = C) : C = t[17], C;
+	}), t[12] = a, t[13] = S, t[14] = m, t[15] = g, t[16] = _, t[17] = C) : C = t[17], C;
 }
-function ve(e) {
-	let n = p(20), { children: r, className: i, clearLabel: a, onClearAll: o } = e, s = a === void 0 ? "Clear all" : a, c, l, d, f;
+function ze(e) {
+	let n = h(20), { children: r, className: i, clearLabel: a, onClearAll: o } = e, s = a === void 0 ? "Clear all" : a, c, l, u, d;
 	if (n[0] !== r || n[1] !== i || n[2] !== s || n[3] !== o) {
-		let e = u({}), a;
-		n[8] === r ? a = n[9] : (a = E.toArray(r), n[8] = r, n[9] = a);
+		let e = f({}), a;
+		n[8] === r ? a = n[9] : (a = O.toArray(r), n[8] = r, n[9] = a);
 		let p = a.length, m;
-		n[10] !== p || n[11] !== s || n[12] !== o ? (m = o == null || p < 2 ? void 0 : /* @__PURE__ */ N(t, {
+		n[10] !== p || n[11] !== s || n[12] !== o ? (m = o == null || p < 2 ? void 0 : /* @__PURE__ */ I(t, {
 			variant: "ghost",
 			onClick: o,
 			children: s
-		}), n[10] = p, n[11] = s, n[12] = o, n[13] = m) : m = n[13], l = m, c = _e, d = i, f = e.filterChipsRow(), n[0] = r, n[1] = i, n[2] = s, n[3] = o, n[4] = c, n[5] = l, n[6] = d, n[7] = f;
-	} else c = n[4], l = n[5], d = n[6], f = n[7];
-	let m;
-	return n[14] !== c || n[15] !== r || n[16] !== l || n[17] !== d || n[18] !== f ? (m = /* @__PURE__ */ N(c, {
-		className: d,
-		rowClassName: f,
+		}), n[10] = p, n[11] = s, n[12] = o, n[13] = m) : m = n[13], l = m, c = Re, u = i, d = e.filterChipsRow(), n[0] = r, n[1] = i, n[2] = s, n[3] = o, n[4] = c, n[5] = l, n[6] = u, n[7] = d;
+	} else c = n[4], l = n[5], u = n[6], d = n[7];
+	let p;
+	return n[14] !== c || n[15] !== r || n[16] !== l || n[17] !== u || n[18] !== d ? (p = /* @__PURE__ */ I(c, {
+		className: u,
+		rowClassName: d,
 		slot: "filter-chips",
 		trailing: l,
 		children: r
-	}), n[14] = c, n[15] = r, n[16] = l, n[17] = d, n[18] = f, n[19] = m) : m = n[19], m;
+	}), n[14] = c, n[15] = r, n[16] = l, n[17] = u, n[18] = d, n[19] = p) : p = n[19], p;
 }
-function ye(e) {
-	let n = p(30), { className: i, groups: o, trigger: s, triggerLabel: c } = e, l, d, f, m, h, g, _;
+function Be(e) {
+	let n = h(30), { className: i, groups: o, trigger: s, triggerLabel: c } = e, l, u, d, p, m, g, _;
 	if (n[0] !== i || n[1] !== o || n[2] !== s || n[3] !== c) {
-		let e = u({});
-		d = a;
-		let p;
-		n[11] !== s || n[12] !== c ? (p = s ?? /* @__PURE__ */ N(t, {
+		let e = f({});
+		u = a;
+		let h;
+		n[11] !== s || n[12] !== c ? (h = s ?? /* @__PURE__ */ I(t, {
 			"aria-label": c ?? "Filter",
 			isIconOnly: !0,
 			variant: "ghost",
-			children: /* @__PURE__ */ N(x, {})
-		}), n[11] = s, n[12] = c, n[13] = p) : p = n[13], n[14] === p ? _ = n[15] : (_ = /* @__PURE__ */ N(a.Trigger, { children: p }), n[14] = p, n[15] = _), l = a.Content, h = "end", n[16] === i ? g = n[17] : (g = X("w-56 p-1.5", i), n[16] = i, n[17] = g), f = "filter-menu", m = o.map((t, n) => /* @__PURE__ */ P(D, { children: [
-			n > 0 && /* @__PURE__ */ N("div", { className: e.configSeparator() }),
-			/* @__PURE__ */ N("div", {
+			children: /* @__PURE__ */ I(C, {})
+		}), n[11] = s, n[12] = c, n[13] = h) : h = n[13], n[14] === h ? _ = n[15] : (_ = /* @__PURE__ */ I(a.Trigger, { children: h }), n[14] = h, n[15] = _), l = a.Content, m = "end", n[16] === i ? g = n[17] : (g = X("w-56 p-1.5", i), n[16] = i, n[17] = g), d = "filter-menu", p = o.map((t, n) => /* @__PURE__ */ L(k, { children: [
+			n > 0 && /* @__PURE__ */ I("div", { className: e.configSeparator() }),
+			/* @__PURE__ */ I("div", {
 				className: e.configTitle(),
 				children: t.label
 			}),
-			t.options.map((n) => /* @__PURE__ */ P("label", {
+			t.options.map((n) => /* @__PURE__ */ L("label", {
 				className: e.filterMenuItem(),
-				children: [/* @__PURE__ */ N(r, {
+				children: [/* @__PURE__ */ I(r, {
 					checked: t.selected.has(n.value),
 					onCheckedChange: () => t.onToggle(n.value)
-				}), /* @__PURE__ */ N("span", {
+				}), /* @__PURE__ */ I("span", {
 					className: e.configLabel(),
 					children: n.label
 				})]
 			}, n.value))
-		] }, t.id ?? n)), n[0] = i, n[1] = o, n[2] = s, n[3] = c, n[4] = l, n[5] = d, n[6] = f, n[7] = m, n[8] = h, n[9] = g, n[10] = _;
-	} else l = n[4], d = n[5], f = n[6], m = n[7], h = n[8], g = n[9], _ = n[10];
+		] }, t.id ?? n)), n[0] = i, n[1] = o, n[2] = s, n[3] = c, n[4] = l, n[5] = u, n[6] = d, n[7] = p, n[8] = m, n[9] = g, n[10] = _;
+	} else l = n[4], u = n[5], d = n[6], p = n[7], m = n[8], g = n[9], _ = n[10];
 	let v;
-	n[18] !== f || n[19] !== m ? (v = /* @__PURE__ */ N("div", {
-		"data-ox-slot": f,
-		children: m
-	}), n[18] = f, n[19] = m, n[20] = v) : v = n[20];
+	n[18] !== d || n[19] !== p ? (v = /* @__PURE__ */ I("div", {
+		"data-ox-slot": d,
+		children: p
+	}), n[18] = d, n[19] = p, n[20] = v) : v = n[20];
 	let y;
-	n[21] !== l || n[22] !== h || n[23] !== g || n[24] !== v ? (y = /* @__PURE__ */ N(l, {
-		align: h,
+	n[21] !== l || n[22] !== m || n[23] !== g || n[24] !== v ? (y = /* @__PURE__ */ I(l, {
+		align: m,
 		className: g,
 		children: v
-	}), n[21] = l, n[22] = h, n[23] = g, n[24] = v, n[25] = y) : y = n[25];
+	}), n[21] = l, n[22] = m, n[23] = g, n[24] = v, n[25] = y) : y = n[25];
 	let b;
-	return n[26] !== d || n[27] !== _ || n[28] !== y ? (b = /* @__PURE__ */ P(d, { children: [_, y] }), n[26] = d, n[27] = _, n[28] = y, n[29] = b) : b = n[29], b;
+	return n[26] !== u || n[27] !== _ || n[28] !== y ? (b = /* @__PURE__ */ L(u, { children: [_, y] }), n[26] = u, n[27] = _, n[28] = y, n[29] = b) : b = n[29], b;
 }
-function be(e) {
-	let t = p(18), { className: n, rows: r, toolbar: i } = e, a = r === void 0 ? 6 : r, s = i === void 0 ? !0 : i, c, l, d, f, m;
-	if (t[0] !== n || t[1] !== s) {
-		let e = u({});
-		l = "true", d = e.skeleton({ class: n }), f = "data-table-skeleton", m = s && /* @__PURE__ */ P("div", {
+function Ve(e) {
+	let t = h(18), { className: n, rows: r, toolbar: i } = e, a = r === void 0 ? 6 : r, o = i === void 0 ? !0 : i, c, l, u, d, p;
+	if (t[0] !== n || t[1] !== o) {
+		let e = f({});
+		l = "true", u = e.skeleton({ class: n }), d = "data-table-skeleton", p = o && /* @__PURE__ */ L("div", {
 			className: e.skeletonToolbar(),
-			children: [/* @__PURE__ */ N(o, { className: "h-8 w-72 rounded-control" }), /* @__PURE__ */ N(o, { className: "h-3.5 w-24 rounded-sm" })]
-		}), c = e.skeletonBody(), t[0] = n, t[1] = s, t[2] = c, t[3] = l, t[4] = d, t[5] = f, t[6] = m;
-	} else c = t[2], l = t[3], d = t[4], f = t[5], m = t[6];
-	let h;
-	t[7] === a ? h = t[8] : (h = Array.from({ length: a }, xe), t[7] = a, t[8] = h);
+			children: [/* @__PURE__ */ I(s, { className: "h-8 w-72 rounded-control" }), /* @__PURE__ */ I(s, { className: "h-3.5 w-24 rounded-sm" })]
+		}), c = e.skeletonBody(), t[0] = n, t[1] = o, t[2] = c, t[3] = l, t[4] = u, t[5] = d, t[6] = p;
+	} else c = t[2], l = t[3], u = t[4], d = t[5], p = t[6];
+	let m;
+	t[7] === a ? m = t[8] : (m = Array.from({ length: a }, He), t[7] = a, t[8] = m);
 	let g;
-	t[9] !== c || t[10] !== h ? (g = /* @__PURE__ */ N("div", {
+	t[9] !== c || t[10] !== m ? (g = /* @__PURE__ */ I("div", {
 		className: c,
-		children: h
-	}), t[9] = c, t[10] = h, t[11] = g) : g = t[11];
+		children: m
+	}), t[9] = c, t[10] = m, t[11] = g) : g = t[11];
 	let _;
-	return t[12] !== l || t[13] !== d || t[14] !== f || t[15] !== m || t[16] !== g ? (_ = /* @__PURE__ */ P("div", {
+	return t[12] !== l || t[13] !== u || t[14] !== d || t[15] !== p || t[16] !== g ? (_ = /* @__PURE__ */ L("div", {
 		"aria-hidden": l,
-		className: d,
-		"data-ox-slot": f,
-		children: [m, g]
-	}), t[12] = l, t[13] = d, t[14] = f, t[15] = m, t[16] = g, t[17] = _) : _ = t[17], _;
+		className: u,
+		"data-ox-slot": d,
+		children: [p, g]
+	}), t[12] = l, t[13] = u, t[14] = d, t[15] = p, t[16] = g, t[17] = _) : _ = t[17], _;
 }
-function xe(e, t) {
-	return /* @__PURE__ */ N(o, { className: "h-9.5 w-full rounded-sm" }, t);
+function He(e, t) {
+	return /* @__PURE__ */ I(s, { className: "h-9.5 w-full rounded-sm" }, t);
 }
-function Se(e) {
-	let t = p(11), { children: n, count: r, fallback: i } = e, { clearSelection: a, selectedCount: o, selectedRows: s } = Y(), c = r ?? o;
+function Z(e) {
+	let t = h(11), { children: n, count: r, fallback: i } = e, { clearSelection: a, selectedCount: o, selectedRows: s } = _e(), c = r ?? o;
 	if (c === 0) {
 		let e;
-		return t[0] === i ? e = t[1] : (e = i == null ? null : /* @__PURE__ */ N(M, { children: i }), t[0] = i, t[1] = e), e;
+		return t[0] === i ? e = t[1] : (e = i == null ? null : /* @__PURE__ */ I(F, { children: i }), t[0] = i, t[1] = e), e;
 	}
 	let l;
-	t[2] === Symbol.for("react.memo_cache_sentinel") ? (l = u({}).selectionActions(), t[2] = l) : l = t[2];
-	let d = s, f;
-	t[3] !== n || t[4] !== a || t[5] !== c || t[6] !== d ? (f = n({
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (l = f({}).selectionActions(), t[2] = l) : l = t[2];
+	let u = s, d;
+	t[3] !== n || t[4] !== a || t[5] !== c || t[6] !== u ? (d = n({
 		clearSelection: a,
 		selectedCount: c,
-		selectedRows: d
-	}), t[3] = n, t[4] = a, t[5] = c, t[6] = d, t[7] = f) : f = t[7];
-	let m;
-	return t[8] !== l || t[9] !== f ? (m = /* @__PURE__ */ N("div", {
+		selectedRows: u
+	}), t[3] = n, t[4] = a, t[5] = c, t[6] = u, t[7] = d) : d = t[7];
+	let p;
+	return t[8] !== l || t[9] !== d ? (p = /* @__PURE__ */ I("div", {
 		className: l,
 		"data-ox-slot": "selection-actions",
-		children: f
-	}), t[8] = l, t[9] = f, t[10] = m) : m = t[10], m;
+		children: d
+	}), t[8] = l, t[9] = d, t[10] = p) : p = t[10], p;
 }
-function Ce(e) {
-	let n = p(90), { className: r, layout: a, nextLabel: o, previousLabel: s, summary: c, variant: d } = e, f = a === void 0 ? "end" : a, m = o === void 0 ? "Next page" : o, h = s === void 0 ? "Previous page" : s, g = d === void 0 ? "simple" : d, { page: y, pageCount: b, pageSize: x, rowCount: S, setPage: C } = Y(), w = b ?? 1, T;
-	n[0] !== y || n[1] !== w ? (T = {
+function Q(e) {
+	let n = h(90), { className: r, layout: a, nextLabel: o, previousLabel: s, summary: c, variant: l } = e, d = a === void 0 ? "end" : a, p = o === void 0 ? "Next page" : o, m = s === void 0 ? "Previous page" : s, g = l === void 0 ? "simple" : l, { page: _, pageCount: v, pageSize: x, rowCount: S, setPage: C } = _e(), w = v ?? 1, T;
+	n[0] !== _ || n[1] !== w ? (T = {
 		total: w,
-		page: y
-	}, n[0] = y, n[1] = w, n[2] = T) : T = n[2];
-	let { currentPage: E, isFirst: D, isLast: O, nextPage: k, previousPage: A, range: j } = l(T), F = g === "numbered" && b != null, I = F && f === "split" ? "end" : f, L, R, z, B, V, H, U;
-	if (n[3] !== r || n[4] !== E || n[5] !== D || n[6] !== O || n[7] !== F || n[8] !== m || n[9] !== k || n[10] !== y || n[11] !== b || n[12] !== x || n[13] !== h || n[14] !== A || n[15] !== j || n[16] !== I || n[17] !== S || n[18] !== C || n[19] !== c) {
+		page: _
+	}, n[0] = _, n[1] = w, n[2] = T) : T = n[2];
+	let { currentPage: E, isFirst: D, isLast: O, nextPage: k, previousPage: A, range: j } = u(T), M = g === "numbered" && v != null, N = M && d === "split" ? "end" : d, P, R, z, B, V, H, U;
+	if (n[3] !== r || n[4] !== E || n[5] !== D || n[6] !== O || n[7] !== M || n[8] !== p || n[9] !== k || n[10] !== _ || n[11] !== v || n[12] !== x || n[13] !== m || n[14] !== A || n[15] !== j || n[16] !== N || n[17] !== S || n[18] !== C || n[19] !== c) {
 		B = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			let e = u({ paginationLayout: I }), a = y > 1, o = b == null ? !0 : y < b, s = S === 0 ? 0 : (y - 1) * x + 1, l = S == null ? y * x : Math.min(y * x, S), d;
-			n[27] !== l || n[28] !== S || n[29] !== s || n[30] !== c ? (d = c ?? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ P("span", {
+			let e = f({ paginationLayout: N }), a = _ > 1, o = v == null ? !0 : _ < v, s = S === 0 ? 0 : (_ - 1) * x + 1, l = S == null ? _ * x : Math.min(_ * x, S), u;
+			n[27] !== l || n[28] !== S || n[29] !== s || n[30] !== c ? (u = c ?? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L("span", {
 				className: "font-medium text-fg",
 				children: [
 					s,
 					"–",
 					l
 				]
-			}), S == null ? null : ` of ${S}`] }), n[27] = l, n[28] = S, n[29] = s, n[30] = c, n[31] = d) : d = n[31];
-			let f = /* @__PURE__ */ N("span", {
-				className: e.pagerSummary({ class: I === "split" ? "justify-self-center" : "" }),
-				children: d
+			}), S == null ? null : ` of ${S}`] }), n[27] = l, n[28] = S, n[29] = s, n[30] = c, n[31] = u) : u = n[31];
+			let d = /* @__PURE__ */ I("span", {
+				className: e.pagerSummary({ class: N === "split" ? "justify-self-center" : "" }),
+				children: u
 			});
-			if (F) {
-				if (b <= 1) {
-					B = /* @__PURE__ */ N("div", {
+			if (M) {
+				if (v <= 1) {
+					B = /* @__PURE__ */ I("div", {
 						className: e.pager({ class: r }),
-						"data-layout": I,
+						"data-layout": N,
 						"data-ox-slot": "pagination",
-						children: f
+						children: d
 					});
 					break bb0;
 				}
 				let t;
 				n[32] !== A || n[33] !== C ? (t = () => C(A), n[32] = A, n[33] = C, n[34] = t) : t = n[34];
 				let a;
-				n[35] !== D || n[36] !== h || n[37] !== t ? (a = /* @__PURE__ */ N(i.Previous, {
-					"aria-label": h,
+				n[35] !== D || n[36] !== m || n[37] !== t ? (a = /* @__PURE__ */ I(i.Previous, {
+					"aria-label": m,
 					disabled: D,
 					onClick: t
-				}), n[35] = D, n[36] = h, n[37] = t, n[38] = a) : a = n[38];
+				}), n[35] = D, n[36] = m, n[37] = t, n[38] = a) : a = n[38];
 				let o;
 				if (n[39] !== E || n[40] !== j || n[41] !== C) {
 					let e;
-					n[43] !== E || n[44] !== C ? (e = (e, t) => e === "ellipsis" ? /* @__PURE__ */ N(i.Ellipsis, {}, `ellipsis-${String(t)}`) : /* @__PURE__ */ N(i.Item, {
+					n[43] !== E || n[44] !== C ? (e = (e, t) => e === "ellipsis" ? /* @__PURE__ */ I(i.Ellipsis, {}, `ellipsis-${String(t)}`) : /* @__PURE__ */ I(i.Item, {
 						current: e === E,
 						onClick: () => C(e),
 						children: e
@@ -620,275 +758,275 @@ function Ce(e) {
 				let s;
 				n[46] !== k || n[47] !== C ? (s = () => C(k), n[46] = k, n[47] = C, n[48] = s) : s = n[48];
 				let c;
-				n[49] !== O || n[50] !== m || n[51] !== s ? (c = /* @__PURE__ */ N(i.Next, {
-					"aria-label": m,
+				n[49] !== O || n[50] !== p || n[51] !== s ? (c = /* @__PURE__ */ I(i.Next, {
+					"aria-label": p,
 					disabled: O,
 					onClick: s
-				}), n[49] = O, n[50] = m, n[51] = s, n[52] = c) : c = n[52];
+				}), n[49] = O, n[50] = p, n[51] = s, n[52] = c) : c = n[52];
 				let l;
-				n[53] !== b || n[54] !== a || n[55] !== o || n[56] !== c ? (l = /* @__PURE__ */ P(i, {
-					total: b,
+				n[53] !== v || n[54] !== a || n[55] !== o || n[56] !== c ? (l = /* @__PURE__ */ L(i, {
+					total: v,
 					children: [
 						a,
 						o,
 						c
 					]
-				}), n[53] = b, n[54] = a, n[55] = o, n[56] = c, n[57] = l) : l = n[57];
-				let u = l, d;
-				n[58] !== u || n[59] !== I || n[60] !== f ? (d = I === "center" ? /* @__PURE__ */ P(M, { children: [u, f] }) : /* @__PURE__ */ P(M, { children: [f, u] }), n[58] = u, n[59] = I, n[60] = f, n[61] = d) : d = n[61], B = /* @__PURE__ */ N("div", {
+				}), n[53] = v, n[54] = a, n[55] = o, n[56] = c, n[57] = l) : l = n[57];
+				let u = l, f;
+				n[58] !== u || n[59] !== N || n[60] !== d ? (f = N === "center" ? /* @__PURE__ */ L(F, { children: [u, d] }) : /* @__PURE__ */ L(F, { children: [d, u] }), n[58] = u, n[59] = N, n[60] = d, n[61] = f) : f = n[61], B = /* @__PURE__ */ I("div", {
 					className: e.pager({ class: r }),
-					"data-layout": I,
+					"data-layout": N,
 					"data-ox-slot": "pagination",
-					children: d
+					children: f
 				});
 				break bb0;
 			}
-			let p = !a, g;
-			n[62] !== y || n[63] !== C ? (g = () => C(y - 1), n[62] = y, n[63] = C, n[64] = g) : g = n[64];
+			let h = !a, g;
+			n[62] !== _ || n[63] !== C ? (g = () => C(_ - 1), n[62] = _, n[63] = C, n[64] = g) : g = n[64];
 			let w;
-			n[65] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ N(_, {}), n[65] = w) : w = n[65];
+			n[65] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ I(y, {}), n[65] = w) : w = n[65];
 			let T;
-			n[66] !== h || n[67] !== p || n[68] !== g ? (T = /* @__PURE__ */ N(t, {
-				"aria-label": h,
-				disabled: p,
+			n[66] !== m || n[67] !== h || n[68] !== g ? (T = /* @__PURE__ */ I(t, {
+				"aria-label": m,
+				disabled: h,
 				isIconOnly: !0,
 				variant: "ghost",
 				onClick: g,
 				children: w
-			}), n[66] = h, n[67] = p, n[68] = g, n[69] = T) : T = n[69];
+			}), n[66] = m, n[67] = h, n[68] = g, n[69] = T) : T = n[69];
 			let W = T, G = !o, K;
-			n[70] !== y || n[71] !== C ? (K = () => C(y + 1), n[70] = y, n[71] = C, n[72] = K) : K = n[72];
+			n[70] !== _ || n[71] !== C ? (K = () => C(_ + 1), n[70] = _, n[71] = C, n[72] = K) : K = n[72];
 			let ee;
-			n[73] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ N(v, {}), n[73] = ee) : ee = n[73];
+			n[73] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ I(b, {}), n[73] = ee) : ee = n[73];
 			let q;
-			n[74] !== m || n[75] !== G || n[76] !== K ? (q = /* @__PURE__ */ N(t, {
-				"aria-label": m,
+			n[74] !== p || n[75] !== G || n[76] !== K ? (q = /* @__PURE__ */ I(t, {
+				"aria-label": p,
 				disabled: G,
 				isIconOnly: !0,
 				variant: "ghost",
 				onClick: K,
 				children: ee
-			}), n[74] = m, n[75] = G, n[76] = K, n[77] = q) : q = n[77];
-			let J = q;
-			V = e.pager({ class: r }), H = I, U = "pagination", L = I === "end" && /* @__PURE__ */ P(M, { children: [f, /* @__PURE__ */ P("span", {
+			}), n[74] = p, n[75] = G, n[76] = K, n[77] = q) : q = n[77];
+			let te = q;
+			V = e.pager({ class: r }), H = N, U = "pagination", P = N === "end" && /* @__PURE__ */ L(F, { children: [d, /* @__PURE__ */ L("span", {
 				className: e.pagerNav(),
-				children: [W, J]
-			})] }), n[78] !== J || n[79] !== W || n[80] !== I || n[81] !== f ? (R = I === "center" && /* @__PURE__ */ P(M, { children: [
+				children: [W, te]
+			})] }), n[78] !== te || n[79] !== W || n[80] !== N || n[81] !== d ? (R = N === "center" && /* @__PURE__ */ L(F, { children: [
 				W,
-				f,
-				J
-			] }), n[78] = J, n[79] = W, n[80] = I, n[81] = f, n[82] = R) : R = n[82], z = I === "split" && /* @__PURE__ */ P(M, { children: [
-				/* @__PURE__ */ N("span", {
+				d,
+				te
+			] }), n[78] = te, n[79] = W, n[80] = N, n[81] = d, n[82] = R) : R = n[82], z = N === "split" && /* @__PURE__ */ L(F, { children: [
+				/* @__PURE__ */ I("span", {
 					className: e.pagerNav({ class: "justify-self-start" }),
 					children: W
 				}),
-				f,
-				/* @__PURE__ */ N("span", {
+				d,
+				/* @__PURE__ */ I("span", {
 					className: e.pagerNav({ class: "justify-self-end" }),
-					children: J
+					children: te
 				})
 			] });
 		}
-		n[3] = r, n[4] = E, n[5] = D, n[6] = O, n[7] = F, n[8] = m, n[9] = k, n[10] = y, n[11] = b, n[12] = x, n[13] = h, n[14] = A, n[15] = j, n[16] = I, n[17] = S, n[18] = C, n[19] = c, n[20] = L, n[21] = R, n[22] = z, n[23] = B, n[24] = V, n[25] = H, n[26] = U;
-	} else L = n[20], R = n[21], z = n[22], B = n[23], V = n[24], H = n[25], U = n[26];
+		n[3] = r, n[4] = E, n[5] = D, n[6] = O, n[7] = M, n[8] = p, n[9] = k, n[10] = _, n[11] = v, n[12] = x, n[13] = m, n[14] = A, n[15] = j, n[16] = N, n[17] = S, n[18] = C, n[19] = c, n[20] = P, n[21] = R, n[22] = z, n[23] = B, n[24] = V, n[25] = H, n[26] = U;
+	} else P = n[20], R = n[21], z = n[22], B = n[23], V = n[24], H = n[25], U = n[26];
 	if (B !== Symbol.for("react.early_return_sentinel")) return B;
 	let W;
-	return n[83] !== L || n[84] !== R || n[85] !== z || n[86] !== V || n[87] !== H || n[88] !== U ? (W = /* @__PURE__ */ P("div", {
+	return n[83] !== P || n[84] !== R || n[85] !== z || n[86] !== V || n[87] !== H || n[88] !== U ? (W = /* @__PURE__ */ L("div", {
 		className: V,
 		"data-layout": H,
 		"data-ox-slot": U,
 		children: [
-			L,
+			P,
 			R,
 			z
 		]
-	}), n[83] = L, n[84] = R, n[85] = z, n[86] = V, n[87] = H, n[88] = U, n[89] = W) : W = n[89], W;
+	}), n[83] = P, n[84] = R, n[85] = z, n[86] = V, n[87] = H, n[88] = U, n[89] = W) : W = n[89], W;
 }
-function we(e) {
-	let t = p(6), { children: n, className: r } = e, { density: i } = Y(), a;
-	t[0] !== r || t[1] !== i ? (a = u({ density: i }).footerBar({ class: r }), t[0] = r, t[1] = i, t[2] = a) : a = t[2];
+function Ue(e) {
+	let t = h(6), { children: n, className: r } = e, { density: i } = _e(), a;
+	t[0] !== r || t[1] !== i ? (a = f({ density: i }).footerBar({ class: r }), t[0] = r, t[1] = i, t[2] = a) : a = t[2];
 	let o;
-	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ N("div", {
+	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ I("div", {
 		className: a,
 		"data-ox-slot": "data-table-footer",
 		children: n
 	}), t[3] = n, t[4] = a, t[5] = o) : o = t[5], o;
 }
-function Te(e) {
-	let t = p(29), { column: n, draftVisible: i, onToggleVisible: a } = e, o = u({}), s = k(), c = n.locked || !n.hideable, l;
+function We(e) {
+	let t = h(29), { column: n, draftVisible: i, onToggleVisible: a } = e, o = f({}), s = M(), c = n.locked || !n.hideable, l;
 	t[0] !== n.id || t[1] !== n.locked ? (l = {
 		id: n.id,
 		disabled: n.locked
 	}, t[0] = n.id, t[1] = n.locked, t[2] = l) : l = t[2];
-	let { attributes: d, isDragging: f, listeners: m, setNodeRef: h, transform: g, transition: _ } = U(l), v;
-	t[3] === g ? v = t[4] : (v = G.Transform.toString(g), t[3] = g, t[4] = v);
-	let y = f ? .6 : void 0, b;
+	let { attributes: u, isDragging: d, listeners: p, setNodeRef: m, transform: g, transition: _ } = K(l), v;
+	t[3] === g ? v = t[4] : (v = q.Transform.toString(g), t[3] = g, t[4] = v);
+	let y = d ? .6 : void 0, b;
 	t[5] !== v || t[6] !== y || t[7] !== _ ? (b = {
 		transform: v,
 		transition: _,
 		opacity: y
 	}, t[5] = v, t[6] = y, t[7] = _, t[8] = b) : b = t[8];
-	let x = b, C = o.configItem(), w = c || void 0, T = n.locked ? /* @__PURE__ */ N("span", {
+	let x = b, S = o.configItem(), C = c || void 0, T = n.locked ? /* @__PURE__ */ I("span", {
 		"aria-hidden": "true",
 		className: o.configHandleLocked(),
-		children: /* @__PURE__ */ N(S, { className: "size-4" })
-	}) : /* @__PURE__ */ N("button", {
+		children: /* @__PURE__ */ I(w, { className: "size-4" })
+	}) : /* @__PURE__ */ I("button", {
 		"aria-label": "Drag to reorder",
 		className: o.configHandle(),
 		type: "button",
-		...d,
-		...m,
-		children: /* @__PURE__ */ N(S, { className: "size-4" })
+		...u,
+		...p,
+		children: /* @__PURE__ */ I(w, { className: "size-4" })
 	}), E = n.locked ? !0 : i, D;
 	t[9] !== n.id || t[10] !== a ? (D = () => a(n.id), t[9] = n.id, t[10] = a, t[11] = D) : D = t[11];
 	let O;
-	t[12] !== c || t[13] !== s || t[14] !== E || t[15] !== D ? (O = /* @__PURE__ */ N(r, {
+	t[12] !== c || t[13] !== s || t[14] !== E || t[15] !== D ? (O = /* @__PURE__ */ I(r, {
 		id: s,
 		checked: E,
 		disabled: c,
 		onCheckedChange: D
 	}), t[12] = c, t[13] = s, t[14] = E, t[15] = D, t[16] = O) : O = t[16];
-	let A = X(o.configLabel(), c ? "cursor-not-allowed opacity-50" : "cursor-pointer select-none"), j;
-	t[17] !== n.header || t[18] !== s || t[19] !== A ? (j = /* @__PURE__ */ N("label", {
-		className: A,
+	let k = X(o.configLabel(), c ? "cursor-not-allowed opacity-50" : "cursor-pointer select-none"), A;
+	t[17] !== n.header || t[18] !== s || t[19] !== k ? (A = /* @__PURE__ */ I("label", {
+		className: k,
 		htmlFor: s,
 		children: n.header
-	}), t[17] = n.header, t[18] = s, t[19] = A, t[20] = j) : j = t[20];
-	let M;
-	return t[21] !== h || t[22] !== x || t[23] !== O || t[24] !== j || t[25] !== C || t[26] !== w || t[27] !== T ? (M = /* @__PURE__ */ P("div", {
-		className: C,
-		"data-disabled": w,
-		ref: h,
+	}), t[17] = n.header, t[18] = s, t[19] = k, t[20] = A) : A = t[20];
+	let j;
+	return t[21] !== m || t[22] !== x || t[23] !== O || t[24] !== A || t[25] !== S || t[26] !== C || t[27] !== T ? (j = /* @__PURE__ */ L("div", {
+		className: S,
+		"data-disabled": C,
+		ref: m,
 		style: x,
 		children: [
 			T,
 			O,
-			j
+			A
 		]
-	}), t[21] = h, t[22] = x, t[23] = O, t[24] = j, t[25] = C, t[26] = w, t[27] = T, t[28] = M) : M = t[28], M;
-}
-function $(e) {
-	let n = p(48), { applyLabel: r, cancelLabel: i, className: o, title: s, trigger: c } = e, l = r === void 0 ? "Apply" : r, d = i === void 0 ? "Cancel" : i, m = s === void 0 ? "Configure table" : s, { columnVisibility: h, orderedColumns: g, setColumnOrder: _, setColumnVisibility: v } = Y(), y;
-	n[0] === g ? y = n[1] : (y = g.filter(Ae), n[0] = g, n[1] = y);
-	let b = y, x = u({}), [S, C] = j(!1), T;
-	n[2] === b ? T = n[3] : (T = () => b.map(ke), n[2] = b, n[3] = T);
-	let [E, D] = j(T), O;
-	n[4] === h ? O = n[5] : (O = () => h, n[4] = h, n[5] = O);
-	let [k, A] = j(O), M;
-	n[6] === b ? M = n[7] : (M = new Map(b.map(Oe)), n[6] = b, n[7] = M);
-	let U = M, G;
-	n[8] !== h || n[9] !== b || n[10] !== C ? (G = (e) => {
-		e && (D(b.map(De)), A(h)), C(e);
-	}, n[8] = h, n[9] = b, n[10] = C, n[11] = G) : G = n[11];
-	let ee = G, q;
-	n[12] === Symbol.for("react.memo_cache_sentinel") ? (q = { activationConstraint: { distance: 4 } }, n[12] = q) : q = n[12];
-	let J;
-	n[13] === Symbol.for("react.memo_cache_sentinel") ? (J = { coordinateGetter: H }, n[13] = J) : J = n[13];
-	let te = B(z(L, q), z(I, J)), ne;
-	n[14] === Symbol.for("react.memo_cache_sentinel") ? (ne = (e) => {
+	}), t[21] = m, t[22] = x, t[23] = O, t[24] = A, t[25] = S, t[26] = C, t[27] = T, t[28] = j) : j = t[28], j;
+}
+function Ge(e) {
+	let n = h(48), { applyLabel: r, cancelLabel: i, className: o, title: s, trigger: c } = e, l = r === void 0 ? "Apply" : r, u = i === void 0 ? "Cancel" : i, d = s === void 0 ? "Configure table" : s, { columnVisibility: p, orderedColumns: g, setColumnOrder: _, setColumnVisibility: v } = _e(), y;
+	n[0] === g ? y = n[1] : (y = g.filter(Xe), n[0] = g, n[1] = y);
+	let b = y, x = f({}), [S, C] = P(!1), w;
+	n[2] === b ? w = n[3] : (w = () => b.map(Ye), n[2] = b, n[3] = w);
+	let [T, D] = P(w), O;
+	n[4] === p ? O = n[5] : (O = () => p, n[4] = p, n[5] = O);
+	let [k, A] = P(O), j;
+	n[6] === b ? j = n[7] : (j = new Map(b.map(Je)), n[6] = b, n[7] = j);
+	let M = j, N;
+	n[8] !== p || n[9] !== b || n[10] !== C ? (N = (e) => {
+		e && (D(b.map(qe)), A(p)), C(e);
+	}, n[8] = p, n[9] = b, n[10] = C, n[11] = N) : N = n[11];
+	let F = N, K;
+	n[12] === Symbol.for("react.memo_cache_sentinel") ? (K = { activationConstraint: { distance: 4 } }, n[12] = K) : K = n[12];
+	let q;
+	n[13] === Symbol.for("react.memo_cache_sentinel") ? (q = { coordinateGetter: G }, n[13] = q) : q = n[13];
+	let ne = U(H(B, K), H(z, q)), re;
+	n[14] === Symbol.for("react.memo_cache_sentinel") ? (re = (e) => {
 		let { active: t, over: n } = e;
-		D((e) => f(e, String(t.id), n == null ? null : String(n.id)));
-	}, n[14] = ne) : ne = n[14];
-	let re = ne, Z;
-	n[15] === Symbol.for("react.memo_cache_sentinel") ? (Z = (e) => {
+		D((e) => m(e, String(t.id), n == null ? null : String(n.id)));
+	}, n[14] = re) : re = n[14];
+	let ie = re, ae;
+	n[15] === Symbol.for("react.memo_cache_sentinel") ? (ae = (e) => {
 		A((t) => ({
 			...t,
 			[e]: t[e] === !1
 		}));
-	}, n[15] = Z) : Z = n[15];
-	let ie = Z, ae;
-	n[16] !== b || n[17] !== E || n[18] !== k || n[19] !== _ || n[20] !== v || n[21] !== C ? (ae = () => {
-		let e = b.map(Ee), t = new Set(e);
-		_(E.filter((e) => t.has(e))), v(K(k, e)), C(!1);
-	}, n[16] = b, n[17] = E, n[18] = k, n[19] = _, n[20] = v, n[21] = C, n[22] = ae) : ae = n[22];
-	let oe = ae, se;
-	n[23] === c ? se = n[24] : (se = c ?? /* @__PURE__ */ N(t, {
+	}, n[15] = ae) : ae = n[15];
+	let J = ae, oe;
+	n[16] !== b || n[17] !== T || n[18] !== k || n[19] !== _ || n[20] !== v || n[21] !== C ? (oe = () => {
+		let e = b.map(Ke), t = new Set(e);
+		_(T.filter((e) => t.has(e))), v(te(k, e)), C(!1);
+	}, n[16] = b, n[17] = T, n[18] = k, n[19] = _, n[20] = v, n[21] = C, n[22] = oe) : oe = n[22];
+	let se = oe, Y;
+	n[23] === c ? Y = n[24] : (Y = c ?? /* @__PURE__ */ I(t, {
 		"aria-label": "Configure table",
 		isIconOnly: !0,
 		variant: "ghost",
-		children: /* @__PURE__ */ N(w, {})
-	}), n[23] = c, n[24] = se);
+		children: /* @__PURE__ */ I(E, {})
+	}), n[23] = c, n[24] = Y);
 	let ce;
-	n[25] === se ? ce = n[26] : (ce = /* @__PURE__ */ N(a.Trigger, { children: se }), n[25] = se, n[26] = ce);
+	n[25] === Y ? ce = n[26] : (ce = /* @__PURE__ */ I(a.Trigger, { children: Y }), n[25] = Y, n[26] = ce);
 	let le;
 	n[27] === o ? le = n[28] : (le = X("p-1.5", o), n[27] = o, n[28] = le);
 	let ue = x.configPanel(), de = x.configList(), fe;
-	if (n[29] !== E || n[30] !== k || n[31] !== U) {
+	if (n[29] !== T || n[30] !== k || n[31] !== M) {
 		let e;
-		n[33] !== k || n[34] !== U ? (e = (e) => {
-			let t = U.get(e);
-			return t == null ? null : /* @__PURE__ */ N(Te, {
+		n[33] !== k || n[34] !== M ? (e = (e) => {
+			let t = M.get(e);
+			return t == null ? null : /* @__PURE__ */ I(We, {
 				column: t,
 				draftVisible: k[e] !== !1,
-				onToggleVisible: ie
+				onToggleVisible: J
 			}, e);
-		}, n[33] = k, n[34] = U, n[35] = e) : e = n[35], fe = E.map(e), n[29] = E, n[30] = k, n[31] = U, n[32] = fe;
+		}, n[33] = k, n[34] = M, n[35] = e) : e = n[35], fe = T.map(e), n[29] = T, n[30] = k, n[31] = M, n[32] = fe;
 	} else fe = n[32];
 	let pe = x.configActions(), me;
 	n[36] === C ? me = n[37] : (me = () => C(!1), n[36] = C, n[37] = me);
 	let he;
-	n[38] !== d || n[39] !== me ? (he = /* @__PURE__ */ N(t, {
+	n[38] !== u || n[39] !== me ? (he = /* @__PURE__ */ I(t, {
 		variant: "outline",
 		onClick: me,
-		children: d
-	}), n[38] = d, n[39] = me, n[40] = he) : he = n[40];
-	let Q;
-	n[41] !== oe || n[42] !== l ? (Q = /* @__PURE__ */ N(t, {
-		onClick: oe,
-		children: l
-	}), n[41] = oe, n[42] = l, n[43] = Q) : Q = n[43];
+		children: u
+	}), n[38] = u, n[39] = me, n[40] = he) : he = n[40];
 	let ge;
-	return n[44] !== pe || n[45] !== he || n[46] !== Q ? (ge = /* @__PURE__ */ P("div", {
+	n[41] !== se || n[42] !== l ? (ge = /* @__PURE__ */ I(t, {
+		onClick: se,
+		children: l
+	}), n[41] = se, n[42] = l, n[43] = ge) : ge = n[43];
+	let ve;
+	return n[44] !== pe || n[45] !== he || n[46] !== ge ? (ve = /* @__PURE__ */ L("div", {
 		className: pe,
-		children: [he, Q]
-	}), n[44] = pe, n[45] = he, n[46] = Q, n[47] = ge) : ge = n[47], /* @__PURE__ */ P(a, {
+		children: [he, ge]
+	}), n[44] = pe, n[45] = he, n[46] = ge, n[47] = ve) : ve = n[47], /* @__PURE__ */ L(a, {
 		open: S,
-		onOpenChange: ee,
-		children: [ce, /* @__PURE__ */ N(a.Content, {
+		onOpenChange: F,
+		children: [ce, /* @__PURE__ */ I(a.Content, {
 			align: "start",
 			className: le,
-			children: /* @__PURE__ */ P("div", {
+			children: /* @__PURE__ */ L("div", {
 				className: ue,
 				children: [
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ I("div", {
 						className: x.configTitle(),
-						children: m
+						children: d
 					}),
-					/* @__PURE__ */ N("div", { className: x.configSeparator() }),
-					/* @__PURE__ */ N(F, {
-						collisionDetection: R,
-						sensors: te,
-						onDragEnd: re,
-						children: /* @__PURE__ */ N(V, {
-							items: E,
-							strategy: W,
-							children: /* @__PURE__ */ N("div", {
+					/* @__PURE__ */ I("div", { className: x.configSeparator() }),
+					/* @__PURE__ */ I(R, {
+						collisionDetection: V,
+						sensors: ne,
+						onDragEnd: ie,
+						children: /* @__PURE__ */ I(W, {
+							items: T,
+							strategy: ee,
+							children: /* @__PURE__ */ I("div", {
 								className: de,
 								children: fe
 							})
 						})
 					}),
-					/* @__PURE__ */ N("div", { className: x.configSeparator() }),
-					ge
+					/* @__PURE__ */ I("div", { className: x.configSeparator() }),
+					ve
 				]
 			})
 		})]
 	});
 }
-function Ee(e) {
+function Ke(e) {
 	return e.id;
 }
-function De(e) {
+function qe(e) {
 	return e.id;
 }
-function Oe(e) {
+function Je(e) {
 	return [e.id, e];
 }
-function ke(e) {
+function Ye(e) {
 	return e.id;
 }
-function Ae(e) {
+function Xe(e) {
 	return !e.system;
 }
 //#endregion
-export { $ as OxDataTableColumnConfig, ge as OxDataTableDivider, ve as OxDataTableFilterChips, ye as OxDataTableFilterMenu, we as OxDataTableFooter, Ce as OxDataTablePagination, ie as OxDataTableRoot, Se as OxDataTableSelectionActions, be as OxDataTableSkeleton, he as OxDataTableToolbar, Q as OxDataTableToolbarGroup };
+export { Ge as OxDataTableColumnConfig, Le as OxDataTableDivider, ze as OxDataTableFilterChips, Be as OxDataTableFilterMenu, Ue as OxDataTableFooter, Q as OxDataTablePagination, we as OxDataTableRoot, Z as OxDataTableSelectionActions, Ve as OxDataTableSkeleton, Fe as OxDataTableToolbar, Ie as OxDataTableToolbarGroup };