tamagui 1.124.9 → 1.124.11

package/dist/test.native.js

@@ -2010,14 +2010,12 @@ 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(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;
+    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;
       React4.useEffect(function() {
-        "prop" in props && prop !== state && transitionFn(function() {
-          setState(function(prev) {
-            if (prev !== prop) return previous.current = prop, prop;
-          });
-        });
+        prop !== void 0 && (previous.current = prop, transitionFn(function() {
+          setState(prop);
+        }));
       }, [
         prop
       ]), React4.useEffect(function() {
@@ -6772,24 +6770,29 @@ var require_createShallowSetState_native = __commonJS({
     var import_react3 = require("react"), callImmediate = function(cb) {
       return cb();
     };
-    function createShallowSetState(setter, isDisabled, transition, debug, callback) {
+    function createShallowSetState(setter, onlyAllow, transition, debug, callback) {
       return (0, import_react3.useCallback)(function(next) {
         var wrap = transition ? import_react3.startTransition : callImmediate;
         wrap(function() {
           setter(function(prev) {
-            var out = mergeIfNotShallowEqual(prev, next, isDisabled, debug);
+            var out = mergeIfNotShallowEqual(prev, next, onlyAllow, debug);
             return callback == null || callback(out), out;
           });
         });
       }, [
         setter,
-        isDisabled,
+        onlyAllow ? onlyAllow.join("") : "",
         transition,
         debug
       ]);
     }
-    function mergeIfNotShallowEqual(prev, next, isDisabled, debug) {
-      return isDisabled || !prev || !next || isEqualShallow(prev, next) ? prev || next : {
+    function mergeIfNotShallowEqual(prev, next, onlyAllow, debug) {
+      if (onlyAllow) {
+        var allowed = {};
+        for (var key in next) onlyAllow.includes(key) && (allowed[key] = next[key]);
+        next = allowed;
+      }
+      return !prev || !next || isEqualShallow(prev, next) ? prev || next : {
         ...prev,
         ...next
       };
@@ -6934,16 +6937,17 @@ var require_useThemeState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useThemeState_exports);
-    var import_constants4 = require_index_native6(), import_react3 = require("react"), import_config = require_config_native(), ThemeStateContext = (0, import_react3.createContext)(""), keysToId = /* @__PURE__ */ new WeakMap(), allListeners = /* @__PURE__ */ new Map(), listenersByParent = {}, hasRenderedOnce = /* @__PURE__ */ new WeakMap(), pendingUpdate = /* @__PURE__ */ new Map(), states = /* @__PURE__ */ new Map(), shouldForce = !1, forceUpdateThemes2 = function() {
+    var import_constants4 = require_index_native6(), import_react3 = require("react"), import_config = require_config_native(), ThemeStateContext = (0, import_react3.createContext)(""), keysToId = /* @__PURE__ */ new WeakMap(), allListeners = /* @__PURE__ */ new Map(), listenersByParent = {}, hasRenderedOnce = /* @__PURE__ */ new WeakMap(), pendingUpdate = /* @__PURE__ */ new Map(), states = /* @__PURE__ */ new Map(), localStates = /* @__PURE__ */ new Map(), shouldForce = !1, forceUpdateThemes2 = function() {
       cacheVersion++, shouldForce = !0, allListeners.forEach(function(cb) {
         return cb();
       });
     }, getThemeState = function(id) {
       return states.get(id);
-    }, cache = /* @__PURE__ */ new Map(), cacheVersion = 0, themes = null, rootThemeState = null, getRootThemeState = function() {
+    }, cacheVersion = 0, themes = null, rootThemeState = null, getRootThemeState = function() {
       return rootThemeState;
     }, useThemeState = function(props) {
       var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, keys = arguments.length > 2 ? arguments[2] : void 0, { disable } = props, parentId = (0, import_react3.useContext)(ThemeStateContext);
+      if (!parentId && !isRoot) throw new Error("No parent?");
       if (disable) return states.get(parentId) || {
         id: "",
         name: "light",
@@ -6955,16 +6959,16 @@ var require_useThemeState_native = __commonJS({
         return (_listenersByParent = listenersByParent)[_parentId = parentId] || (_listenersByParent[_parentId] = /* @__PURE__ */ new Set()), listenersByParent[parentId].add(id), allListeners.set(id, function() {
           pendingUpdate.set(id, shouldForce ? "force" : !0), cb();
         }), function() {
-          allListeners.delete(id), listenersByParent[parentId].delete(id);
+          allListeners.delete(id), listenersByParent[parentId].delete(id), localStates.delete(id), states.delete(id), pendingUpdate.delete(id);
         };
       }, [
         id,
         parentId
       ]), propsKey = getPropsKey(props), getSnapshot = function() {
-        var _keys_current, _props_needsUpdate, last = states.get(id), needsUpdate = props.name === "light" || props.name === "dark" ? !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, parentState = states.get(parentId), cacheKey = `${cacheVersion}${id}${propsKey}${(parentState == null ? void 0 : parentState.name) || ""}${isRoot}`;
-        if (!needsUpdate && cache.has(cacheKey)) return cache.get(cacheKey);
-        var next = getSnapshotFrom(last, props, propsKey, isRoot, id, parentId, needsUpdate, pendingUpdate.get(id));
-        return last !== next && (pendingUpdate.delete(id), states.set(id, next), cache.set(id, next)), next;
+        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));
+        return pendingUpdate.delete(id), (!local || rerender) && (local = {
+          ...next
+        }, localStates.set(id, local)), Object.assign(local, next), local.id = id, states.set(id, next), local;
       }, state = (0, import_react3.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
       return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         if (!hasRenderedOnce.get(keys)) {
@@ -6979,29 +6983,37 @@ var require_useThemeState_native = __commonJS({
       }, [
         keys,
         propsKey
-      ]), state.id === id ? {
-        ...state,
-        isNew: !0
-      } : state;
-    }, getSnapshotFrom = function(lastState, props, propsKey) {
+      ]), 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, 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);
+      var name = !propsKey && (!lastState || !(lastState != null && lastState.isNew)) ? null : getNewThemeName(parentState == null ? void 0 : parentState.name, props, pendingUpdate2 === "force" ? !0 : !!needsUpdate), isSameAsParent = parentState && (!name || name === parentState.name), shouldRerender = !!(needsUpdate && (pendingUpdate2 || (lastState == null ? void 0 : lastState.name) !== (parentState == null ? void 0 : parentState.name)));
       if (0)
         var message;
-      if (parentState && isSameAsParent) return parentState;
+      if (isSameAsParent) return [
+        shouldRerender,
+        {
+          ...parentState,
+          isNew: !1
+        }
+      ];
       if (!name) {
         var next = lastState ?? parentState;
         if (!next) throw new Error("No theme and no parent?");
-        if (needsUpdate && pendingUpdate2) {
+        if (shouldRerender) {
           var updated = {
             ...parentState || lastState
           };
-          return updated;
+          return [
+            !0,
+            updated
+          ];
         }
-        return next;
+        return [
+          !1,
+          next
+        ];
       }
-      if (pendingUpdate2 !== "force" && lastState && lastState.name === name) return lastState;
       var scheme = getScheme(name), _parentState_inverses, parentInverses = (_parentState_inverses = parentState == null ? void 0 : parentState.inverses) !== null && _parentState_inverses !== void 0 ? _parentState_inverses : 0, isInverse = parentState && scheme !== parentState.scheme, inverses = parentInverses + (isInverse ? 1 : 0), nextState = {
         id,
         name,
@@ -7010,11 +7022,21 @@ var require_useThemeState_native = __commonJS({
         parentId,
         parentName: parentState == null ? void 0 : parentState.name,
         inverses,
-        isInverse
+        isInverse,
+        isNew: !0
       };
-      isRoot && (rootThemeState = nextState);
+      if (isRoot && (rootThemeState = nextState), pendingUpdate2 !== "force" && lastState && lastState.name === name) return [
+        !1,
+        nextState
+      ];
       var shouldAvoidRerender = pendingUpdate2 !== "force" && lastState && !needsUpdate && nextState.name === lastState.name;
-      return shouldAvoidRerender ? (Object.assign(lastState, nextState), lastState) : nextState;
+      return shouldAvoidRerender ? [
+        !1,
+        nextState
+      ] : [
+        !0,
+        nextState
+      ];
     };
     function scheduleUpdate(id) {
       for (var queue = [
@@ -7716,7 +7738,9 @@ var require_useComponentState_native = __commonJS({
           groupContextState[groupName] = next;
         };
       }
-      var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, !1, props.debug, setStateWrapper);
+      var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
+        "disabled"
+      ] : void 0, !1, props.debug, setStateWrapper);
       if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
         var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
         (0, import_isObj.isObj)(custom) && Object.assign(props, custom);
@@ -10281,7 +10305,7 @@ var require_useProps_native = __commonJS({
         resolveValues: "auto",
         ...opts
       }, null, componentContext), { mediaGroups, pseudoGroups } = splitStyles;
-      return import_react3.default.useEffect(function() {
+      return import_react3.default.useLayoutEffect(function() {
         if (!disabled) {
           if (state.unmounted) {
             setStateShallow({
@@ -15344,7 +15368,7 @@ var require_constants_native3 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_constants4 = require_index_native6(), _global__IS_FABRIC, IS_FABRIC = typeof global < "u" && !!((_global__IS_FABRIC = global._IS_FABRIC) !== null && _global__IS_FABRIC !== void 0 ? _global__IS_FABRIC : global.nativeFabricUIManager), USE_NATIVE_PORTAL = !import_constants4.isAndroid && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" && !IS_FABRIC, allPortalHosts = /* @__PURE__ */ new Map(), portalListeners = {};
+    var import_constants4 = require_index_native6(), _global__IS_FABRIC, IS_FABRIC = typeof global < "u" && !!((_global__IS_FABRIC = global._IS_FABRIC) !== null && _global__IS_FABRIC !== void 0 ? _global__IS_FABRIC : global.nativeFabricUIManager), USE_NATIVE_PORTAL = process.env.TAMAGUI_USE_NATIVE_PORTAL && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" ? !0 : !import_constants4.isAndroid && !IS_FABRIC, allPortalHosts = /* @__PURE__ */ new Map(), portalListeners = {};
   }
 });