@tamagui/web 2.3.3 → 2.4.0-1783110557100

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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useTheme_exports","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":["useTheme.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useTheme_exports = {};\n__export(useTheme_exports, {\n  useTheme: () => useTheme,\n  useThemeWithState: () => useThemeWithState\n});\nmodule.exports = __toCommonJS(useTheme_exports);\nvar import_react = require(\"react\");\nvar import_getThemeProxied = require(\"./getThemeProxied\");\nvar import_useThemeState = require(\"./useThemeState\");\nvar EMPTY = {};\nvar useTheme = function() {\n  \"use no memo\";\n  var [theme] = useThemeWithState(EMPTY);\n  var res = theme;\n  return res;\n};\nvar useThemeWithState = function(props) {\n  \"use no memo\";\n  var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, forThemeView = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;\n  var bag = (0, import_react.useRef)(null);\n  if (!bag.current) {\n    bag.current = {\n      keys: {\n        current: null\n      },\n      schemeKeys: {\n        current: null\n      }\n    };\n  }\n  var { keys, schemeKeys } = bag.current;\n  var themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys, schemeKeys, forThemeView);\n  if (process.env.NODE_ENV === \"development\") {\n    if (!props.passThrough && !(themeState === null || themeState === void 0 ? void 0 : themeState.theme)) {\n      if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== \"1\") {\n        console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).\n\nIf this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`);\n      }\n    }\n  }\n  var themeProxied = props.passThrough ? {} : (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys, schemeKeys);\n  return [\n    themeProxied,\n    themeState\n  ];\n};\n//# sourceMappingURL=useTheme.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useThemeName_exports","__export","useThemeName","module","exports","import_useThemeState","require","forceUpdateState","forceClassName","deopt","needsUpdate"],"sources":["../../../src/hooks/useThemeName.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA8B,CAAAK,oBAAA;AAG9B,IAAAK,oBAAM,GAAqBC,OAAA,4BAAsB;AACjD,IAAAC,gBAAoB;EAEbC,cAAS;EACdC,KAAA,MAAO;EACTC,WAAA,WAAAA,CAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useThemeName_exports","useThemeName","module","exports","import_useThemeState","require","forceUpdateState","forceClassName","deopt","needsUpdate","forceKeys","current","Set","_useThemeState","useThemeState"],"sources":["useThemeName.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useThemeName_exports = {};\n__export(useThemeName_exports, {\n  useThemeName: () => useThemeName\n});\nmodule.exports = __toCommonJS(useThemeName_exports);\nvar import_useThemeState = require(\"./useThemeState\");\nvar forceUpdateState = {\n  forceClassName: true,\n  deopt: true,\n  needsUpdate: function() {\n    return true;\n  }\n};\nvar forceKeys = {\n  current: /* @__PURE__ */ new Set([\n    \"\"\n  ])\n};\nfunction useThemeName() {\n  var _useThemeState;\n  return ((_useThemeState = (0, import_useThemeState.useThemeState)(forceUpdateState, false, forceKeys)) === null || _useThemeState === void 0 ? void 0 : _useThemeState.name) || \"\";\n}\n//# sourceMappingURL=useThemeName.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,oBAAoB,GAAG,CAAC,CAAC;AAC7BhB,QAAQ,CAACgB,oBAAoB,EAAE;EAC7BC,YAAY,EAAEA,CAAA,KAAMA;AACtB,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,oBAAoB,CAAC;AACnD,IAAII,oBAAoB,GAAGC,OAAO,CAAC,2BAAiB,CAAC;AACrD,IAAIC,gBAAgB,GAAG;EACrBC,cAAc,EAAE,IAAI;EACpBC,KAAK,EAAE,IAAI;EACXC,WAAW,EAAE,SAAAA,CAAA,EAAW;IACtB,OAAO,IAAI;EACb;AACF,CAAC;AACD,IAAIC,SAAS,GAAG;EACdC,OAAO,EAAE,eAAgB,IAAIC,GAAG,CAAC,CAC/B,EAAE,CACH;AACH,CAAC;AACD,SAASX,YAAYA,CAAA,EAAG;EACtB,IAAIY,cAAc;EAClB,OAAO,CAAC,CAACA,cAAc,GAAG,CAAC,CAAC,EAAET,oBAAoB,CAACU,aAAa,EAAER,gBAAgB,EAAE,KAAK,EAAEI,SAAS,CAAC,MAAM,IAAI,IAAIG,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,IAAI,KAAK,EAAE;AACpL","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];
   }

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

@@ -67,12 +67,16 @@ var getRootThemeState = function () {
 var getThemeBaseName = function (name) {
   return name.replace(/^(light|dark)_/, "");
 };
+var incReducer = function (c) {
+  return c + 1;
+};
 var useThemeState = function (props) {
   "use no memo";
 
   var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false,
     keys = arguments.length > 2 ? arguments[2] : void 0,
-    schemeKeys = arguments.length > 3 ? arguments[3] : void 0;
+    schemeKeys = arguments.length > 3 ? arguments[3] : void 0,
+    cascadeOnChange = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false;
   var {
     disable
   } = props;
@@ -86,72 +90,69 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? `
     theme: (0, import_config.getConfig)().themes.light
   };
   var id = (0, import_react.useId)();
-  var subscribe = (0, import_react.useCallback)(function (cb) {
-    listenersByParent[parentId] = listenersByParent[parentId] || /* @__PURE__ */new Set();
-    listenersByParent[parentId].add(id);
-    allListeners.set(id, function () {
-      PendingUpdate.set(id, shouldForce ? "force" : true);
-      cb();
-    });
-    return function () {
-      allListeners.delete(id);
-      listenersByParent[parentId].delete(id);
-      localStates.delete(id);
-      states.delete(id);
-      PendingUpdate.delete(id);
-    };
-  }, [id, parentId]);
   var propsKey = getPropsKey(props);
-  var getSnapshot = function () {
-    var _keys_current, _schemeKeys_current, _keys_current1, _props_needsUpdate;
-    var local = localStates.get(id);
-    var parentState = states.get(parentId);
-    if (local && !PendingUpdate.has(id)) {
-      if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
-    }
-    var isSchemeOnlyChange = import_constants.supportsDynamicColorIOS && (0, import_config.getSetting)("fastSchemeChange") && local && parentState && local.scheme !== parentState.scheme && getThemeBaseName(local.name) === getThemeBaseName(parentState.name);
-    var _keys_current_size;
-    var keysSize = (_keys_current_size = keys === null || keys === void 0 ? void 0 : (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) !== null && _keys_current_size !== void 0 ? _keys_current_size : 0;
-    var _schemeKeys_current_size;
-    var allKeysSchemeOptimized = ((_schemeKeys_current_size = schemeKeys === null || schemeKeys === void 0 ? void 0 : (_schemeKeys_current = schemeKeys.current) === null || _schemeKeys_current === void 0 ? void 0 : _schemeKeys_current.size) !== null && _schemeKeys_current_size !== void 0 ? _schemeKeys_current_size : 0) === keysSize && keysSize > 0;
-    var canSkipForSchemeChange = isSchemeOnlyChange && allKeysSchemeOptimized;
-    var needsUpdate = props.passThrough ? false : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : canSkipForSchemeChange ? false : (keys === null || keys === void 0 ? void 0 : (_keys_current1 = keys.current) === null || _keys_current1 === void 0 ? void 0 : _keys_current1.size) ? true : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props);
-    var [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 === null || parentState === void 0 ? void 0 : parentState.name;
-    local._propsKey = propsKey;
-    states.set(id, next);
-    return local;
-  };
+  var 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`;
-  var state = (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-  (0, import_constants.useIsomorphicLayoutEffect)(function () {
+  var [, forceUpdate] = (0, import_react.useReducer)(incReducer, 0);
+  var state = getSnapshotImpl(ref.current);
+  ref.current.lastSnap = state;
+  (0, import_react.useEffect)(function () {
+    var r = ref.current;
+    var renderVersion = r.renderVersion;
+    if (r.unsubscribe && r.subscribedParentId !== r.parentId) cleanupThemeSubscription(r);
+    if (shouldSubscribeToTheme(r, cascadeOnChange)) {
+      if (!r.unsubscribe) {
+        var pid = r.parentId;
+        var sid = r.id;
+        var cb = function () {
+          var 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, function () {
+          PendingUpdate.set(sid, shouldForce ? "force" : true);
+          cb();
+        });
+        r.subscribedParentId = pid;
+        r.unsubscribe = function () {
+          var _listenersByParent_pid;
+          allListeners.delete(sid);
+          (_listenersByParent_pid = listenersByParent[pid]) === null || _listenersByParent_pid === void 0 || _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 function () {
+      if (r.renderVersion === renderVersion) cleanupThemeState(r);
+    };
+  });
+  if (cascadeOnChange) (0, import_constants.useIsomorphicLayoutEffect)(function () {
     if (!HasRenderedOnce.get(keys)) {
       HasRenderedOnce.set(keys, true);
       return;
@@ -170,6 +171,77 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? `
   }, [keys, propsKey]);
   return state;
 };
+var shouldSubscribeToTheme = function (r, cascadeOnChange) {
+  var _r_keys_current, _r_props_needsUpdate, _r_props;
+  return r.isRoot || cascadeOnChange || hasThemeUpdatingProps(r.props) || !!((_r_keys_current = r.keys.current) === null || _r_keys_current === void 0 ? void 0 : _r_keys_current.size) || !!((_r_props_needsUpdate = (_r_props = r.props).needsUpdate) === null || _r_props_needsUpdate === void 0 ? void 0 : _r_props_needsUpdate.call(_r_props));
+};
+function cleanupThemeSubscription(r) {
+  var _r_unsubscribe;
+  (_r_unsubscribe = r.unsubscribe) === null || _r_unsubscribe === void 0 || _r_unsubscribe.call(r);
+}
+function cleanupThemeState(r) {
+  if (r.unsubscribe) cleanupThemeSubscription(r);else {
+    localStates.delete(r.id);
+    states.delete(r.id);
+    PendingUpdate.delete(r.id);
+  }
+}
+var getSnapshotImpl = function (r) {
+  var _keys_current, _schemeKeys_current, _keys_current1, _props_needsUpdate;
+  var {
+    id,
+    parentId,
+    props,
+    propsKey,
+    isRoot,
+    keys,
+    schemeKeys
+  } = r;
+  var local = localStates.get(id);
+  var parentState = states.get(parentId);
+  if (local && !PendingUpdate.has(id)) {
+    if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
+  }
+  var isSchemeOnlyChange = import_constants.supportsDynamicColorIOS && (0, import_config.getSetting)("fastSchemeChange") && local && parentState && local.scheme !== parentState.scheme && getThemeBaseName(local.name) === getThemeBaseName(parentState.name);
+  var _keys_current_size;
+  var keysSize = (_keys_current_size = keys === null || keys === void 0 ? void 0 : (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) !== null && _keys_current_size !== void 0 ? _keys_current_size : 0;
+  var _schemeKeys_current_size;
+  var allKeysSchemeOptimized = ((_schemeKeys_current_size = schemeKeys === null || schemeKeys === void 0 ? void 0 : (_schemeKeys_current = schemeKeys.current) === null || _schemeKeys_current === void 0 ? void 0 : _schemeKeys_current.size) !== null && _schemeKeys_current_size !== void 0 ? _schemeKeys_current_size : 0) === keysSize && keysSize > 0;
+  var canSkipForSchemeChange = isSchemeOnlyChange && allKeysSchemeOptimized;
+  var needsUpdate = props.passThrough ? false : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : canSkipForSchemeChange ? false : (keys === null || keys === void 0 ? void 0 : (_keys_current1 = keys.current) === null || _keys_current1 === void 0 ? void 0 : _keys_current1.size) ? true : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props);
+  var [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 === null || parentState === void 0 ? void 0 : parentState.name;
+  local._propsKey = propsKey;
+  states.set(id, next);
+  return local;
+};
 var getNextState = function (lastState, props, propsKey) {
   var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false,
     id = arguments.length > 4 ? arguments[4] : void 0,
@@ -199,12 +271,14 @@ var getNextState = function (lastState, props, propsKey) {
     }];
   }
   if (!name) {
-    var next = lastState !== null && lastState !== void 0 ? 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);
+    var _ref, _ref1;
+    var next = (_ref1 = (_ref = lastState !== null && lastState !== void 0 ? lastState : parentState) !== null && _ref !== void 0 ? _ref : rootThemeState) !== null && _ref1 !== void 0 ? _ref1 : {
+      id,
+      name: "light",
+      theme: (0, import_config.getConfig)().themes.light
+    };
     if (shouldRerender) return [true, {
-      ...(parentState || lastState)
+      ...(parentState || lastState || next)
     }];
     return [false, next];
   }