@noxickon/onyx 6.3.0 → 6.5.0

package/dist/components/DataTable/DataTable.js

@@ -2,83 +2,81 @@ import { createCompoundContext as e } from "../../internal/context/createCompoun
 import { OxButton as t } from "../Button/Button.js";
 import { OxDropdown as n } from "../Dropdown/index.js";
 import { OxCheckbox as r } from "../Checkbox/Checkbox.js";
-import { OxPopover as i } from "../Popover/index.js";
-import { OxSkeleton as a } from "../Skeleton/Skeleton2.js";
-import { useControllableState as o } from "../../internal/hooks/useControllableState/useControllableState.js";
-import { OxTable as s } from "../Table/index.js";
-import { dataTableVariants as c } from "./DataTable.styles.js";
-import { orderColumnIds as l, reorderColumns as u } from "./DataTable.utils.js";
-import { c as d } from "react/compiler-runtime";
-import { ArrowDown as f, ArrowUp as p, ArrowUpDown as m, ChevronLeft as h, ChevronRight as g, EllipsisVertical as _, EyeOff as v, GripVertical as y, Lock as b, Settings2 as x, Snowflake as S } from "lucide-react";
-import { Children as C, isValidElement as w, useId as T, useRef as E, useState as D } from "react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { DndContext as j, KeyboardSensor as M, PointerSensor as N, closestCenter as P, useSensor as F, useSensors as I } from "@dnd-kit/core";
-import { SortableContext as L, sortableKeyboardCoordinates as R, useSortable as z, verticalListSortingStrategy as B } from "@dnd-kit/sortable";
-import { CSS as V } from "@dnd-kit/utilities";
-import { pick as H } from "es-toolkit";
+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";
 //#region src/components/DataTable/DataTable.tsx
-var U = "__ox-expand", W = "__ox-select", ee = [
+var ee = "__ox-expand", q = "__ox-select", J = [
 	"w-3/5",
 	"w-2/5",
 	"w-4/5"
-], { Provider: te, useRequiredContext: G } = e("OxDataTable"), K = (...e) => e.filter(Boolean).join(" ") || void 0, ne = (e) => {
+], { Provider: te, useRequiredContext: Y } = e("OxDataTable"), X = (...e) => e.filter(Boolean).join(" ") || void 0, ne = (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, ie = (e) => w(e) && e.type === Z;
-function q(e) {
-	let t = d(61), { caption: n, children: r, className: i, columnOrder: u, columnVisibility: f, columns: p, data: m, defaultColumnOrder: h, defaultColumnVisibility: g, defaultExpandedRows: _, defaultFrozenColumns: v, defaultPage: y, defaultSelectedRows: b, defaultSort: x, density: S, emptyState: w, endReachedThreshold: D, frozenColumns: O, getRowCanExpand: j, getRowId: M, hover: N, loading: P, maxHeight: F, onColumnOrderChange: I, onColumnVisibilityChange: L, onEndReached: R, onFrozenColumnsChange: z, onPageChange: B, onSelectionChange: V, onSortChange: H, page: G, pageSize: re, paginationMode: ie, renderExpandedRow: q, rowCount: pe, selectable: me, selectedRows: he, sort: J, stickyHeader: Y } = e, X = x === void 0 ? null : x, Z = S === void 0 ? "comfortable" : S, ge = w === void 0 ? "No results." : w, _e = D === void 0 ? 320 : D, ve = N === void 0 ? !0 : N, ye = P === void 0 ? !1 : P, be = re === void 0 ? 10 : re, xe = ie === void 0 ? "pages" : ie, Se = me === void 0 ? !1 : me, Ce = Y === void 0 ? !0 : Y, we = T(), Q = c({ density: Z }), Te = new Map(p.map(de)), Ee = ue, De;
-	t[0] !== p || t[1] !== h ? (De = h ?? p.map(le), t[0] = p, t[1] = h, t[2] = De) : De = t[2];
-	let Oe;
-	t[3] !== u || t[4] !== I || t[5] !== De ? (Oe = {
-		prop: u,
-		defaultProp: De,
+}, 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 = {
+		prop: a,
+		defaultProp: Oe,
 		onChange: I
-	}, t[3] = u, t[4] = I, t[5] = De, t[6] = Oe) : Oe = t[6];
-	let [ke, Ae] = o(Oe), je;
-	t[7] === g ? je = t[8] : (je = g ?? {}, t[7] = g, t[8] = je);
-	let Me;
-	t[9] !== f || t[10] !== L || t[11] !== je ? (Me = {
-		prop: f,
-		defaultProp: je,
+	}, 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] = f, t[10] = L, t[11] = je, t[12] = Me) : Me = t[12];
-	let [Ne, Pe] = o(Me), Fe;
-	t[13] === v ? Fe = t[14] : (Fe = v ?? [], t[13] = v, t[14] = Fe);
-	let Ie;
-	t[15] !== O || t[16] !== z || t[17] !== Fe ? (Ie = {
-		prop: O,
-		defaultProp: Fe,
+	}, 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] = O, t[16] = z, t[17] = Fe, t[18] = Ie) : Ie = t[18];
-	let [Le, Re] = o(Ie), ze;
-	t[19] !== X || t[20] !== J ? (ze = {
-		prop: J,
-		defaultProp: X
-	}, t[19] = X, t[20] = J, t[21] = ze) : ze = t[21];
-	let [Be, Ve] = o(ze), He;
-	t[22] === b ? He = t[23] : (He = b ?? /* @__PURE__ */ new Set(), t[22] = b, t[23] = He);
-	let Ue;
-	t[24] !== V || t[25] !== he || t[26] !== He ? (Ue = {
-		prop: he,
-		defaultProp: He,
+	}, 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] = he, t[26] = He, t[27] = Ue) : Ue = t[27];
-	let [We, Ge] = o(Ue), Ke = y ?? 1, qe;
-	t[28] !== B || t[29] !== G || t[30] !== Ke ? (qe = {
-		prop: G,
-		defaultProp: Ke,
+	}, 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,
 		onChange: B
-	}, t[28] = B, t[29] = G, t[30] = Ke, t[31] = qe) : qe = t[31];
-	let [Je, Ye] = o(qe), Xe = l(p, ke), Ze;
-	t[32] === Ne ? Ze = t[33] : (Ze = (e) => Ne[e] !== !1, t[32] = Ne, t[33] = Ze);
-	let Qe = Ze, $e = Xe.map((e) => Te.get(e)).filter(ce), et;
-	t[34] === Qe ? et = t[35] : (et = (e) => Qe(e.id), t[34] = Qe, t[35] = et);
-	let tt = $e.filter(et), nt = new Set(Le), rt = tt.filter((e) => nt.has(e.id)), it = [...rt, ...tt.filter((e) => !nt.has(e.id))], at = nt.size > 0, ot = [];
-	q && ot.push({
-		key: U,
+	}, 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,
 		width: 44
-	}), Se && ot.push({
-		key: W,
+	}), Ce && ot.push({
+		key: q,
 		width: 48
 	});
 	for (let e of rt) ot.push({
@@ -94,8 +92,8 @@ function q(e) {
 		if (st.has(e)) if (at) i = "left", r.left = st.get(e), e !== lt && (a = "shadow-none", o = "shadow-none");
 		else {
 			Object.assign(r, { "--ox-frozen-left": `${st.get(e)}px` });
-			let t = e === lt ? Q.frozenEdge() : void 0;
-			a = K(Q.frozenHead(), t), o = K(Q.frozenCell(), t);
+			let t = e === lt ? $.frozenEdge() : void 0;
+			a = X($.frozenHead(), t), o = X($.frozenCell(), t);
 		}
 		return {
 			sticky: i,
@@ -104,118 +102,117 @@ function q(e) {
 			style: Object.keys(r).length > 0 ? r : void 0
 		};
 	}, dt;
-	t[36] !== H || t[37] !== Ve || t[38] !== Be ? (dt = (e, t) => {
+	t[32] !== H || t[33] !== He || t[34] !== Ve ? (dt = (e, t) => {
 		let n;
-		n = t === void 0 ? !Be || Be.columnId !== e ? {
+		n = t === void 0 ? !Ve || Ve.columnId !== e ? {
 			columnId: e,
 			direction: "asc"
-		} : Be.direction === "asc" ? {
+		} : Ve.direction === "asc" ? {
 			columnId: e,
 			direction: "desc"
 		} : null : t === null ? null : {
 			columnId: e,
 			direction: t
-		}, Ve(n), H?.(e, n?.direction ?? null);
-	}, t[36] = H, t[37] = Ve, t[38] = Be, t[39] = dt) : dt = t[39];
+		}, 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[40] === Re ? pt = t[41] : (pt = (e) => {
-		Re((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, t[40] = Re, t[41] = 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[42] === Pe ? ht = t[43] : (ht = (e) => {
-		Pe((t) => ({
+	t[38] === Fe ? ht = t[39] : (ht = (e) => {
+		Fe((t) => ({
 			...t,
 			[e]: !1
 		}));
-	}, t[42] = Pe, t[43] = ht);
+	}, t[38] = Fe, t[39] = ht);
 	let gt = ht, _t;
-	t[44] === Ge ? _t = t[45] : (_t = () => Ge(/* @__PURE__ */ new Set()), t[44] = Ge, t[45] = _t);
+	t[40] === Ke ? _t = t[41] : (_t = () => Ke(/* @__PURE__ */ new Set()), t[40] = Ke, t[41] = _t);
 	let vt = _t, yt;
-	t[46] !== M || t[47] !== We ? (yt = (e) => We.has(M(e)), t[46] = M, t[47] = We, t[48] = yt) : yt = t[48];
-	let bt = m.filter(yt), xt = pe == null ? void 0 : Math.max(1, Math.ceil(pe / be)), St;
-	t[49] === Symbol.for("react.memo_cache_sentinel") ? (St = (e) => ({
-		header: e.header,
-		hideable: Ee(e),
-		id: e.id,
-		locked: e.locked ?? !1
-	}), t[49] = St) : St = t[49];
-	let Ct = {
-		baseId: we,
+	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: Ne,
-		density: Z,
+		columnVisibility: Pe,
+		density: ge,
 		frozenColumns: nt,
 		hideColumn: gt,
-		orderedColumns: $e.map(St),
-		page: Je,
+		orderedColumns: et.map((e) => ({
+			header: e.header,
+			hideable: De(e),
+			id: e.id,
+			locked: e.locked ?? !1,
+			system: e.system ?? !1
+		})),
+		page: Ye,
 		pageCount: xt,
-		pageSize: be,
-		paginationMode: xe,
+		pageSize: xe,
+		paginationMode: Se,
 		requestSort: ft,
-		rowCount: pe,
-		selectable: Se,
+		rowCount: Y,
+		selectable: Ce,
 		selectedCount: bt.length,
 		selectedRows: bt,
-		setColumnOrder: Ae,
-		setColumnVisibility: Pe,
-		setPage: Ye,
-		sort: Be,
+		setColumnOrder: je,
+		setColumnVisibility: Fe,
+		setPage: Xe,
+		sort: Ve,
 		toggleFrozen: mt
-	}, wt = E(!1), Tt;
-	t[50] !== _e || t[51] !== R || t[52] !== xe ? (Tt = (e) => {
-		if (xe !== "infinite" || !R) return;
+	}, 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 <= _e ? wt.current || (wt.current = !0, R()) : wt.current = !1;
-	}, t[50] = _e, t[51] = R, t[52] = xe, t[53] = Tt) : Tt = t[53];
-	let Et = Tt, Dt, Ot;
-	if (t[54] !== r) {
-		let e = C.toArray(r);
-		Ot = e.filter(se), Dt = e.filter(oe), t[54] = r, t[55] = Dt, t[56] = Ot;
-	} else Dt = t[55], Ot = t[56];
-	let kt = Dt, At = it.length + +!!Se + +!!q, $ = ut(U), jt = ut(W), Mt = at ? void 0 : Q.selectCol(), Nt = ae, Pt = () => ye && xe === "pages" ? Array.from({ length: Math.min(be, 8) }, (e, t) => /* @__PURE__ */ A(s.Row, { children: [
-		q != null && /* @__PURE__ */ k(s.Cell, {
-			className: K("w-11", $.cellClass),
-			sticky: $.sticky,
-			style: $.style
+		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
 		}),
-		Se && /* @__PURE__ */ k(s.Cell, {
-			className: K(Mt, jt.cellClass),
+		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__ */ k(s.Cell, {
+			return /* @__PURE__ */ N(c.Cell, {
 				align: e.align,
 				className: r.cellClass,
 				sticky: r.sticky,
 				style: r.style,
-				children: /* @__PURE__ */ k(a, { className: K("h-2.5", ee[(t + n) % ee.length]) })
+				children: /* @__PURE__ */ N(o, { className: X("h-2.5", J[(t + n) % J.length]) })
 			}, e.id);
 		})
-	] }, `__ox-skeleton-${t}`)) : m.length === 0 ? /* @__PURE__ */ k(s.Row, { children: /* @__PURE__ */ k(s.Cell, {
-		className: Q.empty(),
-		colSpan: At || 1,
-		children: ge
+	] }, `__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 = M(e), n = q != null && (j?.(e) ?? !0), r = [/* @__PURE__ */ A(s.Row, {
+		let t = O(e), n = K != null && (D?.(e) ?? !0), r = [/* @__PURE__ */ P(c.Row, {
 			rowId: t,
 			children: [
-				q != null && /* @__PURE__ */ k(s.Cell, {
+				K != null && /* @__PURE__ */ N(c.Cell, {
 					align: "center",
-					className: K("w-11", $.cellClass),
-					sticky: $.sticky,
-					style: $.style,
-					children: n && /* @__PURE__ */ k(s.ExpandTrigger, {})
+					className: X("w-11", At.cellClass),
+					sticky: At.sticky,
+					style: At.style,
+					children: n && /* @__PURE__ */ N(c.ExpandTrigger, {})
 				}),
-				Se && /* @__PURE__ */ k(s.SelectCell, {
-					className: K(Mt, jt.cellClass),
+				Ce && /* @__PURE__ */ N(c.SelectCell, {
+					className: X(Mt, jt.cellClass),
 					sticky: jt.sticky,
 					style: jt.style
 				}),
 				it.map((t) => {
 					let n = ut(t.id, t.width, t.minWidth);
-					return /* @__PURE__ */ k(s.Cell, {
+					return /* @__PURE__ */ N(c.Cell, {
 						align: t.align,
 						className: n.cellClass,
 						sticky: n.sticky,
@@ -225,57 +222,57 @@ function q(e) {
 				})
 			]
 		}, t)];
-		return n && r.push(/* @__PURE__ */ k(s.ExpandedRow, {
+		return n && r.push(/* @__PURE__ */ N(c.ExpandedRow, {
 			rowId: t,
-			children: q(e)
+			children: K(e)
 		}, `${t}__detail`)), r;
 	}), Ft;
-	t[57] === F ? Ft = t[58] : (Ft = F == null ? void 0 : { maxHeight: F }, t[57] = F, t[58] = Ft);
+	t[52] === F ? Ft = t[53] : (Ft = F == null ? void 0 : { maxHeight: F }, t[52] = F, t[53] = Ft);
 	let It;
-	return t[59] === n ? It = t[60] : (It = n != null && /* @__PURE__ */ k(s.Caption, { children: n }), t[59] = n, t[60] = It), /* @__PURE__ */ k(te, {
-		value: Ct,
-		children: /* @__PURE__ */ A("div", {
-			className: Q.root({ class: i }),
+	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 }),
 			"data-ox-slot": "data-table",
 			children: [
-				Ot,
-				/* @__PURE__ */ A("div", {
-					"aria-busy": ye || void 0,
-					className: Q.scroll(),
+				Dt,
+				/* @__PURE__ */ P("div", {
+					"aria-busy": be || void 0,
+					className: $.scroll(),
 					"data-ox-slot": "data-table-scroll",
 					style: Ft,
-					onScroll: Et,
-					children: [/* @__PURE__ */ A(s, {
+					onScroll: Tt,
+					children: [/* @__PURE__ */ P(c, {
 						defaultExpandedRows: _,
-						density: Z,
-						hover: ve,
-						selectable: Se,
-						selectedRows: We,
-						stickyHeader: Ce,
+						density: ge,
+						hover: ye,
+						selectable: Ce,
+						selectedRows: Ge,
+						stickyHeader: we,
 						unwrapped: !0,
-						onSelectedChange: Ge,
+						onSelectedChange: Ke,
 						children: [
 							It,
-							/* @__PURE__ */ k(s.Header, { children: /* @__PURE__ */ A(s.Row, { children: [
-								q != null && /* @__PURE__ */ k(s.Head, {
-									className: K("w-11", $.headClass),
-									sticky: $.sticky,
-									style: $.style
+							/* @__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
 								}),
-								Se && /* @__PURE__ */ k(s.SelectAllCell, {
-									className: K(Mt, jt.headClass),
+								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__ */ k(fe, {
+									return /* @__PURE__ */ N(me, {
 										id: e.id,
 										align: e.align,
 										className: t.headClass,
 										freezable: e.freezable,
 										header: e.header,
-										hideable: Ee(e),
+										hideable: De(e),
 										locked: e.locked,
 										sortable: e.sortable,
 										sticky: t.sticky,
@@ -283,18 +280,18 @@ function q(e) {
 									}, e.id);
 								})
 							] }) }),
-							/* @__PURE__ */ k(s.Body, { children: Pt() })
+							/* @__PURE__ */ N(c.Body, { children: Pt() })
 						]
-					}), xe === "infinite" && ye && /* @__PURE__ */ A("div", {
-						className: Q.footer(),
+					}), Se === "infinite" && be && /* @__PURE__ */ P("div", {
+						className: $.footer(),
 						"data-ox-slot": "data-table-loading",
-						children: [/* @__PURE__ */ k("span", {
+						children: [/* @__PURE__ */ N("span", {
 							"aria-hidden": "true",
-							className: Q.spinner()
+							className: $.spinner()
 						}), "Loading more…"]
 					})]
 				}),
-				kt
+				Ot
 			]
 		})
 	});
@@ -303,79 +300,85 @@ function ae(e, t) {
 	return e.cell ? e.cell(t) : re(typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor]);
 }
 function oe(e) {
-	return ie(e);
+	return Z(e);
 }
 function se(e) {
-	return !ie(e);
+	return !Z(e);
 }
 function ce(e) {
-	return e != null;
+	return e.system;
 }
 function le(e) {
-	return e.id;
+	return !e.system;
 }
 function ue(e) {
-	return e.hideable ?? !e.locked;
+	return e != null;
 }
 function de(e) {
-	return [e.id, e];
+	return e.id;
 }
 function fe(e) {
-	let t = d(43), { align: r, className: i, freezable: a, header: o, hideable: l, id: u, locked: h, sortable: g, sticky: y, style: x } = e, { density: C, frozenColumns: w, hideColumn: T, requestSort: E, sort: D, toggleFrozen: j } = G(), M;
-	t[0] !== w || t[1] !== u ? (M = w.has(u), t[0] = w, t[1] = u, t[2] = M) : M = t[2];
-	let N = M, P = D?.columnId === u, F, I, L, R, z, B, V, H, U;
-	if (t[3] !== r || t[4] !== i || t[5] !== C || t[6] !== a || t[7] !== o || t[8] !== T || t[9] !== l || t[10] !== u || t[11] !== P || t[12] !== N || t[13] !== h || t[14] !== E || t[15] !== D?.direction || t[16] !== g || t[17] !== y || t[18] !== x || t[19] !== j) {
-		let e = c({
-			density: C,
-			sortActive: P
-		}), d = !!(g || a || l), w = /* @__PURE__ */ k(m, {
+	return e.system ? !1 : e.hideable ?? !e.locked;
+}
+function pe(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,
+			sortActive: j
+		}), p = !!(f || a || s), S = /* @__PURE__ */ N(g, {
 			"aria-hidden": "true",
 			className: e.headSortIcon()
 		});
-		P && (w = D?.direction === "desc" ? /* @__PURE__ */ k(f, {
+		j && (S = D?.direction === "desc" ? /* @__PURE__ */ N(m, {
 			"aria-hidden": "true",
 			className: e.headSortIcon()
-		}) : /* @__PURE__ */ k(p, {
+		}) : /* @__PURE__ */ N(h, {
 			"aria-hidden": "true",
 			className: e.headSortIcon()
-		})), F = s.Head, B = r, t[29] === i ? V = t[30] : (V = K("group/head", i), t[29] = i, t[30] = V), H = y, U = x, I = e.headCell(), L = h && /* @__PURE__ */ k(b, {
+		})), 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, {
 			"aria-hidden": "true",
 			className: e.lockIcon()
-		}), R = g ? /* @__PURE__ */ A("button", {
-			"aria-label": `Sort by ${typeof o == "string" ? o : u}`,
+		}), R = f ? /* @__PURE__ */ P("button", {
+			"aria-label": `Sort by ${typeof o == "string" ? o : l}`,
 			className: e.headSort(),
 			type: "button",
-			onClick: () => E(u),
-			children: [o, w]
-		}) : /* @__PURE__ */ k("span", { children: o }), z = d && /* @__PURE__ */ A(n, { children: [/* @__PURE__ */ k(n.Trigger, { children: /* @__PURE__ */ k("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", {
 			"aria-label": "Column options",
 			className: e.headMenuTrigger(),
 			type: "button",
-			children: /* @__PURE__ */ k(_, { className: "size-4" })
-		}) }), /* @__PURE__ */ A(n.Content, {
+			children: /* @__PURE__ */ N(y, { className: "size-4" })
+		}) }), /* @__PURE__ */ P(n.Content, {
 			align: "end",
 			children: [
-				g && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ A(n.Item, {
-					onClick: () => E(u, "asc"),
-					children: [/* @__PURE__ */ k(p, {}), "Sort ascending"]
-				}), /* @__PURE__ */ A(n.Item, {
-					onClick: () => E(u, "desc"),
-					children: [/* @__PURE__ */ k(f, {}), "Sort descending"]
+				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"]
 				})] }),
-				g && (a || l) && /* @__PURE__ */ k(n.Separator, {}),
-				a && /* @__PURE__ */ A(n.Item, {
-					onClick: () => j(u),
-					children: [/* @__PURE__ */ k(S, {}), N ? "Unfreeze column" : "Freeze column"]
+				f && (a || s) && /* @__PURE__ */ N(n.Separator, {}),
+				a && /* @__PURE__ */ P(n.Item, {
+					onClick: () => O(l),
+					children: [/* @__PURE__ */ N(T, {}), A ? "Unfreeze column" : "Freeze column"]
 				}),
-				l && /* @__PURE__ */ A(n.Item, {
-					onClick: () => T(u),
-					children: [/* @__PURE__ */ k(v, {}), "Hide column"]
+				s && /* @__PURE__ */ P(n.Item, {
+					onClick: () => w(l),
+					children: [/* @__PURE__ */ N(b, {}), "Hide column"]
 				})
 			]
-		})] }), t[3] = r, t[4] = i, t[5] = C, t[6] = a, t[7] = o, t[8] = T, t[9] = l, t[10] = u, t[11] = P, t[12] = N, t[13] = h, t[14] = E, t[15] = D?.direction, t[16] = g, t[17] = y, t[18] = x, t[19] = j, 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;
+		})] }), 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];
 	let W;
-	t[31] !== I || t[32] !== L || t[33] !== R || t[34] !== z ? (W = /* @__PURE__ */ A("span", {
+	t[31] !== I || t[32] !== L || t[33] !== R || t[34] !== z ? (W = /* @__PURE__ */ P("span", {
 		className: I,
 		children: [
 			L,
@@ -383,325 +386,509 @@ function fe(e) {
 			z
 		]
 	}), t[31] = I, t[32] = L, t[33] = R, t[34] = z, t[35] = W) : W = t[35];
-	let ee;
-	return t[36] !== F || t[37] !== W || t[38] !== B || t[39] !== V || t[40] !== H || t[41] !== U ? (ee = /* @__PURE__ */ k(F, {
+	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, {
 		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] = ee) : ee = t[42], ee;
+	}), 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;
 }
-function pe(e) {
-	let t = d(6), { children: n, className: r } = e, { density: i } = G(), a;
-	t[0] !== r || t[1] !== i ? (a = c({ density: i }).toolbar({ class: r }), t[0] = r, t[1] = i, t[2] = a) : a = t[2];
+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];
 	let o;
-	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ k("div", {
+	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ N("div", {
 		className: a,
 		"data-ox-slot": "toolbar",
 		children: n
 	}), t[3] = n, t[4] = a, t[5] = o) : o = t[5], o;
 }
-function me(e) {
-	let t = d(5), { children: n, className: r } = e, i;
-	t[0] === r ? i = t[1] : (i = c({}).toolbarGroup({ class: r }), t[0] = r, t[1] = i);
+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);
 	let a;
-	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ k("div", {
+	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ N("div", {
 		className: i,
 		"data-ox-slot": "toolbar-group",
 		children: n
 	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
 }
-function he() {
-	let e = d(1), t;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ k("span", {
+function ge() {
+	let e = p(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ N("span", {
 		"aria-hidden": "true",
-		className: c({}).divider(),
+		className: u({}).divider(),
 		"data-ox-slot": "toolbar-divider"
 	}), e[0] = t) : t = e[0], t;
 }
-function J(e) {
-	let t = d(5), { children: n, className: r } = e, i;
-	t[0] === r ? i = t[1] : (i = c({}).filterChips({ class: r }), t[0] = r, t[1] = i);
-	let a;
-	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ k("div", {
+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 = {
+		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({
+		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", {
 		className: i,
-		"data-ox-slot": "filter-chips",
-		children: n
-	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
-}
-function Y(e) {
-	let t = d(11), { children: n, fallback: r } = e, { clearSelection: i, selectedCount: a, selectedRows: o } = G();
-	if (a === 0) {
-		let e;
-		return t[0] === r ? e = t[1] : (e = r == null ? null : /* @__PURE__ */ k(O, { children: r }), t[0] = r, t[1] = e), e;
-	}
-	let s;
-	t[2] === Symbol.for("react.memo_cache_sentinel") ? (s = c({}).selectionActions(), t[2] = s) : s = t[2];
-	let l = o, u;
-	t[3] !== n || t[4] !== i || t[5] !== a || t[6] !== l ? (u = n({
-		clearSelection: i,
-		selectedCount: a,
-		selectedRows: l
-	}), t[3] = n, t[4] = i, t[5] = a, t[6] = l, t[7] = u) : u = t[7];
-	let f;
-	return t[8] !== s || t[9] !== u ? (f = /* @__PURE__ */ k("div", {
-		className: s,
-		"data-ox-slot": "selection-actions",
-		children: u
-	}), t[8] = s, t[9] = u, t[10] = f) : f = t[10], f;
+		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", {
+		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,
+		"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;
 }
-function X(e) {
-	let n = d(46), { className: r, layout: i, nextLabel: a, previousLabel: o } = e, s = i === void 0 ? "end" : i, l = a === void 0 ? "Next page" : a, u = o === void 0 ? "Previous page" : o, { page: f, pageCount: p, pageSize: m, rowCount: _, setPage: v } = G(), y, b, x, S, C, w;
-	if (n[0] !== r || n[1] !== s || n[2] !== l || n[3] !== f || n[4] !== p || n[5] !== m || n[6] !== u || n[7] !== _ || n[8] !== v) {
-		let e = c({ paginationLayout: s }), i = f > 1, a = p == null ? !0 : f < p, o = _ === 0 ? 0 : (f - 1) * m + 1, d = _ == null ? f * m : Math.min(f * m, _), T;
-		n[15] !== d || n[16] !== o ? (T = /* @__PURE__ */ A("span", {
-			className: "font-medium text-fg",
-			children: [
-				o,
-				"–",
-				d
-			]
-		}), n[15] = d, n[16] = o, n[17] = T) : T = n[17];
-		let E = /* @__PURE__ */ A("span", {
-			className: e.pagerSummary({ class: s === "split" ? "justify-self-center" : "" }),
-			children: [T, _ == null ? null : ` of ${_}`]
-		}), D = !i, j;
-		n[18] !== f || n[19] !== v ? (j = () => v(f - 1), n[18] = f, n[19] = v, n[20] = j) : j = n[20];
-		let M;
-		n[21] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ k(h, {}), n[21] = M) : M = n[21];
-		let N;
-		n[22] !== u || n[23] !== D || n[24] !== j ? (N = /* @__PURE__ */ k(t, {
-			"aria-label": u,
-			disabled: D,
-			isIconOnly: !0,
+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;
+	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 p = a.length, m;
+		n[10] !== p || n[11] !== s || n[12] !== o ? (m = o == null || p < 2 ? void 0 : /* @__PURE__ */ N(t, {
 			variant: "ghost",
-			onClick: j,
-			children: M
-		}), n[22] = u, n[23] = D, n[24] = j, n[25] = N) : N = n[25];
-		let P = N, F = !a, I;
-		n[26] !== f || n[27] !== v ? (I = () => v(f + 1), n[26] = f, n[27] = v, n[28] = I) : I = n[28];
-		let L;
-		n[29] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ k(g, {}), n[29] = L) : L = n[29];
-		let R;
-		n[30] !== l || n[31] !== F || n[32] !== I ? (R = /* @__PURE__ */ k(t, {
-			"aria-label": l,
-			disabled: F,
+			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,
+		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;
+}
+function ye(e) {
+	let n = p(30), { className: i, groups: o, trigger: s, triggerLabel: c } = e, l, d, f, m, h, 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, {
+			"aria-label": c ?? "Filter",
 			isIconOnly: !0,
 			variant: "ghost",
-			onClick: I,
-			children: L
-		}), n[30] = l, n[31] = F, n[32] = I, n[33] = R) : R = n[33];
-		let z = R;
-		y = e.pager({ class: r }), b = s, x = "pagination", S = s === "end" && /* @__PURE__ */ A(O, { children: [E, /* @__PURE__ */ A("span", {
-			className: e.pagerNav(),
-			children: [P, z]
-		})] }), n[34] !== s || n[35] !== z || n[36] !== P || n[37] !== E ? (C = s === "center" && /* @__PURE__ */ A(O, { children: [
-			P,
-			E,
-			z
-		] }), n[34] = s, n[35] = z, n[36] = P, n[37] = E, n[38] = C) : C = n[38], w = s === "split" && /* @__PURE__ */ A(O, { children: [
-			/* @__PURE__ */ k("span", {
-				className: e.pagerNav({ class: "justify-self-start" }),
-				children: P
+			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", {
+				className: e.configTitle(),
+				children: t.label
 			}),
-			E,
-			/* @__PURE__ */ k("span", {
-				className: e.pagerNav({ class: "justify-self-end" }),
-				children: z
-			})
-		] }), n[0] = r, n[1] = s, n[2] = l, n[3] = f, n[4] = p, n[5] = m, n[6] = u, n[7] = _, n[8] = v, n[9] = y, n[10] = b, n[11] = x, n[12] = S, n[13] = C, n[14] = w;
-	} else y = n[9], b = n[10], x = n[11], S = n[12], C = n[13], w = n[14];
-	let T;
-	return n[39] !== y || n[40] !== b || n[41] !== x || n[42] !== S || n[43] !== C || n[44] !== w ? (T = /* @__PURE__ */ A("div", {
-		className: y,
-		"data-layout": b,
-		"data-ox-slot": x,
+			t.options.map((n) => /* @__PURE__ */ P("label", {
+				className: e.filterMenuItem(),
+				children: [/* @__PURE__ */ N(r, {
+					checked: t.selected.has(n.value),
+					onCheckedChange: () => t.onToggle(n.value)
+				}), /* @__PURE__ */ N("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];
+	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];
+	let y;
+	n[21] !== l || n[22] !== h || n[23] !== g || n[24] !== v ? (y = /* @__PURE__ */ N(l, {
+		align: h,
+		className: g,
+		children: v
+	}), n[21] = l, n[22] = h, 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;
+}
+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", {
+			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);
+	let g;
+	t[9] !== c || t[10] !== h ? (g = /* @__PURE__ */ N("div", {
+		className: c,
+		children: h
+	}), t[9] = c, t[10] = h, 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", {
+		"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], _;
+}
+function xe(e, t) {
+	return /* @__PURE__ */ N(o, { 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;
+	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;
+	}
+	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({
+		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", {
+		className: l,
+		"data-ox-slot": "selection-actions",
+		children: f
+	}), t[8] = l, t[9] = f, t[10] = m) : m = t[10], m;
+}
+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 = {
+		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) {
+		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", {
+				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
+			});
+			if (F) {
+				if (b <= 1) {
+					B = /* @__PURE__ */ N("div", {
+						className: e.pager({ class: r }),
+						"data-layout": I,
+						"data-ox-slot": "pagination",
+						children: f
+					});
+					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,
+					disabled: D,
+					onClick: t
+				}), n[35] = D, n[36] = h, 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, {
+						current: e === E,
+						onClick: () => C(e),
+						children: e
+					}, e), n[43] = E, n[44] = C, n[45] = e) : e = n[45], o = j.map(e), n[39] = E, n[40] = j, n[41] = C, n[42] = o;
+				} else o = n[42];
+				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,
+					disabled: O,
+					onClick: s
+				}), n[49] = O, n[50] = m, 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,
+					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", {
+					className: e.pager({ class: r }),
+					"data-layout": I,
+					"data-ox-slot": "pagination",
+					children: d
+				});
+				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 w;
+			n[65] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ N(_, {}), 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,
+				isIconOnly: !0,
+				variant: "ghost",
+				onClick: g,
+				children: w
+			}), n[66] = h, n[67] = p, 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];
+			let ee;
+			n[73] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ N(v, {}), n[73] = ee) : ee = n[73];
+			let q;
+			n[74] !== m || n[75] !== G || n[76] !== K ? (q = /* @__PURE__ */ N(t, {
+				"aria-label": m,
+				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", {
+				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: [
+				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", {
+					className: e.pagerNav({ class: "justify-self-start" }),
+					children: W
+				}),
+				f,
+				/* @__PURE__ */ N("span", {
+					className: e.pagerNav({ class: "justify-self-end" }),
+					children: J
+				})
+			] });
+		}
+		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];
+	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", {
+		className: V,
+		"data-layout": H,
+		"data-ox-slot": U,
 		children: [
-			S,
-			C,
-			w
+			L,
+			R,
+			z
 		]
-	}), n[39] = y, n[40] = b, n[41] = x, n[42] = S, n[43] = C, n[44] = w, n[45] = T) : T = n[45], T;
+	}), 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;
 }
-function Z(e) {
-	let t = d(6), { children: n, className: r } = e, { density: i } = G(), a;
-	t[0] !== r || t[1] !== i ? (a = c({ density: i }).footerBar({ class: r }), t[0] = r, t[1] = i, t[2] = a) : a = t[2];
+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];
 	let o;
-	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ k("div", {
+	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ N("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 ge(e) {
-	let t = d(27), { column: n, draftVisible: i, onToggleVisible: a } = e, o = c({}), s;
-	t[0] !== n.id || t[1] !== n.locked ? (s = {
+function Te(e) {
+	let t = p(29), { column: n, draftVisible: i, onToggleVisible: a } = e, o = u({}), s = k(), 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] = s) : s = t[2];
-	let { attributes: l, isDragging: u, listeners: f, setNodeRef: p, transform: m, transition: h } = z(s), g;
-	t[3] === m ? g = t[4] : (g = V.Transform.toString(m), t[3] = m, t[4] = g);
-	let _ = u ? .6 : void 0, v;
-	t[5] !== g || t[6] !== _ || t[7] !== h ? (v = {
-		transform: g,
-		transition: h,
-		opacity: _
-	}, t[5] = g, t[6] = _, t[7] = h, t[8] = v) : v = t[8];
-	let b = v, x = o.configItem(), S = n.locked ? /* @__PURE__ */ k("span", {
+	}, 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;
+	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", {
 		"aria-hidden": "true",
 		className: o.configHandleLocked(),
-		children: /* @__PURE__ */ k(y, { className: "size-4" })
-	}) : /* @__PURE__ */ k("button", {
+		children: /* @__PURE__ */ N(S, { className: "size-4" })
+	}) : /* @__PURE__ */ N("button", {
 		"aria-label": "Drag to reorder",
 		className: o.configHandle(),
 		type: "button",
-		...l,
-		...f,
-		children: /* @__PURE__ */ k(y, { className: "size-4" })
-	}), C = `Toggle ${typeof n.header == "string" ? n.header : n.id}`, w = n.locked ? !0 : i, T = n.locked || !n.hideable, E;
-	t[9] !== n.id || t[10] !== a ? (E = () => a(n.id), t[9] = n.id, t[10] = a, t[11] = E) : E = t[11];
-	let D;
-	t[12] !== E || t[13] !== C || t[14] !== w || t[15] !== T ? (D = /* @__PURE__ */ k(r, {
-		"aria-label": C,
-		checked: w,
-		disabled: T,
-		onCheckedChange: E
-	}), t[12] = E, t[13] = C, t[14] = w, t[15] = T, t[16] = D) : D = t[16];
-	let O = o.configLabel(), j;
-	t[17] !== n.header || t[18] !== O ? (j = /* @__PURE__ */ k("span", {
-		className: O,
+		...d,
+		...m,
+		children: /* @__PURE__ */ N(S, { 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, {
+		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,
+		htmlFor: s,
 		children: n.header
-	}), t[17] = n.header, t[18] = O, t[19] = j) : j = t[19];
+	}), t[17] = n.header, t[18] = s, t[19] = A, t[20] = j) : j = t[20];
 	let M;
-	return t[20] !== p || t[21] !== b || t[22] !== D || t[23] !== j || t[24] !== x || t[25] !== S ? (M = /* @__PURE__ */ A("div", {
-		className: x,
-		ref: p,
-		style: b,
+	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,
+		style: x,
 		children: [
-			S,
-			D,
+			T,
+			O,
 			j
 		]
-	}), t[20] = p, t[21] = b, t[22] = D, t[23] = j, t[24] = x, t[25] = S, t[26] = M) : M = t[26], M;
+	}), 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(e) {
-	let n = d(46), { applyLabel: r, cancelLabel: a, className: o, title: s, trigger: l } = e, f = r === void 0 ? "Apply" : r, p = a === void 0 ? "Cancel" : a, m = s === void 0 ? "Configure table" : s, { columnVisibility: h, orderedColumns: g, setColumnOrder: _, setColumnVisibility: v } = G(), y = c({}), [b, S] = D(!1), C;
-	n[0] === g ? C = n[1] : (C = () => g.map(xe), n[0] = g, n[1] = C);
-	let [w, T] = D(C), E;
-	n[2] === h ? E = n[3] : (E = () => h, n[2] = h, n[3] = E);
-	let [O, z] = D(E), V;
-	n[4] === g ? V = n[5] : (V = new Map(g.map(be)), n[4] = g, n[5] = V);
-	let U = V, W;
-	n[6] !== h || n[7] !== g || n[8] !== S ? (W = (e) => {
-		e && (T(g.map(ye)), z(h)), S(e);
-	}, n[6] = h, n[7] = g, n[8] = S, n[9] = W) : W = n[9];
-	let ee = W, te;
-	n[10] === Symbol.for("react.memo_cache_sentinel") ? (te = { activationConstraint: { distance: 4 } }, n[10] = te) : te = n[10];
-	let ne;
-	n[11] === Symbol.for("react.memo_cache_sentinel") ? (ne = { coordinateGetter: R }, n[11] = ne) : ne = n[11];
-	let re = I(F(N, te), F(M, ne)), ie;
-	n[12] === Symbol.for("react.memo_cache_sentinel") ? (ie = (e) => {
+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) => {
 		let { active: t, over: n } = e;
-		T((e) => u(e, String(t.id), n == null ? null : String(n.id)));
-	}, n[12] = ie) : ie = n[12];
-	let q = ie, ae;
-	n[13] === Symbol.for("react.memo_cache_sentinel") ? (ae = (e) => {
-		z((t) => ({
+		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) => {
+		A((t) => ({
 			...t,
 			[e]: t[e] === !1
 		}));
-	}, n[13] = ae) : ae = n[13];
+	}, 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[14] !== w || n[15] !== O || n[16] !== g || n[17] !== _ || n[18] !== v || n[19] !== S ? (se = () => {
-		let e = g.map(ve), t = new Set(e);
-		_(w.filter((e) => t.has(e))), v(H(O, e)), S(!1);
-	}, n[14] = w, n[15] = O, n[16] = g, n[17] = _, n[18] = v, n[19] = S, n[20] = se) : se = n[20];
-	let ce = se, le;
-	n[21] === l ? le = n[22] : (le = l ?? /* @__PURE__ */ k(t, {
+	n[23] === c ? se = n[24] : (se = c ?? /* @__PURE__ */ N(t, {
 		"aria-label": "Configure table",
 		isIconOnly: !0,
 		variant: "ghost",
-		children: /* @__PURE__ */ k(x, {})
-	}), n[21] = l, n[22] = le);
-	let ue;
-	n[23] === le ? ue = n[24] : (ue = /* @__PURE__ */ k(i.Trigger, { children: le }), n[23] = le, n[24] = ue);
-	let de;
-	n[25] === o ? de = n[26] : (de = K("p-1.5", o), n[25] = o, n[26] = de);
-	let fe = y.configPanel(), pe = y.configList(), me;
-	if (n[27] !== w || n[28] !== O || n[29] !== U) {
+		children: /* @__PURE__ */ N(w, {})
+	}), n[23] = c, n[24] = se);
+	let ce;
+	n[25] === se ? ce = n[26] : (ce = /* @__PURE__ */ N(a.Trigger, { children: se }), n[25] = se, 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) {
 		let e;
-		n[31] !== O || n[32] !== U ? (e = (e) => {
+		n[33] !== k || n[34] !== U ? (e = (e) => {
 			let t = U.get(e);
-			return t == null ? null : /* @__PURE__ */ k(ge, {
+			return t == null ? null : /* @__PURE__ */ N(Te, {
 				column: t,
-				draftVisible: O[e] !== !1,
-				onToggleVisible: oe
+				draftVisible: k[e] !== !1,
+				onToggleVisible: ie
 			}, e);
-		}, n[31] = O, n[32] = U, n[33] = e) : e = n[33], me = w.map(e), n[27] = w, n[28] = O, n[29] = U, n[30] = me;
-	} else me = n[30];
-	let he = y.configActions(), J;
-	n[34] === S ? J = n[35] : (J = () => S(!1), n[34] = S, n[35] = J);
-	let Y;
-	n[36] !== p || n[37] !== J ? (Y = /* @__PURE__ */ k(t, {
+		}, 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;
+	} 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, {
 		variant: "outline",
-		onClick: J,
-		children: p
-	}), n[36] = p, n[37] = J, n[38] = Y) : Y = n[38];
-	let X;
-	n[39] !== ce || n[40] !== f ? (X = /* @__PURE__ */ k(t, {
-		onClick: ce,
-		children: f
-	}), n[39] = ce, n[40] = f, n[41] = X) : X = n[41];
-	let Z;
-	return n[42] !== he || n[43] !== Y || n[44] !== X ? (Z = /* @__PURE__ */ A("div", {
-		className: he,
-		children: [Y, X]
-	}), n[42] = he, n[43] = Y, n[44] = X, n[45] = Z) : Z = n[45], /* @__PURE__ */ A(i, {
-		open: b,
+		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];
+	let ge;
+	return n[44] !== pe || n[45] !== he || n[46] !== Q ? (ge = /* @__PURE__ */ P("div", {
+		className: pe,
+		children: [he, Q]
+	}), n[44] = pe, n[45] = he, n[46] = Q, n[47] = ge) : ge = n[47], /* @__PURE__ */ P(a, {
+		open: S,
 		onOpenChange: ee,
-		children: [ue, /* @__PURE__ */ k(i.Content, {
+		children: [ce, /* @__PURE__ */ N(a.Content, {
 			align: "start",
-			className: de,
-			children: /* @__PURE__ */ A("div", {
-				className: fe,
+			className: le,
+			children: /* @__PURE__ */ P("div", {
+				className: ue,
 				children: [
-					/* @__PURE__ */ k("div", {
-						className: y.configTitle(),
+					/* @__PURE__ */ N("div", {
+						className: x.configTitle(),
 						children: m
 					}),
-					/* @__PURE__ */ k("div", { className: y.configSeparator() }),
-					/* @__PURE__ */ k(j, {
-						collisionDetection: P,
-						sensors: re,
-						onDragEnd: q,
-						children: /* @__PURE__ */ k(L, {
-							items: w,
-							strategy: B,
-							children: /* @__PURE__ */ k("div", {
-								className: pe,
-								children: me
+					/* @__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", {
+								className: de,
+								children: fe
 							})
 						})
 					}),
-					/* @__PURE__ */ k("div", { className: y.configSeparator() }),
-					Z
+					/* @__PURE__ */ N("div", { className: x.configSeparator() }),
+					ge
 				]
 			})
 		})]
 	});
 }
-function ve(e) {
+function Ee(e) {
 	return e.id;
 }
-function ye(e) {
+function De(e) {
 	return e.id;
 }
-function be(e) {
+function Oe(e) {
 	return [e.id, e];
 }
-function xe(e) {
+function ke(e) {
 	return e.id;
 }
+function Ae(e) {
+	return !e.system;
+}
 //#endregion
-export { _e as OxDataTableColumnConfig, he as OxDataTableDivider, J as OxDataTableFilterChips, Z as OxDataTableFooter, X as OxDataTablePagination, q as OxDataTableRoot, Y as OxDataTableSelectionActions, pe as OxDataTableToolbar, me as OxDataTableToolbarGroup };
+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 };