tamagui 1.132.14 → 1.132.16

package/dist/test.native.js

@@ -1070,9 +1070,9 @@ var require_clamp_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(clamp_exports);
-    function clamp(value2, param) {
+    function clamp(value, param) {
       var [min, max] = param;
-      return Math.min(max, Math.max(min, value2));
+      return Math.min(max, Math.max(min, value));
     }
   }
 });
@@ -2056,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, value2 = 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, value = 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);
@@ -2079,7 +2079,7 @@ var require_useControllableState_native = __commonJS({
         });
       });
       return [
-        value2,
+        value,
         setter
       ];
     }
@@ -2374,22 +2374,22 @@ var require_config_native = __commonJS({
         {}
       ), { tokens, tokensParsed } = conf;
       return prefixed === !1 ? tokens : prefixed === !0 ? tokensParsed : tokensMerged;
-    }, getTokenObject = function(value2, group) {
+    }, getTokenObject = function(value, group) {
       var _tokensMerged_group, _tokensMerged_, _conf_specificTokens_value;
-      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 (_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 useVariable ? token == null ? void 0 : token.variable : token == null ? void 0 : token.val;
-    }, getTokenValue3 = function(value2, group) {
-      if (!(value2 === "unset" || value2 === "auto")) return getToken3(value2, group, !1);
+    }, getTokenValue3 = function(value, group) {
+      if (!(value === "unset" || value === "auto")) return getToken3(value, 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, value2) {
-      Object.assign(conf[key], value2);
+    }, updateConfig2 = function(key, value) {
+      Object.assign(conf[key], value);
     }, 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) {
@@ -2528,9 +2528,9 @@ var require_createVariable_native = __commonJS({
       var includeVar = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, name = (0, import_helpers.simpleHash)(nameProp, 60);
       return includeVar ? constructCSSVariableName(name) : name;
     };
-    function px(value2) {
+    function px(value) {
       return {
-        val: value2,
+        val: value,
         needsPx: !0
       };
     }
@@ -2617,8 +2617,8 @@ var require_insertStyleRule_native = __commonJS({
     function addTransform(identifier, css, rule) {
       var s = css.indexOf("transform:");
       if (s !== -1) {
-        var startI = s + 10, endI = css.indexOf(";"), value2 = css.slice(startI, endI);
-        if (!insertedTransforms[identifier]) return insertedTransforms[identifier] = value2, !0;
+        var startI = s + 10, endI = css.indexOf(";"), value = css.slice(startI, endI);
+        if (!insertedTransforms[identifier]) return insertedTransforms[identifier] = value, !0;
       }
     }
     function scanAllSheets() {
@@ -3109,8 +3109,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, value2] = param;
-        return feature = camelToHyphen(feature), typeof value2 == "string" ? `(${feature}: ${value2})` : (typeof value2 == "number" && /[height|width]$/.test(feature) && (value2 = `${value2}px`), `(${feature}: ${value2})`);
+        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})`);
       }).join(" and ");
       return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
     }
@@ -3193,8 +3193,8 @@ var require_Tamagui_native = __commonJS({
         var TamaguiManager;
     }(), identifierToValue = /* @__PURE__ */ new Map(), getValueFromIdentifier = function(identifier) {
       return identifierToValue.get(identifier);
-    }, setIdentifierValue = function(identifier, value2) {
-      identifierToValue.set(identifier, value2);
+    }, setIdentifierValue = function(identifier, value) {
+      identifierToValue.set(identifier, value);
     };
   }
 });
@@ -3261,8 +3261,8 @@ var require_compose_refs_native = __commonJS({
     });
     module2.exports = __toCommonJS2(compose_refs_exports);
     var React4 = __toESM2(require("react"));
-    function setRef(ref, value2) {
-      typeof ref == "function" ? ref(value2) : ref && (ref.current = value2);
+    function setRef(ref, value) {
+      typeof ref == "function" ? ref(value) : ref && (ref.current = value);
     }
     function composeRefs() {
       for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
@@ -3584,8 +3584,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, value2 = import_react3.default.useContext(context);
-        return value2;
+        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;
       };
       return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
     }
@@ -5127,11 +5127,11 @@ var require_normalizeValueWithProperty_native = __commonJS({
       translateX: !0,
       translateY: !0
     };
-    function normalizeValueWithProperty(value2) {
+    function normalizeValueWithProperty(value) {
       var property = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
-      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);
+      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);
     }
   }
 });
@@ -5395,26 +5395,26 @@ var require_expandStyle_native = __commonJS({
         return `${prefix}${k}`;
       });
     };
-    function expandStyle(key, value2) {
+    function expandStyle(key, value) {
       if (import_constants4.isAndroid && key === "elevationAndroid") return [
         [
           "elevation",
-          value2
+          value
         ]
       ];
       if (key in EXPANSIONS) return EXPANSIONS[key].map(function(key2) {
         return [
           key2,
-          value2
+          value
         ];
       });
       if (key in import_webToNativeProps.webToNativeExpansion) return import_webToNativeProps.webToNativeExpansion[key].map(function(key2) {
         return [
           key2,
-          value2
+          value
         ];
       });
-      if (key in import_webToNativeProps.webToNativeDynamicExpansion) return import_webToNativeProps.webToNativeDynamicExpansion[key](value2);
+      if (key in import_webToNativeProps.webToNativeDynamicExpansion) return import_webToNativeProps.webToNativeDynamicExpansion[key](value);
     }
     var all = [
       "Top",
@@ -5659,8 +5659,8 @@ var require_normalizeStyle_native = __commonJS({
             res[key] = normalizeStyle(prop, disableNormalize);
             continue;
           }
-          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;
+          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;
         }
       }
       return (0, import_expandStyles.fixStyles)(res), res;
@@ -5879,18 +5879,18 @@ var require_propMapper_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    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);
+    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, value, styleState, disabled, map) {
+      if (disabled) return map(key, value);
       if (lastFontFamilyToken = null, !(!import_constants4.isAndroid && key === "elevationAndroid")) {
         var { conf, styleProps, staticConfig } = styleState;
-        if (value2 === "unset") {
+        if (value === "unset") {
           var _conf_unset, unsetVal = (_conf_unset = conf.unset) === null || _conf_unset === void 0 ? void 0 : _conf_unset[key];
-          if (unsetVal != null) value2 = unsetVal;
+          if (unsetVal != null) value = unsetVal;
           else return;
         }
         var { variants } = staticConfig;
         if (!styleProps.noExpand && variants && key in variants) {
-          var variantValue = resolveVariants(key, value2, styleProps, styleState, "");
+          var variantValue = resolveVariants(key, value, styleProps, styleState, "");
           if (variantValue) {
             variantValue.forEach(function(param) {
               var [_$key, _$value] = param;
@@ -5899,30 +5899,30 @@ var require_propMapper_native = __commonJS({
             return;
           }
         }
-        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) {
+        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) {
           key === "fontFamily" && lastFontFamilyToken && (styleState.fontFamily = lastFontFamilyToken);
-          var expanded = styleProps.noExpand ? null : (0, import_expandStyle.expandStyle)(key, value2);
+          var expanded = styleProps.noExpand ? null : (0, import_expandStyle.expandStyle)(key, value);
           if (expanded) for (var max = expanded.length, i = 0; i < max; i++) {
             var [nkey, nvalue] = expanded[i];
             map(nkey, nvalue);
           }
-          else map(key, value2);
+          else map(key, value);
         }
       }
-    }, resolveVariants = function(key, value2, styleProps, styleState, parentVariantKey) {
+    }, resolveVariants = function(key, value, styleProps, styleState, parentVariantKey) {
       var { staticConfig, conf, debug } = styleState, { variants } = staticConfig;
       if (variants) {
-        var variantValue = getVariantDefinition(variants[key], value2, conf);
+        var variantValue = getVariantDefinition(variants[key], value, conf);
         if (!variantValue) {
-          if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1" && typeof value2 != "boolean") {
+          if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1" && typeof value != "boolean") {
             var name = staticConfig.componentName || "[UnnamedComponent]";
-            console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value2}"`);
+            console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value}"`);
           }
           return;
         }
         if (typeof variantValue == "function") {
           var fn = variantValue, extras = (0, import_getVariantExtras.getVariantExtras)(styleState);
-          variantValue = fn(value2, extras);
+          variantValue = fn(value, extras);
         }
         var fontFamilyResult;
         if ((0, import_isObj.isObj)(variantValue)) {
@@ -5945,10 +5945,10 @@ var require_propMapper_native = __commonJS({
         }
       } else if (typeof input == "string" && input[0] === "$") return input;
     }
-    var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVariants = function(key, value2, styleProps, styleState, parentVariantKey) {
+    var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVariants = function(key, value, styleProps, styleState, parentVariantKey) {
       var { conf, staticConfig, debug, theme } = styleState, { variants } = staticConfig, res = {};
-      for (var _key in value2) {
-        var subKey = conf.shorthands[_key] || _key, val = value2[_key];
+      for (var _key in value) {
+        var subKey = conf.shorthands[_key] || _key, val = value[_key];
         if (!(!styleProps.noSkip && subKey in import_skipProps.skipProps)) {
           if (styleProps.noExpand) res[subKey] = val;
           else if (variants && subKey in variants) {
@@ -6012,17 +6012,17 @@ var require_propMapper_native = __commonJS({
         spreadName: `...${name}`
       };
     });
-    function getVariantDefinition(variant, value2, conf) {
+    function getVariantDefinition(variant, value, conf) {
       if (variant) {
         if (typeof variant == "function") return variant;
-        var exact = variant[value2];
+        var exact = variant[value];
         if (exact) return exact;
-        if (value2 != null) {
+        if (value != 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 && value2 in tokensParsed[name]) return variant[spreadName];
+              if (spreadName in variant && name in tokensParsed && value in tokensParsed[name]) return variant[spreadName];
             }
           } catch (err) {
             _didIteratorError = !0, _iteratorError = err;
@@ -6034,32 +6034,32 @@ var require_propMapper_native = __commonJS({
             }
           }
           var fontSizeVariant = variant["...fontSize"];
-          if (fontSizeVariant && conf.fontSizeTokens.has(value2)) return fontSizeVariant;
+          if (fontSizeVariant && conf.fontSizeTokens.has(value)) return fontSizeVariant;
         }
-        return variant[`:${typeof value2}`] || variant["..."];
+        return variant[`:${typeof value}`] || variant["..."];
       }
     }
     var fontShorthand = {
       fontSize: "size",
       fontWeight: "weight"
-    }, lastFontFamilyToken = null, getTokenForKey = function(key, value2, styleProps, styleState) {
+    }, lastFontFamilyToken = null, getTokenForKey = function(key, value, styleProps, styleState) {
       var _staticConfig_accept, resolveAs = styleProps.resolveValues || "none";
-      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 (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 (customTokenAccept) {
-        var val = themeValue ?? tokensParsed[customTokenAccept][value2];
+        var val = themeValue ?? tokensParsed[customTokenAccept][value];
         val != null && (resolveAs = "value", valOrVar = val, hasSet = !0);
       }
       if (themeValue) {
-        if (resolveAs === "except-theme") return value2;
+        if (resolveAs === "except-theme") return value;
         valOrVar = themeValue, hasSet = !0;
       } else {
-        if (value2 in conf.specificTokens) hasSet = !0, valOrVar = conf.specificTokens[value2];
+        if (value in conf.specificTokens) hasSet = !0, valOrVar = conf.specificTokens[value];
         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[value2]) === null || _fontsParsed_value === void 0 ? void 0 : _fontsParsed_value.family) || value2, lastFontFamilyToken = value2, hasSet = !0;
+              valOrVar = ((_fontsParsed_value = fontsParsed[value]) === null || _fontsParsed_value === void 0 ? void 0 : _fontsParsed_value.family) || value, lastFontFamilyToken = value, hasSet = !0;
               break;
             }
             case "fontSize":
@@ -6069,18 +6069,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_[value2]) || value2, hasSet = !0;
+                valOrVar = (font == null || (_font_ = font[fontShorthand[key] || key]) === null || _font_ === void 0 ? void 0 : _font_[value]) || value, hasSet = !0;
               }
               break;
             }
           }
           for (var cat in import_helpers.tokenCategories) if (key in import_helpers.tokenCategories[cat]) {
-            var res = tokensParsed[cat][value2];
+            var res = tokensParsed[cat][value];
             res != null && (valOrVar = res, hasSet = !0);
           }
         }
         if (!hasSet) {
-          var spaceVar = tokensParsed.space[value2];
+          var spaceVar = tokensParsed.space[value];
           spaceVar != null && (valOrVar = spaceVar, hasSet = !0);
         }
       }
@@ -6205,8 +6205,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], value2 = transform[type];
-          return type === "matrix" || type === "matrix3d" ? `${type}(${value2.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value2, type)})`;
+          var type = Object.keys(transform)[0], value = transform[type];
+          return type === "matrix" || type === "matrix3d" ? `${type}(${value.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type)})`;
         }
       ).join(" ");
     }
@@ -6553,7 +6553,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, value2, identifier, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
+              for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) var atomicStyle, _props_animateOnly, _props_animateOnly1, key2, value, identifier, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
             } catch (err) {
             } finally {
             }
@@ -6715,14 +6715,14 @@ var require_getSplitStyles_native = __commonJS({
         delete viewProps[key], viewProps[key] = next;
       } else viewProps[key] = val;
     }
-    function mergeMediaByImportance(styleState, mediaKey, key, value2, isSizeMedia, importanceBump, debugProp) {
+    function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp) {
       var usedKeys = styleState.usedKeys, importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKey, key, styleState, isSizeMedia);
       if (importanceBump && (importance = (importance || 0) + importanceBump), 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 value2) mergeStyle(styleState, subKey, value2[subKey], importance);
-      } else mergeStyle(styleState, key, value2, importance);
+        for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance);
+      } else mergeStyle(styleState, key, value, importance);
       return !0;
     }
     function normalizeStyle(style) {
@@ -7332,14 +7332,14 @@ var require_getThemeProxied_native = __commonJS({
         curKeys && (curKeys.current || (curKeys.current = /* @__PURE__ */ new Set()), curKeys.current.add(key));
       }
       var proxied1 = Object.fromEntries(Object.entries(_state.theme).flatMap(function(param) {
-        var [key, value2] = param, proxied2 = {
-          ...value2,
+        var [key, value] = param, proxied2 = {
+          ...value,
           get val() {
-            return globalThis.tamaguiAvoidTracking || track(key), value2.val;
+            return globalThis.tamaguiAvoidTracking || track(key), value.val;
           },
           get(platform2) {
             if (curState) {
-              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)();
+              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)();
               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,
@@ -7889,11 +7889,11 @@ var require_index_native14 = __commonJS({
     };
     function useDidFinishSSR2() {
       var clientOnly = React4.useContext(import_ClientOnly.ClientOnlyContext);
-      return value != null ? value : !0;
+      return !0;
     }
-    function useClientValue(value1) {
+    function useClientValue(value) {
       var done = useDidFinishSSR2();
-      return done ? typeof value1 == "function" ? value1() : value1 : void 0;
+      return done ? typeof value == "function" ? value() : value : void 0;
     }
   }
 });
@@ -9362,10 +9362,10 @@ var require_createFont_native = __commonJS({
           ...sectionKeys
         ])
       ].map(function(key) {
-        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, [
+        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, [
           key,
-          value2
+          value
         ];
       }));
     }, createFont2 = function(font) {
@@ -9581,7 +9581,7 @@ var require_createTamagui_native = __commonJS({
           var sep;
           if (fontDeclarations) for (var key22 in fontDeclarations) var name1, declarations1, language1, fontSelector, langSelector, selectors, specificRuleSet;
         }
-        var themesIn = configIn.themes, dedupedThemes = foundThemes ?? getThemesDeduped(themesIn), themes = (0, import_proxyThemeToParents.proxyThemesToParents)(dedupedThemes);
+        var themesIn = configIn.themes, dedupedThemes = foundThemes ?? getThemesDeduped(themesIn, tokens.color), themes = (0, import_proxyThemeToParents.proxyThemesToParents)(dedupedThemes);
         return {
           themes,
           cssRuleSets,
@@ -9683,7 +9683,7 @@ var require_createTamagui_native = __commonJS({
         var _process_env_DEBUG;
       return config;
     }
-    function getThemesDeduped(themes) {
+    function getThemesDeduped(themes, colorTokens) {
       var dedupedThemes = [], existing = /* @__PURE__ */ new Map();
       for (var themeName in themes) {
         var darkOrLightSpecificPrefix = themeName.startsWith("dark") ? "dark" : themeName.startsWith("light") ? "light" : "", rawTheme = themes[themeName], key = darkOrLightSpecificPrefix + JSON.stringify(rawTheme);
@@ -9695,6 +9695,7 @@ var require_createTamagui_native = __commonJS({
         var theme = {
           ...rawTheme
         };
+        colorTokens && Object.assign(theme, colorTokens);
         for (var key1 in theme) (0, import_themes.ensureThemeVariable)(theme, key1);
         var deduped = {
           names: [
@@ -10933,12 +10934,13 @@ var require_FontLanguage_native = __commonJS({
     });
     module2.exports = __toCommonJS2(FontLanguage_native_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), FontLanguage2 = function(param) {
-      var { children, ...props } = param, language = import_react3.default.useMemo(function() {
+      var { children, ...props } = param, parentProps = import_react3.default.useContext(import_ComponentContext.ComponentContext), language = import_react3.default.useMemo(function() {
         return props;
       }, [
         JSON.stringify(props)
       ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
+        ...parentProps,
         language,
         children
       });
@@ -11536,41 +11538,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, value2 = values[feature];
-            if (!value2) return !1;
+            var feature = expression.feature, modifier = expression.modifier, expValue = expression.value, value = values[feature];
+            if (!value) return !1;
             switch (feature) {
               case "orientation":
               case "scan":
-                return value2.toLowerCase() === expValue.toLowerCase();
+                return value.toLowerCase() === expValue.toLowerCase();
               case "width":
               case "height":
               case "device-width":
               case "device-height":
-                expValue = toPx(expValue), value2 = toPx(value2);
+                expValue = toPx(expValue), value = toPx(value);
                 break;
               case "resolution":
-                expValue = toDpi(expValue), value2 = toDpi(value2);
+                expValue = toDpi(expValue), value = toDpi(value);
                 break;
               case "aspect-ratio":
               case "device-aspect-ratio":
               case /* Deprecated */
               "device-pixel-ratio":
-                expValue = toDecimal(expValue), value2 = toDecimal(value2);
+                expValue = toDecimal(expValue), value = toDecimal(value);
                 break;
               case "grid":
               case "color":
               case "color-index":
               case "monochrome":
-                expValue = Number.parseInt(expValue, 10) || 1, value2 = Number.parseInt(value2, 10) || 0;
+                expValue = Number.parseInt(expValue, 10) || 1, value = Number.parseInt(value, 10) || 0;
                 break;
             }
             switch (modifier) {
               case "min":
-                return value2 >= expValue;
+                return value >= expValue;
               case "max":
-                return value2 <= expValue;
+                return value <= expValue;
               default:
-                return value2 === expValue;
+                return value === expValue;
             }
           });
           return expressionsMatch && !inverse || !expressionsMatch && inverse;
@@ -11602,35 +11604,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, value2 = 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, value = 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 value2 / 2.54;
+          return value / 2.54;
         case "dppx":
-          return value2 * 96;
+          return value * 96;
         default:
-          return value2;
+          return value;
       }
     }
     function toPx(length) {
-      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];
+      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];
       switch (units) {
         case "em":
-          return value2 * 16;
+          return value * 16;
         case "rem":
-          return value2 * 16;
+          return value * 16;
         case "cm":
-          return value2 * 96 / 2.54;
+          return value * 96 / 2.54;
         case "mm":
-          return value2 * 96 / 2.54 / 10;
+          return value * 96 / 2.54 / 10;
         case "in":
-          return value2 * 96;
+          return value * 96;
         case "pt":
-          return value2 * 72;
+          return value * 72;
         case "pc":
-          return value2 * 72 / 12;
+          return value * 72 / 12;
         default:
-          return value2;
+          return value;
       }
     }
   }
@@ -11692,13 +11694,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, value2) {
+    function _define_property(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
-        value: value2,
+        value,
         enumerable: !0,
         configurable: !0,
         writable: !0
-      }) : obj[key] = value2, obj;
+      }) : obj[key] = value, obj;
     }
     var NativeMediaQueryList = /* @__PURE__ */ function() {
       "use strict";
@@ -12368,13 +12370,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, value2) {
+    function _define_property(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
-        value: value2,
+        value,
         enumerable: !0,
         configurable: !0,
         writable: !0
-      }) : obj[key] = value2, obj;
+      }) : obj[key] = value, obj;
     }
     var ResponderTouchHistoryStore = /* @__PURE__ */ function() {
       "use strict";
@@ -15341,24 +15343,24 @@ var require_Accordion_native = __commonJS({
     AccordionComponent.displayName = ACCORDION_NAME;
     AccordionComponent.propTypes = {
       type(props) {
-        var value2 = props.value || props.defaultValue;
+        var value = 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 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;
+        ].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;
       }
     };
     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, [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
+      }, collapsible = !1, ...accordionSingleProps } = props, [value, 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: value2 ? [
-          value2
+        value: value ? [
+          value
         ] : [],
         onItemOpen: setValue,
         onItemClose: React4.useCallback(function() {
@@ -15378,7 +15380,7 @@ var require_Accordion_native = __commonJS({
       });
     }), AccordionImplMultiple = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { value: valueProp, defaultValue, onValueChange = function() {
-      }, ...accordionMultipleProps } = props, [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
+      }, ...accordionMultipleProps } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue || [],
         onChange: onValueChange
@@ -15395,8 +15397,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(value22) {
-            return value22 !== itemValue;
+          return prevValue.filter(function(value2) {
+            return value2 !== itemValue;
           });
         });
       }, [
@@ -15404,7 +15406,7 @@ var require_Accordion_native = __commonJS({
       ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionValueProvider, {
         scope: props.__scopeAccordion,
-        value: value2 || [],
+        value: value || [],
         onItemOpen: handleItemOpen,
         onItemClose: handleItemClose,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionCollapsibleProvider, {
@@ -15476,7 +15478,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: value2, ...accordionItemProps } = props, accordionContext = useAccordionContext(__scopeAccordion), valueContext = useAccordionValueContext(__scopeAccordion), triggerId = React4.useId(), open = value2 && valueContext.value.includes(value2) || !1, disabled = accordionContext.disabled || props.disabled;
+      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;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionItemProvider, {
         scope: __scopeAccordion,
         open,
@@ -15491,7 +15493,7 @@ var require_Accordion_native = __commonJS({
           disabled,
           open,
           onOpenChange: function(open2) {
-            open2 ? valueContext.onItemOpen(value2) : valueContext.onItemClose(value2);
+            open2 ? valueContext.onItemOpen(value) : valueContext.onItemClose(value);
           }
         })
       });
@@ -16084,9 +16086,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(value2) {
+        var next = function(value) {
           (0, import_start_transition.startTransition)(function() {
-            dispatch(value2);
+            dispatch(value);
           });
         };
         return next;
@@ -16766,11 +16768,11 @@ var require_create_context_native = __commonJS({
     function createContext(rootComponentName, defaultContext) {
       var Context = /* @__PURE__ */ React4.createContext(defaultContext);
       function Provider(props) {
-        var { children, ...context } = props, value2 = React4.useMemo(function() {
+        var { children, ...context } = props, value = React4.useMemo(function() {
           return context;
         }, Object.values(context));
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, {
-          value: value2,
+          value,
           children
         });
       }
@@ -16794,11 +16796,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, value2 = 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, value = React4.useMemo(function() {
             return context;
           }, Object.values(context));
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, {
-            value: value2,
+            value,
             children
           });
         }
@@ -18027,8 +18029,8 @@ var require_SheetImplementationCustom_native = __commonJS({
       useAnimatedNumberReaction({
         value: animatedNumber,
         hostRef: sheetRef
-      }, import_react3.default.useCallback(function(value2) {
-        at.current = value2, scrollBridge.paneY = value2;
+      }, import_react3.default.useCallback(function(value) {
+        at.current = value, scrollBridge.paneY = value;
       }, [
         animationDriver
       ]));
@@ -21632,7 +21634,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: value2, defaultValue } = props, inputValue = import_react3.default.useRef(value2 || defaultValue || ""), unregisterFocusable = import_react3.default.useRef(void 0), focusAndSelect = import_react3.default.useCallback(function(input) {
+      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) {
         input.focus(), input.setSelection && typeof inputValue.current == "string" && input.setSelection(0, inputValue.current.length);
       }, []), registerFocusableHandler = import_react3.default.useCallback(function(input) {
         var _unregisterFocusable_current;
@@ -21652,8 +21654,8 @@ var require_focusableInputHOC_native = __commonJS({
         input && registerFocusableHandler(input);
       }, [
         registerFocusableHandler
-      ]), handleChangeText = (0, import_web.useEvent)(function(value22) {
-        inputValue.current = value22, onChangeText == null || onChangeText(value22);
+      ]), handleChangeText = (0, import_web.useEvent)(function(value2) {
+        inputValue.current = value2, onChangeText == null || onChangeText(value2);
       });
       return import_react3.default.useEffect(function() {
         return function() {
@@ -22005,15 +22007,15 @@ var require_index_native49 = __commonJS({
     });
     module2.exports = __toCommonJS2(index_exports2);
     var React4 = __toESM2(require("react"));
-    function usePrevious(value2) {
+    function usePrevious(value) {
       var ref = React4.useRef({
-        value: value2,
-        previous: value2
+        value,
+        previous: value
       });
       return React4.useMemo(function() {
-        return ref.current.value !== value2 && (ref.current.previous = ref.current.value, ref.current.value = value2), ref.current.previous;
+        return ref.current.value !== value && (ref.current.previous = ref.current.value, ref.current.value = value), ref.current.previous;
       }, [
-        value2
+        value
       ]);
     }
   }
@@ -22225,7 +22227,7 @@ 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_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: 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() {
+      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() {
         return (0, import_helpers.composeEventHandlers)(parentKeyDown, function(event) {
           event.key === "Enter" && event.preventDefault();
         });
@@ -22246,7 +22248,7 @@ var require_useCheckbox_native = __commonJS({
           control: button,
           bubbles: !hasConsumerStoppedPropagationRef.current,
           name,
-          value: value2,
+          value,
           checked,
           required,
           disabled
@@ -22259,7 +22261,7 @@ var require_useCheckbox_native = __commonJS({
           ...checkboxProps,
           ...import_constants4.isWeb && {
             type: "button",
-            value: value2,
+            value,
             "data-state": (0, import_utils.getState)(checked),
             "data-disabled": disabled ? "" : void 0,
             disabled,
@@ -22403,8 +22405,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(value2) {
-                return !value2;
+              setChecked == null || setChecked(function(value) {
+                return !value;
               });
             },
             focus: function() {
@@ -24849,20 +24851,20 @@ var require_Progress_native = __commonJS({
         animation: context.width ? animation : null
       });
     });
-    function defaultGetValueLabel(value2, max) {
-      return `${Math.round(value2 / max * 100)}%`;
+    function defaultGetValueLabel(value, max) {
+      return `${Math.round(value / max * 100)}%`;
     }
-    function getProgressState(value2, maxValue) {
-      return value2 == null ? "indeterminate" : value2 === maxValue ? "complete" : "loading";
+    function getProgressState(value, maxValue) {
+      return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
     }
-    function isNumber(value2) {
-      return typeof value2 == "number";
+    function isNumber(value) {
+      return typeof value == "number";
     }
     function isValidMaxNumber(max) {
       return isNumber(max) && !Number.isNaN(max) && max > 0;
     }
-    function isValidValueNumber(value2, max) {
-      return isNumber(value2) && !Number.isNaN(value2) && value2 <= max && value2 >= 0;
+    function isValidValueNumber(value, max) {
+      return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
     }
     var DEFAULT_MAX = 100, ProgressFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "Progress",
@@ -24897,21 +24899,21 @@ var require_Progress_native = __commonJS({
         getValueLabel = defaultGetValueLabel,
         size: size2 = "$true",
         ...progressProps
-      } = 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);
+      } = 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);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressProvider, {
         scope: __scopeProgress,
-        value: value2,
+        value,
         max,
         width,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressFrame, {
           "aria-valuemax": max,
           "aria-valuemin": 0,
-          "aria-valuenow": isNumber(value2) ? value2 : void 0,
+          "aria-valuenow": isNumber(value) ? value : void 0,
           "aria-valuetext": valueLabel,
           // @ts-ignore
           role: "progressbar",
-          "data-state": getProgressState(value2, max),
-          "data-value": value2 ?? void 0,
+          "data-state": getProgressState(value, max),
+          "data-value": value ?? void 0,
           "data-max": max,
           ...progressProps.unstyled !== !0 && {
             size: size2
@@ -25070,8 +25072,8 @@ var require_RadioGroup_native = __commonJS({
           }
         },
         size: {
-          "...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));
+          "...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));
             return {
               width: size2,
               height: size2
@@ -25310,14 +25312,14 @@ 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_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, [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
+      var { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue,
         onChange: onValueChange
       });
       return {
         providerValue: {
-          value: value2,
+          value,
           onChange: setValue,
           required,
           disabled,
@@ -25342,9 +25344,9 @@ var require_useRadioGroup_native = __commonJS({
       "ArrowLeft",
       "ArrowRight"
     ], useRadioGroupItem = function(params) {
-      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) {
+      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) {
         return setButton(node);
-      }, 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;
+      }, 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;
       (0, import_react3.useEffect)(function() {
         if (import_constants4.isWeb) {
           var handleKeyDown = function(event) {
@@ -25359,14 +25361,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(value2);
+            onChange == null || onChange(value);
           },
           focus: function() {
           }
         });
       }, [
         id,
-        value2,
+        value,
         disabled
       ]);
       var isDisabled = disabled || itemDisabled;
@@ -25381,7 +25383,7 @@ var require_useRadioGroup_native = __commonJS({
           control: button,
           bubbles: !hasConsumerStoppedPropagationRef.current,
           name,
-          value: value2,
+          value,
           checked,
           required,
           disabled: isDisabled,
@@ -25402,11 +25404,11 @@ var require_useRadioGroup_native = __commonJS({
           ref: composedRefs,
           ...import_constants4.isWeb && {
             type: "button",
-            value: value2
+            value
           },
           id,
           onPress: (0, import_helpers.composeEventHandlers)(onPress, function(event) {
-            checked || onChange == null || onChange(value2), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+            checked || onChange == null || onChange(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
           }),
           ...import_constants4.isWeb && {
             onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function(event) {
@@ -25667,11 +25669,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: value2, defaultValue, onValueChange, required = !1, disabled = !1, name, native, accentColor, orientation = "vertical", ...rest } = props, { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
+        var { value, 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: value2,
+          value,
           onValueChange,
           required,
           disabled,
@@ -25691,7 +25693,7 @@ var require_createRadioGroup_native = __commonJS({
         });
       }), RadioGroupItemImp = Item.styleable(function(props, ref) {
         var {
-          value: value2,
+          value,
           labelledBy,
           onPress,
           //@ts-expect-error
@@ -25701,7 +25703,7 @@ var require_createRadioGroup_native = __commonJS({
           ...rest
         } = props, { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
           radioGroupContext: RadioGroupContext,
-          value: value2,
+          value,
           id,
           labelledBy,
           disabled,
@@ -26314,41 +26316,41 @@ 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_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)({
+      var { scope, value, 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 === value2);
+      }), 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);
       React4.useEffect(function() {
         return activeIndexSubscribe(function(i) {
           var isActive = index === i;
           if (isActive) {
             var _listRef_current_index;
-            onActiveChange(value2, index), listRef == null || (_listRef_current_index = listRef.current[index]) === null || _listRef_current_index === void 0 || _listRef_current_index.focus();
+            onActiveChange(value, 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 === value2);
+          setSelected(val === value);
         });
       }, [
-        value2
+        value
       ]);
       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, value2);
+        setValueAtIndex(index, value);
       }, [
         index,
         setValueAtIndex,
-        value2
+        value
       ]);
       function handleSelect() {
-        setSelectedIndex(index), onChange(value2), setOpen(!1);
+        setSelectedIndex(index), onChange(value), setOpen(!1);
       }
       var selectItemProps = React4.useMemo(function() {
         return interactions ? interactions.getItemProps({
@@ -26377,11 +26379,11 @@ var require_SelectItem_native = __commonJS({
       ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItemContextProvider, {
         scope,
-        value: value2,
+        value,
         textId: textId || "",
         isSelected,
         children: shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", {
-          value: value2,
+          value,
           children: props.children
         }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_list_item.ListItemFrame, {
           tag: "div",
@@ -27085,9 +27087,9 @@ var require_Select_native = __commonJS({
     function useEmitter() {
       var listeners = React4.useRef(null);
       listeners.current || (listeners.current = /* @__PURE__ */ new Set());
-      var emit = function(value2) {
+      var emit = function(value) {
         listeners.current.forEach(function(l) {
-          return l(value2);
+          return l(value);
         });
       }, subscribe = React4.useCallback(function(listener) {
         return listeners.current.add(listener), function() {
@@ -27106,25 +27108,25 @@ var require_Select_native = __commonJS({
         prop: openProp,
         defaultProp: defaultOpen || !1,
         onChange: onOpenChange
-      }), [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
+      }), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue || "",
         onChange: onValueChange,
         transition: !0
       });
       React4.useEffect(function() {
-        open && emitValue(value2);
+        open && emitValue(value);
       }, [
         open
       ]), React4.useEffect(function() {
-        emitValue(value2);
+        emitValue(value);
       }, [
-        value2
+        value
       ]), React4.useEffect(function() {
         if (props.id) return (0, import_focusable2.registerFocusable)(props.id, {
           focusAndSelect: function() {
-            setOpen == null || setOpen(function(value22) {
-              return !value22;
+            setOpen == null || setOpen(function(value2) {
+              return !value2;
             });
           },
           focus: function() {
@@ -27147,7 +27149,7 @@ var require_Select_native = __commonJS({
         scope,
         adaptScope,
         initialValue: React4.useMemo(function() {
-          return value2;
+          return value;
         }, [
           open
         ]),
@@ -27159,12 +27161,12 @@ var require_Select_native = __commonJS({
         onChange: React4.useCallback(function(val) {
           setValue(val), emitValue(val);
         }, []),
-        onActiveChange: (0, import_core12.useEvent)(function(value22, index) {
-          onActiveChange == null || onActiveChange(value22, index);
+        onActiveChange: (0, import_core12.useEvent)(function(value2, index) {
+          onActiveChange == null || onActiveChange(value2, index);
         }),
         setSelectedIndex,
-        setValueAtIndex: React4.useCallback(function(index, value22) {
-          listContentRef.current[index] = value22;
+        setValueAtIndex: React4.useCallback(function(index, value2) {
+          listContentRef.current[index] = value2;
         }, []),
         shouldRenderWebNative,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.SelectProvider, {
@@ -27183,7 +27185,7 @@ var require_Select_native = __commonJS({
           activeIndex,
           selectedIndex,
           setActiveIndex: setActiveIndexDebounced,
-          value: value2,
+          value,
           open,
           native,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectSheetController, {
@@ -27195,7 +27197,7 @@ var require_Select_native = __commonJS({
               selectedIndexRef,
               ...props,
               open,
-              value: value2,
+              value,
               children
             })
           })
@@ -27423,9 +27425,9 @@ var require_helpers_native3 = __commonJS({
         return a - b;
       });
     }
-    function convertValueToPercentage(value2, min, max) {
+    function convertValueToPercentage(value, min, max) {
       var maxSteps = max - min, percentPerStep = 100 / maxSteps;
-      return percentPerStep * (value2 - min);
+      return percentPerStep * (value - min);
     }
     function getLabel(index, totalValues) {
       if (totalValues > 2) return `Value ${index + 1} of ${totalValues}`;
@@ -27436,8 +27438,8 @@ var require_helpers_native3 = __commonJS({
     }
     function getClosestValueIndex(values, nextValue) {
       if (values.length === 1) return 0;
-      var distances = values.map(function(value2) {
-        return Math.abs(value2 - nextValue);
+      var distances = values.map(function(value) {
+        return Math.abs(value - nextValue);
       }), closestDistance = Math.min(...distances);
       return distances.indexOf(closestDistance);
     }
@@ -27452,8 +27454,8 @@ var require_helpers_native3 = __commonJS({
       return (quarterWidth - offset2(left) * direction) * direction;
     }
     function getStepsBetweenValues(values) {
-      return values.slice(0, -1).map(function(value2, index) {
-        return values[index + 1] - value2;
+      return values.slice(0, -1).map(function(value, index) {
+        return values[index + 1] - value;
       });
     }
     function hasMinStepsBetweenValues(values, minStepsBetweenValues) {
@@ -27464,18 +27466,18 @@ var require_helpers_native3 = __commonJS({
       return !0;
     }
     function linearScale(input, output) {
-      return function(value2) {
+      return function(value) {
         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 * (value2 - input[0]);
+        return output[0] + ratio * (value - input[0]);
       };
     }
-    function getDecimalCount(value2) {
-      return (String(value2).split(".")[1] || "").length;
+    function getDecimalCount(value) {
+      return (String(value).split(".")[1] || "").length;
     }
-    function roundValue(value2, decimalCount) {
+    function roundValue(value, decimalCount) {
       var rounder = Math.pow(10, decimalCount);
-      return Math.round(value2 * rounder) / rounder;
+      return Math.round(value * rounder) / rounder;
     }
   }
 });
@@ -27715,8 +27717,8 @@ var require_Slider_native = __commonJS({
         ] : [
           max,
           min
-        ], value2 = (0, import_helpers3.linearScale)(input, output);
-        return value2(pointerPosition);
+        ], value = (0, import_helpers3.linearScale)(input, output);
+        return value(pointerPosition);
       }
       var measure = function() {
         var _sliderRef_current;
@@ -27764,16 +27766,16 @@ var require_Slider_native = __commonJS({
           orientation: "horizontal",
           onLayout: measure,
           onSlideStart: function(event, target) {
-            var value2 = getValueFromPointer(event.nativeEvent.locationX);
-            value2 && (onSlideStart == null || onSlideStart(value2, target, event));
+            var value = getValueFromPointer(event.nativeEvent.locationX);
+            value && (onSlideStart == null || onSlideStart(value, target, event));
           },
           onSlideMove: function(event) {
-            var value2 = getValueFromPointer(event.nativeEvent.pageX - state.offset);
-            value2 && (onSlideMove == null || onSlideMove(value2, event));
+            var value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
+            value && (onSlideMove == null || onSlideMove(value, event));
           },
           onSlideEnd: function(event) {
-            var value2 = getValueFromPointer(event.nativeEvent.pageX - state.offset);
-            value2 && (onSlideEnd == null || onSlideEnd(event, value2));
+            var value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
+            value && (onSlideEnd == null || onSlideEnd(event, value));
           },
           onStepKeyDown: function(event) {
             var isBackKey = import_constants22.BACK_KEYS[direction].includes(event.key);
@@ -27810,8 +27812,8 @@ var require_Slider_native = __commonJS({
         ], output = [
           max,
           min
-        ], value2 = (0, import_helpers3.linearScale)(input, output);
-        return value2(pointerPosition);
+        ], value = (0, import_helpers3.linearScale)(input, output);
+        return value(pointerPosition);
       }
       var measure = function() {
         var _sliderRef_current;
@@ -27835,16 +27837,16 @@ var require_Slider_native = __commonJS({
           orientation: "vertical",
           onLayout: measure,
           onSlideStart: function(event, target) {
-            var value2 = getValueFromPointer(event.nativeEvent.locationY);
-            value2 && (onSlideStart == null || onSlideStart(value2, target, event));
+            var value = getValueFromPointer(event.nativeEvent.locationY);
+            value && (onSlideStart == null || onSlideStart(value, target, event));
           },
           onSlideMove: function(event) {
-            var value2 = getValueFromPointer(event.nativeEvent.pageY - state.offset);
-            value2 && (onSlideMove == null || onSlideMove(value2, event));
+            var value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
+            value && (onSlideMove == null || onSlideMove(value, event));
           },
           onSlideEnd: function(event) {
-            var value2 = getValueFromPointer(event.nativeEvent.pageY - state.offset);
-            onSlideEnd == null || onSlideEnd(event, value2);
+            var value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
+            onSlideEnd == null || onSlideEnd(event, value);
           },
           onStepKeyDown: function(event) {
             var isBackKey = import_constants22.BACK_KEYS.ltr.includes(event.key);
@@ -27890,8 +27892,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(value2) {
-        return (0, import_helpers3.convertValueToPercentage)(value2, 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(value) {
+        return (0, import_helpers3.convertValueToPercentage)(value, 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,
@@ -27949,7 +27951,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), 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 { __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 estimatedSize = (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width);
         return estimatedSize;
       }), thumbInBoundsOffset = size2 ? (0, import_helpers3.getThumbInBoundsOffset)(size2, percent, orientation.direction) : 0;
@@ -27984,7 +27986,7 @@ var require_Slider_native = __commonJS({
         role: "slider",
         "aria-label": props["aria-label"] || label,
         "aria-valuemin": context.min,
-        "aria-valuenow": value2,
+        "aria-valuenow": value,
         "aria-valuemax": context.max,
         "aria-orientation": context.orientation,
         "data-orientation": context.orientation,
@@ -28023,13 +28025,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: value2, onValueChange = function() {
+      ], value, 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: value2,
+        prop: value,
         defaultProp: defaultValue,
         transition: !0,
-        onChange: function(value22) {
-          updateThumbFocus(valueIndexToChangeRef.current), onValueChange(value22);
+        onChange: function(value2) {
+          updateThumbFocus(valueIndexToChangeRef.current), onValueChange(value2);
         }
       });
       import_constants4.isWeb && React4.useEffect(function() {
@@ -28065,11 +28067,11 @@ var require_Slider_native = __commonJS({
           }
         }
       }
-      function handleSlideMove(value22, event) {
-        updateValues(value22, valueIndexToChangeRef.current), onSlideMove == null || onSlideMove(event, value22);
+      function handleSlideMove(value2, event) {
+        updateValues(value2, valueIndexToChangeRef.current), onSlideMove == null || onSlideMove(event, value2);
       }
-      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, [
+      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, [
           min,
           max
         ]);
@@ -28097,12 +28099,12 @@ var require_Slider_native = __commonJS({
           min,
           max,
           onSlideEnd,
-          onSlideStart: disabled ? void 0 : function(value22, target, event) {
+          onSlideStart: disabled ? void 0 : function(value2, target, event) {
             if (target !== "thumb") {
-              var closestIndex = (0, import_helpers3.getClosestValueIndex)(values, value22);
-              updateValues(value22, closestIndex);
+              var closestIndex = (0, import_helpers3.getClosestValueIndex)(values, value2);
+              updateValues(value2, closestIndex);
             }
-            onSlideStart == null || onSlideStart(event, value22, target);
+            onSlideStart == null || onSlideStart(event, value2, target);
           },
           onSlideMove: disabled ? void 0 : handleSlideMove,
           onHomeKeyDown: function() {
@@ -28114,8 +28116,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, value22 = values[atIndex], stepInDirection = step * multiplier * stepDirection;
-              updateValues(value22 + 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, value2 = values[atIndex], stepInDirection = step * multiplier * stepDirection;
+              updateValues(value2 + stepInDirection, atIndex);
             }
           }
         })
@@ -28252,7 +28254,7 @@ var require_useSwitch_native = __commonJS({
         switchRef: ref,
         bubbleInput: null
       };
-      var disabled, name, value2, required, hasConsumerStoppedPropagationRef, button, setButton, composedRefs, isFormControl, labelId, ariaLabelledBy;
+      var disabled, name, value, required, hasConsumerStoppedPropagationRef, button, setButton, composedRefs, isFormControl, labelId, ariaLabelledBy;
     }
   }
 });
@@ -28573,8 +28575,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(value22) {
-                return !value22;
+              setChecked == null || setChecked(function(value2) {
+                return !value2;
               });
             },
             focus: function() {
@@ -28590,7 +28592,7 @@ var require_createSwitch_native = __commonJS({
           onValueChange: setChecked,
           ...nativeProps
         });
-        var disabled = props.disabled, value2 = React4.useMemo(function() {
+        var disabled = props.disabled, value = React4.useMemo(function() {
           return {
             checked,
             disabled,
@@ -28605,7 +28607,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: value2,
+          value,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Frame, {
               ref: switchRef,
@@ -28936,7 +28938,7 @@ var require_createTabs_native = __commonJS({
       });
       TabsList.displayName = TAB_LIST_NAME;
       var TRIGGER_NAME = "TabsTrigger", TabsTrigger = TabFrame.styleable(function(props, forwardedRef) {
-        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)({
+        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)({
           disabled: !!disabled
         });
         React4.useEffect(function() {
@@ -28964,7 +28966,7 @@ var require_createTabs_native = __commonJS({
           isSelected && layout && (onInteraction == null || onInteraction("select", layout));
         }, [
           isSelected,
-          value2,
+          value,
           layout
         ]);
         var _props_onPress;
@@ -29003,7 +29005,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(value2) : event.preventDefault();
+                !disabled && !isSelected && webChecks ? context.onChange(value) : event.preventDefault();
               }),
               ...import_constants4.isWeb && {
                 type: "button",
@@ -29011,12 +29013,12 @@ var require_createTabs_native = __commonJS({
                   [
                     " ",
                     "Enter"
-                  ].includes(event.key) && (context.onChange(value2), event.preventDefault());
+                  ].includes(event.key) && (context.onChange(value), 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(value2);
+                  !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
                 }),
                 onBlur: (0, import_helpers.composeEventHandlers)(props.onFocus, function() {
                   onInteraction == null || onInteraction("focus", null);
@@ -29028,7 +29030,7 @@ var require_createTabs_native = __commonJS({
       });
       TabsTrigger.displayName = TRIGGER_NAME;
       var TabsContent = ContentFrame.styleable(function(props, forwardedRef) {
-        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);
+        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);
         return show ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ContentFrame, {
           "data-state": isSelected ? "active" : "inactive",
           "data-orientation": context.orientation,
@@ -29041,9 +29043,9 @@ var require_createTabs_native = __commonJS({
           ...contentProps,
           ref: forwardedRef,
           children
-        }, value2) : null;
+        }, value) : 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), [value2, 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), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
           prop: valueProp,
           onChange: onValueChange,
           defaultProp: defaultValue ?? ""
@@ -29059,7 +29061,7 @@ var require_createTabs_native = __commonJS({
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_StyledContext.TabsProvider, {
           scope: __scopeTabs,
           baseId: React4.useId(),
-          value: value2,
+          value,
           onChange: setValue,
           orientation,
           dir: direction,
@@ -29087,11 +29089,11 @@ var require_createTabs_native = __commonJS({
         Content: TabsContent
       });
     }
-    function makeTriggerId(baseId, value2) {
-      return `${baseId}-trigger-${value2}`;
+    function makeTriggerId(baseId, value) {
+      return `${baseId}-trigger-${value}`;
     }
-    function makeContentId(baseId, value2) {
-      return `${baseId}-content-${value2}`;
+    function makeContentId(baseId, value) {
+      return `${baseId}-content-${value}`;
     }
   }
 });
@@ -29760,7 +29762,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: value2, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = {
+      var { __scopeToggleGroup, value, ...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, {
@@ -29768,7 +29770,7 @@ var require_ToggleGroup_native = __commonJS({
         ...itemProps,
         ref: forwardedRef,
         onPressedChange: function(pressed) {
-          pressed ? valueContext.onItemActivate(value2) : valueContext.onItemDeactivate(value2);
+          pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
         }
       });
     }), ToggleGroup = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
@@ -29803,7 +29805,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, [value2, setValue] = (0, import_use_controllable_state.useControllableState)({
+      }, disableDeactivation = !1, ...toggleGroupSingleProps } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue,
         onChange: onValueChange
@@ -29811,10 +29813,10 @@ var require_ToggleGroup_native = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupValueProvider, {
         scope: props.__scopeToggleGroup,
         type: "single",
-        value: value2 ? [
-          value2
+        value: value ? [
+          value
         ] : [],
-        defaultValue: value2,
+        defaultValue: value,
         onItemActivate: setValue,
         onItemDeactivate: import_react3.default.useCallback(function() {
           return disableDeactivation ? null : setValue("");
@@ -29829,7 +29831,7 @@ var require_ToggleGroup_native = __commonJS({
       });
     }), ToggleGroupImplMultiple = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var { value: valueProp, defaultValue, onValueChange = function() {
-      }, disableDeactivation, ...toggleGroupMultipleProps } = props, [value2 = [], setValue] = (0, import_use_controllable_state.useControllableState)({
+      }, disableDeactivation, ...toggleGroupMultipleProps } = props, [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
         defaultProp: defaultValue,
         onChange: onValueChange
@@ -29846,8 +29848,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(value22) {
-            return value22 !== itemValue;
+          return prevValue.filter(function(value2) {
+            return value2 !== itemValue;
           });
         });
       }, [
@@ -29856,8 +29858,8 @@ var require_ToggleGroup_native = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupValueProvider, {
         scope: props.__scopeToggleGroup,
         type: "multiple",
-        value: value2,
-        defaultValue: value2,
+        value,
+        defaultValue: value,
         onItemActivate: handleButtonActivate,
         onItemDeactivate: handleButtonDeactivate,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupImpl, {