@tamagui/theme 1.52.1 → 1.52.3

package/dist/cjs/_mutateTheme.js

@@ -18,13 +18,51 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var mutateTheme_exports = {};
 __export(mutateTheme_exports, {
-  _mutateTheme: () => _mutateTheme
+  _mutateTheme: () => _mutateTheme,
+  mutateThemes: () => mutateThemes
 });
 module.exports = __toCommonJS(mutateTheme_exports);
 var import_constants = require("@tamagui/constants");
 var import_web = require("@tamagui/web");
+var import_react = require("react");
+function mutateThemes({
+  themes,
+  batch,
+  insertCSS = true,
+  ...props
+}) {
+  const allThemesProxied = {};
+  const allThemesRaw = {};
+  for (const { name, theme } of themes) {
+    const res = _mutateTheme({
+      ...props,
+      name,
+      theme,
+      // we'll do one update at the end
+      avoidUpdate: true,
+      // always add which also replaces but doesnt fail first time
+      mutationType: "add"
+    });
+    if (res) {
+      allThemesProxied[name] = res.theme;
+      allThemesRaw[name] = res.themeRaw;
+    }
+  }
+  const cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : [];
+  (0, import_react.startTransition)(() => {
+    for (const themeName in allThemesProxied) {
+      const theme = allThemesProxied[themeName];
+      updateThemeConfig(themeName, theme);
+      notifyThemeManagersOfUpdate(themeName, theme);
+    }
+  });
+  return {
+    themes: allThemesProxied,
+    themesRaw: allThemesRaw,
+    cssRules
+  };
+}
 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");
@@ -38,14 +76,11 @@ function _mutateTheme(props) {
       throw new Error("No config");
     }
     const theme2 = config.themes[props.name];
-    if (mutationType && !theme2) {
+    if (mutationType !== "add" && !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] ?? {} : {},
@@ -55,47 +90,81 @@ function _mutateTheme(props) {
     (0, import_web.ensureThemeVariable)(theme, key);
   }
   const themeProxied = (0, import_web.proxyThemeToParents)(themeName, theme);
-  config.themes[themeName] = themeProxied;
-  let cssRules = [];
-  (0, import_web.updateConfig)("themes", { ...config.themes, [themeName]: themeProxied });
-  if (process.env.TAMAGUI_TARGET === "web") {
-    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);
-      }
-    }
+  const response = {
+    themeRaw: theme,
+    theme: themeProxied,
+    cssRules: []
+  };
+  if (props.avoidUpdate) {
+    return response;
   }
+  if (insertCSS) {
+    response.cssRules = insertThemeCSS({
+      [themeName]: theme
+    });
+  }
+  updateThemeConfig(themeName, themeProxied);
+  notifyThemeManagersOfUpdate(themeName, themeProxied);
+  return response;
+}
+function updateThemeConfig(themeName, theme) {
+  const config = (0, import_web.getConfig)();
+  config.themes[themeName] = theme;
+  (0, import_web.updateConfig)("themes", config.themes);
+}
+function notifyThemeManagersOfUpdate(themeName, theme) {
   import_web.activeThemeManagers.forEach((manager) => {
-    if (manager.state.name === props.name) {
+    if (manager.state.name === themeName) {
       manager.updateState(
         {
-          name: props.name,
-          forceTheme: themeProxied
+          name: themeName,
+          forceTheme: theme
         },
         true
       );
     }
   });
-  return {
-    theme: themeProxied,
-    cssRules
-  };
+}
+function insertThemeCSS(themes, batch = false) {
+  if (process.env.TAMAGUI_TARGET !== "web") {
+    return [];
+  }
+  const config = (0, import_web.getConfig)();
+  let cssRules = [];
+  for (const themeName in themes) {
+    const theme = themes[themeName];
+    const rules = (0, import_web.getThemeCSSRules)({
+      // @ts-ignore this works but should be fixed types
+      config,
+      themeName,
+      names: [themeName],
+      theme
+    });
+    cssRules = [...cssRules, ...rules];
+    if (!batch) {
+      updateStyle(`t_theme_style_${themeName}`, rules);
+    }
+  }
+  if (batch) {
+    const id = (0, import_web.simpleHash)(Object.keys(themes).join(","));
+    updateStyle(`t_theme_style_${id}`, cssRules);
+  }
+  return cssRules;
+}
+function updateStyle(id, rules) {
+  var _a;
+  const existing = document.querySelector(`#${id}`);
+  const style = document.createElement("style");
+  style.id = id;
+  style.appendChild(document.createTextNode(rules.join("\n")));
+  document.head.appendChild(style);
+  if (existing) {
+    (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
+  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  _mutateTheme
+  _mutateTheme,
+  mutateThemes
 });
 //# sourceMappingURL=_mutateTheme.js.map

package/dist/cjs/_mutateTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/_mutateTheme.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AAEzB,iBAOO;AAEA,SAAS,aAAa,OAK1B;AAhBH;AAiBE,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;AAEA,aAAW,OAAO,OAAO;AACvB,wCAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,mBAAe,gCAAoB,WAAW,KAAK;AACzD,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,+BAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAEtE,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,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,iCAAoB,QAAQ,CAAC,YAAY;AACvC,QAAI,QAAQ,MAAM,SAAS,MAAM,MAAM;AACrC,cAAQ;AAAA,QACN;AAAA,UACE,MAAM,MAAM;AAAA,UACZ,YAAY;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAGD,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "mappings": "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",
   "names": ["theme"]
 }

package/dist/cjs/addTheme.js

@@ -23,7 +23,7 @@ __export(addTheme_exports, {
 module.exports = __toCommonJS(addTheme_exports);
 var import_mutateTheme = require("./_mutateTheme");
 function addTheme(props) {
-  return (0, import_mutateTheme._mutateTheme)({ ...props });
+  return (0, import_mutateTheme._mutateTheme)({ ...props, insertCSS: true, mutationType: "add" });
 }
 // 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;AAEA,yBAA6B;AAEtB,SAAS,SAAS,OAItB;AACD,aAAO,iCAAa,EAAE,GAAG,MAAM,CAAC;AAClC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAA6B;AAEtB,SAAS,SAAS,OAItB;AACD,aAAO,iCAAa,EAAE,GAAG,OAAO,WAAW,MAAM,cAAc,MAAM,CAAC;AACxE;",
   "names": []
 }

package/dist/cjs/index.js

@@ -3,6 +3,10 @@ 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))
@@ -14,12 +18,17 @@ var __copyProps = (to, from, except, desc) => {
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
+__export(src_exports, {
+  mutateThemes: () => import_mutateTheme.mutateThemes
+});
 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);
+var import_mutateTheme = require("./_mutateTheme");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  mutateThemes,
   ...require("./addTheme"),
   ...require("./updateTheme"),
   ...require("./replaceTheme")

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;AAEA,wBAAc,2BAFd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,uBAAd;AACA,wBAAc,0BADd;AAEA,wBAAc,2BAFd;AAGA,yBAA6B;",
   "names": []
 }

package/dist/cjs/updateTheme.js

@@ -28,7 +28,6 @@ function updateTheme({
 }) {
   return (0, import_mutateTheme._mutateTheme)({ name, theme, insertCSS: true, mutationType: "update" });
 }
-globalThis["updateTheme"] = updateTheme;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   updateTheme

package/dist/cjs/updateTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/updateTheme.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAA6B;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,aAAO,iCAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAC9E;AAEA,WAAW,aAAa,IAAI;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAA6B;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,aAAO,iCAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAC9E;",
   "names": []
 }

package/dist/esm/_mutateTheme.js

@@ -5,10 +5,48 @@ import {
   getConfig,
   getThemeCSSRules,
   proxyThemeToParents,
+  simpleHash,
   updateConfig
 } from "@tamagui/web";
+import { startTransition } from "react";
+function mutateThemes({
+  themes,
+  batch,
+  insertCSS = true,
+  ...props
+}) {
+  const allThemesProxied = {};
+  const allThemesRaw = {};
+  for (const { name, theme } of themes) {
+    const res = _mutateTheme({
+      ...props,
+      name,
+      theme,
+      // we'll do one update at the end
+      avoidUpdate: true,
+      // always add which also replaces but doesnt fail first time
+      mutationType: "add"
+    });
+    if (res) {
+      allThemesProxied[name] = res.theme;
+      allThemesRaw[name] = res.themeRaw;
+    }
+  }
+  const cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : [];
+  startTransition(() => {
+    for (const themeName in allThemesProxied) {
+      const theme = allThemesProxied[themeName];
+      updateThemeConfig(themeName, theme);
+      notifyThemeManagersOfUpdate(themeName, theme);
+    }
+  });
+  return {
+    themes: allThemesProxied,
+    themesRaw: allThemesRaw,
+    cssRules
+  };
+}
 function _mutateTheme(props) {
-  var _a;
   if (isServer) {
     if (process.env.NODE_ENV === "development") {
       console.warn("Theme mutation is not supported on server side");
@@ -22,14 +60,11 @@ function _mutateTheme(props) {
       throw new Error("No config");
     }
     const theme2 = config.themes[props.name];
-    if (mutationType && !theme2) {
+    if (mutationType !== "add" && !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] ?? {} : {},
@@ -39,46 +74,80 @@ function _mutateTheme(props) {
     ensureThemeVariable(theme, key);
   }
   const themeProxied = proxyThemeToParents(themeName, theme);
-  config.themes[themeName] = themeProxied;
-  let cssRules = [];
-  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
-  if (process.env.TAMAGUI_TARGET === "web") {
-    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);
-      }
-    }
+  const response = {
+    themeRaw: theme,
+    theme: themeProxied,
+    cssRules: []
+  };
+  if (props.avoidUpdate) {
+    return response;
   }
+  if (insertCSS) {
+    response.cssRules = insertThemeCSS({
+      [themeName]: theme
+    });
+  }
+  updateThemeConfig(themeName, themeProxied);
+  notifyThemeManagersOfUpdate(themeName, themeProxied);
+  return response;
+}
+function updateThemeConfig(themeName, theme) {
+  const config = getConfig();
+  config.themes[themeName] = theme;
+  updateConfig("themes", config.themes);
+}
+function notifyThemeManagersOfUpdate(themeName, theme) {
   activeThemeManagers.forEach((manager) => {
-    if (manager.state.name === props.name) {
+    if (manager.state.name === themeName) {
       manager.updateState(
         {
-          name: props.name,
-          forceTheme: themeProxied
+          name: themeName,
+          forceTheme: theme
         },
         true
       );
     }
   });
-  return {
-    theme: themeProxied,
-    cssRules
-  };
+}
+function insertThemeCSS(themes, batch = false) {
+  if (process.env.TAMAGUI_TARGET !== "web") {
+    return [];
+  }
+  const config = getConfig();
+  let cssRules = [];
+  for (const themeName in themes) {
+    const theme = themes[themeName];
+    const rules = getThemeCSSRules({
+      // @ts-ignore this works but should be fixed types
+      config,
+      themeName,
+      names: [themeName],
+      theme
+    });
+    cssRules = [...cssRules, ...rules];
+    if (!batch) {
+      updateStyle(`t_theme_style_${themeName}`, rules);
+    }
+  }
+  if (batch) {
+    const id = simpleHash(Object.keys(themes).join(","));
+    updateStyle(`t_theme_style_${id}`, cssRules);
+  }
+  return cssRules;
+}
+function updateStyle(id, rules) {
+  var _a;
+  const existing = document.querySelector(`#${id}`);
+  const style = document.createElement("style");
+  style.id = id;
+  style.appendChild(document.createTextNode(rules.join("\n")));
+  document.head.appendChild(style);
+  if (existing) {
+    (_a = existing.parentElement) == null ? void 0 : _a.removeChild(existing);
+  }
 }
 export {
-  _mutateTheme
+  _mutateTheme,
+  mutateThemes
 };
 //# sourceMappingURL=_mutateTheme.js.map

package/dist/esm/_mutateTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/_mutateTheme.ts"],
-  "mappings": "AAAA,SAAS,gBAAgB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,aAAa,OAK1B;AAhBH;AAiBE,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;AAEA,aAAW,OAAO,OAAO;AACvB,wBAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,eAAe,oBAAoB,WAAW,KAAK;AACzD,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,eAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAEtE,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,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,sBAAoB,QAAQ,CAAC,YAAY;AACvC,QAAI,QAAQ,MAAM,SAAS,MAAM,MAAM;AACrC,cAAQ;AAAA,QACN;AAAA,UACE,MAAM,MAAM;AAAA,UACZ,YAAY;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAGD,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "mappings": "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",
   "names": ["theme"]
 }

package/dist/esm/addTheme.js

@@ -1,6 +1,6 @@
 import { _mutateTheme } from "./_mutateTheme";
 function addTheme(props) {
-  return _mutateTheme({ ...props });
+  return _mutateTheme({ ...props, insertCSS: true, mutationType: "add" });
 }
 export {
   addTheme

package/dist/esm/addTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/addTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,SAAS,OAItB;AACD,SAAO,aAAa,EAAE,GAAG,MAAM,CAAC;AAClC;",
+  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,SAAS,OAItB;AACD,SAAO,aAAa,EAAE,GAAG,OAAO,WAAW,MAAM,cAAc,MAAM,CAAC;AACxE;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,4 +1,8 @@
 export * from "./addTheme";
 export * from "./updateTheme";
 export * from "./replaceTheme";
+import { mutateThemes } from "./_mutateTheme";
+export {
+  mutateThemes
+};
 //# 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;AACd,cAAc;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,oBAAoB;",
   "names": []
 }

package/dist/esm/updateTheme.js

@@ -5,7 +5,6 @@ function updateTheme({
 }) {
   return _mutateTheme({ name, theme, insertCSS: true, mutationType: "update" });
 }
-globalThis["updateTheme"] = updateTheme;
 export {
   updateTheme
 };

package/dist/esm/updateTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/updateTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,SAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAC9E;AAEA,WAAW,aAAa,IAAI;",
+  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,SAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAC9E;",
   "names": []
 }

package/dist/jsx/_mutateTheme.js

@@ -5,8 +5,47 @@ import {
   getConfig,
   getThemeCSSRules,
   proxyThemeToParents,
+  simpleHash,
   updateConfig
 } from "@tamagui/web";
+import { startTransition } from "react";
+function mutateThemes({
+  themes,
+  batch,
+  insertCSS = true,
+  ...props
+}) {
+  const allThemesProxied = {};
+  const allThemesRaw = {};
+  for (const { name, theme } of themes) {
+    const res = _mutateTheme({
+      ...props,
+      name,
+      theme,
+      // we'll do one update at the end
+      avoidUpdate: true,
+      // always add which also replaces but doesnt fail first time
+      mutationType: "add"
+    });
+    if (res) {
+      allThemesProxied[name] = res.theme;
+      allThemesRaw[name] = res.themeRaw;
+    }
+  }
+  const cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : [];
+  startTransition(() => {
+    for (const themeName in allThemesProxied) {
+      const theme = allThemesProxied[themeName];
+      updateThemeConfig(themeName, theme);
+      notifyThemeManagersOfUpdate(themeName, theme);
+    }
+  });
+  return {
+    themes: allThemesProxied,
+    themesRaw: allThemesRaw,
+    cssRules
+  };
+}
 function _mutateTheme(props) {
   if (isServer) {
     if (process.env.NODE_ENV === "development") {
@@ -21,14 +60,11 @@ function _mutateTheme(props) {
       throw new Error("No config");
     }
     const theme2 = config.themes[props.name];
-    if (mutationType && !theme2) {
+    if (mutationType !== "add" && !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] ?? {} : {},
@@ -38,46 +74,79 @@ function _mutateTheme(props) {
     ensureThemeVariable(theme, key);
   }
   const themeProxied = proxyThemeToParents(themeName, theme);
-  config.themes[themeName] = themeProxied;
-  let cssRules = [];
-  updateConfig("themes", { ...config.themes, [themeName]: themeProxied });
-  if (process.env.TAMAGUI_TARGET === "web") {
-    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);
-      }
-    }
+  const response = {
+    themeRaw: theme,
+    theme: themeProxied,
+    cssRules: []
+  };
+  if (props.avoidUpdate) {
+    return response;
+  }
+  if (insertCSS) {
+    response.cssRules = insertThemeCSS({
+      [themeName]: theme
+    });
   }
+  updateThemeConfig(themeName, themeProxied);
+  notifyThemeManagersOfUpdate(themeName, themeProxied);
+  return response;
+}
+function updateThemeConfig(themeName, theme) {
+  const config = getConfig();
+  config.themes[themeName] = theme;
+  updateConfig("themes", config.themes);
+}
+function notifyThemeManagersOfUpdate(themeName, theme) {
   activeThemeManagers.forEach((manager) => {
-    if (manager.state.name === props.name) {
+    if (manager.state.name === themeName) {
       manager.updateState(
         {
-          name: props.name,
-          forceTheme: themeProxied
+          name: themeName,
+          forceTheme: theme
         },
         true
       );
     }
   });
-  return {
-    theme: themeProxied,
-    cssRules
-  };
+}
+function insertThemeCSS(themes, batch = false) {
+  if (process.env.TAMAGUI_TARGET !== "web") {
+    return [];
+  }
+  const config = getConfig();
+  let cssRules = [];
+  for (const themeName in themes) {
+    const theme = themes[themeName];
+    const rules = getThemeCSSRules({
+      // @ts-ignore this works but should be fixed types
+      config,
+      themeName,
+      names: [themeName],
+      theme
+    });
+    cssRules = [...cssRules, ...rules];
+    if (!batch) {
+      updateStyle(`t_theme_style_${themeName}`, rules);
+    }
+  }
+  if (batch) {
+    const id = simpleHash(Object.keys(themes).join(","));
+    updateStyle(`t_theme_style_${id}`, cssRules);
+  }
+  return cssRules;
+}
+function updateStyle(id, rules) {
+  const existing = document.querySelector(`#${id}`);
+  const style = document.createElement("style");
+  style.id = id;
+  style.appendChild(document.createTextNode(rules.join("\n")));
+  document.head.appendChild(style);
+  if (existing) {
+    existing.parentElement?.removeChild(existing);
+  }
 }
 export {
-  _mutateTheme
+  _mutateTheme,
+  mutateThemes
 };
 //# sourceMappingURL=_mutateTheme.js.map

package/dist/jsx/_mutateTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/_mutateTheme.ts"],
-  "mappings": "AAAA,SAAS,gBAAgB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,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;AAEA,aAAW,OAAO,OAAO;AACvB,wBAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,eAAe,oBAAoB,WAAW,KAAK;AACzD,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,eAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAEtE,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,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,sBAAoB,QAAQ,CAAC,YAAY;AACvC,QAAI,QAAQ,MAAM,SAAS,MAAM,MAAM;AACrC,cAAQ;AAAA,QACN;AAAA,UACE,MAAM,MAAM;AAAA,UACZ,YAAY;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAGD,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "mappings": "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",
   "names": ["theme"]
 }

package/dist/jsx/addTheme.js

@@ -1,6 +1,6 @@
 import { _mutateTheme } from "./_mutateTheme";
 function addTheme(props) {
-  return _mutateTheme({ ...props });
+  return _mutateTheme({ ...props, insertCSS: true, mutationType: "add" });
 }
 export {
   addTheme

package/dist/jsx/addTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/addTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,SAAS,OAItB;AACD,SAAO,aAAa,EAAE,GAAG,MAAM,CAAC;AAClC;",
+  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,SAAS,OAItB;AACD,SAAO,aAAa,EAAE,GAAG,OAAO,WAAW,MAAM,cAAc,MAAM,CAAC;AACxE;",
   "names": []
 }

package/dist/jsx/index.js

@@ -1,4 +1,8 @@
 export * from "./addTheme";
 export * from "./updateTheme";
 export * from "./replaceTheme";
+import { mutateThemes } from "./_mutateTheme";
+export {
+  mutateThemes
+};
 //# 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;AACd,cAAc;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,oBAAoB;",
   "names": []
 }

package/dist/jsx/updateTheme.js

@@ -5,7 +5,6 @@ function updateTheme({
 }) {
   return _mutateTheme({ name, theme, insertCSS: true, mutationType: "update" });
 }
-globalThis["updateTheme"] = updateTheme;
 export {
   updateTheme
 };

package/dist/jsx/updateTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/updateTheme.ts"],
-  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,SAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAC9E;AAEA,WAAW,aAAa,IAAI;",
+  "mappings": "AAEA,SAAS,oBAAoB;AAEtB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,SAAO,aAAa,EAAE,MAAM,OAAO,WAAW,MAAM,cAAc,SAAS,CAAC;AAC9E;",
   "names": []
 }

package/package.json

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

package/src/_mutateTheme.ts

@@ -6,15 +6,74 @@ import {
   getConfig,
   getThemeCSSRules,
   proxyThemeToParents,
+  simpleHash,
   updateConfig,
 } from '@tamagui/web'
+import { startTransition } from 'react'
 
-export function _mutateTheme(props: {
-  name: string
-  theme: Partial<Record<keyof ThemeDefinition, any>>
+type MutateThemeOptions = {
+  mutationType: 'replace' | 'update' | 'add'
   insertCSS?: boolean
-  mutationType?: 'replace' | 'update'
+  avoidUpdate?: boolean
+}
+
+type PartialTheme = Partial<Record<keyof ThemeDefinition, any>>
+
+export type MutateOneThemeProps = {
+  name: string
+  theme: PartialTheme
+}
+
+// more advanced helper used only internally in studio for now
+export function mutateThemes({
+  themes,
+  batch,
+  insertCSS = true,
+  ...props
+}: Omit<MutateThemeOptions, 'mutationType'> & {
+  themes: MutateOneThemeProps[]
+  // if using batch, know that if you later on do addTheme/etc it will break things
+  // batch is only useful if you know youre only ever going to change these themes using batch
+  // aka only in studio as a preview mode
+  batch?: boolean
 }) {
+  const allThemesProxied: Record<string, ThemeParsed> = {}
+  const allThemesRaw: Record<string, ThemeParsed> = {}
+
+  for (const { name, theme } of themes) {
+    const res = _mutateTheme({
+      ...props,
+      name,
+      theme,
+      // we'll do one update at the end
+      avoidUpdate: true,
+      // always add which also replaces but doesnt fail first time
+      mutationType: 'add',
+    })
+    if (res) {
+      allThemesProxied[name] = res.theme
+      allThemesRaw[name] = res.themeRaw
+    }
+  }
+
+  const cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : []
+
+  startTransition(() => {
+    for (const themeName in allThemesProxied) {
+      const theme = allThemesProxied[themeName]
+      updateThemeConfig(themeName, theme)
+      notifyThemeManagersOfUpdate(themeName, theme)
+    }
+  })
+
+  return {
+    themes: allThemesProxied,
+    themesRaw: allThemesRaw,
+    cssRules,
+  }
+}
+
+export function _mutateTheme(props: MutateThemeOptions & MutateOneThemeProps) {
   if (isServer) {
     if (process.env.NODE_ENV === 'development') {
       console.warn('Theme mutation is not supported on server side')
@@ -29,16 +88,14 @@ export function _mutateTheme(props: {
       throw new Error('No config')
     }
     const theme = config.themes[props.name]
-    if (mutationType && !theme) {
+
+    if (mutationType !== 'add' && !theme) {
       throw new Error(
         `${mutationType === 'replace' ? 'Replace' : 'Update'} theme failed! Theme ${
           props.name
         } does not exist`
       )
     }
-    if (!props.mutationType && theme) {
-      return { theme }
-    }
   }
 
   const theme = {
@@ -51,48 +108,90 @@ export function _mutateTheme(props: {
   }
 
   const themeProxied = proxyThemeToParents(themeName, theme)
-  config.themes[themeName] = themeProxied
 
-  let cssRules: string[] = []
+  const response = {
+    themeRaw: theme,
+    theme: themeProxied,
+    cssRules: [] as string[],
+  }
 
-  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })
-
-  if (process.env.TAMAGUI_TARGET === 'web') {
-    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)
-      }
-    }
+  if (props.avoidUpdate) {
+    return response
   }
 
+  if (insertCSS) {
+    response.cssRules = insertThemeCSS({
+      [themeName]: theme,
+    })
+  }
+
+  updateThemeConfig(themeName, themeProxied)
+  notifyThemeManagersOfUpdate(themeName, themeProxied)
+
+  return response
+}
+
+function updateThemeConfig(themeName: string, theme: ThemeParsed) {
+  const config = getConfig()
+  config.themes[themeName] = theme
+  updateConfig('themes', config.themes)
+}
+
+function notifyThemeManagersOfUpdate(themeName: string, theme: ThemeParsed) {
   activeThemeManagers.forEach((manager) => {
-    if (manager.state.name === props.name) {
+    if (manager.state.name === themeName) {
       manager.updateState(
         {
-          name: props.name,
-          forceTheme: themeProxied,
+          name: themeName,
+          forceTheme: theme,
         },
         true
       )
     }
   })
+}
 
-  // trigger updates in components
-  return {
-    theme: themeProxied,
-    cssRules,
+function insertThemeCSS(themes: Record<string, PartialTheme>, batch = false) {
+  if (process.env.TAMAGUI_TARGET !== 'web') {
+    return []
+  }
+
+  const config = getConfig()
+  let cssRules: string[] = []
+
+  for (const themeName in themes) {
+    const theme = themes[themeName]
+
+    const rules = getThemeCSSRules({
+      // @ts-ignore this works but should be fixed types
+      config,
+      themeName,
+      names: [themeName],
+      theme,
+    })
+
+    cssRules = [...cssRules, ...rules]
+
+    if (!batch) {
+      updateStyle(`t_theme_style_${themeName}`, rules)
+    }
+  }
+
+  if (batch) {
+    const id = simpleHash(Object.keys(themes).join(','))
+    updateStyle(`t_theme_style_${id}`, cssRules)
+  }
+
+  return cssRules
+}
+
+function updateStyle(id: string, rules: string[]) {
+  const existing = document.querySelector(`#${id}`)
+  const style = document.createElement('style')
+  style.id = id
+  style.appendChild(document.createTextNode(rules.join('\n')))
+  document.head.appendChild(style)
+  if (existing) {
+    existing.parentElement?.removeChild(existing)
   }
 }

package/src/addTheme.ts

@@ -7,5 +7,5 @@ export function addTheme(props: {
   theme: Partial<Record<keyof ThemeDefinition, any>>
   insertCSS?: boolean
 }) {
-  return _mutateTheme({ ...props })
+  return _mutateTheme({ ...props, insertCSS: true, mutationType: 'add' })
 }

package/src/index.ts

@@ -1,3 +1,5 @@
 export * from './addTheme'
 export * from './updateTheme'
 export * from './replaceTheme'
+export { mutateThemes } from './_mutateTheme'
+export type { MutateOneThemeProps } from './_mutateTheme'

package/src/updateTheme.ts

@@ -11,5 +11,3 @@ export function updateTheme({
 }) {
   return _mutateTheme({ name, theme, insertCSS: true, mutationType: 'update' })
 }
-
-globalThis['updateTheme'] = updateTheme

package/types/_mutateTheme.d.ts

@@ -1,32 +1,26 @@
 import type { ThemeDefinition, ThemeParsed } from '@tamagui/web';
-export declare function _mutateTheme(props: {
-    name: string;
-    theme: Partial<Record<keyof ThemeDefinition, any>>;
+type MutateThemeOptions = {
+    mutationType: 'replace' | 'update' | 'add';
     insertCSS?: boolean;
-    mutationType?: 'replace' | 'update';
+    avoidUpdate?: boolean;
+};
+type PartialTheme = Partial<Record<keyof ThemeDefinition, any>>;
+export type MutateOneThemeProps = {
+    name: string;
+    theme: PartialTheme;
+};
+export declare function mutateThemes({ themes, batch, insertCSS, ...props }: Omit<MutateThemeOptions, 'mutationType'> & {
+    themes: MutateOneThemeProps[];
+    batch?: boolean;
 }): {
-    theme: {
-        [x: string]: import("@tamagui/web").Variable<any>;
-        background?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundHover?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundPress?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundFocus?: import("@tamagui/web").Variable<any> | undefined;
-        color?: import("@tamagui/web").Variable<any> | undefined;
-        colorHover?: import("@tamagui/web").Variable<any> | undefined;
-        colorPress?: import("@tamagui/web").Variable<any> | undefined;
-        colorFocus?: import("@tamagui/web").Variable<any> | undefined;
-        borderColor?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorHover?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorPress?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorFocus?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColor?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorHover?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorPress?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorFocus?: import("@tamagui/web").Variable<any> | undefined;
-    };
-    cssRules?: undefined;
-} | {
+    themes: Record<string, ThemeParsed>;
+    themesRaw: Record<string, ThemeParsed>;
+    cssRules: string[];
+};
+export declare function _mutateTheme(props: MutateThemeOptions & MutateOneThemeProps): {
+    themeRaw: ThemeParsed;
     theme: ThemeParsed;
     cssRules: string[];
 } | undefined;
+export {};
 //# sourceMappingURL=_mutateTheme.d.ts.map

package/types/_mutateTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_mutateTheme.d.ts","sourceRoot":"","sources":["../src/_mutateTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAUhE,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CACpC;;;;;;;;;;;;;;;;;;;;;;;;cAiFA"}
+{"version":3,"file":"_mutateTheme.d.ts","sourceRoot":"","sources":["../src/_mutateTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAYhE,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAA;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,KAAK,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,YAAY,CAAA;CACpB,CAAA;AAGD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,GAAG;IAC5C,MAAM,EAAE,mBAAmB,EAAE,CAAA;IAI7B,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;;;;EAmCA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB;;;;cAwD3E"}

package/types/addTheme.d.ts

@@ -4,27 +4,7 @@ export declare function addTheme(props: {
     theme: Partial<Record<keyof ThemeDefinition, any>>;
     insertCSS?: boolean;
 }): {
-    theme: {
-        [x: string]: import("@tamagui/web").Variable<any>;
-        background?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundHover?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundPress?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundFocus?: import("@tamagui/web").Variable<any> | undefined;
-        color?: import("@tamagui/web").Variable<any> | undefined;
-        colorHover?: import("@tamagui/web").Variable<any> | undefined;
-        colorPress?: import("@tamagui/web").Variable<any> | undefined;
-        colorFocus?: import("@tamagui/web").Variable<any> | undefined;
-        borderColor?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorHover?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorPress?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorFocus?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColor?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorHover?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorPress?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorFocus?: import("@tamagui/web").Variable<any> | undefined;
-    };
-    cssRules?: undefined;
-} | {
+    themeRaw: ThemeParsed;
     theme: ThemeParsed;
     cssRules: string[];
 } | undefined;

package/types/addTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"addTheme.d.ts","sourceRoot":"","sources":["../src/addTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;;;;;;;;;;;;;;;;;;;;;;;;cAEA"}
+{"version":3,"file":"addTheme.d.ts","sourceRoot":"","sources":["../src/addTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAIhE,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;;;;cAEA"}

package/types/index.d.ts

@@ -1,4 +1,6 @@
 export * from './addTheme';
 export * from './updateTheme';
 export * from './replaceTheme';
+export { mutateThemes } from './_mutateTheme';
+export type { MutateOneThemeProps } from './_mutateTheme';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA"}

package/types/replaceTheme.d.ts

@@ -3,27 +3,7 @@ export declare function replaceTheme({ name, theme, }: {
     name: string;
     theme: Partial<Record<keyof ThemeDefinition, any>>;
 }): {
-    theme: {
-        [x: string]: import("@tamagui/web").Variable<any>;
-        background?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundHover?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundPress?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundFocus?: import("@tamagui/web").Variable<any> | undefined;
-        color?: import("@tamagui/web").Variable<any> | undefined;
-        colorHover?: import("@tamagui/web").Variable<any> | undefined;
-        colorPress?: import("@tamagui/web").Variable<any> | undefined;
-        colorFocus?: import("@tamagui/web").Variable<any> | undefined;
-        borderColor?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorHover?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorPress?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorFocus?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColor?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorHover?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorPress?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorFocus?: import("@tamagui/web").Variable<any> | undefined;
-    };
-    cssRules?: undefined;
-} | {
+    themeRaw: import("@tamagui/web").ThemeParsed;
     theme: import("@tamagui/web").ThemeParsed;
     cssRules: string[];
 } | undefined;

package/types/replaceTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"replaceTheme.d.ts","sourceRoot":"","sources":["../src/replaceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAInD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,GACN,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;CACnD;;;;;;;;;;;;;;;;;;;;;;;;cAGA"}
+{"version":3,"file":"replaceTheme.d.ts","sourceRoot":"","sources":["../src/replaceTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAInD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,GACN,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;CACnD;;;;cAGA"}

package/types/updateTheme.d.ts

@@ -3,27 +3,7 @@ export declare function updateTheme({ name, theme, }: {
     name: ThemeName | (string & {});
     theme: Partial<Record<keyof ThemeDefinition, any>>;
 }): {
-    theme: {
-        [x: string]: import("@tamagui/web").Variable<any>;
-        background?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundHover?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundPress?: import("@tamagui/web").Variable<any> | undefined;
-        backgroundFocus?: import("@tamagui/web").Variable<any> | undefined;
-        color?: import("@tamagui/web").Variable<any> | undefined;
-        colorHover?: import("@tamagui/web").Variable<any> | undefined;
-        colorPress?: import("@tamagui/web").Variable<any> | undefined;
-        colorFocus?: import("@tamagui/web").Variable<any> | undefined;
-        borderColor?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorHover?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorPress?: import("@tamagui/web").Variable<any> | undefined;
-        borderColorFocus?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColor?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorHover?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorPress?: import("@tamagui/web").Variable<any> | undefined;
-        shadowColorFocus?: import("@tamagui/web").Variable<any> | undefined;
-    };
-    cssRules?: undefined;
-} | {
+    themeRaw: import("@tamagui/web").ThemeParsed;
     theme: import("@tamagui/web").ThemeParsed;
     cssRules: string[];
 } | undefined;

package/types/updateTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"updateTheme.d.ts","sourceRoot":"","sources":["../src/updateTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAI9D,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,GACN,EAAE;IACD,IAAI,EAAE,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAC/B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;CACnD;;;;;;;;;;;;;;;;;;;;;;;;cAEA"}
+{"version":3,"file":"updateTheme.d.ts","sourceRoot":"","sources":["../src/updateTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAI9D,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,GACN,EAAE;IACD,IAAI,EAAE,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAC/B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;CACnD;;;;cAEA"}