@tamagui/core 1.125.9 → 1.125.11

package/dist/native.js

@@ -5929,7 +5929,8 @@ var require_createShallowSetState_native = __commonJS({
     var import_react3 = require("react"), callImmediate = function(cb) {
       return cb();
     };
-    function createShallowSetState(setter, onlyAllow, transition, debug, callback) {
+    function createShallowSetState(setter, onlyAllow, transition, debugIn, callback) {
+      var debug = !0;
       return (0, import_react3.useCallback)(function(next) {
         var wrap = transition ? import_react3.startTransition : callImmediate;
         wrap(function() {
@@ -5942,7 +5943,8 @@ var require_createShallowSetState_native = __commonJS({
         setter,
         onlyAllow ? onlyAllow.join("") : "",
         transition,
-        debug
+        debug,
+        callback
       ]);
     }
     function mergeIfNotShallowEqual(prev, next, onlyAllow, debug) {
@@ -6093,32 +6095,12 @@ var require_useThemeState_native = __commonJS({
       hasThemeUpdatingProps: function() {
         return hasThemeUpdatingProps;
       },
-      keysToId: function() {
-        return keysToId;
-      },
       useThemeState: function() {
         return useThemeState;
       }
     });
     module2.exports = __toCommonJS2(useThemeState_exports);
-    var import_constants2 = require_index_native2(), 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();
-    process.env.NODE_ENV === "development" && (globalThis.getTamaguiThemes = function() {
-      function buildTree(id) {
-        var node = states.get(id);
-        if (!node) return null;
-        var children = Array.from(states.values()).filter(function(child) {
-          return (child == null ? void 0 : child.parentId) === id;
-        }).map(function(child) {
-          return buildTree(child.id);
-        }).filter(Boolean);
-        return {
-          ...node,
-          children
-        };
-      }
-      rootThemeState && console.info(buildTree(rootThemeState.id));
-    });
-    var shouldForce = !1, forceUpdateThemes2 = function() {
+    var import_constants2 = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), ThemeStateContext = (0, import_react3.createContext)(""), allListeners = /* @__PURE__ */ new Map(), listenersByParent = {}, HasRenderedOnce = /* @__PURE__ */ new WeakMap(), HadTheme = /* @__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();
       });
@@ -6138,16 +6120,16 @@ var require_useThemeState_native = __commonJS({
       var id = (0, import_react3.useId)(), subscribe = (0, import_react3.useCallback)(function(cb) {
         var _listenersByParent, _parentId;
         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();
+          PendingUpdate.set(id, shouldForce ? "force" : !0), cb();
         }), function() {
-          allListeners.delete(id), listenersByParent[parentId].delete(id), localStates.delete(id), states.delete(id), pendingUpdate.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, 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 = {
+        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)), process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && (console.groupCollapsed(` ${id} \u{1FA84} ${rerender}`, local.name, ">", next.name), console.info({
           props,
@@ -6162,25 +6144,27 @@ var require_useThemeState_native = __commonJS({
       process.env.NODE_ENV === "development" && globalThis.time && globalThis.time`theme-prep-uses`;
       var state = (0, import_react3.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
       return (0, import_constants2.useIsomorphicLayoutEffect)(function() {
-        if (!hasRenderedOnce.get(keys)) {
-          hasRenderedOnce.set(keys, !0);
+        if (!HasRenderedOnce.get(keys)) {
+          HasRenderedOnce.set(keys, !0);
           return;
         }
-        if (propsKey) {
-          if (process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile") {
-            var _states_get;
-            console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, (_states_get = states.get(id)) === null || _states_get === void 0 ? void 0 : _states_get.name);
-          }
-          scheduleUpdate(id);
+        if (!propsKey) {
+          HadTheme.get(keys) && scheduleUpdate(id), HadTheme.set(keys, !1);
+          return;
         }
+        if (process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile") {
+          var _states_get;
+          console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, (_states_get = states.get(id)) === null || _states_get === void 0 ? void 0 : _states_get.name);
+        }
+        scheduleUpdate(id), HadTheme.set(keys, !0);
       }, [
         keys,
         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);
+      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, pendingUpdate = arguments.length > 7 ? arguments[7] : void 0, { debug } = props, parentState = states.get(parentId);
       themes || (themes = (0, import_config.getConfig)().themes);
-      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)));
+      var name = !propsKey && (!lastState || !(lastState != null && lastState.isNew)) ? null : getNewThemeName(parentState == null ? void 0 : parentState.name, props, pendingUpdate === "force" ? !0 : !!needsUpdate), isSameAsParent = parentState && (!name || name === parentState.name), shouldRerender = !!(needsUpdate && (pendingUpdate || (lastState == null ? void 0 : lastState.name) !== (parentState == null ? void 0 : parentState.name)));
       if (process.env.NODE_ENV === "development" && debug && debug !== "profile") {
         var message = ` \xB7 useTheme(${id}) => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`;
         console.info(message);
@@ -6220,16 +6204,16 @@ var require_useThemeState_native = __commonJS({
         isInverse,
         isNew: !0
       };
-      if (isRoot && (rootThemeState = nextState), pendingUpdate2 !== "force" && lastState && lastState.name === name) return [
+      if (isRoot && (rootThemeState = nextState), pendingUpdate !== "force" && lastState && lastState.name === name) return [
         !1,
         nextState
       ];
-      var shouldAvoidRerender = pendingUpdate2 !== "force" && lastState && !needsUpdate && nextState.name === lastState.name;
+      var shouldAvoidRerender = pendingUpdate !== "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
+        pendingUpdate
       }), console.groupEnd()), shouldAvoidRerender ? [
         !1,
         nextState
@@ -6420,7 +6404,7 @@ var require_getThemeProxied_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getThemeProxied_exports);
-    var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), import_useThemeState = require_useThemeState_native(), cache2 = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
+    var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), cache2 = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
     function getThemeProxied(_props, _state, _keys) {
       if (!(_state != null && _state.theme)) return emptyObject;
       if (curKeys = _keys, curProps = _props, curState = _state, cache2.has(curState.theme)) {
@@ -6429,10 +6413,7 @@ var require_getThemeProxied_native = __commonJS({
       }
       var config = (0, import_config.getConfig)();
       function track(key) {
-        if (curKeys && (curKeys.current || (curKeys.current = /* @__PURE__ */ new Set()), curKeys.current.add(key), process.env.NODE_ENV === "development" && curProps.debug)) {
-          var _globalThis_states, realId = import_useThemeState.keysToId.get(curKeys);
-          console.info(` \u{1F3A8} useTheme(${realId}) tracking new key: ${key}`, curKeys, (_globalThis_states = globalThis.states) === null || _globalThis_states === void 0 ? void 0 : _globalThis_states.get(realId + 1));
-        }
+        curKeys && (curKeys.current || (curKeys.current = /* @__PURE__ */ new Set()), curKeys.current.add(key), process.env.NODE_ENV === "development" && curProps.debug && console.info(` \u{1F3A8} useTheme() tracking new key: ${key}`, curKeys));
       }
       var proxied1 = Object.fromEntries(Object.entries(_state.theme).flatMap(function(param) {
         var [key, value] = param, proxied2 = {
@@ -7017,10 +6998,8 @@ var require_useComponentState_native = __commonJS({
       import_constants2.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
         ...state
       }));
-      var groupName = props.group, setStateWrapper;
-      if (groupName) {
-        var groupContextState = groups.state;
-        setStateWrapper = function(state2) {
+      var groupName = props.group, groupContextState = groups == null ? void 0 : groups.state, setStateWrapper = (0, import_react3.useMemo)(function() {
+        if (groupContextState && groupName) return function(state2) {
           curStateRef.group.emit(groupName, {
             pseudo: state2
           });
@@ -7030,8 +7009,11 @@ var require_useComponentState_native = __commonJS({
           };
           groupContextState[groupName] = next;
         };
-      }
-      var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
+      }, [
+        groupContextState,
+        curStateRef,
+        groupName
+      ]), setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
         "disabled"
       ] : void 0, !1, props.debug, setStateWrapper);
       if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
@@ -8641,6 +8623,7 @@ var require_createTamagui_native = __commonJS({
     var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_Tamagui = require_Tamagui_native(), createdConfigs = /* @__PURE__ */ new WeakMap();
     function createTamagui2(configIn) {
       var _configIn_settings;
+      if (process.env.NODE_ENV === "test" && globalThis.__tamaguiConfig) return console.warn("Warning: You somehow have duplicate Tamagui dependencies, this can cause issues. Tamagui is working around this by loading a previously loaded config in test mode. "), globalThis.__tamaguiConfig;
       if (createdConfigs.has(configIn)) return configIn;
       var tokensParsed = {}, tokens = (0, import_createVariables.createVariables)(configIn.tokens || {});
       if (configIn.tokens) {
@@ -8788,7 +8771,7 @@ ${JSON.stringify(variable, null, 2)}`);
         specificTokens,
         defaultFontToken
       };
-      if ((0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
+      if ((0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), process.env.NODE_ENV === "test" && (globalThis.__tamaguiConfig = config), import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
         return cb(config);
       }), import_config.configListeners.clear()), process.env.NODE_ENV === "development") {
         var _process_env_DEBUG;