tamagui 1.112.1 → 1.112.3

package/dist/native.js

@@ -2665,7 +2665,7 @@ var require_insertStyleRule_native = __commonJS({
             getIdentifierFromTamaguiSelector(text),
             rule
           ];
-          if (collectThemes && (text.startsWith(":root.t_") || text.startsWith(":root .t_"))) return [
+          if (collectThemes && /^(:root\s?(\.t_[a-z0-9_]+\s*)+(,)?\s*)+$/i.test(text)) return [
             text.slice(0, 20),
             // just used as uid
             rule,
@@ -6858,6 +6858,55 @@ var require_isActivePlatform_native = __commonJS({
   }
 });
 
+// ../../core/web/dist/cjs/helpers/sortString.native.js
+var require_sortString_native = __commonJS({
+  "../../core/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;
+    };
+  }
+});
+
 // ../../core/web/dist/cjs/helpers/getSplitStyles.native.js
 var require_getSplitStyles_native = __commonJS({
   "../../core/web/dist/cjs/helpers/getSplitStyles.native.js"(exports2, module2) {
@@ -6922,7 +6971,7 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_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_constants4.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
+    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_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_constants4.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]);
@@ -7257,7 +7306,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);
@@ -7599,6 +7648,78 @@ var require_setElementProps_native = __commonJS({
   }
 });
 
+// ../../core/web/dist/cjs/helpers/subscribeToContextGroup.native.js
+var require_subscribeToContextGroup_native = __commonJS({
+  "../../core/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 mediaState3 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState3);
+            next !== current.media && (Object.assign(current.media, next), persist());
+          }
+          function persist() {
+            var group = {
+              ...state.group,
+              [name]: current
+            };
+            setStateShallow({
+              group
+            });
+          }
+        });
+      }
+    };
+  }
+});
+
 // ../../core/web/dist/cjs/views/ThemeDebug.native.js
 var require_ThemeDebug_native = __commonJS({
   "../../core/web/dist/cjs/views/ThemeDebug.native.js"(exports2, module2) {
@@ -7943,6 +8064,154 @@ var require_useDidHydrateOnce_native = __commonJS({
   }
 });
 
+// ../../core/web/dist/cjs/hooks/useComponentState.native.js
+var require_useComponentState_native = __commonJS({
+  "../../core/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_constants4 = require_index_native6(), 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_constants4.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_constants4.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_constants4.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_constants4.isWeb;
+      if (import_constants4.isWeb) {
+        var { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants4.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants4.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;
+    };
+  }
+});
+
 // ../../core/web/dist/cjs/setupHooks.native.js
 var require_setupHooks_native = __commonJS({
   "../../core/web/dist/cjs/setupHooks.native.js"(exports2, module2) {
@@ -7989,7 +8258,7 @@ var require_setupHooks_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(setupHooks_exports);
-    var import_react3 = require("react"), hooks = {};
+    var hooks = {};
     function setupHooks(next) {
       Object.assign(hooks, next);
     }
@@ -8152,21 +8421,12 @@ var require_createComponent_native = __commonJS({
       createComponent: function() {
         return createComponent2;
       },
-      isDisabled: function() {
-        return isDisabled;
-      },
       spacedChildren: function() {
         return spacedChildren2;
-      },
-      subscribeToContextGroup: function() {
-        return subscribeToContextGroup;
-      },
-      useComponentState: function() {
-        return useComponentState;
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_config = require_config_native(), import_constants22 = 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_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_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) {
@@ -8195,108 +8455,15 @@ var require_createComponent_native = __commonJS({
               return l(!0);
             });
           }, options.delay)));
-        }), document.addEventListener("keyup", function(param) {
-          var { key, defaultPrevented } = param;
-          defaultPrevented || key === options.key && (clearTimeout(tm), isShowing && (debugKeyListeners == null || debugKeyListeners.forEach(function(l) {
-            return l(!1);
-          })));
-        });
-      }
-    }));
-    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_constants4.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_constants4.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_constants4.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_constants4.isWeb;
-      if (import_constants4.isWeb) {
-        var { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants4.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants4.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;
-        };
+        }), document.addEventListener("keyup", function(param) {
+          var { key, defaultPrevented } = param;
+          defaultPrevented || key === options.key && (clearTimeout(tm), isShowing && (debugKeyListeners == null || debugKeyListeners.forEach(function(l) {
+            return l(!1);
+          })));
+        });
       }
-      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_constants4.isWeb && globalThis.document && (document.addEventListener("keydown", function() {
@@ -8317,7 +8484,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,
@@ -8370,7 +8537,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_constants4.isWeb && isText && componentContext.inText);
         process.env.NODE_ENV === "development" && time && time`use-context`;
@@ -8541,7 +8708,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,
@@ -8905,43 +9072,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 mediaState3 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState3);
-            next !== current.media && (Object.assign(current.media, next), persist());
-          }
-          function persist() {
-            var group = {
-              ...state.group,
-              [name]: current
-            };
-            setStateShallow({
-              group
-            });
-          }
-        });
-      }
     };
   }
 });
@@ -9644,9 +9776,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) {
@@ -9696,9 +9827,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,
@@ -10827,7 +10956,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 useProps2(props, opts) {
       var [propsOut, styleOut] = usePropsAndStyle2(props, {
         ...opts,
@@ -10848,7 +10977,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,
@@ -10865,7 +10994,7 @@ var require_useProps_native = __commonJS({
             });
             return;
           }
-          return (0, import_createComponent.subscribeToContextGroup)({
+          return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
             disabled,
             componentContext,
             setStateShallow,
@@ -12950,6 +13079,66 @@ var require_getBoundingClientRect_native = __commonJS({
   }
 });
 
+// ../../core/core/dist/cjs/helpers/getRect.native.js
+var require_getRect_native = __commonJS({
+  "../../core/core/dist/cjs/helpers/getRect.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);
+    }, getRect_exports = {};
+    __export2(getRect_exports, {
+      getRect: function() {
+        return getRect;
+      }
+    });
+    module2.exports = __toCommonJS2(getRect_exports);
+    var import_getBoundingClientRect = require_getBoundingClientRect_native(), getRect = function(node) {
+      var rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
+      if (rect) {
+        var { x, y, top, left } = rect;
+        return {
+          x,
+          y,
+          width: node.offsetWidth,
+          height: node.offsetHeight,
+          top,
+          left
+        };
+      }
+    };
+  }
+});
+
 // ../../core/core/dist/cjs/hooks/useElementLayout.native.js
 var require_useElementLayout_native = __commonJS({
   "../../core/core/dist/cjs/hooks/useElementLayout.native.js"(exports2, module2) {
@@ -13095,155 +13284,24 @@ var require_useElementLayout_native = __commonJS({
       });
     };
     function useElementLayout(ref, onLayout) {
-      (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (onLayout) {
-          var node = ref.current;
-          node && LayoutHandlers.set(node, onLayout);
-        }
-      }, [
-        ref,
-        onLayout
-      ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (resizeObserver) {
-          var node = ref.current;
-          if (node && LayoutHandlers.has(node)) {
+      var _ref_current, node = (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.host;
+      node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        var _ref_current2;
+        if (!(!resizeObserver || !onLayout)) {
+          var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
+          if (node2) {
+            LayoutHandlers.set(node2, onLayout);
             var onResize = function() {
-              measureElement(node).then(onLayout);
+              measureElement(node2).then(onLayout);
             };
-            return resizeListeners.add(onResize), resizeObserver.observe(node), function() {
-              resizeListeners.delete(onResize), resizeObserver == null || resizeObserver.unobserve(node);
+            return resizeListeners.add(onResize), resizeObserver.observe(node2), function() {
+              LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver == null || resizeObserver.unobserve(node2);
             };
           }
         }
       }, [
-        ref
-      ]);
-    }
-  }
-});
-
-// ../../core/core/dist/cjs/helpers/getRect.native.js
-var require_getRect_native = __commonJS({
-  "../../core/core/dist/cjs/helpers/getRect.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);
-    }, getRect_exports = {};
-    __export2(getRect_exports, {
-      getRect: function() {
-        return getRect;
-      }
-    });
-    module2.exports = __toCommonJS2(getRect_exports);
-    var import_getBoundingClientRect = require_getBoundingClientRect_native(), getRect = function(node) {
-      var rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
-      if (rect) {
-        var { x, y, top, left } = rect;
-        return {
-          x,
-          y,
-          width: node.offsetWidth,
-          height: node.offsetHeight,
-          top,
-          left
-        };
-      }
-    };
-  }
-});
-
-// ../../core/core/dist/cjs/hooks/usePlatformMethods.native.js
-var require_usePlatformMethods_native = __commonJS({
-  "../../core/core/dist/cjs/hooks/usePlatformMethods.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);
-    }, usePlatformMethods_exports = {};
-    __export2(usePlatformMethods_exports, {
-      usePlatformMethods: function() {
-        return usePlatformMethods;
-      }
-    });
-    module2.exports = __toCommonJS2(usePlatformMethods_exports);
-    var import_constants4 = require_index_native6(), import_getRect = require_getRect_native(), import_useElementLayout = require_useElementLayout_native();
-    function usePlatformMethods(hostRef) {
-      (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        var node = hostRef.current;
-        if (node) {
-          var _node, _node1, _node2;
-          (_node = node).measure || (_node.measure = function(callback) {
-            return (0, import_useElementLayout.measureLayout)(node, null, callback);
-          }), (_node1 = node).measureLayout || (_node1.measureLayout = function(relativeToNode, success) {
-            return (0, import_useElementLayout.measureLayout)(node, relativeToNode, success);
-          }), (_node2 = node).measureInWindow || (_node2.measureInWindow = function(callback) {
-            node && setTimeout(function() {
-              var { height, left, top, width } = (0, import_getRect.getRect)(node);
-              callback(left, top, width, height);
-            }, 0);
-          });
-        }
-      }, [
-        hostRef
+        ref,
+        !!onLayout
       ]);
     }
   }
@@ -13447,16 +13505,30 @@ var require_index_native17 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_react3 = __toESM2(require("react")), import_react_native_use_responder_events = require_index_native16(), import_web = require_index_native14(), import_createOptimizedView = require_createOptimizedView_native(), import_getBaseViews = require_getBaseViews_native(), import_useElementLayout = require_useElementLayout_native(), import_usePlatformMethods = require_usePlatformMethods_native(), import_Pressability = require_Pressability_native();
+    var import_react_native_use_responder_events = require_index_native16(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_createOptimizedView = require_createOptimizedView_native(), import_getBaseViews = require_getBaseViews_native(), import_getRect = require_getRect_native(), import_useElementLayout = require_useElementLayout_native(), import_Pressability = require_Pressability_native();
     __reExport2(src_exports2, require_index_native14(), module2.exports);
     __reExport2(src_exports2, require_reactNativeTypes_native(), module2.exports);
     var baseViews = (0, import_getBaseViews.getBaseViews)();
     (0, import_web.setupHooks)({
       getBaseViews: import_getBaseViews.getBaseViews,
+      setElementProps: function(node) {
+        if (node && !node.measure) {
+          var _node, _node1, _node2;
+          (_node = node).measure || (_node.measure = function(callback) {
+            return (0, import_useElementLayout.measureLayout)(node, null, callback);
+          }), (_node1 = node).measureLayout || (_node1.measureLayout = function(relativeToNode, success) {
+            return (0, import_useElementLayout.measureLayout)(node, relativeToNode, success);
+          }), (_node2 = node).measureInWindow || (_node2.measureInWindow = function(callback) {
+            setTimeout(function() {
+              var { height, left, top, width } = (0, import_getRect.getRect)(node);
+              callback(left, top, width, height);
+            }, 0);
+          });
+        }
+      },
       usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
         if (0) {
           var isDOM, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, collapsable, focusable, accessible, accessibilityDisabled, onLayout, hrefAttrs, plainDOMProps;
-          if (willHydrate || isDOM) var hostRef;
           if (isDOM && plainDOMProps.href && hrefAttrs) var download, rel, target;
         }
       },
@@ -16514,9 +16586,6 @@ var require_constants_native3 = __commonJS({
       SHEET_HANDLE_NAME: function() {
         return SHEET_HANDLE_NAME;
       },
-      SHEET_HIDDEN_STYLESHEET: function() {
-        return SHEET_HIDDEN_STYLESHEET;
-      },
       SHEET_NAME: function() {
         return SHEET_NAME;
       },
@@ -16528,8 +16597,7 @@ var require_constants_native3 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_core12 = require_index_native17(), constants = {}, SHEET_NAME = "Sheet", SHEET_HANDLE_NAME = "SheetHandle", SHEET_OVERLAY_NAME = "SheetOverlay", SHEET_HIDDEN_STYLESHEET = import_core12.isClient ? document.createElement("style") : null;
-    SHEET_HIDDEN_STYLESHEET && typeof document.head < "u" && document.head.appendChild(SHEET_HIDDEN_STYLESHEET);
+    var constants = {}, SHEET_NAME = "Sheet", SHEET_HANDLE_NAME = "SheetHandle", SHEET_OVERLAY_NAME = "SheetOverlay";
   }
 });
 
@@ -17262,7 +17330,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_adapt = require_index_native26(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_portal2 = require_index_native31(), import_use_keyboard_visible = require_index_native33(), import_react_native4 = require("react-native"), import_constants22 = require_constants_native3(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, SheetImplementationCustom = (0, import_core12.themeable)(/* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native26(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_portal2 = require_index_native31(), import_use_keyboard_visible = require_index_native33(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_contexts = require_contexts_native(), import_helpers = require_helpers_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var parentSheet = import_react3.default.useContext(import_contexts.ParentSheetContext), { animation, animationConfig: animationConfigProp, modal = !1, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = !1, unmountChildrenWhenHidden = !1, portalProps, containerComponent: ContainerComponent = import_react3.default.Fragment } = props, keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)(), state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = import_react3.default.useState(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
         onOverlayComponent: setOverlayComponent
       }), { frameSize, setFrameSize, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps, { open, controller, isHidden } = state, sheetRef = import_react3.default.useRef(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef), animationConfig = function() {
@@ -17357,7 +17425,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         scrollBridge.paneMinY = minY;
         var startY = at.current;
         function setPanning(val) {
-          setIsDragging(val), import_constants22.SHEET_HIDDEN_STYLESHEET && (val ? import_constants22.SHEET_HIDDEN_STYLESHEET.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }" : import_constants22.SHEET_HIDDEN_STYLESHEET.innerText = "");
+          setIsDragging(val), import_constants4.isClient && (sheetHiddenStyleSheet || (sheetHiddenStyleSheet = document.createElement("style"), typeof document.head < "u" && document.head.appendChild(sheetHiddenStyleSheet)), val ? sheetHiddenStyleSheet.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }" : sheetHiddenStyleSheet.innerText = "");
         }
         var release = function(param) {
           var { vy, dragAt } = param;
@@ -17536,7 +17604,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         });
       }
       return contents;
-    }));
+    });
     function getYPositions(mode, point, screenSize, frameSize) {
       if (!screenSize || !frameSize) return 0;
       if (mode === "mixed") {
@@ -25124,7 +25192,6 @@ var require_Popover_native = __commonJS({
       var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), anchorTo = context.anchorTo, composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
       if (!props.children) return null;
       var trigger = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.View, {
-        "aria-haspopup": "dialog",
         "aria-expanded": context.open,
         // TODO not matching
         // aria-controls={context.contentId}