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

package/dist/_chunk/table.jsx

@@ -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 { t as mergeStyles } from "./runtime.jsx";
-import { useProviderProps } from "../provider/index.jsx";
+import { a as useProviderProps } from "./provider.jsx";
 import { n as ButtonContext$1, t as ActionButtonContext } from "./context.jsx";
 import { n as getSlottedContextProps } from "./spectrum-context.jsx";
 import { t as s2IntlStrings } from "./intl.jsx";
@@ -11,32 +23,56 @@ import { ButtonGroup } from "../buttongroup/index.jsx";
 import { t as Checkmark } from "./Checkmark.jsx";
 import { t as Chevron } from "./Chevron.jsx";
 import { t as Dash } from "./Dash.jsx";
-import { a as DialogContainer, r as CustomDialog } from "./dialog.jsx";
 import { t as createMediaQuery } from "./createMediaQuery.jsx";
-import { Show, createContext, createEffect, createMemo, createSignal, getOwner, mergeProps, runWithOwner, splitProps, useContext } from "solid-js";
-import { createStringFormatter, getOwnerDocument } from "@proyecto-viviana/solidaria";
+import { a as DialogContainer, r as CustomDialog } from "./dialog.jsx";
+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$1 } from "@proyecto-viviana/solidaria";
 //#region src/icon/ui-icons/Arrow.tsx
+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 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" {...rest} class={className}>
+	const [local, rest] = splitProps(props, [
+		"class",
+		"width",
+		"height"
+	]);
+	return <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" {...rest} class={local.class}>
       <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)" />
     </svg>;
 }
 function Arrow_XXLSvg(props) {
-	const { class: className, width: _width, height: _height, ...rest } = props;
-	return <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" {...rest} class={className}>
+	const [local, rest] = splitProps(props, [
+		"class",
+		"width",
+		"height"
+	]);
+	return <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" {...rest} class={local.class}>
       <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)" />
     </svg>;
 }
 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 <Arrow_M {...rest} class={className} />;
-		case "XXL": return <Arrow_XXL {...rest} class={className} />;
-		default: return <Arrow_M {...rest} class={className} />;
+		case "M": return <Arrow_M {...rest} class={mergedClass()} />;
+		case "XXL": return <Arrow_XXL {...rest} class={mergedClass()} />;
+		default: return <Arrow_M {...rest} class={mergedClass()} />;
 	}
 }
 //#endregion
@@ -61,235 +97,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() {
@@ -342,184 +378,194 @@ 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 += " 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 += " 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.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.selectionStyle === "highlight") {
-		if (props.isSelected) rules += " ple151";
+		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;
 };
-const tableCellFocusRing = " _Lf151 _Kb151 _Mc151 O8KaFke151 Olc151 osmOfn151 nsmOfn151 ksmOfn151 jsmOfn151 _9d151 _Pa151 WEDXqxb151 _lr151 _Ar151 _zr151 _Ob151";
+const tableCellFocusRing = " _Lf17 _Kb17 _Mc17 Or2Mazb17 Olc17 osmOfn17 nsmOfn17 ksmOfn17 jsmOfn17 _9d17 _Pa17 WEDXqxb17 _lr17 _Ar17 _zr17 _Ob17";
 function CellFocusRing() {
 	return <div role="presentation" class={tableCellFocusRing} />;
 }
 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 treeCellInner = " sd151 eb151 Fb151 Na151";
+const treeCellInner = " sd17 eb17 Fb17 Na17";
 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) {
@@ -530,61 +576,64 @@ 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 += " -ICUGx-_pb17";
+		rules += " -ICUGx-D1v0V_pa17";
+	}
+	rules += " _pK8eoyd17";
+	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU17";
+	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c17";
 	else if (props.colorScheme === "light dark") {
-		rules += " -NvXmrd-_ZN8Gi4c151";
-		rules += " -NvXmrd-D1v0V_ZLmU151";
+		rules += " -NvXmrd-_ZN8Gi4c17";
+		rules += " -NvXmrd-D1v0V_ZLmU17";
 	}
-	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c151";
-	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU151";
+	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c17";
+	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU17";
 	else if (props.colorScheme === "light dark") {
-		rules += " -j9blY-_ZLmU151";
-		rules += " -j9blY-D1v0V_ZN8Gi4c151";
+		rules += " -j9blY-_ZLmU17";
+		rules += " -j9blY-D1v0V_ZN8Gi4c17";
 	}
-	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";
+	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 editActions = " sd151 _tc151 ea151 _va151 _ua151";
-const editFormMobile = " Za151 sd151 _ta151 ed151 Ul151 ql151";
-const editButtonGroupStyles = " _dd151";
+const editForm = " Za17 sd17 ed17 Ul17 ql17";
+const editActions = " sd17 _tc17 ea17 _va17 _ua17";
+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",
@@ -595,100 +644,101 @@ const nonTextInputTypes = new Set([
 	"submit",
 	"reset"
 ]);
-const emptyState = " MkDJKOc151 sd151 eb151 _Ca151 pHKLAu151 uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fb151 _FnuYUwec151";
-const selectionColumn = " Zw151 Nj151 Sd151 Rd151 _Wa151";
+const emptyState = " MkDJKOc17 sd17 eb17 _Ca17 pmiKvLd17 uk17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 -_6BNtrc-b17 vx17 xb17 _xa17 _Fb17 _FnuYUwec17";
+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 actionBarContainer = " _Pa151 _lt151 sd151 _Ca151 _Ob151 _9d151";
-const actionBarContent = " _Oa151";
+const selectionCheckboxIcon = " _Ob17 -_8sjo0b-t4T7hrb17 -_8sjo0b-lt8pvGJ17";
+const tableFooter = " gZf1eed17 _kb17 ha17 ma17 la17 _jf17 iSNu3ze17";
+const actionBarContainer = " _Pa17 _lt17 sd17 _Ca17 _Ob17 _9d17";
+const actionBarContent = " _Oa17";
 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 ?? []);
@@ -720,7 +770,18 @@ function inlineStyle(styleProp, unsafeStyle) {
 	};
 }
 function Table$1(props) {
-	const [local, headlessProps] = splitProps(mergeProps(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$1(flags, contextProps ?? {}, props);
+	const [local, headlessProps] = splitProps(mergedProps, [
 		"children",
 		"density",
 		"isQuiet",
@@ -755,7 +816,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) => {
@@ -795,9 +856,7 @@ function Table$1(props) {
           <div class={actionBarContent}>{local.renderActionBar(actionSelectedKeys())}</div>
         </div> : null}
     </div>;
-	return <InternalTableContext.Provider value={context()}>
-      {renderFramed()}
-    </InternalTableContext.Provider>;
+	return <InternalTableContext value={context()}>{renderFramed()}</InternalTableContext>;
 }
 function TableHeader$1(props) {
 	const context = useContext(InternalTableContext);
@@ -839,19 +898,22 @@ function TableColumn$1(props) {
 		}), local.styles)
 	].filter(Boolean).join(" ");
 	return <TableColumn {...headlessProps} class={className} style={local.UNSAFE_style}>
-      {(renderProps) => <>
-          <span class={tableColumnContent({
-		align: align(),
-		overflowMode: context.overflowMode
-	})}>
-            {renderProps.isSortable && renderProps.sortDirection ? <SortIcon direction={renderProps.sortDirection} /> : null}
-            <span>
-              {typeof local.children === "function" ? local.children(renderProps) : local.children}
+      {(renderProps) => {
+		const rawChildren = local.children;
+		return <>
+            <span class={tableColumnContent({
+			align: align(),
+			overflowMode: context.overflowMode
+		})}>
+              {renderProps.isSortable && renderProps.sortDirection ? <SortIcon direction={renderProps.sortDirection} /> : null}
+              <span>
+                {typeof rawChildren === "function" ? rawChildren(renderProps) : rawChildren}
+              </span>
+              {renderProps.allowsResizing && props.id != null ? <ColumnResizer$1 column={{ key: props.id }} /> : null}
             </span>
-            {renderProps.allowsResizing && props.id != null ? <ColumnResizer$1 column={{ key: props.id }} /> : null}
-          </span>
-          {renderProps.isFocusVisible ? <CellFocusRing /> : null}
-        </>}
+            {renderProps.isFocusVisible ? <CellFocusRing /> : null}
+          </>;
+	}}
     </TableColumn>;
 }
 function TableBody$1(props) {
@@ -984,7 +1046,10 @@ 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) => <div class={tableCellContent({
 		align: align(),
 		overflowMode: context.overflowMode
@@ -1079,7 +1144,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();
@@ -1088,7 +1153,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(() => {
@@ -1145,8 +1210,8 @@ function EditableCellInner(props) {
 			}
 		}
 	} };
-	return <ButtonContext$1.Provider value={null}>
-      <ActionButtonContext.Provider value={editSlots}>
+	return <ButtonContext$1 value={null}>
+      <ActionButtonContext value={editSlots}>
         <div class={tableCellContent({
 		align: props.align(),
 		overflowMode: props.overflowMode()
@@ -1154,13 +1219,13 @@ function EditableCellInner(props) {
           {props.renderChildren()}
         </div>
 
-        <ActionButtonContext.Provider value={null}>
+        <ActionButtonContext value={null}>
           <Show when={!isMobile()}>
             <Popover isOpen={isOpen()} onOpenChange={setIsOpen} aria-label={props.ariaLabel ?? stringFormatter().format("table.editCell")} triggerRef={() => props.getCell()} placement="bottom start" offset={verticalOffset()} shouldCloseOnInteractOutside={shouldCloseOnInteractOutside} class={(renderProps) => editPopover({ isExiting: renderProps.isExiting })} style={() => ({
 		minWidth: `min(${triggerWidth()}px, ${tableWidth()}px)`,
 		maxWidth: `${tableWidth()}px`
 	})}>
-              <OverlayTriggerStateContext.Provider value={null}>
+              <OverlayTriggerStateContext value={null}>
                 <Form ref={attachForm} action={props.action} class={editForm} style={() => ({ "--input-width": `calc(${triggerWidth()}px - 32px)` })}>
                   {props.renderEditing()}
                   <div class={editActions}>
@@ -1172,7 +1237,7 @@ function EditableCellInner(props) {
                     </ActionButton>
                   </div>
                 </Form>
-              </OverlayTriggerStateContext.Provider>
+              </OverlayTriggerStateContext>
             </Popover>
           </Show>
 
@@ -1195,9 +1260,9 @@ function EditableCellInner(props) {
               </Show>
             </DialogContainer>
           </Show>
-        </ActionButtonContext.Provider>
-      </ActionButtonContext.Provider>
-    </ButtonContext$1.Provider>;
+        </ActionButtonContext>
+      </ActionButtonContext>
+    </ButtonContext$1>;
 }
 function TableSelectionCheckbox$1(props) {
 	const context = useContext(InternalTableContext);
@@ -1225,8 +1290,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 = (renderProps) => mergeStyles(tableColumn({