@spark-ui/components 18.0.16 → 18.0.18

package/dist/table/index.mjs

@@ -5,34 +5,33 @@ import { cva as r, cx as i } from "class-variance-authority";
 import a, { createContext as o, useCallback as s, useContext as c, useEffect as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { filterDOMProps as g, getEventTarget as _, useResizeObserver as v } from "@react-aria/utils";
-import { Cell as y, TableBody as b, TableHeader as x, useTableColumnResizeState as S, useTableState as C } from "@react-stately/table";
-import { mergeProps as w, useFocusRing as T, useTable as ee, useTableCell as E, useTableColumnHeader as te, useTableHeaderRow as D, useTableRow as ne, useTableRowGroup as O } from "react-aria";
-import { useTableColumnResize as re, useTableSelectAllCheckbox as ie, useTableSelectionCheckbox as ae } from "@react-aria/table";
-import { ArrowDown as oe } from "@spark-ui/icons/ArrowDown";
-import { ArrowUp as se } from "@spark-ui/icons/ArrowUp";
-import { Sort as ce } from "@spark-ui/icons/Sort";
+import { mergeProps as y, useFocusRing as b, useTable as x, useTableCell as S, useTableColumnHeader as C, useTableColumnResize as w, useTableHeaderRow as T, useTableRow as E, useTableRowGroup as D, useTableSelectAllCheckbox as ee, useTableSelectionCheckbox as te } from "react-aria";
+import { Cell as O, TableBody as k, TableHeader as A, useTableColumnResizeState as ne, useTableState as re } from "react-stately";
+import { ArrowDown as ie } from "@spark-ui/icons/ArrowDown";
+import { ArrowUp as ae } from "@spark-ui/icons/ArrowUp";
+import { Sort as oe } from "@spark-ui/icons/Sort";
 //#region src/table/internal/TableContext.tsx
-var le = o({
+var se = o({
 	isResizable: !1,
 	tableWidth: 0
 });
-function ue() {
-	return c(le);
+function ce() {
+	return c(se);
 }
-var de = o({
+var le = o({
 	selectedCount: 0,
 	onClearSelection: () => {}
 });
-function k() {
-	return c(de);
+function j() {
+	return c(le);
 }
 //#endregion
 //#region src/table/internal/TableRootWrapper.tsx
-function fe({ children: e, className: t, selectedKeys: n, onSelectionChange: r, totalCount: a, hasMultiplePages: o, onClearSelection: s, onSelectAll: c, allowsResizing: l = !0, resizeColumnAriaLabel: u, maxHeight: d, stickyHeader: f, onResizeStart: p, onResize: h, onResizeEnd: g, onKeyDownCapture: _, sortDescriptor: v, onSortChange: y, ...b }) {
+function M({ children: e, className: t, selectedKeys: n, onSelectionChange: r, totalCount: a, hasMultiplePages: o, onClearSelection: s, onSelectAll: c, allowsResizing: l = !0, resizeColumnAriaLabel: u, maxHeight: d, stickyHeader: f, onResizeStart: p, onResize: h, onResizeEnd: g, onKeyDownCapture: _, sortDescriptor: v, onSortChange: y, ...b }) {
 	let x = 0;
 	n === "all" ? x = a ?? 0 : n instanceof Set ? x = n.size : n && (x = new Set(n).size);
 	let S = s ?? (() => r?.(/* @__PURE__ */ new Set()));
-	return /* @__PURE__ */ m(de, {
+	return /* @__PURE__ */ m(le, {
 		value: {
 			...b,
 			selectedKeys: n,
@@ -60,10 +59,10 @@ function fe({ children: e, className: t, selectedKeys: n, onSelectionChange: r,
 		})
 	});
 }
-fe.displayName = "Table";
+M.displayName = "Table";
 //#endregion
 //#region src/table/internal/ResizableTableContainer.tsx
-function A({ className: e, children: t, ...n }) {
+function ue({ className: e, children: t, ...n }) {
 	let r = f(null), [a, o] = p(0);
 	return u(() => {
 		let e = r.current;
@@ -74,7 +73,7 @@ function A({ className: e, children: t, ...n }) {
 			let e = r.current;
 			e && o(e.clientWidth);
 		}
-	}), /* @__PURE__ */ m(le, {
+	}), /* @__PURE__ */ m(se, {
 		value: {
 			isResizable: !0,
 			tableWidth: a
@@ -88,30 +87,30 @@ function A({ className: e, children: t, ...n }) {
 		})
 	});
 }
-A.displayName = "ResizableTableContainer";
+ue.displayName = "ResizableTableContainer";
 //#endregion
 //#region src/table/internal/table-keyboard.ts
-var j = "[data-spark-component=\"table-cell\"]";
-function M(e) {
+var N = "[data-spark-component=\"table-cell\"]";
+function P(e) {
 	return !e || !(e instanceof Element) ? !1 : !!e.closest("[role=\"combobox\"],select,[data-spark-component=\"dropdown-trigger\"],[data-spark-component=\"combobox-input\"]");
 }
-function pe(e) {
+function de(e) {
 	if (!e || !(e instanceof Element)) return !1;
 	let t = e.closest("[role=\"combobox\"],[data-spark-component=\"dropdown-trigger\"],[data-spark-component=\"combobox-input\"]");
 	return t ? t.getAttribute("aria-expanded") === "true" : !1;
 }
-var me = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]";
-function N(e) {
-	return !e || !(e instanceof Element) ? null : e.closest(j);
+var fe = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]";
+function F(e) {
+	return !e || !(e instanceof Element) ? null : e.closest(N);
 }
-function P(e) {
+function I(e) {
 	return e.getAttribute("data-table-cell-kind") === "selection";
 }
-function F(e) {
-	return Array.from(e.querySelectorAll(me)).filter((t) => !(t === e || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true" || t.getAttribute("hidden") !== null));
+function L(e) {
+	return Array.from(e.querySelectorAll(fe)).filter((t) => !(t === e || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true" || t.getAttribute("hidden") !== null));
 }
-function I(e, t) {
-	for (let n of F(e)) {
+function R(e, t) {
+	for (let n of L(e)) {
 		let e = "data-prev-tabindex";
 		if (!t) n.hasAttribute(e) || n.setAttribute(e, n.getAttribute("tabindex") ?? ""), n.setAttribute("tabindex", "-1");
 		else {
@@ -121,46 +120,46 @@ function I(e, t) {
 		}
 	}
 }
-function L(e) {
-	let t = Array.from(e.querySelectorAll(j));
-	for (let e of t) I(e, !1);
+function z(e) {
+	let t = Array.from(e.querySelectorAll(N));
+	for (let e of t) R(e, !1);
 }
-function he({ ref: e, gridProps: t, onKeyDownCapture: n, onFocusCapture: r }) {
+function pe({ ref: e, gridProps: t, onKeyDownCapture: n, onFocusCapture: r }) {
 	let [i, a] = p("grid"), o = f("grid"), s = f(null), c = f(!1), u = d(() => {
 		let { onKeyDown: l, ...u } = t, d = (e) => {
-			s.current = e, o.current = "interaction", a("interaction"), I(e, !0);
+			s.current = e, o.current = "interaction", a("interaction"), R(e, !0);
 		};
-		return w(u, {
+		return y(u, {
 			onKeyDown: (e) => {
 				if (o.current === "interaction" && (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown")) {
 					let e = s.current, t = document.activeElement;
 					if (e && t instanceof Node && e.contains(t)) return;
 				}
-				o.current === "interaction" && (e.key === "ArrowUp" || e.key === "ArrowDown") && M(e.target) && N(e.target) === s.current || l?.(e);
+				o.current === "interaction" && (e.key === "ArrowUp" || e.key === "ArrowDown") && P(e.target) && F(e.target) === s.current || l?.(e);
 			},
 			onKeyDownCapture: (e) => {
 				if (n?.(e), o.current === "interaction" && e.key === "Tab") {
-					let t = N(e.target);
+					let t = F(e.target);
 					t && t === s.current && e.stopPropagation();
 					return;
 				}
-				if (M(e.target) && o.current === "interaction" && (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown")) {
-					let t = N(e.target);
+				if (P(e.target) && o.current === "interaction" && (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown")) {
+					let t = F(e.target);
 					if (t && t === s.current) return;
 				}
 				if (o.current === "interaction" && (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown")) {
-					let t = N(e.target);
+					let t = F(e.target);
 					if (t && t === s.current) {
 						e.stopPropagation();
 						return;
 					}
 				}
 				if (o.current === "grid" && e.key === "ArrowRight") {
-					let t = N(e.target);
+					let t = F(e.target);
 					if (t) {
 						let n = t.closest("tr");
 						if (n) {
-							let r = Array.from(n.querySelectorAll(j));
+							let r = Array.from(n.querySelectorAll(N));
 							if (r.length > 0 && r[r.length - 1] === t) {
 								e.preventDefault(), e.stopPropagation(), n.focus();
 								return;
@@ -169,23 +168,23 @@ function he({ ref: e, gridProps: t, onKeyDownCapture: n, onFocusCapture: r }) {
 					}
 				}
 				if (o.current === "grid" && e.key === "Enter") {
-					let t = N(e.target);
-					if (!t || P(t)) return;
-					let n = F(t);
+					let t = F(e.target);
+					if (!t || I(t)) return;
+					let n = L(t);
 					if (n.length === 0) return;
 					e.preventDefault(), e.stopPropagation(), d(t), n[0]?.focus();
 					return;
 				}
 				if (o.current === "grid" && e.key === "F2") {
-					let t = N(e.target);
-					if (!t || P(t)) return;
-					let n = F(t);
+					let t = F(e.target);
+					if (!t || I(t)) return;
+					let n = L(t);
 					if (n.length === 0) return;
 					e.preventDefault(), e.stopPropagation(), d(t), n[0]?.focus();
 					return;
 				}
 				if (o.current === "interaction" && e.key === "Escape") {
-					if (pe(e.target)) return;
+					if (de(e.target)) return;
 					let t = s.current;
 					if (!t) return;
 					e.preventDefault(), e.stopPropagation(), o.current = "grid", a("grid"), t.focus();
@@ -207,19 +206,19 @@ function he({ ref: e, gridProps: t, onKeyDownCapture: n, onFocusCapture: r }) {
 				r?.(t);
 				let n = c.current;
 				c.current = !1;
-				let i = e.current, l = N(t.target);
+				let i = e.current, l = F(t.target);
 				if (o.current === "interaction" && s.current && i) {
 					let e = !!(l && l !== s.current), n = !l && t.target instanceof Element && i.contains(t.target) && !s.current.contains(t.target);
 					(e || n) && (o.current = "grid", a("grid"), n && (s.current = null));
 				}
 				if (!l) return;
 				s.current = l;
-				let u = t.target instanceof Element ? t.target : null, f = l.matches(j), p = o.current === "grid", m = !!(u && u !== l && l.contains(u)), h = F(l).length > 0;
-				p && f && m && h && !n && queueMicrotask(() => l.focus()), n && p && m && f && h && !P(l) && d(l);
+				let u = t.target instanceof Element ? t.target : null, f = l.matches(N), p = o.current === "grid", m = !!(u && u !== l && l.contains(u)), h = L(l).length > 0;
+				p && f && m && h && !n && queueMicrotask(() => l.focus()), n && p && m && f && h && !I(l) && d(l);
 			},
 			onPointerDownCapture: (e) => {
-				let t = N(e.target);
-				t?.matches(j) && e.target instanceof Element && e.target !== t && t.contains(e.target) && (c.current = !0);
+				let t = F(e.target);
+				t?.matches(N) && e.target instanceof Element && e.target !== t && t.contains(e.target) && (c.current = !0);
 			},
 			"data-table-keyboard-mode": i
 		});
@@ -235,10 +234,10 @@ function he({ ref: e, gridProps: t, onKeyDownCapture: n, onFocusCapture: r }) {
 		let t = e.current;
 		if (t) {
 			if (i === "grid") {
-				L(t), s.current?.focus?.();
+				z(t), s.current?.focus?.();
 				return;
 			}
-			L(t), s.current && I(s.current, !0);
+			z(t), s.current && R(s.current, !0);
 		}
 	}, [i, e]), {
 		gridProps: u,
@@ -247,7 +246,7 @@ function he({ ref: e, gridProps: t, onKeyDownCapture: n, onFocusCapture: r }) {
 }
 //#endregion
 //#region src/table/internal/Table.styles.tsx
-var R = r([
+var B = r([
 	"h-sz-64 min-w-sz-64",
 	"relative group/column first:rounded-l-xl last:rounded-r-xl bg-neutral-container",
 	"pl-lg pr-lg py-sm text-left outline-none box-border",
@@ -262,7 +261,7 @@ var R = r([
 		checkbox: !1,
 		resizable: !1
 	}
-}), ge = r([
+}), me = r([
 	"flex flex-1 justify-between items-center gap-md",
 	"font-inherit text-left text-inherit",
 	"whitespace-nowrap text-ellipsis",
@@ -276,7 +275,7 @@ r(["empty:italic empty:text-center empty:text-body-2 empty:py-lg"], {
 	variants: {},
 	defaultVariants: {}
 });
-var z = r([
+var V = r([
 	"p-lg outline-none box-border default:overflow-hidden",
 	"border-b-sm border-outline [tr:last-child>&]:border-b-0",
 	"[-webkit-tap-highlight-color:transparent]",
@@ -284,35 +283,35 @@ var z = r([
 ], {
 	variants: { checkbox: { true: ["w-sz-64 py-sm px-0 align-middle"] } },
 	defaultVariants: { checkbox: !1 }
-}), _e = r(["pointer-events-none", "[&_td]:h-sz-16 [&_td]:p-0 [&_td]:border-0 [&_td]:border-b-0 [&_td]:bg-surface [&_td]:align-middle"], {
+}), he = r(["pointer-events-none", "[&_td]:h-sz-16 [&_td]:p-0 [&_td]:border-0 [&_td]:border-b-0 [&_td]:bg-surface [&_td]:align-middle"], {
 	variants: {},
 	defaultVariants: {}
-}), B = "button, [role=\"button\"], [role=\"switch\"], [role=\"checkbox\"], [role=\"option\"], input:not([type=\"hidden\"]), select, textarea, [href], [data-spark-component=\"dropdown-trigger\"], [data-spark-component=\"icon-button\"], [data-spark-component=\"switch\"], [data-spark-component=\"switch-input\"], [data-spark-component=\"combobox-input\"]", ve = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]";
-function ye(e) {
+}), H = "button, [role=\"button\"], [role=\"switch\"], [role=\"checkbox\"], [role=\"option\"], input:not([type=\"hidden\"]), select, textarea, [href], [data-spark-component=\"dropdown-trigger\"], [data-spark-component=\"icon-button\"], [data-spark-component=\"switch\"], [data-spark-component=\"switch-input\"], [data-spark-component=\"combobox-input\"]", ge = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]";
+function _e(e) {
 	if (!e || !(e instanceof Element)) return !1;
 	let t = e;
-	return t.matches(B) || t.closest(B) !== null;
+	return t.matches(H) || t.closest(H) !== null;
 }
-function be(e) {
+function ve(e) {
 	return e ? e instanceof Element ? e : e instanceof Text ? e.parentElement : null : null;
 }
-function xe(e) {
-	for (let t of e.querySelectorAll(ve)) if (t !== e && !t.hasAttribute("disabled") && t.getAttribute("aria-disabled") !== "true" && t.getAttribute("hidden") === null) return !0;
+function ye(e) {
+	for (let t of e.querySelectorAll(ge)) if (t !== e && !t.hasAttribute("disabled") && t.getAttribute("aria-disabled") !== "true" && t.getAttribute("hidden") === null) return !0;
 	return !1;
 }
-function Se(e) {
-	let t = be(e);
+function be(e) {
+	let t = ve(e);
 	if (!t) return !1;
-	if (ye(t)) return !0;
+	if (_e(t)) return !0;
 	let n = t.closest("[data-spark-component=\"table-cell\"]");
-	return !n || n.getAttribute("data-table-cell-kind") === "selection" ? !1 : xe(n);
+	return !n || n.getAttribute("data-table-cell-kind") === "selection" ? !1 : ye(n);
 }
 //#endregion
 //#region src/table/internal/TableKeyboardModeContext.tsx
-var V = o("grid");
+var U = o("grid");
 //#endregion
 //#region src/table/internal/TableSelectionCheckbox.tsx
-function H({ checkboxProps: e, className: t, suppressFocusWalker: r }) {
+function W({ checkboxProps: e, className: t, suppressFocusWalker: r }) {
 	let { isSelected: i, isIndeterminate: a, isDisabled: o, onChange: s, ...c } = e, l = a === !0 ? "indeterminate" : !!i;
 	return /* @__PURE__ */ m("span", {
 		...r ? { "data-react-aria-prevent-focus": !0 } : void 0,
@@ -327,11 +326,11 @@ function H({ checkboxProps: e, className: t, suppressFocusWalker: r }) {
 		})
 	});
 }
-H.displayName = "Table.SelectionCheckbox";
+W.displayName = "Table.SelectionCheckbox";
 //#endregion
 //#region src/table/internal/TableBodyCellRenderer.tsx
-function Ce({ cell: e, state: t, resizeState: n }) {
-	let r = f(null), { gridCellProps: a } = E({ node: e }, t, r), { isFocusVisible: o, focusProps: l } = T({ within: !0 }), u = c(V), d = s((e) => {
+function G({ cell: e, state: t, resizeState: n }) {
+	let r = f(null), { gridCellProps: a } = S({ node: e }, t, r), { isFocusVisible: o, focusProps: l } = b({ within: !0 }), u = c(U), d = s((e) => {
 		u === "interaction" && (e.key !== " " && e.key !== "Enter" || e.stopPropagation());
 	}, [u]), { onKeyDownCapture: p, ...h } = a, g = s((e) => {
 		[
@@ -340,63 +339,63 @@ function Ce({ cell: e, state: t, resizeState: n }) {
 			"ArrowUp",
 			"ArrowDown"
 		].includes(e.key) || p?.(e);
-	}, [p]), _ = ae({ key: e.parentKey ?? e.key }, t), v = t.collection.columns[e.index ?? 0]?.key ?? null, y = v ? n?.columnWidths?.get?.(v) : void 0, b = e.props?.className;
+	}, [p]), _ = te({ key: e.parentKey ?? e.key }, t), v = t.collection.columns[e.index ?? 0]?.key ?? null, x = v ? n?.columnWidths?.get?.(v) : void 0, C = e.props?.className;
 	return e.props?.isSelectionCell ? /* @__PURE__ */ m("td", {
-		...w(h, { onKeyDownCapture: g }, l, { onKeyDown: d }),
+		...y(h, { onKeyDownCapture: g }, l, { onKeyDown: d }),
 		ref: r,
 		"data-spark-component": "table-cell",
 		"data-table-cell-kind": "selection",
-		className: z({ checkbox: !0 }),
+		className: V({ checkbox: !0 }),
 		"data-focus-visible": o || void 0,
-		children: /* @__PURE__ */ m(H, {
+		children: /* @__PURE__ */ m(W, {
 			suppressFocusWalker: u === "grid",
 			checkboxProps: _.checkboxProps
 		})
 	}) : /* @__PURE__ */ m("td", {
-		...w(h, { onKeyDownCapture: g }, l, { onKeyDown: d }),
+		...y(h, { onKeyDownCapture: g }, l, { onKeyDown: d }),
 		ref: r,
 		"data-spark-component": "table-cell",
-		className: i(z(), b),
+		className: i(V(), C),
 		"data-focus-visible": o || void 0,
-		style: y ? { width: y } : void 0,
+		style: x ? { width: x } : void 0,
 		children: e.rendered
 	});
 }
-Ce.displayName = "Table.BodyCellRenderer";
+G.displayName = "Table.BodyCellRenderer";
 //#endregion
 //#region src/table/internal/TableBodyRowRenderer.tsx
-function U(e) {
+function K(e) {
 	if (e) return (t) => {
-		Se(_(t.nativeEvent)) || e(t);
+		be(_(t.nativeEvent)) || e(t);
 	};
 }
-function W({ item: e, state: t, resizeState: n }) {
-	let r = f(null), { rowProps: a, isSelected: o } = ne({ node: e }, t, r), { isFocusVisible: s, focusProps: c } = T(), { onClick: l, onPointerDown: u, onMouseDown: d, onPointerUp: p, onPointerCancel: h, ...g } = a, _ = i("outline-none box-border data-focus-visible:u-outline-inset data-focus-visible:outline-dashed", g.className, o && "bg-support-container text-on-support-container");
+function xe({ item: e, state: t, resizeState: n }) {
+	let r = f(null), { rowProps: a, isSelected: o } = E({ node: e }, t, r), { isFocusVisible: s, focusProps: c } = b(), { onClick: l, onPointerDown: u, onMouseDown: d, onPointerUp: p, onPointerCancel: h, ...g } = a, _ = i("outline-none box-border data-focus-visible:u-outline-inset data-focus-visible:outline-dashed", g.className, o && "bg-support-container text-on-support-container");
 	return /* @__PURE__ */ m("tr", {
-		...w(g, c),
-		onPointerDown: U(u),
-		onMouseDown: U(d),
-		onPointerUp: U(p),
-		onPointerCancel: U(h),
-		onClick: U(l),
+		...y(g, c),
+		onPointerDown: K(u),
+		onMouseDown: K(d),
+		onPointerUp: K(p),
+		onPointerCancel: K(h),
+		onClick: K(l),
 		ref: r,
 		"data-spark-component": "table-row",
 		"data-selected": o || void 0,
 		"data-focus-visible": s || void 0,
 		className: _,
 		tabIndex: -1,
-		children: [...e.childNodes].map((e) => /* @__PURE__ */ m(Ce, {
+		children: [...e.childNodes].map((e) => /* @__PURE__ */ m(G, {
 			cell: e,
 			state: t,
 			resizeState: n
 		}, e.key))
 	});
 }
-W.displayName = "Table.BodyRowRenderer";
+xe.displayName = "Table.BodyRowRenderer";
 //#endregion
 //#region src/table/internal/TableColumnResizer.tsx
-function G({ column: e, ariaLabel: t, resizeState: n, resizeCallbacks: r }) {
-	let a = f(null), { resizerProps: o, inputProps: s, isResizing: c } = re({
+function Se({ column: e, ariaLabel: t, resizeState: n, resizeCallbacks: r }) {
+	let a = f(null), { resizerProps: o, inputProps: s, isResizing: c } = w({
 		column: e,
 		"aria-label": t ?? "Resize column",
 		onResizeStart: r.onResizeStart,
@@ -415,14 +414,14 @@ function G({ column: e, ariaLabel: t, resizeState: n, resizeCallbacks: r }) {
 		})
 	});
 }
-G.displayName = "Table.ColumnResizer";
+Se.displayName = "Table.ColumnResizer";
 //#endregion
 //#region src/table/internal/TableHeaderSelectionCheckbox.tsx
-function K({ state: e }) {
-	let { checkboxProps: t } = ie(e), { collection: n, selectionManager: r } = e, i = r.selectedKeys, a = n, o = a.body, s = o == null ? new Set(n.getKeys()) : new Set([...a.getChildren(o.key)].map((e) => e.key)), c = i === "all" ? s : i, l = [...s].filter((e) => c.has(e)).length, u = s.size, d = u > 0 && l === u, f = l > 0 && l < u, { isSelected: p, isIndeterminate: h, onChange: g, ..._ } = t, v = (e) => {
+function Ce({ state: e }) {
+	let { checkboxProps: t } = ee(e), { collection: n, selectionManager: r } = e, i = r.selectedKeys, a = n, o = a.body, s = o == null ? new Set(n.getKeys()) : new Set([...a.getChildren(o.key)].map((e) => e.key)), c = i === "all" ? s : i, l = [...s].filter((e) => c.has(e)).length, u = s.size, d = u > 0 && l === u, f = l > 0 && l < u, { isSelected: p, isIndeterminate: h, onChange: g, ..._ } = t, v = (e) => {
 		(e.key === " " || e.key === "Enter") && e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), t.isDisabled || g?.(!d));
 	};
-	return /* @__PURE__ */ m(H, { checkboxProps: {
+	return /* @__PURE__ */ m(W, { checkboxProps: {
 		..._,
 		isSelected: d,
 		isIndeterminate: f,
@@ -430,53 +429,53 @@ function K({ state: e }) {
 		onKeyDown: v
 	} });
 }
-K.displayName = "Table.HeaderSelectionCheckbox";
+Ce.displayName = "Table.HeaderSelectionCheckbox";
 //#endregion
 //#region src/table/internal/TableColumnHeader.tsx
 var we = i("sticky top-0 z-sticky");
 function Te({ column: t, state: n, resizeState: r, stickyHeader: a, resizeCallbacks: o, isLastColumnInRow: s = !1 }) {
-	let c = f(null), { resizeColumnAriaLabel: l } = k(), { columnHeaderProps: u } = te({ node: t }, n, c), { isFocusVisible: d, focusProps: p } = T(), g = t.props?.allowsResizing !== !1 && !s, _ = r?.columnWidths?.get?.(t.key), v = !!(r && g);
+	let c = f(null), { resizeColumnAriaLabel: l } = j(), { columnHeaderProps: u } = C({ node: t }, n, c), { isFocusVisible: d, focusProps: p } = b(), g = t.props?.allowsResizing !== !1 && !s, _ = r?.columnWidths?.get?.(t.key), v = !!(r && g);
 	if (t.props?.isSelectionCell) return /* @__PURE__ */ m("th", {
 		...u,
 		ref: c,
 		role: "columnheader",
-		className: i(R({ checkbox: !0 }), a && we),
+		className: i(B({ checkbox: !0 }), a && we),
 		"data-spark-component": "table-column",
 		"data-table-selection-columnheader": !0,
 		"data-focus-visible": d || void 0,
-		children: /* @__PURE__ */ m(K, { state: n })
+		children: /* @__PURE__ */ m(Ce, { state: n })
 	});
-	let y = !!t.props?.allowsSorting, b = n.sortDescriptor?.column === t.key, x = n.sortDescriptor?.direction ?? "ascending", S = m(b ? x === "descending" ? oe : se : ce, {}), C = (e) => {
-		y && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.stopPropagation(), n.sort?.(t.key)));
+	let x = !!t.props?.allowsSorting, S = n.sortDescriptor?.column === t.key, w = n.sortDescriptor?.direction ?? "ascending", T = m(S ? w === "descending" ? ie : ae : oe, {}), E = (e) => {
+		x && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.stopPropagation(), n.sort?.(t.key)));
 	};
 	return /* @__PURE__ */ h("th", {
-		...w(u, p),
+		...y(u, p),
 		ref: c,
 		role: "columnheader",
-		className: i(R({ resizable: v }), a && we),
+		className: i(B({ resizable: v }), a && we),
 		style: _ ? { width: _ } : void 0,
 		"data-spark-component": "table-column",
 		"data-focus-visible": d || void 0,
-		onKeyDown: C,
+		onKeyDown: E,
 		children: [/* @__PURE__ */ h("div", {
-			className: ge(),
+			className: me(),
 			children: [/* @__PURE__ */ m("button", {
 				type: "button",
 				className: i("gap-md flex min-w-0 flex-1 items-center text-left", "focus-visible:u-outline outline-none", "bg-transparent p-0 border-0"),
-				onKeyDown: C,
+				onKeyDown: E,
 				children: /* @__PURE__ */ m("span", {
 					className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
 					children: t.rendered
 				})
-			}), y ? /* @__PURE__ */ m("span", {
+			}), x ? /* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
-				className: i("shrink-0 opacity-dim-2 group-hover/column:opacity-100", b && "opacity-100"),
+				className: i("shrink-0 opacity-dim-2 group-hover/column:opacity-100", S && "opacity-100"),
 				children: /* @__PURE__ */ m(e, {
 					size: "sm",
-					children: S
+					children: T
 				})
 			}) : null]
-		}), r && g ? /* @__PURE__ */ m(G, {
+		}), r && g ? /* @__PURE__ */ m(Se, {
 			column: t,
 			ariaLabel: typeof l == "function" ? l(t) : l,
 			resizeState: r,
@@ -488,7 +487,7 @@ Te.displayName = "Table.ColumnHeader";
 //#endregion
 //#region src/table/internal/TableHeaderRowRenderer.tsx
 function Ee({ item: e, state: t, resizeState: n, stickyHeader: r, resizeCallbacks: i }) {
-	let a = f(null), { rowProps: o } = D({ node: e }, t, a), s = [...e.childNodes];
+	let a = f(null), { rowProps: o } = T({ node: e }, t, a), s = [...e.childNodes];
 	return /* @__PURE__ */ m("tr", {
 		...o,
 		ref: a,
@@ -506,25 +505,25 @@ Ee.displayName = "Table.HeaderRowRenderer";
 //#endregion
 //#region src/table/internal/TableRoot.tsx
 function De({ className: e, children: t, stickyHeader: n, ...r }) {
-	let a = !!n, o = f(null), s = ue(), c = r.selectionMode === "multiple", l = C({
+	let a = !!n, o = f(null), s = ce(), c = r.selectionMode === "multiple", l = re({
 		...r,
 		showSelectionCheckboxes: r.selectionMode === "multiple",
 		children: t
-	}), u = S({ tableWidth: s.tableWidth }, l), d = s.isResizable && r.allowsResizing !== !1 ? u : null, { gridProps: p } = ee({ ...r }, l, o), _ = l.collection.headerRows, v = [...l.collection.body.childNodes], y = l.collection.body.props?.renderEmptyState, b = l.collection.columns.length || 1, x = v.length > 0 || !!y, { rowGroupProps: T } = O(), { rowGroupProps: E } = O(), { gridProps: te, keyboardMode: D } = he({
+	}), u = ne({ tableWidth: s.tableWidth }, l), d = s.isResizable && r.allowsResizing !== !1 ? u : null, { gridProps: p } = x({ ...r }, l, o), _ = l.collection.headerRows, v = [...l.collection.body.childNodes], b = l.collection.body.props?.renderEmptyState, S = l.collection.columns.length || 1, C = v.length > 0 || !!b, { rowGroupProps: w } = D(), { rowGroupProps: T } = D(), { gridProps: E, keyboardMode: ee } = pe({
 		ref: o,
 		gridProps: p,
 		onKeyDownCapture: r.onKeyDownCapture,
 		onFocusCapture: r.onFocusCapture
 	});
-	return /* @__PURE__ */ m(V, {
-		value: D,
+	return /* @__PURE__ */ m(U, {
+		value: ee,
 		children: /* @__PURE__ */ h("table", {
-			...w(te, g(r, { global: !0 })),
+			...y(E, g(r, { global: !0 })),
 			ref: o,
 			"data-spark-component": "table",
 			className: i("default:w-full", c ? "table-fixed" : void 0, "border-separate border-spacing-y-0", "bg-surface", "outline-none", "text-body-1", "forced-color-adjust-none", "data-focus-visible:u-outline-inset", "has-[>[data-empty]]:h-full", e),
 			children: [/* @__PURE__ */ m("thead", {
-				...T,
+				...w,
 				"data-spark-component": "table-header",
 				children: _.map((e) => /* @__PURE__ */ m(Ee, {
 					item: e,
@@ -538,27 +537,27 @@ function De({ className: e, children: t, stickyHeader: n, ...r }) {
 					}
 				}, e.key))
 			}), /* @__PURE__ */ h("tbody", {
-				...E,
+				...T,
 				"data-spark-component": "table-body",
 				children: [
-					x ? /* @__PURE__ */ m("tr", {
+					C ? /* @__PURE__ */ m("tr", {
 						"aria-hidden": "true",
-						className: _e(),
+						className: he(),
 						role: "presentation",
 						"data-spark-component": "table-body-spacer",
 						children: /* @__PURE__ */ m("td", {
-							colSpan: b,
+							colSpan: S,
 							role: "presentation"
 						})
 					}) : null,
-					v.length === 0 && y ? /* @__PURE__ */ m("tr", {
+					v.length === 0 && b ? /* @__PURE__ */ m("tr", {
 						"data-empty": !0,
 						children: /* @__PURE__ */ m("td", {
-							colSpan: b,
-							children: y({ isEmpty: !0 })
+							colSpan: S,
+							children: b({ isEmpty: !0 })
 						})
 					}) : null,
-					v.map((e) => /* @__PURE__ */ m(W, {
+					v.map((e) => /* @__PURE__ */ m(xe, {
 						item: e,
 						state: l,
 						resizeState: d
@@ -575,7 +574,7 @@ function Oe(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
 function ke({ "aria-label": e, "aria-labelledby": t, className: n, children: r }) {
-	let { allowsResizing: i = !0, maxHeight: a, stickyHeader: o, onResizeStart: s, onResize: c, onResizeEnd: l, onKeyDownCapture: u, sortDescriptor: d, onSortChange: f, className: p, ...h } = k(), g = a == null ? void 0 : { maxHeight: Oe(a) }, _ = n ?? p, v = {
+	let { allowsResizing: i = !0, maxHeight: a, stickyHeader: o, onResizeStart: s, onResize: c, onResizeEnd: l, onKeyDownCapture: u, sortDescriptor: d, onSortChange: f, className: p, ...h } = j(), g = a == null ? void 0 : { maxHeight: Oe(a) }, _ = n ?? p, v = {
 		...h,
 		...e != null && { "aria-label": e },
 		...t != null && { "aria-labelledby": t },
@@ -585,7 +584,7 @@ function ke({ "aria-label": e, "aria-labelledby": t, className: n, children: r }
 		className: _,
 		stickyHeader: o
 	}, y = De;
-	return i ? /* @__PURE__ */ m(A, {
+	return i ? /* @__PURE__ */ m(ue, {
 		className: _,
 		style: g,
 		onResizeStart: s,
@@ -608,9 +607,9 @@ ke.displayName = "Table.Grid";
 //#endregion
 //#region src/table/TableBody.tsx
 function q(e) {
-	return /* @__PURE__ */ m(b, { ...e });
+	return /* @__PURE__ */ m(k, { ...e });
 }
-q.displayName = "Table.Body", q.getCollectionNode = b.getCollectionNode;
+q.displayName = "Table.Body", q.getCollectionNode = k.getCollectionNode;
 //#endregion
 //#region src/table/TableBulkBar.tsx
 var Ae = o(null);
@@ -620,7 +619,7 @@ function J() {
 	return e;
 }
 function je({ children: e, className: t, rootProps: n, ...r }) {
-	let { selectedCount: a, totalCount: o, onClearSelection: s, onSelectAll: c, hasMultiplePages: l } = k();
+	let { selectedCount: a, totalCount: o, onClearSelection: s, onSelectAll: c, hasMultiplePages: l } = j();
 	return /* @__PURE__ */ m(Ae, {
 		value: {
 			selectedCount: a,
@@ -679,9 +678,9 @@ Fe.displayName = "Table.BulkBar", Me.displayName = "Table.BulkBarSelectedCount",
 //#endregion
 //#region src/table/TableCell.tsx
 function Y(e) {
-	return /* @__PURE__ */ m(y, { ...e });
+	return /* @__PURE__ */ m(O, { ...e });
 }
-Y.displayName = "Table.Cell", Y.getCollectionNode = y.getCollectionNode;
+Y.displayName = "Table.Cell", Y.getCollectionNode = O.getCollectionNode;
 //#endregion
 //#region src/table/TableColumn.tsx
 function X({ label: e, allowsResizing: t = !0, ...n }) {
@@ -725,9 +724,9 @@ X.displayName = "Table.Column", X.getCollectionNode = function* (e, t) {
 //#endregion
 //#region src/table/TableHeader.tsx
 function Z(e) {
-	return /* @__PURE__ */ m(x, { ...e });
+	return /* @__PURE__ */ m(A, { ...e });
 }
-Z.displayName = "Table.Header", Z.getCollectionNode = x.getCollectionNode;
+Z.displayName = "Table.Header", Z.getCollectionNode = A.getCollectionNode;
 //#endregion
 //#region src/table/TableRow.tsx
 function Q(e) {
@@ -873,7 +872,7 @@ function Re(e, t) {
 }
 //#endregion
 //#region src/table/index.ts
-var $ = Object.assign(fe, {
+var $ = Object.assign(M, {
 	Grid: ke,
 	Header: Z,
 	Column: X,