tamagui 1.132.12 → 1.132.14

package/dist/native.js

@@ -35,8 +35,166 @@ var require_polyfill_dev = __commonJS({
   }
 });
 
-// ../../core/use-force-update/dist/cjs/index.native.js
+// ../../packages/fake-react-native/index.js
+var require_fake_react_native = __commonJS({
+  "../../packages/fake-react-native/index.js"(exports2, module2) {
+    module2.exports = proxyWorm();
+    function proxyWorm() {
+      return new Proxy({
+        StyleSheet: {
+          create() {
+          }
+        },
+        Platform: {
+          OS: "web"
+        },
+        Image: "Image",
+        View: "View",
+        Text: "Text",
+        TextInput: "TextInput",
+        ScrollView: "ScrollView",
+        Dimensions: {
+          addEventListener(cb) {
+          }
+        },
+        addPoolingTo() {
+        }
+      }, {
+        get(target, key) {
+          return Reflect.get(target, key) || proxyWorm();
+        },
+        apply() {
+          return proxyWorm();
+        }
+      });
+    }
+  }
+});
+
+// ../../core/constants/dist/cjs/constants.native.js
+var require_constants_native = __commonJS({
+  "../../core/constants/dist/cjs/constants.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, constants_native_exports = {};
+    __export2(constants_native_exports, {
+      IS_REACT_19: function() {
+        return IS_REACT_19;
+      },
+      currentPlatform: function() {
+        return currentPlatform;
+      },
+      isAndroid: function() {
+        return isAndroid;
+      },
+      isChrome: function() {
+        return isChrome2;
+      },
+      isClient: function() {
+        return isClient2;
+      },
+      isIos: function() {
+        return isIos;
+      },
+      isServer: function() {
+        return isServer2;
+      },
+      isTouchable: function() {
+        return isTouchable2;
+      },
+      isWeb: function() {
+        return isWeb6;
+      },
+      isWebTouchable: function() {
+        return isWebTouchable2;
+      },
+      isWindowDefined: function() {
+        return isWindowDefined;
+      },
+      useIsomorphicLayoutEffect: function() {
+        return useIsomorphicLayoutEffect2;
+      }
+    });
+    module2.exports = __toCommonJS2(constants_native_exports);
+    var import_react3 = require("react"), import_react22 = require("react"), import_react_native4 = require_fake_react_native(), IS_REACT_19 = !!import_react22.use, isWeb6 = !1, isWindowDefined = !1, isServer2 = !1, isClient2 = !1, useIsomorphicLayoutEffect2 = import_react3.useLayoutEffect, isChrome2 = !1, isWebTouchable2 = !1, isTouchable2 = !0, isAndroid = import_react_native4.Platform.OS === "android" || process.env.TEST_NATIVE_PLATFORM === "android", isIos = import_react_native4.Platform.OS === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios", platforms = {
+      ios: "ios",
+      android: "android"
+    }, currentPlatform = platforms[import_react_native4.Platform.OS] || "native";
+  }
+});
+
+// ../../core/constants/dist/cjs/index.native.js
 var require_index_native = __commonJS({
+  "../../core/constants/dist/cjs/index.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __reExport2 = function(target, mod, secondTarget) {
+      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, index_exports2 = {};
+    module2.exports = __toCommonJS2(index_exports2);
+    __reExport2(index_exports2, require_constants_native(), module2.exports);
+  }
+});
+
+// ../../core/use-force-update/dist/cjs/index.native.js
+var require_index_native2 = __commonJS({
   "../../core/use-force-update/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -163,7 +321,7 @@ var require_LayoutGroupContext_native = __commonJS({
 });
 
 // ../../core/use-constant/dist/cjs/index.native.js
-var require_index_native2 = __commonJS({
+var require_index_native3 = __commonJS({
   "../../core/use-constant/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -394,7 +552,7 @@ var require_usePresence_native = __commonJS({
 });
 
 // ../../core/use-presence/dist/cjs/index.native.js
-var require_index_native3 = __commonJS({
+var require_index_native4 = __commonJS({
   "../../core/use-presence/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -507,7 +665,7 @@ var require_PresenceChild_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(PresenceChild_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_constant = require_index_native2(), import_use_presence = require_index_native3(), React4 = __toESM2(require("react")), import_react3 = require("react"), PresenceChild = /* @__PURE__ */ React4.memo(function(param) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_constant = require_index_native3(), import_use_presence = require_index_native4(), React4 = __toESM2(require("react")), import_react3 = require("react"), PresenceChild = /* @__PURE__ */ React4.memo(function(param) {
       var { children, initial, isPresent: isPresent2, onExitComplete, exitVariant, enterVariant, enterExitVariant, presenceAffectsLayout, custom } = param, presenceChildren = (0, import_use_constant.useConstant)(newChildrenMap), id = (0, import_react3.useId)() || "", context = React4.useMemo(
         function() {
           return {
@@ -620,7 +778,7 @@ var require_AnimatePresence_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(AnimatePresence_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_force_update = require_index_native(), import_react3 = require("react"), import_LayoutGroupContext = require_LayoutGroupContext_native(), import_PresenceChild = require_PresenceChild_native(), getChildKey = function(child) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native(), import_use_force_update = require_index_native2(), import_react3 = require("react"), import_LayoutGroupContext = require_LayoutGroupContext_native(), import_PresenceChild = require_PresenceChild_native(), getChildKey = function(child) {
       return child.key || "";
     };
     function updateChildLookup(children, allChildren) {
@@ -642,7 +800,9 @@ var require_AnimatePresence_native = __commonJS({
       if (passThrough) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
         children
       });
-      if (isInitialRender.current) return isInitialRender.current = !1, /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
+      if ((0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        isInitialRender.current = !1;
+      }, []), isInitialRender.current) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
         children: filteredChildren.map(function(child) {
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_PresenceChild.PresenceChild, {
             isPresent: !0,
@@ -746,7 +906,7 @@ var require_types_native = __commonJS({
 });
 
 // ../animate-presence/dist/cjs/index.native.js
-var require_index_native4 = __commonJS({
+var require_index_native5 = __commonJS({
   "../animate-presence/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -781,14 +941,14 @@ var require_index_native4 = __commonJS({
     }, index_exports2 = {};
     module2.exports = __toCommonJS2(index_exports2);
     __reExport2(index_exports2, require_AnimatePresence_native(), module2.exports);
-    __reExport2(index_exports2, require_index_native3(), module2.exports);
+    __reExport2(index_exports2, require_index_native4(), module2.exports);
     __reExport2(index_exports2, require_types_native(), module2.exports);
     __reExport2(index_exports2, require_PresenceChild_native(), module2.exports);
   }
 });
 
 // ../../core/simple-hash/dist/cjs/index.native.js
-var require_index_native5 = __commonJS({
+var require_index_native6 = __commonJS({
   "../../core/simple-hash/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -910,9 +1070,9 @@ var require_clamp_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(clamp_exports);
-    function clamp(value, param) {
+    function clamp(value2, param) {
       var [min, max] = param;
-      return Math.min(max, Math.max(min, value));
+      return Math.min(max, Math.max(min, value2));
     }
   }
 });
@@ -1115,164 +1275,6 @@ var require_types_native2 = __commonJS({
   }
 });
 
-// ../../packages/fake-react-native/index.js
-var require_fake_react_native = __commonJS({
-  "../../packages/fake-react-native/index.js"(exports2, module2) {
-    module2.exports = proxyWorm();
-    function proxyWorm() {
-      return new Proxy({
-        StyleSheet: {
-          create() {
-          }
-        },
-        Platform: {
-          OS: "web"
-        },
-        Image: "Image",
-        View: "View",
-        Text: "Text",
-        TextInput: "TextInput",
-        ScrollView: "ScrollView",
-        Dimensions: {
-          addEventListener(cb) {
-          }
-        },
-        addPoolingTo() {
-        }
-      }, {
-        get(target, key) {
-          return Reflect.get(target, key) || proxyWorm();
-        },
-        apply() {
-          return proxyWorm();
-        }
-      });
-    }
-  }
-});
-
-// ../../core/constants/dist/cjs/constants.native.js
-var require_constants_native = __commonJS({
-  "../../core/constants/dist/cjs/constants.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
-      for (var name in all) __defProp2(target, name, {
-        get: all[name],
-        enumerable: !0
-      });
-    }, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, constants_native_exports = {};
-    __export2(constants_native_exports, {
-      IS_REACT_19: function() {
-        return IS_REACT_19;
-      },
-      currentPlatform: function() {
-        return currentPlatform;
-      },
-      isAndroid: function() {
-        return isAndroid;
-      },
-      isChrome: function() {
-        return isChrome2;
-      },
-      isClient: function() {
-        return isClient2;
-      },
-      isIos: function() {
-        return isIos;
-      },
-      isServer: function() {
-        return isServer2;
-      },
-      isTouchable: function() {
-        return isTouchable2;
-      },
-      isWeb: function() {
-        return isWeb6;
-      },
-      isWebTouchable: function() {
-        return isWebTouchable2;
-      },
-      isWindowDefined: function() {
-        return isWindowDefined;
-      },
-      useIsomorphicLayoutEffect: function() {
-        return useIsomorphicLayoutEffect2;
-      }
-    });
-    module2.exports = __toCommonJS2(constants_native_exports);
-    var import_react3 = require("react"), import_react22 = require("react"), import_react_native4 = require_fake_react_native(), IS_REACT_19 = !!import_react22.use, isWeb6 = !1, isWindowDefined = !1, isServer2 = !1, isClient2 = !1, useIsomorphicLayoutEffect2 = import_react3.useLayoutEffect, isChrome2 = !1, isWebTouchable2 = !1, isTouchable2 = !0, isAndroid = import_react_native4.Platform.OS === "android" || process.env.TEST_NATIVE_PLATFORM === "android", isIos = import_react_native4.Platform.OS === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios", platforms = {
-      ios: "ios",
-      android: "android"
-    }, currentPlatform = platforms[import_react_native4.Platform.OS] || "native";
-  }
-});
-
-// ../../core/constants/dist/cjs/index.native.js
-var require_index_native6 = __commonJS({
-  "../../core/constants/dist/cjs/index.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __reExport2 = function(target, mod, secondTarget) {
-      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, index_exports2 = {};
-    module2.exports = __toCommonJS2(index_exports2);
-    __reExport2(index_exports2, require_constants_native(), module2.exports);
-  }
-});
-
 // ../../core/helpers/dist/cjs/shouldRenderNativePlatform.native.js
 var require_shouldRenderNativePlatform_native = __commonJS({
   "../../core/helpers/dist/cjs/shouldRenderNativePlatform.native.js"(exports2, module2) {
@@ -1316,7 +1318,7 @@ var require_shouldRenderNativePlatform_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(shouldRenderNativePlatform_exports);
-    var import_constants4 = require_index_native6(), ALL_PLATFORMS = [
+    var import_constants4 = require_index_native(), ALL_PLATFORMS = [
       "web",
       "android",
       "ios"
@@ -1422,7 +1424,7 @@ var require_validStyleProps_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(validStyleProps_exports);
-    var import_constants4 = require_index_native6(), textColors = {
+    var import_constants4 = require_index_native(), textColors = {
       color: !0,
       textDecorationColor: !0,
       textShadowColor: !0
@@ -1771,7 +1773,7 @@ var require_index_native7 = __commonJS({
       }), mod);
     }, index_exports2 = {};
     module2.exports = __toCommonJS2(index_exports2);
-    __reExport2(index_exports2, require_index_native5(), module2.exports);
+    __reExport2(index_exports2, require_index_native6(), module2.exports);
     __reExport2(index_exports2, require_clamp_native(), module2.exports);
     __reExport2(index_exports2, require_composeEventHandlers_native(), module2.exports);
     __reExport2(index_exports2, require_concatClassName_native(), module2.exports);
@@ -1837,7 +1839,7 @@ var require_useGet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useGet_exports);
-    var import_constants4 = require_index_native6(), React4 = __toESM2(require("react"));
+    var import_constants4 = require_index_native(), React4 = __toESM2(require("react"));
     function useGet2(currentValue, initialValue, forwardToFunction) {
       var curRef = React4.useRef(initialValue ?? currentValue);
       return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
@@ -2054,7 +2056,7 @@ var require_useControllableState_native = __commonJS({
       return _();
     };
     function useControllableState(param) {
-      var { prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition } = param, [state, setState] = React4.useState(prop ?? defaultProp), previous = React4.useRef(state), propWins = strategy === "prop-wins" && prop !== void 0, value = propWins ? prop : state, onChangeCb = (0, import_use_event.useEvent)(onChange || idFn), transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
+      var { prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition } = param, [state, setState] = React4.useState(prop ?? defaultProp), previous = React4.useRef(state), propWins = strategy === "prop-wins" && prop !== void 0, value2 = propWins ? prop : state, onChangeCb = (0, import_use_event.useEvent)(onChange || idFn), transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
       React4.useEffect(function() {
         prop !== void 0 && (previous.current = prop, transitionFn(function() {
           setState(prop);
@@ -2077,7 +2079,7 @@ var require_useControllableState_native = __commonJS({
         });
       });
       return [
-        value,
+        value2,
         setter
       ];
     }
@@ -2351,7 +2353,7 @@ var require_config_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(config_exports);
-    var import_constants4 = require_index_native6(), import_constants22 = require_constants_native2(), import_loadDuplicatedConfig = require_loadDuplicatedConfig_native(), conf, haventCalledErrorMessage = process.env.NODE_ENV === "development" ? `
+    var import_constants4 = require_index_native(), import_constants22 = require_constants_native2(), import_loadDuplicatedConfig = require_loadDuplicatedConfig_native(), conf, haventCalledErrorMessage = process.env.NODE_ENV === "development" ? `
 Haven't called createTamagui yet. ${import_constants22.MISSING_THEME_MESSAGE}
 ` : "\u274C Error 001", getSetting2 = function(key) {
       if (process.env.NODE_ENV === "development" && !conf) throw new Error(haventCalledErrorMessage);
@@ -2386,22 +2388,22 @@ Haven't called createTamagui yet. ${import_constants22.MISSING_THEME_MESSAGE}
       if (process.env.NODE_ENV === "development" && !conf) throw new Error(haventCalledErrorMessage);
       var { tokens, tokensParsed } = conf;
       return prefixed === !1 ? tokens : prefixed === !0 ? tokensParsed : tokensMerged;
-    }, getTokenObject = function(value, group) {
+    }, getTokenObject = function(value2, group) {
       var _tokensMerged_group, _tokensMerged_, _conf_specificTokens_value;
-      return (_conf_specificTokens_value = conf.specificTokens[value]) !== null && _conf_specificTokens_value !== void 0 ? _conf_specificTokens_value : group ? (_tokensMerged_group = tokensMerged[group]) === null || _tokensMerged_group === void 0 ? void 0 : _tokensMerged_group[value] : (_tokensMerged_ = tokensMerged[Object.keys(tokensMerged).find(function(cat) {
-        return tokensMerged[cat][value];
-      }) || ""]) === null || _tokensMerged_ === void 0 ? void 0 : _tokensMerged_[value];
-    }, getToken3 = function(value, group) {
-      var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants4.isWeb, token = getTokenObject(value, group);
+      return (_conf_specificTokens_value = conf.specificTokens[value2]) !== null && _conf_specificTokens_value !== void 0 ? _conf_specificTokens_value : group ? (_tokensMerged_group = tokensMerged[group]) === null || _tokensMerged_group === void 0 ? void 0 : _tokensMerged_group[value2] : (_tokensMerged_ = tokensMerged[Object.keys(tokensMerged).find(function(cat) {
+        return tokensMerged[cat][value2];
+      }) || ""]) === null || _tokensMerged_ === void 0 ? void 0 : _tokensMerged_[value2];
+    }, getToken3 = function(value2, group) {
+      var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants4.isWeb, token = getTokenObject(value2, group);
       return useVariable ? token == null ? void 0 : token.variable : token == null ? void 0 : token.val;
-    }, getTokenValue3 = function(value, group) {
-      if (!(value === "unset" || value === "auto")) return getToken3(value, group, !1);
+    }, getTokenValue3 = function(value2, group) {
+      if (!(value2 === "unset" || value2 === "auto")) return getToken3(value2, group, !1);
     }, useTokens = getTokens3, getThemes3 = function() {
       return conf.themes;
     }, configListeners = /* @__PURE__ */ new Set(), onConfiguredOnce = function(cb) {
       conf ? cb(conf) : configListeners.add(cb);
-    }, updateConfig2 = function(key, value) {
-      Object.assign(conf[key], value);
+    }, updateConfig2 = function(key, value2) {
+      Object.assign(conf[key], value2);
     }, getFont = function(name) {
       var _Object_entries_find, conf2 = getConfig3(), _conf_fontsParsed_name;
       return (_conf_fontsParsed_name = conf2.fontsParsed[name]) !== null && _conf_fontsParsed_name !== void 0 ? _conf_fontsParsed_name : (_Object_entries_find = Object.entries(conf2.fontsParsed).find(function(param) {
@@ -2488,7 +2490,7 @@ var require_createVariable_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createVariable_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_config = require_config_native();
+    var import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_config = require_config_native();
     function constructCSSVariableName(name) {
       return `var(--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${name})`;
     }
@@ -2543,9 +2545,9 @@ var require_createVariable_native = __commonJS({
       var name = (0, import_helpers.simpleHash)(nameProp, 60);
       return includeVar ? constructCSSVariableName(name) : name;
     };
-    function px(value) {
+    function px(value2) {
       return {
-        val: value,
+        val: value2,
         needsPx: !0
       };
     }
@@ -2622,7 +2624,7 @@ var require_insertStyleRule_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(insertStyleRule_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = function() {
+    var import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = function() {
       return allSelectors;
     }, getAllRules = function() {
       return Object.values(allRules);
@@ -2635,8 +2637,8 @@ var require_insertStyleRule_native = __commonJS({
         process.env.NODE_ENV === "development" && console.error(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`);
         return;
       }
-      var startI = s + 10, endI = css.indexOf(";"), value = css.slice(startI, endI);
-      if (!insertedTransforms[identifier]) return insertedTransforms[identifier] = value, !0;
+      var startI = s + 10, endI = css.indexOf(";"), value2 = css.slice(startI, endI);
+      if (!insertedTransforms[identifier]) return insertedTransforms[identifier] = value2, !0;
     }
     var lastScannedSheets = null;
     function scanAllSheets() {
@@ -2751,15 +2753,15 @@ var require_insertStyleRule_native = __commonJS({
             if (sepI !== -1) {
               var varIndex = rule.indexOf("--"), key1 = rule.slice(varIndex === -1 ? 0 : varIndex + 2, sepI);
               process.env.TAMAGUI_CSS_VARIABLE_PREFIX && (key1 = key1.replace(process.env.TAMAGUI_CSS_VARIABLE_PREFIX, ""));
-              var val = rule.slice(sepI + 2), value = void 0;
+              var val = rule.slice(sepI + 2), value2 = void 0;
               if (val[0] === "v" && val.startsWith("var(")) {
                 var varName = val.slice(6, -1), tokenVal = colorVarToVal[varName];
-                tokenVal ? value = tokenVal : (rootComputedStyle || (rootComputedStyle = getComputedStyle(document.body)), value = rootComputedStyle.getPropertyValue("--" + varName));
-              } else value = val;
+                tokenVal ? value2 = tokenVal : (rootComputedStyle || (rootComputedStyle = getComputedStyle(document.body)), value2 = rootComputedStyle.getPropertyValue("--" + varName));
+              } else value2 = val;
               values[key1] = (0, import_createVariable.createVariable)({
                 key: key1,
                 name: key1,
-                val: value
+                val: value2
               }, !0);
             }
           }
@@ -3141,7 +3143,7 @@ var require_useMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants4 = require_index_native6(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), mediaState3 = (
+    var import_constants4 = require_index_native(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), mediaState3 = (
       // development only safeguard
       process.env.NODE_ENV === "development" ? new Proxy({}, {
         get(target, key) {
@@ -3293,8 +3295,8 @@ var require_useMedia_native = __commonJS({
       if (typeof query == "string") return query;
       if (cache.has(query)) return cache.get(query);
       var res = Object.entries(query).map(function(param) {
-        var [feature, value] = param;
-        return feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`);
+        var [feature, value2] = param;
+        return feature = camelToHyphen(feature), typeof value2 == "string" ? `(${feature}: ${value2})` : (typeof value2 == "number" && /[height|width]$/.test(feature) && (value2 = `${value2}px`), `(${feature}: ${value2})`);
       }).join(" and ");
       return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
     }
@@ -3385,13 +3387,13 @@ var require_Tamagui_native = __commonJS({
     function _create_class(Constructor, protoProps, staticProps) {
       return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
     }
-    function _define_property(obj, key, value) {
+    function _define_property(obj, key, value2) {
       return key in obj ? Object.defineProperty(obj, key, {
-        value,
+        value: value2,
         enumerable: !0,
         configurable: !0,
         writable: !0
-      }) : obj[key] = value, obj;
+      }) : obj[key] = value2, obj;
     }
     var Tamagui = function() {
       if (process.env.NODE_ENV === "development") {
@@ -3445,8 +3447,8 @@ var require_Tamagui_native = __commonJS({
       }
     }(), identifierToValue = /* @__PURE__ */ new Map(), getValueFromIdentifier = function(identifier) {
       return identifierToValue.get(identifier);
-    }, setIdentifierValue = function(identifier, value) {
-      identifierToValue.set(identifier, value);
+    }, setIdentifierValue = function(identifier, value2) {
+      identifierToValue.set(identifier, value2);
     };
   }
 });
@@ -3513,8 +3515,8 @@ var require_compose_refs_native = __commonJS({
     });
     module2.exports = __toCommonJS2(compose_refs_exports);
     var React4 = __toESM2(require("react"));
-    function setRef(ref, value) {
-      typeof ref == "function" ? ref(value) : ref && (ref.current = value);
+    function setRef(ref, value2) {
+      typeof ref == "function" ? ref(value2) : ref && (ref.current = value2);
     }
     function composeRefs() {
       for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
@@ -3841,8 +3843,8 @@ var require_createStyledContext_native = __commonJS({
           })
         });
       }, useStyledContext = function() {
-        var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", lastScopeInNamespace = (0, import_react3.useContext)(LastScopeInNamespace), scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn, context = scope ? getOrCreateScopedContext(scope) : OGContext, value = import_react3.default.useContext(context);
-        return value;
+        var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", lastScopeInNamespace = (0, import_react3.useContext)(LastScopeInNamespace), scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn, context = scope ? getOrCreateScopedContext(scope) : OGContext, value2 = import_react3.default.useContext(context);
+        return value2;
       };
       return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
     }
@@ -5100,7 +5102,7 @@ var require_expandStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(expandStyles_exports);
-    var import_constants4 = require_index_native6(), import_normalizeShadow = require_normalizeShadow_native();
+    var import_constants4 = require_index_native(), import_normalizeShadow = require_normalizeShadow_native();
     function fixStyles(style) {
       "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
       for (var key in borderDefaults) if (key in style) {
@@ -5216,7 +5218,7 @@ var require_isActivePlatform_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(isActivePlatform_exports);
-    var import_constants4 = require_index_native6();
+    var import_constants4 = require_index_native();
     function isActivePlatform(key) {
       if (!key.startsWith("$platform")) return !0;
       var platform2 = key.slice(10);
@@ -5381,16 +5383,16 @@ var require_normalizeValueWithProperty_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(normalizeValueWithProperty_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), stylePropsAllPlusTransforms = {
+    var import_constants4 = require_index_native(), import_helpers = require_index_native7(), stylePropsAllPlusTransforms = {
       ...import_helpers.stylePropsAll,
       translateX: !0,
       translateY: !0
     };
-    function normalizeValueWithProperty(value) {
+    function normalizeValueWithProperty(value2) {
       var property = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
-      if (!import_constants4.isWeb || import_helpers.stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value == "boolean") return value;
-      var res = value;
-      return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
+      if (!import_constants4.isWeb || import_helpers.stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value2 == "boolean") return value2;
+      var res = value2;
+      return value2 && typeof value2 == "object" ? value2 : (typeof value2 == "number" ? res = `${value2}px` : property && (res = `${res}`), res);
     }
   }
 });
@@ -5648,32 +5650,32 @@ var require_expandStyle_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(expandStyle_exports);
-    var import_constants4 = require_index_native6(), import_config = require_config_native(), import_webToNativeProps = require_webToNativeProps_native(), _loop = function(parent2) {
+    var import_constants4 = require_index_native(), import_config = require_config_native(), import_webToNativeProps = require_webToNativeProps_native(), _loop = function(parent2) {
       var _exec, _exec_index, prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);
       EXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {
         return `${prefix}${k}`;
       });
     };
-    function expandStyle(key, value) {
+    function expandStyle(key, value2) {
       if (import_constants4.isAndroid && key === "elevationAndroid") return [
         [
           "elevation",
-          value
+          value2
         ]
       ];
       if (key in EXPANSIONS) return EXPANSIONS[key].map(function(key2) {
         return [
           key2,
-          value
+          value2
         ];
       });
       if (key in import_webToNativeProps.webToNativeExpansion) return import_webToNativeProps.webToNativeExpansion[key].map(function(key2) {
         return [
           key2,
-          value
+          value2
         ];
       });
-      if (key in import_webToNativeProps.webToNativeDynamicExpansion) return import_webToNativeProps.webToNativeDynamicExpansion[key](value);
+      if (key in import_webToNativeProps.webToNativeDynamicExpansion) return import_webToNativeProps.webToNativeDynamicExpansion[key](value2);
     }
     var all = [
       "Top",
@@ -5918,8 +5920,8 @@ var require_normalizeStyle_native = __commonJS({
             res[key] = normalizeStyle(prop, disableNormalize);
             continue;
           }
-          var value = disableNormalize ? prop : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(prop, key), out = (0, import_expandStyle.expandStyle)(key, value);
-          out ? Object.assign(res, Object.fromEntries(out)) : res[key] = value;
+          var value2 = disableNormalize ? prop : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(prop, key), out = (0, import_expandStyle.expandStyle)(key, value2);
+          out ? Object.assign(res, Object.fromEntries(out)) : res[key] = value2;
         }
       }
       return (0, import_expandStyles.fixStyles)(res), res;
@@ -6138,18 +6140,18 @@ var require_propMapper_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_normalizeStyle = require_normalizeStyle_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = function(key, value, styleState, disabled, map) {
-      if (disabled) return map(key, value);
+    var import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_normalizeStyle = require_normalizeStyle_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = function(key, value2, styleState, disabled, map) {
+      if (disabled) return map(key, value2);
       if (lastFontFamilyToken = null, !(!import_constants4.isAndroid && key === "elevationAndroid")) {
         var { conf, styleProps, staticConfig } = styleState;
-        if (value === "unset") {
+        if (value2 === "unset") {
           var _conf_unset, unsetVal = (_conf_unset = conf.unset) === null || _conf_unset === void 0 ? void 0 : _conf_unset[key];
-          if (unsetVal != null) value = unsetVal;
+          if (unsetVal != null) value2 = unsetVal;
           else return;
         }
         var { variants } = staticConfig;
         if (!styleProps.noExpand && variants && key in variants) {
-          var variantValue = resolveVariants(key, value, styleProps, styleState, "");
+          var variantValue = resolveVariants(key, value2, styleProps, styleState, "");
           if (variantValue) {
             variantValue.forEach(function(param) {
               var [_$key, _$value] = param;
@@ -6158,35 +6160,35 @@ var require_propMapper_native = __commonJS({
             return;
           }
         }
-        if (styleProps.disableExpandShorthands || key in conf.shorthands && (key = conf.shorthands[key]), value != null && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps, styleState) : (0, import_createVariable.isVariable)(value) && (value = resolveVariableValue(key, value, styleProps.resolveValues))), value != null) {
+        if (styleProps.disableExpandShorthands || key in conf.shorthands && (key = conf.shorthands[key]), value2 != null && (value2[0] === "$" ? value2 = getTokenForKey(key, value2, styleProps, styleState) : (0, import_createVariable.isVariable)(value2) && (value2 = resolveVariableValue(key, value2, styleProps.resolveValues))), value2 != null) {
           key === "fontFamily" && lastFontFamilyToken && (styleState.fontFamily = lastFontFamilyToken);
-          var expanded = styleProps.noExpand ? null : (0, import_expandStyle.expandStyle)(key, value);
+          var expanded = styleProps.noExpand ? null : (0, import_expandStyle.expandStyle)(key, value2);
           if (expanded) for (var max = expanded.length, i = 0; i < max; i++) {
             var [nkey, nvalue] = expanded[i];
             map(nkey, nvalue);
           }
-          else map(key, value);
+          else map(key, value2);
         }
       }
-    }, resolveVariants = function(key, value, styleProps, styleState, parentVariantKey) {
+    }, resolveVariants = function(key, value2, styleProps, styleState, parentVariantKey) {
       var { staticConfig, conf, debug } = styleState, { variants } = staticConfig;
       if (variants) {
-        var variantValue = getVariantDefinition(variants[key], value, conf);
+        var variantValue = getVariantDefinition(variants[key], value2, conf);
         if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`), console.info({
           key,
-          value,
+          value: value2,
           variantValue,
           variants
         }), console.groupEnd()), !variantValue) {
-          if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1" && typeof value != "boolean") {
+          if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1" && typeof value2 != "boolean") {
             var name = staticConfig.componentName || "[UnnamedComponent]";
-            console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value}"`);
+            console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value2}"`);
           }
           return;
         }
         if (typeof variantValue == "function") {
           var fn = variantValue, extras = (0, import_getVariantExtras.getVariantExtras)(styleState);
-          variantValue = fn(value, extras), process.env.NODE_ENV;
+          variantValue = fn(value2, extras), process.env.NODE_ENV;
         }
         var fontFamilyResult;
         if ((0, import_isObj.isObj)(variantValue)) {
@@ -6211,11 +6213,11 @@ var require_propMapper_native = __commonJS({
         }
       } else if (typeof input == "string" && input[0] === "$") return input;
     }
-    var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVariants = function(key, value, styleProps, styleState, parentVariantKey) {
+    var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVariants = function(key, value2, styleProps, styleState, parentVariantKey) {
       var { conf, staticConfig, debug, theme } = styleState, { variants } = staticConfig, res = {};
-      process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   - resolveTokensAndVariants", key, value);
-      for (var _key in value) {
-        var subKey = conf.shorthands[_key] || _key, val = value[_key];
+      process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   - resolveTokensAndVariants", key, value2);
+      for (var _key in value2) {
+        var subKey = conf.shorthands[_key] || _key, val = value2[_key];
         if (!(!styleProps.noSkip && subKey in import_skipProps.skipProps)) {
           if (styleProps.noExpand) res[subKey] = val;
           else if (variants && subKey in variants) {
@@ -6283,17 +6285,17 @@ var require_propMapper_native = __commonJS({
         spreadName: `...${name}`
       };
     });
-    function getVariantDefinition(variant, value, conf) {
+    function getVariantDefinition(variant, value2, conf) {
       if (variant) {
         if (typeof variant == "function") return variant;
-        var exact = variant[value];
+        var exact = variant[value2];
         if (exact) return exact;
-        if (value != null) {
+        if (value2 != null) {
           var { tokensParsed } = conf, _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
           try {
             for (var _iterator = tokenCats[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
               var { name, spreadName } = _step.value;
-              if (spreadName in variant && name in tokensParsed && value in tokensParsed[name]) return variant[spreadName];
+              if (spreadName in variant && name in tokensParsed && value2 in tokensParsed[name]) return variant[spreadName];
             }
           } catch (err) {
             _didIteratorError = !0, _iteratorError = err;
@@ -6305,32 +6307,32 @@ var require_propMapper_native = __commonJS({
             }
           }
           var fontSizeVariant = variant["...fontSize"];
-          if (fontSizeVariant && conf.fontSizeTokens.has(value)) return fontSizeVariant;
+          if (fontSizeVariant && conf.fontSizeTokens.has(value2)) return fontSizeVariant;
         }
-        return variant[`:${typeof value}`] || variant["..."];
+        return variant[`:${typeof value2}`] || variant["..."];
       }
     }
     var fontShorthand = {
       fontSize: "size",
       fontWeight: "weight"
-    }, lastFontFamilyToken = null, getTokenForKey = function(key, value, styleProps, styleState) {
+    }, lastFontFamilyToken = null, getTokenForKey = function(key, value2, styleProps, styleState) {
       var _staticConfig_accept, resolveAs = styleProps.resolveValues || "none";
-      if (resolveAs === "none") return value;
-      var { theme, conf = (0, import_config.getConfig)(), context, fontFamily, staticConfig } = styleState, themeValue = theme ? theme[value] || theme[value.slice(1)] : void 0, tokensParsed = conf.tokensParsed, valOrVar, hasSet = !1, customTokenAccept = staticConfig == null || (_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key];
+      if (resolveAs === "none") return value2;
+      var { theme, conf = (0, import_config.getConfig)(), context, fontFamily, staticConfig } = styleState, themeValue = theme ? theme[value2] || theme[value2.slice(1)] : void 0, tokensParsed = conf.tokensParsed, valOrVar, hasSet = !1, customTokenAccept = staticConfig == null || (_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key];
       if (customTokenAccept) {
-        var val = themeValue ?? tokensParsed[customTokenAccept][value];
+        var val = themeValue ?? tokensParsed[customTokenAccept][value2];
         val != null && (resolveAs = "value", valOrVar = val, hasSet = !0);
       }
       if (themeValue) {
-        if (resolveAs === "except-theme") return value;
-        valOrVar = themeValue, process.env.NODE_ENV === "development" && styleState.debug === "verbose" && (globalThis.tamaguiAvoidTracking = !0, console.info(` - resolving ${key} to theme value ${value} resolveAs ${resolveAs}`, valOrVar), globalThis.tamaguiAvoidTracking = !1), hasSet = !0;
+        if (resolveAs === "except-theme") return value2;
+        valOrVar = themeValue, process.env.NODE_ENV === "development" && styleState.debug === "verbose" && (globalThis.tamaguiAvoidTracking = !0, console.info(` - resolving ${key} to theme value ${value2} resolveAs ${resolveAs}`, valOrVar), globalThis.tamaguiAvoidTracking = !1), hasSet = !0;
       } else {
-        if (value in conf.specificTokens) hasSet = !0, valOrVar = conf.specificTokens[value];
+        if (value2 in conf.specificTokens) hasSet = !0, valOrVar = conf.specificTokens[value2];
         else {
           switch (key) {
             case "fontFamily": {
               var _fontsParsed_value, fontsParsed = context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed;
-              valOrVar = ((_fontsParsed_value = fontsParsed[value]) === null || _fontsParsed_value === void 0 ? void 0 : _fontsParsed_value.family) || value, lastFontFamilyToken = value, hasSet = !0;
+              valOrVar = ((_fontsParsed_value = fontsParsed[value2]) === null || _fontsParsed_value === void 0 ? void 0 : _fontsParsed_value.family) || value2, lastFontFamilyToken = value2, hasSet = !0;
               break;
             }
             case "fontSize":
@@ -6340,18 +6342,18 @@ var require_propMapper_native = __commonJS({
               var fam = fontFamily || conf.defaultFontToken;
               if (fam) {
                 var _font_, fontsParsed1 = context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed, font = fontsParsed1[fam] || fontsParsed1[conf.defaultFontToken];
-                valOrVar = (font == null || (_font_ = font[fontShorthand[key] || key]) === null || _font_ === void 0 ? void 0 : _font_[value]) || value, hasSet = !0;
+                valOrVar = (font == null || (_font_ = font[fontShorthand[key] || key]) === null || _font_ === void 0 ? void 0 : _font_[value2]) || value2, hasSet = !0;
               }
               break;
             }
           }
           for (var cat in import_helpers.tokenCategories) if (key in import_helpers.tokenCategories[cat]) {
-            var res = tokensParsed[cat][value];
+            var res = tokensParsed[cat][value2];
             res != null && (valOrVar = res, hasSet = !0);
           }
         }
         if (!hasSet) {
-          var spaceVar = tokensParsed.space[value];
+          var spaceVar = tokensParsed.space[value2];
           spaceVar != null && (valOrVar = spaceVar, hasSet = !0);
         }
       }
@@ -6477,8 +6479,8 @@ var require_transformsToString_native = __commonJS({
         // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
         // { perspective: 1000 } => perspective(1000px)
         function(transform) {
-          var type = Object.keys(transform)[0], value = transform[type];
-          return type === "matrix" || type === "matrix3d" ? `${type}(${value.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type)})`;
+          var type = Object.keys(transform)[0], value2 = transform[type];
+          return type === "matrix" || type === "matrix3d" ? `${type}(${value2.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value2, type)})`;
         }
       ).join(" ");
     }
@@ -6549,7 +6551,7 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_getDynamicVal = require_getDynamicVal_native(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), conf, PROP_SPLIT = "-";
+    var import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_getDynamicVal = require_getDynamicVal_native(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, validStyles, accept) {
       return key in validStyles ? !0 : accept && key in accept;
     }
@@ -6779,12 +6781,12 @@ var require_getSplitStyles_native = __commonJS({
                     }
                   } else if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
                 } else if (isGroupMedia) {
-                  var _groupContext_groupName, _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupState = groupContext == null || (_groupContext_groupName = groupContext[groupName]) === null || _groupContext_groupName === void 0 ? void 0 : _groupContext_groupName.state;
+                  var _groupContext_groupName, _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupState = groupContext == null || (_groupContext_groupName = groupContext[groupName]) === null || _groupContext_groupName === void 0 ? void 0 : _groupContext_groupName.state, groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media;
                   if (!groupState) {
-                    process.env.NODE_ENV === "development" && debug && (0, import_log.log)(`No parent with group prop, skipping styles: ${groupName}`);
+                    process.env.NODE_ENV === "development" && debug && (0, import_log.log)(`No parent with group prop, skipping styles: ${groupName}`), pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set());
                     return;
                   }
-                  var groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
+                  var componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
                   if (groupMediaKey) {
                     mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
                     var mediaState1 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState1 == null ? void 0 : mediaState1[groupMediaKey];
@@ -6914,7 +6916,7 @@ var require_getSplitStyles_native = __commonJS({
           if (!styleState.style.$$css) {
             var atomic, _iteratorNormalCompletion, _didIteratorError, _iteratorError;
             try {
-              for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) var atomicStyle, _props_animateOnly, _props_animateOnly1, key2, value, identifier, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
+              for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) var atomicStyle, _props_animateOnly, _props_animateOnly1, key2, value2, identifier, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
             } catch (err) {
             } finally {
             }
@@ -7088,14 +7090,14 @@ var require_getSplitStyles_native = __commonJS({
         delete viewProps[key], viewProps[key] = next;
       } else viewProps[key] = val;
     }
-    function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp) {
+    function mergeMediaByImportance(styleState, mediaKey, key, value2, isSizeMedia, importanceBump, debugProp) {
       var usedKeys = styleState.usedKeys, importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKey, key, styleState, isSizeMedia);
       if (importanceBump && (importance = (importance || 0) + importanceBump), process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)(`mergeMediaByImportance ${key} importance usedKey ${usedKeys[key]} next ${importance}`), importance === null) return !1;
       if (key in import_pseudoDescriptors.pseudoDescriptors) {
         var descriptor = import_pseudoDescriptors.pseudoDescriptors[key], descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = styleState.componentState[descriptorKey] === !1;
         if (isDisabled) return !1;
-        for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance);
-      } else mergeStyle(styleState, key, value, importance);
+        for (var subKey in value2) mergeStyle(styleState, subKey, value2[subKey], importance);
+      } else mergeStyle(styleState, key, value2, importance);
       return !0;
     }
     function normalizeStyle(style) {
@@ -7306,7 +7308,9 @@ var require_subscribeToContextGroup_native = __commonJS({
       }
     }, createGroupListener = function(name, param) {
       var { setStateShallow, pseudoGroups, mediaGroups, groupContext } = param, parent = groupContext == null ? void 0 : groupContext[name];
-      return parent ? parent.subscribe(function(param2) {
+      if (!parent) return function() {
+      };
+      var dispose = parent.subscribe(function(param2) {
         var { layout, pseudo } = param2;
         setStateShallow(function(prev) {
           var _prev_group, didChange = !1, group = ((_prev_group = prev.group) === null || _prev_group === void 0 ? void 0 : _prev_group[name]) || {
@@ -7331,7 +7335,11 @@ var require_subscribeToContextGroup_native = __commonJS({
             }
           } : prev;
         });
-      }) : function() {
+      });
+      return function() {
+        dispose(), setStateShallow({
+          group: {}
+        });
       };
     };
   }
@@ -7395,7 +7403,7 @@ var require_useThemeState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useThemeState_exports);
-    var import_constants4 = require_index_native6(), import_react3 = require("react"), import_config = require_config_native(), import_constants22 = require_constants_native2(), ThemeStateContext = (0, import_react3.createContext)(""), allListeners = /* @__PURE__ */ new Map(), listenersByParent = {}, HasRenderedOnce = /* @__PURE__ */ new WeakMap(), HadTheme = /* @__PURE__ */ new WeakMap(), PendingUpdate = /* @__PURE__ */ new Map(), states = /* @__PURE__ */ new Map(), localStates = /* @__PURE__ */ new Map(), shouldForce = !1, forceUpdateThemes2 = function() {
+    var import_constants4 = require_index_native(), import_react3 = require("react"), import_config = require_config_native(), import_constants22 = require_constants_native2(), ThemeStateContext = (0, import_react3.createContext)(""), allListeners = /* @__PURE__ */ new Map(), listenersByParent = {}, HasRenderedOnce = /* @__PURE__ */ new WeakMap(), HadTheme = /* @__PURE__ */ new WeakMap(), PendingUpdate = /* @__PURE__ */ new Map(), states = /* @__PURE__ */ new Map(), localStates = /* @__PURE__ */ new Map(), shouldForce = !1, forceUpdateThemes2 = function() {
       cacheVersion++, shouldForce = !0, allListeners.forEach(function(cb) {
         return cb();
       });
@@ -7707,7 +7715,7 @@ var require_getThemeProxied_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getThemeProxied_exports);
-    var import_constants4 = require_index_native6(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), import_getDynamicVal = require_getDynamicVal_native(), cache = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
+    var import_constants4 = require_index_native(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), import_getDynamicVal = require_getDynamicVal_native(), cache = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
     function getThemeProxied(_props, _state, _keys) {
       if (!(_state != null && _state.theme)) return emptyObject;
       if (curKeys = _keys, curProps = _props, curState = _state, cache.has(curState.theme)) {
@@ -7719,14 +7727,14 @@ var require_getThemeProxied_native = __commonJS({
         curKeys && (curKeys.current || (curKeys.current = /* @__PURE__ */ new Set()), curKeys.current.add(key), process.env.NODE_ENV === "development" && curProps.debug && console.info(` \u{1F3A8} useTheme() tracking new key: ${key}`, curKeys));
       }
       var proxied1 = Object.fromEntries(Object.entries(_state.theme).flatMap(function(param) {
-        var [key, value] = param, proxied2 = {
-          ...value,
+        var [key, value2] = param, proxied2 = {
+          ...value2,
           get val() {
-            return globalThis.tamaguiAvoidTracking || track(key), value.val;
+            return globalThis.tamaguiAvoidTracking || track(key), value2.val;
           },
           get(platform2) {
             if (curState) {
-              var outVal = (0, import_createVariable.getVariable)(value), { name, scheme, inverses } = curState, shouldOptimize = scheme && platform2 !== "web" && import_constants4.isIos && !curProps.deopt && (0, import_config.getSetting)("fastSchemeChange") && inverses === 0 && (0, import_doesRootSchemeMatchSystem.doesRootSchemeMatchSystem)();
+              var outVal = (0, import_createVariable.getVariable)(value2), { name, scheme, inverses } = curState, shouldOptimize = scheme && platform2 !== "web" && import_constants4.isIos && !curProps.deopt && (0, import_config.getSetting)("fastSchemeChange") && inverses === 0 && (0, import_doesRootSchemeMatchSystem.doesRootSchemeMatchSystem)();
               if (shouldOptimize) {
                 var _config_themes_name, _config_themes_oppositeName, oppositeScheme = scheme === "dark" ? "light" : "dark", oppositeName = name.replace(scheme, oppositeScheme), color = (0, import_createVariable.getVariable)((_config_themes_name = config.themes[name]) === null || _config_themes_name === void 0 ? void 0 : _config_themes_name[key]), oppositeColor = (0, import_createVariable.getVariable)((_config_themes_oppositeName = config.themes[oppositeName]) === null || _config_themes_oppositeName === void 0 ? void 0 : _config_themes_oppositeName[key]), dynamicVal = (0, import_getDynamicVal.getDynamicVal)({
                   scheme,
@@ -7932,7 +7940,7 @@ var require_Theme_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Theme_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_useTheme = require_useTheme_native(), import_useThemeState = require_useThemeState_native(), import_ThemeDebug = require_ThemeDebug_native(), Theme2 = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_useTheme = require_useTheme_native(), import_useThemeState = require_useThemeState_native(), import_ThemeDebug = require_ThemeDebug_native(), Theme2 = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
       if (props.disable) return props.children;
       var { passThrough } = props, isRoot = !!props._isRoot, [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot), disableDirectChildTheme = props["disable-child-theme"], finalChildren = disableDirectChildTheme ? import_react3.Children.map(props.children, function(child) {
         return passThrough ? child : /* @__PURE__ */ (0, import_react3.cloneElement)(child, {
@@ -8160,7 +8168,7 @@ var require_wrapStyleTags_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(wrapStyleTags_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_helpers = require_index_native7();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native(), import_helpers = require_index_native7();
     function getStyleTags(styles) {
       import_constants4.IS_REACT_19;
     }
@@ -8214,9 +8222,9 @@ var require_ClientOnly_native = __commonJS({
     });
     module2.exports = __toCommonJS2(ClientOnly_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = require("react"), ClientOnlyContext2 = /* @__PURE__ */ (0, import_react3.createContext)(!1), ClientOnly2 = function(param) {
-      var { children, value = !0 } = param;
+      var { children, enabled } = param, existingValue = (0, import_react3.useContext)(ClientOnlyContext2);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ClientOnlyContext2.Provider, {
-        value,
+        value: enabled ?? existingValue,
         children
       });
     };
@@ -8293,13 +8301,13 @@ var require_index_native14 = __commonJS({
     var React4 = __toESM2(require("react")), import_ClientOnly = require_ClientOnly_native(), import_ClientOnly2 = require_ClientOnly_native(), useIsClientOnly = function() {
       return React4.useContext(import_ClientOnly.ClientOnlyContext);
     };
-    function useDidFinishSSR2(value) {
+    function useDidFinishSSR2() {
       var clientOnly = React4.useContext(import_ClientOnly.ClientOnlyContext);
-      return value ?? !0;
+      return value != null ? value : !0;
     }
-    function useClientValue(value) {
+    function useClientValue(value1) {
       var done = useDidFinishSSR2();
-      return done ? typeof value == "function" ? value() : value : void 0;
+      return done ? typeof value1 == "function" ? value1() : value1 : void 0;
     }
   }
 });
@@ -8347,25 +8355,23 @@ var require_useComponentState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_constants4 = require_index_native6(), import_is_equal_shallow = require_index_native12(), import_use_did_finish_ssr = require_index_native14(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, animationDriver, staticConfig, config) {
-      var _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(needsHydration && !isHydrated), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
-      stateRef.current || (stateRef.current = {});
-      var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
+    var import_constants4 = require_index_native(), import_is_equal_shallow = require_index_native12(), import_use_did_finish_ssr = require_index_native14(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, animationDriver, staticConfig, config) {
+      var _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(needsHydration && !isHydrated), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { isHOC } = staticConfig, stateRef = (0, import_react3.useRef)({}), hasAnimationProp = !!(!isHOC && "animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
       !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
       var willBeAnimatedClient = function() {
-        var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
+        var next = !!(hasAnimationProp && !isHOC && useAnimations);
         return !!(next || curStateRef.hasAnimated);
       }(), willBeAnimated = !import_constants4.isServer && willBeAnimatedClient;
       willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
-      var { disableClassName } = props, presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver == null ? void 0 : animationDriver.isReactNative) || !supportsCSS), hasEnterState = hasEnterStyle || isEntering, shouldEnter = hasEnterState || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
+      var { disableClassName } = props, presence = !isHOC && willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver == null ? void 0 : animationDriver.isReactNative) || !supportsCSS), canImmediatelyEnter = hasEnterStyle || isEntering, shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
       // this is just for a better ux, supports css variables for light/dark, media queries, etc
-      disableClassName, initialState = shouldEnter ? (
+      disableClassName), initialState = shouldEnter ? (
         // on the very first render we switch all spring animation drivers to css rendering
         // this is because we need to use css variables, which they don't support to do proper SSR
         // without flickers of the wrong colors.
         // but once we do that initial hydration and we are in client side rendering mode,
         // we can avoid the extra re-render on mount
-        hasEnterState ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState
+        canImmediatelyEnter ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState
       ) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
       disabled != null && (initialState.disabled = disabled);
       var states = (0, import_react3.useState)(initialState), state = props.forceStyle ? {
@@ -8529,7 +8535,7 @@ var require_Slot_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slot_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_react3 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
       var { children, ...slotProps } = props;
       if (/* @__PURE__ */ (0, import_react3.isValidElement)(children)) {
         var mergedProps = mergeSlotProps(children, slotProps);
@@ -8644,7 +8650,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_is_equal_shallow = require_index_native12(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_GroupContext = require_GroupContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, NextState = /* @__PURE__ */ new WeakMap(), NextMedia = /* @__PURE__ */ new WeakMap(), debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_is_equal_shallow = require_index_native12(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_GroupContext = require_GroupContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_objectIdentityKey = require_objectIdentityKey_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
       "hover",
       "press",
       "pressIn",
@@ -8739,16 +8745,15 @@ var require_createComponent_native = __commonJS({
           componentName2
         ]);
         var componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), groupContextParent = import_react3.default.useContext(import_GroupContext.GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = (0, import_useComponentState.useComponentState)(props, animationDriver, staticConfig, config), { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, supportsCSS, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState;
-        if (hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders) {
-          var pendingState = NextState.get(stateRef);
-          pendingState && (NextState.set(stateRef, void 0), componentState.setStateShallow(pendingState));
-        }
+        hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+          var pendingState = stateRef.current.nextState;
+          pendingState && (stateRef.current.nextState = void 0, componentState.setStateShallow(pendingState));
+        });
         var allGroupContexts = (0, import_react3.useMemo)(function() {
-          var _stateRef_current_group;
+          var _stateRef_current_group_listeners, _stateRef_current_group;
           if (!groupName || props.passThrough) return groupContextParent;
-          (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.listeners.clear();
           var listeners = /* @__PURE__ */ new Set();
-          return stateRef.current.group = {
+          return (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || (_stateRef_current_group_listeners = _stateRef_current_group.listeners) === null || _stateRef_current_group_listeners === void 0 || _stateRef_current_group_listeners.clear(), stateRef.current.group = {
             listeners,
             emit(state2) {
               listeners.forEach(function(l) {
@@ -8847,8 +8852,8 @@ var require_createComponent_native = __commonJS({
           styledContextProps
         }, themeName = (themeState == null ? void 0 : themeState.name) || "";
         process.env.NODE_ENV === "development" && time2 && time2`split-styles-prepare`;
-        var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
-        if (splitStyles && groupContext && // avoids onLayout if we don't need it
+        var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), isPassthrough = !splitStyles, groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
+        if (!isPassthrough && groupContext && // avoids onLayout if we don't need it
         props.containerType !== "normal") {
           var groupState = groupContext == null ? void 0 : groupContext.state;
           if (groupState && groupState.layout === void 0) {
@@ -8859,34 +8864,38 @@ var require_createComponent_native = __commonJS({
             });
           }
         }
-        if (splitStyles && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
-          var _componentContext, ogSetStateShallow = setStateShallow;
+        if (!isPassthrough && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
+          var updateGroupListeners2 = function() {
+            var updatedState = stateRef.current.nextState;
+            if (groupContext) {
+              var { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
+              notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
+            }
+          }, updateGroupListeners = updateGroupListeners2, _componentContext, ogSetStateShallow = setStateShallow;
           stateRef.current.updateStyleListener = function() {
-            var updatedState = NextState.get(stateRef) || state, mediaState22 = NextMedia.get(stateRef), { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
-            groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
-            var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState22 ? {
+            var updatedState = stateRef.current.nextState || state, mediaState22 = stateRef.current.nextMedia, nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState22 ? {
               ...styleProps,
               mediaState: mediaState22
             } : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), useStyleListener = stateRef.current.useStyleListener;
             useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
           }, (_componentContext = componentContext).mediaEmit || (_componentContext.mediaEmit = function(next) {
             var _stateRef_current_updateStyleListener, _stateRef_current;
-            NextMedia.set(stateRef, next), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+            stateRef.current.nextMedia = next, (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
           }), stateRef.current.setStateShallow = function(nextOrGetNext) {
-            var prev = NextState.get(stateRef) || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
+            var prev = stateRef.current.nextState || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
             if (!(next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next))) {
               var canAvoidReRender = Object.keys(next).every(function(key3) {
                 return avoidReRenderKeys.has(key3);
-              });
-              if (canAvoidReRender) {
-                var _stateRef_current_updateStyleListener, _stateRef_current, updatedState = {
-                  ...prev,
-                  ...next
-                };
-                NextState.set(stateRef, updatedState), process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed("[\u26A1\uFE0F] avoid setState", next, {
+              }), updatedState = {
+                ...prev,
+                ...next
+              };
+              if (stateRef.current.nextState = updatedState, canAvoidReRender) {
+                var _stateRef_current_updateStyleListener, _stateRef_current;
+                process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed("[\u26A1\uFE0F] avoid setState", componentName2, next, {
                   updatedState,
                   props
-                }), console.info(stateRef.current.host), console.groupEnd()), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+                }), console.info(stateRef.current.host), console.groupEnd()), updateGroupListeners2(), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
               } else process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && console.info("[\u{1F40C}] re-render", {
                 canAvoidReRender,
                 next
@@ -8959,7 +8968,7 @@ var require_createComponent_native = __commonJS({
         }
         process.env.NODE_ENV === "development" && props.untilMeasured && !props.group && console.warn(`You set the untilMeasured prop without setting group. This doesn't work, be sure to set untilMeasured on the parent that sets group, not the children that use the $group- prop.
 
-If you meant to do this, you can disable this warning - either change untilMeasured and group at the same time, or do group={conditional ? 'name' : undefined}`), process.env.NODE_ENV === "development" && time2 && time2`destructure`, splitStyles && groupContext && // avoids onLayout if we don't need it
+If you meant to do this, you can disable this warning - either change untilMeasured and group at the same time, or do group={conditional ? 'name' : undefined}`), process.env.NODE_ENV === "development" && time2 && time2`destructure`, !isPassthrough && groupContext && // avoids onLayout if we don't need it
         props.containerType !== "normal" && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
           var _stateRef_current_group, layout = e.nativeEvent.layout;
           groupContext.state.layout = layout, (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.emit({
@@ -9029,12 +9038,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         }, [
           allGroupContexts,
           disabled,
-          pseudoGroups ? Object.keys([
-            ...pseudoGroups
-          ]).join("") : 0,
-          mediaGroups ? Object.keys([
-            ...mediaGroups
-          ]).join("") : 0
+          pseudoGroups ? (0, import_objectIdentityKey.objectIdentityKey)(pseudoGroups) : 0,
+          mediaGroups ? (0, import_objectIdentityKey.objectIdentityKey)(mediaGroups) : 0
         ]);
         var groupEmitter = stateRef.current.group;
         (0, import_constants4.useIsomorphicLayoutEffect)(function() {
@@ -9134,7 +9139,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           onPress,
           onLongPress
         });
-        process.env.NODE_ENV === "development" && time2 && time2`spaced-as-child`, splitStyles || (content = propsIn.children, elementType = BaseViewComponent, viewProps = {
+        process.env.NODE_ENV === "development" && time2 && time2`spaced-as-child`, isPassthrough && (content = propsIn.children, elementType = BaseViewComponent, viewProps = {
           style: {
             display: "contents"
           }
@@ -9206,7 +9211,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
                 styleProps,
                 themeState,
                 viewProps,
-                willBeAnimated
+                willBeAnimated,
+                startedUnhydrated
               });
             } catch {
             } finally {
@@ -9524,7 +9530,7 @@ var require_createVariables_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createVariables_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
+    var import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
       var parentPath = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", isFont = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
       if (cache.has(tokens)) return tokens;
       var res = {}, i = 0;
@@ -9918,10 +9924,10 @@ var require_createFont_native = __commonJS({
           ...sectionKeys
         ])
       ].map(function(key) {
-        var _section_key, _ref, value = (_ref = (_section_key = section[key]) !== null && _section_key !== void 0 ? _section_key : defaultValue) !== null && _ref !== void 0 ? _ref : fillValue;
-        return fillValue = value, defaultValue = value, [
+        var _section_key, _ref, value2 = (_ref = (_section_key = section[key]) !== null && _section_key !== void 0 ? _section_key : defaultValue) !== null && _ref !== void 0 ? _ref : fillValue;
+        return fillValue = value2, defaultValue = value2, [
           key,
-          value
+          value2
         ];
       }));
     }, createFont2 = function(font) {
@@ -10073,7 +10079,7 @@ var require_createTamagui_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createTamagui_exports);
-    var import_constants4 = require_index_native6(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_loadDuplicatedConfig = require_loadDuplicatedConfig_native(), import_Tamagui = require_Tamagui_native();
+    var import_constants4 = require_index_native(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_loadDuplicatedConfig = require_loadDuplicatedConfig_native(), import_Tamagui = require_Tamagui_native();
     function shouldTokenCategoryHaveUnits(category) {
       var UNIT_CATEGORIES = /* @__PURE__ */ new Set([
         "size",
@@ -11052,7 +11058,7 @@ var require_useIsTouchDevice_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useIsTouchDevice_exports);
-    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native14(), useIsTouchDevice2 = function() {
+    var import_constants4 = require_index_native(), import_use_did_finish_ssr = require_index_native14(), useIsTouchDevice2 = function() {
       return import_constants4.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants4.isTouchable : !1 : !0;
     };
   }
@@ -11171,7 +11177,7 @@ var require_useProps_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useProps_exports);
-    var import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_GroupContext = require_GroupContext_native(), import_getSplitStyles = require_getSplitStyles_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_Stack = require_Stack_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
+    var import_constants4 = require_index_native(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_GroupContext = require_GroupContext_native(), import_getSplitStyles = require_getSplitStyles_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_Stack = require_Stack_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
     function useProps2(props, opts) {
       var [propsOut, styleOut] = usePropsAndStyle2(props, {
         ...opts,
@@ -11411,7 +11417,7 @@ var require_ThemeProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ThemeProvider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = require("react"), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_Theme = require_Theme_native(), ThemeProvider = function(props) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native(), import_react3 = require("react"), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_Theme = require_Theme_native(), ThemeProvider = function(props) {
       var _props_disableRootThemeClass, disableRootThemeClass = (_props_disableRootThemeClass = props.disableRootThemeClass) !== null && _props_disableRootThemeClass !== void 0 ? _props_disableRootThemeClass : (0, import_config.getSetting)("disableRootThemeClass"), _props_themeClassNameOnRoot, themeClassNameOnRoot = (_props_themeClassNameOnRoot = props.themeClassNameOnRoot) !== null && _props_themeClassNameOnRoot !== void 0 ? _props_themeClassNameOnRoot : (0, import_config.getSetting)("themeClassNameOnRoot");
       return import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         if (!disableRootThemeClass) {
@@ -11562,7 +11568,7 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native14(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_insertStyleRule = require_insertStyleRule_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native(), import_use_did_finish_ssr = require_index_native14(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_insertStyleRule = require_insertStyleRule_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
     function TamaguiProvider2(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
       import_constants4.IS_REACT_19 || import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
@@ -11592,6 +11598,7 @@ var require_TamaguiProvider_native = __commonJS({
         })
       });
       return (0, import_config.getSetting)("disableSSR") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_use_did_finish_ssr.ClientOnly, {
+        enabled: !0,
         children: contents
       })), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
         children: [
@@ -11672,16 +11679,15 @@ var require_Configuration_native = __commonJS({
     });
     module2.exports = __toCommonJS2(Configuration_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_did_finish_ssr = require_index_native14(), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), Configuration2 = function(props) {
-      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext);
+      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext), _props_disableSSR;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_use_did_finish_ssr.ClientOnly, {
-        value: typeof props.disableSSR == "boolean" && props.disableSSR !== current.disableSSR ? props.disableSSR : current.disableSSR,
+        enabled: (_props_disableSSR = props.disableSSR) !== null && _props_disableSSR !== void 0 ? _props_disableSSR : current.disableSSR,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
           ...current,
           ...props
         })
       });
     };
-    Configuration2.displayName = "Configuration";
   }
 });
 
@@ -11853,7 +11859,7 @@ var require_index_native15 = __commonJS({
     __reExport2(index_exports2, require_index_native8(), module2.exports);
     __reExport2(index_exports2, require_index_native11(), module2.exports);
     __reExport2(index_exports2, require_index_native7(), module2.exports);
-    __reExport2(index_exports2, require_index_native6(), module2.exports);
+    __reExport2(index_exports2, require_index_native(), module2.exports);
     __reExport2(index_exports2, require_setupHooks_native(), module2.exports);
   }
 });
@@ -11925,7 +11931,7 @@ var require_Collapsible_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Collapsible_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_animate_presence = require_index_native4(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), import_web = require_index_native15(), React4 = __toESM2(require("react")), COLLAPSIBLE_NAME = "Collapsible", { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = (0, import_web.createStyledContext)(), _Collapsible = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_animate_presence = require_index_native5(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), import_web = require_index_native15(), React4 = __toESM2(require("react")), COLLAPSIBLE_NAME = "Collapsible", { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = (0, import_web.createStyledContext)(), _Collapsible = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props, [open = !1, setOpen] = (0, import_use_controllable_state.useControllableState)({
         prop: openProp,
         defaultProp: defaultOpen,
@@ -12096,41 +12102,41 @@ var require_matchQuery_native = __commonJS({
           var inverse = query.inverse, typeMatch = query.type === "all" || values.type === query.type;
           if (typeMatch && inverse || !(typeMatch || inverse)) return !1;
           var expressionsMatch = query.expressions.every(function(expression) {
-            var feature = expression.feature, modifier = expression.modifier, expValue = expression.value, value = values[feature];
-            if (!value) return !1;
+            var feature = expression.feature, modifier = expression.modifier, expValue = expression.value, value2 = values[feature];
+            if (!value2) return !1;
             switch (feature) {
               case "orientation":
               case "scan":
-                return value.toLowerCase() === expValue.toLowerCase();
+                return value2.toLowerCase() === expValue.toLowerCase();
               case "width":
               case "height":
               case "device-width":
               case "device-height":
-                expValue = toPx(expValue), value = toPx(value);
+                expValue = toPx(expValue), value2 = toPx(value2);
                 break;
               case "resolution":
-                expValue = toDpi(expValue), value = toDpi(value);
+                expValue = toDpi(expValue), value2 = toDpi(value2);
                 break;
               case "aspect-ratio":
               case "device-aspect-ratio":
               case /* Deprecated */
               "device-pixel-ratio":
-                expValue = toDecimal(expValue), value = toDecimal(value);
+                expValue = toDecimal(expValue), value2 = toDecimal(value2);
                 break;
               case "grid":
               case "color":
               case "color-index":
               case "monochrome":
-                expValue = Number.parseInt(expValue, 10) || 1, value = Number.parseInt(value, 10) || 0;
+                expValue = Number.parseInt(expValue, 10) || 1, value2 = Number.parseInt(value2, 10) || 0;
                 break;
             }
             switch (modifier) {
               case "min":
-                return value >= expValue;
+                return value2 >= expValue;
               case "max":
-                return value <= expValue;
+                return value2 <= expValue;
               default:
-                return value === expValue;
+                return value2 === expValue;
             }
           });
           return expressionsMatch && !inverse || !expressionsMatch && inverse;
@@ -12162,35 +12168,35 @@ var require_matchQuery_native = __commonJS({
       return decimal || (numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/), decimal = numbers[1] / numbers[2]), decimal;
     }
     function toDpi(resolution) {
-      var _String_match, value = Number.parseFloat(resolution), units = (_String_match = String(resolution).match(RE_RESOLUTION_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
+      var _String_match, value2 = Number.parseFloat(resolution), units = (_String_match = String(resolution).match(RE_RESOLUTION_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
       switch (units) {
         case "dpcm":
-          return value / 2.54;
+          return value2 / 2.54;
         case "dppx":
-          return value * 96;
+          return value2 * 96;
         default:
-          return value;
+          return value2;
       }
     }
     function toPx(length) {
-      var _String_match, value = Number.parseFloat(length), units = (_String_match = String(length).match(RE_LENGTH_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
+      var _String_match, value2 = Number.parseFloat(length), units = (_String_match = String(length).match(RE_LENGTH_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
       switch (units) {
         case "em":
-          return value * 16;
+          return value2 * 16;
         case "rem":
-          return value * 16;
+          return value2 * 16;
         case "cm":
-          return value * 96 / 2.54;
+          return value2 * 96 / 2.54;
         case "mm":
-          return value * 96 / 2.54 / 10;
+          return value2 * 96 / 2.54 / 10;
         case "in":
-          return value * 96;
+          return value2 * 96;
         case "pt":
-          return value * 72;
+          return value2 * 72;
         case "pc":
-          return value * 72 / 12;
+          return value2 * 72 / 12;
         default:
-          return value;
+          return value2;
       }
     }
   }
@@ -12252,13 +12258,13 @@ var require_mediaQueryList_native = __commonJS({
     function _create_class(Constructor, protoProps, staticProps) {
       return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
     }
-    function _define_property(obj, key, value) {
+    function _define_property(obj, key, value2) {
       return key in obj ? Object.defineProperty(obj, key, {
-        value,
+        value: value2,
         enumerable: !0,
         configurable: !0,
         writable: !0
-      }) : obj[key] = value, obj;
+      }) : obj[key] = value2, obj;
     }
     var NativeMediaQueryList = /* @__PURE__ */ function() {
       "use strict";
@@ -12928,13 +12934,13 @@ var require_ResponderTouchHistoryStore_native = __commonJS({
     function _create_class(Constructor, protoProps, staticProps) {
       return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
     }
-    function _define_property(obj, key, value) {
+    function _define_property(obj, key, value2) {
       return key in obj ? Object.defineProperty(obj, key, {
-        value,
+        value: value2,
         enumerable: !0,
         configurable: !0,
         writable: !0
-      }) : obj[key] = value, obj;
+      }) : obj[key] = value2, obj;
     }
     var ResponderTouchHistoryStore = /* @__PURE__ */ function() {
       "use strict";
@@ -13500,7 +13506,7 @@ var require_index_native19 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_constants4 = require_index_native6(), import_is_equal_shallow = require_index_native12(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap(), globalIntersectionObserver = null, strategy = "async";
+    var import_constants4 = require_index_native(), import_is_equal_shallow = require_index_native12(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap(), globalIntersectionObserver = null, strategy = "async";
     function setOnLayoutStrategy3(state) {
       strategy = state;
     }
@@ -14347,7 +14353,7 @@ var require_Collection_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Collection_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_react3 = __toESM2(require("react"));
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_react3 = __toESM2(require("react"));
     function createCollection(name) {
       var { Provider: CollectionProviderImpl, useStyledContext: useCollectionContext } = (0, import_core12.createStyledContext)({
         collectionRef: {
@@ -15261,7 +15267,7 @@ var require_index_native25 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_constants4 = require_index_native6(), import_web = require_index_native15(), getFontSized2 = function() {
+    var import_constants4 = require_index_native(), import_web = require_index_native15(), getFontSized2 = function() {
       var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true", { font, fontFamily, props } = arguments.length > 1 ? arguments[1] : void 0, _font_lineHeight, _font_weight, _font_letterSpacing, _font_transform, _font_style, _font_color;
       if (!font) return {
         fontSize: sizeTokenIn
@@ -15896,7 +15902,7 @@ var require_Accordion_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Accordion_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native16(), import_collection = require_index_native21(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_helpers = require_index_native7(), import_stacks3 = require_index_native24(), import_text2 = require_index_native26(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native27(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native16(), import_collection = require_index_native21(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_helpers = require_index_native7(), import_stacks3 = require_index_native24(), import_text2 = require_index_native26(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native27(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
       "Home",
       "End",
       "ArrowDown",
@@ -15919,24 +15925,24 @@ var require_Accordion_native = __commonJS({
     AccordionComponent.displayName = ACCORDION_NAME;
     AccordionComponent.propTypes = {
       type(props) {
-        var value = props.value || props.defaultValue;
+        var value2 = props.value || props.defaultValue;
         return props.type && ![
           "single",
           "multiple"
-        ].includes(props.type) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.") : props.type === "multiple" && typeof value == "string" ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.") : props.type === "single" && Array.isArray(value) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.") : null;
+        ].includes(props.type) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.") : props.type === "multiple" && typeof value2 == "string" ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.") : props.type === "single" && Array.isArray(value2) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.") : null;
       }
     };
     var { Provider: AccordionValueProvider, useStyledContext: useAccordionValueContext } = (0, import_core12.createStyledContext)(), { Provider: AccordionCollapsibleProvider, useStyledContext: useAccordionCollapsibleContext } = (0, import_core12.createStyledContext)(), AccordionImplSingle = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { value: valueProp, defaultValue, control, onValueChange = function() {
-      }, collapsible = !1, ...accordionSingleProps } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      }, collapsible = !1, ...accordionSingleProps } = props, [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue || "",
         onChange: onValueChange
       });
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionValueProvider, {
         scope: props.__scopeAccordion,
-        value: value ? [
-          value
+        value: value2 ? [
+          value2
         ] : [],
         onItemOpen: setValue,
         onItemClose: React4.useCallback(function() {
@@ -15956,7 +15962,7 @@ var require_Accordion_native = __commonJS({
       });
     }), AccordionImplMultiple = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { value: valueProp, defaultValue, onValueChange = function() {
-      }, ...accordionMultipleProps } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      }, ...accordionMultipleProps } = props, [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue || [],
         onChange: onValueChange
@@ -15973,8 +15979,8 @@ var require_Accordion_native = __commonJS({
       ]), handleItemClose = React4.useCallback(function(itemValue) {
         return setValue(function() {
           var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-          return prevValue.filter(function(value2) {
-            return value2 !== itemValue;
+          return prevValue.filter(function(value22) {
+            return value22 !== itemValue;
           });
         });
       }, [
@@ -15982,7 +15988,7 @@ var require_Accordion_native = __commonJS({
       ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionValueProvider, {
         scope: props.__scopeAccordion,
-        value: value || [],
+        value: value2 || [],
         onItemOpen: handleItemOpen,
         onItemClose: handleItemClose,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionCollapsibleProvider, {
@@ -16054,7 +16060,7 @@ var require_Accordion_native = __commonJS({
         })
       });
     }), ITEM_NAME = "AccordionItem", { Provider: AccordionItemProvider, useStyledContext: useAccordionItemContext } = (0, import_core12.createStyledContext)(), AccordionItem = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeAccordion, value, ...accordionItemProps } = props, accordionContext = useAccordionContext(__scopeAccordion), valueContext = useAccordionValueContext(__scopeAccordion), triggerId = React4.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
+      var { __scopeAccordion, value: value2, ...accordionItemProps } = props, accordionContext = useAccordionContext(__scopeAccordion), valueContext = useAccordionValueContext(__scopeAccordion), triggerId = React4.useId(), open = value2 && valueContext.value.includes(value2) || !1, disabled = accordionContext.disabled || props.disabled;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionItemProvider, {
         scope: __scopeAccordion,
         open,
@@ -16069,7 +16075,7 @@ var require_Accordion_native = __commonJS({
           disabled,
           open,
           onOpenChange: function(open2) {
-            open2 ? valueContext.onItemOpen(value) : valueContext.onItemClose(value);
+            open2 ? valueContext.onItemOpen(value2) : valueContext.onItemClose(value2);
           }
         })
       });
@@ -16508,7 +16514,7 @@ var require_constants_native3 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_constants4 = require_index_native6(), _global__IS_FABRIC, IS_FABRIC = typeof global < "u" && !!((_global__IS_FABRIC = global._IS_FABRIC) !== null && _global__IS_FABRIC !== void 0 ? _global__IS_FABRIC : global.nativeFabricUIManager), USE_NATIVE_PORTAL = process.env.TAMAGUI_USE_NATIVE_PORTAL && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" ? !0 : !import_constants4.isAndroid && !IS_FABRIC, allPortalHosts = /* @__PURE__ */ new Map(), portalListeners = {};
+    var import_constants4 = require_index_native(), _global__IS_FABRIC, IS_FABRIC = typeof global < "u" && !!((_global__IS_FABRIC = global._IS_FABRIC) !== null && _global__IS_FABRIC !== void 0 ? _global__IS_FABRIC : global.nativeFabricUIManager), USE_NATIVE_PORTAL = process.env.TAMAGUI_USE_NATIVE_PORTAL && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" ? !0 : !import_constants4.isAndroid && !IS_FABRIC, allPortalHosts = /* @__PURE__ */ new Map(), portalListeners = {};
   }
 });
 
@@ -16579,7 +16585,7 @@ var require_GorhomPortal_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(GorhomPortal_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_start_transition = require_index_native9(), import_react3 = __toESM2(require("react")), import_constants22 = require_constants_native3(), ACTIONS = /* @__PURE__ */ function(ACTIONS2) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native(), import_start_transition = require_index_native9(), import_react3 = __toESM2(require("react")), import_constants22 = require_constants_native3(), ACTIONS = /* @__PURE__ */ function(ACTIONS2) {
       return ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2;
     }(ACTIONS || {}), INITIAL_STATE = {}, registerHost = function(state, hostName) {
       return hostName in state || (state[hostName] = []), state;
@@ -16662,9 +16668,9 @@ var require_GorhomPortal_native = __commonJS({
       };
     }, PortalProviderComponent = function(param) {
       var { rootHostName = "root", shouldAddRootHost = !0, children } = param, [state, dispatch] = (0, import_react3.useReducer)(reducer, INITIAL_STATE), transitionDispatch = (0, import_react3.useMemo)(function() {
-        var next = function(value) {
+        var next = function(value2) {
           (0, import_start_transition.startTransition)(function() {
-            dispatch(value);
+            dispatch(value2);
           });
         };
         return next;
@@ -16781,7 +16787,7 @@ var require_GorhomPortalItem_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(GorhomPortalItem_native_exports);
-    var import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_react3 = require("react"), import_GorhomPortal = require_GorhomPortal_native(), GorhomPortalItem = function(props) {
+    var import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_react3 = require("react"), import_GorhomPortal = require_GorhomPortal_native(), GorhomPortalItem = function(props) {
       var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passThrough } = props, { addPortal: addUpdatePortal, removePortal } = (0, import_GorhomPortal.usePortal)(hostName), id = (0, import_react3.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(function() {
         _providedHandleOnMount ? _providedHandleOnMount(function() {
           return addUpdatePortal(name, children);
@@ -17121,7 +17127,7 @@ var require_Adapt_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Adapt_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_z_index_stack2 = require_index_native29(), import_react3 = __toESM2(require("react")), AdaptContext = (0, import_core12.createStyledContext)({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_z_index_stack2 = require_index_native29(), import_react3 = __toESM2(require("react")), AdaptContext = (0, import_core12.createStyledContext)({
       Contents: null,
       scopeName: "",
       portalName: "",
@@ -17344,11 +17350,11 @@ var require_create_context_native = __commonJS({
     function createContext(rootComponentName, defaultContext) {
       var Context = /* @__PURE__ */ React4.createContext(defaultContext);
       function Provider(props) {
-        var { children, ...context } = props, value = React4.useMemo(function() {
+        var { children, ...context } = props, value2 = React4.useMemo(function() {
           return context;
         }, Object.values(context));
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, {
-          value,
+          value: value2,
           children
         });
       }
@@ -17372,11 +17378,11 @@ var require_create_context_native = __commonJS({
           defaultContext
         ];
         function Provider(props) {
-          var _scope_scopeName, { scope, children, ...context } = props, Context = (scope == null || (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext, value = React4.useMemo(function() {
+          var _scope_scopeName, { scope, children, ...context } = props, Context = (scope == null || (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext, value2 = React4.useMemo(function() {
             return context;
           }, Object.values(context));
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, {
-            value,
+            value: value2,
             children
           });
         }
@@ -18182,7 +18188,7 @@ var require_useSheetProviderProps_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useSheetProviderProps_exports);
-    var import_react3 = __toESM2(require("react")), import_core12 = require_index_native20(), import_use_constant = require_index_native2(), import_use_controllable_state = require_index_native10();
+    var import_react3 = __toESM2(require("react")), import_core12 = require_index_native20(), import_use_constant = require_index_native3(), import_use_controllable_state = require_index_native10();
     function useSheetProviderProps(props, state) {
       var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, handleRef = import_react3.default.useRef(null), contentRef = import_react3.default.useRef(null), [frameSize, setFrameSize] = import_react3.default.useState(0), [maxContentSize, setMaxContentSize] = import_react3.default.useState(0), _props_snapPointsMode, snapPointsMode = (_props_snapPointsMode = props.snapPointsMode) !== null && _props_snapPointsMode !== void 0 ? _props_snapPointsMode : "percent", _props_snapPoints, snapPointsProp = (_props_snapPoints = props.snapPoints) !== null && _props_snapPoints !== void 0 ? _props_snapPoints : snapPointsMode === "percent" ? [
         80
@@ -18574,7 +18580,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native31(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_portal2 = require_index_native30(), import_react3 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native2(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, relativeDimensionTo = import_constants4.isWeb ? "window" : "screen", SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native31(), import_animate_presence = require_index_native5(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_portal2 = require_index_native30(), import_react3 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native2(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, relativeDimensionTo = import_constants4.isWeb ? "window" : "screen", SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var parentSheet = import_react3.default.useContext(import_contexts.ParentSheetContext), { animation, animationConfig: animationConfigProp, modal = !1, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = !1, unmountChildrenWhenHidden = !1, portalProps, containerComponent: ContainerComponent = import_react3.default.Fragment } = props, state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = import_react3.default.useState(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
         onOverlayComponent: setOverlayComponent
       }), { frameSize, setFrameSize, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps, { open, controller, isHidden } = state, sheetRef = import_react3.default.useRef(void 0), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef, providerProps.contentRef), { animationDriver } = (0, import_core12.useConfiguration)();
@@ -18619,8 +18625,8 @@ var require_SheetImplementationCustom_native = __commonJS({
       useAnimatedNumberReaction({
         value: animatedNumber,
         hostRef: sheetRef
-      }, import_react3.default.useCallback(function(value) {
-        at.current = value, scrollBridge.paneY = value;
+      }, import_react3.default.useCallback(function(value2) {
+        at.current = value2, scrollBridge.paneY = value2;
       }, [
         animationDriver
       ]));
@@ -19289,7 +19295,7 @@ var require_createSheet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createSheet_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native35(), import_use_did_finish_ssr = require_index_native14(), import_z_index_stack2 = require_index_native29(), import_react3 = require("react"), import_react_native4 = require_fake_react_native(), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native35(), import_use_did_finish_ssr = require_index_native14(), import_z_index_stack2 = require_index_native29(), import_react3 = require("react"), import_react_native4 = require_fake_react_native(), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
     function createSheet(param) {
       var { Handle, Frame, Overlay } = param, SheetHandle = Handle.styleable(function(param2, forwardedRef) {
         var { __scopeSheet, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_HANDLE_NAME, __scopeSheet), composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
@@ -19861,7 +19867,7 @@ var require_Dialog_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Dialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native31(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_create_context = require_index_native32(), import_dismissable = require_index_native33(), import_focus_scope = require_index_native34(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native35(), import_sheet = require_index_native37(), import_stacks3 = require_index_native24(), import_text2 = require_index_native26(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), DialogContext = (0, import_core12.createStyledContext)(
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native31(), import_animate_presence = require_index_native5(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_create_context = require_index_native32(), import_dismissable = require_index_native33(), import_focus_scope = require_index_native34(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native35(), import_sheet = require_index_native37(), import_stacks3 = require_index_native24(), import_text2 = require_index_native26(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), DialogContext = (0, import_core12.createStyledContext)(
       // since we always provide this we can avoid setting here
       {},
       "Dialog__"
@@ -20105,6 +20111,7 @@ var require_Dialog_native = __commonJS({
         children: contentProps.children
       });
       var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentFrame, {
+        ref: composedRefs,
         id: context.contentId,
         "aria-describedby": context.descriptionId,
         "aria-labelledby": context.titleId,
@@ -20120,8 +20127,6 @@ var require_Dialog_native = __commonJS({
             onPointerDownOutside,
             onFocusOutside,
             onInteractOutside,
-            // @ts-ignore
-            ref: composedRefs,
             onDismiss: function() {
               var _context_onOpenChange;
               return context == null || (_context_onOpenChange = context.onOpenChange) === null || _context_onOpenChange === void 0 ? void 0 : _context_onOpenChange.call(context, !1);
@@ -20418,7 +20423,7 @@ var require_AlertDialog_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(AlertDialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_dialog = require_index_native38(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), AlertScopePrefix = "Alert__", getAlertDialogScope = function(scope) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_dialog = require_index_native38(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), AlertScopePrefix = "Alert__", getAlertDialogScope = function(scope) {
       return AlertScopePrefix + scope;
     }, ROOT_NAME = "AlertDialog", TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
@@ -20736,7 +20741,7 @@ var require_Image_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Image_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_react_native4 = require_fake_react_native(), StyledImage = (0, import_core12.styled)(import_react_native4.Image, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_react_native4 = require_fake_react_native(), StyledImage = (0, import_core12.styled)(import_react_native4.Image, {
       name: "Image"
     }), hasWarned = !1, Image = StyledImage.styleable(function(inProps, ref) {
       var [props, style] = (0, import_core12.usePropsAndStyle)(inProps), { src, source, objectFit, ...rest } = props;
@@ -22312,7 +22317,7 @@ var require_focusableInputHOC_native = __commonJS({
     module2.exports = __toCommonJS2(focusableInputHOC_exports);
     var import_compose_refs = require_index_native11(), import_web = require_index_native15(), import_react3 = __toESM2(require("react")), import_registerFocusable = require_registerFocusable_native();
     function useFocusable2(param) {
-      var { isInput, props, ref } = param, { id, onChangeText, value, defaultValue } = props, inputValue = import_react3.default.useRef(value || defaultValue || ""), unregisterFocusable = import_react3.default.useRef(void 0), focusAndSelect = import_react3.default.useCallback(function(input) {
+      var { isInput, props, ref } = param, { id, onChangeText, value: value2, defaultValue } = props, inputValue = import_react3.default.useRef(value2 || defaultValue || ""), unregisterFocusable = import_react3.default.useRef(void 0), focusAndSelect = import_react3.default.useCallback(function(input) {
         input.focus(), input.setSelection && typeof inputValue.current == "string" && input.setSelection(0, inputValue.current.length);
       }, []), registerFocusableHandler = import_react3.default.useCallback(function(input) {
         var _unregisterFocusable_current;
@@ -22332,8 +22337,8 @@ var require_focusableInputHOC_native = __commonJS({
         input && registerFocusableHandler(input);
       }, [
         registerFocusableHandler
-      ]), handleChangeText = (0, import_web.useEvent)(function(value2) {
-        inputValue.current = value2, onChangeText == null || onChangeText(value2);
+      ]), handleChangeText = (0, import_web.useEvent)(function(value22) {
+        inputValue.current = value22, onChangeText == null || onChangeText(value22);
       });
       return import_react3.default.useEffect(function() {
         return function() {
@@ -22491,7 +22496,7 @@ var require_Label_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Label_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_create_context = require_index_native32(), import_focusable2 = require_index_native47(), import_get_button_sized2 = require_index_native23(), import_get_font_sized2 = require_index_native25(), import_text2 = require_index_native26(), import_web = require_index_native15(), React4 = __toESM2(require("react")), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_create_context = require_index_native32(), import_focusable2 = require_index_native47(), import_get_button_sized2 = require_index_native23(), import_get_font_sized2 = require_index_native25(), import_text2 = require_index_native26(), import_web = require_index_native15(), React4 = __toESM2(require("react")), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
       id: void 0,
       controlRef: {
         current: null
@@ -22685,15 +22690,15 @@ var require_index_native49 = __commonJS({
     });
     module2.exports = __toCommonJS2(index_exports2);
     var React4 = __toESM2(require("react"));
-    function usePrevious(value) {
+    function usePrevious(value2) {
       var ref = React4.useRef({
-        value,
-        previous: value
+        value: value2,
+        previous: value2
       });
       return React4.useMemo(function() {
-        return ref.current.value !== value && (ref.current.previous = ref.current.value, ref.current.value = value), ref.current.previous;
+        return ref.current.value !== value2 && (ref.current.previous = ref.current.value, ref.current.value = value2), ref.current.previous;
       }, [
-        value
+        value2
       ]);
     }
   }
@@ -22903,9 +22908,9 @@ var require_useCheckbox_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useCheckbox_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native48(), import_react3 = __toESM2(require("react")), import_BubbleInput = require_BubbleInput_native(), import_utils = require_utils_native2();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_label = require_index_native48(), import_react3 = __toESM2(require("react")), import_BubbleInput = require_BubbleInput_native(), import_utils = require_utils_native2();
     function useCheckbox(props, param, ref) {
-      var [checked, setChecked] = param, { labelledBy: ariaLabelledby, name, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = props, [button, setButton] = import_react3.default.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(ref, setButton), hasConsumerStoppedPropagationRef = import_react3.default.useRef(!1), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, parentKeyDown = props.onKeyDown, handleKeyDown = (0, import_react3.useMemo)(function() {
+      var [checked, setChecked] = param, { labelledBy: ariaLabelledby, name, required, disabled, value: value2 = "on", onCheckedChange, ...checkboxProps } = props, [button, setButton] = import_react3.default.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(ref, setButton), hasConsumerStoppedPropagationRef = import_react3.default.useRef(!1), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, parentKeyDown = props.onKeyDown, handleKeyDown = (0, import_react3.useMemo)(function() {
         return (0, import_helpers.composeEventHandlers)(parentKeyDown, function(event) {
           event.key === "Enter" && event.preventDefault();
         });
@@ -22926,7 +22931,7 @@ var require_useCheckbox_native = __commonJS({
           control: button,
           bubbles: !hasConsumerStoppedPropagationRef.current,
           name,
-          value,
+          value: value2,
           checked,
           required,
           disabled
@@ -22939,7 +22944,7 @@ var require_useCheckbox_native = __commonJS({
           ...checkboxProps,
           ...import_constants4.isWeb && {
             type: "button",
-            value,
+            value: value2,
             "data-state": (0, import_utils.getState)(checked),
             "data-disabled": disabled ? "" : void 0,
             disabled,
@@ -23083,8 +23088,8 @@ var require_createCheckbox_native = __commonJS({
         import_react3.default.useEffect(function() {
           if (props.id && !props.disabled) return (0, import_focusable2.registerFocusable)(props.id, {
             focusAndSelect: function() {
-              setChecked == null || setChecked(function(value) {
-                return !value;
+              setChecked == null || setChecked(function(value2) {
+                return !value2;
               });
             },
             focus: function() {
@@ -24140,7 +24145,7 @@ var require_Animate_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Animate_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_animate_presence = require_index_native4(), import_react3 = require("react");
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_animate_presence = require_index_native5(), import_react3 = require("react");
     function Animate(param) {
       var { children, lazyMount, type, present, passThrough, ...props } = param, [lazyMounted, setLazyMounted] = (0, import_react3.useState)(lazyMount ? !1 : present);
       (0, import_react3.useEffect)(function() {
@@ -24535,7 +24540,7 @@ var require_Popper_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native57(), import_get_token2 = require_index_native22(), import_stacks3 = require_index_native24(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), PopperContextFast = (0, import_core12.createStyledContext)(
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_floating = require_index_native57(), import_get_token2 = require_index_native22(), import_stacks3 = require_index_native24(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), PopperContextFast = (0, import_core12.createStyledContext)(
       // since we always provide this we can avoid setting here
       {},
       "Popper__"
@@ -25022,7 +25027,7 @@ var require_Popover_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native31(), import_animate = require_index_native56(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native57(), import_focus_scope = require_index_native34(), import_helpers = require_index_native7(), import_popper = require_index_native58(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native35(), import_scroll_view = require_index_native36(), import_sheet = require_index_native37(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), import_useFloatingContext = require_useFloatingContext_native(), needsRepropagation = import_constants4.isAndroid || import_constants4.isIos && !import_portal2.USE_NATIVE_PORTAL, PopoverContext = (0, import_core12.createStyledContext)(
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native31(), import_animate = require_index_native56(), import_animate_presence = require_index_native5(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_floating = require_index_native57(), import_focus_scope = require_index_native34(), import_helpers = require_index_native7(), import_popper = require_index_native58(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native35(), import_scroll_view = require_index_native36(), import_sheet = require_index_native37(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), import_useFloatingContext = require_useFloatingContext_native(), needsRepropagation = import_constants4.isAndroid || import_constants4.isIos && !import_portal2.USE_NATIVE_PORTAL, PopoverContext = (0, import_core12.createStyledContext)(
       // since we always provide this we can avoid setting here
       {},
       "Popover__"
@@ -25529,20 +25534,20 @@ var require_Progress_native = __commonJS({
         animation: context.width ? animation : null
       });
     });
-    function defaultGetValueLabel(value, max) {
-      return `${Math.round(value / max * 100)}%`;
+    function defaultGetValueLabel(value2, max) {
+      return `${Math.round(value2 / max * 100)}%`;
     }
-    function getProgressState(value, maxValue) {
-      return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+    function getProgressState(value2, maxValue) {
+      return value2 == null ? "indeterminate" : value2 === maxValue ? "complete" : "loading";
     }
-    function isNumber(value) {
-      return typeof value == "number";
+    function isNumber(value2) {
+      return typeof value2 == "number";
     }
     function isValidMaxNumber(max) {
       return isNumber(max) && !Number.isNaN(max) && max > 0;
     }
-    function isValidValueNumber(value, max) {
-      return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
+    function isValidValueNumber(value2, max) {
+      return isNumber(value2) && !Number.isNaN(value2) && value2 <= max && value2 >= 0;
     }
     var DEFAULT_MAX = 100, ProgressFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "Progress",
@@ -25577,21 +25582,21 @@ var require_Progress_native = __commonJS({
         getValueLabel = defaultGetValueLabel,
         size: size2 = "$true",
         ...progressProps
-      } = props, max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max) ? valueProp : null, valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0, [width, setWidth] = React4.useState(0);
+      } = props, max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value2 = isValidValueNumber(valueProp, max) ? valueProp : null, valueLabel = isNumber(value2) ? getValueLabel(value2, max) : void 0, [width, setWidth] = React4.useState(0);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressProvider, {
         scope: __scopeProgress,
-        value,
+        value: value2,
         max,
         width,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressFrame, {
           "aria-valuemax": max,
           "aria-valuemin": 0,
-          "aria-valuenow": isNumber(value) ? value : void 0,
+          "aria-valuenow": isNumber(value2) ? value2 : void 0,
           "aria-valuetext": valueLabel,
           // @ts-ignore
           role: "progressbar",
-          "data-state": getProgressState(value, max),
-          "data-value": value ?? void 0,
+          "data-state": getProgressState(value2, max),
+          "data-value": value2 ?? void 0,
           "data-max": max,
           ...progressProps.unstyled !== !0 && {
             size: size2
@@ -25750,8 +25755,8 @@ var require_RadioGroup_native = __commonJS({
           }
         },
         size: {
-          "...size": function(value, param) {
-            var { props } = param, _props_scaleSize, size2 = Math.floor((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(value)) * ((_props_scaleSize = props.scaleSize) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
+          "...size": function(value2, param) {
+            var { props } = param, _props_scaleSize, size2 = Math.floor((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(value2)) * ((_props_scaleSize = props.scaleSize) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
             return {
               width: size2,
               height: size2
@@ -25988,16 +25993,16 @@ var require_useRadioGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useRadioGroup_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_focusable2 = require_index_native47(), import_helpers = require_index_native7(), import_label = require_index_native48(), import_use_controllable_state = require_index_native10(), import_react3 = require("react"), import_BubbleInput = require_BubbleInput_native2(), import_utils = require_utils_native3();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_focusable2 = require_index_native47(), import_helpers = require_index_native7(), import_label = require_index_native48(), import_use_controllable_state = require_index_native10(), import_react3 = require("react"), import_BubbleInput = require_BubbleInput_native2(), import_utils = require_utils_native3();
     function useRadioGroup(params) {
-      var { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      var { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params, [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue,
         onChange: onValueChange
       });
       return {
         providerValue: {
-          value,
+          value: value2,
           onChange: setValue,
           required,
           disabled,
@@ -26022,9 +26027,9 @@ var require_useRadioGroup_native = __commonJS({
       "ArrowLeft",
       "ArrowRight"
     ], useRadioGroupItem = function(params) {
-      var { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params, { value: groupValue, disabled, required, onChange, name, native, accentColor } = (0, import_react3.useContext)(radioGroupContext), [button, setButton] = (0, import_react3.useState)(null), hasConsumerStoppedPropagationRef = (0, import_react3.useRef)(!1), ref = (0, import_react3.useRef)(null), composedRefs = (0, import_compose_refs.useComposedRefs)(refProp, function(node) {
+      var { radioGroupContext, value: value2, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params, { value: groupValue, disabled, required, onChange, name, native, accentColor } = (0, import_react3.useContext)(radioGroupContext), [button, setButton] = (0, import_react3.useState)(null), hasConsumerStoppedPropagationRef = (0, import_react3.useRef)(!1), ref = (0, import_react3.useRef)(null), composedRefs = (0, import_compose_refs.useComposedRefs)(refProp, function(node) {
         return setButton(node);
-      }, ref), isArrowKeyPressedRef = (0, import_react3.useRef)(!1), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, checked = groupValue === value, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
+      }, ref), isArrowKeyPressedRef = (0, import_react3.useRef)(!1), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, checked = groupValue === value2, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
       (0, import_react3.useEffect)(function() {
         if (import_constants4.isWeb) {
           var handleKeyDown = function(event) {
@@ -26039,14 +26044,14 @@ var require_useRadioGroup_native = __commonJS({
       }, []), (0, import_react3.useEffect)(function() {
         if (id && !disabled) return (0, import_focusable2.registerFocusable)(id, {
           focusAndSelect: function() {
-            onChange == null || onChange(value);
+            onChange == null || onChange(value2);
           },
           focus: function() {
           }
         });
       }, [
         id,
-        value,
+        value2,
         disabled
       ]);
       var isDisabled = disabled || itemDisabled;
@@ -26061,7 +26066,7 @@ var require_useRadioGroup_native = __commonJS({
           control: button,
           bubbles: !hasConsumerStoppedPropagationRef.current,
           name,
-          value,
+          value: value2,
           checked,
           required,
           disabled: isDisabled,
@@ -26082,11 +26087,11 @@ var require_useRadioGroup_native = __commonJS({
           ref: composedRefs,
           ...import_constants4.isWeb && {
             type: "button",
-            value
+            value: value2
           },
           id,
           onPress: (0, import_helpers.composeEventHandlers)(onPress, function(event) {
-            checked || onChange == null || onChange(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+            checked || onChange == null || onChange(value2), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
           }),
           ...import_constants4.isWeb && {
             onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function(event) {
@@ -26347,11 +26352,11 @@ var require_createRadioGroup_native = __commonJS({
       var { disableActiveTheme, Frame = import_RadioGroup.RadioGroupFrame, Indicator = import_RadioGroup.RadioGroupIndicatorFrame, Item = import_RadioGroup.RadioGroupItemFrame } = createProps;
       ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
       var RadioGroupImp = Frame.styleable(function(props, ref) {
-        var { value, defaultValue, onValueChange, required = !1, disabled = !1, name, native, accentColor, orientation = "vertical", ...rest } = props, { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
+        var { value: value2, defaultValue, onValueChange, required = !1, disabled = !1, name, native, accentColor, orientation = "vertical", ...rest } = props, { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
           orientation,
           name,
           defaultValue,
-          value,
+          value: value2,
           onValueChange,
           required,
           disabled,
@@ -26371,7 +26376,7 @@ var require_createRadioGroup_native = __commonJS({
         });
       }), RadioGroupItemImp = Item.styleable(function(props, ref) {
         var {
-          value,
+          value: value2,
           labelledBy,
           onPress,
           //@ts-expect-error
@@ -26381,7 +26386,7 @@ var require_createRadioGroup_native = __commonJS({
           ...rest
         } = props, { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
           radioGroupContext: RadioGroupContext,
-          value,
+          value: value2,
           id,
           labelledBy,
           disabled,
@@ -26577,7 +26582,7 @@ var require_Separator_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Separator_exports);
-    var import_constants4 = require_index_native6(), import_core12 = require_index_native20(), Separator = (0, import_core12.styled)(import_core12.Stack, {
+    var import_constants4 = require_index_native(), import_core12 = require_index_native20(), Separator = (0, import_core12.styled)(import_core12.Stack, {
       name: "Separator",
       borderColor: "$borderColor",
       flexShrink: 0,
@@ -26993,42 +26998,42 @@ var require_SelectItem_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectItem_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_list_item = require_index_native55(), import_core12 = require_index_native20(), React4 = __toESM2(require("react")), import_context = require_context_native2(), ITEM_NAME = "SelectItem", { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = (0, import_core12.createStyledContext)(null, ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(function(props, forwardedRef) {
-      var { scope, value, disabled = !1, textValue: textValueProp, index, ...restProps } = props, { props: listItemProps } = (0, import_list_item.useListItem)({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_list_item = require_index_native55(), import_core12 = require_index_native20(), React4 = __toESM2(require("react")), import_context = require_context_native2(), ITEM_NAME = "SelectItem", { Provider: SelectItemContextProvider, useStyledContext: useSelectItemContext } = (0, import_core12.createStyledContext)(null, ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(function(props, forwardedRef) {
+      var { scope, value: value2, disabled = !1, textValue: textValueProp, index, ...restProps } = props, { props: listItemProps } = (0, import_list_item.useListItem)({
         ...!props.unstyled && {
           ellipse: !0
         },
         ...restProps
-      }), context = (0, import_context.useSelectItemParentContext)(scope), { setSelectedIndex, listRef, setOpen, onChange, activeIndexSubscribe, valueSubscribe, allowMouseUpRef, allowSelectRef, setValueAtIndex, selectTimeoutRef, dataRef, interactions, shouldRenderWebNative, size: size2, onActiveChange, initialValue } = context, [isSelected, setSelected] = React4.useState(initialValue === value);
+      }), context = (0, import_context.useSelectItemParentContext)(scope), { setSelectedIndex, listRef, setOpen, onChange, activeIndexSubscribe, valueSubscribe, allowMouseUpRef, allowSelectRef, setValueAtIndex, selectTimeoutRef, dataRef, interactions, shouldRenderWebNative, size: size2, onActiveChange, initialValue } = context, [isSelected, setSelected] = React4.useState(initialValue === value2);
       React4.useEffect(function() {
         return activeIndexSubscribe(function(i) {
           var isActive = index === i;
           if (isActive) {
             var _listRef_current_index;
-            onActiveChange(value, index), listRef == null || (_listRef_current_index = listRef.current[index]) === null || _listRef_current_index === void 0 || _listRef_current_index.focus();
+            onActiveChange(value2, index), listRef == null || (_listRef_current_index = listRef.current[index]) === null || _listRef_current_index === void 0 || _listRef_current_index.focus();
           }
         });
       }, [
         index
       ]), React4.useEffect(function() {
         return valueSubscribe(function(val) {
-          setSelected(val === value);
+          setSelected(val === value2);
         });
       }, [
-        value
+        value2
       ]);
       var textId = React4.useId(), refCallback = React4.useCallback(function(node) {
         import_constants4.isWeb && node instanceof HTMLElement && listRef && (listRef.current[index] = node);
       }, []), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, refCallback);
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        setValueAtIndex(index, value);
+        setValueAtIndex(index, value2);
       }, [
         index,
         setValueAtIndex,
-        value
+        value2
       ]);
       function handleSelect() {
-        setSelectedIndex(index), onChange(value), setOpen(!1);
+        setSelectedIndex(index), onChange(value2), setOpen(!1);
       }
       var selectItemProps = React4.useMemo(function() {
         return interactions ? interactions.getItemProps({
@@ -27057,11 +27062,11 @@ var require_SelectItem_native = __commonJS({
       ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItemContextProvider, {
         scope,
-        value,
+        value: value2,
         textId: textId || "",
         isSelected,
         children: shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", {
-          value,
+          value: value2,
           children: props.children
         }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_list_item.ListItemFrame, {
           tag: "div",
@@ -27587,7 +27592,7 @@ var require_Select_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native31(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_focus_scope = require_index_native34(), import_focusable2 = require_index_native47(), import_get_token2 = require_index_native22(), import_helpers = require_index_native7(), import_list_item = require_index_native55(), import_separator = require_index_native64(), import_sheet = require_index_native37(), import_stacks3 = require_index_native24(), import_text2 = require_index_native26(), import_use_controllable_state = require_index_native10(), import_use_debounce = require_index_native65(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native31(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_focus_scope = require_index_native34(), import_focusable2 = require_index_native47(), import_get_token2 = require_index_native22(), import_helpers = require_index_native7(), import_list_item = require_index_native55(), import_separator = require_index_native64(), import_sheet = require_index_native37(), import_stacks3 = require_index_native24(), import_text2 = require_index_native26(), import_use_controllable_state = require_index_native10(), import_use_debounce = require_index_native65(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
       name: VALUE_NAME,
       userSelect: "none"
     }), SelectValue = SelectValueFrame.styleable(function(param, forwardedRef) {
@@ -27765,9 +27770,9 @@ var require_Select_native = __commonJS({
     function useEmitter() {
       var listeners = React4.useRef(null);
       listeners.current || (listeners.current = /* @__PURE__ */ new Set());
-      var emit = function(value) {
+      var emit = function(value2) {
         listeners.current.forEach(function(l) {
-          return l(value);
+          return l(value2);
         });
       }, subscribe = React4.useCallback(function(listener) {
         return listeners.current.add(listener), function() {
@@ -27786,25 +27791,25 @@ var require_Select_native = __commonJS({
         prop: openProp,
         defaultProp: defaultOpen || !1,
         onChange: onOpenChange
-      }), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      }), [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue || "",
         onChange: onValueChange,
         transition: !0
       });
       React4.useEffect(function() {
-        open && emitValue(value);
+        open && emitValue(value2);
       }, [
         open
       ]), React4.useEffect(function() {
-        emitValue(value);
+        emitValue(value2);
       }, [
-        value
+        value2
       ]), React4.useEffect(function() {
         if (props.id) return (0, import_focusable2.registerFocusable)(props.id, {
           focusAndSelect: function() {
-            setOpen == null || setOpen(function(value2) {
-              return !value2;
+            setOpen == null || setOpen(function(value22) {
+              return !value22;
             });
           },
           focus: function() {
@@ -27827,7 +27832,7 @@ var require_Select_native = __commonJS({
         scope,
         adaptScope,
         initialValue: React4.useMemo(function() {
-          return value;
+          return value2;
         }, [
           open
         ]),
@@ -27839,12 +27844,12 @@ var require_Select_native = __commonJS({
         onChange: React4.useCallback(function(val) {
           setValue(val), emitValue(val);
         }, []),
-        onActiveChange: (0, import_core12.useEvent)(function(value2, index) {
-          onActiveChange == null || onActiveChange(value2, index);
+        onActiveChange: (0, import_core12.useEvent)(function(value22, index) {
+          onActiveChange == null || onActiveChange(value22, index);
         }),
         setSelectedIndex,
-        setValueAtIndex: React4.useCallback(function(index, value2) {
-          listContentRef.current[index] = value2;
+        setValueAtIndex: React4.useCallback(function(index, value22) {
+          listContentRef.current[index] = value22;
         }, []),
         shouldRenderWebNative,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.SelectProvider, {
@@ -27863,7 +27868,7 @@ var require_Select_native = __commonJS({
           activeIndex,
           selectedIndex,
           setActiveIndex: setActiveIndexDebounced,
-          value,
+          value: value2,
           open,
           native,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectSheetController, {
@@ -27875,7 +27880,7 @@ var require_Select_native = __commonJS({
               selectedIndexRef,
               ...props,
               open,
-              value,
+              value: value2,
               children
             })
           })
@@ -28103,9 +28108,9 @@ var require_helpers_native3 = __commonJS({
         return a - b;
       });
     }
-    function convertValueToPercentage(value, min, max) {
+    function convertValueToPercentage(value2, min, max) {
       var maxSteps = max - min, percentPerStep = 100 / maxSteps;
-      return percentPerStep * (value - min);
+      return percentPerStep * (value2 - min);
     }
     function getLabel(index, totalValues) {
       if (totalValues > 2) return `Value ${index + 1} of ${totalValues}`;
@@ -28116,8 +28121,8 @@ var require_helpers_native3 = __commonJS({
     }
     function getClosestValueIndex(values, nextValue) {
       if (values.length === 1) return 0;
-      var distances = values.map(function(value) {
-        return Math.abs(value - nextValue);
+      var distances = values.map(function(value2) {
+        return Math.abs(value2 - nextValue);
       }), closestDistance = Math.min(...distances);
       return distances.indexOf(closestDistance);
     }
@@ -28132,8 +28137,8 @@ var require_helpers_native3 = __commonJS({
       return (quarterWidth - offset2(left) * direction) * direction;
     }
     function getStepsBetweenValues(values) {
-      return values.slice(0, -1).map(function(value, index) {
-        return values[index + 1] - value;
+      return values.slice(0, -1).map(function(value2, index) {
+        return values[index + 1] - value2;
       });
     }
     function hasMinStepsBetweenValues(values, minStepsBetweenValues) {
@@ -28144,18 +28149,18 @@ var require_helpers_native3 = __commonJS({
       return !0;
     }
     function linearScale(input, output) {
-      return function(value) {
+      return function(value2) {
         if (input[0] === input[1] || output[0] === output[1]) return output[0];
         var ratio = (output[1] - output[0]) / (input[1] - input[0]);
-        return output[0] + ratio * (value - input[0]);
+        return output[0] + ratio * (value2 - input[0]);
       };
     }
-    function getDecimalCount(value) {
-      return (String(value).split(".")[1] || "").length;
+    function getDecimalCount(value2) {
+      return (String(value2).split(".")[1] || "").length;
     }
-    function roundValue(value, decimalCount) {
+    function roundValue(value2, decimalCount) {
       var rounder = Math.pow(10, decimalCount);
-      return Math.round(value * rounder) / rounder;
+      return Math.round(value2 * rounder) / rounder;
     }
   }
 });
@@ -28218,7 +28223,7 @@ var require_SliderImpl_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SliderImpl_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_get_token2 = require_index_native22(), import_helpers = require_index_native7(), import_stacks3 = require_index_native24(), React4 = __toESM2(require("react")), import_constants22 = require_constants_native6(), SliderFrame2 = (0, import_core12.styled)(import_stacks3.YStack, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_get_token2 = require_index_native22(), import_helpers = require_index_native7(), import_stacks3 = require_index_native24(), React4 = __toESM2(require("react")), import_constants22 = require_constants_native6(), SliderFrame2 = (0, import_core12.styled)(import_stacks3.YStack, {
       position: "relative",
       variants: {
         orientation: {
@@ -28368,7 +28373,7 @@ var require_Slider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_get_token2 = require_index_native22(), import_helpers = require_index_native7(), import_helpers2 = require_index_native7(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native27(), React4 = __toESM2(require("react")), import_constants22 = require_constants_native6(), import_helpers3 = require_helpers_native3(), import_SliderImpl = require_SliderImpl_native(), activeSliderMeasureListeners = /* @__PURE__ */ new Set();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_core12 = require_index_native20(), import_get_token2 = require_index_native22(), import_helpers = require_index_native7(), import_helpers2 = require_index_native7(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native27(), React4 = __toESM2(require("react")), import_constants22 = require_constants_native6(), import_helpers3 = require_helpers_native3(), import_SliderImpl = require_SliderImpl_native(), activeSliderMeasureListeners = /* @__PURE__ */ new Set();
     import_constants4.isWeb && import_constants4.isClient && !process.env.TAMAGUI_DISABLE_SLIDER_INTERVAL && ((_setInterval = setInterval) === null || _setInterval === void 0 || _setInterval(
       function() {
         activeSliderMeasureListeners.forEach(function(cb) {
@@ -28395,8 +28400,8 @@ var require_Slider_native = __commonJS({
         ] : [
           max,
           min
-        ], value = (0, import_helpers3.linearScale)(input, output);
-        return value(pointerPosition);
+        ], value2 = (0, import_helpers3.linearScale)(input, output);
+        return value2(pointerPosition);
       }
       var measure = function() {
         var _sliderRef_current;
@@ -28444,16 +28449,16 @@ var require_Slider_native = __commonJS({
           orientation: "horizontal",
           onLayout: measure,
           onSlideStart: function(event, target) {
-            var value = getValueFromPointer(event.nativeEvent.locationX);
-            value && (onSlideStart == null || onSlideStart(value, target, event));
+            var value2 = getValueFromPointer(event.nativeEvent.locationX);
+            value2 && (onSlideStart == null || onSlideStart(value2, target, event));
           },
           onSlideMove: function(event) {
-            var value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
-            value && (onSlideMove == null || onSlideMove(value, event));
+            var value2 = getValueFromPointer(event.nativeEvent.pageX - state.offset);
+            value2 && (onSlideMove == null || onSlideMove(value2, event));
           },
           onSlideEnd: function(event) {
-            var value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
-            value && (onSlideEnd == null || onSlideEnd(event, value));
+            var value2 = getValueFromPointer(event.nativeEvent.pageX - state.offset);
+            value2 && (onSlideEnd == null || onSlideEnd(event, value2));
           },
           onStepKeyDown: function(event) {
             var isBackKey = import_constants22.BACK_KEYS[direction].includes(event.key);
@@ -28490,8 +28495,8 @@ var require_Slider_native = __commonJS({
         ], output = [
           max,
           min
-        ], value = (0, import_helpers3.linearScale)(input, output);
-        return value(pointerPosition);
+        ], value2 = (0, import_helpers3.linearScale)(input, output);
+        return value2(pointerPosition);
       }
       var measure = function() {
         var _sliderRef_current;
@@ -28515,16 +28520,16 @@ var require_Slider_native = __commonJS({
           orientation: "vertical",
           onLayout: measure,
           onSlideStart: function(event, target) {
-            var value = getValueFromPointer(event.nativeEvent.locationY);
-            value && (onSlideStart == null || onSlideStart(value, target, event));
+            var value2 = getValueFromPointer(event.nativeEvent.locationY);
+            value2 && (onSlideStart == null || onSlideStart(value2, target, event));
           },
           onSlideMove: function(event) {
-            var value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
-            value && (onSlideMove == null || onSlideMove(value, event));
+            var value2 = getValueFromPointer(event.nativeEvent.pageY - state.offset);
+            value2 && (onSlideMove == null || onSlideMove(value2, event));
           },
           onSlideEnd: function(event) {
-            var value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
-            onSlideEnd == null || onSlideEnd(event, value);
+            var value2 = getValueFromPointer(event.nativeEvent.pageY - state.offset);
+            onSlideEnd == null || onSlideEnd(event, value2);
           },
           onStepKeyDown: function(event) {
             var isBackKey = import_constants22.BACK_KEYS.ltr.includes(event.key);
@@ -28570,8 +28575,8 @@ var require_Slider_native = __commonJS({
       position: "absolute",
       pointerEvents: "box-none"
     }), SliderTrackActive = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeSlider, ...rangeProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(__scopeSlider), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(function(value) {
-        return (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max);
+      var { __scopeSlider, ...rangeProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(__scopeSlider), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(function(value2) {
+        return (0, import_helpers3.convertValueToPercentage)(value2, context.min, context.max);
       }), offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0, offsetEnd = 100 - Math.max(...percentages);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SliderTrackActiveFrame, {
         orientation: context.orientation,
@@ -28629,7 +28634,7 @@ var require_Slider_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SliderThumb = SliderThumbFrame.styleable(function(props, forwardedRef) {
-      var { __scopeSlider, index, circular, size: sizeProp, ...thumbProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(__scopeSlider), [thumb, setThumb] = React4.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), _ref, sizeIn = (_ref = sizeProp ?? context.size) !== null && _ref !== void 0 ? _ref : "$true", [size2, setSize] = React4.useState(function() {
+      var { __scopeSlider, index, circular, size: sizeProp, ...thumbProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(__scopeSlider), [thumb, setThumb] = React4.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb), value2 = context.values[index], percent = value2 === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value2, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), _ref, sizeIn = (_ref = sizeProp ?? context.size) !== null && _ref !== void 0 ? _ref : "$true", [size2, setSize] = React4.useState(function() {
         var estimatedSize = (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width);
         return estimatedSize;
       }), thumbInBoundsOffset = size2 ? (0, import_helpers3.getThumbInBoundsOffset)(size2, percent, orientation.direction) : 0;
@@ -28664,7 +28669,7 @@ var require_Slider_native = __commonJS({
         role: "slider",
         "aria-label": props["aria-label"] || label,
         "aria-valuemin": context.min,
-        "aria-valuenow": value,
+        "aria-valuenow": value2,
         "aria-valuemax": context.max,
         "aria-orientation": context.orientation,
         "data-orientation": context.orientation,
@@ -28703,13 +28708,13 @@ var require_Slider_native = __commonJS({
     }), SliderComponent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { name, min = 0, max = 100, step = 1, orientation = "horizontal", disabled = !1, minStepsBetweenThumbs = 0, defaultValue = [
         min
-      ], value, onValueChange = function() {
+      ], value: value2, onValueChange = function() {
       }, size: sizeProp, onSlideEnd, onSlideMove, onSlideStart, ...sliderProps } = props, sliderRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(sliderRef, forwardedRef), thumbRefs = React4.useRef(/* @__PURE__ */ new Map()), valueIndexToChangeRef = React4.useRef(0), isHorizontal = orientation === "horizontal", [values = [], setValues] = (0, import_use_controllable_state.useControllableState)({
-        prop: value,
+        prop: value2,
         defaultProp: defaultValue,
         transition: !0,
-        onChange: function(value2) {
-          updateThumbFocus(valueIndexToChangeRef.current), onValueChange(value2);
+        onChange: function(value22) {
+          updateThumbFocus(valueIndexToChangeRef.current), onValueChange(value22);
         }
       });
       import_constants4.isWeb && React4.useEffect(function() {
@@ -28745,11 +28750,11 @@ var require_Slider_native = __commonJS({
           }
         }
       }
-      function handleSlideMove(value2, event) {
-        updateValues(value2, valueIndexToChangeRef.current), onSlideMove == null || onSlideMove(event, value2);
+      function handleSlideMove(value22, event) {
+        updateValues(value22, valueIndexToChangeRef.current), onSlideMove == null || onSlideMove(event, value22);
       }
-      function updateValues(value2, atIndex) {
-        var decimalCount = (0, import_helpers3.getDecimalCount)(step), snapToStep = (0, import_helpers3.roundValue)(Math.round((value2 - min) / step) * step + min, decimalCount), nextValue = (0, import_helpers2.clamp)(snapToStep, [
+      function updateValues(value22, atIndex) {
+        var decimalCount = (0, import_helpers3.getDecimalCount)(step), snapToStep = (0, import_helpers3.roundValue)(Math.round((value22 - min) / step) * step + min, decimalCount), nextValue = (0, import_helpers2.clamp)(snapToStep, [
           min,
           max
         ]);
@@ -28777,12 +28782,12 @@ var require_Slider_native = __commonJS({
           min,
           max,
           onSlideEnd,
-          onSlideStart: disabled ? void 0 : function(value2, target, event) {
+          onSlideStart: disabled ? void 0 : function(value22, target, event) {
             if (target !== "thumb") {
-              var closestIndex = (0, import_helpers3.getClosestValueIndex)(values, value2);
-              updateValues(value2, closestIndex);
+              var closestIndex = (0, import_helpers3.getClosestValueIndex)(values, value22);
+              updateValues(value22, closestIndex);
             }
-            onSlideStart == null || onSlideStart(event, value2, target);
+            onSlideStart == null || onSlideStart(event, value22, target);
           },
           onSlideMove: disabled ? void 0 : handleSlideMove,
           onHomeKeyDown: function() {
@@ -28794,8 +28799,8 @@ var require_Slider_native = __commonJS({
           onStepKeyDown: function(param) {
             var { event, direction: stepDirection } = param;
             if (!disabled) {
-              var isPageKey = import_constants22.PAGE_KEYS.includes(event.key), isSkipKey = isPageKey || event.shiftKey && import_constants22.ARROW_KEYS.includes(event.key), multiplier = isSkipKey ? 10 : 1, atIndex = valueIndexToChangeRef.current, value2 = values[atIndex], stepInDirection = step * multiplier * stepDirection;
-              updateValues(value2 + stepInDirection, atIndex);
+              var isPageKey = import_constants22.PAGE_KEYS.includes(event.key), isSkipKey = isPageKey || event.shiftKey && import_constants22.ARROW_KEYS.includes(event.key), multiplier = isSkipKey ? 10 : 1, atIndex = valueIndexToChangeRef.current, value22 = values[atIndex], stepInDirection = step * multiplier * stepDirection;
+              updateValues(value22 + stepInDirection, atIndex);
             }
           }
         })
@@ -28918,7 +28923,7 @@ var require_useSwitch_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useSwitch_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native48(), import_use_previous = require_index_native49(), React4 = __toESM2(require("react"));
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_helpers = require_index_native7(), import_label = require_index_native48(), import_use_previous = require_index_native49(), React4 = __toESM2(require("react"));
     function useSwitch(props, param, ref) {
       var [checked, setChecked] = param;
       return {
@@ -28932,7 +28937,7 @@ var require_useSwitch_native = __commonJS({
         switchRef: ref,
         bubbleInput: null
       };
-      var disabled, name, value, required, hasConsumerStoppedPropagationRef, button, setButton, composedRefs, isFormControl, labelId, ariaLabelledBy;
+      var disabled, name, value2, required, hasConsumerStoppedPropagationRef, button, setButton, composedRefs, isFormControl, labelId, ariaLabelledBy;
     }
   }
 });
@@ -29253,8 +29258,8 @@ var require_createSwitch_native = __commonJS({
         React4.useEffect(function() {
           if (props.id && !props.disabled) return (0, import_focusable2.registerFocusable)(props.id, {
             focusAndSelect: function() {
-              setChecked == null || setChecked(function(value2) {
-                return !value2;
+              setChecked == null || setChecked(function(value22) {
+                return !value22;
               });
             },
             focus: function() {
@@ -29270,7 +29275,7 @@ var require_createSwitch_native = __commonJS({
           onValueChange: setChecked,
           ...nativeProps
         });
-        var disabled = props.disabled, value = React4.useMemo(function() {
+        var disabled = props.disabled, value2 = React4.useMemo(function() {
           return {
             checked,
             disabled,
@@ -29285,7 +29290,7 @@ var require_createSwitch_native = __commonJS({
           next !== frameWidth && setFrameInnerWidth(next);
         }, _styledContext_unstyled, _ref3, unstyled = (_ref3 = (_styledContext_unstyled = styledContext.unstyled) !== null && _styledContext_unstyled !== void 0 ? _styledContext_unstyled : props.unstyled) !== null && _ref3 !== void 0 ? _ref3 : !1, _styledContext_size, _ref4;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(SwitchContext.Provider, {
-          value,
+          value: value2,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Frame, {
               ref: switchRef,
@@ -29593,7 +29598,7 @@ var require_createTabs_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createTabs_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_group = require_index_native53(), import_helpers = require_index_native7(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native27(), import_web = require_index_native15(), React4 = __toESM2(require("react")), import_Tabs = require_Tabs_native(), import_StyledContext = require_StyledContext_native2();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native(), import_group = require_index_native53(), import_helpers = require_index_native7(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native27(), import_web = require_index_native15(), React4 = __toESM2(require("react")), import_Tabs = require_Tabs_native(), import_StyledContext = require_StyledContext_native2();
     function createTabs(createProps) {
       var { ContentFrame = import_Tabs.DefaultTabsContentFrame, TabFrame = import_Tabs.DefaultTabsTabFrame, TabsFrame = import_Tabs.DefaultTabsFrame } = createProps, TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
         var { __scopeTabs, loop = !0, children, ...listProps } = props, context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
@@ -29616,7 +29621,7 @@ var require_createTabs_native = __commonJS({
       });
       TabsList.displayName = TAB_LIST_NAME;
       var TRIGGER_NAME = "TabsTrigger", TabsTrigger = TabFrame.styleable(function(props, forwardedRef) {
-        var { __scopeTabs, value, disabled = !1, onInteraction, disableActiveTheme, ...triggerProps } = props, context = (0, import_StyledContext.useTabsContext)(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React4.useState(null), triggerRef = React4.useRef(null), groupItemProps = (0, import_group.useGroupItem)({
+        var { __scopeTabs, value: value2, disabled = !1, onInteraction, disableActiveTheme, ...triggerProps } = props, context = (0, import_StyledContext.useTabsContext)(__scopeTabs), triggerId = makeTriggerId(context.baseId, value2), contentId = makeContentId(context.baseId, value2), isSelected = value2 === context.value, [layout, setLayout] = React4.useState(null), triggerRef = React4.useRef(null), groupItemProps = (0, import_group.useGroupItem)({
           disabled: !!disabled
         });
         React4.useEffect(function() {
@@ -29644,7 +29649,7 @@ var require_createTabs_native = __commonJS({
           isSelected && layout && (onInteraction == null || onInteraction("select", layout));
         }, [
           isSelected,
-          value,
+          value2,
           layout
         ]);
         var _props_onPress;
@@ -29683,7 +29688,7 @@ var require_createTabs_native = __commonJS({
               ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
               onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function(event) {
                 var webChecks = !import_constants4.isWeb || event.button === 0 && event.ctrlKey === !1;
-                !disabled && !isSelected && webChecks ? context.onChange(value) : event.preventDefault();
+                !disabled && !isSelected && webChecks ? context.onChange(value2) : event.preventDefault();
               }),
               ...import_constants4.isWeb && {
                 type: "button",
@@ -29691,12 +29696,12 @@ var require_createTabs_native = __commonJS({
                   [
                     " ",
                     "Enter"
-                  ].includes(event.key) && (context.onChange(value), event.preventDefault());
+                  ].includes(event.key) && (context.onChange(value2), event.preventDefault());
                 }),
                 onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, function(event) {
                   layout && (onInteraction == null || onInteraction("focus", layout));
                   var isAutomaticActivation = context.activationMode !== "manual";
-                  !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
+                  !isSelected && !disabled && isAutomaticActivation && context.onChange(value2);
                 }),
                 onBlur: (0, import_helpers.composeEventHandlers)(props.onFocus, function() {
                   onInteraction == null || onInteraction("focus", null);
@@ -29708,7 +29713,7 @@ var require_createTabs_native = __commonJS({
       });
       TabsTrigger.displayName = TRIGGER_NAME;
       var TabsContent = ContentFrame.styleable(function(props, forwardedRef) {
-        var { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = (0, import_StyledContext.useTabsContext)(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
+        var { __scopeTabs, value: value2, forceMount, children, ...contentProps } = props, context = (0, import_StyledContext.useTabsContext)(__scopeTabs), isSelected = value2 === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value2), contentId = makeContentId(context.baseId, value2);
         return show ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ContentFrame, {
           "data-state": isSelected ? "active" : "inactive",
           "data-orientation": context.orientation,
@@ -29721,9 +29726,9 @@ var require_createTabs_native = __commonJS({
           ...contentProps,
           ref: forwardedRef,
           children
-        }, value) : null;
+        }, value2) : null;
       }), TabsComponent = TabsFrame.styleable(function(props, forwardedRef) {
-        var { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", size: size2 = "$true", ...tabsProps } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+        var { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", size: size2 = "$true", ...tabsProps } = props, direction = (0, import_use_direction.useDirection)(dir), [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
           prop: valueProp,
           onChange: onValueChange,
           defaultProp: defaultValue ?? ""
@@ -29739,7 +29744,7 @@ var require_createTabs_native = __commonJS({
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_StyledContext.TabsProvider, {
           scope: __scopeTabs,
           baseId: React4.useId(),
-          value,
+          value: value2,
           onChange: setValue,
           orientation,
           dir: direction,
@@ -29767,11 +29772,11 @@ var require_createTabs_native = __commonJS({
         Content: TabsContent
       });
     }
-    function makeTriggerId(baseId, value) {
-      return `${baseId}-trigger-${value}`;
+    function makeTriggerId(baseId, value2) {
+      return `${baseId}-trigger-${value2}`;
     }
-    function makeContentId(baseId, value) {
-      return `${baseId}-content-${value}`;
+    function makeContentId(baseId, value2) {
+      return `${baseId}-content-${value2}`;
     }
   }
 });
@@ -29878,7 +29883,7 @@ var require_mutateTheme_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(mutateTheme_exports);
-    var import_constants4 = require_index_native6(), import_start_transition = require_index_native9(), import_web = require_index_native15();
+    var import_constants4 = require_index_native(), import_start_transition = require_index_native9(), import_web = require_index_native15();
     function mutateThemes2(param) {
       var { themes, batch, insertCSS = !0, ...props } = param, allThemesProxied = {}, allThemesRaw = {}, _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
       try {
@@ -30406,7 +30411,7 @@ var require_ToggleGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ToggleGroup_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_focusable2 = require_index_native47(), import_font_size = require_index_native43(), import_get_token2 = require_index_native22(), import_group = require_index_native53(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native44(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native27(), import_web = require_index_native15(), import_react3 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(/* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native(), import_focusable2 = require_index_native47(), import_font_size = require_index_native43(), import_get_token2 = require_index_native22(), import_group = require_index_native53(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native44(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native27(), import_web = require_index_native15(), import_react3 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(/* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var [_, { color }] = (0, import_web.usePropsAndStyle)(props), { disablePassStyles, ...rest } = props, valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext == null ? void 0 : valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = (0, import_group.useGroupItem)({
         disabled
       }), _props_size, size2 = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size, sizeProps = props.unstyled ? {} : {
@@ -30445,7 +30450,7 @@ var require_ToggleGroup_native = __commonJS({
     }));
     ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
     var ToggleGroupItemImpl = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
-      var { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = {
+      var { __scopeToggleGroup, value: value2, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = {
         "aria-pressed": void 0
       }, typeProps = valueContext.type === "single" ? singleProps : void 0;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Toggle.Toggle, {
@@ -30453,7 +30458,7 @@ var require_ToggleGroup_native = __commonJS({
         ...itemProps,
         ref: forwardedRef,
         onPressedChange: function(pressed) {
-          pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
+          pressed ? valueContext.onItemActivate(value2) : valueContext.onItemDeactivate(value2);
         }
       });
     }), ToggleGroup = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
@@ -30488,7 +30493,7 @@ var require_ToggleGroup_native = __commonJS({
     ToggleGroup.displayName = TOGGLE_GROUP_NAME;
     var { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = (0, import_web.createStyledContext)(), ToggleGroupImplSingle = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var { value: valueProp, defaultValue, onValueChange = function() {
-      }, disableDeactivation = !1, ...toggleGroupSingleProps } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      }, disableDeactivation = !1, ...toggleGroupSingleProps } = props, [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue,
         onChange: onValueChange
@@ -30496,10 +30501,10 @@ var require_ToggleGroup_native = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupValueProvider, {
         scope: props.__scopeToggleGroup,
         type: "single",
-        value: value ? [
-          value
+        value: value2 ? [
+          value2
         ] : [],
-        defaultValue: value,
+        defaultValue: value2,
         onItemActivate: setValue,
         onItemDeactivate: import_react3.default.useCallback(function() {
           return disableDeactivation ? null : setValue("");
@@ -30514,7 +30519,7 @@ var require_ToggleGroup_native = __commonJS({
       });
     }), ToggleGroupImplMultiple = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var { value: valueProp, defaultValue, onValueChange = function() {
-      }, disableDeactivation, ...toggleGroupMultipleProps } = props, [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({
+      }, disableDeactivation, ...toggleGroupMultipleProps } = props, [value2 = [], setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue,
         onChange: onValueChange
@@ -30531,8 +30536,8 @@ var require_ToggleGroup_native = __commonJS({
       ]), handleButtonDeactivate = import_react3.default.useCallback(function(itemValue) {
         return setValue(function() {
           var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-          return prevValue.filter(function(value2) {
-            return value2 !== itemValue;
+          return prevValue.filter(function(value22) {
+            return value22 !== itemValue;
           });
         });
       }, [
@@ -30541,8 +30546,8 @@ var require_ToggleGroup_native = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupValueProvider, {
         scope: props.__scopeToggleGroup,
         type: "multiple",
-        value,
-        defaultValue: value,
+        value: value2,
+        defaultValue: value2,
         onItemActivate: handleButtonActivate,
         onItemDeactivate: handleButtonDeactivate,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupImpl, {
@@ -30990,7 +30995,7 @@ var require_index_native74 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_helpers = require_helpers_native4(), import_initialValue = require_initialValue_native(), import_initialValue2 = require_initialValue_native();
+    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native(), import_helpers = require_helpers_native4(), import_initialValue = require_initialValue_native(), import_initialValue2 = require_initialValue_native();
     function useWindowDimensions() {
       var { serverValue = import_initialValue.initialValue } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       return import_react3.default.useSyncExternalStore(import_helpers.subscribe, import_helpers.getWindowSize, function() {
@@ -31199,7 +31204,7 @@ module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, __toESM(require_index_native28()), module.exports);
 __reExport(index_exports, __toESM(require_index_native31()), module.exports);
 __reExport(index_exports, __toESM(require_index_native39()), module.exports);
-__reExport(index_exports, __toESM(require_index_native4()), module.exports);
+__reExport(index_exports, __toESM(require_index_native5()), module.exports);
 __reExport(index_exports, __toESM(require_index_native42()), module.exports);
 __reExport(index_exports, __toESM(require_index_native45()), module.exports);
 __reExport(index_exports, __toESM(require_index_native46()), module.exports);
@@ -31236,7 +31241,7 @@ __reExport(index_exports, __toESM(require_index_native72()), module.exports);
 __reExport(index_exports, __toESM(require_index_native73()), module.exports);
 __reExport(index_exports, __toESM(require_index_native10()), module.exports);
 __reExport(index_exports, __toESM(require_index_native65()), module.exports);
-__reExport(index_exports, __toESM(require_index_native()), module.exports);
+__reExport(index_exports, __toESM(require_index_native2()), module.exports);
 __reExport(index_exports, __toESM(require_index_native74()), module.exports);
 __reExport(index_exports, __toESM(require_index_native75()), module.exports);
 
@@ -31313,7 +31318,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_core2 = __toESM(re
 };
 
 // src/views/Anchor.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = __toESM(require_index_native6()), import_core3 = __toESM(require_index_native20()), import_text = __toESM(require_index_native26()), import_react_native = __toESM(require_fake_react_native()), AnchorFrame = (0, import_core3.styled)(import_text.SizableText, {
+var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = __toESM(require_index_native()), import_core3 = __toESM(require_index_native20()), import_text = __toESM(require_index_native26()), import_react_native = __toESM(require_fake_react_native()), AnchorFrame = (0, import_core3.styled)(import_text.SizableText, {
   name: "Anchor",
   tag: "a",
   accessibilityRole: "link"
@@ -31363,7 +31368,7 @@ var import_core5 = __toESM(require_index_native20()), import_stacks = __toESM(re
 });
 
 // src/views/Input.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_constants2 = __toESM(require_index_native6()), import_core7 = __toESM(require_index_native20()), import_focusable = __toESM(require_index_native47()), import_react_native2 = __toESM(require_fake_react_native());
+var import_jsx_runtime3 = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_constants2 = __toESM(require_index_native()), import_core7 = __toESM(require_index_native20()), import_focusable = __toESM(require_index_native47()), import_react_native2 = __toESM(require_fake_react_native());
 
 // src/helpers/inputHelpers.tsx
 var import_core6 = __toESM(require_index_native20()), import_get_button_sized = __toESM(require_index_native23()), import_get_font_sized = __toESM(require_index_native25()), import_get_token = __toESM(require_index_native22()), inputSizeVariant = function() {
@@ -31502,7 +31507,7 @@ var import_jsx_runtime4 = require("react/jsx-runtime"), import_core8 = __toESM(r
 }));
 
 // src/views/TextArea.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime"), import_react2 = __toESM(require("react")), import_constants3 = __toESM(require_index_native6()), import_core9 = __toESM(require_index_native20());
+var import_jsx_runtime5 = require("react/jsx-runtime"), import_react2 = __toESM(require("react")), import_constants3 = __toESM(require_index_native()), import_core9 = __toESM(require_index_native20());
 var TextAreaFrame = (0, import_core9.styled)(InputFrame, {
   name: "TextArea",
   multiline: !0,