@tamagui/theme 1.11.0

package/README.md

@@ -0,0 +1 @@
+## addFont

package/dist/cjs/addTheme.js

@@ -0,0 +1,76 @@
+"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 addTheme_exports = {};
+__export(addTheme_exports, {
+  addTheme: () => addTheme
+});
+module.exports = __toCommonJS(addTheme_exports);
+var import_constants = require("@tamagui/constants");
+var import_web = require("@tamagui/web");
+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
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addTheme
+});
+//# sourceMappingURL=addTheme.js.map

package/dist/cjs/addTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/addTheme.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  ensureThemeVariable,\n  getConfig,\n  getThemeCSSRules,\n  proxyThemeToParents,\n  updateConfig,\n} from '@tamagui/web'\nimport type { ThemeDefinition, ThemeParsed } from '@tamagui/web'\n\nexport function addTheme(props: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const theme = config.themes[props.name]\n    if (!props.update && theme) {\n      return { theme }\n    }\n  }\n\n  const { name: themeName, theme: themeIn, insertCSS } = props\n  const theme = { ...themeIn } as ThemeParsed\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  let cssRules: string[] = []\n\n  if (isWeb) {\n    if (insertCSS) {\n      cssRules = getThemeCSSRules({\n        // @ts-ignore this works but should be fixed types\n        config,\n        themeName,\n        names: [themeName],\n        theme,\n      })\n      const id = `t_theme_style_${themeName}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(cssRules.join('\\n')))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n    }\n  }\n\n  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })\n\n  // trigger updates in components\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
+  "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"]
+}

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __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 = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./addTheme"), module.exports);
+__reExport(src_exports, require("./updateTheme"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './addTheme'\nexport * from './updateTheme'\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uBAAd;AACA,wBAAc,0BADd;",
+  "names": []
+}

package/dist/cjs/updateTheme.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 updateTheme_exports = {};
+__export(updateTheme_exports, {
+  updateTheme: () => updateTheme
+});
+module.exports = __toCommonJS(updateTheme_exports);
+var import_web = require("@tamagui/web");
+var import_addTheme = require("./addTheme.js");
+function updateTheme({
+  name,
+  theme
+}) {
+  const next = (0, import_addTheme.addTheme)({ name, theme, insertCSS: true, update: true });
+  if (process.env.TAMAGUI_TARGET === "native") {
+    import_web.activeThemeManagers.forEach((manager) => {
+      if (manager.state.name === name) {
+        manager.updateState({
+          name,
+          forceTheme: next.theme
+        });
+      }
+    });
+  }
+  return next;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  updateTheme
+});
+//# sourceMappingURL=updateTheme.js.map

package/dist/cjs/updateTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/updateTheme.ts"],
+  "sourcesContent": ["import { activeThemeManagers } from '@tamagui/web'\nimport type { ThemeDefinition } from '@tamagui/web'\n\nimport { addTheme } from './addTheme.js'\n\nexport function updateTheme({\n  name,\n  theme,\n}: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n}) {\n  const next = addTheme({ name, theme, insertCSS: true, update: true })\n\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    activeThemeManagers.forEach((manager) => {\n      if (manager.state.name === name) {\n        manager.updateState({\n          name,\n          forceTheme: next.theme,\n        })\n      }\n    })\n  }\n\n  return next\n}\n"],
+  "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;",
+  "names": []
+}

package/dist/esm/addTheme.js

@@ -0,0 +1,58 @@
+import { isWeb } from "@tamagui/constants";
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig
+} from "@tamagui/web";
+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
+  };
+}
+export {
+  addTheme
+};
+//# sourceMappingURL=addTheme.js.map

package/dist/esm/addTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/addTheme.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  ensureThemeVariable,\n  getConfig,\n  getThemeCSSRules,\n  proxyThemeToParents,\n  updateConfig,\n} from '@tamagui/web'\nimport type { ThemeDefinition, ThemeParsed } from '@tamagui/web'\n\nexport function addTheme(props: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const theme = config.themes[props.name]\n    if (!props.update && theme) {\n      return { theme }\n    }\n  }\n\n  const { name: themeName, theme: themeIn, insertCSS } = props\n  const theme = { ...themeIn } as ThemeParsed\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  let cssRules: string[] = []\n\n  if (isWeb) {\n    if (insertCSS) {\n      cssRules = getThemeCSSRules({\n        // @ts-ignore this works but should be fixed types\n        config,\n        themeName,\n        names: [themeName],\n        theme,\n      })\n      const id = `t_theme_style_${themeName}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(cssRules.join('\\n')))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n    }\n  }\n\n  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })\n\n  // trigger updates in components\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
+  "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"]
+}

package/dist/esm/addTheme.mjs

@@ -0,0 +1,58 @@
+import { isWeb } from "@tamagui/constants";
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig
+} from "@tamagui/web";
+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
+  };
+}
+export {
+  addTheme
+};
+//# sourceMappingURL=addTheme.mjs.map

package/dist/esm/addTheme.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/addTheme.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  ensureThemeVariable,\n  getConfig,\n  getThemeCSSRules,\n  proxyThemeToParents,\n  updateConfig,\n} from '@tamagui/web'\nimport type { ThemeDefinition, ThemeParsed } from '@tamagui/web'\n\nexport function addTheme(props: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const theme = config.themes[props.name]\n    if (!props.update && theme) {\n      return { theme }\n    }\n  }\n\n  const { name: themeName, theme: themeIn, insertCSS } = props\n  const theme = { ...themeIn } as ThemeParsed\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  let cssRules: string[] = []\n\n  if (isWeb) {\n    if (insertCSS) {\n      cssRules = getThemeCSSRules({\n        // @ts-ignore this works but should be fixed types\n        config,\n        themeName,\n        names: [themeName],\n        theme,\n      })\n      const id = `t_theme_style_${themeName}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(cssRules.join('\\n')))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n    }\n  }\n\n  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })\n\n  // trigger updates in components\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
+  "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"]
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './addTheme'\nexport * from './updateTheme'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './addTheme'\nexport * from './updateTheme'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/updateTheme.js

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

package/dist/esm/updateTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/updateTheme.ts"],
+  "sourcesContent": ["import { activeThemeManagers } from '@tamagui/web'\nimport type { ThemeDefinition } from '@tamagui/web'\n\nimport { addTheme } from './addTheme.js'\n\nexport function updateTheme({\n  name,\n  theme,\n}: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n}) {\n  const next = addTheme({ name, theme, insertCSS: true, update: true })\n\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    activeThemeManagers.forEach((manager) => {\n      if (manager.state.name === name) {\n        manager.updateState({\n          name,\n          forceTheme: next.theme,\n        })\n      }\n    })\n  }\n\n  return next\n}\n"],
+  "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;",
+  "names": []
+}

package/dist/esm/updateTheme.mjs

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

package/dist/esm/updateTheme.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/updateTheme.ts"],
+  "sourcesContent": ["import { activeThemeManagers } from '@tamagui/web'\nimport type { ThemeDefinition } from '@tamagui/web'\n\nimport { addTheme } from './addTheme.js'\n\nexport function updateTheme({\n  name,\n  theme,\n}: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n}) {\n  const next = addTheme({ name, theme, insertCSS: true, update: true })\n\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    activeThemeManagers.forEach((manager) => {\n      if (manager.state.name === name) {\n        manager.updateState({\n          name,\n          forceTheme: next.theme,\n        })\n      }\n    })\n  }\n\n  return next\n}\n"],
+  "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;",
+  "names": []
+}

package/dist/jsx/addTheme.js

@@ -0,0 +1,57 @@
+import { isWeb } from "@tamagui/constants";
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig
+} from "@tamagui/web";
+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
+  };
+}
+export {
+  addTheme
+};
+//# sourceMappingURL=addTheme.js.map

package/dist/jsx/addTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/addTheme.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  ensureThemeVariable,\n  getConfig,\n  getThemeCSSRules,\n  proxyThemeToParents,\n  updateConfig,\n} from '@tamagui/web'\nimport type { ThemeDefinition, ThemeParsed } from '@tamagui/web'\n\nexport function addTheme(props: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const theme = config.themes[props.name]\n    if (!props.update && theme) {\n      return { theme }\n    }\n  }\n\n  const { name: themeName, theme: themeIn, insertCSS } = props\n  const theme = { ...themeIn } as ThemeParsed\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  let cssRules: string[] = []\n\n  if (isWeb) {\n    if (insertCSS) {\n      cssRules = getThemeCSSRules({\n        // @ts-ignore this works but should be fixed types\n        config,\n        themeName,\n        names: [themeName],\n        theme,\n      })\n      const id = `t_theme_style_${themeName}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(cssRules.join('\\n')))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n    }\n  }\n\n  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })\n\n  // trigger updates in components\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
+  "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"]
+}

package/dist/jsx/addTheme.mjs

@@ -0,0 +1,57 @@
+import { isWeb } from "@tamagui/constants";
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig
+} from "@tamagui/web";
+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
+  };
+}
+export {
+  addTheme
+};
+//# sourceMappingURL=addTheme.mjs.map

package/dist/jsx/addTheme.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/addTheme.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport {\n  ensureThemeVariable,\n  getConfig,\n  getThemeCSSRules,\n  proxyThemeToParents,\n  updateConfig,\n} from '@tamagui/web'\nimport type { ThemeDefinition, ThemeParsed } from '@tamagui/web'\n\nexport function addTheme(props: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const theme = config.themes[props.name]\n    if (!props.update && theme) {\n      return { theme }\n    }\n  }\n\n  const { name: themeName, theme: themeIn, insertCSS } = props\n  const theme = { ...themeIn } as ThemeParsed\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  let cssRules: string[] = []\n\n  if (isWeb) {\n    if (insertCSS) {\n      cssRules = getThemeCSSRules({\n        // @ts-ignore this works but should be fixed types\n        config,\n        themeName,\n        names: [themeName],\n        theme,\n      })\n      const id = `t_theme_style_${themeName}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(cssRules.join('\\n')))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n    }\n  }\n\n  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })\n\n  // trigger updates in components\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
+  "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"]
+}

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './addTheme'\nexport * from './updateTheme'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './addTheme'\nexport * from './updateTheme'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/updateTheme.js

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

package/dist/jsx/updateTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/updateTheme.ts"],
+  "sourcesContent": ["import { activeThemeManagers } from '@tamagui/web'\nimport type { ThemeDefinition } from '@tamagui/web'\n\nimport { addTheme } from './addTheme.js'\n\nexport function updateTheme({\n  name,\n  theme,\n}: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n}) {\n  const next = addTheme({ name, theme, insertCSS: true, update: true })\n\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    activeThemeManagers.forEach((manager) => {\n      if (manager.state.name === name) {\n        manager.updateState({\n          name,\n          forceTheme: next.theme,\n        })\n      }\n    })\n  }\n\n  return next\n}\n"],
+  "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;",
+  "names": []
+}

package/dist/jsx/updateTheme.mjs

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

package/dist/jsx/updateTheme.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/updateTheme.ts"],
+  "sourcesContent": ["import { activeThemeManagers } from '@tamagui/web'\nimport type { ThemeDefinition } from '@tamagui/web'\n\nimport { addTheme } from './addTheme.js'\n\nexport function updateTheme({\n  name,\n  theme,\n}: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n}) {\n  const next = addTheme({ name, theme, insertCSS: true, update: true })\n\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    activeThemeManagers.forEach((manager) => {\n      if (manager.state.name === name) {\n        manager.updateState({\n          name,\n          forceTheme: next.theme,\n        })\n      }\n    })\n  }\n\n  return next\n}\n"],
+  "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;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@tamagui/theme",
+  "version": "1.11.0",
+  "sideEffects": false,
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch"
+  },
+  "dependencies": {
+    "@tamagui/constants": "1.11.0",
+    "@tamagui/web": "1.11.0"
+  },
+  "peerDependencies": {
+    "react": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "1.11.0",
+    "react": "^18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/addTheme.ts

@@ -0,0 +1,68 @@
+import { isWeb } from '@tamagui/constants'
+import {
+  ensureThemeVariable,
+  getConfig,
+  getThemeCSSRules,
+  proxyThemeToParents,
+  updateConfig,
+} from '@tamagui/web'
+import type { ThemeDefinition, ThemeParsed } from '@tamagui/web'
+
+export function addTheme(props: {
+  name: string
+  theme: Partial<Record<keyof ThemeDefinition, any>>
+  insertCSS?: boolean
+  update?: boolean
+}) {
+  const config = getConfig()
+
+  if (process.env.NODE_ENV === 'development') {
+    if (!config) {
+      throw new Error('No config')
+    }
+    const theme = config.themes[props.name]
+    if (!props.update && theme) {
+      return { theme }
+    }
+  }
+
+  const { name: themeName, theme: themeIn, insertCSS } = props
+  const theme = { ...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,
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './addTheme'
+export * from './updateTheme'

package/src/updateTheme.ts

@@ -0,0 +1,27 @@
+import { activeThemeManagers } from '@tamagui/web'
+import type { ThemeDefinition } from '@tamagui/web'
+
+import { addTheme } from './addTheme.js'
+
+export function updateTheme({
+  name,
+  theme,
+}: {
+  name: string
+  theme: Partial<Record<keyof ThemeDefinition, any>>
+}) {
+  const next = addTheme({ name, theme, insertCSS: true, update: true })
+
+  if (process.env.TAMAGUI_TARGET === 'native') {
+    activeThemeManagers.forEach((manager) => {
+      if (manager.state.name === name) {
+        manager.updateState({
+          name,
+          forceTheme: next.theme,
+        })
+      }
+    })
+  }
+
+  return next
+}

package/types/addTheme.d.ts

@@ -0,0 +1,32 @@
+import type { ThemeDefinition } from '@tamagui/web';
+export declare function addTheme(props: {
+    name: string;
+    theme: Partial<Record<keyof ThemeDefinition, any>>;
+    insertCSS?: boolean;
+    update?: 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;
+} | {
+    theme: any;
+    cssRules: string[];
+};
+//# sourceMappingURL=addTheme.d.ts.map

package/types/addTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addTheme.d.ts","sourceRoot":"","sources":["../src/addTheme.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,cAAc,CAAA;AAEhE,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;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;;;;;;;;;;;;;;;;;;;;;;;EAoDA"}

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './addTheme';
+export * from './updateTheme';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA"}

package/types/updateTheme.d.ts

@@ -0,0 +1,30 @@
+import type { ThemeDefinition } from '@tamagui/web';
+export declare function updateTheme({ 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;
+} | {
+    theme: any;
+    cssRules: string[];
+};
+//# sourceMappingURL=updateTheme.d.ts.map

package/types/updateTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateTheme.d.ts","sourceRoot":"","sources":["../src/updateTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAInD,wBAAgB,WAAW,CAAC,EAC1B,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;;;;;;;;;;;;;;;;;;;;;;;;EAeA"}