@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/table.js

@@ -1,5 +1,17 @@
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/TableView.tsx
 import { mergeStyles } from "../style/runtime.js";
-import { useProviderProps } from "../provider/index.js";
+import { a as useProviderProps } from "./provider.js";
 import { n as ButtonContext$1, t as ActionButtonContext } from "./context.js";
 import { n as getSlottedContextProps } from "./spectrum-context.js";
 import { t as s2IntlStrings } from "./intl.js";
@@ -8,52 +20,109 @@ import { a as createUIIcon } from "./spectrum-icon.js";
 import { i as Button$1 } from "./button.js";
 import { t as Cross } from "./Cross.js";
 import { ButtonGroup } from "../buttongroup/index.js";
-/* empty css                                                                       */
-import { t as Checkmark } from "./Checkmark.js";
 import { t as Chevron } from "./Chevron.js";
+import { t as Checkmark } from "./Checkmark.js";
 /* empty css                                                                       */
 import { t as Dash } from "./Dash.js";
+import { t as createMediaQuery } from "./createMediaQuery.js";
 import { a as DialogContainer, r as CustomDialog } from "./dialog.js";
 /* empty css                                                                       */
-import { t as createMediaQuery } from "./createMediaQuery.js";
 /* empty css                                                                       */
-import { className, createComponent, effect, getNextElement, getNextMarker, insert, memo, mergeProps, runHydrationEvents, spread, style, template } from "solid-js/web";
-import { Show, createContext, createEffect, createMemo, createSignal, getOwner, mergeProps as mergeProps$1, runWithOwner, splitProps, useContext } from "solid-js";
-import { createStringFormatter, getOwnerDocument } from "@proyecto-viviana/solidaria";
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, memo, mergeProps, readShallow, runHydrationEvents, scope, spread, style, template } from "@solidjs/web";
+import { Show, createContext, createMemo, createSignal, createTrackedEffect, getOwner, runWithOwner, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { Button, ColumnResizer, Form, OverlayTriggerStateContext, Popover, ResizableTableContainer, Table, TableBody, TableCell, TableColumn, TableColumnResizeStateContext, TableFooter, TableHeader, TableRow, TableSelectAllCheckbox, TableSelectionCheckbox, TableStateContext, VisuallyHidden } from "@proyecto-viviana/solidaria-components";
+import { createStringFormatter, getOwnerDocument, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
 //#region src/icon/ui-icons/Arrow.tsx
-var _tmpl$$1 = /*#__PURE__*/ template(`<svg xmlns=http://www.w3.org/2000/svg width=10 height=10 viewBox="0 0 10 10"><path d=m9.94946,4.99658c-.00024-.052-.02026-.10132-.02954-.15259-.01074-.05835-.0127-.11768-.03516-.17322-.00122-.00281-.00146-.00574-.00269-.00867-.03198-.07642-.08447-.13965-.13574-.20312-.01831-.02295-.02612-.0509-.04712-.07227l-.00488-.005c-.00024-.00024-.00049-.00049-.00098-.00085l-3.06934-3.11914c-.33984-.3457-.89355-.34863-1.2373-.01074-.34473.33887-.34961.89355-.01074,1.2373l1.6106,1.63672H.9248c-.4834,0-.875.3916-.875.875s.3916.875.875.875h6.06177l-1.6106,1.63672c-.33887.34375-.33398.89844.01074,1.2373.16992.16699.3916.25098.61328.25098.22656,0,.45215-.08691.62402-.26172l3.06934-3.11914c.00049-.00037.00073-.00061.00098-.00085l.00488-.005c.021-.02136.02881-.04932.04712-.07227.05127-.06348.10376-.12671.13574-.20312.00122-.00293.00146-.00586.00269-.00867.02246-.05554.02441-.11487.03516-.17322.00928-.05127.0293-.10059.02954-.15259,0-.00122.00073-.0022.00073-.00342s-.00073-.0022-.00073-.00342Z fill="var(--iconPrimary, #222)">`), _tmpl$2$1 = /*#__PURE__*/ template(`<svg xmlns=http://www.w3.org/2000/svg width=16 height=16 viewBox="0 0 16 16"><path d=m14.78552,8.3783c.10016-.24194.10016-.51477,0-.75671-.05017-.12085-.12256-.2301-.21375-.32129l-4.63037-4.63037c-.38574-.38672-1.0127-.38672-1.39844,0-.38623.38574-.38623,1.0127,0,1.39844l2.94238,2.94238H1.87012c-.54639,0-.98877.44336-.98877.98926s.44238.98926.98877.98926h9.61523l-2.94238,2.94238c-.38623.38574-.38623,1.0127,0,1.39844.19287.19336.44629.29004.69922.29004s.50635-.09668.69922-.29004l4.63037-4.63037c.09125-.09119.16357-.20044.21375-.32141Z fill="var(--iconPrimary, #222)">`);
+var _tmpl$$1 = /* @__PURE__ */ template(`<svg><path d=m9.94946,4.99658c-.00024-.052-.02026-.10132-.02954-.15259-.01074-.05835-.0127-.11768-.03516-.17322-.00122-.00281-.00146-.00574-.00269-.00867-.03198-.07642-.08447-.13965-.13574-.20312-.01831-.02295-.02612-.0509-.04712-.07227l-.00488-.005c-.00024-.00024-.00049-.00049-.00098-.00085l-3.06934-3.11914c-.33984-.3457-.89355-.34863-1.2373-.01074-.34473.33887-.34961.89355-.01074,1.2373l1.6106,1.63672H.9248c-.4834,0-.875.3916-.875.875s.3916.875.875.875h6.06177l-1.6106,1.63672c-.33887.34375-.33398.89844.01074,1.2373.16992.16699.3916.25098.61328.25098.22656,0,.45215-.08691.62402-.26172l3.06934-3.11914c.00049-.00037.00073-.00061.00098-.00085l.00488-.005c.021-.02136.02881-.04932.04712-.07227.05127-.06348.10376-.12671.13574-.20312.00122-.00293.00146-.00586.00269-.00867.02246-.05554.02441-.11487.03516-.17322.00928-.05127.0293-.10059.02954-.15259,0-.00122.00073-.0022.00073-.00342s-.00073-.0022-.00073-.00342Z fill="var(--iconPrimary, #222)">`);
+var _tmpl$2$1 = /* @__PURE__ */ template(`<svg><path d=m14.78552,8.3783c.10016-.24194.10016-.51477,0-.75671-.05017-.12085-.12256-.2301-.21375-.32129l-4.63037-4.63037c-.38574-.38672-1.0127-.38672-1.39844,0-.38623.38574-.38623,1.0127,0,1.39844l2.94238,2.94238H1.87012c-.54639,0-.98877.44336-.98877.98926s.44238.98926.98877.98926h9.61523l-2.94238,2.94238c-.38623.38574-.38623,1.0127,0,1.39844.19287.19336.44629.29004.69922.29004s.50635-.09668.69922-.29004l4.63037-4.63037c.09125-.09119.16357-.20044.21375-.32141Z fill="var(--iconPrimary, #222)">`);
+const styles = function anonymous(props) {
+	let rules = " ";
+	if (props.size === "XXL") rules += " Zu17";
+	else if (props.size === "M") rules += " Zi17";
+	if (props.size === "XXL") rules += " Ft17";
+	else if (props.size === "M") rules += " Fj17";
+	return rules;
+};
 function Arrow_MSvg(props) {
-	const { class: className, width: _width, height: _height, ...rest } = props;
-	return (() => {
-		var _el$ = getNextElement(_tmpl$$1);
-		spread(_el$, mergeProps(rest, { "class": className }), true, true);
-		runHydrationEvents();
-		return _el$;
-	})();
+	const [local, rest] = splitProps(props, [
+		"class",
+		"width",
+		"height"
+	]);
+	var _el$ = getNextElement(_tmpl$$1);
+	spread(_el$, [
+		{
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "10",
+			height: "10",
+			viewBox: "0 0 10 10"
+		},
+		rest,
+		{ get "class"() {
+			return local.class;
+		} }
+	], true);
+	runHydrationEvents();
+	return _el$;
 }
 function Arrow_XXLSvg(props) {
-	const { class: className, width: _width, height: _height, ...rest } = props;
-	return (() => {
-		var _el$2 = getNextElement(_tmpl$2$1);
-		spread(_el$2, mergeProps(rest, { "class": className }), true, true);
-		runHydrationEvents();
-		return _el$2;
-	})();
+	const [local, rest] = splitProps(props, [
+		"class",
+		"width",
+		"height"
+	]);
+	var _el$2 = getNextElement(_tmpl$2$1);
+	spread(_el$2, [
+		{
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "16",
+			height: "16",
+			viewBox: "0 0 16 16"
+		},
+		rest,
+		{ get "class"() {
+			return local.class;
+		} }
+	], true);
+	runHydrationEvents();
+	return _el$2;
 }
 const Arrow_M = createUIIcon(Arrow_MSvg);
 const Arrow_XXL = createUIIcon(Arrow_XXLSvg);
 function Arrow(props) {
-	const { size = "M", class: className, width: _width, height: _height, ...rest } = props;
+	const [local, rest] = splitProps(props, [
+		"size",
+		"class",
+		"width",
+		"height"
+	]);
+	const size = local.size ?? "M";
+	const mergedClass = () => `${local.class ?? ""}${styles({ size })}`;
 	switch (size) {
-		case "M": return createComponent(Arrow_M, mergeProps(rest, { "class": className }));
-		case "XXL": return createComponent(Arrow_XXL, mergeProps(rest, { "class": className }));
-		default: return createComponent(Arrow_M, mergeProps(rest, { "class": className }));
+		case "M": return createComponent(Arrow_M, mergeProps(rest, { get "class"() {
+			return mergedClass();
+		} }));
+		case "XXL": return createComponent(Arrow_XXL, mergeProps(rest, { get "class"() {
+			return mergedClass();
+		} }));
+		default: return createComponent(Arrow_M, mergeProps(rest, { get "class"() {
+			return mergedClass();
+		} }));
 	}
 }
 //#endregion
 //#region src/table/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div role=presentation class=" _Lf151 _Kb151 _Mc151 O8KaFke151 Olc151 osmOfn151 nsmOfn151 ksmOfn151 jsmOfn151 _9d151 _Pa151 WEDXqxb151 _lr151 _Ar151 _zr151 _Ob151">`), _tmpl$2 = /*#__PURE__*/ template(`<div><!$><!/><div data-table-view-shell></div><!$><!/><!$><!/>`), _tmpl$3 = /*#__PURE__*/ template(`<div>`), _tmpl$4 = /*#__PURE__*/ template(`<div class=" _Pa151 _lt151 sd151 _Ca151 _Ob151 _9d151"><div class=" _Oa151">`), _tmpl$5 = /*#__PURE__*/ template(`<span><!$><!/><span></span><!$><!/>`), _tmpl$6 = /*#__PURE__*/ template(`<div class=" MkDJKOc151 sd151 eb151 _Ca151 pHKLAu151 uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fb151 _FnuYUwec151">`), _tmpl$7 = /*#__PURE__*/ template(`<div class=" sd151 eb151 Fb151 Na151"><!$><!/><!$><!/>`), _tmpl$8 = /*#__PURE__*/ template(`<div class=" sd151 _tc151 ea151 _va151 _ua151"><!$><!/><!$><!/>`), _tmpl$9 = /*#__PURE__*/ template(`<span data-rsp-slot=selection-indicator><!$><!/><span>`), _tmpl$0 = /*#__PURE__*/ template(`<span data-rsp-slot=select-all-indicator><!$><!/><span>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div role=presentation class=" _Lf17 _Kb17 _Mc17 Or2Mazb17 Olc17 osmOfn17 nsmOfn17 ksmOfn17 jsmOfn17 _9d17 _Pa17 WEDXqxb17 _lr17 _Ar17 _zr17 _Ob17">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div><!$><!/><div data-table-view-shell></div><!$><!/><!$><!/>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<div class=" _Pa17 _lt17 sd17 _Ca17 _Ob17 _9d17"><div class=" _Oa17">`);
+var _tmpl$5 = /* @__PURE__ */ template(`<span><!$><!/><span></span><!$><!/>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<div class=" MkDJKOc17 sd17 eb17 _Ca17 pmiKvLd17 uk17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 -_6BNtrc-b17 vx17 xb17 _xa17 _Fb17 _FnuYUwec17">`);
+var _tmpl$7 = /* @__PURE__ */ template(`<div class=" sd17 eb17 Fb17 Na17"><!$><!/><!$><!/>`);
+var _tmpl$8 = /* @__PURE__ */ template(`<div class=" sd17 _tc17 ea17 _va17 _ua17"><!$><!/><!$><!/>`);
+var _tmpl$9 = /* @__PURE__ */ template(`<span data-rsp-slot=selection-indicator><!$><!/><span>`);
+var _tmpl$10 = /* @__PURE__ */ template(`<span data-rsp-slot=select-all-indicator><!$><!/><span>`);
 const InternalTableContext = createContext({
 	density: "regular",
 	isQuiet: false,
@@ -74,235 +143,235 @@ const tableWrapper = function anonymous(props, overrides) {
 		if (p[1] === "_P") position = true;
 		rules += p[0];
 	}
-	if (!minHeight) rules += " Ma151";
-	if (!minWidth) rules += " Na151";
-	rules += " sd151";
-	rules += " _ta151";
-	rules += " _Bb151";
-	if (!position) rules += " _Pc151";
-	rules += " _Nb151";
-	rules += " Pb151";
+	if (!minHeight) rules += " Ma17";
+	if (!minWidth) rules += " Na17";
+	rules += " sd17";
+	rules += " _ta17";
+	rules += " _Bb17";
+	if (!position) rules += " _Pc17";
+	rules += " _Nb17";
+	rules += " Pb17";
 	return rules;
 };
 const tableShell = function anonymous(props) {
 	let rules = " ";
-	rules += " Ma151";
-	rules += " Na151";
-	rules += " Za151";
-	rules += " _ub151";
-	rules += " _oa151";
-	rules += " _Na151";
-	rules += " Pa151";
-	if (props.isQuiet) rules += " g9151";
-	else rules += " gLZZSrd151";
-	rules += " ifbAdGe151";
-	if (props.isQuiet) rules += " _ka151";
-	else rules += " _kb151";
-	if (props.isQuiet) rules += " ha151";
-	else rules += " hb151";
-	if (props.isQuiet) rules += " ma151";
-	else rules += " mb151";
-	if (props.isQuiet) rules += " la151";
-	else rules += " lb151";
-	rules += " _jf151";
-	if (props.isQuiet) rules += " od151";
-	else rules += " of151";
-	if (props.isQuiet) rules += " nd151";
-	else rules += " nf151";
-	if (props.isQuiet) rules += " kd151";
-	else rules += " kf151";
-	if (props.isQuiet) rules += " jd151";
-	else rules += " jf151";
-	rules += " _Um151";
+	rules += " Ma17";
+	rules += " Na17";
+	rules += " Za17";
+	rules += " _ub17";
+	rules += " _oa17";
+	rules += " _Na17";
+	rules += " Pa17";
+	if (props.isQuiet) rules += " g917";
+	else rules += " g4T7hrb17";
+	rules += " iSNu3ze17";
+	if (props.isQuiet) rules += " _ka17";
+	else rules += " _kb17";
+	if (props.isQuiet) rules += " ha17";
+	else rules += " hb17";
+	if (props.isQuiet) rules += " ma17";
+	else rules += " mb17";
+	if (props.isQuiet) rules += " la17";
+	else rules += " lb17";
+	rules += " _jf17";
+	if (props.isQuiet) rules += " od17";
+	else rules += " of17";
+	if (props.isQuiet) rules += " nd17";
+	else rules += " nf17";
+	if (props.isQuiet) rules += " kd17";
+	else rules += " kf17";
+	if (props.isQuiet) rules += " jd17";
+	else rules += " jf17";
+	rules += " _Um17";
 	return rules;
 };
 const table = function anonymous(props) {
 	let rules = " ";
-	rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _Ka151";
-	rules += " _4c151";
-	rules += " Nb151";
-	rules += " Za151";
+	rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _Ka17";
+	rules += " _4c17";
+	rules += " Nb17";
+	rules += " Za17";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-e151";
-		rules += " vx151";
+		rules += " -_6BNtrc-e17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	}
-	rules += " uxe7h4151";
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _ka151";
-	rules += " ha151";
-	rules += " ma151";
-	rules += " la151";
-	rules += " __nb151";
-	rules += " __oe151";
-	rules += " __Sb151";
-	rules += " __ca151";
-	rules += " -lPUMEc-Zu151";
+	rules += " uxe7h417";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _ka17";
+	rules += " ha17";
+	rules += " ma17";
+	rules += " la17";
+	rules += " __nb17";
+	rules += " __oe17";
+	rules += " __Sb17";
+	rules += " __ca17";
+	rules += " -lPUMEc-Zu17";
 	return rules;
 };
 const legacyLabel = function anonymous(props) {
 	let rules = " ";
-	if (props.size === "XL") rules += " uxe7h4151";
-	else if (props.size === "L") rules += " uxe7h4151";
-	else if (props.size === "S") rules += " uxe7h4151";
-	else if (props.size === "XS") rules += " uxe7h4151";
-	else rules += " uxe7h4151";
+	if (props.size === "XL") rules += " uxe7h417";
+	else if (props.size === "L") rules += " uxe7h417";
+	else if (props.size === "S") rules += " uxe7h417";
+	else if (props.size === "XS") rules += " uxe7h417";
+	else rules += " uxe7h417";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-e151";
-		rules += " vx151";
+		rules += " -_6BNtrc-e17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	}
-	rules += " xc151";
-	rules += " _xa151";
+	rules += " xc17";
+	rules += " _xa17";
 	if (props.size === "XL") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "L") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "S") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else if (props.size === "XS") {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	} else {
-		rules += " _Fd151";
-		rules += " _FnuYUweb151";
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
 	}
-	if (props.isPressed) rules += " pMwyHo151";
-	else if (props.isFocusVisible) rules += " pMwyHo151";
-	else if (props.isHovered) rules += " pMwyHo151";
-	else rules += " pHKLAu151";
-	rules += " Gs151";
+	if (props.isPressed) rules += " pBJTC6c17";
+	else if (props.isFocusVisible) rules += " pBJTC6c17";
+	else if (props.isHovered) rules += " pBJTC6c17";
+	else rules += " pmiKvLd17";
+	rules += " Gs17";
 	return rules;
 };
 const legacyDescription = function anonymous(props) {
 	let rules = " ";
-	rules += " uk151";
-	rules += " ucJ9TBTb151";
-	rules += " ud3Euai151";
-	rules += " uea151";
-	rules += " ugb151";
-	rules += " uhd151";
-	rules += " uje151";
-	rules += " u2NhKxcl151";
-	rules += " uic151";
-	rules += " -_6BNtrc-b151";
-	rules += " vx151";
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _Fb151";
-	rules += " _FnuYUwec151";
-	if (props.isPressed) rules += " pQKeKoe151";
-	else if (props.isFocusVisible) rules += " pQKeKoe151";
-	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
-	rules += " Js151";
+	rules += " uk17";
+	rules += " ucJ9TBTb17";
+	rules += " ud3Euai17";
+	rules += " uea17";
+	rules += " ugb17";
+	rules += " uhd17";
+	rules += " uje17";
+	rules += " u2NhKxcl17";
+	rules += " uic17";
+	rules += " -_6BNtrc-b17";
+	rules += " vx17";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _Fb17";
+	rules += " _FnuYUwec17";
+	if (props.isPressed) rules += " pX85CBd17";
+	else if (props.isFocusVisible) rules += " pX85CBd17";
+	else if (props.isHovered) rules += " pX85CBd17";
+	else rules += " pLw1gcc17";
+	rules += " Js17";
 	return rules;
 };
-const tableHeader = " g5caPde151";
+const tableHeader = " gZf1eed17";
 const tableColumn = function anonymous(props) {
 	let rules = " ";
-	rules += " _Le151";
-	rules += " _Pc151";
-	if (props.density === "spacious") rules += " Fv151";
-	else if (props.density === "regular") rules += " Fx151";
-	else if (props.density === "compact") rules += " Fx151";
-	if (props.density === "spacious") rules += " Mh151";
-	else if (props.density === "regular") rules += " Mi151";
-	else if (props.density === "compact") rules += " Mi151";
-	rules += " Sf151";
-	rules += " Rf151";
-	rules += " Td151";
-	rules += " Qd151";
-	if (props.isPressed) rules += " pMwyHo151";
-	else if (props.isFocusVisible) rules += " pMwyHo151";
-	else if (props.isHovered) rules += " pMwyHo151";
-	else rules += " pHKLAu151";
+	rules += " _Le17";
+	rules += " _Pc17";
+	if (props.density === "spacious") rules += " Fv17";
+	else if (props.density === "regular") rules += " Fx17";
+	else if (props.density === "compact") rules += " Fx17";
+	if (props.density === "spacious") rules += " Mh17";
+	else if (props.density === "regular") rules += " Mi17";
+	else if (props.density === "compact") rules += " Mi17";
+	rules += " Sf17";
+	rules += " Rf17";
+	rules += " Td17";
+	rules += " Qd17";
+	if (props.isPressed) rules += " pBJTC6c17";
+	else if (props.isFocusVisible) rules += " pBJTC6c17";
+	else if (props.isHovered) rules += " pBJTC6c17";
+	else rules += " pmiKvLd17";
 	if (props.size === "XL") {
-		rules += " -_6BNtrc-e151";
-		rules += " vx151";
+		rules += " -_6BNtrc-e17";
+		rules += " vx17";
 	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
 	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
 	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
 	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
 	}
-	rules += " uxe7h4151";
-	rules += " xd151";
-	rules += " _xa151";
-	rules += " xX0cczbc151";
-	rules += " _xX0cczba151";
-	if (props.align === "end") rules += " _Wb151";
-	else if (props.align === "center") rules += " _Wa151";
-	else if (props.align === "start") rules += " _Wd151";
-	rules += " _5c151";
-	rules += " g5caPde151";
-	rules += " _ka151";
-	rules += " hb151";
-	rules += " ma151";
-	rules += " _jf151";
-	rules += " ifbAdGe151";
-	if (props.isSortable) rules += " ry151";
-	rules += " _7c151";
+	rules += " uxe7h417";
+	rules += " xd17";
+	rules += " _xa17";
+	rules += " xX0cczbc17";
+	rules += " _xX0cczba17";
+	if (props.align === "end") rules += " _Wb17";
+	else if (props.align === "center") rules += " _Wa17";
+	else if (props.align === "start") rules += " _Wd17";
+	rules += " _5c17";
+	rules += " gZf1eed17";
+	rules += " _ka17";
+	rules += " hb17";
+	rules += " ma17";
+	rules += " _jf17";
+	rules += " iSNu3ze17";
+	if (props.isSortable) rules += " ry17";
+	rules += " _7c17";
 	return rules;
 };
 const tableColumnContent = function anonymous(props) {
 	let rules = " ";
-	rules += " sd151";
-	rules += " eb151";
-	rules += " Uc151";
-	rules += " Usd151";
-	rules += " qc151";
-	rules += " qsd151";
-	if (props.align === "end") rules += " _Cb151";
-	else if (props.align === "center") rules += " _Ca151";
-	else if (props.align === "start") rules += " _Cg151";
-	rules += " Na151";
-	rules += " Za151";
-	rules += " _Nc151";
-	rules += " Pc151";
-	if (props.overflowMode === "truncate") rules += " _Yb151";
-	if (props.overflowMode === "wrap") rules += " _7b151";
-	else if (props.overflowMode === "truncate") rules += " _7c151";
+	rules += " sd17";
+	rules += " eb17";
+	rules += " Uc17";
+	rules += " Usd17";
+	rules += " qc17";
+	rules += " qsd17";
+	if (props.align === "end") rules += " _Cb17";
+	else if (props.align === "center") rules += " _Ca17";
+	else if (props.align === "start") rules += " _Cg17";
+	rules += " Na17";
+	rules += " Za17";
+	rules += " _Nc17";
+	rules += " Pc17";
+	if (props.overflowMode === "truncate") rules += " _Yb17";
+	if (props.overflowMode === "wrap") rules += " _7b17";
+	else if (props.overflowMode === "truncate") rules += " _7c17";
 	return rules;
 };
-const tableSortIcon = " _va151 Zi151 Fj151 -_8sjo0b-t5ZbAob151";
+const tableSortIcon = " _va17 Zi17 Fj17 -_8sjo0b-t5ZbAob17";
 const HIGHLIGHT_SELECTION_BORDER_CLASS = "solid-spectrum-table-highlight-selection";
 let highlightSelectionBorderInjected = false;
 function injectHighlightSelectionBorderCSS() {
@@ -355,103 +424,112 @@ function injectRowFocusIndicatorCSS() {
 }
 const tableRow = function anonymous(props) {
 	let rules = " ";
-	rules += " _Le151";
-	rules += " _Pc151";
-	rules += " _Bb151";
-	rules += " _yb151";
-	if (props.density === "spacious") rules += " Mk151";
-	else if (props.density === "regular") rules += " Mh151";
-	else if (props.density === "compact") rules += " Mi151";
-	if (props.isSelected) if (props.selectionStyle === "highlight") if (props.isPressed) rules += " gu0JyE151";
-	else if (props.isHovered) rules += " gu0JyE151";
-	else rules += " gFAIyE151";
-	else rules += " gwjk4G151";
-	else if (props.isPressed) rules += " g5Ak4G151";
-	else if (props.isHovered) rules += " goKj4G151";
-	else rules += " g9151";
+	rules += " _Le17";
+	rules += " _Pc17";
+	rules += " _Bb17";
+	rules += " _yb17";
+	if (props.density === "spacious") rules += " Mk17";
+	else if (props.density === "regular") rules += " Mh17";
+	else if (props.density === "compact") rules += " Mi17";
+	if (props.isSelected) {
+		if (props.selectionStyle === "highlight") {
+			if (props.isPressed) rules += " gWvnqoe17";
+			else if (props.isHovered) rules += " gWvnqoe17";
+			else rules += " g75lqoe17";
+		} else rules += " g2QQKwb17";
+	} else if (props.isPressed) rules += " gB8QKwb17";
+	else if (props.isHovered) rules += " gUhQKwb17";
+	else rules += " g917";
 	if (props.selectionStyle === "highlight") {
-		if (props.isSelected) rules += " gle151";
+		if (props.isSelected) rules += " gle17";
 	}
-	if (props.isDisabled) rules += " ri151";
-	if (props.isDisabled) rules += " pUvnvv151";
-	else if (props.isSelected) if (props.isPressed) rules += " pMwyHo151";
-	else if (props.isFocusVisible) rules += " pMwyHo151";
-	else if (props.isHovered) rules += " pMwyHo151";
-	else rules += " pHKLAu151";
-	else if (props.isPressed) rules += " pQKeKoe151";
-	else if (props.isFocusVisible) rules += " pQKeKoe151";
-	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
+	if (props.isDisabled) rules += " ri17";
+	if (props.isDisabled) rules += " p8H6Pad17";
+	else if (props.isSelected) {
+		if (props.isPressed) rules += " pBJTC6c17";
+		else if (props.isFocusVisible) rules += " pBJTC6c17";
+		else if (props.isHovered) rules += " pBJTC6c17";
+		else rules += " pmiKvLd17";
+	} else if (props.isPressed) rules += " pX85CBd17";
+	else if (props.isFocusVisible) rules += " pX85CBd17";
+	else if (props.isHovered) rules += " pX85CBd17";
+	else rules += " pLw1gcc17";
 	if (props.selectionStyle === "highlight") {
-		if (props.isSelected) rules += " ple151";
+		if (props.isSelected) rules += " ple17";
+	}
+	rules += " -JW3yBe-iSNu3ze17";
+	if (props.isSelected) rules += " -JW3yBe-lid17";
+	else rules += " -JW3yBe-lia17";
+	rules += " -wFhyBe-iwOLUue17";
+	rules += " -wFhyBe-lid17";
+	if (props.isSelected) rules += " -EH8uVb-iuZovEb17";
+	else rules += " -EH8uVb-iA17";
+	rules += " -Ov0MLc-Or2Mazb17";
+	rules += " -Ov0MLc-lOc17";
+	if (props.isFirstItem) rules += " -eTOhNb-Wr17";
+	else rules += " -eTOhNb-WLPOtrc17";
+	if (props.selectionStyle === "highlight") rules += " -t5oMwe-_lLPOtrc17";
+	else if (props.selectionStyle === "checkbox") {
+		if (props.isNextSelected) rules += " -t5oMwe-_lr17";
+		else rules += " -t5oMwe-_lLPOtrc17";
+	}
+	if (props.selectionStyle === "highlight") {
+		if (props.isPrevSelected) rules += " -GkFu3c-od17";
+		else if (props.isSelected) rules += " -GkFu3c-osmOfn17";
+		else rules += " -GkFu3c-od17";
+	} else rules += " -GkFu3c-od17";
+	if (props.selectionStyle === "highlight") {
+		if (props.isNextSelected) rules += " -mtnI9b-kd17";
+		else if (props.isSelected) rules += " -mtnI9b-ksmOfn17";
+		else rules += " -mtnI9b-kd17";
+	} else rules += " -mtnI9b-kd17";
+	rules += " kM1g6bb17";
+	rules += " jM1g6bb17";
+	rules += " ow2GT5b17";
+	rules += " nw2GT5b17";
+	if (props.isPrevSelected) rules += " -K0jSNe-ZDWMfn17";
+	else if (props.selectionStyle === "highlight") rules += " -K0jSNe-Ze17";
+	else if (props.selectionStyle === "checkbox") rules += " -K0jSNe-ZDWMfn17";
+	if (props.isNextSelected) rules += " -ACwbMe-ZDWMfn17";
+	else if (props.selectionStyle === "highlight") rules += " -ACwbMe-Ze17";
+	else if (props.selectionStyle === "checkbox") rules += " -ACwbMe-ZDWMfn17";
+	if (props.selectionStyle === "highlight") rules += " -YiueL-Ze17";
+	else if (props.selectionStyle === "checkbox") rules += " -YiueL-ZDWMfn17";
+	if (props.selectionStyle === "highlight") {
+		if (props.isNextSelected) rules += " _nCOSyG17";
+		else if (props.isSelected) rules += " _nCOSyG17";
+		else rules += " _nAMrXze17";
 	}
-	rules += " -JW3yBe-ifbAdGe151";
-	if (props.isSelected) rules += " -JW3yBe-lid151";
-	else rules += " -JW3yBe-lia151";
-	rules += " -wFhyBe-i5dxOg151";
-	rules += " -wFhyBe-lid151";
-	if (props.isSelected) rules += " -EH8uVb-iuZovEb151";
-	else rules += " -EH8uVb-iA151";
-	rules += " -Ov0MLc-O8KaFke151";
-	rules += " -Ov0MLc-lOc151";
-	if (props.isFirstItem) rules += " -eTOhNb-Wr151";
-	else rules += " -eTOhNb-WLPOtrc151";
-	if (props.selectionStyle === "highlight") rules += " -t5oMwe-_lLPOtrc151";
-	else if (props.selectionStyle === "checkbox") if (props.isNextSelected) rules += " -t5oMwe-_lr151";
-	else rules += " -t5oMwe-_lLPOtrc151";
-	if (props.selectionStyle === "highlight") if (props.isPrevSelected) rules += " -GkFu3c-od151";
-	else if (props.isSelected) rules += " -GkFu3c-osmOfn151";
-	else rules += " -GkFu3c-od151";
-	else rules += " -GkFu3c-od151";
-	if (props.selectionStyle === "highlight") if (props.isNextSelected) rules += " -mtnI9b-kd151";
-	else if (props.isSelected) rules += " -mtnI9b-ksmOfn151";
-	else rules += " -mtnI9b-kd151";
-	else rules += " -mtnI9b-kd151";
-	rules += " kM1g6bb151";
-	rules += " jM1g6bb151";
-	rules += " ow2GT5b151";
-	rules += " nw2GT5b151";
-	if (props.isPrevSelected) rules += " -K0jSNe-ZDWMfn151";
-	else if (props.selectionStyle === "highlight") rules += " -K0jSNe-Ze151";
-	else if (props.selectionStyle === "checkbox") rules += " -K0jSNe-ZDWMfn151";
-	if (props.isNextSelected) rules += " -ACwbMe-ZDWMfn151";
-	else if (props.selectionStyle === "highlight") rules += " -ACwbMe-Ze151";
-	else if (props.selectionStyle === "checkbox") rules += " -ACwbMe-ZDWMfn151";
-	if (props.selectionStyle === "highlight") rules += " -YiueL-Ze151";
-	else if (props.selectionStyle === "checkbox") rules += " -YiueL-ZDWMfn151";
-	if (props.selectionStyle === "highlight") if (props.isNextSelected) rules += " _nCOSyG151";
-	else if (props.isSelected) rules += " _nCOSyG151";
-	else rules += " _nAMrXze151";
 	return rules;
 };
 const tableCell = function anonymous(props) {
 	let rules = " ";
-	rules += " _Le151";
-	rules += " _Pc151";
-	rules += " p40ub4c151";
-	if (props.isTreeColumn) rules += " S7cyhDe151";
-	else rules += " Sf151";
-	rules += " Rf151";
-	rules += " Td151";
-	rules += " Qd151";
-	if (props.isTreeColumnWithNoChildren) rules += " -WWxPD-Zv151";
-	else rules += " -WWxPD-Zu151";
-	if (props.density === "spacious") rules += " Mk151";
-	else if (props.density === "regular") rules += " Mh151";
-	else if (props.density === "compact") rules += " Mi151";
-	if (props.density === "spacious") rules += " Fz151";
-	else if (props.density === "regular") rules += " Fv151";
-	else if (props.density === "compact") rules += " Fx151";
-	if (props.align === "end") rules += " _Wb151";
-	else if (props.align === "center") rules += " _Wa151";
-	else if (props.align === "start") rules += " _Wd151";
-	rules += " _5c151";
-	rules += " _ka151";
-	if (props.selectionStyle === "highlight") rules += " ha151";
-	else rules += " hb151";
-	rules += " ma151";
-	rules += " _jf151";
-	rules += " ifbAdGe151";
+	rules += " _Le17";
+	rules += " _Pc17";
+	rules += " p40ub4c17";
+	if (props.isTreeColumn) rules += " S7cyhDe17";
+	else rules += " Sf17";
+	rules += " Rf17";
+	rules += " Td17";
+	rules += " Qd17";
+	if (props.isTreeColumnWithNoChildren) rules += " -WWxPD-Zv17";
+	else rules += " -WWxPD-Zu17";
+	if (props.density === "spacious") rules += " Mk17";
+	else if (props.density === "regular") rules += " Mh17";
+	else if (props.density === "compact") rules += " Mi17";
+	if (props.density === "spacious") rules += " Fz17";
+	else if (props.density === "regular") rules += " Fv17";
+	else if (props.density === "compact") rules += " Fx17";
+	if (props.align === "end") rules += " _Wb17";
+	else if (props.align === "center") rules += " _Wa17";
+	else if (props.align === "start") rules += " _Wd17";
+	rules += " _5c17";
+	rules += " _ka17";
+	if (props.selectionStyle === "highlight") rules += " ha17";
+	else rules += " hb17";
+	rules += " ma17";
+	rules += " _jf17";
+	rules += " iSNu3ze17";
 	return rules;
 };
 function CellFocusRing() {
@@ -459,78 +537,79 @@ function CellFocusRing() {
 }
 const tableCellContent = function anonymous(props) {
 	let rules = " ";
-	rules += " Na151";
-	if (props.overflowMode === "wrap") rules += " _Ne151";
-	else if (props.overflowMode === "truncate") rules += " _Nc151";
-	if (props.overflowMode === "wrap") rules += " Pe151";
-	else if (props.overflowMode === "truncate") rules += " Pc151";
-	if (props.overflowMode === "truncate") rules += " _Yb151";
-	if (props.overflowMode === "wrap") rules += " _7b151";
-	else if (props.overflowMode === "truncate") rules += " _7c151";
+	rules += " Na17";
+	if (props.overflowMode === "wrap") rules += " _Ne17";
+	else if (props.overflowMode === "truncate") rules += " _Nc17";
+	if (props.overflowMode === "wrap") rules += " Pe17";
+	else if (props.overflowMode === "truncate") rules += " Pc17";
+	if (props.overflowMode === "truncate") rules += " _Yb17";
+	if (props.overflowMode === "wrap") rules += " _7b17";
+	else if (props.overflowMode === "truncate") rules += " _7c17";
 	return rules;
 };
 const expandButton = function anonymous(props) {
 	let rules = " ";
 	if (props.isDisabled) {
-		rules += " pUvnvv151";
-		rules += " plc151";
-	} else rules += " p40ub4c151";
-	rules += " Fb151";
-	rules += " Zw151";
-	rules += " Id151";
-	rules += " sd151";
-	rules += " _wb151";
-	rules += " _cb151";
-	rules += " _Ca151";
-	rules += " _Le151";
-	rules += " ri151";
-	if (props.isExpanded) rules += " _Sd151";
-	rules += " Td151";
-	rules += " Qd151";
-	rules += " Sd151";
-	rules += " Rd151";
-	rules += " Yd151";
-	rules += " Xb151";
-	rules += " _2b151";
-	rules += " g9151";
-	rules += " _ka151";
-	rules += " ha151";
-	rules += " ma151";
-	rules += " la151";
-	rules += " _je151";
-	rules += " __ca151";
+		rules += " p8H6Pad17";
+		rules += " plc17";
+	} else rules += " p40ub4c17";
+	rules += " Fb17";
+	rules += " Zw17";
+	rules += " Id17";
+	rules += " sd17";
+	rules += " _wb17";
+	rules += " _cb17";
+	rules += " _Ca17";
+	rules += " _Le17";
+	rules += " ri17";
+	if (props.isExpanded) rules += " _Sd17";
+	rules += " Td17";
+	rules += " Qd17";
+	rules += " Sd17";
+	rules += " Rd17";
+	rules += " Yd17";
+	rules += " Xb17";
+	rules += " _2b17";
+	rules += " g917";
+	rules += " _ka17";
+	rules += " ha17";
+	rules += " ma17";
+	rules += " la17";
+	rules += " _je17";
+	rules += " __ca17";
 	return rules;
 };
-const expandChevronIcon = " -_8sjo0b-t5ZbAob151";
+const expandChevronIcon = " -_8sjo0b-t5ZbAob17";
 const editableCell = function anonymous(props) {
 	let rules = " ";
-	rules += " _Le151";
-	rules += " _Pc151";
-	if (props.isSaving) if (props.isPressed) rules += " pQKeKoe151";
-	else if (props.isFocusVisible) rules += " pQKeKoe151";
-	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
-	else rules += " p40ub4c151";
-	rules += " Sf151";
-	rules += " Rf151";
-	rules += " Td151";
-	rules += " Qd151";
-	if (props.density === "spacious") rules += " Mk151";
-	else if (props.density === "regular") rules += " Mh151";
-	else if (props.density === "compact") rules += " Mi151";
-	if (props.density === "spacious") rules += " Fz151";
-	else if (props.density === "regular") rules += " Fv151";
-	else if (props.density === "compact") rules += " Fx151";
-	if (props.align === "end") rules += " _Wb151";
-	else if (props.align === "center") rules += " _Wa151";
-	else if (props.align === "start") rules += " _Wd151";
-	rules += " _5c151";
-	rules += " _ka151";
-	if (props.selectionStyle === "highlight") rules += " ha151";
-	else rules += " hb151";
-	rules += " ma151";
-	rules += " _jf151";
-	rules += " ifbAdGe151";
+	rules += " _Le17";
+	rules += " _Pc17";
+	if (props.isSaving) {
+		if (props.isPressed) rules += " pX85CBd17";
+		else if (props.isFocusVisible) rules += " pX85CBd17";
+		else if (props.isHovered) rules += " pX85CBd17";
+		else rules += " pLw1gcc17";
+	} else rules += " p40ub4c17";
+	rules += " Sf17";
+	rules += " Rf17";
+	rules += " Td17";
+	rules += " Qd17";
+	if (props.density === "spacious") rules += " Mk17";
+	else if (props.density === "regular") rules += " Mh17";
+	else if (props.density === "compact") rules += " Mi17";
+	if (props.density === "spacious") rules += " Fz17";
+	else if (props.density === "regular") rules += " Fv17";
+	else if (props.density === "compact") rules += " Fx17";
+	if (props.align === "end") rules += " _Wb17";
+	else if (props.align === "center") rules += " _Wa17";
+	else if (props.align === "start") rules += " _Wd17";
+	rules += " _5c17";
+	rules += " _ka17";
+	if (props.selectionStyle === "highlight") rules += " ha17";
+	else rules += " hb17";
+	rules += " ma17";
+	rules += " _jf17";
+	rules += " iSNu3ze17";
 	return rules;
 };
 const editPopover = function anonymous(props, overrides) {
@@ -541,60 +620,63 @@ const editPopover = function anonymous(props, overrides) {
 		if (p[1] === "N") minWidth = true;
 		rules += p[0];
 	}
-	if (props.colorScheme === "dark") rules += " -ICUGx-_pa151";
-	else if (props.colorScheme === "light") rules += " -ICUGx-_pb151";
-	else if (props.colorScheme === "light dark") rules += " -ICUGx-_pc151";
-	rules += " _pK8eoyd151";
-	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU151";
-	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c151";
+	if (props.colorScheme === "dark") rules += " -ICUGx-_pa17";
+	else if (props.colorScheme === "light") rules += " -ICUGx-_pb17";
 	else if (props.colorScheme === "light dark") {
-		rules += " -NvXmrd-_ZN8Gi4c151";
-		rules += " -NvXmrd-D1v0V_ZLmU151";
+		rules += " -ICUGx-_pb17";
+		rules += " -ICUGx-D1v0V_pa17";
 	}
-	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c151";
-	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU151";
+	rules += " _pK8eoyd17";
+	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU17";
+	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c17";
 	else if (props.colorScheme === "light dark") {
-		rules += " -j9blY-_ZLmU151";
-		rules += " -j9blY-D1v0V_ZN8Gi4c151";
+		rules += " -NvXmrd-_ZN8Gi4c17";
+		rules += " -NvXmrd-D1v0V_ZLmU17";
 	}
-	rules += " -Ovbhqd-g9ORGnd151";
-	rules += " gEzkoQe151";
-	rules += " kb151";
-	rules += " jb151";
-	rules += " _nfRoCnb151";
-	rules += " _jf151";
-	rules += " _kb151";
-	rules += " hb151";
-	rules += " mb151";
-	rules += " lb151";
-	rules += " iG1H3ce151";
-	rules += " ila151";
-	rules += " _ob151";
-	rules += " _Bb151";
-	if (props.isExiting) rules += " _Ob151";
-	rules += " _Le151";
-	if (!minWidth) rules += " NuHSBze151";
-	rules += " Tt151";
-	rules += " Qt151";
-	rules += " St151";
-	rules += " Rt151";
-	rules += " sd151";
-	rules += " eb151";
+	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c17";
+	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU17";
+	else if (props.colorScheme === "light dark") {
+		rules += " -j9blY-_ZLmU17";
+		rules += " -j9blY-D1v0V_ZN8Gi4c17";
+	}
+	rules += " -Ovbhqd-g9ORGnd17";
+	rules += " gEzkoQe17";
+	rules += " kb17";
+	rules += " jb17";
+	rules += " _nPP9Zse17";
+	rules += " _jf17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " i8DRfdc17";
+	rules += " ila17";
+	rules += " _ob17";
+	rules += " _Bb17";
+	if (props.isExiting) rules += " _Ob17";
+	rules += " _Le17";
+	if (!minWidth) rules += " NuHSBze17";
+	rules += " Tt17";
+	rules += " Qt17";
+	rules += " St17";
+	rules += " Rt17";
+	rules += " sd17";
+	rules += " eb17";
 	return rules;
 };
-const editForm = " Za151 sd151 ed151 Ul151 ql151";
-const editFormMobile = " Za151 sd151 _ta151 ed151 Ul151 ql151";
-const editButtonGroupStyles = " _dd151";
+const editForm = " Za17 sd17 ed17 Ul17 ql17";
+const editFormMobile = " Za17 sd17 _ta17 ed17 Ul17 ql17";
+const editButtonGroupStyles = " _dd17";
 const editButtonStyles = function anonymous(props) {
 	let rules = " ";
-	if (props.isForcedVisible) rules += " _6c151";
-	else rules += " _6b151";
-	rules += " _6JGzCfcc151";
-	rules += " _6hcIDbbc151";
-	rules += " _6sc151";
+	if (props.isForcedVisible) rules += " _6c17";
+	else rules += " _6b17";
+	rules += " _6JGzCfcc17";
+	rules += " _6hcIDbbc17";
+	rules += " _6sc17";
 	return rules;
 };
-const nonTextInputTypes = new Set([
+const nonTextInputTypes = /* @__PURE__ */ new Set([
 	"checkbox",
 	"radio",
 	"range",
@@ -605,97 +687,98 @@ const nonTextInputTypes = new Set([
 	"submit",
 	"reset"
 ]);
-const selectionColumn = " Zw151 Nj151 Sd151 Rd151 _Wa151";
+const selectionColumn = " Zw17 Nj17 Sd17 Rd17 _Wa17";
 const selectionCell = function anonymous(props) {
 	let rules = " ";
-	rules += " Zw151";
-	rules += " Nj151";
-	rules += " Sd151";
-	rules += " Rd151";
-	rules += " Td151";
-	rules += " Qd151";
-	if (props.density === "spacious") rules += " Fz151";
-	else if (props.density === "regular") rules += " Fv151";
-	else if (props.density === "compact") rules += " Fx151";
-	rules += " _ka151";
-	rules += " hb151";
-	rules += " ma151";
-	rules += " la151";
-	rules += " _jf151";
-	rules += " ifbAdGe151";
-	rules += " _Wa151";
-	rules += " _5c151";
+	rules += " Zw17";
+	rules += " Nj17";
+	rules += " Sd17";
+	rules += " Rd17";
+	rules += " Td17";
+	rules += " Qd17";
+	if (props.density === "spacious") rules += " Fz17";
+	else if (props.density === "regular") rules += " Fv17";
+	else if (props.density === "compact") rules += " Fx17";
+	rules += " _ka17";
+	rules += " hb17";
+	rules += " ma17";
+	rules += " la17";
+	rules += " _jf17";
+	rules += " iSNu3ze17";
+	rules += " _Wa17";
+	rules += " _5c17";
 	return rules;
 };
 const selectionCheckbox = function anonymous(props) {
 	let rules = " ";
-	rules += " _Pc151";
-	rules += " sh151";
-	rules += " eb151";
-	rules += " _Ca151";
-	rules += " Zu151";
-	rules += " Ft151";
-	if (props.isDisabled) rules += " _6b151";
-	else rules += " _6c151";
+	rules += " _Pc17";
+	rules += " sh17";
+	rules += " eb17";
+	rules += " _Ca17";
+	rules += " Zu17";
+	rules += " Ft17";
+	if (props.isDisabled) rules += " _6b17";
+	else rules += " _6c17";
 	return rules;
 };
-const selectionCheckboxInput = " _Pa151 Wr151 _lr151 _Ar151 _zr151 Jy151 Gy151 Iy151 Hy151 _Ia151 r40ub4c151";
+const selectionCheckboxInput = " _Pa17 Wr17 _lr17 _Ar17 _zr17 Jy17 Gy17 Iy17 Hy17 _Ia17 r40ub4c17";
 const selectionCheckboxBox = function anonymous(props) {
 	let rules = " ";
-	if (props.isFocusVisible) rules += " _Lf151";
-	else rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _Kd151";
-	rules += " Zu151";
-	rules += " Ft151";
-	rules += " _Ob151";
-	rules += " sd151";
-	rules += " eb151";
-	rules += " _Ca151";
-	rules += " _kb151";
-	rules += " hb151";
-	rules += " mb151";
-	rules += " lb151";
-	rules += " _jf151";
-	rules += " of151";
-	rules += " nf151";
-	rules += " kf151";
-	rules += " jf151";
-	rules += " _oa151";
-	if (props.isDisabled) rules += " gkDWoNd151";
-	else if (props.isSelected) if (props.isPressed) rules += " gMwyHo151";
-	else if (props.isFocusVisible) rules += " gMwyHo151";
-	else if (props.isHovered) rules += " gMwyHo151";
-	else rules += " gHKLAu151";
-	else rules += " gLZZSrd151";
-	if (props.isDisabled) rules += " ifbAdGe151";
-	else if (props.isSelected) rules += " iA151";
-	else if (props.isPressed) rules += " iMwyHo151";
-	else if (props.isFocusVisible) rules += " iMwyHo151";
-	else if (props.isHovered) rules += " iMwyHo151";
-	else rules += " iHKLAu151";
+	if (props.isFocusVisible) rules += " _Lf17";
+	else rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _Kd17";
+	rules += " Zu17";
+	rules += " Ft17";
+	rules += " _Ob17";
+	rules += " sd17";
+	rules += " eb17";
+	rules += " _Ca17";
+	rules += " _kb17";
+	rules += " hb17";
+	rules += " mb17";
+	rules += " lb17";
+	rules += " _jf17";
+	rules += " of17";
+	rules += " nf17";
+	rules += " kf17";
+	rules += " jf17";
+	rules += " _oa17";
+	if (props.isDisabled) rules += " gLX7Xt17";
+	else if (props.isSelected) {
+		if (props.isPressed) rules += " gBJTC6c17";
+		else if (props.isFocusVisible) rules += " gBJTC6c17";
+		else if (props.isHovered) rules += " gBJTC6c17";
+		else rules += " gmiKvLd17";
+	} else rules += " g4T7hrb17";
+	if (props.isDisabled) rules += " iSNu3ze17";
+	else if (props.isSelected) rules += " iA17";
+	else if (props.isPressed) rules += " iBJTC6c17";
+	else if (props.isFocusVisible) rules += " iBJTC6c17";
+	else if (props.isHovered) rules += " iBJTC6c17";
+	else rules += " imiKvLd17";
 	return rules;
 };
-const selectionCheckboxIcon = " _Ob151 -_8sjo0b-tLZZSrd151 -_8sjo0b-lt8pvGJ151";
-const tableFooter = " g5caPde151 _kb151 ha151 ma151 la151 _jf151 ifbAdGe151";
+const selectionCheckboxIcon = " _Ob17 -_8sjo0b-t4T7hrb17 -_8sjo0b-lt8pvGJ17";
+const tableFooter = " gZf1eed17 _kb17 ha17 ma17 la17 _jf17 iSNu3ze17";
 const resizer = function anonymous(props) {
 	let rules = " ";
-	rules += " _Pa151";
-	rules += " Wr151";
-	rules += " _lr151";
-	rules += " _zr151";
-	rules += " Zg151";
-	rules += " re151";
-	rules += " __Xc151";
-	rules += " _4c151";
-	if (props.isResizing) rules += " g5dxOg151";
-	else if (props.isHovered) rules += " gpm741151";
-	else rules += " g9151";
+	rules += " _Pa17";
+	rules += " Wr17";
+	rules += " _lr17";
+	rules += " _zr17";
+	rules += " Zg17";
+	rules += " re17";
+	rules += " __Xc17";
+	rules += " _4c17";
+	if (props.isResizing) rules += " gwOLUue17";
+	else if (props.isHovered) rules += " grfxg9b17";
+	else rules += " g917";
 	return rules;
 };
-const resizableTableContainer = " _Pc151 Za151";
+const resizableTableContainer = " _Pc17 Za17";
 function selectedKeySet(keys) {
 	if (keys === "all") return "all";
 	return new Set(keys ?? []);
@@ -727,7 +810,18 @@ function inlineStyle(styleProp, unsafeStyle) {
 	};
 }
 function Table$1(props) {
-	const [local, headlessProps] = splitProps(mergeProps$1(useProviderProps(props), getSlottedContextProps(useContext(TableContext), props.slot) ?? {}, props), [
+	const providerProps = useProviderProps(props);
+	const [flags] = splitProps(providerProps, [
+		"isQuiet",
+		"isEmphasized",
+		"isDisabled",
+		"isRequired",
+		"isReadOnly",
+		"validationState"
+	]);
+	const contextProps = getSlottedContextProps(useContext(TableContext), props.slot);
+	const mergedProps = mergeProps$2(flags, contextProps ?? {}, props);
+	const [local, headlessProps] = splitProps(mergedProps, [
 		"children",
 		"density",
 		"isQuiet",
@@ -762,7 +856,7 @@ function Table$1(props) {
 	const selectionBehavior = () => local.selectionBehavior ?? (selectionStyle() === "highlight" ? "replace" : "toggle");
 	const showSelectionCheckboxes = () => (local.showSelectionCheckboxes ?? headlessProps.selectionMode !== "none") && selectionStyle() === "checkbox" && selectionBehavior() === "toggle";
 	const [actionSelectedKeys, setActionSelectedKeys] = createSignal(selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys));
-	createEffect(() => {
+	createTrackedEffect(() => {
 		setActionSelectedKeys(selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys));
 	});
 	const onSelectionChange = (keys) => {
@@ -797,18 +891,18 @@ function Table$1(props) {
 			return local.onAction ?? local.onRowAction;
 		},
 		onSelectionChange,
-		"class": className$1,
+		class: className$1,
 		"data-table-view": "",
-		get ["data-density"]() {
+		get "data-density"() {
 			return density();
 		},
-		get ["data-quiet"]() {
+		get "data-quiet"() {
 			return isQuiet() || void 0;
 		},
-		get ["data-overflow-mode"]() {
+		get "data-overflow-mode"() {
 			return overflowMode();
 		},
-		get ["data-selection-style"]() {
+		get "data-selection-style"() {
 			return selectionStyle();
 		},
 		get children() {
@@ -816,7 +910,7 @@ function Table$1(props) {
 		}
 	}));
 	const renderResizableTable = () => externalResizeContext ? renderTable() : createComponent(ResizableTableContainer, {
-		"class": resizableTableContainer,
+		class: resizableTableContainer,
 		get onResizeStart() {
 			return local.onResizeStart;
 		},
@@ -831,48 +925,80 @@ function Table$1(props) {
 		}
 	});
 	const renderFramed = () => (() => {
-		var _el$2 = getNextElement(_tmpl$2), _el$4 = _el$2.firstChild, [_el$5, _co$] = getNextMarker(_el$4.nextSibling), _el$3 = _el$5.nextSibling, _el$6 = _el$3.nextSibling, [_el$7, _co$2] = getNextMarker(_el$6.nextSibling), _el$8 = _el$7.nextSibling, [_el$9, _co$3] = getNextMarker(_el$8.nextSibling);
-		insert(_el$2, (() => {
-			var _c$ = memo(() => !!local.title);
-			return () => _c$() ? (() => {
-				var _el$0 = getNextElement(_tmpl$3);
-				insert(_el$0, () => local.title);
-				effect(() => className(_el$0, legacyLabel({})));
-				return _el$0;
-			})() : null;
-		})(), _el$5, _co$);
-		insert(_el$3, renderResizableTable);
-		insert(_el$2, (() => {
-			var _c$2 = memo(() => !!local.description);
-			return () => _c$2() ? (() => {
-				var _el$1 = getNextElement(_tmpl$3);
-				insert(_el$1, () => local.description);
-				effect(() => className(_el$1, legacyDescription({})));
-				return _el$1;
-			})() : null;
-		})(), _el$7, _co$2);
-		insert(_el$2, (() => {
-			var _c$3 = memo(() => !!(local.renderActionBar && hasSelection(actionSelectedKeys())));
-			return () => _c$3() ? (() => {
-				var _el$10 = getNextElement(_tmpl$4), _el$11 = _el$10.firstChild;
-				insert(_el$11, () => local.renderActionBar(actionSelectedKeys()));
-				return _el$10;
-			})() : null;
-		})(), _el$9, _co$3);
-		effect((_p$) => {
-			var _v$ = tableWrapper(null, local.styles), _v$2 = inlineStyle(local.style, local.UNSAFE_style), _v$3 = tableShell({ isQuiet: isQuiet() });
-			_v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-			_p$.t = style(_el$2, _v$2, _p$.t);
-			_v$3 !== _p$.a && className(_el$3, _p$.a = _v$3);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
+		var _el$2 = getNextElement(_tmpl$2);
+		var _el$3 = _el$2.firstChild;
+		var [_el$4, _el$5] = getNextMarker(_el$3.nextSibling);
+		var _el$6 = _el$4.nextSibling;
+		var _el$7 = _el$6.nextSibling;
+		var [_el$8, _el$9] = getNextMarker(_el$7.nextSibling);
+		var _el$10 = _el$8.nextSibling;
+		var [_el$11, _el$12] = getNextMarker(_el$10.nextSibling);
+		insert(_el$2, scope((() => {
+			var _c$ = memo(() => {
+				return !!local.title;
+			});
+			return () => {
+				return _c$() ? (() => {
+					var _el$13 = getNextElement(_tmpl$3);
+					insert(_el$13, () => {
+						return local.title;
+					});
+					effect(() => readShallow(legacyLabel({})), (_v$, _$p) => {
+						className(_el$13, _v$, _$p);
+					});
+					return _el$13;
+				})() : null;
+			};
+		})()), _el$4, _el$5);
+		insert(_el$6, scope(() => {
+			return renderResizableTable();
+		}));
+		insert(_el$2, scope((() => {
+			var _c$2 = memo(() => {
+				return !!local.description;
+			});
+			return () => {
+				return _c$2() ? (() => {
+					var _el$14 = getNextElement(_tmpl$3);
+					insert(_el$14, () => {
+						return local.description;
+					});
+					effect(() => readShallow(legacyDescription({})), (_v$, _$p) => {
+						className(_el$14, _v$, _$p);
+					});
+					return _el$14;
+				})() : null;
+			};
+		})()), _el$8, _el$9);
+		insert(_el$2, scope((() => {
+			var _c$3 = memo(() => {
+				return !!(local.renderActionBar && hasSelection(actionSelectedKeys()));
+			});
+			return () => {
+				return _c$3() ? (() => {
+					var _el$15 = getNextElement(_tmpl$4);
+					var _el$16 = _el$15.firstChild;
+					insert(_el$16, scope(() => {
+						return local.renderActionBar(actionSelectedKeys());
+					}));
+					return _el$15;
+				})() : null;
+			};
+		})()), _el$11, _el$12);
+		effect(() => {
+			return {
+				e: readShallow(tableWrapper(null, local.styles)),
+				t: readShallow(inlineStyle(local.style, local.UNSAFE_style)),
+				a: readShallow(tableShell({ isQuiet: isQuiet() }))
+			};
+		}, ({ e, t, a }, _p$) => {
+			className(_el$2, e, _p$?.e);
+			style(_el$2, t, _p$?.t);
+			className(_el$6, a, _p$?.a);
 		});
 		return _el$2;
 	})();
-	return createComponent(InternalTableContext.Provider, {
+	return createComponent(InternalTableContext, {
 		get value() {
 			return context();
 		},
@@ -894,11 +1020,17 @@ function TableHeader$1(props) {
 		mergeStyles(tableHeader, local.styles)
 	].filter(Boolean).join(" ");
 	return createComponent(TableHeader, mergeProps(headlessProps, {
-		get ["class"]() {
+		get "class"() {
 			return className();
 		},
 		get children() {
-			return [memo(() => memo(() => !!context.showSelectionCheckboxes)() ? createComponent(TableSelectAllCheckbox$1, {}) : null), memo(() => props.children)];
+			return [memo(() => {
+				return memo(() => {
+					return !!context.showSelectionCheckboxes;
+				})() ? createComponent(TableSelectAllCheckbox$1, {}) : null;
+			}), memo(() => {
+				return props.children;
+			})];
 		}
 	}));
 }
@@ -925,34 +1057,55 @@ function TableColumn$1(props) {
 		}), local.styles)
 	].filter(Boolean).join(" ");
 	return createComponent(TableColumn, mergeProps(headlessProps, {
-		"class": className$2,
+		class: className$2,
 		get style() {
 			return local.UNSAFE_style;
 		},
-		children: (renderProps) => [(() => {
-			var _el$12 = getNextElement(_tmpl$5), _el$14 = _el$12.firstChild, [_el$15, _co$4] = getNextMarker(_el$14.nextSibling), _el$13 = _el$15.nextSibling, _el$16 = _el$13.nextSibling, [_el$17, _co$5] = getNextMarker(_el$16.nextSibling);
-			insert(_el$12, (() => {
-				var _c$4 = memo(() => !!(renderProps.isSortable && renderProps.sortDirection));
-				return () => _c$4() ? createComponent(SortIcon, { get direction() {
-					return renderProps.sortDirection;
-				} }) : null;
-			})(), _el$15, _co$4);
-			insert(_el$13, (() => {
-				var _c$5 = memo(() => typeof local.children === "function");
-				return () => _c$5() ? local.children(renderProps) : local.children;
-			})());
-			insert(_el$12, (() => {
-				var _c$6 = memo(() => !!(renderProps.allowsResizing && props.id != null));
-				return () => _c$6() ? createComponent(ColumnResizer$1, { get column() {
-					return { key: props.id };
-				} }) : null;
-			})(), _el$17, _co$5);
-			effect(() => className(_el$12, tableColumnContent({
-				align: align(),
-				overflowMode: context.overflowMode
-			})));
-			return _el$12;
-		})(), memo(() => memo(() => !!renderProps.isFocusVisible)() ? createComponent(CellFocusRing, {}) : null)]
+		children: (renderProps) => {
+			const rawChildren = local.children;
+			return [(() => {
+				var _el$17 = getNextElement(_tmpl$5);
+				var _el$18 = _el$17.firstChild;
+				var [_el$19, _el$20] = getNextMarker(_el$18.nextSibling);
+				var _el$21 = _el$19.nextSibling;
+				var _el$22 = _el$21.nextSibling;
+				var [_el$23, _el$24] = getNextMarker(_el$22.nextSibling);
+				insert(_el$17, scope((() => {
+					var _c$4 = memo(() => {
+						return !!(renderProps.isSortable && renderProps.sortDirection);
+					});
+					return () => {
+						return _c$4() ? createComponent(SortIcon, { get direction() {
+							return renderProps.sortDirection;
+						} }) : null;
+					};
+				})()), _el$19, _el$20);
+				insert(_el$21, scope(() => {
+					return typeof rawChildren === "function" ? rawChildren(renderProps) : rawChildren;
+				}));
+				insert(_el$17, scope((() => {
+					var _c$5 = memo(() => {
+						return !!(renderProps.allowsResizing && props.id != null);
+					});
+					return () => {
+						return _c$5() ? createComponent(ColumnResizer$1, { get column() {
+							return { key: props.id };
+						} }) : null;
+					};
+				})()), _el$23, _el$24);
+				effect(() => readShallow(tableColumnContent({
+					align: align(),
+					overflowMode: context.overflowMode
+				})), (_v$, _$p) => {
+					className(_el$17, _v$, _$p);
+				});
+				return _el$17;
+			})(), memo(() => {
+				return memo(() => {
+					return !!renderProps.isFocusVisible;
+				})() ? createComponent(CellFocusRing, {}) : null;
+			})];
+		}
 	}));
 }
 function TableBody$1(props) {
@@ -972,9 +1125,11 @@ function TableBody$1(props) {
 		mergeStyles(local.styles)
 	].filter(Boolean).join(" ");
 	const renderEmptyState = () => (() => {
-		var _el$18 = getNextElement(_tmpl$6);
-		insert(_el$18, () => local.renderEmptyState?.() ?? "No data available");
-		return _el$18;
+		var _el$25 = getNextElement(_tmpl$6);
+		insert(_el$25, () => {
+			return local.renderEmptyState?.() ?? "No data available";
+		});
+		return _el$25;
 	})();
 	const rootIsLoading = () => {
 		const loadingState = context.loadingState;
@@ -990,7 +1145,7 @@ function TableBody$1(props) {
 		get onLoadMore() {
 			return local.onLoadMore ?? context.onLoadMore;
 		},
-		get ["class"]() {
+		get "class"() {
 			return className();
 		},
 		renderEmptyState,
@@ -1011,7 +1166,7 @@ function TableFooter$1(props) {
 		mergeStyles(tableFooter, local.styles)
 	].filter(Boolean).join(" ");
 	return createComponent(TableFooter, mergeProps(headlessProps, {
-		"class": className,
+		class: className,
 		get children() {
 			return props.children;
 		}
@@ -1068,34 +1223,42 @@ function TableRow$1(props) {
 		].filter(Boolean).join(" ");
 	};
 	return createComponent(TableRow, mergeProps(headlessProps, {
-		"class": className,
+		class: className,
 		get style() {
 			return local.UNSAFE_style;
 		},
-		children: (renderProps) => [memo(() => memo(() => !!(context.showSelectionCheckboxes && rowKey() != null))() ? createComponent(TableSelectionCheckbox$1, {
-			get rowKey() {
-				return rowKey();
-			},
-			get isSelected() {
-				return renderProps.isSelected;
-			},
-			get isDisabled() {
-				return renderProps.isDisabled;
-			}
-		}) : null), memo(() => memo(() => typeof local.children === "function")() ? local.children(renderProps) : local.children)]
+		children: (renderProps) => [memo(() => {
+			return memo(() => {
+				return !!(context.showSelectionCheckboxes && rowKey() != null);
+			})() ? createComponent(TableSelectionCheckbox$1, {
+				get rowKey() {
+					return rowKey();
+				},
+				get isSelected() {
+					return renderProps.isSelected;
+				},
+				get isDisabled() {
+					return renderProps.isDisabled;
+				}
+			}) : null;
+		}), memo(() => {
+			return memo(() => {
+				return typeof local.children === "function";
+			})() ? local.children(renderProps) : local.children;
+		})]
 	}));
 }
 function ExpandableRowChevron(props) {
 	return createComponent(Button, {
 		slot: "chevron",
-		"class": (renderProps) => expandButton({
+		class: (renderProps) => expandButton({
 			isExpanded: !!props.isExpanded,
 			isDisabled: renderProps.isDisabled
 		}),
 		get children() {
 			return createComponent(Chevron, {
 				size: "S",
-				"class": expandChevronIcon,
+				class: expandChevronIcon,
 				"aria-hidden": "true"
 			});
 		}
@@ -1126,37 +1289,56 @@ function TableCell$1(props) {
 			selectionStyle: context.selectionStyle
 		}), local.styles)
 	].filter(Boolean).join(" ");
-	const renderChildren = (renderProps) => typeof local.children === "function" ? local.children(renderProps) : local.children;
+	const renderChildren = (renderProps) => {
+		const rawChildren = local.children;
+		return typeof rawChildren === "function" ? rawChildren(renderProps) : rawChildren;
+	};
 	const content = (renderProps) => (() => {
-		var _el$19 = getNextElement(_tmpl$3);
-		insert(_el$19, () => renderChildren(renderProps));
-		effect(() => className(_el$19, tableCellContent({
+		var _el$26 = getNextElement(_tmpl$3);
+		insert(_el$26, scope(() => {
+			return renderChildren(renderProps);
+		}));
+		effect(() => readShallow(tableCellContent({
 			align: align(),
 			overflowMode: context.overflowMode
-		})));
-		return _el$19;
+		})), (_v$, _$p) => {
+			className(_el$26, _v$, _$p);
+		});
+		return _el$26;
 	})();
 	return createComponent(TableCell, mergeProps(headlessProps, {
-		"class": className$3,
+		class: className$3,
 		get style() {
 			return local.UNSAFE_style;
 		},
 		children: (renderProps) => [createComponent(Show, {
 			get when() {
-				return memo(() => !!renderProps.isTreeColumn)() && renderProps.hasChildItems;
+				return memo(() => {
+					return !!renderProps.isTreeColumn;
+				})() ? renderProps.hasChildItems : renderProps.isTreeColumn;
 			},
 			get fallback() {
 				return content(renderProps);
 			},
 			get children() {
-				var _el$20 = getNextElement(_tmpl$7), _el$21 = _el$20.firstChild, [_el$22, _co$6] = getNextMarker(_el$21.nextSibling), _el$23 = _el$22.nextSibling, [_el$24, _co$7] = getNextMarker(_el$23.nextSibling);
-				insert(_el$20, createComponent(ExpandableRowChevron, { get isExpanded() {
+				var _el$27 = getNextElement(_tmpl$7);
+				var _el$28 = _el$27.firstChild;
+				var [_el$29, _el$30] = getNextMarker(_el$28.nextSibling);
+				var _el$31 = _el$29.nextSibling;
+				var [_el$32, _el$33] = getNextMarker(_el$31.nextSibling);
+				insert(_el$27, createComponent(ExpandableRowChevron, { get isExpanded() {
 					return renderProps.isExpanded;
-				} }), _el$22, _co$6);
-				insert(_el$20, () => content(renderProps), _el$24, _co$7);
-				return _el$20;
+				} }), _el$29, _el$30);
+				insert(_el$27, scope(() => {
+					return content(renderProps);
+				}), _el$32, _el$33);
+				return _el$27;
 			}
-		}), memo(() => memo(() => !!renderProps.isFocusVisible)() ? createComponent(CellFocusRing, {}) : null)]
+		}), memo(() => {
+			return memo(() => {
+				return !!renderProps.isFocusVisible;
+			})() ? createComponent(CellFocusRing, {}) : null;
+		})]
 	}));
 }
 /**
@@ -1164,8 +1346,7 @@ function TableCell$1(props) {
 * the cell's `<ActionButton slot="edit">` opens an editing surface — a popover on
 * desktop, a full dialog on touch devices — containing the fields returned by
 * `renderEditing`. Mirrors the React Spectrum S2 `EditableCell`.
-*/
-function EditableCell(props) {
+*/ function EditableCell(props) {
 	const context = useContext(InternalTableContext);
 	const [local, headlessProps] = splitProps(props, [
 		"children",
@@ -1238,11 +1419,17 @@ function EditableCell(props) {
 	};
 	return createComponent(TableCell, mergeProps(headlessProps, {
 		ref: setCell,
-		"class": className,
+		class: className,
 		get style() {
 			return local.UNSAFE_style;
 		},
-		children: (renderProps) => [memo(() => renderInner(renderProps)), memo(() => memo(() => !!renderProps.isFocusVisible)() ? createComponent(CellFocusRing, {}) : null)]
+		children: (renderProps) => [memo(() => {
+			return renderInner(renderProps);
+		}), memo(() => {
+			return memo(() => {
+				return !!renderProps.isFocusVisible;
+			})() ? createComponent(CellFocusRing, {}) : null;
+		})]
 	}));
 }
 function EditableCellInner(props) {
@@ -1260,7 +1447,7 @@ function EditableCellInner(props) {
 		if (density === "spacious") return "L";
 		return "M";
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
 		if (!isOpen()) return;
 		const cell = props.getCell();
 		const boundingRect = cell?.parentElement?.getBoundingClientRect();
@@ -1269,7 +1456,7 @@ function EditableCellInner(props) {
 		const grid = cell?.closest("[role=\"grid\"],[role=\"treegrid\"]");
 		setTableWidth(grid?.clientWidth ?? 0);
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		const form = formEl();
 		if (!isOpen() || !form) return;
 		queueMicrotask(() => {
@@ -1326,21 +1513,25 @@ function EditableCellInner(props) {
 			}
 		}
 	} };
-	return createComponent(ButtonContext$1.Provider, {
+	return createComponent(ButtonContext$1, {
 		value: null,
 		get children() {
-			return createComponent(ActionButtonContext.Provider, {
+			return createComponent(ActionButtonContext, {
 				value: editSlots,
 				get children() {
 					return [(() => {
-						var _el$25 = getNextElement(_tmpl$3);
-						insert(_el$25, () => props.renderChildren());
-						effect(() => className(_el$25, tableCellContent({
+						var _el$34 = getNextElement(_tmpl$3);
+						insert(_el$34, scope(() => {
+							return props.renderChildren();
+						}));
+						effect(() => readShallow(tableCellContent({
 							align: props.align(),
 							overflowMode: props.overflowMode()
-						})));
-						return _el$25;
-					})(), createComponent(ActionButtonContext.Provider, {
+						})), (_v$, _$p) => {
+							className(_el$34, _v$, _$p);
+						});
+						return _el$34;
+					})(), createComponent(ActionButtonContext, {
 						value: null,
 						get children() {
 							return [createComponent(Show, {
@@ -1353,7 +1544,7 @@ function EditableCellInner(props) {
 											return isOpen();
 										},
 										onOpenChange: setIsOpen,
-										get ["aria-label"]() {
+										get "aria-label"() {
 											return props.ariaLabel ?? stringFormatter().format("table.editCell");
 										},
 										triggerRef: () => props.getCell(),
@@ -1362,13 +1553,13 @@ function EditableCellInner(props) {
 											return verticalOffset();
 										},
 										shouldCloseOnInteractOutside,
-										"class": (renderProps) => editPopover({ isExiting: renderProps.isExiting }),
+										class: (renderProps) => editPopover({ isExiting: renderProps.isExiting }),
 										style: () => ({
 											minWidth: `min(${triggerWidth()}px, ${tableWidth()}px)`,
 											maxWidth: `${tableWidth()}px`
 										}),
 										get children() {
-											return createComponent(OverlayTriggerStateContext.Provider, {
+											return createComponent(OverlayTriggerStateContext, {
 												value: null,
 												get children() {
 													return createComponent(Form, {
@@ -1376,32 +1567,38 @@ function EditableCellInner(props) {
 														get action() {
 															return props.action;
 														},
-														"class": editForm,
+														class: editForm,
 														style: () => ({ "--input-width": `calc(${triggerWidth()}px - 32px)` }),
 														get children() {
-															return [memo(() => props.renderEditing()), (() => {
-																var _el$26 = getNextElement(_tmpl$8), _el$27 = _el$26.firstChild, [_el$28, _co$8] = getNextMarker(_el$27.nextSibling), _el$29 = _el$28.nextSibling, [_el$30, _co$9] = getNextMarker(_el$29.nextSibling);
-																insert(_el$26, createComponent(ActionButton, {
+															return [memo(() => {
+																return props.renderEditing();
+															}), (() => {
+																var _el$35 = getNextElement(_tmpl$8);
+																var _el$36 = _el$35.firstChild;
+																var [_el$37, _el$38] = getNextMarker(_el$36.nextSibling);
+																var _el$39 = _el$37.nextSibling;
+																var [_el$40, _el$41] = getNextMarker(_el$39.nextSibling);
+																insert(_el$35, createComponent(ActionButton, {
 																	isQuiet: true,
 																	onPress: cancel,
-																	get ["aria-label"]() {
+																	get "aria-label"() {
 																		return stringFormatter().format("table.cancel");
 																	},
 																	get children() {
 																		return createComponent(Cross, {});
 																	}
-																}), _el$28, _co$8);
-																insert(_el$26, createComponent(ActionButton, {
+																}), _el$37, _el$38);
+																insert(_el$35, createComponent(ActionButton, {
 																	isQuiet: true,
 																	type: "submit",
-																	get ["aria-label"]() {
+																	get "aria-label"() {
 																		return stringFormatter().format("table.save");
 																	},
 																	get children() {
 																		return createComponent(Checkmark, {});
 																	}
-																}), _el$30, _co$9);
-																return _el$26;
+																}), _el$40, _el$41);
+																return _el$35;
 															})()];
 														}
 													});
@@ -1426,7 +1623,7 @@ function EditableCellInner(props) {
 													return createComponent(CustomDialog, {
 														isDismissible: true,
 														isKeyboardDismissDisabled: true,
-														get ["aria-label"]() {
+														get "aria-label"() {
 															return props.ariaLabel ?? stringFormatter().format("table.editCell");
 														},
 														get children() {
@@ -1435,9 +1632,11 @@ function EditableCellInner(props) {
 																get action() {
 																	return props.action;
 																},
-																"class": editFormMobile,
+																class: editFormMobile,
 																get children() {
-																	return [memo(() => props.renderEditing()), createComponent(ButtonGroup, {
+																	return [memo(() => {
+																		return props.renderEditing();
+																	}), createComponent(ButtonGroup, {
 																		align: "end",
 																		styles: editButtonGroupStyles,
 																		get children() {
@@ -1474,39 +1673,50 @@ function TableSelectionCheckbox$1(props) {
 	const context = useContext(InternalTableContext);
 	return createComponent(TableCell, {
 		id: "__selection__",
-		"class": (renderProps) => selectionCell({
+		class: (renderProps) => selectionCell({
 			...renderProps,
 			density: context.density
 		}),
 		children: (renderProps) => [(() => {
-			var _el$31 = getNextElement(_tmpl$9), _el$33 = _el$31.firstChild, [_el$34, _co$0] = getNextMarker(_el$33.nextSibling), _el$32 = _el$34.nextSibling;
-			insert(_el$31, createComponent(TableSelectionCheckbox, {
+			var _el$42 = getNextElement(_tmpl$9);
+			var _el$43 = _el$42.firstChild;
+			var [_el$44, _el$45] = getNextMarker(_el$43.nextSibling);
+			var _el$46 = _el$44.nextSibling;
+			insert(_el$42, createComponent(TableSelectionCheckbox, {
 				get rowKey() {
 					return props.rowKey;
 				},
-				"class": selectionCheckboxInput
-			}), _el$34, _co$0);
-			insert(_el$32, (() => {
-				var _c$7 = memo(() => !!props.isSelected);
-				return () => _c$7() ? createComponent(Checkmark, {
-					size: "XS",
-					"class": selectionCheckboxIcon
-				}) : null;
-			})());
-			effect((_p$) => {
-				var _v$4 = selectionCheckbox({ isDisabled: !!props.isDisabled }), _v$5 = selectionCheckboxBox({
-					isSelected: !!props.isSelected,
-					isDisabled: !!props.isDisabled
+				class: selectionCheckboxInput
+			}), _el$44, _el$45);
+			insert(_el$46, scope((() => {
+				var _c$6 = memo(() => {
+					return !!props.isSelected;
 				});
-				_v$4 !== _p$.e && className(_el$31, _p$.e = _v$4);
-				_v$5 !== _p$.t && className(_el$32, _p$.t = _v$5);
-				return _p$;
-			}, {
-				e: void 0,
-				t: void 0
+				return () => {
+					return _c$6() ? createComponent(Checkmark, {
+						size: "XS",
+						class: selectionCheckboxIcon
+					}) : null;
+				};
+			})()));
+			effect(() => {
+				return {
+					e: readShallow(selectionCheckbox({ isDisabled: !!props.isDisabled })),
+					t: readShallow(selectionCheckboxBox({
+						isSelected: !!props.isSelected,
+						isDisabled: !!props.isDisabled
+					}))
+				};
+			}, ({ e, t }, _p$) => {
+				className(_el$42, e, _p$?.e);
+				className(_el$46, t, _p$?.t);
 			});
-			return _el$31;
-		})(), memo(() => memo(() => !!renderProps.isFocusVisible)() ? createComponent(CellFocusRing, {}) : null)]
+			return _el$42;
+		})(), memo(() => {
+			return memo(() => {
+				return !!renderProps.isFocusVisible;
+			})() ? createComponent(CellFocusRing, {}) : null;
+		})]
 	});
 }
 function TableSelectAllCheckbox$1() {
@@ -1515,8 +1725,7 @@ function TableSelectAllCheckbox$1() {
 	const isSelected = () => state?.selectedKeys === "all";
 	const isIndeterminate = () => {
 		const keys = state?.selectedKeys;
-		if (!state || keys === "all" || keys == null || keys.size === 0) return false;
-		return keys.size < state.collection.size;
+		return !!state && keys !== "all" && keys != null && keys.size > 0;
 	};
 	const isDisabled = () => !state || state.selectionMode !== "multiple" || state.collection.size === 0;
 	const className$4 = (renderProps) => mergeStyles(tableColumn({
@@ -1527,34 +1736,45 @@ function TableSelectAllCheckbox$1() {
 	const isSingle = () => state?.selectionMode === "single";
 	return createComponent(TableColumn, {
 		id: "__selection__",
-		"class": className$4,
+		class: className$4,
 		get children() {
-			return memo(() => !!isSingle())() ? createComponent(VisuallyHidden, { children: "Select" }) : (() => {
-				var _el$35 = getNextElement(_tmpl$0), _el$37 = _el$35.firstChild, [_el$38, _co$1] = getNextMarker(_el$37.nextSibling), _el$36 = _el$38.nextSibling;
-				insert(_el$35, createComponent(TableSelectAllCheckbox, { "class": selectionCheckboxInput }), _el$38, _co$1);
-				insert(_el$36, (() => {
-					var _c$8 = memo(() => !!isSelected());
-					return () => _c$8() ? createComponent(Checkmark, {
-						size: "XS",
-						"class": selectionCheckboxIcon
-					}) : memo(() => !!isIndeterminate())() ? createComponent(Dash, {
-						size: "XS",
-						"class": selectionCheckboxIcon
-					}) : null;
-				})());
-				effect((_p$) => {
-					var _v$6 = selectionCheckbox({}), _v$7 = selectionCheckboxBox({
-						isSelected: isSelected() || isIndeterminate(),
-						isDisabled: isDisabled()
+			return memo(() => {
+				return !!isSingle();
+			})() ? createComponent(VisuallyHidden, { children: "Select" }) : (() => {
+				var _el$47 = getNextElement(_tmpl$10);
+				var _el$48 = _el$47.firstChild;
+				var [_el$49, _el$50] = getNextMarker(_el$48.nextSibling);
+				var _el$51 = _el$49.nextSibling;
+				insert(_el$47, createComponent(TableSelectAllCheckbox, { class: selectionCheckboxInput }), _el$49, _el$50);
+				insert(_el$51, scope((() => {
+					var _c$7 = memo(() => {
+						return !!isSelected();
 					});
-					_v$6 !== _p$.e && className(_el$35, _p$.e = _v$6);
-					_v$7 !== _p$.t && className(_el$36, _p$.t = _v$7);
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0
+					return () => {
+						return _c$7() ? createComponent(Checkmark, {
+							size: "XS",
+							class: selectionCheckboxIcon
+						}) : memo(() => {
+							return !!isIndeterminate();
+						})() ? createComponent(Dash, {
+							size: "XS",
+							class: selectionCheckboxIcon
+						}) : null;
+					};
+				})()));
+				effect(() => {
+					return {
+						e: readShallow(selectionCheckbox({})),
+						t: readShallow(selectionCheckboxBox({
+							isSelected: isSelected() || isIndeterminate(),
+							isDisabled: isDisabled()
+						}))
+					};
+				}, ({ e, t }, _p$) => {
+					className(_el$47, e, _p$?.e);
+					className(_el$51, t, _p$?.t);
 				});
-				return _el$35;
+				return _el$47;
 			})();
 		}
 	});
@@ -1570,7 +1790,7 @@ function ColumnResizer$1(props) {
 		local.class,
 		mergeStyles(resizer(renderProps), local.styles)
 	].filter(Boolean).join(" ");
-	return createComponent(ColumnResizer, mergeProps(headlessProps, { "class": className }));
+	return createComponent(ColumnResizer, mergeProps(headlessProps, { class: className }));
 }
 function ResizableTableContainer$1(props) {
 	const [local, headlessProps] = splitProps(props, [
@@ -1585,7 +1805,7 @@ function ResizableTableContainer$1(props) {
 		mergeStyles(resizableTableContainer, local.styles)
 	].filter(Boolean).join(" ");
 	return createComponent(ResizableTableContainer, mergeProps(headlessProps, {
-		get ["class"]() {
+		get "class"() {
 			return className();
 		},
 		get style() {
@@ -1596,7 +1816,7 @@ function ResizableTableContainer$1(props) {
 function SortIcon(props) {
 	return createComponent(Arrow, {
 		size: "M",
-		"class": tableSortIcon,
+		class: tableSortIcon,
 		"aria-hidden": "true",
 		get style() {
 			return { transform: props.direction === "ascending" ? "rotate(-90deg)" : "rotate(90deg)" };