@tamagui/core 1.132.13 → 1.132.15

package/dist/test.native.js

@@ -5352,10 +5352,12 @@ var require_getSplitStyles_native = __commonJS({
                     }
                   } else if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
                 } else if (isGroupMedia) {
-                  var _groupContext_groupName, _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupState = groupContext == null || (_groupContext_groupName = groupContext[groupName]) === null || _groupContext_groupName === void 0 ? void 0 : _groupContext_groupName.state;
-                  if (!groupState)
+                  var _groupContext_groupName, _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupState = groupContext == null || (_groupContext_groupName = groupContext[groupName]) === null || _groupContext_groupName === void 0 ? void 0 : _groupContext_groupName.state, groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media;
+                  if (!groupState) {
+                    pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set());
                     return;
-                  var groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
+                  }
+                  var componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
                   if (groupMediaKey) {
                     mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
                     var mediaState1 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState1 == null ? void 0 : mediaState1[groupMediaKey];
@@ -5825,7 +5827,9 @@ var require_subscribeToContextGroup_native = __commonJS({
       }
     }, createGroupListener = function(name, param) {
       var { setStateShallow, pseudoGroups, mediaGroups, groupContext } = param, parent = groupContext == null ? void 0 : groupContext[name];
-      return parent ? parent.subscribe(function(param2) {
+      if (!parent) return function() {
+      };
+      var dispose = parent.subscribe(function(param2) {
         var { layout, pseudo } = param2;
         setStateShallow(function(prev) {
           var _prev_group, didChange = !1, group = ((_prev_group = prev.group) === null || _prev_group === void 0 ? void 0 : _prev_group[name]) || {
@@ -5850,7 +5854,11 @@ var require_subscribeToContextGroup_native = __commonJS({
             }
           } : prev;
         });
-      }) : function() {
+      });
+      return function() {
+        dispose(), setStateShallow({
+          group: {}
+        });
       };
     };
   }
@@ -6695,9 +6703,9 @@ var require_ClientOnly_native = __commonJS({
     });
     module2.exports = __toCommonJS2(ClientOnly_exports);
     var import_jsx_runtime2 = require("react/jsx-runtime"), import_react3 = require("react"), ClientOnlyContext2 = /* @__PURE__ */ (0, import_react3.createContext)(!1), ClientOnly2 = function(param) {
-      var { children, value = !0 } = param;
+      var { children, enabled } = param, existingValue = (0, import_react3.useContext)(ClientOnlyContext2);
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClientOnlyContext2.Provider, {
-        value,
+        value: enabled ?? existingValue,
         children
       });
     };
@@ -6774,9 +6782,9 @@ var require_index_native7 = __commonJS({
     var React3 = __toESM2(require("react")), import_ClientOnly = require_ClientOnly_native(), import_ClientOnly2 = require_ClientOnly_native(), useIsClientOnly = function() {
       return React3.useContext(import_ClientOnly.ClientOnlyContext);
     };
-    function useDidFinishSSR(value) {
+    function useDidFinishSSR() {
       var clientOnly = React3.useContext(import_ClientOnly.ClientOnlyContext);
-      return value ?? !0;
+      return !0;
     }
     function useClientValue(value) {
       var done = useDidFinishSSR();
@@ -6829,24 +6837,22 @@ var require_useComponentState_native = __commonJS({
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
     var import_constants = require_index_native2(), import_is_equal_shallow = require_index_native5(), import_use_did_finish_ssr = require_index_native7(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, animationDriver, staticConfig, config) {
-      var _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(needsHydration && !isHydrated), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
-      stateRef.current || (stateRef.current = {});
-      var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
+      var _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(needsHydration && !isHydrated), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { isHOC } = staticConfig, stateRef = (0, import_react3.useRef)({}), hasAnimationProp = !!(!isHOC && "animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
       !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
       var willBeAnimatedClient = function() {
-        var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
+        var next = !!(hasAnimationProp && !isHOC && useAnimations);
         return !!(next || curStateRef.hasAnimated);
       }(), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
       willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
-      var { disableClassName } = props, presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver == null ? void 0 : animationDriver.isReactNative) || !supportsCSS), hasEnterState = hasEnterStyle || isEntering, shouldEnter = hasEnterState || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
+      var { disableClassName } = props, presence = !isHOC && willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver == null ? void 0 : animationDriver.isReactNative) || !supportsCSS), canImmediatelyEnter = hasEnterStyle || isEntering, shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
       // this is just for a better ux, supports css variables for light/dark, media queries, etc
-      disableClassName, initialState = shouldEnter ? (
+      disableClassName), initialState = shouldEnter ? (
         // on the very first render we switch all spring animation drivers to css rendering
         // this is because we need to use css variables, which they don't support to do proper SSR
         // without flickers of the wrong colors.
         // but once we do that initial hydration and we are in client side rendering mode,
         // we can avoid the extra re-render on mount
-        hasEnterState ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState
+        canImmediatelyEnter ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState
       ) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
       disabled != null && (initialState.disabled = disabled);
       var states = (0, import_react3.useState)(initialState), state = props.forceStyle ? {
@@ -7120,7 +7126,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime2 = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_is_equal_shallow = require_index_native5(), 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_GroupContext = require_GroupContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), NextState = /* @__PURE__ */ new WeakMap(), NextMedia = /* @__PURE__ */ new WeakMap(), componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_is_equal_shallow = require_index_native5(), 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_GroupContext = require_GroupContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_objectIdentityKey = require_objectIdentityKey_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
       "hover",
       "press",
       "pressIn",
@@ -7184,16 +7190,15 @@ var require_createComponent_native = __commonJS({
         } : defaultProps, props = propsIn;
         curDefaultProps && (props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn));
         var componentName2 = props.componentName || staticConfig.componentName, componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), groupContextParent = import_react3.default.useContext(import_GroupContext.GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = (0, import_useComponentState.useComponentState)(props, animationDriver, staticConfig, config), { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, supportsCSS, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState;
-        if (hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders) {
-          var pendingState = NextState.get(stateRef);
-          pendingState && (NextState.set(stateRef, void 0), componentState.setStateShallow(pendingState));
-        }
+        hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders && (0, import_constants.useIsomorphicLayoutEffect)(function() {
+          var pendingState = stateRef.current.nextState;
+          pendingState && (stateRef.current.nextState = void 0, componentState.setStateShallow(pendingState));
+        });
         var allGroupContexts = (0, import_react3.useMemo)(function() {
-          var _stateRef_current_group;
+          var _stateRef_current_group_listeners, _stateRef_current_group;
           if (!groupName || props.passThrough) return groupContextParent;
-          (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.listeners.clear();
           var listeners = /* @__PURE__ */ new Set();
-          return stateRef.current.group = {
+          return (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || (_stateRef_current_group_listeners = _stateRef_current_group.listeners) === null || _stateRef_current_group_listeners === void 0 || _stateRef_current_group_listeners.clear(), stateRef.current.group = {
             listeners,
             emit(state2) {
               listeners.forEach(function(l) {
@@ -7262,8 +7267,8 @@ var require_createComponent_native = __commonJS({
           isAnimated,
           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 (splitStyles && groupContext && // avoids onLayout if we don't need it
+        }, themeName = (themeState == null ? void 0 : themeState.name) || "", splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), isPassthrough = !splitStyles, groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
+        if (!isPassthrough && groupContext && // avoids onLayout if we don't need it
         props.containerType !== "normal") {
           var groupState = groupContext == null ? void 0 : groupContext.state;
           if (groupState && groupState.layout === void 0) {
@@ -7274,31 +7279,35 @@ var require_createComponent_native = __commonJS({
             });
           }
         }
-        if (splitStyles && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
-          var _componentContext, ogSetStateShallow = setStateShallow;
+        if (!isPassthrough && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
+          var updateGroupListeners2 = function() {
+            var updatedState = stateRef.current.nextState;
+            if (groupContext) {
+              var { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
+              notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
+            }
+          }, updateGroupListeners = updateGroupListeners2, _componentContext, ogSetStateShallow = setStateShallow;
           stateRef.current.updateStyleListener = function() {
-            var updatedState = NextState.get(stateRef) || state, mediaState22 = NextMedia.get(stateRef), { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
-            groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
-            var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState22 ? {
+            var updatedState = stateRef.current.nextState || state, mediaState22 = stateRef.current.nextMedia, nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState22 ? {
               ...styleProps,
               mediaState: mediaState22
             } : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), useStyleListener = stateRef.current.useStyleListener;
             useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
           }, (_componentContext = componentContext).mediaEmit || (_componentContext.mediaEmit = function(next) {
             var _stateRef_current_updateStyleListener, _stateRef_current;
-            NextMedia.set(stateRef, next), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+            stateRef.current.nextMedia = next, (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
           }), stateRef.current.setStateShallow = function(nextOrGetNext) {
-            var prev = NextState.get(stateRef) || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
+            var prev = stateRef.current.nextState || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
             if (!(next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next))) {
               var canAvoidReRender = Object.keys(next).every(function(key3) {
                 return avoidReRenderKeys.has(key3);
-              });
-              if (canAvoidReRender) {
-                var _stateRef_current_updateStyleListener, _stateRef_current, updatedState = {
-                  ...prev,
-                  ...next
-                };
-                NextState.set(stateRef, updatedState), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+              }), updatedState = {
+                ...prev,
+                ...next
+              };
+              if (stateRef.current.nextState = updatedState, canAvoidReRender) {
+                var _stateRef_current_updateStyleListener, _stateRef_current;
+                updateGroupListeners2(), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
               } else ogSetStateShallow(next);
             }
           }, setStateShallow = function(state2) {
@@ -7366,7 +7375,7 @@ var require_createComponent_native = __commonJS({
           });
           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}`)));
         }
-        splitStyles && groupContext && // avoids onLayout if we don't need it
+        !isPassthrough && groupContext && // avoids onLayout if we don't need it
         props.containerType !== "normal" && (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({
@@ -7422,12 +7431,8 @@ var require_createComponent_native = __commonJS({
         }, [
           allGroupContexts,
           disabled,
-          pseudoGroups ? Object.keys([
-            ...pseudoGroups
-          ]).join("") : 0,
-          mediaGroups ? Object.keys([
-            ...mediaGroups
-          ]).join("") : 0
+          pseudoGroups ? (0, import_objectIdentityKey.objectIdentityKey)(pseudoGroups) : 0,
+          mediaGroups ? (0, import_objectIdentityKey.objectIdentityKey)(mediaGroups) : 0
         ]);
         var groupEmitter = stateRef.current.group;
         (0, import_constants.useIsomorphicLayoutEffect)(function() {
@@ -7508,7 +7513,7 @@ var require_createComponent_native = __commonJS({
           onPress,
           onLongPress
         });
-        splitStyles || (content = propsIn.children, elementType = BaseViewComponent, viewProps = {
+        isPassthrough && (content = propsIn.children, elementType = BaseViewComponent, viewProps = {
           style: {
             display: "contents"
           }
@@ -9922,6 +9927,7 @@ var require_TamaguiProvider_native = __commonJS({
         })
       });
       return (0, import_config.getSetting)("disableSSR") && (contents = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_use_did_finish_ssr.ClientOnly, {
+        enabled: !0,
         children: contents
       })), /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, {
         children: [
@@ -10002,16 +10008,15 @@ var require_Configuration_native = __commonJS({
     });
     module2.exports = __toCommonJS2(Configuration_exports);
     var import_jsx_runtime2 = require("react/jsx-runtime"), import_use_did_finish_ssr = require_index_native7(), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), Configuration = function(props) {
-      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext);
+      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext), _props_disableSSR;
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_use_did_finish_ssr.ClientOnly, {
-        value: typeof props.disableSSR == "boolean" && props.disableSSR !== current.disableSSR ? props.disableSSR : current.disableSSR,
+        enabled: (_props_disableSSR = props.disableSSR) !== null && _props_disableSSR !== void 0 ? _props_disableSSR : current.disableSSR,
         children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ComponentContext.ComponentContext.Provider, {
           ...current,
           ...props
         })
       });
     };
-    Configuration.displayName = "Configuration";
   }
 });