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

package/dist/_chunk/list.js

@@ -1,23 +1,41 @@
+/*
+* Copyright 2026 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/ListView.tsx
 import { mergeStyles } from "../style/runtime.js";
-import { useProviderProps } from "../provider/index.js";
+import { a as useProviderProps } from "./provider.js";
 import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.js";
 import { c as ActionButtonGroupContext } from "./s2-action-button-styles.js";
 import { t as IconContext } from "./spectrum-icon.js";
 import { Image, ImageContext, ImageCoordinator } from "../image/index.js";
-import { c as TextContext, s as Text } from "./text.js";
+import { c as TextContext$1, s as Text$1 } from "./text.js";
 import { n as ActionMenuContext } from "./ActionMenu.js";
-/* empty css                                                                       */
+import { t as Chevron } from "./Chevron.js";
 import { m as LinkOut } from "./menu.js";
 import { t as Checkmark } from "./Checkmark.js";
-import { t as Chevron } from "./Chevron.js";
 /* empty css                                                                       */
 /* empty css                                                                       */
 /* empty css                                                                       */
-import { className, createComponent, effect, getNextElement, getNextMarker, insert, memo, mergeProps, style, template } from "solid-js/web";
-import { children, createContext, createEffect, createMemo, createRenderEffect, createSignal, mergeProps as mergeProps$1, onCleanup, splitProps, useContext } from "solid-js";
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, memo, mergeProps, readShallow, scope, style, template } from "@solidjs/web";
+import { children, createContext, createEffect, createMemo, createRenderEffect, createSignal, createTrackedEffect, onCleanup, useContext } from "solid-js";
+import { attrTrue, mergeProps as mergeProps$1, splitProps } from "@proyecto-viviana/solidaria/utils";
 import { GridList, GridListItem, GridListSelectionCheckbox, GridListStateContext } from "@proyecto-viviana/solidaria-components";
 //#region src/gridlist/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div role=row class=" sc151"><div role=gridcell aria-colindex=1 class=" MkDJKOc151 sd151 eb151 _Ca151 pHKLAu151 uk151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fb151 _FnuYUwec151">`), _tmpl$2 = /*#__PURE__*/ template(`<div><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$3 = /*#__PURE__*/ template(`<div>`), _tmpl$4 = /*#__PURE__*/ template(`<div aria-hidden=true>`), _tmpl$5 = /*#__PURE__*/ template(`<span slot=icon class=" z2U5Crc151 y2U5Crc151 B2U5Crc151 AvoofG151 sb151 ZuUmpre151 FuUmpre151 _dc151 Ht151 Hsu151 -_8sjo0b-t5ZbAob151"data-rsp-slot=icon>`), _tmpl$6 = /*#__PURE__*/ template(`<span data-rsp-slot=selection-indicator><!$><!/><span aria-hidden=true>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div role=row class=" sc17"><div role=gridcell aria-colindex=1 class=" MkDJKOc17 sd17 eb17 _Ca17 pmiKvLd17 uk17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 -_6BNtrc-b17 vx17 xb17 _xa17 _Fb17 _FnuYUwec17">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/><!$><!/><!$><!/>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<span aria-hidden=true data-rsp-slot=mark>>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<div aria-hidden=true>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<span slot=icon class=" z2U5Crc17 y2U5Crc17 B2U5Crc17 AvoofG17 sb17 ZObNfn17 FObNfn17 _dc17 Ht17 Hsu17 -_8sjo0b-t5ZbAob17"data-rsp-slot=icon>`);
+var _tmpl$7 = /* @__PURE__ */ template(`<span data-rsp-slot=selection-indicator><!$><!/><span aria-hidden=true>`);
 const GridListContext = createContext(null);
 const InternalListViewContext = createContext({
 	isQuiet: false,
@@ -38,14 +56,14 @@ const listViewWrapper = function anonymous(props, overrides) {
 		if (p[1] === "_P") position = true;
 		rules += p[0];
 	}
-	if (!minHeight) rules += " Ma151";
-	if (!minWidth) rules += " Ng151";
-	rules += " sd151";
-	rules += " _ta151";
-	rules += " _Bb151";
-	if (!position) rules += " _Pc151";
-	rules += " _Nb151";
-	rules += " Pb151";
+	if (!minHeight) rules += " Ma17";
+	if (!minWidth) rules += " Ng17";
+	rules += " sd17";
+	rules += " _ta17";
+	rules += " _Bb17";
+	if (!position) rules += " _Pc17";
+	rules += " _Nb17";
+	rules += " Pb17";
 	return rules;
 };
 const listView = function anonymous(props, overrides) {
@@ -62,484 +80,551 @@ const listView = function anonymous(props, overrides) {
 		if (p[1] === "F") height = true;
 		rules += p[0];
 	}
-	rules += " _Le151";
-	rules += " O8KaFke151";
-	rules += " Olc151";
-	rules += " _Mc151";
-	if (props.isQuiet) rules += " _Ka151";
-	else rules += " _Kb151";
-	rules += " _4c151";
-	if (!minHeight) rules += " Ma151";
-	if (!minWidth) rules += " Na151";
-	if (!width) rules += " Za151";
+	rules += " _Le17";
+	rules += " Or2Mazb17";
+	rules += " Olc17";
+	rules += " _Mc17";
+	if (props.isQuiet) rules += " _Ka17";
+	else rules += " _Kb17";
+	rules += " _4c17";
+	if (!minHeight) rules += " Ma17";
+	if (!minWidth) rules += " Na17";
+	if (!width) rules += " Za17";
 	if (props.isActionBar) {
-		if (!height) rules += " Fb151";
+		if (!height) rules += " Fb17";
 	}
-	rules += " _oa151";
-	rules += " _Na151";
-	rules += " Pa151";
+	rules += " _oa17";
+	rules += " _Na17";
+	rules += " Pa17";
 	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";
 	}
-	if (props.isQuiet) rules += " g9151";
-	else rules += " gLZZSrd151";
-	if (props.isQuiet) rules += " od151";
-	else rules += " ob151";
-	if (props.isQuiet) rules += " nd151";
-	else rules += " nb151";
-	if (props.isQuiet) rules += " kd151";
-	else rules += " kb151";
-	if (props.isQuiet) rules += " jd151";
-	else rules += " jb151";
-	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";
-	rules += " __ca151";
-	rules += " -Ev4N4b-Zd151";
-	rules += " -Ev4N4b-1bNH0cZuUmpre151";
+	if (props.isQuiet) rules += " g917";
+	else rules += " g4T7hrb17";
+	if (props.isQuiet) rules += " od17";
+	else rules += " ob17";
+	if (props.isQuiet) rules += " nd17";
+	else rules += " nb17";
+	if (props.isQuiet) rules += " kd17";
+	else rules += " kb17";
+	if (props.isQuiet) rules += " jd17";
+	else rules += " jb17";
+	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";
+	rules += " __ca17";
+	rules += " -Ev4N4b-Zd17";
+	rules += " -Ev4N4b-1bNH0cZObNfn17";
 	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 listViewItem = function anonymous(props) {
 	let rules = " ";
-	rules += " _Le151";
-	rules += " _oa151";
-	rules += " qh151";
-	rules += " Sd151";
-	rules += " Rd151";
-	rules += " Tt151";
-	rules += " Qt151";
-	rules += " g9151";
-	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 += " plc151";
+	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-e17";
+		rules += " vx17";
+	} else if (props.size === "L") {
+		rules += " -_6BNtrc-d17";
+		rules += " vx17";
+	} else if (props.size === "S") {
+		rules += " -_6BNtrc-b17";
+		rules += " vx17";
+	} else if (props.size === "XS") {
+		rules += " -_6BNtrc-a17";
+		rules += " vx17";
+	} else {
+		rules += " -_6BNtrc-c17";
+		rules += " vx17";
+	}
+	if (props.size === "XL") {
+		rules += " xb17";
+		rules += " _xa17";
+	} else if (props.size === "L") {
+		rules += " xb17";
+		rules += " _xa17";
+	} else if (props.size === "S") {
+		rules += " xb17";
+		rules += " _xa17";
+	} else if (props.size === "XS") {
+		rules += " xb17";
+		rules += " _xa17";
+	} else {
+		rules += " xb17";
+		rules += " _xa17";
+	}
+	if (props.size === "XL") {
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
+	} else if (props.size === "L") {
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
+	} else if (props.size === "S") {
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
+	} else if (props.size === "XS") {
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
+	} else {
+		rules += " _Fd17";
+		rules += " _FnuYUweb17";
+	}
+	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.isDisabled) rules += " plc17";
 	else if (props.isSelected) {
-		if (props.selectionStyle === "highlight") rules += " ple151";
-	} else rules += " plb151";
-	rules += " _Pc151";
-	rules += " _9b151";
-	rules += " z2mU151";
-	rules += " yzZKy151";
-	rules += " se151";
-	rules += " CVSzhOb151";
-	rules += " Ds5idie151";
-	rules += " Exumf9b151";
-	rules += " UDNKd2dai5a0151";
-	rules += " ea151";
-	rules += " Mh151";
-	rules += " _Xa151";
-	if (props.isLink) rules += " ry151";
-	else rules += " ri151";
+		if (props.selectionStyle === "highlight") rules += " ple17";
+	} else rules += " plb17";
+	rules += " _Le17";
+	rules += " _oa17";
+	rules += " qh17";
+	rules += " Sd17";
+	rules += " Rd17";
+	rules += " TIuPfn17";
+	rules += " QIuPfn17";
+	rules += " g917";
+	rules += " _Pc17";
+	rules += " _9b17";
+	rules += " z2mU17";
+	rules += " yzZKy17";
+	rules += " se17";
+	rules += " C2dpcg17";
+	rules += " DfFnx9d17";
+	rules += " Exumf9b17";
+	rules += " UDNKd2dai5a017";
+	rules += " ea17";
+	rules += " Mh17";
+	rules += " _Xa17";
+	if (props.isLink) rules += " ry17";
+	else rules += " ri17";
 	if (props.isSelected) {
-		if (props.selectionStyle === "checkbox") rules += " -EH8uVb-ifbAdGe151";
+		if (props.selectionStyle === "checkbox") rules += " -EH8uVb-iSNu3ze17";
 		else if (props.selectionStyle === "highlight") {
-			rules += " -EH8uVb-i5dxOg151";
-			rules += " -EH8uVb-lid151";
+			rules += " -EH8uVb-iwOLUue17";
+			rules += " -EH8uVb-lid17";
 		}
 	} else {
-		rules += " -EH8uVb-ifbAdGe151";
-		rules += " -EH8uVb-lia151";
+		rules += " -EH8uVb-iSNu3ze17";
+		rules += " -EH8uVb-lia17";
 	}
-	rules += " _ka151";
-	if (props.isLastItem) if (props.isQuiet) rules += " ha151";
-	else rules += " hb151";
-	else rules += " hb151";
-	rules += " ma151";
-	rules += " la151";
-	rules += " _jf151";
-	if (props.isSelected) rules += " iA151";
-	else if (props.isNextSelected) rules += " iA151";
-	else rules += " i4pzfu151";
-	rules += " ila151";
-	rules += " -Bu7z1c-ob151";
-	rules += " _yb151";
+	rules += " _ka17";
+	if (props.isLastItem) {
+		if (props.isQuiet) rules += " ha17";
+		else rules += " hb17";
+	} else rules += " hb17";
+	rules += " ma17";
+	rules += " la17";
+	rules += " _jf17";
+	if (props.isSelected) rules += " iA17";
+	else if (props.isNextSelected) rules += " iA17";
+	else rules += " i4pzfu17";
+	rules += " ila17";
+	rules += " -Bu7z1c-of17";
+	rules += " _yb17";
 	return rules;
 };
 const listViewRowBackground = function anonymous(props) {
 	let rules = " ";
-	rules += " _Pa151";
-	rules += " _9a151";
-	if (props.isFirstItem) rules += " Wr151";
-	else if (props.isPrevSelected) rules += " Wr151";
-	else if (props.isSelected) rules += " WLPOtrc151";
-	else rules += " Wr151";
-	rules += " Wlr151";
-	rules += " _Er151";
-	rules += " _Rr151";
-	if (props.isSelected) rules += " _lLPOtrc151";
-	else rules += " _lr151";
+	rules += " _Pa17";
+	rules += " _9a17";
+	if (props.isFirstItem) rules += " Wr17";
+	else if (props.isPrevSelected) rules += " Wr17";
+	else if (props.isSelected) rules += " WLPOtrc17";
+	else rules += " Wr17";
+	rules += " Wlr17";
+	rules += " _Er17";
+	rules += " _Rr17";
+	if (props.isSelected) rules += " _lLPOtrc17";
+	else rules += " _lr17";
 	if (props.isSelected) {
-		if (props.selectionStyle === "highlight") if (props.isPressed) rules += " gu0JyE151";
-		else if (props.isHovered) rules += " gu0JyE151";
-		else rules += " gFAIyE151";
-		else if (props.selectionStyle === "checkbox") if (props.isFocusVisible) rules += " gEyY2Bd151";
-		else if (props.isPressed) rules += " gEyY2Bd151";
-		else if (props.isHovered) rules += " gEyY2Bd151";
-		else rules += " gwjk4G151";
-	} else if (props.isPressed) if (props.selectionStyle === "checkbox") rules += " gEyY2Bd151";
-	else rules += " g6GytY151";
-	else if (props.isHovered) if (props.selectionStyle === "checkbox") rules += " gwjk4G151";
-	else rules += " gYe5Zac151";
-	else rules += " g9151";
-	if (props.selectionStyle === "highlight") if (props.isSelected) rules += " gle151";
-	else rules += " gla151";
-	else rules += " gla151";
+		if (props.selectionStyle === "highlight") {
+			if (props.isPressed) rules += " gWvnqoe17";
+			else if (props.isHovered) rules += " gWvnqoe17";
+			else rules += " g75lqoe17";
+		} else if (props.selectionStyle === "checkbox") {
+			if (props.isFocusVisible) rules += " giePGZc17";
+			else if (props.isPressed) rules += " giePGZc17";
+			else if (props.isHovered) rules += " giePGZc17";
+			else rules += " g2QQKwb17";
+		}
+	} else if (props.isPressed) {
+		if (props.selectionStyle === "checkbox") rules += " giePGZc17";
+		else rules += " g5OAR217";
+	} else if (props.isHovered) {
+		if (props.selectionStyle === "checkbox") rules += " g2QQKwb17";
+		else rules += " gPa9qt17";
+	} else rules += " g917";
+	if (props.selectionStyle === "highlight") {
+		if (props.isSelected) rules += " gle17";
+		else rules += " gla17";
+	} else rules += " gla17";
 	if (props.isPrevNotSelected) {
-		if (props.isQuiet) rules += " ob151";
+		if (props.isQuiet) rules += " ob17";
 		else if (props.isSelected) {
-			if (props.selectionStyle === "highlight") rules += " o7E7Gic151";
-			else if (props.selectionStyle === "checkbox") rules += " od151";
+			if (props.selectionStyle === "highlight") rules += " o7E7Gic17";
+			else if (props.selectionStyle === "checkbox") rules += " od17";
 		}
-	} else if (props.isSelected) rules += " od151";
-	else if (props.isQuiet) rules += " ob151";
+	} else if (props.isSelected) rules += " od17";
+	else if (props.isQuiet) rules += " ob17";
 	if (props.isPrevNotSelected) {
-		if (props.isQuiet) rules += " nb151";
+		if (props.isQuiet) rules += " nb17";
 		else if (props.isSelected) {
-			if (props.selectionStyle === "highlight") rules += " n7E7Gic151";
-			else if (props.selectionStyle === "checkbox") rules += " nd151";
+			if (props.selectionStyle === "highlight") rules += " n7E7Gic17";
+			else if (props.selectionStyle === "checkbox") rules += " nd17";
 		}
-	} else if (props.isSelected) rules += " nd151";
-	else if (props.isQuiet) rules += " nb151";
+	} else if (props.isSelected) rules += " nd17";
+	else if (props.isQuiet) rules += " nb17";
 	if (props.isNextNotSelected) {
-		if (props.isQuiet) rules += " kb151";
+		if (props.isQuiet) rules += " kb17";
 		else if (props.isSelected) {
-			if (props.selectionStyle === "highlight") rules += " k7E7Gic151";
-			else if (props.selectionStyle === "checkbox") rules += " kd151";
+			if (props.selectionStyle === "highlight") rules += " k7E7Gic17";
+			else if (props.selectionStyle === "checkbox") rules += " kd17";
 		}
-	} else if (props.isSelected) rules += " kd151";
-	else if (props.isQuiet) rules += " kb151";
+	} else if (props.isSelected) rules += " kd17";
+	else if (props.isQuiet) rules += " kb17";
 	if (props.isNextNotSelected) {
-		if (props.isQuiet) rules += " jb151";
+		if (props.isQuiet) rules += " jb17";
 		else if (props.isSelected) {
-			if (props.selectionStyle === "highlight") rules += " j7E7Gic151";
-			else if (props.selectionStyle === "checkbox") rules += " jd151";
+			if (props.selectionStyle === "highlight") rules += " j7E7Gic17";
+			else if (props.selectionStyle === "checkbox") rules += " jd17";
 		}
-	} else if (props.isSelected) rules += " jd151";
-	else if (props.isQuiet) rules += " jb151";
-	if (props.isPrevSelected) rules += " _ka151";
-	else if (props.selectionStyle === "highlight") rules += " _kb151";
-	else if (props.selectionStyle === "checkbox") rules += " _ka151";
-	if (props.isNextSelected) rules += " ha151";
-	else if (props.selectionStyle === "highlight") rules += " hb151";
-	else if (props.selectionStyle === "checkbox") rules += " ha151";
-	if (props.selectionStyle === "highlight") rules += " mb151";
-	else if (props.selectionStyle === "checkbox") rules += " ma151";
-	if (props.selectionStyle === "highlight") rules += " lb151";
-	else if (props.selectionStyle === "checkbox") rules += " la151";
-	rules += " _jf151";
+	} else if (props.isSelected) rules += " jd17";
+	else if (props.isQuiet) rules += " jb17";
+	if (props.isPrevSelected) rules += " _ka17";
+	else if (props.selectionStyle === "highlight") rules += " _kb17";
+	else if (props.selectionStyle === "checkbox") rules += " _ka17";
+	if (props.isNextSelected) rules += " ha17";
+	else if (props.selectionStyle === "highlight") rules += " hb17";
+	else if (props.selectionStyle === "checkbox") rules += " ha17";
+	if (props.selectionStyle === "highlight") rules += " mb17";
+	else if (props.selectionStyle === "checkbox") rules += " ma17";
+	if (props.selectionStyle === "highlight") rules += " lb17";
+	else if (props.selectionStyle === "checkbox") rules += " la17";
+	rules += " _jf17";
 	if (props.isSelected) {
-		if (props.selectionStyle === "highlight") rules += " i4pzfu151";
-		else if (props.selectionStyle === "checkbox") rules += " iA151";
-	} else rules += " iA151";
+		if (props.selectionStyle === "highlight") rules += " i4pzfu17";
+		else if (props.selectionStyle === "checkbox") rules += " iA17";
+	} else rules += " iA17";
 	return rules;
 };
 const listViewRowFocusRing = function anonymous(props) {
 	let rules = " ";
-	if (props.isFocusVisible) rules += " _Lf151";
-	else rules += " _Le151";
-	rules += " O8KaFke151";
-	if (props.selectionStyle === "highlight") rules += " Ola151";
-	else rules += " Olc151";
-	rules += " _Mc151";
-	rules += " _MlkNNfn151";
-	rules += " _Kb151";
-	rules += " _KlToPtrc151";
-	rules += " _Pa151";
-	if (props.isFirstItem) rules += " Wr151";
-	else rules += " WLPOtrc151";
-	if (props.selectionStyle === "highlight") rules += " _lLPOtrc151";
-	else if (props.selectionStyle === "checkbox") if (props.isNextSelected) rules += " _lr151";
-	else rules += " _lLPOtrc151";
-	rules += " _Ar151";
-	rules += " _zr151";
-	if (props.isQuiet) rules += " ob151";
-	else rules += " o7E7Gic151";
-	if (props.isQuiet) rules += " nb151";
-	else rules += " n7E7Gic151";
-	if (props.isQuiet) rules += " kb151";
-	else rules += " k7E7Gic151";
-	if (props.isQuiet) rules += " jb151";
-	else rules += " j7E7Gic151";
-	rules += " _9c151";
-	rules += " _Ob151";
+	if (props.isFocusVisible) rules += " _Lf17";
+	else rules += " _Le17";
+	rules += " Or2Mazb17";
+	if (props.selectionStyle === "highlight") rules += " Ola17";
+	else rules += " Olc17";
+	rules += " _Mc17";
+	rules += " _MlkNNfn17";
+	rules += " _Kb17";
+	rules += " _KlToPtrc17";
+	rules += " _Pa17";
+	if (props.isFirstItem) rules += " Wr17";
+	else rules += " WLPOtrc17";
+	if (props.selectionStyle === "highlight") rules += " _lLPOtrc17";
+	else if (props.selectionStyle === "checkbox") {
+		if (props.isNextSelected) rules += " _lr17";
+		else rules += " _lLPOtrc17";
+	}
+	rules += " _Ar17";
+	rules += " _zr17";
+	if (props.isQuiet) rules += " ob17";
+	else rules += " o7E7Gic17";
+	if (props.isQuiet) rules += " nb17";
+	else rules += " n7E7Gic17";
+	if (props.isQuiet) rules += " kb17";
+	else rules += " k7E7Gic17";
+	if (props.isQuiet) rules += " jb17";
+	else rules += " j7E7Gic17";
+	rules += " _9c17";
+	rules += " _Ob17";
+	return rules;
+};
+const listViewItemCell = " sc17";
+const listViewMark = function anonymous(props) {
+	let rules = " ";
+	rules += " zYLGDrc17";
+	rules += " yYLGDrc17";
+	rules += " BYLGDrc17";
+	rules += " AvoofG17";
+	rules += " _dc17";
+	rules += " ZQvqurc17";
+	rules += " HT4Nfn17";
+	rules += " uxe7h417";
+	rules += " vQvqurc17";
+	rules += " xg17";
+	rules += " _xa17";
+	rules += " _FWDMfn17";
+	if (props.isDisabled) rules += " p8H6Pad17";
+	else rules += " psfU9i17";
+	if (props.isDisabled) rules += " plc17";
+	else rules += " pld17";
+	if (props.isSelected) rules += " _Ib17";
+	else if (props.isFocusVisible) rules += " _Itvfurc17";
+	else if (props.isHovered) rules += " _Itvfurc17";
+	else rules += " _Ia17";
+	if (props.isSelected) {
+		rules += " -_7PloMd-s17";
+		rules += " __Ya17";
+	} else if (props.isFocusVisible) {
+		rules += " -_7PloMd-s17";
+		rules += " __Ya17";
+	} else if (props.isHovered) {
+		rules += " -_7PloMd-s17";
+		rules += " __Ya17";
+	} else {
+		rules += " -_7PloMd-ToPtrc17";
+		rules += " __Ya17";
+	}
+	rules += " Yd17";
+	rules += " Xa17";
+	rules += " _2b17";
 	return rules;
 };
-const listViewItemCell = " sc151";
 const listViewCheckbox = function anonymous(props) {
 	let rules = " ";
-	rules += " z2CW8rb151";
-	rules += " y2CW8rb151";
-	rules += " B2CW8rb151";
-	rules += " AvoofG151";
-	rules += " _dc151";
-	rules += " __Ab151";
-	rules += " Hv151";
-	rules += " _Pc151";
-	rules += " Zu151";
-	rules += " Ft151";
-	rules += " sd151";
-	rules += " eb151";
-	rules += " _Ca151";
-	if (props.isDisabled) rules += " _6b151";
-	else rules += " _6c151";
+	rules += " z2CW8rb17";
+	rules += " y2CW8rb17";
+	rules += " B2CW8rb17";
+	rules += " AvoofG17";
+	rules += " _dc17";
+	rules += " __Ab17";
+	rules += " Hv17";
+	rules += " _Pc17";
+	rules += " Zu17";
+	rules += " Ft17";
+	rules += " sd17";
+	rules += " eb17";
+	rules += " _Ca17";
+	if (props.isDisabled) rules += " _6b17";
+	else rules += " _6c17";
 	return rules;
 };
-const listViewCheckboxInput = " _Pa151 Jy151 Gy151 Iy151 Hy151 _Ia151 r40ub4c151";
+const listViewCheckboxInput = " _Pa17 Jy17 Gy17 Iy17 Hy17 _Ia17 r40ub4c17";
 const listViewCheckboxBox = 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 listViewCheckboxIcon = " _Ob151 -_8sjo0b-tLZZSrd151 -_8sjo0b-lt8pvGJ151";
-const listViewSlotIcon = " z2U5Crc151 y2U5Crc151 B2U5Crc151 AvoofG151 sb151 ZuUmpre151 FuUmpre151 _dc151 Ht151 Hsu151 -_8sjo0b-t5ZbAob151";
-const listViewImage = " z2U5Crc151 y2U5Crc151 B2U5Crc151 AvoofG151 _dc151 __Ab151 ZC151 Fx151 of151 nf151 kf151 jf151 _Hb151 Ht151 Hsu151";
+const listViewCheckboxIcon = " _Ob17 -_8sjo0b-t4T7hrb17 -_8sjo0b-lt8pvGJ17";
+const listViewSlotIcon = " z2U5Crc17 y2U5Crc17 B2U5Crc17 AvoofG17 sb17 ZObNfn17 FObNfn17 _dc17 Ht17 Hsu17 -_8sjo0b-t5ZbAob17";
+const listViewImage = " z2U5Crc17 y2U5Crc17 B2U5Crc17 AvoofG17 _dc17 __Ab17 ZC17 Fx17 of17 nf17 kf17 jf17 _Hb17 Ht17 Hsu17";
 const listViewLabel = function anonymous(props) {
 	let rules = " ";
-	rules += " zv6x9r151";
-	rules += " yv6x9r151";
-	rules += " Bv6x9r151";
-	rules += " Av6x9r151";
-	rules += " Na151";
-	rules += " _dc151";
-	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 += " -_6BNtrc-e151";
-		rules += " vx151";
-	} else if (props.size === "L") {
-		rules += " -_6BNtrc-d151";
-		rules += " vx151";
-	} else if (props.size === "S") {
-		rules += " -_6BNtrc-b151";
-		rules += " vx151";
-	} else if (props.size === "XS") {
-		rules += " -_6BNtrc-a151";
-		rules += " vx151";
-	} else {
-		rules += " -_6BNtrc-c151";
-		rules += " vx151";
-	}
-	if (props.size === "XL") {
-		rules += " xb151";
-		rules += " _xa151";
-	} else if (props.size === "L") {
-		rules += " xb151";
-		rules += " _xa151";
-	} else if (props.size === "S") {
-		rules += " xb151";
-		rules += " _xa151";
-	} else if (props.size === "XS") {
-		rules += " xb151";
-		rules += " _xa151";
-	} else {
-		rules += " xb151";
-		rules += " _xa151";
-	}
+	rules += " zv6x9r17";
+	rules += " yv6x9r17";
+	rules += " Bv6x9r17";
+	rules += " Av6x9r17";
+	rules += " Na17";
+	rules += " _dc17";
+	rules += " uxe7h417";
+	rules += " vXXr0sc17";
+	rules += " xg17";
+	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";
 	}
-	rules += " p40ub4c151";
-	rules += " _Nc151";
-	rules += " Pc151";
-	if (props.overflowMode === "truncate") rules += " _Yb151";
-	if (props.overflowMode === "wrap") rules += " _7b151";
-	else if (props.overflowMode === "truncate") rules += " _7c151";
+	rules += " p40ub4c17";
+	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 listViewDescription = function anonymous(props) {
 	let rules = " ";
-	rules += " z9u7zPc151";
-	rules += " y9u7zPc151";
-	rules += " B9u7zPc151";
-	rules += " A9u7zPc151";
-	rules += " Na151";
-	rules += " _dc151";
-	rules += " uxe7h4151";
-	rules += " -_6BNtrc-b151";
-	rules += " vx151";
-	rules += " xb151";
-	rules += " _xa151";
-	rules += " _Fd151";
-	rules += " _FnuYUweb151";
-	if (props.isDisabled) rules += " pUvnvv151";
-	else if (props.isPressed) rules += " pQKeKoe151";
-	else if (props.isFocusVisible) rules += " pQKeKoe151";
-	else if (props.isHovered) rules += " pQKeKoe151";
-	else rules += " pUUi0Fe151";
-	rules += " _Nc151";
-	rules += " Pc151";
-	if (props.overflowMode === "truncate") rules += " _Yb151";
-	if (props.overflowMode === "wrap") rules += " _7b151";
-	else if (props.overflowMode === "truncate") rules += " _7c151";
-	rules += " Yd151";
-	rules += " Xb151";
-	rules += " _2b151";
+	rules += " z9u7zPc17";
+	rules += " y9u7zPc17";
+	rules += " B9u7zPc17";
+	rules += " A9u7zPc17";
+	rules += " Na17";
+	rules += " _dc17";
+	rules += " uxe7h417";
+	rules += " vhequrc17";
+	rules += " xb17";
+	rules += " _xa17";
+	rules += " _Fd17";
+	rules += " _FnuYUweb17";
+	if (props.isDisabled) rules += " p8H6Pad17";
+	else rules += " picq5417";
+	rules += " _Nc17";
+	rules += " Pc17";
+	if (props.overflowMode === "truncate") rules += " _Yb17";
+	if (props.overflowMode === "wrap") rules += " _7b17";
+	else if (props.overflowMode === "truncate") rules += " _7c17";
+	rules += " Yd17";
+	rules += " Xb17";
+	rules += " _2b17";
 	return rules;
 };
-const listViewActions = " zkG38H151 ykG38H151 BkG38H151 AvoofG151 _dc151 __Ac151 It151 Isu151";
-const listViewActionMenu = " z6Nrfjc151 y6Nrfjc151 B6Nrfjc151 AvoofG151 _dc151";
+const listViewActions = " zkG38H17 ykG38H17 BkG38H17 AvoofG17 _dc17 __Ac17 It17 Isu17";
+const listViewActionMenu = " z6Nrfjc17 y6Nrfjc17 B6Nrfjc17 AvoofG17 _dc17";
 const listViewTrailingIcon = function anonymous(props) {
 	let rules = " ";
-	rules += " znWsohc151";
-	rules += " ynWsohc151";
-	rules += " BnWsohc151";
-	rules += " AvoofG151";
-	rules += " _dc151";
-	rules += " sd151";
-	rules += " eb151";
-	rules += " __Ac151";
-	rules += " It151";
-	rules += " Isu151";
-	if (props.isDisabled) rules += " pUvnvv151";
-	else rules += " pUUi0Fe151";
-	rules += " -_8sjo0b-t5ZbAob151";
+	rules += " znWsohc17";
+	rules += " ynWsohc17";
+	rules += " BnWsohc17";
+	rules += " AvoofG17";
+	rules += " _dc17";
+	rules += " sd17";
+	rules += " eb17";
+	rules += " __Ac17";
+	rules += " It17";
+	rules += " Isu17";
+	if (props.isDisabled) rules += " p8H6Pad17";
+	else rules += " pLw1gcc17";
+	rules += " -_8sjo0b-t5ZbAob17";
 	return rules;
 };
 function selectedKeySet(keys) {
@@ -590,8 +675,17 @@ function applyItemSlotClasses(root, renderProps, context) {
 }
 function GridList$1(props) {
 	const providerProps = useProviderProps(props);
+	const [flags] = splitProps(providerProps, [
+		"isQuiet",
+		"isEmphasized",
+		"isDisabled",
+		"isRequired",
+		"isReadOnly",
+		"validationState"
+	]);
 	const contextProps = getSlottedContextProps(useContext(GridListContext), props.slot);
-	const [local, headlessProps] = splitProps(mergeProps$1(providerProps, contextProps ?? {}, props), [
+	const mergedProps = mergeProps$1(flags, contextProps ?? {}, props);
+	const [local, headlessProps] = splitProps(mergedProps, [
 		"children",
 		"items",
 		"isQuiet",
@@ -620,17 +714,12 @@ function GridList$1(props) {
 	const selectionStyle = () => local.selectionStyle ?? "checkbox";
 	const overflowMode = () => local.overflowMode ?? "truncate";
 	const isLoading = () => local.isLoading || local.loadingState === "loading" || local.loadingState === "loadingMore";
-	const [staticItems, setStaticItems] = createSignal([]);
-	const [registrationVersion, setRegistrationVersion] = createSignal(0);
+	let staticItems = [];
+	const [registrationVersion, setRegistrationVersion] = createSignal(0, { ownedWrite: true });
 	const registeredItems = /* @__PURE__ */ new Map();
 	const usesStaticChildren = () => local.items == null;
 	const syncRegisteredItems = () => {
-		setStaticItems(Array.from(registeredItems.values()).filter((item) => item.props).map((item) => ({
-			id: item.id,
-			textValue: item.textValue,
-			isDisabled: item.isDisabled,
-			props: item.props
-		})));
+		staticItems = Array.from(registeredItems.values()).filter((item) => item.props !== void 0);
 		setRegistrationVersion((version) => version + 1);
 	};
 	const registrationContext = {
@@ -640,7 +729,8 @@ function GridList$1(props) {
 		registerItem(item) {
 			const previous = registeredItems.get(item.id);
 			if (previous && previous.textValue === item.textValue && previous.isDisabled === item.isDisabled && previous.props === item.props) return;
-			registeredItems.set(item.id, item);
+			if (previous && previous.props === item.props) Object.assign(previous, item);
+			else registeredItems.set(item.id, item);
 			syncRegisteredItems();
 		},
 		unregisterItem(id) {
@@ -650,8 +740,12 @@ function GridList$1(props) {
 	const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);
 	const mergedUnsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
 	const assignRootRef = mergeContextRefs(contextProps?.ref, props.ref);
-	const collectionItems = () => usesStaticChildren() ? staticItems() : local.items ?? [];
-	const getKey = createMemo(() => usesStaticChildren() ? (item) => item.id : headlessProps.getKey);
+	const collectionItems = () => {
+		if (!usesStaticChildren()) return local.items ?? [];
+		registrationVersion();
+		return staticItems;
+	};
+	const getKey = createMemo(() => usesStaticChildren() ? (item) => item.id : (item) => keyFromItem(item, headlessProps.getKey, 0));
 	const getTextValue = createMemo(() => usesStaticChildren() ? (item) => item.textValue ?? String(item.id) : headlessProps.getTextValue);
 	const getDisabled = createMemo(() => {
 		if (usesStaticChildren()) return (item) => Boolean(item.isDisabled);
@@ -661,9 +755,9 @@ function GridList$1(props) {
 			return Boolean(registeredItems.get(key)?.isDisabled) || Boolean(headlessProps.getDisabled?.(item)) || Boolean(item.isDisabled);
 		};
 	});
-	const [actionSelectedKeys, setActionSelectedKeys] = createSignal(selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys));
-	createEffect(() => {
-		setActionSelectedKeys(selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys));
+	const [actionSelectedKeys, setActionSelectedKeys] = createSignal(selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys), { ownedWrite: true });
+	createEffect(() => selectedKeySet(headlessProps.selectedKeys ?? headlessProps.defaultSelectedKeys), (keys) => {
+		setActionSelectedKeys(keys);
 	});
 	const onSelectionChange = (keys) => {
 		setActionSelectedKeys(keys === "all" ? "all" : new Set(keys));
@@ -686,22 +780,27 @@ function GridList$1(props) {
 		}), mergedStyles())
 	].filter(Boolean).join(" ");
 	const renderEmptyState = () => (() => {
-		var _el$ = getNextElement(_tmpl$), _el$2 = _el$.firstChild;
-		insert(_el$2, () => headlessProps.renderEmptyState?.() ?? "No items");
+		var _el$ = getNextElement(_tmpl$);
+		var _el$2 = _el$.firstChild;
+		insert(_el$2, () => {
+			return headlessProps.renderEmptyState?.() ?? "No items";
+		});
 		return _el$;
 	})();
-	const renderItem = (item) => usesStaticChildren() ? createComponent(GridListItem$1, mergeProps(() => item.props)) : typeof local.children === "function" ? local.children(item) : null;
+	const renderItem = (item) => usesStaticChildren() ? createComponent(GridListItem$1, mergeProps(() => {
+		return item.props;
+	})) : typeof local.children === "function" ? local.children(item) : null;
 	const registrationChildren = () => {
-		if (usesStaticChildren()) return children(() => local.children)();
+		if (usesStaticChildren()) return children(() => local.children);
 		if (typeof local.children !== "function") return null;
 		return (local.items ?? []).map((item) => local.children(item));
 	};
-	const collection = createComponent(InternalListViewContext.Provider, {
+	const collection = createComponent(InternalListViewContext, {
 		get value() {
 			return listViewContext();
 		},
 		get children() {
-			return [createComponent(StaticGridListCollectionContext.Provider, {
+			return [createComponent(StaticGridListCollectionContext, {
 				value: registrationContext,
 				get children() {
 					return registrationChildren();
@@ -738,21 +837,21 @@ function GridList$1(props) {
 					get slot() {
 						return local.slot ?? void 0;
 					},
-					"class": className$1,
+					class: className$1,
 					get style() {
 						return mergedUnsafeStyle();
 					},
 					"data-list-view": "",
-					get ["data-quiet"]() {
+					get "data-quiet"() {
 						return isQuiet() || void 0;
 					},
-					get ["data-selection-style"]() {
+					get "data-selection-style"() {
 						return selectionStyle();
 					},
-					get ["data-overflow-mode"]() {
+					get "data-overflow-mode"() {
 						return overflowMode();
 					},
-					get ["data-loading-state"]() {
+					get "data-loading-state"() {
 						return local.loadingState ?? void 0;
 					},
 					children: (item) => renderItem(item)
@@ -760,42 +859,70 @@ function GridList$1(props) {
 			} })];
 		}
 	});
-	if (local.label || local.description || local.renderActionBar) return (() => {
-		var _el$3 = getNextElement(_tmpl$2), _el$4 = _el$3.firstChild, [_el$5, _co$] = getNextMarker(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = getNextMarker(_el$6.nextSibling), _el$8 = _el$7.nextSibling, [_el$9, _co$3] = getNextMarker(_el$8.nextSibling), _el$0 = _el$9.nextSibling, [_el$1, _co$4] = getNextMarker(_el$0.nextSibling);
-		insert(_el$3, (() => {
-			var _c$ = memo(() => !!local.label);
-			return () => _c$() ? (() => {
-				var _el$10 = getNextElement(_tmpl$3);
-				className(_el$10, legacyLabel);
-				insert(_el$10, () => local.label);
-				return _el$10;
-			})() : null;
-		})(), _el$5, _co$);
-		insert(_el$3, collection, _el$7, _co$2);
-		insert(_el$3, (() => {
-			var _c$2 = memo(() => !!local.description);
-			return () => _c$2() ? (() => {
-				var _el$11 = getNextElement(_tmpl$3);
-				className(_el$11, legacyDescription);
-				insert(_el$11, () => local.description);
-				return _el$11;
-			})() : null;
-		})(), _el$9, _co$3);
-		insert(_el$3, (() => {
-			var _c$3 = memo(() => !!local.renderActionBar);
-			return () => _c$3() ? local.renderActionBar(actionSelectedKeys()) : null;
-		})(), _el$1, _co$4);
-		effect((_p$) => {
-			var _v$ = listViewWrapper({}, mergedStyles()), _v$2 = mergedUnsafeStyle();
-			_v$ !== _p$.e && className(_el$3, _p$.e = _v$);
-			_p$.t = style(_el$3, _v$2, _p$.t);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0
+	if (local.label || local.description || local.renderActionBar) {
+		var _el$3 = getNextElement(_tmpl$2);
+		var _el$4 = _el$3.firstChild;
+		var [_el$5, _el$6] = getNextMarker(_el$4.nextSibling);
+		var _el$7 = _el$5.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);
+		var _el$13 = _el$11.nextSibling;
+		var [_el$14, _el$15] = getNextMarker(_el$13.nextSibling);
+		insert(_el$3, scope((() => {
+			var _c$ = memo(() => {
+				return !!local.label;
+			});
+			return () => {
+				return _c$() ? (() => {
+					var _el$16 = getNextElement(_tmpl$3);
+					insert(_el$16, () => {
+						return local.label;
+					});
+					effect(() => readShallow(legacyLabel), (_v$, _$p) => {
+						className(_el$16, _v$, _$p);
+					});
+					return _el$16;
+				})() : null;
+			};
+		})()), _el$5, _el$6);
+		insert(_el$3, collection, _el$8, _el$9);
+		insert(_el$3, scope((() => {
+			var _c$2 = memo(() => {
+				return !!local.description;
+			});
+			return () => {
+				return _c$2() ? (() => {
+					var _el$17 = getNextElement(_tmpl$3);
+					insert(_el$17, () => {
+						return local.description;
+					});
+					effect(() => readShallow(legacyDescription), (_v$, _$p) => {
+						className(_el$17, _v$, _$p);
+					});
+					return _el$17;
+				})() : null;
+			};
+		})()), _el$11, _el$12);
+		insert(_el$3, scope((() => {
+			var _c$3 = memo(() => {
+				return !!local.renderActionBar;
+			});
+			return () => {
+				return _c$3() ? local.renderActionBar(actionSelectedKeys()) : null;
+			};
+		})()), _el$14, _el$15);
+		effect(() => {
+			return {
+				e: readShallow(listViewWrapper({}, mergedStyles())),
+				t: readShallow(mergedUnsafeStyle())
+			};
+		}, ({ e, t }, _p$) => {
+			className(_el$3, e, _p$?.e);
+			style(_el$3, t, _p$?.t);
 		});
 		return _el$3;
-	})();
+	}
 	return collection;
 }
 function GridListItem$1(props) {
@@ -823,13 +950,19 @@ function GridListItem$1(props) {
 		"class",
 		"ref"
 	]);
-	createRenderEffect(() => {
-		if (!staticCollection) return;
-		staticCollection.registerItem({
-			id: props.id,
-			textValue: headlessProps.textValue ?? headlessProps["aria-label"],
-			isDisabled: !!local.isDisabled,
-			props: staticCollection.mode === "static" ? props : void 0
+	createRenderEffect(() => ({
+		collection: staticCollection,
+		id: props.id,
+		textValue: headlessProps.textValue ?? headlessProps["aria-label"],
+		isDisabled: !!local.isDisabled,
+		itemProps: staticCollection?.mode === "static" ? props : void 0
+	}), ({ collection, id, textValue, isDisabled, itemProps }) => {
+		if (!collection) return;
+		collection.registerItem({
+			id,
+			textValue,
+			isDisabled,
+			props: itemProps
 		});
 	});
 	onCleanup(() => {
@@ -877,7 +1010,7 @@ function GridListItem$1(props) {
 		description: { slot: "description" }
 	} }));
 	function ItemChildren(renderProps) {
-		createEffect(() => applyItemSlotClasses(itemElement, renderProps, context));
+		createTrackedEffect(() => applyItemSlotClasses(itemElement, renderProps, context));
 		function ResolvedItemContent() {
 			const resolvedChildren = children(() => {
 				const rawChildren = local.children;
@@ -885,43 +1018,51 @@ function GridListItem$1(props) {
 			});
 			const childrenValue = () => resolvedChildren();
 			const isTextOnly = () => isTextOnlyChildren(childrenValue());
-			return [memo(() => memo(() => !!isTextOnly())() ? createComponent(Text, {
-				slot: "label",
-				get children() {
-					return childrenValue();
-				}
-			}) : childrenValue()), memo(() => memo(() => !!local.description)() ? createComponent(Text, {
-				slot: "description",
-				get children() {
-					return local.description;
-				}
-			}) : null)];
+			return [memo(() => {
+				return memo(() => {
+					return !!isTextOnly();
+				})() ? createComponent(Text$1, {
+					slot: "label",
+					get children() {
+						return childrenValue();
+					}
+				}) : childrenValue();
+			}), memo(() => {
+				return memo(() => {
+					return !!local.description;
+				})() ? createComponent(Text$1, {
+					slot: "description",
+					get children() {
+						return local.description;
+					}
+				}) : null;
+			})];
 		}
-		return createComponent(TextContext.Provider, {
+		return createComponent(TextContext$1, {
 			get value() {
 				return textContext();
 			},
 			get children() {
-				return createComponent(IconContext.Provider, {
+				return createComponent(IconContext, {
 					value: {
 						slot: "icon",
 						styles: listViewSlotIcon
 					},
 					get children() {
-						return createComponent(ImageContext.Provider, {
+						return createComponent(ImageContext, {
 							value: {
 								slot: "image",
 								styles: listViewImage
 							},
 							get children() {
-								return createComponent(ActionButtonGroupContext.Provider, {
+								return createComponent(ActionButtonGroupContext, {
 									value: {
 										slot: "actions",
 										size: "S",
 										styles: listViewActions
 									},
 									get children() {
-										return createComponent(ActionMenuContext.Provider, {
+										return createComponent(ActionMenuContext, {
 											value: {
 												slot: "actionmenu",
 												size: "S",
@@ -930,53 +1071,88 @@ function GridListItem$1(props) {
 											},
 											get children() {
 												return [
-													memo(() => memo(() => !!(renderProps.selectionMode !== "none" && renderProps.selectionBehavior === "toggle"))() ? createComponent(GridListSelectionCheckbox$1, {
-														get itemKey() {
-															return props.id;
-														},
-														renderProps,
-														excludeFromTabOrder: true
-													}) : null),
+													memo(() => {
+														return memo(() => {
+															return !!(renderProps.selectionMode !== "none" && renderProps.selectionBehavior === "toggle");
+														})() ? createComponent(GridListSelectionCheckbox$1, {
+															get itemKey() {
+																return props.id;
+															},
+															renderProps,
+															excludeFromTabOrder: true
+														}) : null;
+													}),
 													(() => {
-														var _el$12 = getNextElement(_tmpl$4);
-														effect(() => className(_el$12, listViewRowBackground(getRowLayerProps(renderProps))));
-														return _el$12;
+														var _el$18 = getNextElement(_tmpl$4);
+														effect(() => readShallow(listViewMark(renderProps)), (_v$, _$p) => {
+															className(_el$18, _v$, _$p);
+														});
+														return _el$18;
 													})(),
-													memo(() => memo(() => !!renderProps.isFocusVisible)() ? (() => {
-														var _el$13 = getNextElement(_tmpl$4);
-														effect(() => className(_el$13, listViewRowFocusRing(getRowLayerProps(renderProps))));
-														return _el$13;
-													})() : null),
-													memo(() => memo(() => !!local.image)() ? createComponent(Image, {
-														get src() {
-															return local.image;
-														},
-														get alt() {
-															return local.imageAlt ?? "";
-														},
-														styles: listViewImage
-													}) : null),
-													memo(() => memo(() => !!local.icon)() ? (() => {
-														var _el$14 = getNextElement(_tmpl$5);
-														insert(_el$14, () => local.icon());
-														return _el$14;
-													})() : null),
+													(() => {
+														var _el$19 = getNextElement(_tmpl$5);
+														effect(() => readShallow(listViewRowBackground(getRowLayerProps(renderProps))), (_v$, _$p) => {
+															className(_el$19, _v$, _$p);
+														});
+														return _el$19;
+													})(),
+													memo(() => {
+														return memo(() => {
+															return !!renderProps.isFocusVisible;
+														})() ? (() => {
+															var _el$20 = getNextElement(_tmpl$5);
+															effect(() => readShallow(listViewRowFocusRing(getRowLayerProps(renderProps))), (_v$, _$p) => {
+																className(_el$20, _v$, _$p);
+															});
+															return _el$20;
+														})() : null;
+													}),
+													memo(() => {
+														return memo(() => {
+															return !!local.image;
+														})() ? createComponent(Image, {
+															get src() {
+																return local.image;
+															},
+															get alt() {
+																return local.imageAlt ?? "";
+															},
+															styles: listViewImage
+														}) : null;
+													}),
+													memo(() => {
+														return memo(() => {
+															return !!local.icon;
+														})() ? (() => {
+															var _el$21 = getNextElement(_tmpl$6);
+															insert(_el$21, scope(() => {
+																return local.icon();
+															}));
+															return _el$21;
+														})() : null;
+													}),
 													createComponent(ResolvedItemContent, {}),
-													memo(() => memo(() => !!(isExternalLink() && !context.hideLinkOutIcon))() ? createComponent(LinkOut, {
-														size: "M",
-														get ["class"]() {
-															return listViewTrailingIcon(renderProps);
-														},
-														"data-rsp-slot": "trailing-icon",
-														"aria-hidden": "true"
-													}) : memo(() => !!local.hasChildItems)() ? createComponent(Chevron, {
-														size: "M",
-														get ["class"]() {
-															return listViewTrailingIcon(renderProps);
-														},
-														"data-rsp-slot": "trailing-icon",
-														"aria-hidden": "true"
-													}) : null)
+													memo(() => {
+														return memo(() => {
+															return !!(isExternalLink() && !context.hideLinkOutIcon);
+														})() ? createComponent(LinkOut, {
+															size: "M",
+															get "class"() {
+																return listViewTrailingIcon(renderProps);
+															},
+															"data-rsp-slot": "trailing-icon",
+															"aria-hidden": "true"
+														}) : memo(() => {
+															return !!local.hasChildItems;
+														})() ? createComponent(Chevron, {
+															size: "M",
+															get "class"() {
+																return listViewTrailingIcon(renderProps);
+															},
+															"data-rsp-slot": "trailing-icon",
+															"aria-hidden": "true"
+														}) : null;
+													})
 												];
 											}
 										});
@@ -991,23 +1167,23 @@ function GridListItem$1(props) {
 	}
 	return createComponent(GridListItem, mergeProps(headlessProps, {
 		ref: (element) => assignItemRef(element),
-		"class": getClassName,
+		class: getClassName,
 		style: getStyle,
 		"data-list-view-item": "",
-		get ["data-disabled"]() {
-			return local.isDisabled || void 0;
+		get "data-disabled"() {
+			return attrTrue(!!local.isDisabled);
 		},
-		get ["data-href"]() {
+		get "data-href"() {
 			return local.href || void 0;
 		},
-		get ["data-target"]() {
+		get "data-target"() {
 			return local.target || void 0;
 		},
-		get ["data-has-child-items"]() {
-			return local.hasChildItems || void 0;
+		get "data-has-child-items"() {
+			return attrTrue(!!local.hasChildItems);
 		},
-		get ["data-has-trailing-icon"]() {
-			return hasTrailingIcon() || void 0;
+		get "data-has-trailing-icon"() {
+			return attrTrue(hasTrailingIcon());
 		},
 		children: (renderProps) => createComponent(ItemChildren, renderProps)
 	}));
@@ -1025,46 +1201,51 @@ function GridListSelectionCheckbox$1(props) {
 		selectionMode: props.renderProps?.selectionMode ?? "multiple",
 		selectionBehavior: props.renderProps?.selectionBehavior ?? "toggle"
 	}));
-	return (() => {
-		var _el$15 = getNextElement(_tmpl$6), _el$17 = _el$15.firstChild, [_el$18, _co$5] = getNextMarker(_el$17.nextSibling), _el$16 = _el$18.nextSibling;
-		insert(_el$15, createComponent(GridListSelectionCheckbox, {
-			get itemKey() {
-				return props.itemKey;
-			},
-			"class": listViewCheckboxInput,
-			get excludeFromTabOrder() {
-				return props.excludeFromTabOrder;
-			},
-			get ["aria-label"]() {
-				return props["aria-label"] ?? "Select";
-			}
-		}), _el$18, _co$5);
-		insert(_el$16, (() => {
-			var _c$4 = memo(() => !!renderProps().isSelected);
-			return () => _c$4() ? createComponent(IconContext.Provider, {
+	var _el$22 = getNextElement(_tmpl$7);
+	var _el$23 = _el$22.firstChild;
+	var [_el$24, _el$25] = getNextMarker(_el$23.nextSibling);
+	var _el$26 = _el$24.nextSibling;
+	insert(_el$22, createComponent(GridListSelectionCheckbox, {
+		get itemKey() {
+			return props.itemKey;
+		},
+		class: listViewCheckboxInput,
+		get excludeFromTabOrder() {
+			return props.excludeFromTabOrder;
+		},
+		get "aria-label"() {
+			return props["aria-label"] ?? "Select";
+		}
+	}), _el$24, _el$25);
+	insert(_el$26, scope((() => {
+		var _c$4 = memo(() => {
+			return !!renderProps().isSelected;
+		});
+		return () => {
+			return _c$4() ? createComponent(IconContext, {
 				value: {},
 				get children() {
 					return createComponent(Checkmark, {
 						size: "S",
-						"class": listViewCheckboxIcon,
+						class: listViewCheckboxIcon,
 						"aria-hidden": "true"
 					});
 				}
 			}) : null;
-		})());
-		effect((_p$) => {
-			var _v$3 = [listViewCheckbox(renderProps()), props.class].filter(Boolean).join(" "), _v$4 = props.style, _v$5 = listViewCheckboxBox(renderProps());
-			_v$3 !== _p$.e && className(_el$15, _p$.e = _v$3);
-			_p$.t = style(_el$15, _v$4, _p$.t);
-			_v$5 !== _p$.a && className(_el$16, _p$.a = _v$5);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		});
-		return _el$15;
-	})();
+		};
+	})()));
+	effect(() => {
+		return {
+			e: readShallow([listViewCheckbox(renderProps()), props.class].filter(Boolean).join(" ")),
+			t: readShallow(props.style),
+			a: readShallow(listViewCheckboxBox(renderProps()))
+		};
+	}, ({ e, t, a }, _p$) => {
+		className(_el$22, e, _p$?.e);
+		style(_el$22, t, _p$?.t);
+		className(_el$26, a, _p$?.a);
+	});
+	return _el$22;
 }
 GridList$1.Item = GridListItem$1;
 GridList$1.SelectionCheckbox = GridListSelectionCheckbox$1;