@tamagui/theme 1.15.25 → 1.15.26

package/dist/cjs/_mutateTheme.js

@@ -0,0 +1,90 @@
+"use strict";
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var mutateTheme_exports = {};
+__export(mutateTheme_exports, {
+  _mutateTheme: () => _mutateTheme
+});
+module.exports = __toCommonJS(mutateTheme_exports);
+var import_constants = require("@tamagui/constants");
+var import_web = require("@tamagui/web");
+function _mutateTheme(props) {
+  var _a;
+  if (import_constants.isServer) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn("Theme mutation is not supported on server side");
+    }
+    return;
+  }
+  const config = (0, import_web.getConfig)();
+  const { name: themeName, theme: themeIn, insertCSS, mutationType } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) {
+      throw new Error("No config");
+    }
+    const theme2 = config.themes[props.name];
+    if (mutationType && !theme2) {
+      throw new Error(
+        `${mutationType === "replace" ? "Replace" : "Update"} theme failed! Theme ${props.name} does not exist`
+      );
+    }
+    if (!props.mutationType && theme2) {
+      return { theme: theme2 };
+    }
+  }
+  const theme = {
+    ...mutationType === "update" ? config.themes[themeName] ?? {} : {},
+    ...themeIn
+  };
+  for (const key in theme) {
+    (0, import_web.ensureThemeVariable)(theme, key);
+  }
+  const themeProxied = (0, import_web.proxyThemeToParents)(themeName, theme, config.themes);
+  config.themes[themeName] = themeProxied;
+  let cssRules = [];
+  if (import_constants.isWeb) {
+    if (insertCSS) {
+      cssRules = (0, import_web.getThemeCSSRules)({
+        // @ts-ignore this works but should be fixed types
+        config,
+        themeName,
+        names: [themeName],
+        theme
+      });
+      const id = `t_theme_style_${themeName}`;
+      const existing = document.querySelector(`#${id}`);
+      const style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(cssRules.join("\n")));
+      document.head.appendChild(style);
+      if (existing) {
+        (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
+      }
+    }
+  }
+  (0, import_web.updateConfig)("themes", { ...config.themes, [themeName]: themeProxied });
+  return {
+    theme: themeProxied,
+    cssRules
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  _mutateTheme
+});
+//# sourceMappingURL=_mutateTheme.js.map

package/dist/cjs/_mutateTheme.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/_mutateTheme.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAgC;AAChC,iBAMO;AAGA,SAAS,aAAa,OAK1B;AAfH;AAgBE,MAAI,2BAAU;AACZ,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAQ,KAAK,gDAAgD;AAAA,IAC/D;AACA;AAAA,EACF;AACA,QAAM,aAAS,sBAAU;AACzB,QAAM,EAAE,MAAM,WAAW,OAAO,SAAS,WAAW,aAAa,IAAI;AAErE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAMA,SAAQ,OAAO,OAAO,MAAM,IAAI;AACtC,QAAI,gBAAgB,CAACA,QAAO;AAC1B,YAAM,IAAI;AAAA,QACR,GAAG,iBAAiB,YAAY,YAAY,gCAC1C,MAAM;AAAA,MAEV;AAAA,IACF;AACA,QAAI,CAAC,MAAM,gBAAgBA,QAAO;AAChC,aAAO,EAAE,OAAAA,OAAM;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,QAAQ;AAAA,IACZ,GAAI,iBAAiB,WAAW,OAAO,OAAO,SAAS,KAAK,CAAC,IAAI,CAAC;AAAA,IAClE,GAAG;AAAA,EACL;AACA,aAAW,OAAO,OAAO;AACvB,wCAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,mBAAe,gCAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,wBAAO;AACT,QAAI,WAAW;AACb,qBAAW,6BAAiB;AAAA;AAAA,QAE1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,iBAAiB;AAC5B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,+BAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAGtE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": ["theme"]
+}

package/dist/cjs/addTheme.js

@@ -21,53 +21,9 @@ __export(addTheme_exports, {
   addTheme: () => addTheme
 });
 module.exports = __toCommonJS(addTheme_exports);
-var import_constants = require("@tamagui/constants");
-var import_web = require("@tamagui/web");
+var import_mutateTheme = require("./_mutateTheme");
 function addTheme(props) {
-  var _a;
-  const config = (0, import_web.getConfig)();
-  if (process.env.NODE_ENV === "development") {
-    if (!config) {
-      throw new Error("No config");
-    }
-    const theme2 = config.themes[props.name];
-    if (!props.update && theme2) {
-      return { theme: theme2 };
-    }
-  }
-  const { name: themeName, theme: themeIn, insertCSS } = props;
-  const theme = { ...themeIn };
-  for (const key in theme) {
-    (0, import_web.ensureThemeVariable)(theme, key);
-  }
-  const themeProxied = (0, import_web.proxyThemeToParents)(themeName, theme, config.themes);
-  config.themes[themeName] = themeProxied;
-  let cssRules = [];
-  if (import_constants.isWeb) {
-    if (insertCSS) {
-      cssRules = (0, import_web.getThemeCSSRules)({
-        // @ts-ignore this works but should be fixed types
-        config,
-        themeName,
-        names: [themeName],
-        theme
-      });
-      const id = `t_theme_style_${themeName}`;
-      const existing = document.querySelector(`#${id}`);
-      const style = document.createElement("style");
-      style.id = id;
-      style.appendChild(document.createTextNode(cssRules.join("\n")));
-      document.head.appendChild(style);
-      if (existing) {
-        (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
-      }
-    }
-  }
-  (0, import_web.updateConfig)("themes", { ...config.themes, [themeName]: themeProxied });
-  return {
-    theme: themeProxied,
-    cssRules
-  };
+  return (0, import_mutateTheme._mutateTheme)({ ...props });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/addTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/addTheme.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,iBAMO;AAGA,SAAS,SAAS,OAKtB;AAfH;AAgBE,QAAM,aAAS,sBAAU;AAEzB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAMA,SAAQ,OAAO,OAAO,MAAM,IAAI;AACtC,QAAI,CAAC,MAAM,UAAUA,QAAO;AAC1B,aAAO,EAAE,OAAAA,OAAM;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,WAAW,OAAO,SAAS,UAAU,IAAI;AACvD,QAAM,QAAQ,EAAE,GAAG,QAAQ;AAC3B,aAAW,OAAO,OAAO;AACvB,wCAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,mBAAe,gCAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,wBAAO;AACT,QAAI,WAAW;AACb,qBAAW,6BAAiB;AAAA;AAAA,QAE1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,iBAAiB;AAC5B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,+BAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAGtE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
-  "names": ["theme"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAA6B;AAEtB,SAAS,SAAS,OAItB;AACD,aAAO,iCAAa,EAAE,GAAG,MAAM,CAAC;AAClC;",
+  "names": []
 }

package/dist/cjs/index.js

@@ -17,9 +17,11 @@ var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./addTheme"), module.exports);
 __reExport(src_exports, require("./updateTheme"), module.exports);
+__reExport(src_exports, require("./replaceTheme"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./addTheme"),
-  ...require("./updateTheme")
+  ...require("./updateTheme"),
+  ...require("./replaceTheme")
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uBAAd;AACA,wBAAc,0BADd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uBAAd;AACA,wBAAc,0BADd;AAEA,wBAAc,2BAFd;",
   "names": []
 }

package/dist/cjs/replaceTheme.js

@@ -0,0 +1,47 @@
+"use strict";
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var replaceTheme_exports = {};
+__export(replaceTheme_exports, {
+  replaceTheme: () => replaceTheme
+});
+module.exports = __toCommonJS(replaceTheme_exports);
+var import_web = require("@tamagui/web");
+var import_mutateTheme = require("./_mutateTheme.js");
+function replaceTheme({
+  name,
+  theme
+}) {
+  const next = (0, import_mutateTheme._mutateTheme)({ name, theme, insertCSS: true, mutationType: "replace" });
+  if (process.env.TAMAGUI_TARGET === "native") {
+    import_web.activeThemeManagers.forEach((manager) => {
+      if (manager.state.name === name) {
+        manager.updateState({
+          name,
+          forceTheme: next == null ? void 0 : next.theme
+        });
+      }
+    });
+  }
+  return next;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  replaceTheme
+});
+//# sourceMappingURL=replaceTheme.js.map

package/dist/cjs/replaceTheme.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/replaceTheme.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoC;AAGpC,yBAA6B;AAEtB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,WAAO,iCAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,UAAU,CAAC;AAEnF,MAAI,QAAQ,IAAI,mBAAmB,UAAU;AAC3C,mCAAoB,QAAQ,CAAC,YAAY;AACvC,UAAI,QAAQ,MAAM,SAAS,MAAM;AAC/B,gBAAQ,YAAY;AAAA,UAClB;AAAA,UACA,YAAY,6BAAM;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/updateTheme.js

@@ -22,18 +22,18 @@ __export(updateTheme_exports, {
 });
 module.exports = __toCommonJS(updateTheme_exports);
 var import_web = require("@tamagui/web");
-var import_addTheme = require("./addTheme.js");
+var import_mutateTheme = require("./_mutateTheme.js");
 function updateTheme({
   name,
   theme
 }) {
-  const next = (0, import_addTheme.addTheme)({ name, theme, insertCSS: true, update: true });
+  const next = (0, import_mutateTheme._mutateTheme)({ name, theme, insertCSS: true, mutationType: "update" });
   if (process.env.TAMAGUI_TARGET === "native") {
     import_web.activeThemeManagers.forEach((manager) => {
       if (manager.state.name === name) {
         manager.updateState({
           name,
-          forceTheme: next.theme
+          forceTheme: next == null ? void 0 : next.theme
         });
       }
     });

package/dist/cjs/updateTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/updateTheme.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoC;AAGpC,sBAAyB;AAElB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,WAAO,0BAAS,EAAE,MAAM,OAAO,WAAW,MAAM,QAAQ,KAAK,CAAC;AAEpE,MAAI,QAAQ,IAAI,mBAAmB,UAAU;AAC3C,mCAAoB,QAAQ,CAAC,YAAY;AACvC,UAAI,QAAQ,MAAM,SAAS,MAAM;AAC/B,gBAAQ,YAAY;AAAA,UAClB;AAAA,UACA,YAAY,KAAK;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoC;AAGpC,yBAA6B;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,WAAO,iCAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAElF,MAAI,QAAQ,IAAI,mBAAmB,UAAU;AAC3C,mCAAoB,QAAQ,CAAC,YAAY;AACvC,UAAI,QAAQ,MAAM,SAAS,MAAM;AAC/B,gBAAQ,YAAY;AAAA,UAClB;AAAA,UACA,YAAY,6BAAM;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/_mutateTheme.js

@@ -0,0 +1,72 @@
+import { isServer, isWeb } from "@tamagui/constants";
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig
+} from "@tamagui/web";
+function _mutateTheme(props) {
+  var _a;
+  if (isServer) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn("Theme mutation is not supported on server side");
+    }
+    return;
+  }
+  const config = getConfig();
+  const { name: themeName, theme: themeIn, insertCSS, mutationType } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) {
+      throw new Error("No config");
+    }
+    const theme2 = config.themes[props.name];
+    if (mutationType && !theme2) {
+      throw new Error(
+        `${mutationType === "replace" ? "Replace" : "Update"} theme failed! Theme ${props.name} does not exist`
+      );
+    }
+    if (!props.mutationType && theme2) {
+      return { theme: theme2 };
+    }
+  }
+  const theme = {
+    ...mutationType === "update" ? config.themes[themeName] ?? {} : {},
+    ...themeIn
+  };
+  for (const key in theme) {
+    ensureThemeVariable(theme, key);
+  }
+  const themeProxied = proxyThemeToParents(themeName, theme, config.themes);
+  config.themes[themeName] = themeProxied;
+  let cssRules = [];
+  if (isWeb) {
+    if (insertCSS) {
+      cssRules = getThemeCSSRules({
+        // @ts-ignore this works but should be fixed types
+        config,
+        themeName,
+        names: [themeName],
+        theme
+      });
+      const id = `t_theme_style_${themeName}`;
+      const existing = document.querySelector(`#${id}`);
+      const style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(cssRules.join("\n")));
+      document.head.appendChild(style);
+      if (existing) {
+        (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
+      }
+    }
+  }
+  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
+  return {
+    theme: themeProxied,
+    cssRules
+  };
+}
+export {
+  _mutateTheme
+};
+//# sourceMappingURL=_mutateTheme.js.map

package/dist/esm/_mutateTheme.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/_mutateTheme.ts"],
+  "mappings": "AAAA,SAAS,UAAU,aAAa;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,aAAa,OAK1B;AAfH;AAgBE,MAAI,UAAU;AACZ,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAQ,KAAK,gDAAgD;AAAA,IAC/D;AACA;AAAA,EACF;AACA,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,WAAW,OAAO,SAAS,WAAW,aAAa,IAAI;AAErE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAMA,SAAQ,OAAO,OAAO,MAAM,IAAI;AACtC,QAAI,gBAAgB,CAACA,QAAO;AAC1B,YAAM,IAAI;AAAA,QACR,GAAG,iBAAiB,YAAY,YAAY,gCAC1C,MAAM;AAAA,MAEV;AAAA,IACF;AACA,QAAI,CAAC,MAAM,gBAAgBA,QAAO;AAChC,aAAO,EAAE,OAAAA,OAAM;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,QAAQ;AAAA,IACZ,GAAI,iBAAiB,WAAW,OAAO,OAAO,SAAS,KAAK,CAAC,IAAI,CAAC;AAAA,IAClE,GAAG;AAAA,EACL;AACA,aAAW,OAAO,OAAO;AACvB,wBAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,eAAe,oBAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,OAAO;AACT,QAAI,WAAW;AACb,iBAAW,iBAAiB;AAAA;AAAA,QAE1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,iBAAiB;AAC5B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,eAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAGtE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": ["theme"]
+}

package/dist/esm/_mutateTheme.mjs

@@ -0,0 +1,72 @@
+import { isServer, isWeb } from "@tamagui/constants";
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig
+} from "@tamagui/web";
+function _mutateTheme(props) {
+  var _a;
+  if (isServer) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn("Theme mutation is not supported on server side");
+    }
+    return;
+  }
+  const config = getConfig();
+  const { name: themeName, theme: themeIn, insertCSS, mutationType } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) {
+      throw new Error("No config");
+    }
+    const theme2 = config.themes[props.name];
+    if (mutationType && !theme2) {
+      throw new Error(
+        `${mutationType === "replace" ? "Replace" : "Update"} theme failed! Theme ${props.name} does not exist`
+      );
+    }
+    if (!props.mutationType && theme2) {
+      return { theme: theme2 };
+    }
+  }
+  const theme = {
+    ...mutationType === "update" ? config.themes[themeName] ?? {} : {},
+    ...themeIn
+  };
+  for (const key in theme) {
+    ensureThemeVariable(theme, key);
+  }
+  const themeProxied = proxyThemeToParents(themeName, theme, config.themes);
+  config.themes[themeName] = themeProxied;
+  let cssRules = [];
+  if (isWeb) {
+    if (insertCSS) {
+      cssRules = getThemeCSSRules({
+        // @ts-ignore this works but should be fixed types
+        config,
+        themeName,
+        names: [themeName],
+        theme
+      });
+      const id = `t_theme_style_${themeName}`;
+      const existing = document.querySelector(`#${id}`);
+      const style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(cssRules.join("\n")));
+      document.head.appendChild(style);
+      if (existing) {
+        (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
+      }
+    }
+  }
+  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
+  return {
+    theme: themeProxied,
+    cssRules
+  };
+}
+export {
+  _mutateTheme
+};
+//# sourceMappingURL=_mutateTheme.mjs.map

package/dist/esm/_mutateTheme.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/_mutateTheme.ts"],
+  "mappings": "AAAA,SAAS,UAAU,aAAa;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,aAAa,OAK1B;AAfH;AAgBE,MAAI,UAAU;AACZ,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAQ,KAAK,gDAAgD;AAAA,IAC/D;AACA;AAAA,EACF;AACA,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,WAAW,OAAO,SAAS,WAAW,aAAa,IAAI;AAErE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAMA,SAAQ,OAAO,OAAO,MAAM,IAAI;AACtC,QAAI,gBAAgB,CAACA,QAAO;AAC1B,YAAM,IAAI;AAAA,QACR,GAAG,iBAAiB,YAAY,YAAY,gCAC1C,MAAM;AAAA,MAEV;AAAA,IACF;AACA,QAAI,CAAC,MAAM,gBAAgBA,QAAO;AAChC,aAAO,EAAE,OAAAA,OAAM;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,QAAQ;AAAA,IACZ,GAAI,iBAAiB,WAAW,OAAO,OAAO,SAAS,KAAK,CAAC,IAAI,CAAC;AAAA,IAClE,GAAG;AAAA,EACL;AACA,aAAW,OAAO,OAAO;AACvB,wBAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,eAAe,oBAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,OAAO;AACT,QAAI,WAAW;AACb,iBAAW,iBAAiB;AAAA;AAAA,QAE1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,iBAAiB;AAC5B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,eAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAGtE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": ["theme"]
+}

package/dist/esm/addTheme.js

@@ -1,56 +1,6 @@
-import { isWeb } from "@tamagui/constants";
-import {
-  ensureThemeVariable,
-  getConfig,
-  getThemeCSSRules,
-  proxyThemeToParents,
-  updateConfig
-} from "@tamagui/web";
+import { _mutateTheme } from "./_mutateTheme";
 function addTheme(props) {
-  var _a;
-  const config = getConfig();
-  if (process.env.NODE_ENV === "development") {
-    if (!config) {
-      throw new Error("No config");
-    }
-    const theme2 = config.themes[props.name];
-    if (!props.update && theme2) {
-      return { theme: theme2 };
-    }
-  }
-  const { name: themeName, theme: themeIn, insertCSS } = props;
-  const theme = { ...themeIn };
-  for (const key in theme) {
-    ensureThemeVariable(theme, key);
-  }
-  const themeProxied = proxyThemeToParents(themeName, theme, config.themes);
-  config.themes[themeName] = themeProxied;
-  let cssRules = [];
-  if (isWeb) {
-    if (insertCSS) {
-      cssRules = getThemeCSSRules({
-        // @ts-ignore this works but should be fixed types
-        config,
-        themeName,
-        names: [themeName],
-        theme
-      });
-      const id = `t_theme_style_${themeName}`;
-      const existing = document.querySelector(`#${id}`);
-      const style = document.createElement("style");
-      style.id = id;
-      style.appendChild(document.createTextNode(cssRules.join("\n")));
-      document.head.appendChild(style);
-      if (existing) {
-        (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
-      }
-    }
-  }
-  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
-  return {
-    theme: themeProxied,
-    cssRules
-  };
+  return _mutateTheme({ ...props });
 }
 export {
   addTheme

package/dist/esm/addTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/addTheme.ts"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,SAAS,OAKtB;AAfH;AAgBE,QAAM,SAAS,UAAU;AAEzB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAMA,SAAQ,OAAO,OAAO,MAAM,IAAI;AACtC,QAAI,CAAC,MAAM,UAAUA,QAAO;AAC1B,aAAO,EAAE,OAAAA,OAAM;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,WAAW,OAAO,SAAS,UAAU,IAAI;AACvD,QAAM,QAAQ,EAAE,GAAG,QAAQ;AAC3B,aAAW,OAAO,OAAO;AACvB,wBAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,eAAe,oBAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,OAAO;AACT,QAAI,WAAW;AACb,iBAAW,iBAAiB;AAAA;AAAA,QAE1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,iBAAiB;AAC5B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,eAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAGtE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
-  "names": ["theme"]
+  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,SAAS,OAItB;AACD,SAAO,aAAa,EAAE,GAAG,MAAM,CAAC;AAClC;",
+  "names": []
 }

package/dist/esm/addTheme.mjs

@@ -1,56 +1,6 @@
-import { isWeb } from "@tamagui/constants";
-import {
-  ensureThemeVariable,
-  getConfig,
-  getThemeCSSRules,
-  proxyThemeToParents,
-  updateConfig
-} from "@tamagui/web";
+import { _mutateTheme } from "./_mutateTheme";
 function addTheme(props) {
-  var _a;
-  const config = getConfig();
-  if (process.env.NODE_ENV === "development") {
-    if (!config) {
-      throw new Error("No config");
-    }
-    const theme2 = config.themes[props.name];
-    if (!props.update && theme2) {
-      return { theme: theme2 };
-    }
-  }
-  const { name: themeName, theme: themeIn, insertCSS } = props;
-  const theme = { ...themeIn };
-  for (const key in theme) {
-    ensureThemeVariable(theme, key);
-  }
-  const themeProxied = proxyThemeToParents(themeName, theme, config.themes);
-  config.themes[themeName] = themeProxied;
-  let cssRules = [];
-  if (isWeb) {
-    if (insertCSS) {
-      cssRules = getThemeCSSRules({
-        // @ts-ignore this works but should be fixed types
-        config,
-        themeName,
-        names: [themeName],
-        theme
-      });
-      const id = `t_theme_style_${themeName}`;
-      const existing = document.querySelector(`#${id}`);
-      const style = document.createElement("style");
-      style.id = id;
-      style.appendChild(document.createTextNode(cssRules.join("\n")));
-      document.head.appendChild(style);
-      if (existing) {
-        (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
-      }
-    }
-  }
-  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
-  return {
-    theme: themeProxied,
-    cssRules
-  };
+  return _mutateTheme({ ...props });
 }
 export {
   addTheme

package/dist/esm/addTheme.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/addTheme.ts"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,SAAS,OAKtB;AAfH;AAgBE,QAAM,SAAS,UAAU;AAEzB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAMA,SAAQ,OAAO,OAAO,MAAM,IAAI;AACtC,QAAI,CAAC,MAAM,UAAUA,QAAO;AAC1B,aAAO,EAAE,OAAAA,OAAM;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,WAAW,OAAO,SAAS,UAAU,IAAI;AACvD,QAAM,QAAQ,EAAE,GAAG,QAAQ;AAC3B,aAAW,OAAO,OAAO;AACvB,wBAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,eAAe,oBAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,OAAO;AACT,QAAI,WAAW;AACb,iBAAW,iBAAiB;AAAA;AAAA,QAE1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,iBAAiB;AAC5B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,eAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAGtE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
-  "names": ["theme"]
+  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,SAAS,OAItB;AACD,SAAO,aAAa,EAAE,GAAG,MAAM,CAAC;AAClC;",
+  "names": []
 }

package/dist/esm/index.js

@@ -1,3 +1,4 @@
 export * from "./addTheme";
 export * from "./updateTheme";
+export * from "./replaceTheme";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -1,3 +1,4 @@
 export * from "./addTheme";
 export * from "./updateTheme";
+export * from "./replaceTheme";
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/replaceTheme.js

@@ -0,0 +1,23 @@
+import { activeThemeManagers } from "@tamagui/web";
+import { _mutateTheme } from "./_mutateTheme.js";
+function replaceTheme({
+  name,
+  theme
+}) {
+  const next = _mutateTheme({ name, theme, insertCSS: true, mutationType: "replace" });
+  if (process.env.TAMAGUI_TARGET === "native") {
+    activeThemeManagers.forEach((manager) => {
+      if (manager.state.name === name) {
+        manager.updateState({
+          name,
+          forceTheme: next == null ? void 0 : next.theme
+        });
+      }
+    });
+  }
+  return next;
+}
+export {
+  replaceTheme
+};
+//# sourceMappingURL=replaceTheme.js.map

package/dist/esm/replaceTheme.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/replaceTheme.ts"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,SAAS,oBAAoB;AAEtB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,UAAU,CAAC;AAEnF,MAAI,QAAQ,IAAI,mBAAmB,UAAU;AAC3C,wBAAoB,QAAQ,CAAC,YAAY;AACvC,UAAI,QAAQ,MAAM,SAAS,MAAM;AAC/B,gBAAQ,YAAY;AAAA,UAClB;AAAA,UACA,YAAY,6BAAM;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "names": []
+}