@noxickon/onyx 6.3.0 → 6.4.0

package/dist/components/Button/Button.styles.d.ts

@@ -16,6 +16,9 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
         'soft-primary': {
             base: string[];
         };
+        'ghost-primary': {
+            base: string[];
+        };
         destructive: {
             base: string[];
         };
@@ -63,6 +66,9 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
         'soft-primary': {
             base: string[];
         };
+        'ghost-primary': {
+            base: string[];
+        };
         destructive: {
             base: string[];
         };
@@ -110,6 +116,9 @@ export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
         'soft-primary': {
             base: string[];
         };
+        'ghost-primary': {
+            base: string[];
+        };
         destructive: {
             base: string[];
         };

package/dist/components/Button/Button.styles.js

@@ -29,6 +29,7 @@ var n = ["h-auto rounded-sm px-0 tracking-normal shadow-none active:scale-100"],
 			outline: { base: ["text-fg-muted border-line", "ox-engaged:bg-surface-raised ox-engaged:text-fg ox-engaged:border-line-strong"] },
 			ghost: { base: ["text-fg-muted", "ox-engaged:bg-surface-raised ox-engaged:text-fg"] },
 			"soft-primary": { base: ["bg-primary-soft text-primary-soft-fg", "ox-engaged:bg-[color-mix(in_oklab,var(--primary-soft),var(--fg)_8%)]"] },
+			"ghost-primary": { base: ["text-primary-ink", "ox-engaged:bg-primary-soft"] },
 			destructive: { base: [
 				"bg-danger-solid text-danger-solid-fg",
 				t,

package/dist/components/DataTable/DataTable.js

@@ -17,73 +17,69 @@ import { SortableContext as L, sortableKeyboardCoordinates as R, useSortable as
 import { CSS as V } from "@dnd-kit/utilities";
 import { pick as H } from "es-toolkit";
 //#region src/components/DataTable/DataTable.tsx
-var U = "__ox-expand", W = "__ox-select", ee = [
+var U = "__ox-expand", W = "__ox-select", G = [
 	"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: ee, useRequiredContext: K } = e("OxDataTable"), q = (...e) => e.filter(Boolean).join(" ") || void 0, te = (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 = {
+}, ne = (e) => e == null ? null : typeof e == "string" || typeof e == "number" ? e : typeof e == "boolean" ? e ? "Yes" : "No" : null, re = (e) => w(e) && e.type === Q;
+function J(e) {
+	let t = d(56), { 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: K, pageSize: ne, paginationMode: re, renderExpandedRow: J, rowCount: me, selectable: he, selectedRows: ge, sort: Y, stickyHeader: X } = e, Z = x === void 0 ? null : x, Q = S === void 0 ? "comfortable" : S, _e = w === void 0 ? "No results." : w, ve = D === void 0 ? 320 : D, ye = N === void 0 ? !0 : N, be = P === void 0 ? !1 : P, xe = ne === void 0 ? 10 : ne, Se = re === void 0 ? "pages" : re, Ce = he === void 0 ? !1 : he, we = X === void 0 ? !0 : X, Te = T(), $ = c({ density: Q }), Ee = new Map(p.map(fe)), De = de, Oe;
+	t[0] !== p || t[1] !== h ? (Oe = h ?? p.map(ue), t[0] = p, t[1] = h, t[2] = Oe) : Oe = t[2];
+	let ke;
+	t[3] !== u || t[4] !== I || t[5] !== Oe ? (ke = {
 		prop: u,
-		defaultProp: De,
+		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 = {
+	}, t[3] = u, t[4] = I, t[5] = Oe, t[6] = ke) : ke = t[6];
+	let [Ae, je] = o(ke), Me;
+	t[7] === g ? Me = t[8] : (Me = g ?? {}, t[7] = g, t[8] = Me);
+	let Ne;
+	t[9] !== f || t[10] !== L || t[11] !== Me ? (Ne = {
 		prop: f,
-		defaultProp: je,
+		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 = {
+	}, t[9] = f, t[10] = L, t[11] = Me, t[12] = Ne) : Ne = t[12];
+	let [Pe, Fe] = o(Ne), Ie;
+	t[13] === v ? Ie = t[14] : (Ie = v ?? [], t[13] = v, t[14] = Ie);
+	let Le;
+	t[15] !== O || t[16] !== z || t[17] !== Ie ? (Le = {
 		prop: O,
-		defaultProp: Fe,
+		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] = O, t[16] = z, t[17] = Ie, t[18] = Le) : Le = t[18];
+	let [Re, ze] = o(Le), Be;
+	t[19] !== Z || t[20] !== Y ? (Be = {
+		prop: Y,
+		defaultProp: Z
+	}, t[19] = Z, t[20] = Y, t[21] = Be) : Be = t[21];
+	let [Ve, He] = o(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] !== ge || t[26] !== Ue ? (We = {
+		prop: ge,
+		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] = ge, t[26] = Ue, t[27] = We) : We = t[27];
+	let [Ge, Ke] = o(We), qe = y ?? 1, Je;
+	t[28] !== B || t[29] !== K || t[30] !== qe ? (Je = {
+		prop: K,
+		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({
+	}, t[28] = B, t[29] = K, t[30] = qe, t[31] = Je) : Je = t[31];
+	let [Ye, Xe] = o(Je), Ze = l(p, Ae), Qe = (e) => Pe[e] !== !1, $e = Ze.map((e) => Ee.get(e)).filter(le), et = [...$e.filter(ce), ...$e.filter(se)], 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 = [];
+	J && ot.push({
 		key: U,
 		width: 44
-	}), Se && ot.push({
+	}), Ce && ot.push({
 		key: W,
 		width: 48
 	});
 	for (let e of rt) ot.push({
 		key: e.id,
-		width: ne(e.width) ?? ne(e.minWidth) ?? 200
+		width: te(e.width) ?? te(e.minWidth) ?? 200
 	});
 	let st = /* @__PURE__ */ new Map(), ct = 0;
 	for (let e of ot) st.set(e.key, ct), ct += e.width;
@@ -94,8 +90,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 = q($.frozenHead(), t), o = q($.frozenCell(), t);
 		}
 		return {
 			sticky: i,
@@ -104,82 +100,81 @@ 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] !== M || t[43] !== Ge ? (yt = (e) => Ge.has(M(e)), t[42] = M, t[43] = Ge, t[44] = yt) : yt = t[44];
+	let bt = m.filter(yt), xt = me == null ? void 0 : Math.max(1, Math.ceil(me / xe)), St = {
+		baseId: Te,
 		clearSelection: vt,
-		columnVisibility: Ne,
-		density: Z,
+		columnVisibility: Pe,
+		density: Q,
 		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: me,
+		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 = E(!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) {
+		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 = 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
+		Dt = e.filter(oe), Et = e.filter(ae), t[49] = r, t[50] = Et, t[51] = Dt;
+	} else Et = t[50], Dt = t[51];
+	let Ot = Et, kt = it.length + +!!Ce + +!!J, At = ut(U), jt = ut(W), Mt = at ? void 0 : $.selectCol(), Nt = ie, Pt = () => be && Se === "pages" ? Array.from({ length: Math.min(xe, 8) }, (e, t) => /* @__PURE__ */ A(s.Row, { children: [
+		J != null && /* @__PURE__ */ k(s.Cell, {
+			className: q("w-11", At.cellClass),
+			sticky: At.sticky,
+			style: At.style
 		}),
-		Se && /* @__PURE__ */ k(s.Cell, {
-			className: K(Mt, jt.cellClass),
+		Ce && /* @__PURE__ */ k(s.Cell, {
+			className: q(Mt, jt.cellClass),
 			sticky: jt.sticky,
 			style: jt.style
 		}),
@@ -190,26 +185,26 @@ function q(e) {
 				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__ */ k(a, { className: q("h-2.5", G[(t + n) % G.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
+		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 = M(e), n = J != null && (j?.(e) ?? !0), r = [/* @__PURE__ */ A(s.Row, {
 			rowId: t,
 			children: [
-				q != null && /* @__PURE__ */ k(s.Cell, {
+				J != null && /* @__PURE__ */ k(s.Cell, {
 					align: "center",
-					className: K("w-11", $.cellClass),
-					sticky: $.sticky,
-					style: $.style,
+					className: q("w-11", At.cellClass),
+					sticky: At.sticky,
+					style: At.style,
 					children: n && /* @__PURE__ */ k(s.ExpandTrigger, {})
 				}),
-				Se && /* @__PURE__ */ k(s.SelectCell, {
-					className: K(Mt, jt.cellClass),
+				Ce && /* @__PURE__ */ k(s.SelectCell, {
+					className: q(Mt, jt.cellClass),
 					sticky: jt.sticky,
 					style: jt.style
 				}),
@@ -227,55 +222,55 @@ function q(e) {
 		}, t)];
 		return n && r.push(/* @__PURE__ */ k(s.ExpandedRow, {
 			rowId: t,
-			children: q(e)
+			children: J(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,
+	return t[54] === n ? It = t[55] : (It = n != null && /* @__PURE__ */ k(s.Caption, { children: n }), t[54] = n, t[55] = It), /* @__PURE__ */ k(ee, {
+		value: St,
 		children: /* @__PURE__ */ A("div", {
-			className: Q.root({ class: i }),
+			className: $.root({ class: i }),
 			"data-ox-slot": "data-table",
 			children: [
-				Ot,
+				Dt,
 				/* @__PURE__ */ A("div", {
-					"aria-busy": ye || void 0,
-					className: Q.scroll(),
+					"aria-busy": be || void 0,
+					className: $.scroll(),
 					"data-ox-slot": "data-table-scroll",
 					style: Ft,
-					onScroll: Et,
+					onScroll: Tt,
 					children: [/* @__PURE__ */ A(s, {
 						defaultExpandedRows: _,
-						density: Z,
-						hover: ve,
-						selectable: Se,
-						selectedRows: We,
-						stickyHeader: Ce,
+						density: Q,
+						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
+								J != null && /* @__PURE__ */ k(s.Head, {
+									className: q("w-11", At.headClass),
+									sticky: At.sticky,
+									style: At.style
 								}),
-								Se && /* @__PURE__ */ k(s.SelectAllCell, {
-									className: K(Mt, jt.headClass),
+								Ce && /* @__PURE__ */ k(s.SelectAllCell, {
+									className: q(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__ */ k(pe, {
 										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,
@@ -285,43 +280,49 @@ function q(e) {
 							] }) }),
 							/* @__PURE__ */ k(s.Body, { children: Pt() })
 						]
-					}), xe === "infinite" && ye && /* @__PURE__ */ A("div", {
-						className: Q.footer(),
+					}), Se === "infinite" && be && /* @__PURE__ */ A("div", {
+						className: $.footer(),
 						"data-ox-slot": "data-table-loading",
 						children: [/* @__PURE__ */ k("span", {
 							"aria-hidden": "true",
-							className: Q.spinner()
+							className: $.spinner()
 						}), "Loading more…"]
 					})]
 				}),
-				kt
+				Ot
 			]
 		})
 	});
 }
-function ae(e, t) {
-	return e.cell ? e.cell(t) : re(typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor]);
+function ie(e, t) {
+	return e.cell ? e.cell(t) : ne(typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor]);
+}
+function ae(e) {
+	return re(e);
 }
 function oe(e) {
-	return ie(e);
+	return !re(e);
 }
 function se(e) {
-	return !ie(e);
+	return e.system;
 }
 function ce(e) {
-	return e != null;
+	return !e.system;
 }
 function le(e) {
-	return e.id;
+	return e != null;
 }
 function ue(e) {
-	return e.hideable ?? !e.locked;
+	return e.id;
 }
 function de(e) {
-	return [e.id, e];
+	return e.system ? !1 : e.hideable ?? !e.locked;
 }
 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;
+	return [e.id, e];
+}
+function pe(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 } = K(), 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) {
@@ -338,7 +339,7 @@ function fe(e) {
 		}) : /* @__PURE__ */ k(p, {
 			"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 = s.Head, B = r, t[29] === i ? V = t[30] : (V = q("group/head", i), t[29] = i, t[30] = V), H = y, U = x, I = e.headCell(), L = h && /* @__PURE__ */ k(b, {
 			"aria-hidden": "true",
 			className: e.lockIcon()
 		}), R = g ? /* @__PURE__ */ A("button", {
@@ -383,17 +384,17 @@ 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__ */ k(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;
+function me(e) {
+	let t = d(6), { children: n, className: r } = e, { density: i } = K(), 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];
 	let o;
 	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ k("div", {
@@ -402,7 +403,7 @@ function pe(e) {
 		children: n
 	}), t[3] = n, t[4] = a, t[5] = o) : o = t[5], o;
 }
-function me(e) {
+function he(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);
 	let a;
@@ -412,7 +413,7 @@ function me(e) {
 		children: n
 	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
 }
-function he() {
+function ge() {
 	let e = d(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ k("span", {
 		"aria-hidden": "true",
@@ -420,7 +421,7 @@ function he() {
 		"data-ox-slot": "toolbar-divider"
 	}), e[0] = t) : t = e[0], t;
 }
-function J(e) {
+function Y(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;
@@ -430,8 +431,8 @@ function J(e) {
 		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();
+function X(e) {
+	let t = d(11), { children: n, fallback: r } = e, { clearSelection: i, selectedCount: a, selectedRows: o } = K();
 	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;
@@ -451,8 +452,8 @@ function Y(e) {
 		children: u
 	}), t[8] = s, t[9] = u, t[10] = f) : f = t[10], f;
 }
-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;
+function Z(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 } = K(), 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", {
@@ -524,8 +525,8 @@ function X(e) {
 		]
 	}), 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;
 }
-function Z(e) {
-	let t = d(6), { children: n, className: r } = e, { density: i } = G(), a;
+function Q(e) {
+	let t = d(6), { children: n, className: r } = e, { density: i } = K(), 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];
 	let o;
 	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ k("div", {
@@ -534,21 +535,21 @@ function Z(e) {
 		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 _e(e) {
+	let t = d(29), { column: n, draftVisible: i, onToggleVisible: a } = e, o = c({}), s = T(), l = n.locked || !n.hideable, u;
+	t[0] !== n.id || t[1] !== n.locked ? (u = {
 		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] = u) : u = t[2];
+	let { attributes: f, isDragging: p, listeners: m, setNodeRef: h, transform: g, transition: _ } = z(u), v;
+	t[3] === g ? v = t[4] : (v = V.Transform.toString(g), t[3] = g, t[4] = v);
+	let b = p ? .6 : void 0, x;
+	t[5] !== v || t[6] !== b || t[7] !== _ ? (x = {
+		transform: v,
+		transition: _,
+		opacity: b
+	}, t[5] = v, t[6] = b, t[7] = _, t[8] = x) : x = t[8];
+	let S = x, C = o.configItem(), w = l || void 0, E = n.locked ? /* @__PURE__ */ k("span", {
 		"aria-hidden": "true",
 		className: o.configHandleLocked(),
 		children: /* @__PURE__ */ k(y, { className: "size-4" })
@@ -556,152 +557,159 @@ function ge(e) {
 		"aria-label": "Drag to reorder",
 		className: o.configHandle(),
 		type: "button",
-		...l,
 		...f,
+		...m,
 		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 = n.locked ? !0 : i, O;
+	t[9] !== n.id || t[10] !== a ? (O = () => a(n.id), t[9] = n.id, t[10] = a, t[11] = O) : O = t[11];
+	let j;
+	t[12] !== l || t[13] !== s || t[14] !== D || t[15] !== O ? (j = /* @__PURE__ */ k(r, {
+		id: s,
+		checked: D,
+		disabled: l,
+		onCheckedChange: O
+	}), t[12] = l, t[13] = s, t[14] = D, t[15] = O, t[16] = j) : j = t[16];
+	let M = q(o.configLabel(), l ? "cursor-not-allowed opacity-50" : "cursor-pointer select-none"), N;
+	t[17] !== n.header || t[18] !== s || t[19] !== M ? (N = /* @__PURE__ */ k("label", {
+		className: M,
+		htmlFor: s,
 		children: n.header
-	}), t[17] = n.header, t[18] = O, t[19] = j) : j = t[19];
-	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,
+	}), t[17] = n.header, t[18] = s, t[19] = M, t[20] = N) : N = t[20];
+	let P;
+	return t[21] !== h || t[22] !== S || t[23] !== j || t[24] !== N || t[25] !== C || t[26] !== w || t[27] !== E ? (P = /* @__PURE__ */ A("div", {
+		className: C,
+		"data-disabled": w,
+		ref: h,
+		style: S,
 		children: [
-			S,
-			D,
-			j
+			E,
+			j,
+			N
 		]
-	}), 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] = S, t[23] = j, t[24] = N, t[25] = C, t[26] = w, t[27] = E, t[28] = P) : P = t[28], P;
 }
-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 ve(e) {
+	let n = d(48), { 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 } = K(), y;
+	n[0] === g ? y = n[1] : (y = g.filter(Ce), n[0] = g, n[1] = y);
+	let b = y, S = c({}), [C, w] = D(!1), T;
+	n[2] === b ? T = n[3] : (T = () => b.map(Se), n[2] = b, n[3] = T);
+	let [E, O] = D(T), z;
+	n[4] === h ? z = n[5] : (z = () => h, n[4] = h, n[5] = z);
+	let [V, U] = D(z), W;
+	n[6] === b ? W = n[7] : (W = new Map(b.map(xe)), n[6] = b, n[7] = W);
+	let G = W, ee;
+	n[8] !== h || n[9] !== b || n[10] !== w ? (ee = (e) => {
+		e && (O(b.map(be)), U(h)), w(e);
+	}, n[8] = h, n[9] = b, n[10] = w, n[11] = ee) : ee = n[11];
+	let te = ee, ne;
+	n[12] === Symbol.for("react.memo_cache_sentinel") ? (ne = { activationConstraint: { distance: 4 } }, n[12] = ne) : ne = n[12];
+	let re;
+	n[13] === Symbol.for("react.memo_cache_sentinel") ? (re = { coordinateGetter: R }, n[13] = re) : re = n[13];
+	let J = I(F(N, ne), F(M, re)), ie;
+	n[14] === Symbol.for("react.memo_cache_sentinel") ? (ie = (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) => ({
+		O((e) => u(e, String(t.id), n == null ? null : String(n.id)));
+	}, n[14] = ie) : ie = n[14];
+	let ae = ie, oe;
+	n[15] === Symbol.for("react.memo_cache_sentinel") ? (oe = (e) => {
+		U((t) => ({
 			...t,
 			[e]: t[e] === !1
 		}));
-	}, n[13] = ae) : ae = n[13];
-	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[15] = oe) : oe = n[15];
+	let se = oe, ce;
+	n[16] !== b || n[17] !== E || n[18] !== V || n[19] !== _ || n[20] !== v || n[21] !== w ? (ce = () => {
+		let e = b.map(ye), t = new Set(e);
+		_(E.filter((e) => t.has(e))), v(H(V, e)), w(!1);
+	}, n[16] = b, n[17] = E, n[18] = V, n[19] = _, n[20] = v, n[21] = w, n[22] = ce) : ce = n[22];
+	let le = ce, ue;
+	n[23] === l ? ue = n[24] : (ue = l ?? /* @__PURE__ */ k(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);
+	}), n[23] = l, 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) {
+	n[25] === ue ? de = n[26] : (de = /* @__PURE__ */ k(i.Trigger, { children: ue }), n[25] = ue, n[26] = de);
+	let fe;
+	n[27] === o ? fe = n[28] : (fe = q("p-1.5", o), n[27] = o, n[28] = fe);
+	let pe = S.configPanel(), me = S.configList(), he;
+	if (n[29] !== E || n[30] !== V || n[31] !== G) {
 		let e;
-		n[31] !== O || n[32] !== U ? (e = (e) => {
-			let t = U.get(e);
-			return t == null ? null : /* @__PURE__ */ k(ge, {
+		n[33] !== V || n[34] !== G ? (e = (e) => {
+			let t = G.get(e);
+			return t == null ? null : /* @__PURE__ */ k(_e, {
 				column: t,
-				draftVisible: O[e] !== !1,
-				onToggleVisible: oe
+				draftVisible: V[e] !== !1,
+				onToggleVisible: se
 			}, 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] = V, n[34] = G, n[35] = e) : e = n[35], he = E.map(e), n[29] = E, n[30] = V, n[31] = G, n[32] = he;
+	} else he = n[32];
+	let ge = S.configActions(), Y;
+	n[36] === w ? Y = n[37] : (Y = () => w(!1), n[36] = w, n[37] = Y);
+	let X;
+	n[38] !== p || n[39] !== Y ? (X = /* @__PURE__ */ k(t, {
 		variant: "outline",
-		onClick: J,
+		onClick: Y,
 		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];
+	}), n[38] = p, n[39] = Y, n[40] = X) : X = n[40];
 	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,
-		onOpenChange: ee,
-		children: [ue, /* @__PURE__ */ k(i.Content, {
+	n[41] !== le || n[42] !== f ? (Z = /* @__PURE__ */ k(t, {
+		onClick: le,
+		children: f
+	}), n[41] = le, n[42] = f, n[43] = Z) : Z = n[43];
+	let Q;
+	return n[44] !== ge || n[45] !== X || n[46] !== Z ? (Q = /* @__PURE__ */ A("div", {
+		className: ge,
+		children: [X, Z]
+	}), n[44] = ge, n[45] = X, n[46] = Z, n[47] = Q) : Q = n[47], /* @__PURE__ */ A(i, {
+		open: C,
+		onOpenChange: te,
+		children: [de, /* @__PURE__ */ k(i.Content, {
 			align: "start",
-			className: de,
+			className: fe,
 			children: /* @__PURE__ */ A("div", {
-				className: fe,
+				className: pe,
 				children: [
 					/* @__PURE__ */ k("div", {
-						className: y.configTitle(),
+						className: S.configTitle(),
 						children: m
 					}),
-					/* @__PURE__ */ k("div", { className: y.configSeparator() }),
+					/* @__PURE__ */ k("div", { className: S.configSeparator() }),
 					/* @__PURE__ */ k(j, {
 						collisionDetection: P,
-						sensors: re,
-						onDragEnd: q,
+						sensors: J,
+						onDragEnd: ae,
 						children: /* @__PURE__ */ k(L, {
-							items: w,
+							items: E,
 							strategy: B,
 							children: /* @__PURE__ */ k("div", {
-								className: pe,
-								children: me
+								className: me,
+								children: he
 							})
 						})
 					}),
-					/* @__PURE__ */ k("div", { className: y.configSeparator() }),
-					Z
+					/* @__PURE__ */ k("div", { className: S.configSeparator() }),
+					Q
 				]
 			})
 		})]
 	});
 }
-function ve(e) {
-	return e.id;
-}
 function ye(e) {
 	return e.id;
 }
 function be(e) {
-	return [e.id, e];
+	return e.id;
 }
 function xe(e) {
+	return [e.id, e];
+}
+function Se(e) {
 	return e.id;
 }
+function Ce(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 { ve as OxDataTableColumnConfig, ge as OxDataTableDivider, Y as OxDataTableFilterChips, Q as OxDataTableFooter, Z as OxDataTablePagination, J as OxDataTableRoot, X as OxDataTableSelectionActions, me as OxDataTableToolbar, he as OxDataTableToolbarGroup };

package/dist/components/DataTable/DataTable.styles.js

@@ -25,7 +25,7 @@ var t = e({
 		],
 		headSortIcon: "size-3.5 shrink-0 transition-colors",
 		headMenuTrigger: [
-			"inline-flex size-6 shrink-0 items-center justify-center rounded-sm text-fg-subtle",
+			"inline-flex size-6 shrink-0 items-center justify-center rounded-sm text-fg-subtle cursor-pointer",
 			"opacity-0 transition-[opacity,color,background-color] group-hover/head:opacity-100",
 			"hover:bg-fg/10 hover:text-fg data-[popup-open]:bg-fg/10 data-[popup-open]:opacity-100",
 			"focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-ink"
@@ -41,7 +41,7 @@ var t = e({
 		configPanel: "flex w-64 flex-col",
 		configTitle: "px-2 pt-1.5 pb-2 text-body font-semibold text-fg",
 		configList: "flex flex-col gap-0.5 py-1",
-		configItem: "flex items-center gap-2.5 rounded-control px-2 py-1.5 hover:bg-fg/8",
+		configItem: "flex items-center gap-2.5 rounded-control px-2 py-1.5 ox-interactive:hover:bg-fg/8",
 		configHandle: "shrink-0 cursor-grab text-fg-subtle active:cursor-grabbing",
 		configHandleLocked: "shrink-0 text-fg-subtle opacity-30",
 		configLabel: "flex-1 truncate text-body",

package/dist/components/DataTable/DataTable.types.d.ts

@@ -17,6 +17,7 @@ interface OxDataTableColumn<TRow> {
     locked?: boolean;
     minWidth?: number | string;
     sortable?: boolean;
+    system?: boolean;
     width?: number | string;
 }
 interface OxDataTableSortState {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noxickon/onyx",
-  "version": "6.3.0",
+  "version": "6.4.0",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",