@tamagui/web 1.123.17 → 1.124.0

package/dist/cjs/hooks/useThemeName.js

@@ -1,8 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,28 +11,15 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var useThemeName_exports = {};
 __export(useThemeName_exports, {
   useThemeName: () => useThemeName
 });
 module.exports = __toCommonJS(useThemeName_exports);
-var import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_ThemeManagerContext = require("../helpers/ThemeManagerContext");
-function useThemeName(opts) {
-  const manager = import_react.default.useContext(import_ThemeManagerContext.ThemeManagerContext), [name, setName] = import_react.default.useState(manager?.state.name || "");
-  return (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (manager)
-      return setName(manager.state.name), manager.onChangeTheme((next, manager2) => {
-        const name2 = opts?.parent && manager2.state.parentName || next;
-        name2 && setName(name2);
-      });
-  }, [manager?.state.name]), name;
+var import_useThemeState = require("./useThemeState");
+const forceUpdateState = { forceClassName: !0, deopt: !0, needsUpdate: () => !0 }, forceKeys = { current: /* @__PURE__ */ new Set([""]) };
+function useThemeName() {
+  return (0, import_useThemeState.useThemeState)(forceUpdateState, !1, forceKeys)?.name || "";
 }
 //# sourceMappingURL=useThemeName.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useThemeName.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAC1C,eAAkB,2BAClB,6BAAoC;AAG7B,SAAS,aAAa,MAAqC;AAChE,QAAM,UAAU,aAAAA,QAAM,WAAW,8CAAmB,GAC9C,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,SAAS,MAAM,QAAQ,EAAE;AAEhE,yDAA0B,MAAM;AAC9B,QAAK;AACL,qBAAQ,QAAQ,MAAM,IAAI,GACnB,QAAQ,cAAc,CAAC,MAAMC,aAAY;AAC9C,cAAMC,QAAO,MAAM,UAASD,SAAQ,MAAM,cAAc;AACxD,QAAKC,SAEL,QAAQA,KAAI;AAAA,MACd,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,MAAM,IAAI,CAAC,GAEjB;AACT;",
-  "names": ["React", "manager", "name"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAA8B;AAG9B,MAAM,mBAAmB,EAAE,gBAAgB,IAAM,OAAO,IAAM,aAAa,MAAM,GAAK,GAChF,YAAY,EAAE,SAAS,oBAAI,IAAI,CAAC,EAAE,CAAC,EAAE;AAEpC,SAAS,eAA0B;AACxC,aAAO,oCAAc,kBAAkB,IAAO,SAAS,GAAG,QAAQ;AACpE;",
+  "names": []
 }

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

@@ -1,9 +1,8 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -13,31 +12,26 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var useThemeName_exports = {};
 __export(useThemeName_exports, {
   useThemeName: () => useThemeName
 });
 module.exports = __toCommonJS(useThemeName_exports);
-var import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_ThemeManagerContext = require("../helpers/ThemeManagerContext");
-function useThemeName(opts) {
-  var manager = import_react.default.useContext(import_ThemeManagerContext.ThemeManagerContext), [name, setName] = import_react.default.useState((manager == null ? void 0 : manager.state.name) || "");
-  return (0, import_constants.useIsomorphicLayoutEffect)(function() {
-    if (manager)
-      return setName(manager.state.name), manager.onChangeTheme(function(next, manager2) {
-        var name2 = opts != null && opts.parent && manager2.state.parentName || next;
-        name2 && setName(name2);
-      });
-  }, [
-    manager == null ? void 0 : manager.state.name
-  ]), name;
+var import_useThemeState = require("./useThemeState"), forceUpdateState = {
+  forceClassName: !0,
+  deopt: !0,
+  needsUpdate: function() {
+    return !0;
+  }
+}, forceKeys = {
+  current: /* @__PURE__ */ new Set([
+    ""
+  ])
+};
+function useThemeName() {
+  var _useThemeState;
+  return ((_useThemeState = (0, import_useThemeState.useThemeState)(forceUpdateState, !1, forceKeys)) === null || _useThemeState === void 0 ? void 0 : _useThemeState.name) || "";
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/Users/n8/tamagui/code/core/web/src/hooks/useThemeName.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;uBAA0C,+BAC1C,eAAkB,2BAClB,6BAAoC;AAG7B,SAASA,aAAaC,MAAwB;AACnD,MAAMC,UAAUC,aAAAA,QAAMC,WAAWC,8CAAAA,GAC3B,CAACC,MAAMC,OAAAA,IAAWJ,aAAAA,QAAMK,UAASN,WAAAA,OAAAA,SAAAA,QAASO,MAAMH,SAAQ,EAAA;AAE9DI,yDAA0B,WAAA;AACxB,QAAKR;AACLK,qBAAQL,QAAQO,MAAMH,IAAI,GACnBJ,QAAQS,cAAc,SAACC,MAAMV,UAAAA;AAClC,YAAMI,QAAOL,QAAAA,QAAAA,KAAMY,UAASX,SAAQO,MAAMK,cAAcF;AACxD,QAAKN,SAELC,QAAQD,KAAAA;MACV,CAAA;EACF,GAAG;IAACJ,WAAAA,OAAAA,SAAAA,QAASO,MAAMH;GAAK,GAEjBA;AACT;",
-  "names": ["useThemeName", "opts", "manager", "React", "useContext", "ThemeManagerContext", "name", "setName", "useState", "state", "useIsomorphicLayoutEffect", "onChangeTheme", "next", "parent", "parentName"]
+  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;2BAA8B,4BAGxBA,mBAAmB;EAAEC,gBAAgB;EAAMC,OAAO;EAAMC,aAAa,WAAA;WAAM;;AAAK,GAChFC,YAAY;EAAEC,SAAS,oBAAIC,IAAI;IAAC;GAAG;AAAE;AAEpC,SAASC,eAAAA;MACPC;AAAP,WAAOA,qBAAAA,oCAAcR,kBAAkB,IAAOI,SAAAA,OAAAA,QAAvCI,mBAAAA,SAAAA,SAAAA,eAAmDC,SAAQ;AACpE;",
+  "names": ["forceUpdateState", "forceClassName", "deopt", "needsUpdate", "forceKeys", "current", "Set", "useThemeName", "useThemeState", "name"]
 }

package/dist/cjs/hooks/useThemeState.cjs

@@ -0,0 +1,187 @@
+var __defProp = Object.defineProperty;
+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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var useThemeState_exports = {};
+__export(useThemeState_exports, {
+  ThemeStateContext: () => ThemeStateContext,
+  forceUpdateThemes: () => forceUpdateThemes,
+  getRootThemeState: () => getRootThemeState,
+  getThemeState: () => getThemeState,
+  hasThemeUpdatingProps: () => hasThemeUpdatingProps,
+  useThemeState: () => useThemeState
+});
+module.exports = __toCommonJS(useThemeState_exports);
+var import_react = require("react"),
+  import_config = require("../config.cjs");
+const ThemeStateContext = (0, import_react.createContext)(""),
+  allListeners = /* @__PURE__ */new Map(),
+  listenersByParent = {},
+  states = /* @__PURE__ */new Map(),
+  forceUpdateThemes = () => {
+    allListeners.forEach(cb => cb());
+  },
+  getThemeState = id => states.get(id);
+let rootThemeState = null;
+const getRootThemeState = () => rootThemeState,
+  HasRenderedOnce = /* @__PURE__ */new WeakMap(),
+  useThemeState = (props, isRoot = !1, keys) => {
+    const {
+        disable
+      } = props,
+      parentId = (0, import_react.useContext)(ThemeStateContext);
+    if (disable) return states.get(parentId) || {
+      id: "",
+      name: "light",
+      theme: (0, import_config.getConfig)().themes.light,
+      inverses: 0
+    };
+    const id = (0, import_react.useId)(),
+      subscribe = (0, import_react.useCallback)(cb => (listenersByParent[parentId] ||= /* @__PURE__ */new Set(), listenersByParent[parentId].add(id), allListeners.set(id, cb), () => {
+        allListeners.delete(id), listenersByParent[parentId].delete(id);
+      }), [id, parentId, keys]),
+      propsKey = getPropsKey(props),
+      getSnapshot = () => getSnapshotFrom(props, propsKey, isRoot, id, parentId, keys);
+    process.env.NODE_ENV === "development" && globalThis.time && globalThis.time`theme-prep-uses`;
+    const state = (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+    return (0, import_react.useLayoutEffect)(() => {
+      if (propsKey) {
+        if (!HasRenderedOnce.has(keys)) {
+          HasRenderedOnce.set(keys, !0);
+          return;
+        }
+        process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, states.get(id)?.name), scheduleUpdate(id);
+      }
+    }, [keys, propsKey]), process.env.NODE_ENV === "development" && props.debug && (console.groupCollapsed(` \xB7 useTheme(${id}) =>`, state.name, id === state.id ? "\u{1F389}" : "\u23ED\uFE0F"), console.info({
+      state,
+      parentId,
+      props,
+      propsKey,
+      id,
+      parentState: states.get(parentId)
+    }), console.groupEnd()), state.id === id ? {
+      ...state,
+      isNew: !0
+    } : state;
+  };
+let themes = null;
+const getSnapshotFrom = (props, propsKey, isRoot = !1, id, parentId, keys) => {
+  const needsUpdate = keys?.current?.size || props.needsUpdate?.(),
+    parentState = states.get(parentId);
+  themes || (themes = (0, import_config.getConfig)().themes);
+  const lastState = states.get(id),
+    name = propsKey ? getNewThemeName(parentState?.name, props, !!needsUpdate) : null;
+  if (process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile") {
+    const message = ` \xB7 useTheme(${id}) snapshot ${name}, parent ${parentState?.id} needsUpdate ${needsUpdate}`;
+    console.groupCollapsed(message), console.info({
+      lastState,
+      parentState,
+      props,
+      propsKey,
+      id,
+      keys
+    }), console.groupEnd();
+  }
+  if (parentState && !name && propsKey) return parentState;
+  if (!name) return lastState && !needsUpdate ? lastState : (states.set(id, parentState), parentState);
+  if (lastState && lastState.name === name) return lastState;
+  const scheme = getScheme(name),
+    parentInverses = parentState?.inverses ?? 0,
+    isInverse = parentState && scheme !== parentState.scheme,
+    inverses = parentInverses + (isInverse ? 1 : 0),
+    nextState = {
+      id,
+      name,
+      theme: themes[name],
+      scheme,
+      parentId,
+      parentName: parentState?.name,
+      inverses,
+      isInverse
+    };
+  return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && (console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F ${name}`), console.info("state", nextState), console.groupEnd()), states.set(id, nextState), isRoot && (rootThemeState = nextState), nextState;
+};
+function scheduleUpdate(id) {
+  const queue = [id],
+    visited = /* @__PURE__ */new Set();
+  for (; queue.length;) {
+    const parent = queue.shift(),
+      children = listenersByParent[parent];
+    if (children) for (const childId of children) visited.has(childId) || (visited.add(childId), queue.push(childId));
+  }
+  visited.forEach(childId => {
+    allListeners.get(childId)?.();
+  });
+}
+const validSchemes = {
+  light: "light",
+  dark: "dark"
+};
+function getScheme(name) {
+  return validSchemes[name.split("_")[0]];
+}
+function getNewThemeName(parentName = "", {
+  name,
+  reset,
+  componentName,
+  inverse
+}, forceUpdate = !1) {
+  if (name && reset) throw new Error(process.env.NODE_ENV === "production" ? "\u274C004" : "Cannot reset and set a new name at the same time.");
+  if (reset) {
+    if (!parentName) throw new Error("\u203C\uFE0F");
+    const lastPartIndex = parentName.lastIndexOf("_");
+    return lastPartIndex <= 0 ? parentName : parentName.slice(lastPartIndex);
+  }
+  const {
+      themes: themes2
+    } = (0, import_config.getConfig)(),
+    parentParts = parentName.split("_"),
+    lastName = parentParts[parentParts.length - 1];
+  lastName && lastName[0].toLowerCase() !== lastName[0] && parentParts.pop();
+  const subNames = [name && componentName ? `${name}_${componentName}` : void 0, name, componentName].filter(Boolean);
+  let found = null;
+  const max = parentParts.length;
+  for (let i = 0; i <= max; i++) {
+    const base = (i === 0 ? parentParts : parentParts.slice(0, -i)).join("_");
+    for (const subName of subNames) {
+      const potential = base ? `${base}_${subName}` : subName;
+      if (potential in themes2) {
+        found = potential;
+        break;
+      }
+    }
+    if (found) break;
+  }
+  if (found && inverse) {
+    const scheme = found.split("_")[0];
+    found = found.replace(new RegExp(`^${scheme}`), scheme === "light" ? "dark" : "light");
+  }
+  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;
+}
+const getPropsKey = ({
+    name,
+    reset,
+    inverse,
+    forceClassName,
+    componentName
+  }) => `${name || ""}${inverse || ""}${reset || ""}${forceClassName || ""}${componentName || ""}`,
+  hasThemeUpdatingProps = props => "inverse" in props || "name" in props || "reset" in props || "forceClassName" in props;

package/dist/cjs/hooks/useThemeState.js

@@ -0,0 +1,159 @@
+var __defProp = Object.defineProperty;
+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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var useThemeState_exports = {};
+__export(useThemeState_exports, {
+  ThemeStateContext: () => ThemeStateContext,
+  forceUpdateThemes: () => forceUpdateThemes,
+  getRootThemeState: () => getRootThemeState,
+  getThemeState: () => getThemeState,
+  hasThemeUpdatingProps: () => hasThemeUpdatingProps,
+  useThemeState: () => useThemeState
+});
+module.exports = __toCommonJS(useThemeState_exports);
+var import_react = require("react"), import_config = require("../config");
+const ThemeStateContext = (0, import_react.createContext)(""), allListeners = /* @__PURE__ */ new Map(), listenersByParent = {}, states = /* @__PURE__ */ new Map(), forceUpdateThemes = () => {
+  allListeners.forEach((cb) => cb());
+}, getThemeState = (id) => states.get(id);
+let rootThemeState = null;
+const getRootThemeState = () => rootThemeState, HasRenderedOnce = /* @__PURE__ */ new WeakMap(), useThemeState = (props, isRoot = !1, keys) => {
+  const { disable } = props, parentId = (0, import_react.useContext)(ThemeStateContext);
+  if (disable)
+    return states.get(parentId) || {
+      id: "",
+      name: "light",
+      theme: (0, import_config.getConfig)().themes.light,
+      inverses: 0
+    };
+  const id = (0, import_react.useId)(), subscribe = (0, import_react.useCallback)(
+    (cb) => (listenersByParent[parentId] ||= /* @__PURE__ */ new Set(), listenersByParent[parentId].add(id), allListeners.set(id, cb), () => {
+      allListeners.delete(id), listenersByParent[parentId].delete(id);
+    }),
+    [id, parentId, keys]
+  ), propsKey = getPropsKey(props), getSnapshot = () => getSnapshotFrom(props, propsKey, isRoot, id, parentId, keys);
+  process.env.NODE_ENV === "development" && globalThis.time && globalThis.time`theme-prep-uses`;
+  const state = (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+  return (0, import_react.useLayoutEffect)(() => {
+    if (propsKey) {
+      if (!HasRenderedOnce.has(keys)) {
+        HasRenderedOnce.set(keys, !0);
+        return;
+      }
+      process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, states.get(id)?.name), scheduleUpdate(id);
+    }
+  }, [keys, propsKey]), process.env.NODE_ENV === "development" && props.debug && (console.groupCollapsed(
+    ` \xB7 useTheme(${id}) =>`,
+    state.name,
+    id === state.id ? "\u{1F389}" : "\u23ED\uFE0F"
+  ), console.info({
+    state,
+    parentId,
+    props,
+    propsKey,
+    id,
+    parentState: states.get(parentId)
+  }), console.groupEnd()), state.id === id ? { ...state, isNew: !0 } : state;
+};
+let themes = null;
+const getSnapshotFrom = (props, propsKey, isRoot = !1, id, parentId, keys) => {
+  const needsUpdate = keys?.current?.size || props.needsUpdate?.(), parentState = states.get(parentId);
+  themes || (themes = (0, import_config.getConfig)().themes);
+  const lastState = states.get(id), name = propsKey ? getNewThemeName(parentState?.name, props, !!needsUpdate) : null;
+  if (process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile") {
+    const message = ` \xB7 useTheme(${id}) snapshot ${name}, parent ${parentState?.id} needsUpdate ${needsUpdate}`;
+    console.groupCollapsed(message), console.info({ lastState, parentState, props, propsKey, id, keys }), console.groupEnd();
+  }
+  if (parentState && (!name && propsKey))
+    return parentState;
+  if (!name)
+    return lastState && !needsUpdate ? lastState : (states.set(id, parentState), parentState);
+  if (lastState && lastState.name === name)
+    return lastState;
+  const scheme = getScheme(name), parentInverses = parentState?.inverses ?? 0, isInverse = parentState && scheme !== parentState.scheme, inverses = parentInverses + (isInverse ? 1 : 0), nextState = {
+    id,
+    name,
+    theme: themes[name],
+    scheme,
+    parentId,
+    parentName: parentState?.name,
+    inverses,
+    isInverse
+  };
+  return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && (console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F ${name}`), console.info("state", nextState), console.groupEnd()), states.set(id, nextState), isRoot && (rootThemeState = nextState), nextState;
+};
+function scheduleUpdate(id) {
+  const queue = [id], visited = /* @__PURE__ */ new Set();
+  for (; queue.length; ) {
+    const parent = queue.shift(), children = listenersByParent[parent];
+    if (children)
+      for (const childId of children)
+        visited.has(childId) || (visited.add(childId), queue.push(childId));
+  }
+  visited.forEach((childId) => {
+    allListeners.get(childId)?.();
+  });
+}
+const validSchemes = {
+  light: "light",
+  dark: "dark"
+};
+function getScheme(name) {
+  return validSchemes[name.split("_")[0]];
+}
+function getNewThemeName(parentName = "", { name, reset, componentName, inverse }, forceUpdate = !1) {
+  if (name && reset)
+    throw new Error(
+      process.env.NODE_ENV === "production" ? "\u274C004" : "Cannot reset and set a new name at the same time."
+    );
+  if (reset) {
+    if (!parentName) throw new Error("\u203C\uFE0F");
+    const lastPartIndex = parentName.lastIndexOf("_");
+    return lastPartIndex <= 0 ? parentName : parentName.slice(lastPartIndex);
+  }
+  const { themes: themes2 } = (0, import_config.getConfig)(), parentParts = parentName.split("_"), lastName = parentParts[parentParts.length - 1];
+  lastName && lastName[0].toLowerCase() !== lastName[0] && parentParts.pop();
+  const subNames = [
+    name && componentName ? `${name}_${componentName}` : void 0,
+    name,
+    componentName
+  ].filter(Boolean);
+  let found = null;
+  const max = parentParts.length;
+  for (let i = 0; i <= max; i++) {
+    const base = (i === 0 ? parentParts : parentParts.slice(0, -i)).join("_");
+    for (const subName of subNames) {
+      const potential = base ? `${base}_${subName}` : subName;
+      if (potential in themes2) {
+        found = potential;
+        break;
+      }
+    }
+    if (found) break;
+  }
+  if (found && inverse) {
+    const scheme = found.split("_")[0];
+    found = found.replace(new RegExp(`^${scheme}`), scheme === "light" ? "dark" : "light");
+  }
+  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;
+}
+const getPropsKey = ({
+  name,
+  reset,
+  inverse,
+  forceClassName,
+  componentName
+}) => `${name || ""}${inverse || ""}${reset || ""}${forceClassName || ""}${componentName || ""}`, hasThemeUpdatingProps = (props) => "inverse" in props || "name" in props || "reset" in props || "forceClassName" in props;
+//# sourceMappingURL=useThemeState.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useThemeState.ts"],
+  "mappings": "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",
+  "names": ["themes"]
+}