tamagui 1.124.7 → 1.124.9

package/dist/native.js

@@ -2010,13 +2010,17 @@ var require_useControllableState_native = __commonJS({
     var import_use_event = require_index_native8(), React4 = __toESM2(require("react")), import_start_transition = require_index_native9(), emptyCallbackFn = function(_) {
       return _();
     };
-    function useControllableState(param) {
-      var { prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition } = param, [state, setState] = React4.useState(prop ?? defaultProp), previous = React4.useRef(state), propWins = strategy === "prop-wins" && prop !== void 0, value = propWins ? prop : state, onChangeCb = (0, import_use_event.useEvent)(onChange || idFn), transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
-      prop !== state && transitionFn(function() {
-        setState(function(prev) {
-          if (prev !== prop) return previous.current = prop, prop;
+    function useControllableState(props) {
+      var { prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition } = props, [state, setState] = React4.useState(prop ?? defaultProp), previous = React4.useRef(state), propWins = strategy === "prop-wins" && prop !== void 0, value = propWins ? prop : state, onChangeCb = (0, import_use_event.useEvent)(onChange || idFn), transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
+      React4.useEffect(function() {
+        "prop" in props && prop !== state && transitionFn(function() {
+          setState(function(prev) {
+            if (prev !== prop) return previous.current = prop, prop;
+          });
         });
-      }), React4.useEffect(function() {
+      }, [
+        prop
+      ]), React4.useEffect(function() {
         propWins || state !== previous.current && (previous.current = state, onChangeCb(state));
       }, [
         onChangeCb,
@@ -7368,16 +7372,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
@@ -7397,7 +7402,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 = [
@@ -10832,7 +10844,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
@@ -25379,7 +25394,9 @@ var require_Popover_native = __commonJS({
         __scopePopover,
         zIndex: props.zIndex,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
-          pointerEvents: context.open ? "auto" : "none",
+          ...!context.open && {
+            pointerEvents: "none"
+          },
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentImpl, {
             ...contentImplProps,
             disableRemoveScroll,