@tamagui/core 1.112.1 → 1.112.2

package/dist/native.js

@@ -6694,6 +6694,55 @@ var require_isActivePlatform_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/sortString.native.js
+var require_sortString_native = __commonJS({
+  "../web/dist/cjs/helpers/sortString.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, sortString_exports = {};
+    __export2(sortString_exports, {
+      sortString: function() {
+        return sortString;
+      }
+    });
+    module2.exports = __toCommonJS2(sortString_exports);
+    var sortString = function(a, b) {
+      return a < b ? -1 : a > b ? 1 : 0;
+    };
+  }
+});
+
 // ../web/dist/cjs/helpers/getSplitStyles.native.js
 var require_getSplitStyles_native = __commonJS({
   "../web/dist/cjs/helpers/getSplitStyles.native.js"(exports2, module2) {
@@ -6758,7 +6807,7 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_react3 = __toESM2(require("react")), import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_transformsToString = require_transformsToString_native(), import_isActivePlatform = require_isActivePlatform_native(), consoleGroupCollapsed = import_constants.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
+    var import_react3 = __toESM2(require("react")), import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_transformsToString = require_transformsToString_native(), import_isActivePlatform = require_isActivePlatform_native(), import_sortString = require_sortString_native(), consoleGroupCollapsed = import_constants.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, staticConfig) {
       var _staticConfig_accept, validStyleProps = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
       return validStyleProps[key] || ((_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key]);
@@ -7093,7 +7142,7 @@ current`, {
           var _styleState1;
           (_styleState1 = styleState).style || (_styleState1.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
             var [a] = param, [b] = param1;
-            return a.localeCompare(b);
+            return (0, import_sortString.sortString)(a, b);
           }).forEach(function(param) {
             var [key5, val3] = param;
             mergeTransform(styleState.style, key5, val3, !0);
@@ -7435,6 +7484,78 @@ var require_setElementProps_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/subscribeToContextGroup.native.js
+var require_subscribeToContextGroup_native = __commonJS({
+  "../web/dist/cjs/helpers/subscribeToContextGroup.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, subscribeToContextGroup_exports = {};
+    __export2(subscribeToContextGroup_exports, {
+      subscribeToContextGroup: function() {
+        return subscribeToContextGroup;
+      }
+    });
+    module2.exports = __toCommonJS2(subscribeToContextGroup_exports);
+    var import_createShallowSetState = require_createShallowSetState_native(), import_useMedia = require_useMedia_native(), subscribeToContextGroup = function(param) {
+      var { disabled = !1, setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
+      if (pseudoGroups || mediaGroups) {
+        var _componentContext_groups_subscribe, _componentContext_groups, current = {
+          pseudo: {},
+          media: {}
+        };
+        return process.env.NODE_ENV === "development" && !componentContext.groups && console.debug("No context group found"), (_componentContext_groups = componentContext.groups) === null || _componentContext_groups === void 0 || (_componentContext_groups_subscribe = _componentContext_groups.subscribe) === null || _componentContext_groups_subscribe === void 0 ? void 0 : _componentContext_groups_subscribe.call(_componentContext_groups, function(name, param2) {
+          var { layout, pseudo } = param2;
+          if (pseudo && pseudoGroups != null && pseudoGroups.has(String(name))) Object.assign(current.pseudo, pseudo), persist();
+          else if (layout && mediaGroups) {
+            var mediaState2 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState2);
+            next !== current.media && (Object.assign(current.media, next), persist());
+          }
+          function persist() {
+            var group = {
+              ...state.group,
+              [name]: current
+            };
+            setStateShallow({
+              group
+            });
+          }
+        });
+      }
+    };
+  }
+});
+
 // ../web/dist/cjs/views/ThemeDebug.native.js
 var require_ThemeDebug_native = __commonJS({
   "../web/dist/cjs/views/ThemeDebug.native.js"(exports2, module2) {
@@ -7779,6 +7900,154 @@ var require_useDidHydrateOnce_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/hooks/useComponentState.native.js
+var require_useComponentState_native = __commonJS({
+  "../web/dist/cjs/hooks/useComponentState.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, useComponentState_exports = {};
+    __export2(useComponentState_exports, {
+      useComponentState: function() {
+        return useComponentState;
+      }
+    });
+    module2.exports = __toCommonJS2(useComponentState_exports);
+    var import_defaultComponentState = require_defaultComponentState_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_react3 = require("react"), import_constants = require_index_native3(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
+      var { animationDriver, groups } = param, _animationDriver_usePresence, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
+      stateRef.current || (stateRef.current = {});
+      var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
+        var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
+        return !!(next || curStateRef.hasAnimated);
+      }(), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
+      willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
+      var presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationDriver == null ? void 0 : animationDriver.isReactNative), hasEnterState = hasEnterStyle || isEntering, didHydrateOnce = willBeAnimated ? (0, import_useDidHydrateOnce.useDidHydrateOnce)() : !0, shouldEnter = hasEnterState || !didHydrateOnce && hasRNAnimation, shouldEnterFromUnhydrated = import_constants.isWeb && !didHydrateOnce, initialState = shouldEnter ? (
+        // on the very first render we switch all spring animation drivers to css rendering
+        // this is because we need to use css variables, which they don't support to do proper SSR
+        // without flickers of the wrong colors.
+        // but once we do that initial hydration and we are in client side rendering mode,
+        // we can avoid the extra re-render on mount
+        shouldEnterFromUnhydrated ? import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateShouldEnter
+      ) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
+      disabled != null && (initialState.disabled = disabled);
+      var states = (0, import_react3.useState)(initialState), state = props.forceStyle ? {
+        ...states[0],
+        [props.forceStyle]: !0
+      } : states[0], setState = states[1], isHydrated = state.unmounted === !1 || state.unmounted === "should-enter", isAnimated = willBeAnimated;
+      import_constants.isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
+        ...state
+      }));
+      var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, !1, props.debug);
+      if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
+        process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
+        var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
+        (0, import_isObj.isObj)(custom) && Object.assign(props, custom);
+        var exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
+        state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
+      }
+      var shouldAvoidClasses = !import_constants.isWeb;
+      if (import_constants.isWeb) {
+        var { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants.isServer && didHydrateOnce && state.unmounted === !0;
+        (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("avoiding className", {
+          isAnimatedAndHydrated,
+          isDisabledManually,
+          isClassNameDisabled
+        }));
+      }
+      var groupName = props.group;
+      if (groupName && !curStateRef.group) {
+        var listeners = /* @__PURE__ */ new Set();
+        curStateRef.group = {
+          listeners,
+          emit(name, state2) {
+            listeners.forEach(function(l) {
+              return l(name, state2);
+            });
+          },
+          subscribe(cb) {
+            return listeners.add(cb), function() {
+              listeners.delete(cb);
+            };
+          }
+        };
+      }
+      if (groupName) {
+        var groupContextState = groups.state, og = setStateShallow;
+        setStateShallow = function(state2) {
+          og(state2), curStateRef.group.emit(groupName, {
+            pseudo: state2
+          });
+          var next = {
+            ...groupContextState[groupName],
+            ...state2
+          };
+          groupContextState[groupName] = next;
+        };
+      }
+      return {
+        curStateRef,
+        disabled,
+        groupName,
+        hasAnimationProp,
+        hasEnterStyle,
+        isAnimated,
+        isExiting,
+        isHydrated,
+        presence,
+        presenceState,
+        setState,
+        setStateShallow,
+        shouldAvoidClasses,
+        state,
+        stateRef,
+        supportsCSSVars,
+        willBeAnimated,
+        willBeAnimatedClient
+      };
+    };
+    function hasAnimatedStyleValue(style) {
+      return Object.keys(style).some(function(k) {
+        var val = style[k];
+        return val && typeof val == "object" && "_animation" in val;
+      });
+    }
+    var isDisabled = function(props) {
+      var _props_accessibilityState;
+      return props.disabled || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props["aria-disabled"] || props.accessibilityDisabled || !1;
+    };
+  }
+});
+
 // ../web/dist/cjs/setupHooks.native.js
 var require_setupHooks_native = __commonJS({
   "../web/dist/cjs/setupHooks.native.js"(exports2, module2) {
@@ -7988,21 +8257,12 @@ var require_createComponent_native = __commonJS({
       createComponent: function() {
         return createComponent;
       },
-      isDisabled: function() {
-        return isDisabled;
-      },
       spacedChildren: function() {
         return spacedChildren;
-      },
-      subscribeToContextGroup: function() {
-        return subscribeToContextGroup;
-      },
-      useComponentState: function() {
-        return useComponentState;
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_compose_refs = require_index_native5(), import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_themeable = require_themeable_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), tamaguiConfig, time, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native5(), import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), tamaguiConfig, time, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
     typeof document < "u" && (cancelTouches = function() {
       componentSetStates.forEach(function(setState) {
         return setState(function(prev) {
@@ -8039,100 +8299,7 @@ var require_createComponent_native = __commonJS({
         });
       }
     }));
-    var cancelTouches, useComponentState = function(props, param, staticConfig, config) {
-      var { animationDriver, groups } = param, _animationDriver_usePresence, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = import_react3.default.useRef(void 0);
-      stateRef.current || (stateRef.current = {});
-      var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
-        var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
-        return !!(next || curStateRef.hasAnimated);
-      }(), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
-      willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
-      var presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationDriver == null ? void 0 : animationDriver.isReactNative);
-      process.env.NODE_ENV === "development" && time && time`pre-use-state`;
-      var hasEnterState = hasEnterStyle || isEntering, didHydrateOnce = willBeAnimated ? (0, import_useDidHydrateOnce.useDidHydrateOnce)() : !0, shouldEnter = hasEnterState || !didHydrateOnce && hasRNAnimation, shouldEnterFromUnhydrated = import_constants.isWeb && !didHydrateOnce, initialState = shouldEnter ? (
-        // on the very first render we switch all spring animation drivers to css rendering
-        // this is because we need to use css variables, which they don't support to do proper SSR
-        // without flickers of the wrong colors.
-        // but once we do that initial hydration and we are in client side rendering mode,
-        // we can avoid the extra re-render on mount
-        shouldEnterFromUnhydrated ? import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateShouldEnter
-      ) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
-      disabled != null && (initialState.disabled = disabled);
-      var states = import_react3.default.useState(initialState), state = props.forceStyle ? {
-        ...states[0],
-        [props.forceStyle]: !0
-      } : states[0], setState = states[1], isHydrated = state.unmounted === !1 || state.unmounted === "should-enter", isAnimated = willBeAnimated;
-      import_constants.isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
-        ...state
-      }));
-      var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, !1, props.debug);
-      if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-        process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
-        var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
-        (0, import_isObj.isObj)(custom) && Object.assign(props, custom);
-        var exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
-        state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
-      }
-      var shouldAvoidClasses = !import_constants.isWeb;
-      if (import_constants.isWeb) {
-        var { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants.isServer && didHydrateOnce && state.unmounted === !0;
-        (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("avoiding className", {
-          isAnimatedAndHydrated,
-          isDisabledManually,
-          isClassNameDisabled
-        }));
-      }
-      var groupName = props.group;
-      if (groupName && !curStateRef.group) {
-        var listeners = /* @__PURE__ */ new Set();
-        curStateRef.group = {
-          listeners,
-          emit(name, state2) {
-            listeners.forEach(function(l) {
-              return l(name, state2);
-            });
-          },
-          subscribe(cb) {
-            return listeners.add(cb), function() {
-              listeners.delete(cb);
-            };
-          }
-        };
-      }
-      if (groupName) {
-        var groupContextState = groups.state, og = setStateShallow;
-        setStateShallow = function(state2) {
-          og(state2), curStateRef.group.emit(groupName, {
-            pseudo: state2
-          });
-          var next = {
-            ...groupContextState[groupName],
-            ...state2
-          };
-          groupContextState[groupName] = next;
-        };
-      }
-      return {
-        curStateRef,
-        disabled,
-        groupName,
-        hasAnimationProp,
-        hasEnterStyle,
-        isAnimated,
-        isExiting,
-        isHydrated,
-        presence,
-        presenceState,
-        setState,
-        setStateShallow,
-        shouldAvoidClasses,
-        state,
-        stateRef,
-        supportsCSSVars,
-        willBeAnimated,
-        willBeAnimatedClient
-      };
-    }, BaseText, BaseView, hasSetupBaseViews = !1, lastInteractionWasKeyboard = {
+    var cancelTouches, BaseText, BaseView, hasSetupBaseViews = !1, lastInteractionWasKeyboard = {
       value: !1
     };
     import_constants.isWeb && globalThis.document && (document.addEventListener("keydown", function() {
@@ -8153,7 +8320,7 @@ var require_createComponent_native = __commonJS({
           });
         }
       });
-      var { Component, isText, isZStack, isHOC, validStyles: _$validStyles = {}, variants = {} } = staticConfig;
+      var { Component, isText, isZStack, isHOC } = staticConfig;
       process.env.NODE_ENV === "development" && !((_staticConfig_defaultProps = staticConfig.defaultProps) === null || _staticConfig_defaultProps === void 0) && _staticConfig_defaultProps.debug && process.env.IS_STATIC !== "is_static" && (0, import_log.log)(`\u{1F41B} [${componentName || "Component"}]`, {
         staticConfig,
         defaultProps,
@@ -8206,7 +8373,7 @@ var require_createComponent_native = __commonJS({
         ]), !1)
           var timer;
         process.env.NODE_ENV === "development" && time && time`start (ignore)`, process.env.NODE_ENV === "development" && time && time`did-finish-ssr`, process.env.NODE_ENV === "development" && time && time`stateref`;
-        var animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, shouldAvoidClasses, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient } = useComponentState(props, componentContext, staticConfig, config), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo;
+        var animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, shouldAvoidClasses, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo;
         process.env.NODE_ENV === "development" && time && time`use-state`;
         var hasTextAncestor = !!(import_constants.isWeb && isText && componentContext.inText);
         process.env.NODE_ENV === "development" && time && time`use-context`;
@@ -8377,7 +8544,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               });
               return;
             }
-            var dispose = subscribeToContextGroup({
+            var dispose = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
               disabled,
               componentContext,
               setStateShallow,
@@ -8741,43 +8908,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         left: 0,
         pointerEvents: "box-none"
       }
-    });
-    function hasAnimatedStyleValue(style) {
-      return Object.keys(style).some(function(k) {
-        var val = style[k];
-        return val && typeof val == "object" && "_animation" in val;
-      });
-    }
-    var fromPx = function(val) {
+    }), fromPx = function(val) {
       return typeof val != "string" ? val : +val.replace("px", "");
-    }, isDisabled = function(props) {
-      var _props_accessibilityState;
-      return props.disabled || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props["aria-disabled"] || props.accessibilityDisabled || !1;
-    }, subscribeToContextGroup = function(param) {
-      var { disabled = !1, setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
-      if (pseudoGroups || mediaGroups) {
-        var _componentContext_groups_subscribe, _componentContext_groups, current = {
-          pseudo: {},
-          media: {}
-        };
-        return process.env.NODE_ENV === "development" && !componentContext.groups && console.debug("No context group found"), (_componentContext_groups = componentContext.groups) === null || _componentContext_groups === void 0 || (_componentContext_groups_subscribe = _componentContext_groups.subscribe) === null || _componentContext_groups_subscribe === void 0 ? void 0 : _componentContext_groups_subscribe.call(_componentContext_groups, function(name, param2) {
-          var { layout, pseudo } = param2;
-          if (pseudo && pseudoGroups != null && pseudoGroups.has(String(name))) Object.assign(current.pseudo, pseudo), persist();
-          else if (layout && mediaGroups) {
-            var mediaState2 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState2);
-            next !== current.media && (Object.assign(current.media, next), persist());
-          }
-          function persist() {
-            var group = {
-              ...state.group,
-              [name]: current
-            };
-            setStateShallow({
-              group
-            });
-          }
-        });
-      }
     };
   }
 });
@@ -9480,9 +9612,8 @@ var require_createTamagui_native = __commonJS({
       var foundThemes;
       if (configIn.themes) {
         var noThemes = Object.keys(configIn.themes).length === 0;
-        foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed);
+        noThemes && (foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed)), process.env.TAMAGUI_REACT_19 && process.env.TAMAGUI_SKIP_THEME_OPTIMIZATION || noThemes && (0, import_insertStyleRule.listenForSheetChanges)();
       }
-      (0, import_insertStyleRule.listenForSheetChanges)();
       var fontSizeTokens = null, fontsParsed;
       if (configIn.fonts) {
         var fontTokens = Object.fromEntries(Object.entries(configIn.fonts).map(function(param) {
@@ -9532,9 +9663,7 @@ ${JSON.stringify(variable, null, 2)}`);
             cssRuleSets.push(specificRuleSet);
           }
         }
-        var themesIn = {
-          ...configIn.themes
-        }, dedupedThemes = foundThemes ?? getThemesDeduped(themesIn), themes = (0, import_proxyThemeToParents.proxyThemesToParents)(dedupedThemes);
+        var themesIn = configIn.themes, dedupedThemes = foundThemes ?? getThemesDeduped(themesIn), themes = (0, import_proxyThemeToParents.proxyThemesToParents)(dedupedThemes);
         return {
           themes,
           cssRuleSets,
@@ -10663,7 +10792,7 @@ var require_useProps_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useProps_exports);
-    var import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_createComponent = require_createComponent_native(), import_getSplitStyles = require_getSplitStyles_native(), import_Stack = require_Stack_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
+    var import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_getSplitStyles = require_getSplitStyles_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_Stack = require_Stack_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
     function useProps(props, opts) {
       var [propsOut, styleOut] = usePropsAndStyle(props, {
         ...opts,
@@ -10684,7 +10813,7 @@ var require_useProps_native = __commonJS({
         componentName: staticConfig.componentName,
         name: "theme" in props ? props.theme : void 0,
         inverse: "themeInverse" in props ? props.themeInverse : void 0
-      }), componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_createComponent.useComponentState)(props, componentContext, staticConfig, (0, import_config.getConfig)()), media = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, {
+      }), componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, (0, import_config.getConfig)()), media = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, {
         isAnimated: !1,
         mediaState: media,
         noSkip: !0,
@@ -10701,7 +10830,7 @@ var require_useProps_native = __commonJS({
             });
             return;
           }
-          return (0, import_createComponent.subscribeToContextGroup)({
+          return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
             disabled,
             componentContext,
             setStateShallow,