@tamagui/web 2.3.3 → 2.4.0

package/dist/cjs/hooks/useMedia.native.js

@@ -79,6 +79,7 @@ var configureMedia = function (config) {
   if (!media) return;
   mediaVersion++;
   (0, import_createMediaStyle.resetMediaStyleCache)();
+  resetMediaTouchTracker();
   for (var key in media) {
     (0, import_mediaState.getMedia)()[key] = (mediaQueryDefaultActive === null || mediaQueryDefaultActive === void 0 ? void 0 : mediaQueryDefaultActive[key]) || false;
     import_mediaState.mediaKeys.add(`$${key}`);
@@ -136,6 +137,53 @@ function updateMediaListeners() {
   });
 }
 var States = /* @__PURE__ */new WeakMap();
+var touchTrackerProto = null;
+var refSlot = /* @__PURE__ */Symbol("mediaRefSlot");
+function buildTouchTrackerProto() {
+  var proto = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    var _loop = function () {
+      var fullKey = _step.value;
+      var key = fullKey[0] === "$" ? fullKey.slice(1) : fullKey;
+      proto[key] = {
+        enumerable: true,
+        configurable: true,
+        get() {
+          var slot = this[refSlot];
+          if (!disableMediaTouch) {
+            slot.keys.add(key);
+          }
+          return slot.proxyTarget[key];
+        }
+      };
+    };
+    for (var _iterator = import_mediaState.mediaKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return Object.create(null, proto);
+}
+function getTouchTrackerProto() {
+  if (!touchTrackerProto) touchTrackerProto = buildTouchTrackerProto();
+  return touchTrackerProto;
+}
+function resetMediaTouchTracker() {
+  touchTrackerProto = null;
+}
 function setMediaShouldUpdate(ref, enabled, keys) {
   var cur = States.get(ref);
   if (!cur || cur.enabled !== enabled || keys) {
@@ -155,80 +203,121 @@ function subscribe(subscriber) {
 function useMedia(componentContext, debug) {
   "use no memo";
 
-  var componentState = componentContext ? States.get(componentContext) : null;
   var internalRef = (0, import_react.useRef)(null);
   if (!internalRef.current) {
-    internalRef.current = {
+    var initial = (0, import_mediaState.getMedia)();
+    var r = {
       keys: /* @__PURE__ */new Set(),
-      lastState: (0, import_mediaState.getMedia)()
+      lastState: initial,
+      renderVersion: 0,
+      proxyTarget: initial,
+      proxy: void 0,
+      getSnapshot: void 0,
+      componentContext,
+      debug
     };
-  }
-  if (internalRef.current.pendingState) {
-    internalRef.current.lastState = internalRef.current.pendingState;
-    internalRef.current.pendingState = void 0;
-  }
-  var {
-    keys
-  } = internalRef.current;
-  if (keys.size) {
-    keys.clear();
-  }
-  var state = (0, import_react.useSyncExternalStore)(subscribe, function () {
-    var curKeys = (componentState === null || componentState === void 0 ? void 0 : componentState.keys) || keys;
-    var {
-      lastState,
-      pendingState
-    } = internalRef.current;
-    if (!curKeys.size) {
-      return lastState;
-    }
-    var ms = (0, import_mediaState.getMedia)();
-    var _iteratorNormalCompletion = true,
-      _didIteratorError = false,
-      _iteratorError = void 0;
-    try {
-      for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-        var key = _step.value;
-        if (ms[key] !== (pendingState || lastState)[key]) {
-          if (process.env.NODE_ENV === "development" && debug) {
-            console.warn(`useMedia() \u270D\uFE0F`, key, lastState[key], "=>", ms[key]);
-          }
-          if (componentContext === null || componentContext === void 0 ? void 0 : componentContext.mediaEmit) {
-            componentContext.mediaEmit(ms);
-            internalRef.current.pendingState = ms;
-            return lastState;
-          }
-          internalRef.current.lastState = ms;
-          return ms;
-        }
+    var tracker = Object.create(getTouchTrackerProto());
+    tracker[refSlot] = {
+      proxyTarget: initial,
+      keys: r.keys
+    };
+    r.proxy = tracker;
+    r.getSnapshot = function () {
+      var _States_get;
+      var curKeys = r.componentContext ? ((_States_get = States.get(r.componentContext)) === null || _States_get === void 0 ? void 0 : _States_get.keys) || r.keys : r.keys;
+      var {
+        lastState,
+        pendingState
+      } = r;
+      if (!curKeys.size) {
+        return lastState;
       }
-    } catch (err) {
-      _didIteratorError = true;
-      _iteratorError = err;
-    } finally {
+      var ms = (0, import_mediaState.getMedia)();
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
       try {
-        if (!_iteratorNormalCompletion && _iterator.return != null) {
-          _iterator.return();
+        for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var key = _step.value;
+          if (ms[key] !== (pendingState || lastState)[key]) {
+            var _r_componentContext;
+            if (process.env.NODE_ENV === "development" && r.debug) {
+              console.warn(`useMedia() \u270D\uFE0F`, key, lastState[key], "=>", ms[key]);
+            }
+            if ((_r_componentContext = r.componentContext) === null || _r_componentContext === void 0 ? void 0 : _r_componentContext.mediaEmit) {
+              r.componentContext.mediaEmit(ms);
+              r.pendingState = ms;
+              return lastState;
+            }
+            r.lastState = ms;
+            return ms;
+          }
         }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
       } finally {
-        if (_didIteratorError) {
-          throw _iteratorError;
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
         }
       }
-    }
-    return lastState;
-  }, getServerSnapshot);
-  return new Proxy(state, {
-    get(_, key) {
-      if (!disableMediaTouch && typeof key === "string") {
-        keys.add(key);
+      return lastState;
+    };
+    internalRef.current = r;
+  } else {
+    internalRef.current.componentContext = componentContext;
+    internalRef.current.debug = debug;
+  }
+  var ref = internalRef.current;
+  ref.renderVersion++;
+  if (ref.pendingState) {
+    ref.lastState = ref.pendingState;
+    ref.pendingState = void 0;
+  }
+  if (ref.keys.size) {
+    ref.keys.clear();
+  }
+  var [, forceUpdate] = (0, import_react.useReducer)(incReducer, 0);
+  var state = import_constants.isServer ? initState : ref.getSnapshot();
+  ref.proxyTarget = state;
+  ref.proxy[refSlot].proxyTarget = state;
+  (0, import_react.useEffect)(function () {
+    var _States_get;
+    var renderVersion = ref.renderVersion;
+    var shouldSubscribe = !ref.componentContext || !!((_States_get = States.get(ref.componentContext)) === null || _States_get === void 0 ? void 0 : _States_get.enabled);
+    if (shouldSubscribe) {
+      if (!ref.unsubscribe) {
+        ref.unsubscribe = subscribe(function () {
+          var next = ref.getSnapshot();
+          if (next !== ref.proxyTarget) {
+            ref.proxyTarget = next;
+            ref.proxy[refSlot].proxyTarget = next;
+            forceUpdate();
+          }
+        });
       }
-      return Reflect.get(state, key);
+    } else if (ref.unsubscribe) {
+      ref.unsubscribe();
+      ref.unsubscribe = void 0;
     }
+    return function () {
+      if (ref.renderVersion === renderVersion) {
+        var _ref_unsubscribe;
+        (_ref_unsubscribe = ref.unsubscribe) === null || _ref_unsubscribe === void 0 ? void 0 : _ref_unsubscribe.call(ref);
+        ref.unsubscribe = void 0;
+      }
+    };
   });
+  return ref.proxy;
 }
-var getServerSnapshot = function () {
-  return initState;
+var incReducer = function (c) {
+  return c + 1;
 };
 var disableMediaTouch = false;
 function _disableMediaTouch(val) {

package/dist/cjs/hooks/useMedia.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useMedia_exports","__export","_disableMediaTouch","configureMedia","getMediaImportanceIfMoreImportant","getMediaKey","getMediaKeyImportance","getMediaState","isMediaKey","mediaKeyMatch","mediaKeyToQuery","setMediaShouldUpdate","setupMediaListeners","updateMediaListeners","useMedia","module","exports","import_constants","require","import_react","import_config","import_createMediaStyle","import_matchMedia","import_mediaObjectToString","import_mediaState","import_pseudoDescriptors","mediaKeyRegex","key","mediaKeys","has","test","match","initState","mediaKeysOrdered","process","env","NODE_ENV","Error","indexOf","dispose","Set","mediaVersion","config","media","mediaQueryDefaultActive","getSetting","resetMediaStyleCache","getMedia","add","Object","assign","mediaQueryConfig","keys","unlisten","forEach","cb","clear","setupVersion","_loop","key2","str","mediaObjectToString","getMatch","matchMedia","addListener","update","removeListener","next","matches","setMediaState","isWeb","isServer","IS_STATIC","listeners","States","WeakMap","ref","enabled","cur","get","set","subscribe","subscriber","delete","componentContext","debug","componentState","internalRef","useRef","current","lastState","pendingState","size","state","useSyncExternalStore","curKeys","ms","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","console","warn","mediaEmit","err","return","getServerSnapshot","Proxy","_","disableMediaTouch","Reflect","val","mediaGroups","layout","res","fromEntries"],"sources":["../../../src/hooks/useMedia.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useMedia_exports","__export","_disableMediaTouch","configureMedia","getMediaImportanceIfMoreImportant","getMediaKey","getMediaKeyImportance","getMediaState","isMediaKey","mediaKeyMatch","mediaKeyToQuery","setMediaShouldUpdate","setupMediaListeners","updateMediaListeners","useMedia","module","exports","import_constants","require","import_react","import_config","import_createMediaStyle","import_matchMedia","import_mediaObjectToString","import_mediaState","import_pseudoDescriptors","mediaKeyRegex","key","mediaKeys","has","test","match","initState","mediaKeysOrdered","process","env","NODE_ENV","Error","indexOf","dispose","Set","mediaVersion","config","media","mediaQueryDefaultActive","getSetting","resetMediaStyleCache","resetMediaTouchTracker","getMedia","add","Object","assign","mediaQueryConfig","keys","unlisten","forEach","cb","clear","setupVersion","_loop","key2","str","mediaObjectToString","getMatch","matchMedia","addListener","update","removeListener","next","matches","setMediaState","isWeb","isServer","IS_STATIC","listeners","States","WeakMap","touchTrackerProto","refSlot","Symbol","buildTouchTrackerProto","proto","_iteratorNormalCompletion","_didIteratorError","_iteratorError","fullKey","_step","slice","enumerable","configurable","get","slot","disableMediaTouch","proxyTarget","_iterator","iterator","done","err","return","create","getTouchTrackerProto","ref","enabled","cur","set","subscribe","subscriber","delete","componentContext","debug","internalRef","useRef","current","initial","r","lastState","renderVersion","proxy","getSnapshot","tracker","_States_get","curKeys","pendingState","size","ms","_r_componentContext","console","warn","mediaEmit","forceUpdate","useReducer","incReducer","state","useEffect","shouldSubscribe","unsubscribe"],"sources":["../../../src/hooks/useMedia.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useTheme.cjs

@@ -37,12 +37,25 @@ const useTheme = () => {
   const res = theme;
   return res;
 };
-const useThemeWithState = (props, isRoot = false) => {
+const useThemeWithState = (props, isRoot = false, forThemeView = false) => {
   "use no memo";
 
-  const keys = (0, import_react.useRef)(null);
-  const schemeKeys = (0, import_react.useRef)(null);
-  const themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys);
+  const bag = (0, import_react.useRef)(null);
+  if (!bag.current) {
+    bag.current = {
+      keys: {
+        current: null
+      },
+      schemeKeys: {
+        current: null
+      }
+    };
+  }
+  const {
+    keys,
+    schemeKeys
+  } = bag.current;
+  const themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys, forThemeView);
   if (process.env.NODE_ENV === "development") {
     if (!props.passThrough && !themeState?.theme) {
       if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1") {

package/dist/cjs/hooks/useTheme.native.js

@@ -42,10 +42,24 @@ var useTheme = function () {
 var useThemeWithState = function (props) {
   "use no memo";
 
-  var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-  var keys = (0, import_react.useRef)(null);
-  var schemeKeys = (0, import_react.useRef)(null);
-  var themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys);
+  var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false,
+    forThemeView = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+  var bag = (0, import_react.useRef)(null);
+  if (!bag.current) {
+    bag.current = {
+      keys: {
+        current: null
+      },
+      schemeKeys: {
+        current: null
+      }
+    };
+  }
+  var {
+    keys,
+    schemeKeys
+  } = bag.current;
+  var themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys, forThemeView);
   if (process.env.NODE_ENV === "development") {
     if (!props.passThrough && !(themeState === null || themeState === void 0 ? void 0 : themeState.theme)) {
       if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1") {

package/dist/cjs/hooks/useTheme.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTheme_exports","__export","useTheme","useThemeWithState","module","exports","import_react","require","import_getThemeProxied","import_useThemeState","EMPTY","theme","res","props","isRoot","arguments","length","keys","useRef","schemeKeys","themeState","useThemeState","process","env","NODE_ENV","passThrough","TAMAGUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied","getThemeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,gBAAA;AAEvB,IAAAM,YAAA,GAAAC,OAAA,QAAmD;AACnD,IAAAC,sBAAA,GAA8BD,OAAA;AAE9B,IAAAE,oBAAe,GAAAF,OAAA;AAER,IAAAG,KAAM;AACX,IAAAR,QAAA,YAAAA,CAAA;EAEA,aAAY;;EACZ,KAAAS,KAAM,IAAMR,iBAAA,CAAAO,KAAA;EACZ,IAAAE,GAAO,GAAAD,KAAA;EACT,OAAAC,GAAA;AAOO;AAIL,IAAAT,iBAAA,YAAAA,CAAAU,KAAA;EAEA,aAAM;;EACN,IAAAC,MAAM,GAAAC,SAAA,CAAaC,MAAA,QAAAD,SAA2B,EAAI,eAAAA,SAAA;EAClD,IAAAE,IAAM,OAAAX,YAAa,CAAAY,MAAA;EAEnB,IAAIC,UAAQ,GAAI,IAAAb,YAAa,CAAAY,MAAA,MAAe;EAC1C,IAAAE,UAAW,OAAAX,oBAA4B,CAAAY,aAAO,EAAAR,KAAA,EAAAC,MAAA,EAAAG,IAAA,EAAAE,UAAA;EAC5C,IAAAG,OAAI,CAAAC,GAAA,CAAQC,QAAI;IACd,KAAAX,KAAA,CAAAY,WAAQ,MAAAL,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAAT,KAAA;MAAA,IACNW,OAAA,CAAAC,GAAA,CAAAG,gCAAA;QAAgGC,OAC9F,CAAAC,KAAA,4FAAAC,IAAA,CAAAC,SAAA,CAAAjB,KAAA;AAAA;AACD;MAAA;IAAA;EACH;EACF,IACFkB,YAAA,GAAAlB,KAAA,CAAAY,WAAA,YAAAjB,sBAAA,CAAAwB,eAAA,EAAAnB,KAAA,EAAAO,UAAA,EAAAH,IAAA,EAAAE,UAAA;EACF,QAEAY,YAAM,EAINX,UAAQ,CACV","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTheme_exports","__export","useTheme","useThemeWithState","module","exports","import_react","require","import_getThemeProxied","import_useThemeState","EMPTY","theme","res","props","isRoot","arguments","length","forThemeView","bag","useRef","current","keys","schemeKeys","themeState","useThemeState","process","env","NODE_ENV","passThrough","TAMAGUI_DISABLE_NO_THEME_WARNING","console","error","JSON","stringify","themeProxied","getThemeProxied"],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA8C,CAAAK,gBAAA;AAE9C,IAAAM,YAAA,GAAAC,OAAA,QAAmD;AACnD,IAAAC,sBAAA,GAA8BD,OAAA;AAE9B,IAAAE,oBAAe,GAAAF,OAAA;AAOR,IAAAG,KAAM;AACX,IAAAR,QAAA,YAAAA,CAAA;EAEA,aAAY;;EACZ,KAAAS,KAAM,IAAMR,iBAAA,CAAAO,KAAA;EACZ,IAAAE,GAAO,GAAAD,KAAA;EACT,OAAAC,GAAA;AAOO;AAYL,IAAAT,iBAAA,YAAAA,CAAAU,KAAA;EAKA,aAAM;;EACN,IAAIC,MAAK,GAAAC,SAAS,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAE,YAAA,GAAAF,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAChB,IAAAG,GAAI,OAAAZ,YAAU,CAAAa,MAAA;EAAA,IACZ,CAAAD,GAAA,CAAAE,OAAQ;IAAcF,GACtB,CAAAE,OAAA,GAAY;MACdC,IAAA;QACFD,OAAA;MACA;MACAE,UAAM;QAEFF,OAAQ;MACV;IACE;EACE;EAAQ;IAAAC,IACN;IAAAC;EAAA,IAAAJ,GAAA,CAAAE,OAAA;EAAgG,IAAAG,UAC9F,OAAAd,oBAAA,CAAAe,aAAA,EAAAX,KAAA,EAAAC,MAAA,EAAAO,IAAA,EAAAC,UAAA,EAAAL,YAAA;EAAA,IAAAQ,OACD,CAAAC,GAAA,CAAAC,QAAA;IAAA,KAAAd,KAAA,CAAAe,WAAA,MAAAL,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAAZ,KAAA;MAAA,IAAAc,OAAA,CAAAC,GAAA,CAAAG,gCAAA;QACHC,OAAA,CAAAC,KAAA,4FAAAC,IAAA,CAAAC,SAAA,CAAApB,KAAA;AAAA;AACF,sKACF;MACF;IAEA;EAIA;EACF,IAAAqB,YAAA,GAAArB,KAAA,CAAAe,WAAA,YAAApB,sBAAA,CAAA2B,eAAA,EAAAtB,KAAA,EAAAU,UAAA,EAAAF,IAAA,EAAAC,UAAA","ignoreList":[]}

package/dist/cjs/hooks/useThemeState.cjs

@@ -56,7 +56,8 @@ let themeNameCacheVer = -1;
 let themes = null;
 let rootThemeState = null;
 const getRootThemeState = () => rootThemeState;
-const useThemeState = (props, isRoot = false, keys, schemeKeys) => {
+const incReducer = c => c + 1;
+const useThemeState = (props, isRoot = false, keys, schemeKeys, cascadeOnChange = false) => {
   "use no memo";
 
   const {
@@ -72,69 +73,68 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? `
     theme: (0, import_config.getConfig)().themes.light
   };
   const id = (0, import_react.useId)();
-  const subscribe = (0, import_react.useCallback)(cb => {
-    listenersByParent[parentId] = listenersByParent[parentId] || /* @__PURE__ */new Set();
-    listenersByParent[parentId].add(id);
-    allListeners.set(id, () => {
-      PendingUpdate.set(id, shouldForce ? "force" : true);
-      cb();
-    });
-    return () => {
-      allListeners.delete(id);
-      listenersByParent[parentId].delete(id);
-      localStates.delete(id);
-      states.delete(id);
-      PendingUpdate.delete(id);
-    };
-  }, [id, parentId]);
   const propsKey = getPropsKey(props);
-  const getSnapshot = () => {
-    let local = localStates.get(id);
-    const parentState = states.get(parentId);
-    if (local && !PendingUpdate.has(id)) {
-      if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
-    }
-    const isSchemeOnlyChange = false;
-    const keysSize = keys?.current?.size ?? 0;
-    const allKeysSchemeOptimized = (schemeKeys?.current?.size ?? 0) === keysSize && keysSize > 0;
-    const canSkipForSchemeChange = isSchemeOnlyChange;
-    const needsUpdate = props.passThrough ? false : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : keys?.current?.size ? true : props.needsUpdate?.();
-    const [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
-    PendingUpdate.delete(id);
-    if (!local || rerender) {
-      local = {
-        ...next
-      };
-      localStates.set(id, local);
-    }
-    if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-      console.groupCollapsed(` ${id} getSnapshot ${rerender}`, local.name, ">", next.name);
-      console.info({
-        props,
-        propsKey,
-        isRoot,
-        parentId,
-        local,
-        next,
-        needsUpdate,
-        isSchemeOnlyChange,
-        allKeysSchemeOptimized,
-        canSkipForSchemeChange
-      });
-      console.groupEnd();
-    }
-    if (next !== local) {
-      Object.assign(local, next);
-      local.id = id;
-    }
-    local._parentName = parentState?.name;
-    local._propsKey = propsKey;
-    states.set(id, next);
-    return local;
-  };
+  const ref = (0, import_react.useRef)(null);
+  if (!ref.current) ref.current = {
+    id,
+    parentId,
+    props,
+    propsKey,
+    isRoot,
+    keys,
+    schemeKeys,
+    renderVersion: 0
+  };else {
+    ref.current.props = props;
+    ref.current.propsKey = propsKey;
+    ref.current.isRoot = isRoot;
+    ref.current.keys = keys;
+    ref.current.schemeKeys = schemeKeys;
+    ref.current.parentId = parentId;
+  }
+  ref.current.renderVersion++;
   if (process.env.NODE_ENV === "development" && globalThis.time) globalThis.time`theme-prep-uses`;
-  const state = (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+  const [, forceUpdate] = (0, import_react.useReducer)(incReducer, 0);
+  const state = getSnapshotImpl(ref.current);
+  ref.current.lastSnap = state;
+  (0, import_react.useEffect)(() => {
+    const r = ref.current;
+    const renderVersion = r.renderVersion;
+    if (r.unsubscribe && r.subscribedParentId !== r.parentId) cleanupThemeSubscription(r);
+    if (shouldSubscribeToTheme(r, cascadeOnChange)) {
+      if (!r.unsubscribe) {
+        const pid = r.parentId;
+        const sid = r.id;
+        const cb = () => {
+          const next = getSnapshotImpl(r);
+          if (next !== r.lastSnap) {
+            r.lastSnap = next;
+            forceUpdate();
+          }
+        };
+        listenersByParent[pid] = listenersByParent[pid] || /* @__PURE__ */new Set();
+        listenersByParent[pid].add(sid);
+        allListeners.set(sid, () => {
+          PendingUpdate.set(sid, shouldForce ? "force" : true);
+          cb();
+        });
+        r.subscribedParentId = pid;
+        r.unsubscribe = () => {
+          allListeners.delete(sid);
+          listenersByParent[pid]?.delete(sid);
+          localStates.delete(sid);
+          states.delete(sid);
+          PendingUpdate.delete(sid);
+          r.unsubscribe = void 0;
+          r.subscribedParentId = void 0;
+        };
+      }
+    } else if (r.unsubscribe) cleanupThemeSubscription(r);
+    return () => {
+      if (r.renderVersion === renderVersion) cleanupThemeState(r);
+    };
+  });
+  if (cascadeOnChange) (0, import_constants.useIsomorphicLayoutEffect)(() => {
     if (!HasRenderedOnce.get(keys)) {
       HasRenderedOnce.set(keys, true);
       return;
@@ -150,6 +150,70 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? `
   }, [keys, propsKey]);
   return state;
 };
+const shouldSubscribeToTheme = (r, cascadeOnChange) => r.isRoot || cascadeOnChange || hasThemeUpdatingProps(r.props) || !!r.keys.current?.size || !!r.props.needsUpdate?.();
+function cleanupThemeSubscription(r) {
+  r.unsubscribe?.();
+}
+function cleanupThemeState(r) {
+  if (r.unsubscribe) cleanupThemeSubscription(r);else {
+    localStates.delete(r.id);
+    states.delete(r.id);
+    PendingUpdate.delete(r.id);
+  }
+}
+const getSnapshotImpl = r => {
+  const {
+    id,
+    parentId,
+    props,
+    propsKey,
+    isRoot,
+    keys,
+    schemeKeys
+  } = r;
+  let local = localStates.get(id);
+  const parentState = states.get(parentId);
+  if (local && !PendingUpdate.has(id)) {
+    if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
+  }
+  const isSchemeOnlyChange = false;
+  const keysSize = keys?.current?.size ?? 0;
+  const allKeysSchemeOptimized = (schemeKeys?.current?.size ?? 0) === keysSize && keysSize > 0;
+  const canSkipForSchemeChange = isSchemeOnlyChange;
+  const needsUpdate = props.passThrough ? false : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : keys?.current?.size ? true : props.needsUpdate?.();
+  const [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
+  PendingUpdate.delete(id);
+  if (!local || rerender) {
+    local = {
+      ...next
+    };
+    localStates.set(id, local);
+  }
+  if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+    console.groupCollapsed(` ${id} getSnapshot ${rerender}`, local.name, ">", next.name);
+    console.info({
+      props,
+      propsKey,
+      isRoot,
+      parentId,
+      local,
+      next,
+      needsUpdate,
+      isSchemeOnlyChange,
+      allKeysSchemeOptimized,
+      canSkipForSchemeChange
+    });
+    console.groupEnd();
+  }
+  if (next !== local) {
+    Object.assign(local, next);
+    local.id = id;
+  }
+  local._parentName = parentState?.name;
+  local._propsKey = propsKey;
+  states.set(id, next);
+  return local;
+};
 const getNextState = (lastState, props, propsKey, isRoot = false, id, parentId, needsUpdate, pendingUpdate) => {
   const {
     debug
@@ -184,12 +248,13 @@ const getNextState = (lastState, props, propsKey, isRoot = false, id, parentId,
     }];
   }
   if (!name) {
-    const next = lastState ?? parentState;
-    if (!next) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants2.MISSING_THEME_MESSAGE}
-
-Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? ` (component: ${props.componentName})` : ""}, but no theme state was resolved (parentId: ${parentId}, id: ${id}).` : import_constants2.MISSING_THEME_MESSAGE);
+    const next = lastState ?? parentState ?? rootThemeState ?? {
+      id,
+      name: "light",
+      theme: (0, import_config.getConfig)().themes.light
+    };
     if (shouldRerender) return [true, {
-      ...(parentState || lastState)
+      ...(parentState || lastState || next)
     }];
     return [false, next];
   }