@tamagui/core 1.73.2 → 1.74.0

package/dist/test.native.js

@@ -3286,7 +3286,15 @@ var require_propMapper_native = __commonJS({
       return hasSet ? resolveVariableValue(valOrVar, resolveAs) : value;
     };
     function resolveVariableValue(valOrVar, resolveValues) {
-      return resolveValues === "none" ? valOrVar : (0, import_createVariable.isVariable)(valOrVar) ? !import_constants2.isWeb || resolveValues === "value" ? valOrVar.val : valOrVar.variable : valOrVar;
+      if (resolveValues === "none")
+        return valOrVar;
+      if ((0, import_createVariable.isVariable)(valOrVar)) {
+        if (resolveValues === "value")
+          return valOrVar.val;
+        let get = valOrVar.get;
+        return typeof get == "function" ? get() : valOrVar.val;
+      }
+      return valOrVar;
     }
   }
 });
@@ -3446,7 +3454,7 @@ var require_getSplitStyles_native = __commonJS({
                       }
                     } else {
                       let curImportance = usedKeys[pkey] || 0;
-                      importance >= curImportance && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2), usedKeys[pkey] = Math.max(usedKeys[pkey], importance));
+                      importance >= curImportance && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2));
                     }
                   }
                   if (!isDisabled)
@@ -3991,8 +3999,8 @@ var require_useTheme_native = __commonJS({
     function getDefaultThemeProxied() {
       if (cached)
         return cached;
-      let config = (0, import_config.getConfig)(), defaultTheme = config.themes.light ?? config.themes[Object.keys(config.themes)[0]];
-      return cached = getThemeProxied(defaultTheme), cached;
+      let config = (0, import_config.getConfig)(), name = config.themes.light ? "light" : Object.keys(config.themes)[0], defaultTheme = config.themes[name];
+      return cached = getThemeProxied({ theme: defaultTheme, name }), cached;
     }
     var useTheme = (props = emptyProps) => {
       let [_, theme] = useThemeWithState(props);
@@ -4008,10 +4016,15 @@ var require_useTheme_native = __commonJS({
         }
       ), { themeManager, state } = changedThemeState;
       state != null && state.theme;
-      let themeProxied = (0, import_react.useMemo)(() => !themeManager || !(state != null && state.theme) ? {} : getThemeProxied(state.theme, themeManager, keys.current, props.debug), [state, themeManager]);
+      let themeProxied = (0, import_react.useMemo)(() => !themeManager || !(state != null && state.theme) ? {} : getThemeProxied(state, props.deopt, themeManager, keys.current, props.debug), [state, themeManager, props.deopt, props.debug]);
       return [changedThemeState, themeProxied];
     };
-    function getThemeProxied(theme, themeManager, keys, debug) {
+    function getThemeProxied({ theme, name }, deopt = !1, themeManager, keys, debug) {
+      if (!theme)
+        return {};
+      function track(key) {
+        keys && !keys.includes(key) && keys.push(key);
+      }
       return (0, import_createProxy.createProxy)(theme, {
         has(_, key) {
           if (Reflect.has(theme, key))
@@ -4033,7 +4046,30 @@ var require_useTheme_native = __commonJS({
                 // when they touch the actual value we only track it
                 // if its a variable (web), its ignored!
                 get(_2, subkey) {
-                  return keys && (subkey === "val" || subkey === "get" && !import_constants2.isWeb) && !keys.includes(keyString) && keys.push(keyString), subkey === "get" ? () => (0, import_createVariable.getVariable)(val) : Reflect.get(val, subkey);
+                  if (subkey === "val")
+                    track(keyString);
+                  else if (subkey === "get")
+                    return () => {
+                      let outVal = (0, import_createVariable.getVariable)(val);
+                      if (import_constants2.isIos && !deopt) {
+                        let isDark = name.startsWith("dark"), isLight = !isDark && name.startsWith("light");
+                        if (isDark || isLight) {
+                          let oppositeThemeName = name.replace(
+                            isDark ? "dark" : "light",
+                            isDark ? "light" : "dark"
+                          ), oppositeTheme = (0, import_config.getConfig)().themes[oppositeThemeName], oppositeVal = (0, import_createVariable.getVariable)(oppositeTheme == null ? void 0 : oppositeTheme[keyString]);
+                          if (oppositeVal)
+                            return {
+                              dynamic: {
+                                dark: isDark ? outVal : oppositeVal,
+                                light: isLight ? outVal : oppositeVal
+                              }
+                            };
+                        }
+                      }
+                      return track(keyString), outVal;
+                    };
+                  return Reflect.get(val, subkey);
                 }
               });
           }
@@ -4042,10 +4078,7 @@ var require_useTheme_native = __commonJS({
       });
     }
     var activeThemeManagers = /* @__PURE__ */ new Set(), useChangeThemeEffect = (props, isRoot = !1, keys, shouldUpdate) => {
-      let {
-        // @ts-expect-error internal use only
-        disable
-      } = props, parentManager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext);
+      let { disable } = props, parentManager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext);
       if (!isRoot && !parentManager || disable)
         return {
           isNewTheme: !1,
@@ -4072,7 +4105,7 @@ var require_useTheme_native = __commonJS({
         let selfListenerDispose = themeManager.onChangeTheme((_a, _b, forced) => {
           forced && setThemeState((prev) => createState(prev, !0));
         }), disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme((name, manager) => {
-          ((shouldUpdate == null ? void 0 : shouldUpdate()) ?? !!(keys != null && keys.length || isNewTheme)) && setThemeState(createState);
+          (((shouldUpdate == null ? void 0 : shouldUpdate()) || props.deopt || props["disable-child-theme"]) ?? !!(keys != null && keys.length)) && setThemeState(createState);
         }, themeManager.id);
         return () => {
           selfListenerDispose(), disposeChangeListener == null || disposeChangeListener(), activeThemeManagers.delete(themeManager);
@@ -4116,7 +4149,7 @@ var require_useTheme_native = __commonJS({
               prev.state,
               forceChange
             );
-            nextState ? (state2 = nextState, !prev.isNewTheme || !import_constants2.isWeb ? themeManager2 = getNewThemeManager() : themeManager2.updateState(nextState)) : prev.isNewTheme && parentManager && !next && (themeManager2 = parentManager);
+            nextState ? (state2 = nextState, prev.isNewTheme ? themeManager2.updateState(nextState) : themeManager2 = getNewThemeManager()) : prev.isNewTheme && parentManager && !next && (themeManager2 = parentManager);
           } else
             themeManager2 = getNewThemeManager(), state2 = { ...themeManager2.state };
         }
@@ -4488,17 +4521,22 @@ var require_createComponent_native = __commonJS({
             isEntering && enterVariant ? props[enterVariant] = !0 : isExiting2 && exitVariant && (props[exitVariant] = !enterExitVariant);
           }
         }
-        let isAnimatedReactNative = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = !!(staticConfig.isReactNative || isAnimatedReactNative), shouldAvoidClasses = !!(!import_constants2.isWeb || isAnimated || !staticConfig.acceptsClassName || propsIn.disableClassName), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, disableThemeProp = props["data-disable-theme"], disableTheme = disableThemeProp && !willBeAnimated || isHOC;
+        let isAnimatedReactNative = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = !!(staticConfig.isReactNative || isAnimatedReactNative), shouldAvoidClasses = !!(!import_constants2.isWeb || isAnimated || !staticConfig.acceptsClassName || propsIn.disableClassName), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, disableThemeProp = !1, disableTheme = disableThemeProp && !willBeAnimated || isHOC;
         props.themeShallow && (stateRef.current.themeShallow = !0);
         let themeStateProps = {
           name: props.theme,
           componentName,
-          // @ts-ignore this is internal use only
           disable: disableTheme,
           shallow: stateRef.current.themeShallow,
-          shouldUpdate: () => stateRef.current.isListeningToTheme,
+          // if this returns undefined it defers to the keys tracking, so its only used to force either updates or no updates
+          shouldUpdate: () => (
+            // when we use $theme- styles we need to force it to re-render on theme changes (this can be optimized likely)
+            stateRef.current.isListeningToTheme
+          ),
           debug: debugProp
-        }, isExiting = !state.unmounted && (presence == null ? void 0 : presence[0]) === !1, [themeState, theme] = (0, import_useTheme.useThemeWithState)(themeStateProps);
+        };
+        themeStateProps.deopt = config != null && config.settings.fastSchemeChange ? willBeAnimated : !0;
+        let isExiting = !state.unmounted && (presence == null ? void 0 : presence[0]) === !1, [themeState, theme] = (0, import_useTheme.useThemeWithState)(themeStateProps);
         elementType = Component || elementType;
         let isStringElement = typeof elementType == "string", mediaState2 = (0, import_useMedia.useMedia)(stateRef, componentContext);
         (0, import_createVariable.setDidGetVariableValue)(!1);
@@ -4723,7 +4761,7 @@ var require_createComponent_native = __commonJS({
       });
       staticConfig.componentName && (component.displayName = staticConfig.componentName);
       let res = component;
-      (process.env.TAMAGUI_MEMO_ALL || staticConfig.memo) && (res = (0, import_react.memo)(res)), res.staticConfig = staticConfig;
+      process.env.TAMAGUI_DISABLE_MEMO || (res = (0, import_react.memo)(res)), res.staticConfig = staticConfig;
       function extendStyledConfig(extended) {
         return {
           ...staticConfig,
@@ -5489,22 +5527,30 @@ var require_setupReactNative_native = __commonJS({
       setupReactNative: () => setupReactNative
     });
     module2.exports = __toCommonJS2(setupReactNative_exports);
-    var ReactNativeStaticConfigs = /* @__PURE__ */ new WeakMap();
     function getReactNativeConfig(Component) {
-      return ReactNativeStaticConfigs.get(Component);
+      var _a, _b;
+      if (Component)
+        return Component.getSizeWithHeaders ? RNConfigs.Image : (_a = Component.propTypes) != null && _a.textBreakStrategy ? RNConfigs.Text : (_b = Component.propTypes) != null && _b.onTextInput ? void 0 : RNConfigs.default;
     }
-    function setupReactNative(rnExports) {
-      for (let key in rnExports) {
-        if (key[0].toLowerCase() === key[0])
-          continue;
-        let val = rnExports[key];
-        val && typeof val == "object" && ReactNativeStaticConfigs.set(val, {
-          isReactNative: !0,
-          isText: key === "Text" || key === "TextInput",
-          isInput: key === "TextInput" || key === "TextArea",
-          inlineProps: key === "Image" ? /* @__PURE__ */ new Set(["src", "width", "height"]) : void 0
-        });
+    var RNConfigs = {
+      Image: {
+        isReactNative: !0,
+        inlineProps: /* @__PURE__ */ new Set(["src", "width", "height"])
+      },
+      Text: {
+        isReactNative: !0,
+        isText: !0
+      },
+      TextInput: {
+        isReactNative: !0,
+        isInput: !0,
+        isText: !0
+      },
+      default: {
+        isReactNative: !0
       }
+    };
+    function setupReactNative(rnExports) {
     }
   }
 });
@@ -5530,7 +5576,7 @@ var require_styled_native = __commonJS({
     function styled(ComponentIn, options, staticExtractionOptions) {
       if (!ComponentIn)
         throw new Error("No component given to styled()");
-      let parentStaticConfig = ComponentIn.staticConfig, isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC), Component = parentStaticConfig != null && parentStaticConfig.isHOC && !(parentStaticConfig != null && parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig == null ? void 0 : parentStaticConfig.Component) || ComponentIn, reactNativeConfig = (0, import_setupReactNative.getReactNativeConfig)(Component), isReactNative = !!(reactNativeConfig || staticExtractionOptions != null && staticExtractionOptions.isReactNative || parentStaticConfig != null && parentStaticConfig.isReactNative || (0, import_setupReactNative.getReactNativeConfig)(parentStaticConfig == null ? void 0 : parentStaticConfig.Component)), staticConfigProps = (() => {
+      let parentStaticConfig = ComponentIn.staticConfig, isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC), Component = parentStaticConfig != null && parentStaticConfig.isHOC && !(parentStaticConfig != null && parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig == null ? void 0 : parentStaticConfig.Component) || ComponentIn, reactNativeConfig = parentStaticConfig ? void 0 : (0, import_setupReactNative.getReactNativeConfig)(Component), isReactNative = !!(reactNativeConfig || staticExtractionOptions != null && staticExtractionOptions.isReactNative || parentStaticConfig != null && parentStaticConfig.isReactNative), staticConfigProps = (() => {
         if (options) {
           let {
             variants,