@tamagui/core 1.124.7 → 1.124.9

package/dist/native.js

@@ -6271,16 +6271,17 @@ var require_useThemeState_native = __commonJS({
         isNew: !0
       } : state;
     }, getSnapshotFrom = 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, pendingUpdate2 = arguments.length > 7 ? arguments[7] : void 0, parentState = states.get(parentId);
+      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, pendingUpdate2 = arguments.length > 7 ? arguments[7] : void 0, { debug } = props, parentState = states.get(parentId);
       themes || (themes = (0, import_config.getConfig)().themes);
       var name = !propsKey && pendingUpdate2 !== "force" ? null : getNewThemeName(parentState == null ? void 0 : parentState.name, props, pendingUpdate2 === "force" ? !0 : !!needsUpdate), isSameAsParent = !!(!name && propsKey);
-      if (process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile") {
+      if (process.env.NODE_ENV === "development" && debug && debug !== "profile") {
         var message = ` \xB7 useTheme(${id}) snapshot ${name}, parent ${parentState == null ? void 0 : parentState.id} needsUpdate ${needsUpdate}`;
         console.info(message);
       }
       if (parentState && isSameAsParent) return parentState;
       if (!name) {
         var next = lastState ?? parentState;
+        if (!next) throw new Error("No theme and no parent?");
         if (needsUpdate && pendingUpdate2) {
           var updated = {
             ...parentState || lastState
@@ -6300,7 +6301,14 @@ var require_useThemeState_native = __commonJS({
         inverses,
         isInverse
       };
-      return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && (console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F2 ${name}`), console.info("state", nextState), console.groupEnd()), isRoot && (rootThemeState = nextState), pendingUpdate2 !== "force" && lastState && !needsUpdate ? (Object.assign(lastState, nextState), lastState) : nextState;
+      isRoot && (rootThemeState = nextState);
+      var shouldAvoidRerender = pendingUpdate2 !== "force" && lastState && !needsUpdate && nextState.name === lastState.name;
+      return process.env.NODE_ENV === "development" && debug && debug !== "profile" && (console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F ${name} shouldAvoidRerender: ${shouldAvoidRerender}`), console.info({
+        lastState,
+        needsUpdate,
+        nextState,
+        pendingUpdate: pendingUpdate2
+      }), console.groupEnd()), shouldAvoidRerender ? (Object.assign(lastState, nextState), lastState) : nextState;
     };
     function scheduleUpdate(id) {
       for (var queue = [
@@ -9735,7 +9743,10 @@ var require_useProps_native = __commonJS({
       var _opts_forComponent, _opts_forComponent_staticConfig, staticConfig = (_opts_forComponent_staticConfig = opts == null || (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : import_Stack.Stack.staticConfig, [theme, themeState] = (0, import_useTheme.useThemeWithState)({
         componentName: staticConfig.componentName,
         name: "theme" in props ? props.theme : void 0,
-        inverse: "themeInverse" in props ? props.themeInverse : void 0
+        inverse: "themeInverse" in props ? props.themeInverse : void 0,
+        needsUpdate() {
+          return !0;
+        }
       }), componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, (0, import_config.getConfig)()), mediaStateNow = opts != null && opts.noMedia ? (
         // not safe to use mediaState but really marginal to hit this
         import_useMedia.mediaState