@tamagui/web 2.0.0-rc.8 → 2.0.0

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

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useThemeState_exports = {};
 __export(useThemeState_exports, {
@@ -30,190 +32,234 @@ __export(useThemeState_exports, {
   useThemeState: () => useThemeState
 });
 module.exports = __toCommonJS(useThemeState_exports);
-var import_constants = require("@tamagui/constants"),
-  import_constants2 = require("@tamagui/constants"),
-  import_react = require("react"),
-  import_config = require("../config.native.js"),
-  import_constants3 = require("../constants/constants.native.js"),
-  ThemeStateContext = (0, import_react.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,
-  forceUpdateThemes = function () {
-    cacheVersion++, shouldForce = !0, allListeners.forEach(function (cb) {
-      return cb();
-    });
-  },
-  getThemeState = function (id) {
-    return states.get(id);
-  },
-  cacheVersion = 0,
-  themes = null,
-  rootThemeState = null,
-  getRootThemeState = function () {
-    return rootThemeState;
-  },
-  getThemeBaseName = function (name) {
-    return name.replace(/^(light|dark)_/, "");
-  },
-  useThemeState = function (props) {
-    var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1,
-      keys = arguments.length > 2 ? arguments[2] : void 0,
-      schemeKeys = arguments.length > 3 ? arguments[3] : void 0,
-      {
-        disable
-      } = props,
-      parentId = (0, import_react.useContext)(ThemeStateContext);
-    if (!parentId && !isRoot) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants3.MISSING_THEME_MESSAGE}
+var import_constants = require("@tamagui/constants");
+var import_constants2 = require("@tamagui/constants");
+var import_react = require("react");
+var import_config = require("../config.native.js");
+var import_constants3 = require("../constants/constants.native.js");
+var ThemeStateContext = (0, import_react.createContext)("");
+var allListeners = /* @__PURE__ */new Map();
+var listenersByParent = {};
+var HasRenderedOnce = /* @__PURE__ */new WeakMap();
+var HadTheme = /* @__PURE__ */new WeakMap();
+var PendingUpdate = /* @__PURE__ */new Map();
+var states = /* @__PURE__ */new Map();
+var localStates = /* @__PURE__ */new Map();
+var shouldForce = false;
+var forceUpdateThemes = function () {
+  cacheVersion++;
+  shouldForce = true;
+  allListeners.forEach(function (cb) {
+    return cb();
+  });
+  shouldForce = false;
+};
+var getThemeState = function (id) {
+  return states.get(id);
+};
+var cacheVersion = 0;
+var themeNameCache = /* @__PURE__ */new Map();
+var themeNameCacheVer = -1;
+var themes = null;
+var rootThemeState = null;
+var getRootThemeState = function () {
+  return rootThemeState;
+};
+var getThemeBaseName = function (name) {
+  return name.replace(/^(light|dark)_/, "");
+};
+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;
+  var {
+    disable
+  } = props;
+  var parentId = (0, import_react.useContext)(ThemeStateContext);
+  if (!parentId && !isRoot) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants3.MISSING_THEME_MESSAGE}
 
 Looked for theme${props.name ? ` "${props.name}"` : ""}${props.componentName ? ` (component: ${props.componentName})` : ""}, but no parent theme context was found (parentId: ${parentId}).` : import_constants3.MISSING_THEME_MESSAGE);
-    if (disable) return states.get(parentId) || {
-      id: "",
-      name: "light",
-      theme: (0, import_config.getConfig)().themes.light
+  if (disable) return states.get(parentId) || {
+    id: "",
+    name: "light",
+    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);
     };
-    var id = (0, import_react.useId)(),
-      subscribe = (0, import_react.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();
-        }), function () {
-          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,
-          _schemeKeys_current,
-          _keys_current1,
-          _props_needsUpdate,
-          local = localStates.get(id),
-          parentState = states.get(parentId),
-          isSchemeOnlyChange = import_constants.isIos && (0, import_config.getSetting)("fastSchemeChange") && local && parentState && local.scheme !== parentState.scheme && getThemeBaseName(local.name) === getThemeBaseName(parentState.name),
-          _keys_current_size,
-          keysSize = (_keys_current_size = keys == null || (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) !== null && _keys_current_size !== void 0 ? _keys_current_size : 0,
-          _schemeKeys_current_size,
-          schemeKeysSize = (_schemeKeys_current_size = schemeKeys == null || (_schemeKeys_current = schemeKeys.current) === null || _schemeKeys_current === void 0 ? void 0 : _schemeKeys_current.size) !== null && _schemeKeys_current_size !== void 0 ? _schemeKeys_current_size : 0,
-          allKeysSchemeOptimized = schemeKeysSize === keysSize && keysSize > 0,
-          canSkipForSchemeChange = isSchemeOnlyChange && allKeysSchemeOptimized,
-          needsUpdate = props.passThrough ? !1 : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? !0 : HasRenderedOnce.get(keys) ? canSkipForSchemeChange ? !1 : !(keys == null || (_keys_current1 = keys.current) === null || _keys_current1 === void 0) && _keys_current1.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 === "verbose" && (console.groupCollapsed(` ${id} getSnapshot ${rerender}`, local.name, ">", next.name), console.info({
-          props,
-          propsKey,
-          isRoot,
-          parentId,
-          local,
-          next,
-          needsUpdate,
-          isSchemeOnlyChange,
-          allKeysSchemeOptimized,
-          canSkipForSchemeChange
-        }), console.groupEnd()), Object.assign(local, next), local.id = id, states.set(id, next), local;
+  }, [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.isIos && (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
       };
-    process.env.NODE_ENV === "development" && globalThis.time && globalThis.time`theme-prep-uses`;
-    var state = (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-    return (0, import_constants2.useIsomorphicLayoutEffect)(function () {
-      if (!HasRenderedOnce.get(keys)) {
-        HasRenderedOnce.set(keys, !0);
-        return;
-      }
-      if (!propsKey) {
-        HadTheme.get(keys) && scheduleUpdate(id), HadTheme.set(keys, !1);
-        return;
-      }
-      if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-        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,
-      pendingUpdate = arguments.length > 7 ? arguments[7] : void 0,
-      {
-        debug
-      } = props,
-      parentState = states.get(parentId);
-    if (props.passThrough) return [!1, lastState || parentState || {
-      name: ""
-    }];
-    themes || (themes = (0, import_config.getConfig)().themes);
-    var name = !propsKey && (!lastState || !lastState?.isNew) ? null : getNewThemeName(parentState?.name, props, pendingUpdate === "force" ? !0 : !!needsUpdate),
-      isSameAsParent = parentState && (!name || name === parentState.name),
-      shouldRerender = !!(pendingUpdate === "force" || needsUpdate && (pendingUpdate || lastState?.name !== parentState?.name));
-    if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      var message = ` \xB7 useTheme(${id}) getNextState => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`;
-      console.info(message);
+      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;
     }
-    if (isSameAsParent) return [shouldRerender, {
+    local._parentName = parentState === null || parentState === void 0 ? void 0 : parentState.name;
+    local._propsKey = propsKey;
+    states.set(id, next);
+    return local;
+  };
+  if (process.env.NODE_ENV === "development" && globalThis.time) globalThis.time`theme-prep-uses`;
+  var state = (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+  (0, import_constants2.useIsomorphicLayoutEffect)(function () {
+    if (!HasRenderedOnce.get(keys)) {
+      HasRenderedOnce.set(keys, true);
+      return;
+    }
+    if (!propsKey) {
+      if (HadTheme.get(keys)) scheduleUpdate(id);
+      HadTheme.set(keys, false);
+      return;
+    }
+    if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
+      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, true);
+  }, [keys, propsKey]);
+  return state;
+};
+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,
+    parentId = arguments.length > 5 ? arguments[5] : void 0,
+    needsUpdate = arguments.length > 6 ? arguments[6] : void 0,
+    pendingUpdate = arguments.length > 7 ? arguments[7] : void 0;
+  var {
+    debug
+  } = props;
+  var parentState = states.get(parentId);
+  if (props.passThrough) return [false, lastState || parentState || {
+    name: ""
+  }];
+  if (!themes) themes = (0, import_config.getConfig)().themes;
+  var name = !propsKey && (!lastState || !(lastState === null || lastState === void 0 ? void 0 : lastState.isNew)) ? null : getNewThemeName(parentState === null || parentState === void 0 ? void 0 : parentState.name, props, pendingUpdate === "force" ? true : !!needsUpdate);
+  var isSameAsParent = parentState && (!name || name === parentState.name);
+  var shouldRerender = Boolean(pendingUpdate === "force" || needsUpdate && (pendingUpdate || (lastState === null || lastState === void 0 ? void 0 : lastState.name) !== (parentState === null || parentState === void 0 ? void 0 : parentState.name)));
+  if (process.env.NODE_ENV === "development" && debug === "verbose") {
+    var message = ` \xB7 useTheme(${id}) getNextState => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`;
+    console.info(message);
+  }
+  if (isSameAsParent) {
+    if (!shouldRerender && lastState && lastState.name === parentState.name) return [false, lastState];
+    return [shouldRerender, {
       ...parentState,
-      isNew: !1
+      isNew: false
     }];
-    if (!name) {
-      var next = lastState ?? parentState;
-      if (!next) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants3.MISSING_THEME_MESSAGE}
+  }
+  if (!name) {
+    var next = lastState !== null && lastState !== void 0 ? lastState : parentState;
+    if (!next) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants3.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_constants3.MISSING_THEME_MESSAGE);
-      if (shouldRerender) {
-        var updated = {
-          ...(parentState || lastState)
-        };
-        return [!0, updated];
-      }
-      return [!1, next];
-    }
-    var scheme = getScheme(name),
-      isInverse = parentState && scheme !== parentState.scheme,
-      nextState = {
-        id,
-        name,
-        theme: themes[name],
-        scheme,
-        parentId,
-        parentName: parentState?.name,
-        // inverses,
-        isInverse,
-        isNew: !0
-      };
-    if (isRoot && (rootThemeState = nextState), pendingUpdate !== "force" && lastState && lastState.name === name) return [!1, nextState];
-    var shouldAvoidRerender = pendingUpdate !== "force" && lastState && !needsUpdate && nextState.name === lastState.name;
-    return process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F ${name} shouldAvoidRerender: ${shouldAvoidRerender}`), console.info({
+    if (shouldRerender) return [true, {
+      ...(parentState || lastState)
+    }];
+    return [false, next];
+  }
+  var scheme = getScheme(name);
+  var isInverse = parentState && scheme !== parentState.scheme;
+  var nextState = {
+    id,
+    name,
+    theme: themes[name],
+    scheme,
+    parentId,
+    parentName: parentState === null || parentState === void 0 ? void 0 : parentState.name,
+    isInverse,
+    isNew: true
+  };
+  if (isRoot) rootThemeState = nextState;
+  if (pendingUpdate !== "force" && lastState && lastState.name === name) return [false, nextState];
+  var shouldAvoidRerender = pendingUpdate !== "force" && lastState && !needsUpdate && nextState.name === lastState.name;
+  if (process.env.NODE_ENV === "development" && debug === "verbose") {
+    console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F ${name} shouldAvoidRerender: ${shouldAvoidRerender}`);
+    console.info({
       lastState,
       needsUpdate,
       nextState,
       pendingUpdate
-    }), console.groupEnd()), shouldAvoidRerender ? [!1, nextState] : [!0, nextState];
-  };
+    });
+    console.groupEnd();
+  }
+  if (shouldAvoidRerender) return [false, nextState];
+  return [true, nextState];
+};
 function scheduleUpdate(id) {
-  for (var queue = [id], visited = /* @__PURE__ */new Set(); queue.length;) {
-    var parent = queue.shift(),
-      children = listenersByParent[parent];
+  var queue = [id];
+  var visited = /* @__PURE__ */new Set();
+  while (queue.length) {
+    var children = listenersByParent[queue.shift()];
     if (children) {
-      var _iteratorNormalCompletion = !0,
-        _didIteratorError = !1,
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
         _iteratorError = void 0;
       try {
-        for (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+        for (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
           var childId = _step.value;
-          visited.has(childId) || (visited.add(childId), queue.push(childId));
+          if (!visited.has(childId)) {
+            visited.add(childId);
+            queue.push(childId);
+          }
         }
       } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
+        _didIteratorError = true;
+        _iteratorError = err;
       } finally {
         try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
         } finally {
           if (_didIteratorError) throw _iteratorError;
         }
@@ -222,7 +268,7 @@ function scheduleUpdate(id) {
   }
   visited.forEach(function (childId2) {
     var cb = allListeners.get(childId2);
-    cb?.();
+    cb === null || cb === void 0 || cb();
   });
 }
 var validSchemes = {
@@ -235,38 +281,50 @@ function getScheme(name) {
 function getNewThemeName() {
   var parentName = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "",
     props = arguments.length > 1 ? arguments[1] : void 0,
-    forceUpdate = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1,
-    {
-      name,
-      reset
-    } = props,
-    componentName = props.unstyled ? void 0 : props.componentName;
-  if (name && reset) throw new Error(process.env.NODE_ENV === "production" ? "\u274C004" : "Cannot reset and set a new name at the same time.");
+    forceUpdate = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+  var {
+    name,
+    reset
+  } = props;
+  var componentName = props.unstyled ? void 0 : props.componentName;
+  if (name && reset) throw new Error(process.env.NODE_ENV === "production" ? `\u274C004` : "Cannot reset and set a new name at the same time.");
+  var cacheKey = `${parentName}|${name || ""}|${componentName || ""}|${reset ? 1 : 0}|${forceUpdate ? 1 : 0}`;
+  if (themeNameCacheVer !== cacheVersion) {
+    themeNameCache.clear();
+    themeNameCacheVer = cacheVersion;
+  } else {
+    var cached = themeNameCache.get(cacheKey);
+    if (cached !== void 0) return cached;
+  }
   var {
     themes: themes2
   } = (0, import_config.getConfig)();
   if (reset) {
-    var isSchemeOnly = parentName === "light" || parentName === "dark";
-    if (isSchemeOnly) return parentName === "light" ? "dark" : "light";
-    var lastPartIndex = parentName.lastIndexOf("_"),
-      name1 = lastPartIndex <= 0 ? parentName : parentName.slice(lastPartIndex),
-      scheme = parentName.slice(0, lastPartIndex),
-      result = themes2[name1] ? name1 : scheme;
-    return result;
+    if (parentName === "light" || parentName === "dark") {
+      var result = parentName === "light" ? "dark" : "light";
+      themeNameCache.set(cacheKey, result);
+      return result;
+    }
+    var lastPartIndex = parentName.lastIndexOf("_");
+    var name1 = lastPartIndex <= 0 ? parentName : parentName.slice(lastPartIndex);
+    var scheme = parentName.slice(0, lastPartIndex);
+    var result1 = themes2[name1] ? name1 : scheme;
+    themeNameCache.set(cacheKey, result1);
+    return result1;
   }
-  var parentParts = parentName.split("_"),
-    lastName = parentParts[parentParts.length - 1];
-  lastName && lastName[0].toLowerCase() !== lastName[0] && parentParts.pop();
-  var subNames = [name && componentName ? `${name}_${componentName}` : void 0, name, componentName].filter(Boolean),
-    found = null;
+  var parentParts = parentName.split("_");
+  var lastName = parentParts[parentParts.length - 1];
+  if (lastName && lastName[0].toLowerCase() !== lastName[0]) parentParts.pop();
+  var subNames = [name && componentName ? `${name}_${componentName}` : void 0, name, componentName].filter(Boolean);
+  var found = null;
   if (name) {
     var nameHasScheme = getScheme(name);
     if (nameHasScheme) {
-      var _iteratorNormalCompletion = !0,
-        _didIteratorError = !1,
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
         _iteratorError = void 0;
       try {
-        for (var _iterator = subNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+        for (var _iterator = subNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
           var subName = _step.value;
           if (subName in themes2) {
             found = subName;
@@ -274,31 +332,32 @@ function getNewThemeName() {
           }
         }
       } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
+        _didIteratorError = true;
+        _iteratorError = err;
       } finally {
         try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
         } finally {
           if (_didIteratorError) throw _iteratorError;
         }
       }
     }
     if (!found && !nameHasScheme) {
-      var parentScheme = getScheme(parentName);
-      if (parentScheme) {
-        for (var potentialBases = [], i = parentParts.length; i >= 1; i--) potentialBases.push(parentParts.slice(0, i).join("_"));
-        var _iteratorNormalCompletion1 = !0,
-          _didIteratorError1 = !1,
+      if (getScheme(parentName)) {
+        var potentialBases = [];
+        for (var i = parentParts.length; i >= 1; i--) potentialBases.push(parentParts.slice(0, i).join("_"));
+        var _iteratorNormalCompletion1 = true,
+          _didIteratorError1 = false,
           _iteratorError1 = void 0;
         try {
-          outer: for (var _iterator1 = potentialBases[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) {
-            var base = _step1.value,
-              candidates = [componentName ? `${base}_${name}_${componentName}` : void 0, `${base}_${name}`].filter(Boolean),
-              _iteratorNormalCompletion2 = !0,
-              _didIteratorError2 = !1,
+          outer: for (var _iterator1 = potentialBases[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+            var base = _step1.value;
+            var candidates = [componentName ? `${base}_${name}_${componentName}` : void 0, `${base}_${name}`].filter(Boolean);
+            var _iteratorNormalCompletion2 = true,
+              _didIteratorError2 = false,
               _iteratorError2 = void 0;
             try {
-              for (var _iterator2 = candidates[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
+              for (var _iterator2 = candidates[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
                 var potential = _step2.value;
                 if (potential in themes2) {
                   found = potential;
@@ -306,20 +365,22 @@ function getNewThemeName() {
                 }
               }
             } catch (err) {
-              _didIteratorError2 = !0, _iteratorError2 = err;
+              _didIteratorError2 = true;
+              _iteratorError2 = err;
             } finally {
               try {
-                !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
+                if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
               } finally {
                 if (_didIteratorError2) throw _iteratorError2;
               }
             }
           }
         } catch (err) {
-          _didIteratorError1 = !0, _iteratorError1 = err;
+          _didIteratorError1 = true;
+          _iteratorError1 = err;
         } finally {
           try {
-            !_iteratorNormalCompletion1 && _iterator1.return != null && _iterator1.return();
+            if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
           } finally {
             if (_didIteratorError1) throw _iteratorError1;
           }
@@ -329,47 +390,53 @@ function getNewThemeName() {
   }
   if (!found) if (!name && componentName) {
     var potential1 = `${parentParts.join("_")}_${componentName}`;
-    potential1 in themes2 && (found = potential1);
-  } else for (var max = parentParts.length, i1 = 0; i1 <= max; i1++) {
-    var base1 = (i1 === 0 ? parentParts : parentParts.slice(0, -i1)).join("_"),
-      _iteratorNormalCompletion3 = !0,
-      _didIteratorError3 = !1,
-      _iteratorError3 = void 0;
-    try {
-      for (var _iterator3 = subNames[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = !0) {
-        var subName1 = _step3.value,
-          potential2 = base1 ? `${base1}_${subName1}` : subName1;
-        if (potential2 in themes2) {
-          found = potential2;
-          break;
-        }
-      }
-    } catch (err) {
-      _didIteratorError3 = !0, _iteratorError3 = err;
-    } finally {
+    if (potential1 in themes2) found = potential1;
+  } else {
+    var max = parentParts.length;
+    for (var i1 = 0; i1 <= max; i1++) {
+      var base1 = (i1 === 0 ? parentParts : parentParts.slice(0, -i1)).join("_");
+      var _iteratorNormalCompletion3 = true,
+        _didIteratorError3 = false,
+        _iteratorError3 = void 0;
       try {
-        !_iteratorNormalCompletion3 && _iterator3.return != null && _iterator3.return();
+        for (var _iterator3 = subNames[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+          var subName1 = _step3.value;
+          var potential2 = base1 ? `${base1}_${subName1}` : subName1;
+          if (potential2 in themes2) {
+            found = potential2;
+            break;
+          }
+        }
+      } catch (err) {
+        _didIteratorError3 = true;
+        _iteratorError3 = err;
       } finally {
-        if (_didIteratorError3) throw _iteratorError3;
+        try {
+          if (!_iteratorNormalCompletion3 && _iterator3.return != null) _iterator3.return();
+        } finally {
+          if (_didIteratorError3) throw _iteratorError3;
+        }
       }
+      if (found) break;
     }
-    if (found) break;
   }
-  return !forceUpdate && found === parentName &&
-  // if its a scheme only sub-theme, we always consider it "new" because it likely inverses
-  // and we want to avoid reparenting
-  !validSchemes[found] ? null : found;
+  if (!forceUpdate && found === parentName && !validSchemes[found]) {
+    themeNameCache.set(cacheKey, null);
+    return null;
+  }
+  themeNameCache.set(cacheKey, found);
+  return found;
 }
 var getPropsKey = function (param) {
-    var {
-      name,
-      reset,
-      forceClassName,
-      componentName
-    } = param;
-    return `${name || ""}${reset || ""}${forceClassName || ""}${componentName || ""}`;
-  },
-  hasThemeUpdatingProps = function (props) {
-    return "name" in props || "reset" in props || "forceClassName" in props;
-  };
+  var {
+    name,
+    reset,
+    forceClassName,
+    componentName
+  } = param;
+  return `${name || ""}${reset || ""}${forceClassName || ""}${componentName || ""}`;
+};
+var hasThemeUpdatingProps = function (props) {
+  return "name" in props || "reset" in props || "forceClassName" in props;
+};
 //# sourceMappingURL=useThemeState.native.js.map