@noxickon/onyx 5.0.2 → 6.1.0

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,14 @@
+import { OxTableBodyProps, OxTableCaptionProps, OxTableCellProps, OxTableExpandedRowProps, OxTableExpandTriggerProps, OxTableFooterProps, OxTableHeadProps, OxTableProps, OxTableRowProps, OxTableSectionProps, OxTableSelectAllCellProps, OxTableSelectCellProps } from './Table.types';
+declare function OxTableRoot({ children, className, defaultExpandedRows, defaultSelectedRows, density, dividers, hover, onSelectedChange, selectable, selectedRows, stickyHeader, stripe, unwrapped, wrapperClassName, ...props }: OxTableProps): import("react").JSX.Element;
+declare function OxTableHeader({ children, className, ...props }: OxTableSectionProps): import("react").JSX.Element;
+declare function OxTableBody({ children, className, ...props }: OxTableBodyProps): import("react").JSX.Element;
+declare function OxTableFooter({ children, className, ...props }: OxTableFooterProps): import("react").JSX.Element;
+declare function OxTableCaption({ children, className, ...props }: OxTableCaptionProps): import("react").JSX.Element;
+declare function OxTableRow({ children, className, rowId, selected, ...props }: OxTableRowProps): import("react").JSX.Element;
+declare function OxTableHead({ align, children, className, sticky, ...props }: OxTableHeadProps): import("react").JSX.Element;
+declare function OxTableCell({ align, children, className, sticky, ...props }: OxTableCellProps): import("react").JSX.Element;
+declare function OxTableSelectAllCell({ className, label, sticky, ...props }: OxTableSelectAllCellProps): import("react").JSX.Element | null;
+declare function OxTableSelectCell({ className, label, sticky, ...props }: OxTableSelectCellProps): import("react").JSX.Element | null;
+declare function OxTableExpandTrigger({ className, label, ...props }: OxTableExpandTriggerProps): import("react").JSX.Element;
+declare function OxTableExpandedRow({ children, className, colSpan, rowId, ...props }: OxTableExpandedRowProps): import("react").JSX.Element;
+export { OxTableBody, OxTableCaption, OxTableCell, OxTableExpandedRow, OxTableExpandTrigger, OxTableFooter, OxTableHead, OxTableHeader, OxTableRoot, OxTableRow, OxTableSelectAllCell, OxTableSelectCell, };

package/dist/components/Table/Table.js

@@ -0,0 +1,410 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { createCompoundContext as t, createCompoundContextWithDefault as n } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { OxCheckbox as r } from "../Checkbox/Checkbox.js";
+import { useControllableState as i } from "../../internal/hooks/useControllableState/useControllableState.js";
+import { tableVariants as a } from "./Table.styles.js";
+import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { ChevronRight as d } from "lucide-react";
+//#region src/components/Table/Table.tsx
+var f = e(), { Provider: p, useRequiredContext: m } = t("OxTable"), { Provider: h, useContext: g } = n("OxTableSection", "body"), { Provider: _, useContext: v } = n("OxTableRow", {}), y = (e, t) => `${e}-detail-${t}`;
+function b() {
+	let e = (0, f.c)(6), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ new Map(), e[0] = t) : t = e[0];
+	let n = c(t), r;
+	e[1] === Symbol.for("react.memo_cache_sentinel") ? (r = [], e[1] = r) : r = e[1];
+	let [i, a] = l(r), o;
+	e[2] === Symbol.for("react.memo_cache_sentinel") ? (o = () => {
+		a([...n.current.keys()]);
+	}, e[2] = o) : o = e[2];
+	let s = o, u;
+	e[3] === Symbol.for("react.memo_cache_sentinel") ? (u = (e) => (n.current.set(e, (n.current.get(e) ?? 0) + 1), s(), () => {
+		let t = n.current.get(e) - 1;
+		t <= 0 ? n.current.delete(e) : n.current.set(e, t), s();
+	}), e[3] = u) : u = e[3];
+	let d = u, p;
+	return e[4] === i ? p = e[5] : (p = {
+		ids: i,
+		register: d
+	}, e[4] = i, e[5] = p), p;
+}
+function x(e) {
+	let t = (0, f.c)(54), n, r, o, d, m, h, g, _, v, y, x, S, C, w, T;
+	t[0] === e ? (n = t[1], r = t[2], o = t[3], d = t[4], m = t[5], h = t[6], g = t[7], _ = t[8], v = t[9], y = t[10], x = t[11], S = t[12], C = t[13], w = t[14], T = t[15]) : ({children: n, className: r, defaultExpandedRows: o, defaultSelectedRows: d, density: _, dividers: v, hover: y, onSelectedChange: m, selectable: x, selectedRows: g, stickyHeader: S, stripe: C, unwrapped: w, wrapperClassName: T, ...h} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = o, t[4] = d, t[5] = m, t[6] = h, t[7] = g, t[8] = _, t[9] = v, t[10] = y, t[11] = x, t[12] = S, t[13] = C, t[14] = w, t[15] = T);
+	let E = _ === void 0 ? "comfortable" : _, D = v === void 0 ? "rows" : v, O = y === void 0 ? !0 : y, k = x === void 0 ? !1 : x, A = S === void 0 ? !0 : S, j = C === void 0 ? !1 : C, ee = w === void 0 ? !1 : w, M = s(), te = a({ density: E }), N;
+	t[16] === d ? N = t[17] : (N = d ?? /* @__PURE__ */ new Set(), t[16] = d, t[17] = N);
+	let P;
+	t[18] !== m || t[19] !== g || t[20] !== N ? (P = {
+		prop: g,
+		defaultProp: N,
+		onChange: m
+	}, t[18] = m, t[19] = g, t[20] = N, t[21] = P) : P = t[21];
+	let [F, I] = i(P), L;
+	t[22] === o ? L = t[23] : (L = () => o ?? /* @__PURE__ */ new Set(), t[22] = o, t[23] = L);
+	let [R, ne] = l(L), { ids: z, register: B } = b(), [V, re] = l(0), H = c(0), U;
+	t[24] === Symbol.for("react.memo_cache_sentinel") ? (U = () => (H.current += 1, re(H.current), () => {
+		--H.current, re(H.current);
+	}), t[24] = U) : U = t[24];
+	let ie = U, W;
+	t[25] === I ? W = t[26] : (W = (e) => {
+		I((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, t[25] = I, t[26] = W);
+	let G = W, K = "none";
+	if (z.length > 0) {
+		let e = z.filter((e) => F.has(e)).length;
+		e > 0 && (K = e === z.length ? "all" : "some");
+	}
+	let q;
+	t[27] !== z || t[28] !== I ? (q = () => {
+		I((e) => {
+			let t = new Set(e), n = z.every((e) => t.has(e));
+			for (let e of z) n ? t.delete(e) : t.add(e);
+			return t;
+		});
+	}, t[27] = z, t[28] = I, t[29] = q) : q = t[29];
+	let J = q, Y;
+	t[30] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => {
+		ne((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, t[30] = Y) : Y = t[30];
+	let ae = Y, X;
+	t[31] === F ? X = t[32] : (X = (e) => F.has(e), t[31] = F, t[32] = X);
+	let oe = X, Z;
+	t[33] === R ? Z = t[34] : (Z = (e) => R.has(e), t[33] = R, t[34] = Z);
+	let se = Z, Q;
+	t[35] !== M || t[36] !== V || t[37] !== E || t[38] !== D || t[39] !== O || t[40] !== se || t[41] !== oe || t[42] !== B || t[43] !== k || t[44] !== K || t[45] !== A || t[46] !== j || t[47] !== J || t[48] !== G ? (Q = {
+		baseId: M,
+		columnCount: V,
+		density: E,
+		dividers: D,
+		hover: O,
+		isRowExpanded: se,
+		isRowSelected: oe,
+		registerColumn: ie,
+		registerSelectableRow: B,
+		selectable: k,
+		selectionState: K,
+		stickyHeader: A,
+		stripe: j,
+		toggleAll: J,
+		toggleExpanded: ae,
+		toggleSelected: G
+	}, t[35] = M, t[36] = V, t[37] = E, t[38] = D, t[39] = O, t[40] = se, t[41] = oe, t[42] = B, t[43] = k, t[44] = K, t[45] = A, t[46] = j, t[47] = J, t[48] = G, t[49] = Q) : Q = t[49];
+	let ce = Q, le = /* @__PURE__ */ u("table", {
+		...h,
+		className: te.table({ class: r }),
+		"data-ox-slot": "table",
+		children: n
+	}), ue = p, de = ee ? le : /* @__PURE__ */ u("div", {
+		className: te.wrapper({ class: T }),
+		"data-ox-slot": "table-wrapper",
+		children: le
+	}), $;
+	return t[50] !== ue || t[51] !== ce || t[52] !== de ? ($ = /* @__PURE__ */ u(ue, {
+		value: ce,
+		children: de
+	}), t[50] = ue, t[51] = ce, t[52] = de, t[53] = $) : $ = t[53], $;
+}
+function S(e) {
+	let t = (0, f.c)(19), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({children: n, className: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let { density: o } = m(), s, c, l, d;
+	if (t[4] !== r || t[5] !== o || t[6] !== i) {
+		let e = a({ density: o });
+		s = h, d = "head", c = i, l = e.header({ class: r }), t[4] = r, t[5] = o, t[6] = i, t[7] = s, t[8] = c, t[9] = l, t[10] = d;
+	} else s = t[7], c = t[8], l = t[9], d = t[10];
+	let p;
+	t[11] !== n || t[12] !== c || t[13] !== l ? (p = /* @__PURE__ */ u("thead", {
+		...c,
+		className: l,
+		"data-ox-slot": "table-header",
+		children: n
+	}), t[11] = n, t[12] = c, t[13] = l, t[14] = p) : p = t[14];
+	let g;
+	return t[15] !== s || t[16] !== d || t[17] !== p ? (g = /* @__PURE__ */ u(s, {
+		value: d,
+		children: p
+	}), t[15] = s, t[16] = d, t[17] = p, t[18] = g) : g = t[18], g;
+}
+function C(e) {
+	let t = (0, f.c)(19), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({children: n, className: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let { density: o } = m(), s, c, l, d;
+	if (t[4] !== r || t[5] !== o || t[6] !== i) {
+		let e = a({ density: o });
+		s = h, d = "body", c = i, l = e.body({ class: r }), t[4] = r, t[5] = o, t[6] = i, t[7] = s, t[8] = c, t[9] = l, t[10] = d;
+	} else s = t[7], c = t[8], l = t[9], d = t[10];
+	let p;
+	t[11] !== n || t[12] !== c || t[13] !== l ? (p = /* @__PURE__ */ u("tbody", {
+		...c,
+		className: l,
+		"data-ox-slot": "table-body",
+		children: n
+	}), t[11] = n, t[12] = c, t[13] = l, t[14] = p) : p = t[14];
+	let g;
+	return t[15] !== s || t[16] !== d || t[17] !== p ? (g = /* @__PURE__ */ u(s, {
+		value: d,
+		children: p
+	}), t[15] = s, t[16] = d, t[17] = p, t[18] = g) : g = t[18], g;
+}
+function w(e) {
+	let t = (0, f.c)(19), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({children: n, className: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let { density: o } = m(), s, c, l, d;
+	if (t[4] !== r || t[5] !== o || t[6] !== i) {
+		let e = a({ density: o });
+		s = h, d = "foot", c = i, l = e.footer({ class: r }), t[4] = r, t[5] = o, t[6] = i, t[7] = s, t[8] = c, t[9] = l, t[10] = d;
+	} else s = t[7], c = t[8], l = t[9], d = t[10];
+	let p;
+	t[11] !== n || t[12] !== c || t[13] !== l ? (p = /* @__PURE__ */ u("tfoot", {
+		...c,
+		className: l,
+		"data-ox-slot": "table-footer",
+		children: n
+	}), t[11] = n, t[12] = c, t[13] = l, t[14] = p) : p = t[14];
+	let g;
+	return t[15] !== s || t[16] !== d || t[17] !== p ? (g = /* @__PURE__ */ u(s, {
+		value: d,
+		children: p
+	}), t[15] = s, t[16] = d, t[17] = p, t[18] = g) : g = t[18], g;
+}
+function T(e) {
+	let t = (0, f.c)(12), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({children: n, className: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let o, s;
+	if (t[4] !== r || t[5] !== i) {
+		let e = a({});
+		o = i, s = e.caption({ class: r }), t[4] = r, t[5] = i, t[6] = o, t[7] = s;
+	} else o = t[6], s = t[7];
+	let c;
+	return t[8] !== n || t[9] !== o || t[10] !== s ? (c = /* @__PURE__ */ u("caption", {
+		...o,
+		className: s,
+		"data-ox-slot": "table-caption",
+		children: n
+	}), t[8] = n, t[9] = o, t[10] = s, t[11] = c) : c = t[11], c;
+}
+function E(e) {
+	let t = (0, f.c)(40), n, r, i, o, s;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], o = t[4], s = t[5]) : ({children: n, className: r, rowId: o, selected: s, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = o, t[5] = s);
+	let { density: c, dividers: l, hover: d, isRowExpanded: p, isRowSelected: h, stripe: v } = m(), y = g(), b = y === "body", x, S, C, w, T, E;
+	if (t[6] !== r || t[7] !== c || t[8] !== l || t[9] !== d || t[10] !== b || t[11] !== p || t[12] !== h || t[13] !== i || t[14] !== o || t[15] !== y || t[16] !== s || t[17] !== v) {
+		C = s ?? (b && o != null ? h(o) : !1);
+		let e;
+		t[24] !== b || t[25] !== p || t[26] !== o ? (e = b && o != null ? p(o) : !1, t[24] = b, t[25] = p, t[26] = o, t[27] = e) : e = t[27], S = e;
+		let n = a({
+			density: c,
+			section: y,
+			dividers: b ? l : "none",
+			hover: b && d,
+			stripe: b && v,
+			selected: C
+		});
+		x = _, t[28] === o ? E = t[29] : (E = { rowId: o }, t[28] = o, t[29] = E), w = i, T = n.row({ class: r }), t[6] = r, t[7] = c, t[8] = l, t[9] = d, t[10] = b, t[11] = p, t[12] = h, t[13] = i, t[14] = o, t[15] = y, t[16] = s, t[17] = v, t[18] = x, t[19] = S, t[20] = C, t[21] = w, t[22] = T, t[23] = E;
+	} else x = t[18], S = t[19], C = t[20], w = t[21], T = t[22], E = t[23];
+	let D = S || void 0, O = C || void 0, k;
+	t[30] !== n || t[31] !== w || t[32] !== T || t[33] !== D || t[34] !== O ? (k = /* @__PURE__ */ u("tr", {
+		...w,
+		className: T,
+		"data-expanded": D,
+		"data-ox-slot": "table-row",
+		"data-selected": O,
+		children: n
+	}), t[30] = n, t[31] = w, t[32] = T, t[33] = D, t[34] = O, t[35] = k) : k = t[35];
+	let A;
+	return t[36] !== x || t[37] !== E || t[38] !== k ? (A = /* @__PURE__ */ u(x, {
+		value: E,
+		children: k
+	}), t[36] = x, t[37] = E, t[38] = k, t[39] = A) : A = t[39], A;
+}
+function D(e) {
+	let t = (0, f.c)(13), n, r, i, s, c;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], s = t[4], c = t[5]) : ({align: n, children: r, className: i, sticky: c, ...s} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = s, t[5] = c);
+	let { density: l, registerColumn: d, stickyHeader: p } = m(), h = a({
+		density: l,
+		align: n,
+		sticky: c,
+		stickyHeader: p
+	}), g, _;
+	t[6] === d ? (g = t[7], _ = t[8]) : (g = () => d(), _ = [d], t[6] = d, t[7] = g, t[8] = _), o(g, _);
+	let v = h.head({ class: i }), y;
+	return t[9] !== r || t[10] !== s || t[11] !== v ? (y = /* @__PURE__ */ u("th", {
+		...s,
+		className: v,
+		"data-ox-slot": "table-head",
+		scope: "col",
+		children: r
+	}), t[9] = r, t[10] = s, t[11] = v, t[12] = y) : y = t[12], y;
+}
+function O(e) {
+	let t = (0, f.c)(17), n, r, i, o, s;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], o = t[4], s = t[5]) : ({align: n, children: r, className: i, sticky: s, ...o} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = o, t[5] = s);
+	let { density: c } = m(), l, d;
+	if (t[6] !== n || t[7] !== i || t[8] !== c || t[9] !== o || t[10] !== s) {
+		let e = a({
+			density: c,
+			align: n,
+			sticky: s
+		});
+		l = o, d = e.cell({ class: i }), t[6] = n, t[7] = i, t[8] = c, t[9] = o, t[10] = s, t[11] = l, t[12] = d;
+	} else l = t[11], d = t[12];
+	let p;
+	return t[13] !== r || t[14] !== l || t[15] !== d ? (p = /* @__PURE__ */ u("td", {
+		...l,
+		className: d,
+		"data-ox-slot": "table-cell",
+		children: r
+	}), t[13] = r, t[14] = l, t[15] = d, t[16] = p) : p = t[16], p;
+}
+function k(e) {
+	let t = (0, f.c)(23), n, i, s, c;
+	t[0] === e ? (n = t[1], i = t[2], s = t[3], c = t[4]) : ({className: n, label: c, sticky: s, ...i} = e, t[0] = e, t[1] = n, t[2] = i, t[3] = s, t[4] = c);
+	let l = c === void 0 ? "Select all rows" : c, { density: d, registerColumn: p, selectable: h, selectionState: g, stickyHeader: _, toggleAll: v } = m(), y = a({
+		density: d,
+		align: "center",
+		sticky: s,
+		stickyHeader: _
+	}), b, x;
+	if (t[5] !== p || t[6] !== h ? (b = () => {
+		if (h) return p();
+	}, x = [p, h], t[5] = p, t[6] = h, t[7] = b, t[8] = x) : (b = t[7], x = t[8]), o(b, x), !h) return null;
+	let S = y.head({ class: ["w-12", n] }), C = y.selectControl(), w = g === "all", T = g === "some", E;
+	t[9] === v ? E = t[10] : (E = () => v(), t[9] = v, t[10] = E);
+	let D;
+	t[11] !== l || t[12] !== E || t[13] !== w || t[14] !== T ? (D = /* @__PURE__ */ u(r, {
+		"aria-label": l,
+		checked: w,
+		indeterminate: T,
+		onCheckedChange: E
+	}), t[11] = l, t[12] = E, t[13] = w, t[14] = T, t[15] = D) : D = t[15];
+	let O;
+	t[16] !== D || t[17] !== C ? (O = /* @__PURE__ */ u("span", {
+		className: C,
+		children: D
+	}), t[16] = D, t[17] = C, t[18] = O) : O = t[18];
+	let k;
+	return t[19] !== i || t[20] !== O || t[21] !== S ? (k = /* @__PURE__ */ u("th", {
+		...i,
+		className: S,
+		"data-ox-slot": "table-select-all-cell",
+		scope: "col",
+		children: O
+	}), t[19] = i, t[20] = O, t[21] = S, t[22] = k) : k = t[22], k;
+}
+function A(e) {
+	let t = (0, f.c)(28), n, i, s, c;
+	t[0] === e ? (n = t[1], i = t[2], s = t[3], c = t[4]) : ({className: n, label: c, sticky: s, ...i} = e, t[0] = e, t[1] = n, t[2] = i, t[3] = s, t[4] = c);
+	let l = c === void 0 ? "Select row" : c, { density: d, isRowSelected: p, registerSelectableRow: h, selectable: g, toggleSelected: _ } = m(), { rowId: y } = v(), b = a({
+		density: d,
+		align: "center",
+		sticky: s
+	}), x, S;
+	if (t[5] !== h || t[6] !== y || t[7] !== g ? (x = () => {
+		if (!(!g || y == null)) return h(y);
+	}, S = [
+		h,
+		y,
+		g
+	], t[5] = h, t[6] = y, t[7] = g, t[8] = x, t[9] = S) : (x = t[8], S = t[9]), o(x, S), !g) return null;
+	let C = b.cell({ class: ["w-12", n] }), w = b.selectControl(), T;
+	t[10] !== p || t[11] !== y ? (T = y != null && p(y), t[10] = p, t[11] = y, t[12] = T) : T = t[12];
+	let E = y == null, D;
+	t[13] !== y || t[14] !== _ ? (D = () => y != null && _(y), t[13] = y, t[14] = _, t[15] = D) : D = t[15];
+	let O;
+	t[16] !== l || t[17] !== T || t[18] !== E || t[19] !== D ? (O = /* @__PURE__ */ u(r, {
+		"aria-label": l,
+		checked: T,
+		disabled: E,
+		onCheckedChange: D
+	}), t[16] = l, t[17] = T, t[18] = E, t[19] = D, t[20] = O) : O = t[20];
+	let k;
+	t[21] !== O || t[22] !== w ? (k = /* @__PURE__ */ u("span", {
+		className: w,
+		children: O
+	}), t[21] = O, t[22] = w, t[23] = k) : k = t[23];
+	let A;
+	return t[24] !== i || t[25] !== k || t[26] !== C ? (A = /* @__PURE__ */ u("td", {
+		...i,
+		className: C,
+		"data-ox-slot": "table-select-cell",
+		children: k
+	}), t[24] = i, t[25] = k, t[26] = C, t[27] = A) : A = t[27], A;
+}
+function j(e) {
+	let t = (0, f.c)(47), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({className: n, label: i, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let o = i === void 0 ? "Toggle row details" : i, { baseId: s, isRowExpanded: c, toggleExpanded: l } = m(), { rowId: p } = v(), h, g, _, b, x, S, C, w, T, E, D, O;
+	if (t[4] !== s || t[5] !== n || t[6] !== c || t[7] !== o || t[8] !== r || t[9] !== p || t[10] !== l) {
+		let e = a({}), i;
+		t[23] !== c || t[24] !== p ? (i = p != null && c(p), t[23] = c, t[24] = p, t[25] = i) : i = t[25];
+		let u = i;
+		C = r, t[26] !== s || t[27] !== p ? (w = p == null ? void 0 : y(s, p), t[26] = s, t[27] = p, t[28] = w) : w = t[28], T = u, E = o, D = e.expandTrigger({ class: n }), O = "table-expand-trigger", g = p == null, _ = "button", t[29] !== p || t[30] !== l ? (b = () => p != null && l(p), t[29] = p, t[30] = l, t[31] = b) : b = t[31], h = d, x = "true", S = e.expandIcon({ class: u ? "rotate-90" : void 0 }), t[4] = s, t[5] = n, t[6] = c, t[7] = o, t[8] = r, t[9] = p, t[10] = l, t[11] = h, t[12] = g, t[13] = _, t[14] = b, t[15] = x, t[16] = S, t[17] = C, t[18] = w, t[19] = T, t[20] = E, t[21] = D, t[22] = O;
+	} else h = t[11], g = t[12], _ = t[13], b = t[14], x = t[15], S = t[16], C = t[17], w = t[18], T = t[19], E = t[20], D = t[21], O = t[22];
+	let k;
+	t[32] !== h || t[33] !== x || t[34] !== S ? (k = /* @__PURE__ */ u(h, {
+		"aria-hidden": x,
+		className: S,
+		strokeWidth: 2.2
+	}), t[32] = h, t[33] = x, t[34] = S, t[35] = k) : k = t[35];
+	let A;
+	return t[36] !== g || t[37] !== _ || t[38] !== b || t[39] !== k || t[40] !== C || t[41] !== w || t[42] !== T || t[43] !== E || t[44] !== D || t[45] !== O ? (A = /* @__PURE__ */ u("button", {
+		...C,
+		"aria-controls": w,
+		"aria-expanded": T,
+		"aria-label": E,
+		className: D,
+		"data-ox-slot": O,
+		disabled: g,
+		type: _,
+		onClick: b,
+		children: k
+	}), t[36] = g, t[37] = _, t[38] = b, t[39] = k, t[40] = C, t[41] = w, t[42] = T, t[43] = E, t[44] = D, t[45] = O, t[46] = A) : A = t[46], A;
+}
+function ee(e) {
+	let t = (0, f.c)(50), n, r, i, o, s;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], o = t[4], s = t[5]) : ({children: n, className: r, colSpan: i, rowId: s, ...o} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = o, t[5] = s);
+	let { baseId: c, columnCount: l, density: d, isRowExpanded: p } = m(), h, g, _, v, b, x, S, C, w, T;
+	if (t[6] !== c || t[7] !== r || t[8] !== i || t[9] !== l || t[10] !== d || t[11] !== p || t[12] !== o || t[13] !== s) {
+		let e = a({ density: d }), n;
+		t[24] !== p || t[25] !== s ? (n = p(s), t[24] = p, t[25] = s, t[26] = n) : n = t[26];
+		let u = n;
+		C = o, w = e.expandedRow({ class: r }), T = u || void 0, g = "table-expanded-row", t[27] !== c || t[28] !== s ? (b = y(c, s), t[27] = c, t[28] = s, t[29] = b) : b = t[29], x = e.expandedCell(), S = (i ?? l) || 1, v = e.expandedClip(), _ = e.expandedContent(), h = e.expandedInner(), t[6] = c, t[7] = r, t[8] = i, t[9] = l, t[10] = d, t[11] = p, t[12] = o, t[13] = s, t[14] = h, t[15] = g, t[16] = _, t[17] = v, t[18] = b, t[19] = x, t[20] = S, t[21] = C, t[22] = w, t[23] = T;
+	} else h = t[14], g = t[15], _ = t[16], v = t[17], b = t[18], x = t[19], S = t[20], C = t[21], w = t[22], T = t[23];
+	let E;
+	t[30] !== n || t[31] !== h ? (E = /* @__PURE__ */ u("div", {
+		className: h,
+		children: n
+	}), t[30] = n, t[31] = h, t[32] = E) : E = t[32];
+	let D;
+	t[33] !== E || t[34] !== _ ? (D = /* @__PURE__ */ u("div", {
+		className: _,
+		children: E
+	}), t[33] = E, t[34] = _, t[35] = D) : D = t[35];
+	let O;
+	t[36] !== D || t[37] !== v ? (O = /* @__PURE__ */ u("div", {
+		className: v,
+		children: D
+	}), t[36] = D, t[37] = v, t[38] = O) : O = t[38];
+	let k;
+	t[39] !== O || t[40] !== b || t[41] !== x || t[42] !== S ? (k = /* @__PURE__ */ u("td", {
+		id: b,
+		className: x,
+		colSpan: S,
+		children: O
+	}), t[39] = O, t[40] = b, t[41] = x, t[42] = S, t[43] = k) : k = t[43];
+	let A;
+	return t[44] !== g || t[45] !== k || t[46] !== C || t[47] !== w || t[48] !== T ? (A = /* @__PURE__ */ u("tr", {
+		...C,
+		className: w,
+		"data-expanded": T,
+		"data-ox-slot": g,
+		children: k
+	}), t[44] = g, t[45] = k, t[46] = C, t[47] = w, t[48] = T, t[49] = A) : A = t[49], A;
+}
+//#endregion
+export { C as OxTableBody, T as OxTableCaption, O as OxTableCell, j as OxTableExpandTrigger, ee as OxTableExpandedRow, w as OxTableFooter, D as OxTableHead, S as OxTableHeader, x as OxTableRoot, E as OxTableRow, k as OxTableSelectAllCell, A as OxTableSelectCell };

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

@@ -0,0 +1,267 @@
+import { VariantProps } from '../../internal/tv';
+export declare const tableVariants: import('tailwind-variants').TVReturnType<{
+    density: {
+        comfortable: {
+            head: string;
+            cell: string;
+            expandedInner: string;
+        };
+        compact: {
+            head: string;
+            cell: string;
+            expandedInner: string;
+        };
+    };
+    section: {
+        head: {};
+        body: {};
+        foot: {
+            row: string;
+        };
+    };
+    dividers: {
+        rows: {
+            row: string;
+        };
+        none: {};
+        grid: {
+            row: string;
+            head: string;
+        };
+    };
+    hover: {
+        true: {
+            row: string;
+        };
+    };
+    stripe: {
+        true: {
+            row: string;
+        };
+    };
+    selected: {
+        true: {
+            row: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            head: string;
+        };
+    };
+    align: {
+        start: {
+            head: string;
+            cell: string;
+        };
+        center: {
+            head: string;
+            cell: string;
+        };
+        end: {
+            head: string;
+            cell: string;
+        };
+    };
+    sticky: {
+        left: {
+            head: string;
+            cell: string;
+        };
+    };
+}, {
+    wrapper: string;
+    table: string;
+    caption: string;
+    header: string;
+    body: string;
+    footer: string;
+    row: string;
+    head: string;
+    cell: string;
+    selectControl: string;
+    expandTrigger: string[];
+    expandIcon: string;
+    expandedRow: string;
+    expandedCell: string;
+    expandedClip: string[];
+    expandedContent: string;
+    expandedInner: string;
+}, undefined, {
+    density: {
+        comfortable: {
+            head: string;
+            cell: string;
+            expandedInner: string;
+        };
+        compact: {
+            head: string;
+            cell: string;
+            expandedInner: string;
+        };
+    };
+    section: {
+        head: {};
+        body: {};
+        foot: {
+            row: string;
+        };
+    };
+    dividers: {
+        rows: {
+            row: string;
+        };
+        none: {};
+        grid: {
+            row: string;
+            head: string;
+        };
+    };
+    hover: {
+        true: {
+            row: string;
+        };
+    };
+    stripe: {
+        true: {
+            row: string;
+        };
+    };
+    selected: {
+        true: {
+            row: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            head: string;
+        };
+    };
+    align: {
+        start: {
+            head: string;
+            cell: string;
+        };
+        center: {
+            head: string;
+            cell: string;
+        };
+        end: {
+            head: string;
+            cell: string;
+        };
+    };
+    sticky: {
+        left: {
+            head: string;
+            cell: string;
+        };
+    };
+}, {
+    wrapper: string;
+    table: string;
+    caption: string;
+    header: string;
+    body: string;
+    footer: string;
+    row: string;
+    head: string;
+    cell: string;
+    selectControl: string;
+    expandTrigger: string[];
+    expandIcon: string;
+    expandedRow: string;
+    expandedCell: string;
+    expandedClip: string[];
+    expandedContent: string;
+    expandedInner: string;
+}, import('tailwind-variants').TVReturnType<{
+    density: {
+        comfortable: {
+            head: string;
+            cell: string;
+            expandedInner: string;
+        };
+        compact: {
+            head: string;
+            cell: string;
+            expandedInner: string;
+        };
+    };
+    section: {
+        head: {};
+        body: {};
+        foot: {
+            row: string;
+        };
+    };
+    dividers: {
+        rows: {
+            row: string;
+        };
+        none: {};
+        grid: {
+            row: string;
+            head: string;
+        };
+    };
+    hover: {
+        true: {
+            row: string;
+        };
+    };
+    stripe: {
+        true: {
+            row: string;
+        };
+    };
+    selected: {
+        true: {
+            row: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            head: string;
+        };
+    };
+    align: {
+        start: {
+            head: string;
+            cell: string;
+        };
+        center: {
+            head: string;
+            cell: string;
+        };
+        end: {
+            head: string;
+            cell: string;
+        };
+    };
+    sticky: {
+        left: {
+            head: string;
+            cell: string;
+        };
+    };
+}, {
+    wrapper: string;
+    table: string;
+    caption: string;
+    header: string;
+    body: string;
+    footer: string;
+    row: string;
+    head: string;
+    cell: string;
+    selectControl: string;
+    expandTrigger: string[];
+    expandIcon: string;
+    expandedRow: string;
+    expandedCell: string;
+    expandedClip: string[];
+    expandedContent: string;
+    expandedInner: string;
+}, undefined, unknown, unknown, undefined>>;
+export type TableVariants = VariantProps<typeof tableVariants>;