@tamagui/theme 1.15.25 → 1.15.26

package/dist/esm/replaceTheme.mjs

@@ -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.mjs.map

package/dist/esm/replaceTheme.mjs.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": []
+}

package/dist/esm/updateTheme.js

@@ -1,16 +1,16 @@
 import { activeThemeManagers } from "@tamagui/web";
-import { addTheme } from "./addTheme.js";
+import { _mutateTheme } from "./_mutateTheme.js";
 function updateTheme({
   name,
   theme
 }) {
-  const next = addTheme({ name, theme, insertCSS: true, update: true });
+  const next = _mutateTheme({ name, theme, insertCSS: true, mutationType: "update" });
   if (process.env.TAMAGUI_TARGET === "native") {
     activeThemeManagers.forEach((manager) => {
       if (manager.state.name === name) {
         manager.updateState({
           name,
-          forceTheme: next.theme
+          forceTheme: next == null ? void 0 : next.theme
         });
       }
     });

package/dist/esm/updateTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/updateTheme.ts"],
-  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,SAAS,gBAAgB;AAElB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,SAAS,EAAE,MAAM,OAAO,WAAW,MAAM,QAAQ,KAAK,CAAC;AAEpE,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,KAAK;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAElF,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": []
 }

package/dist/esm/updateTheme.mjs

@@ -1,16 +1,16 @@
 import { activeThemeManagers } from "@tamagui/web";
-import { addTheme } from "./addTheme.js";
+import { _mutateTheme } from "./_mutateTheme.js";
 function updateTheme({
   name,
   theme
 }) {
-  const next = addTheme({ name, theme, insertCSS: true, update: true });
+  const next = _mutateTheme({ name, theme, insertCSS: true, mutationType: "update" });
   if (process.env.TAMAGUI_TARGET === "native") {
     activeThemeManagers.forEach((manager) => {
       if (manager.state.name === name) {
         manager.updateState({
           name,
-          forceTheme: next.theme
+          forceTheme: next == null ? void 0 : next.theme
         });
       }
     });

package/dist/esm/updateTheme.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/updateTheme.ts"],
-  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,SAAS,gBAAgB;AAElB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,SAAS,EAAE,MAAM,OAAO,WAAW,MAAM,QAAQ,KAAK,CAAC;AAEpE,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,KAAK;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAElF,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": []
 }

package/dist/jsx/_mutateTheme.js

@@ -0,0 +1,71 @@
+import { isServer, isWeb } from "@tamagui/constants";
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig
+} from "@tamagui/web";
+function _mutateTheme(props) {
+  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) {
+        existing.parentElement?.removeChild(existing);
+      }
+    }
+  }
+  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
+  return {
+    theme: themeProxied,
+    cssRules
+  };
+}
+export {
+  _mutateTheme
+};
+//# sourceMappingURL=_mutateTheme.js.map

package/dist/jsx/_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;AACD,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,iBAAS,eAAe,YAAY,QAAQ;AAAA,MAC9C;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/jsx/_mutateTheme.mjs

@@ -0,0 +1,71 @@
+import { isServer, isWeb } from "@tamagui/constants";
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig
+} from "@tamagui/web";
+function _mutateTheme(props) {
+  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) {
+        existing.parentElement?.removeChild(existing);
+      }
+    }
+  }
+  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
+  return {
+    theme: themeProxied,
+    cssRules
+  };
+}
+export {
+  _mutateTheme
+};
+//# sourceMappingURL=_mutateTheme.mjs.map

package/dist/jsx/_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;AACD,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,iBAAS,eAAe,YAAY,QAAQ;AAAA,MAC9C;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/jsx/addTheme.js

@@ -1,55 +1,6 @@
-import { isWeb } from "@tamagui/constants";
-import {
-  ensureThemeVariable,
-  getConfig,
-  getThemeCSSRules,
-  proxyThemeToParents,
-  updateConfig
-} from "@tamagui/web";
+import { _mutateTheme } from "./_mutateTheme";
 function addTheme(props) {
-  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) {
-        existing.parentElement?.removeChild(existing);
-      }
-    }
-  }
-  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
-  return {
-    theme: themeProxied,
-    cssRules
-  };
+  return _mutateTheme({ ...props });
 }
 export {
   addTheme

package/dist/jsx/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;AACD,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,iBAAS,eAAe,YAAY,QAAQ;AAAA,MAC9C;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/jsx/addTheme.mjs

@@ -1,55 +1,6 @@
-import { isWeb } from "@tamagui/constants";
-import {
-  ensureThemeVariable,
-  getConfig,
-  getThemeCSSRules,
-  proxyThemeToParents,
-  updateConfig
-} from "@tamagui/web";
+import { _mutateTheme } from "./_mutateTheme";
 function addTheme(props) {
-  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) {
-        existing.parentElement?.removeChild(existing);
-      }
-    }
-  }
-  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
-  return {
-    theme: themeProxied,
-    cssRules
-  };
+  return _mutateTheme({ ...props });
 }
 export {
   addTheme

package/dist/jsx/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;AACD,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,iBAAS,eAAe,YAAY,QAAQ;AAAA,MAC9C;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/jsx/index.js

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

package/dist/jsx/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/jsx/index.mjs

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

package/dist/jsx/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/jsx/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?.theme
+        });
+      }
+    });
+  }
+  return next;
+}
+export {
+  replaceTheme
+};
+//# sourceMappingURL=replaceTheme.js.map

package/dist/jsx/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,MAAM;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/replaceTheme.mjs

@@ -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?.theme
+        });
+      }
+    });
+  }
+  return next;
+}
+export {
+  replaceTheme
+};
+//# sourceMappingURL=replaceTheme.mjs.map

package/dist/jsx/replaceTheme.mjs.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,MAAM;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/updateTheme.js

@@ -1,16 +1,16 @@
 import { activeThemeManagers } from "@tamagui/web";
-import { addTheme } from "./addTheme.js";
+import { _mutateTheme } from "./_mutateTheme.js";
 function updateTheme({
   name,
   theme
 }) {
-  const next = addTheme({ name, theme, insertCSS: true, update: true });
+  const next = _mutateTheme({ name, theme, insertCSS: true, mutationType: "update" });
   if (process.env.TAMAGUI_TARGET === "native") {
     activeThemeManagers.forEach((manager) => {
       if (manager.state.name === name) {
         manager.updateState({
           name,
-          forceTheme: next.theme
+          forceTheme: next?.theme
         });
       }
     });

package/dist/jsx/updateTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/updateTheme.ts"],
-  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,SAAS,gBAAgB;AAElB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,SAAS,EAAE,MAAM,OAAO,WAAW,MAAM,QAAQ,KAAK,CAAC;AAEpE,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,KAAK;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAElF,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,MAAM;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/jsx/updateTheme.mjs

@@ -1,16 +1,16 @@
 import { activeThemeManagers } from "@tamagui/web";
-import { addTheme } from "./addTheme.js";
+import { _mutateTheme } from "./_mutateTheme.js";
 function updateTheme({
   name,
   theme
 }) {
-  const next = addTheme({ name, theme, insertCSS: true, update: true });
+  const next = _mutateTheme({ name, theme, insertCSS: true, mutationType: "update" });
   if (process.env.TAMAGUI_TARGET === "native") {
     activeThemeManagers.forEach((manager) => {
       if (manager.state.name === name) {
         manager.updateState({
           name,
-          forceTheme: next.theme
+          forceTheme: next?.theme
         });
       }
     });

package/dist/jsx/updateTheme.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/updateTheme.ts"],
-  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,SAAS,gBAAgB;AAElB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,SAAS,EAAE,MAAM,OAAO,WAAW,MAAM,QAAQ,KAAK,CAAC;AAEpE,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,KAAK;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAElF,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,MAAM;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/theme",
-  "version": "1.15.25",
+  "version": "1.15.26",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -17,14 +17,14 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/constants": "1.15.25",
-    "@tamagui/web": "1.15.25"
+    "@tamagui/constants": "1.15.26",
+    "@tamagui/web": "1.15.26"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.15.25",
+    "@tamagui/build": "1.15.26",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/src/_mutateTheme.ts

@@ -0,0 +1,84 @@
+import { isServer, isWeb } from '@tamagui/constants'
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig,
+} from '@tamagui/web'
+import type { ThemeDefinition, ThemeParsed } from '@tamagui/web'
+
+export function _mutateTheme(props: {
+  name: string
+  theme: Partial<Record<keyof ThemeDefinition, any>>
+  insertCSS?: boolean
+  mutationType?: 'replace' | 'update'
+}) {
+  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 theme = config.themes[props.name]
+    if (mutationType && !theme) {
+      throw new Error(
+        `${mutationType === 'replace' ? 'Replace' : 'Update'} theme failed! Theme ${
+          props.name
+        } does not exist`
+      )
+    }
+    if (!props.mutationType && theme) {
+      return { theme }
+    }
+  }
+
+  const theme = {
+    ...(mutationType === 'update' ? config.themes[themeName] ?? {} : {}),
+    ...themeIn,
+  } as ThemeParsed
+  for (const key in theme) {
+    ensureThemeVariable(theme, key)
+  }
+
+  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)
+  config.themes[themeName] = themeProxied
+
+  let cssRules: string[] = []
+
+  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) {
+        existing.parentElement?.removeChild(existing)
+      }
+    }
+  }
+
+  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })
+
+  // trigger updates in components
+  return {
+    theme: themeProxied,
+    cssRules,
+  }
+}