@tamagui/core 1.129.18 → 1.130.0

package/dist/test.native.js

@@ -5340,6 +5340,7 @@ var require_getSplitStyles_native = __commonJS({
       };
       conf = conf || (0, import_config.getConfig)();
       var animationDriver = (componentContext == null ? void 0 : componentContext.animationDriver) || conf.animations;
+      if (props.passThrough) return null;
       import_constants.isWeb && styleProps.isAnimated && animationDriver.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
       var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, shouldDoClasses = acceptsClassName && import_constants.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles2 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers2.stylePropsText : import_helpers2.validStyles), styleState = {
         classNames,
@@ -5620,20 +5621,29 @@ var require_mergeProps_native = __commonJS({
       var out = {};
       for (var key in a) mergeProp(out, a, b, key, inverseShorthands);
       if (b) for (var key1 in b) mergeProp(out, b, void 0, key1, inverseShorthands);
+      if (b && Object.keys(b).length > 0) {
+        var hasPropsNeedingReorder = Object.keys(b).some(function(key4) {
+          return (key4 in import_pseudoDescriptors.pseudoDescriptors || key4 === "variant") && key4 in a && key4 in out;
+        });
+        if (hasPropsNeedingReorder) {
+          var reordered = {};
+          for (var key2 in b) (key2 in import_pseudoDescriptors.pseudoDescriptors || key2 === "variant") && key2 in out && (reordered[key2] = out[key2]);
+          for (var key3 in out) key3 in reordered || (reordered[key3] = out[key3]);
+          return reordered;
+        }
+      }
       return out;
     };
     function mergeProp(out, a, b, key, inverseShorthands) {
       var longhand = (inverseShorthands == null ? void 0 : inverseShorthands[key]) || null, val = a[key];
-      if (!(b && (key in b || longhand && longhand in b))) {
-        if (key in import_pseudoDescriptors.pseudoDescriptors || import_useMedia.mediaKeys.has(key)) {
-          out[key] = {
-            ...out[key],
-            ...val
-          };
-          return;
-        }
-        out[longhand || key] = val;
+      if (key in import_pseudoDescriptors.pseudoDescriptors || import_useMedia.mediaKeys.has(key)) {
+        out[key] = {
+          ...out[key],
+          ...val
+        };
+        return;
       }
+      b && (key in b || longhand && longhand in b) || (out[longhand || key] = val);
     }
   }
 });
@@ -5873,7 +5883,7 @@ var require_useThemeState_native = __commonJS({
         id,
         parentId
       ]), propsKey = getPropsKey(props), getSnapshot = function() {
-        var _keys_current, _props_needsUpdate, local = localStates.get(id), needsUpdate = isRoot || props.name === "light" || props.name === "dark" || props.name === null ? !0 : HasRenderedOnce.get(keys) ? !(keys == null || (_keys_current = keys.current) === null || _keys_current === void 0) && _keys_current.size ? !0 : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props) : !0, [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
+        var _keys_current, _props_needsUpdate, local = localStates.get(id), needsUpdate = props.passThrough ? !1 : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? !0 : HasRenderedOnce.get(keys) ? !(keys == null || (_keys_current = keys.current) === null || _keys_current === void 0) && _keys_current.size ? !0 : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props) : !0, [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
         return PendingUpdate.delete(id), (!local || rerender) && (local = {
           ...next
         }, localStates.set(id, local)), Object.assign(local, next), local.id = id, states.set(id, next), local;
@@ -5896,6 +5906,10 @@ var require_useThemeState_native = __commonJS({
       ]), state;
     }, getNextState = function(lastState, props, propsKey) {
       var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, id = arguments.length > 4 ? arguments[4] : void 0, parentId = arguments.length > 5 ? arguments[5] : void 0, needsUpdate = arguments.length > 6 ? arguments[6] : void 0, pendingUpdate = arguments.length > 7 ? arguments[7] : void 0, { debug } = props, parentState = states.get(parentId);
+      if (props.passThrough) return [
+        !1,
+        lastState ?? parentState
+      ];
       themes || (themes = (0, import_config.getConfig)().themes);
       var name = !propsKey && (!lastState || !(lastState != null && lastState.isNew)) ? null : getNewThemeName(parentState == null ? void 0 : parentState.name, props, pendingUpdate === "force" ? !0 : !!needsUpdate), isSameAsParent = parentState && (!name || name === parentState.name), shouldRerender = !!(needsUpdate && (pendingUpdate || (lastState == null ? void 0 : lastState.name) !== (parentState == null ? void 0 : parentState.name)));
       if (0)
@@ -6351,8 +6365,8 @@ var require_Theme_native = __commonJS({
       style: {}
     }, Theme = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
       if (props.disable) return props.children;
-      var isRoot = !!props._isRoot, [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot), disableDirectChildTheme = props["disable-child-theme"], finalChildren = disableDirectChildTheme ? import_react3.Children.map(props.children, function(child) {
-        return /* @__PURE__ */ (0, import_react3.cloneElement)(child, {
+      var { passThrough } = props, isRoot = !!props._isRoot, [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot), disableDirectChildTheme = props["disable-child-theme"], finalChildren = disableDirectChildTheme ? import_react3.Children.map(props.children, function(child) {
+        return passThrough ? child : /* @__PURE__ */ (0, import_react3.cloneElement)(child, {
           "data-disable-theme": !0
         });
       }) : props.children;
@@ -6365,11 +6379,11 @@ var require_Theme_native = __commonJS({
       var stateRef = (0, import_react3.useRef)({
         hasEverThemed: !1
       });
-      return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef);
+      return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
     });
     Theme.avoidForwardRef = !0;
     function getThemedChildren(themeState, children, props) {
-      var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, stateRef = arguments.length > 4 ? arguments[4] : void 0, { shallow, forceClassName } = props, state = stateRef.current, hasEverThemed = state.hasEverThemed, shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
+      var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, stateRef = arguments.length > 4 ? arguments[4] : void 0, passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1, { shallow, forceClassName } = props, state = stateRef.current, hasEverThemed = state.hasEverThemed, shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
       if (!shouldRenderChildrenWithTheme) return children;
       children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_useThemeState.ThemeStateContext.Provider, {
         value: themeState.id,
@@ -6382,7 +6396,7 @@ var require_Theme_native = __commonJS({
         var parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);
         if (!parentState) throw new Error("\u203C\uFE0F010");
         children = import_react3.Children.toArray(children).map(function(child) {
-          return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Theme, {
+          return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? passThrough ? child : /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Theme, {
             name: parentState.name,
             children: child.props.children
           })) : child;
@@ -6393,10 +6407,10 @@ var require_Theme_native = __commonJS({
         var { className, style } = getThemeClassNameAndStyle(themeState, props, isRoot);
         if (children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {
           className: `${className} _dsp_contents is_Theme`,
-          style,
+          style: passThrough ? void 0 : style,
           children
         }), state.hasEverThemed === "wrapped") {
-          var className1 = requiresExtraWrapper ? `${isInverse ? name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "" : ""} _dsp_contents` : "_dsp_contents";
+          var className1 = !passThrough && requiresExtraWrapper ? `${isInverse ? name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "" : ""} _dsp_contents` : "_dsp_contents";
           children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {
             className: className1,
             children
@@ -6816,7 +6830,7 @@ var require_useComponentState_native = __commonJS({
     }
     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;
+      return props.disabled || props.passThrough || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props["aria-disabled"] || props.accessibilityDisabled || !1;
     };
   }
 });
@@ -7105,7 +7119,7 @@ var require_createComponent_native = __commonJS({
         });
         var allGroupContexts = (0, import_react3.useMemo)(function() {
           var _stateRef_current_group;
-          if (!groupName) return groupContextParent;
+          if (!groupName || props.passThrough) return groupContextParent;
           (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.listeners.clear();
           var listeners = /* @__PURE__ */ new Set();
           return stateRef.current.group = {
@@ -7178,7 +7192,7 @@ var require_createComponent_native = __commonJS({
           willBeAnimated,
           styledContextProps
         }, themeName = (themeState == null ? void 0 : themeState.name) || "", splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
-        if (groupContext) {
+        if (splitStyles && groupContext) {
           var groupState = groupContext == null ? void 0 : groupContext.state;
           if (groupState && groupState.layout === void 0) {
             var _splitStyles_style, _splitStyles_style1;
@@ -7188,8 +7202,8 @@ var require_createComponent_native = __commonJS({
             });
           }
         }
-        if ((hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
-          var styleListener = stateRef.current.useStyleListener, ogSetStateShallow = setStateShallow;
+        if (splitStyles && (!hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
+          var useStyleListener = stateRef.current.useStyleListener, ogSetStateShallow = setStateShallow;
           stateRef.current.setStateShallow = function(nextOrGetNext) {
             var prev = NextState.get(stateRef) || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
             if (!(next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next))) {
@@ -7203,9 +7217,9 @@ var require_createComponent_native = __commonJS({
                 };
                 NextState.set(stateRef, updatedState);
                 var { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
-                if (groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState), !hasAnimationProp || !styleListener) return;
+                if (groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState), !hasAnimationProp || !useStyleListener) return;
                 var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp);
-                styleListener(nextStyles.style);
+                useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
               } else ogSetStateShallow(next);
             }
           }, setStateShallow = function(state2) {
@@ -7213,14 +7227,16 @@ var require_createComponent_native = __commonJS({
             (_stateRef_current_setStateShallow = (_stateRef_current = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current, state2);
           };
         }
-        if (props.group && props.untilMeasured === "hide" && !stateRef.current.hasMeasured) {
-          var _splitStyles;
-          (_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
+        if (splitStyles) {
+          if (props.group && props.untilMeasured === "hide" && !stateRef.current.hasMeasured) {
+            var _splitStyles;
+            (_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
+          }
+          splitStyles.dynamicThemeAccess != null && (stateRef.current.isListeningToTheme = splitStyles.dynamicThemeAccess);
         }
-        splitStyles.dynamicThemeAccess != null && (stateRef.current.isListeningToTheme = splitStyles.dynamicThemeAccess);
-        var hasRuntimeMediaKeys = splitStyles.hasMedia && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && splitStyles.hasMedia === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
+        var hasRuntimeMediaKeys = (splitStyles == null ? void 0 : splitStyles.hasMedia) && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && (splitStyles == null ? void 0 : splitStyles.hasMedia) === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
         (0, import_useMedia.setMediaShouldUpdate)(componentContext, shouldListenForMedia, mediaListeningKeys);
-        var { viewProps: viewPropsIn, pseudos, style: splitStylesStyle, classNames, space } = splitStyles, propsWithAnimation = props, {
+        var { viewProps: viewPropsIn, pseudos, style: splitStylesStyle, classNames, space, pseudoGroups, mediaGroups } = splitStyles || {}, propsWithAnimation = props, {
           asChild,
           children,
           themeShallow,
@@ -7244,7 +7260,7 @@ var require_createComponent_native = __commonJS({
           onClick,
           theme: _themeProp,
           ...nonTamaguiProps
-        } = viewPropsIn, viewProps = nonTamaguiProps;
+        } = viewPropsIn || {}, viewProps = nonTamaguiProps;
         !isTaggable && props.forceStyle && (viewProps.forceStyle = props.forceStyle), isHOC && _themeProp && (viewProps.theme = _themeProp), tagProp && elementType.acceptTagProp && (viewProps.tag = tagProp);
         var animationStyles, shouldUseAnimation = (
           // if it supports css vars we run it on server too to get matching initial style
@@ -7268,9 +7284,9 @@ var require_createComponent_native = __commonJS({
             staticConfig,
             stateRef
           });
-          isHydrated && animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`), animations.ref && (animatedRef = animations.ref));
+          animations && (animations.ref && (animatedRef = animations.ref), isHydrated && animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`)));
         }
-        groupContext && (nonTamaguiProps.onLayout = (0, import_helpers2.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
+        splitStyles && groupContext && (nonTamaguiProps.onLayout = (0, import_helpers2.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
           var _stateRef_current_group, layout = e.nativeEvent.layout;
           groupContext.state.layout = layout, (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.emit({
             layout
@@ -7282,7 +7298,7 @@ var require_createComponent_native = __commonJS({
         })), viewProps = ((_hooks_usePropsTransform = import_setupHooks.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_setupHooks.hooks, elementType, nonTamaguiProps, stateRef, stateRef.current.willHydrate)) || nonTamaguiProps, stateRef.current.composedRef || (stateRef.current.composedRef = (0, import_compose_refs.composeRefs)(function(x) {
           return stateRef.current.host = x;
         }, forwardedRef, import_setElementProps.setElementProps, animatedRef)), viewProps.ref = stateRef.current.composedRef;
-        var { pseudoGroups, mediaGroups } = splitStyles, unPress = function() {
+        var unPress = function() {
           setStateShallow({
             press: !1,
             pressIn: !1
@@ -7398,7 +7414,7 @@ var require_createComponent_native = __commonJS({
           });
         }
         (_hooks_useEvents = import_setupHooks.hooks.useEvents) === null || _hooks_useEvents === void 0 || _hooks_useEvents.call(import_setupHooks.hooks, viewProps, events, splitStyles, setStateShallow, staticConfig);
-        var direction = props.spaceDirection || "both", content = !children || asChild ? children : spacedChildren({
+        var direction = props.spaceDirection || "both", content = !children || asChild || !splitStyles ? children : spacedChildren({
           separator,
           children,
           space,
@@ -7412,9 +7428,19 @@ var require_createComponent_native = __commonJS({
           onLongPress
         });
         var useChildrenResult;
-        import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps)), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ import_react3.default.createElement(elementType, viewProps, content);
-        var ResetPresence = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence;
-        if (ResetPresence && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ResetPresence, {
+        import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps)), splitStyles || (elementType = "span", content = propsIn.children, viewProps = {
+          style: {
+            display: "contents"
+          }
+        }), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ import_react3.default.createElement(elementType, viewProps, content);
+        var ResetPresence = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence, needsReset = !!// not when passing down to child
+        (!asChild && // not when passThrough
+        splitStyles && // not when HOC
+        !isHOC && ResetPresence && willBeAnimated && (hasEnterStyle || presenceState)), hasEverReset = stateRef.current.hasEverResetPresence;
+        needsReset && !hasEverReset && (stateRef.current.hasEverResetPresence = !0);
+        var renderReset = needsReset || hasEverReset;
+        if (renderReset && ResetPresence && (content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ResetPresence, {
+          disabled: !needsReset,
           children: content
         })), "focusWithinStyle" in propsIn && (content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ComponentContext.ComponentContext.Provider, {
           ...componentContext,
@@ -7423,7 +7449,7 @@ var require_createComponent_native = __commonJS({
         })), "group" in props && (content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_GroupContext.GroupContext.Provider, {
           value: allGroupContexts,
           children: content
-        })), content = disableTheme ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1, stateRef), staticConfig.context) {
+        })), content = disableTheme || !splitStyles ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1, stateRef), staticConfig.context) {
           var contextProps = staticConfig.context.props;
           for (var key1 in contextProps) if (viewProps.style && key1 in viewProps.style || key1 in viewProps) {
             var _viewProps_style;
@@ -7474,7 +7500,7 @@ var require_createComponent_native = __commonJS({
       }
       function styleable(Component2, options) {
         var _Component_render, skipForwardRef = import_constants.IS_REACT_19 && typeof Component2 == "function" && Component2.length === 1 || ((_Component_render = Component2.render) === null || _Component_render === void 0 ? void 0 : _Component_render.length) === 2, out = skipForwardRef ? Component2 : /* @__PURE__ */ import_react3.default.forwardRef(Component2), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig);
-        return out = options != null && options.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig, !0), process.env.TAMAGUI_MEMOIZE_STYLEABLE && (out = /* @__PURE__ */ import_react3.default.memo(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
+        return out = options != null && options.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig, !0), (extendedConfig.memo || process.env.TAMAGUI_MEMOIZE_STYLEABLE) && (out = /* @__PURE__ */ import_react3.default.memo(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
       }
       return res.extractable = extractable, res.styleable = styleable, res;
     }
@@ -9429,7 +9455,7 @@ var require_useProps_native = __commonJS({
         noClass: !0,
         resolveValues: "auto",
         ...opts
-      }, null, componentContext, groupContext), { mediaGroups, pseudoGroups } = splitStyles;
+      }, null, componentContext, groupContext), { mediaGroups, pseudoGroups } = splitStyles || {};
       return (0, import_constants.useIsomorphicLayoutEffect)(function() {
         if (!disabled) {
           if (state.unmounted) {
@@ -9455,8 +9481,8 @@ var require_useProps_native = __commonJS({
           ...mediaGroups
         ]).join("") : 0
       ]), [
-        splitStyles.viewProps,
-        splitStyles.style || {},
+        (splitStyles == null ? void 0 : splitStyles.viewProps) || {},
+        (splitStyles == null ? void 0 : splitStyles.style) || {},
         theme,
         import_useMedia.mediaState
       ];
@@ -11722,7 +11748,7 @@ var require_index_native12 = __commonJS({
                 getBoundingClientRectAsync(node),
                 getBoundingClientRectAsync(parentNode)
               ]);
-              if (frameId !== lastFrameAt) return;
+              if (nr === !1 || pr === !1 || frameId !== lastFrameAt) return;
               nodeRect = nr, parentRect = pr;
             } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
             var cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
@@ -11825,7 +11851,7 @@ var require_index_native12 = __commonJS({
       return new Promise(function(res) {
         if (!(!node || node.nodeType !== 1)) {
           var io = new IntersectionObserver(function(entries) {
-            return io.disconnect(), res(entries[0].boundingClientRect);
+            return entries[0].isIntersecting ? (io.disconnect(), res(entries[0].boundingClientRect)) : res(!1);
           }, {
             threshold: 0
           });
@@ -12145,8 +12171,7 @@ var TamaguiProvider = function(props) {
         var download, rel, target;
     }
   },
-  useEvents(viewProps, events, param, setStateShallow, staticConfig) {
-    var { pseudos } = param;
+  useEvents(viewProps, events, splitStyles, setStateShallow, staticConfig) {
     if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {
       if (events) {
         var { onPressIn, onPressOut, onPress } = events, inputEvents = {