@tamagui/core 1.0.1-beta.21 → 1.0.1-beta.210

package/dist/cjs/Tamagui.js

@@ -1,10 +1,10 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Tamagui_exports = {};
 __export(Tamagui_exports, {
@@ -27,19 +30,21 @@ __export(Tamagui_exports, {
 });
 module.exports = __toCommonJS(Tamagui_exports);
 var Helpers = __toESM(require("@tamagui/helpers"));
-var import_conf = require("./conf");
-var import_rnw = require("./constants/rnw");
+var import_config = require("./config");
 var import_insertStyleRule = require("./helpers/insertStyleRule");
+var import_useMedia = require("./hooks/useMedia");
 class TamaguiManager {
   constructor() {
-    this.rnw = import_rnw.rnw;
     this.Helpers = Helpers;
   }
+  get mediaState() {
+    return { ...import_useMedia.mediaState };
+  }
   get config() {
-    return (0, import_conf.getConfig)();
+    return (0, import_config.getConfig)();
   }
   get insertedRules() {
-    return (0, import_insertStyleRule.getInsertedRules)();
+    return (0, import_insertStyleRule.getAllRules)();
   }
   get allSelectors() {
     return (0, import_insertStyleRule.getAllSelectors)();
@@ -51,15 +56,14 @@ class TamaguiManager {
     return identifierToValue;
   }
 }
-__name(TamaguiManager, "TamaguiManager");
 const Tamagui = new TamaguiManager();
 const identifierToValue = /* @__PURE__ */ new Map();
-const getValueFromIdentifier = /* @__PURE__ */ __name((identifier) => {
+const getValueFromIdentifier = (identifier) => {
   return identifierToValue.get(identifier);
-}, "getValueFromIdentifier");
-const setIdentifierValue = /* @__PURE__ */ __name((identifier, value) => {
+};
+const setIdentifierValue = (identifier, value) => {
   identifierToValue.set(identifier, value);
-}, "setIdentifierValue");
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Tamagui,

package/dist/cjs/Tamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tamagui.ts"],
-  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\n\nimport { getConfig } from './conf'\nimport { rnw } from './constants/rnw'\nimport { getAllSelectors, getAllTransforms, getInsertedRules } from './helpers/insertStyleRule'\nimport { TamaguiInternalConfig } from './types'\n\n// serves a central store for state\n\nclass TamaguiManager {\n  rnw = rnw\n  Helpers = Helpers\n\n  get config() {\n    return getConfig()\n  }\n\n  get insertedRules() {\n    return getInsertedRules()\n  }\n\n  get allSelectors() {\n    return getAllSelectors()\n  }\n\n  get allTransforms() {\n    return getAllTransforms()\n  }\n\n  get identifierToValue() {\n    return identifierToValue\n  }\n}\n\nexport const Tamagui = new TamaguiManager()\n\nconst identifierToValue = new Map<string, any>()\n\nexport const getValueFromIdentifier = (identifier: string) => {\n  return identifierToValue.get(identifier)\n}\n\nexport const setIdentifierValue = (identifier: string, value: any) => {\n  identifierToValue.set(identifier, value)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAyB;AAEzB,kBAA0B;AAC1B,iBAAoB;AACpB,6BAAoE;AAKpE,MAAM,eAAe;AAAA,EAArB;AACE,eAAM;AACN,mBAAU;AAAA;AAAA,MAEN,SAAS;AACX,WAAO,2BAAU;AAAA,EACnB;AAAA,MAEI,gBAAgB;AAClB,WAAO,6CAAiB;AAAA,EAC1B;AAAA,MAEI,eAAe;AACjB,WAAO,4CAAgB;AAAA,EACzB;AAAA,MAEI,gBAAgB;AAClB,WAAO,6CAAiB;AAAA,EAC1B;AAAA,MAEI,oBAAoB;AACtB,WAAO;AAAA,EACT;AACF;AAvBA;AAyBO,MAAM,UAAU,IAAI,eAAe;AAE1C,MAAM,oBAAoB,oBAAI,IAAiB;AAExC,MAAM,yBAAyB,wBAAC,eAAuB;AAC5D,SAAO,kBAAkB,IAAI,UAAU;AACzC,GAFsC;AAI/B,MAAM,qBAAqB,wBAAC,YAAoB,UAAe;AACpE,oBAAkB,IAAI,YAAY,KAAK;AACzC,GAFkC;",
+  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\n\nimport { getConfig } from './config'\nimport { getAllRules, getAllSelectors, getAllTransforms } from './helpers/insertStyleRule'\nimport { mediaState } from './hooks/useMedia'\n\n// easy introspection\n// only included in dev mode\n\nclass TamaguiManager {\n  Helpers = Helpers\n\n  get mediaState() {\n    return { ...mediaState }\n  }\n\n  get config() {\n    return getConfig()\n  }\n\n  get insertedRules() {\n    return getAllRules()\n  }\n\n  get allSelectors() {\n    return getAllSelectors()\n  }\n\n  get allTransforms() {\n    return getAllTransforms()\n  }\n\n  get identifierToValue() {\n    return identifierToValue\n  }\n}\n\nexport const Tamagui = new TamaguiManager()\n\nconst identifierToValue = new Map<string, any>()\n\nexport const getValueFromIdentifier = (identifier: string) => {\n  return identifierToValue.get(identifier)\n}\n\nexport const setIdentifierValue = (identifier: string, value: any) => {\n  identifierToValue.set(identifier, value)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAyB;AAEzB,oBAA0B;AAC1B,6BAA+D;AAC/D,sBAA2B;AAK3B,MAAM,eAAe;AAAA,EAArB;AACE,mBAAU;AAAA;AAAA,EAEV,IAAI,aAAa;AACf,WAAO,EAAE,GAAG,2BAAW;AAAA,EACzB;AAAA,EAEA,IAAI,SAAS;AACX,eAAO,yBAAU;AAAA,EACnB;AAAA,EAEA,IAAI,gBAAgB;AAClB,eAAO,oCAAY;AAAA,EACrB;AAAA,EAEA,IAAI,eAAe;AACjB,eAAO,wCAAgB;AAAA,EACzB;AAAA,EAEA,IAAI,gBAAgB;AAClB,eAAO,yCAAiB;AAAA,EAC1B;AAAA,EAEA,IAAI,oBAAoB;AACtB,WAAO;AAAA,EACT;AACF;AAEO,MAAM,UAAU,IAAI,eAAe;AAE1C,MAAM,oBAAoB,oBAAI,IAAiB;AAExC,MAAM,yBAAyB,CAAC,eAAuB;AAC5D,SAAO,kBAAkB,IAAI,UAAU;AACzC;AAEO,MAAM,qBAAqB,CAAC,YAAoB,UAAe;AACpE,oBAAkB,IAAI,YAAY,KAAK;AACzC;",
   "names": []
 }

package/dist/cjs/addTheme.js

@@ -0,0 +1,80 @@
+"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_config = require("./config");
+var import_getThemeCSSRules = require("./helpers/getThemeCSSRules");
+var import_themes = require("./helpers/themes");
+function addTheme({
+  name: themeName,
+  theme: themeIn,
+  insertCSS,
+  update
+}) {
+  var _a;
+  const config = (0, import_config.getConfig)();
+  if (process.env.NODE_ENV === "development") {
+    if (!config) {
+      throw new Error(`Must run createTamagui once before loading theme`);
+    }
+    if (!update && config.themes[themeName]) {
+      throw new Error(`Already defined theme "${themeName}", use updateTheme to change values`);
+    }
+  }
+  const theme = { ...themeIn };
+  for (const key in theme) {
+    (0, import_themes.ensureThemeVariable)(theme, key);
+  }
+  const themeProxied = (0, import_themes.proxyThemeToParents)(themeName, theme, config.themes);
+  config.themes[themeName] = themeProxied;
+  let cssRules = [];
+  if (import_constants.isWeb) {
+    if (insertCSS) {
+      cssRules = (0, import_getThemeCSSRules.getThemeCSSRules)({
+        config,
+        themeName,
+        names: [themeName],
+        theme
+      });
+      const id = `tamagui_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_config.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'\n\nimport { getConfig, updateConfig } from './config'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'\nimport { ThemeDefinition, ThemeParsed } from './types'\n\nexport function addTheme({\n  name: themeName,\n  theme: themeIn,\n  insertCSS,\n  update,\n}: {\n  name: string\n  theme: ThemeDefinition\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error(`Must run createTamagui once before loading theme`)\n    }\n    if (!update && config.themes[themeName]) {\n      throw new Error(`Already defined theme \"${themeName}\", use updateTheme to change values`)\n    }\n  }\n\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 = `tamagui_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\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,oBAAwC;AACxC,8BAAiC;AACjC,oBAAyD;AAGlD,SAAS,SAAS;AAAA,EACvB,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAKG;AAjBH;AAkBE,QAAM,aAAS,yBAAU;AACzB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,kDAAkD;AAAA,IACpE;AACA,QAAI,CAAC,UAAU,OAAO,OAAO,YAAY;AACvC,YAAM,IAAI,MAAM,0BAA0B,8CAA8C;AAAA,IAC1F;AAAA,EACF;AAEA,QAAM,QAAQ,EAAE,GAAG,QAAQ;AAC3B,aAAW,OAAO,OAAO;AACvB,2CAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,mBAAe,mCAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,aAAa;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,wBAAO;AACT,QAAI,WAAW;AACb,qBAAW,0CAAiB;AAAA,QAE1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,uBAAuB;AAClC,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,kCAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,YAAY,aAAa,CAAC;AAItE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cjs/{conf.js → config.js}

@@ -1,8 +1,8 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,41 +16,51 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var conf_exports = {};
-__export(conf_exports, {
+var config_exports = {};
+__export(config_exports, {
   configListeners: () => configListeners,
   getConfig: () => getConfig,
   getHasConfigured: () => getHasConfigured,
   getThemes: () => getThemes,
   getTokens: () => getTokens,
   onConfiguredOnce: () => onConfiguredOnce,
-  setConfig: () => setConfig
+  setConfig: () => setConfig,
+  setConfigFont: () => setConfigFont,
+  updateConfig: () => updateConfig,
+  useTokens: () => useTokens
 });
-module.exports = __toCommonJS(conf_exports);
-var import_Tamagui = require("./Tamagui");
+module.exports = __toCommonJS(config_exports);
 let conf;
-const setConfig = /* @__PURE__ */ __name((next) => {
+const setConfig = (next) => {
   conf = next;
   if (configListeners.size) {
-    configListeners.forEach((cb) => cb(conf));
-    configListeners.clear();
+    configListeners.forEach((cb) => cb(next));
   }
-}, "setConfig");
-const getHasConfigured = /* @__PURE__ */ __name(() => !!conf, "getHasConfigured");
-const getConfig = /* @__PURE__ */ __name(() => conf, "getConfig");
-const getTokens = /* @__PURE__ */ __name(() => conf.tokensParsed, "getTokens");
-const getThemes = /* @__PURE__ */ __name(() => conf.themes, "getThemes");
+};
+const setConfigFont = (name, font, fontParsed) => {
+  if (process.env.NODE_ENV === "development") {
+    if (!conf)
+      throw new Error(`Haven't called createTamagui yet`);
+  }
+  Object.assign(conf.fonts, { [name]: font });
+  Object.assign(conf.fontsParsed, { [`$${name}`]: fontParsed });
+};
+const getHasConfigured = () => !!conf;
+const getConfig = () => conf;
+const getTokens = (prefixed) => prefixed ? conf.tokensParsed : conf.tokens;
+const useTokens = getTokens;
+const getThemes = () => conf.themes;
 const configListeners = /* @__PURE__ */ new Set();
-const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
+const onConfiguredOnce = (cb) => {
   if (conf) {
     cb(conf);
   } else {
     configListeners.add(cb);
   }
-  if (!globalThis["Tamagui"]) {
-    globalThis["Tamagui"] = import_Tamagui.Tamagui;
-  }
-}, "onConfiguredOnce");
+};
+const updateConfig = (key, value) => {
+  Object.assign(key, value);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   configListeners,
@@ -59,6 +69,9 @@ const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
   getThemes,
   getTokens,
   onConfiguredOnce,
-  setConfig
+  setConfig,
+  setConfigFont,
+  updateConfig,
+  useTokens
 });
-//# sourceMappingURL=conf.js.map
+//# sourceMappingURL=config.js.map

package/dist/cjs/config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/config.ts"],
+  "sourcesContent": ["import { ConfigListener, TamaguiInternalConfig, ThemeParsed, Tokens } from './types'\n\nlet conf: TamaguiInternalConfig | null\n\nexport const setConfig = (next: TamaguiInternalConfig) => {\n  conf = next\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(next))\n  }\n}\n\nexport const setConfigFont = (name: string, font: any, fontParsed: any) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (!conf) throw new Error(`Haven't called createTamagui yet`)\n  }\n  Object.assign(conf!.fonts, { [name]: font })\n  Object.assign(conf!.fontsParsed, { [`$${name}`]: fontParsed })\n}\n\nexport const getHasConfigured = () => !!conf\nexport const getConfig = () => conf!\nexport const getTokens = (prefixed?: boolean): Tokens =>\n  prefixed ? conf!.tokensParsed : conf!.tokens\n\n/**\n * Note: this is the same as `getTokens`\n */\nexport const useTokens = getTokens\n\nexport const getThemes = () => conf!.themes\n\nexport const configListeners = new Set<ConfigListener>()\n\nexport const onConfiguredOnce = (cb: ConfigListener) => {\n  if (conf) {\n    cb(conf)\n  } else {\n    configListeners.add(cb)\n  }\n}\n\nexport const updateConfig = (key: string, value: any) => {\n  Object.assign(key, value)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAI;AAEG,MAAM,YAAY,CAAC,SAAgC;AACxD,SAAO;AACP,MAAI,gBAAgB,MAAM;AACxB,oBAAgB,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AAAA,EAC1C;AACF;AAEO,MAAM,gBAAgB,CAAC,MAAc,MAAW,eAAoB;AACzE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC;AAAM,YAAM,IAAI,MAAM,kCAAkC;AAAA,EAC/D;AACA,SAAO,OAAO,KAAM,OAAO,EAAE,CAAC,OAAO,KAAK,CAAC;AAC3C,SAAO,OAAO,KAAM,aAAa,EAAE,CAAC,IAAI,SAAS,WAAW,CAAC;AAC/D;AAEO,MAAM,mBAAmB,MAAM,CAAC,CAAC;AACjC,MAAM,YAAY,MAAM;AACxB,MAAM,YAAY,CAAC,aACxB,WAAW,KAAM,eAAe,KAAM;AAKjC,MAAM,YAAY;AAElB,MAAM,YAAY,MAAM,KAAM;AAE9B,MAAM,kBAAkB,oBAAI,IAAoB;AAEhD,MAAM,mBAAmB,CAAC,OAAuB;AACtD,MAAI,MAAM;AACR,OAAG,IAAI;AAAA,EACT,OAAO;AACL,oBAAgB,IAAI,EAAE;AAAA,EACxB;AACF;AAEO,MAAM,eAAe,CAAC,KAAa,UAAe;AACvD,SAAO,OAAO,KAAK,KAAK;AAC1B;",
+  "names": []
+}

package/dist/cjs/constants/constants.js

@@ -1,21 +1,8 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -33,24 +20,30 @@ var constants_exports = {};
 __export(constants_exports, {
   THEME_CLASSNAME_PREFIX: () => THEME_CLASSNAME_PREFIX,
   THEME_NAME_SEPARATOR: () => THEME_NAME_SEPARATOR,
-  stackDefaultStyles: () => stackDefaultStyles
+  stackDefaultStyles: () => stackDefaultStyles,
+  webOnlyDefaultStyles: () => webOnlyDefaultStyles
 });
 module.exports = __toCommonJS(constants_exports);
-var import_platform = require("./platform");
 const THEME_NAME_SEPARATOR = "_";
-const THEME_CLASSNAME_PREFIX = `tui_`;
-const stackDefaultStyles = __spreadValues({
-  alignItems: "stretch",
-  flexShrink: 0
-}, import_platform.isWeb && {
+const THEME_CLASSNAME_PREFIX = `t_`;
+const webOnlyDefaultStyles = {
   display: "flex",
   flexBasis: "auto",
-  boxSizing: "border-box"
-});
+  boxSizing: "border-box",
+  position: "relative",
+  minHeight: 0,
+  minWidth: 0
+};
+const stackDefaultStyles = {
+  alignItems: "stretch",
+  flexShrink: 0,
+  ...webOnlyDefaultStyles
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   THEME_CLASSNAME_PREFIX,
   THEME_NAME_SEPARATOR,
-  stackDefaultStyles
+  stackDefaultStyles,
+  webOnlyDefaultStyles
 });
 //# sourceMappingURL=constants.js.map

package/dist/cjs/constants/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/constants.ts"],
-  "sourcesContent": ["import { isWeb } from './platform'\n\nexport const THEME_NAME_SEPARATOR = '_'\nexport const THEME_CLASSNAME_PREFIX = `tui_`\n\nexport const stackDefaultStyles = {\n  alignItems: 'stretch',\n  flexShrink: 0,\n  // more accurately match react-native defaults on web\n  ...(isWeb && {\n    display: 'flex',\n    flexBasis: 'auto',\n    boxSizing: 'border-box',\n  }),\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAsB;AAEf,MAAM,uBAAuB;AAC7B,MAAM,yBAAyB;AAE/B,MAAM,qBAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AAAA,GAER,yBAAS;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AACb;",
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nexport const THEME_NAME_SEPARATOR = '_'\nexport const THEME_CLASSNAME_PREFIX = `t_`\n\nexport const webOnlyDefaultStyles = {\n  display: 'flex',\n  flexBasis: 'auto',\n  boxSizing: 'border-box',\n  position: 'relative',\n  minHeight: 0,\n  minWidth: 0,\n}\n\nexport const stackDefaultStyles = {\n  alignItems: 'stretch',\n  flexShrink: 0,\n  ...webOnlyDefaultStyles,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,uBAAuB;AAC7B,MAAM,yBAAyB;AAE/B,MAAM,uBAAuB;AAAA,EAClC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,MAAM,qBAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,GAAG;AACL;",
   "names": []
 }

package/dist/cjs/{helpers/nativeGestureHandler.js → constants/isDevTools.js}

@@ -1,8 +1,8 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,14 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var nativeGestureHandler_exports = {};
-__export(nativeGestureHandler_exports, {
-  BaseButton: () => BaseButton
+var isDevTools_exports = {};
+__export(isDevTools_exports, {
+  isDevTools: () => isDevTools
 });
-module.exports = __toCommonJS(nativeGestureHandler_exports);
-const BaseButton = /* @__PURE__ */ __name((props) => props.children, "BaseButton");
+module.exports = __toCommonJS(isDevTools_exports);
+const isDevTools = process.env.NODE_ENV === "development" ? new Function("try {return this===window;}catch(e){ return false;}")() : false;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BaseButton
+  isDevTools
 });
-//# sourceMappingURL=nativeGestureHandler.js.map
+//# sourceMappingURL=isDevTools.js.map

package/dist/cjs/constants/isDevTools.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/isDevTools.ts"],
+  "sourcesContent": ["// for verbose logging outside node/cli\n\nexport const isDevTools =\n  process.env.NODE_ENV === 'development'\n    ? new Function('try {return this===window;}catch(e){ return false;}')()\n    : false\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,aACX,QAAQ,IAAI,aAAa,gBACrB,IAAI,SAAS,qDAAqD,EAAE,IACpE;",
+  "names": []
+}

package/dist/cjs/constants/platform.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -21,38 +22,53 @@ __export(platform_exports, {
   isChrome: () => isChrome,
   isClient: () => isClient,
   isIOS: () => isIOS,
-  isSSR: () => isSSR,
-  isTouchDevice: () => isTouchDevice,
+  isRSC: () => isRSC,
+  isServer: () => isServer,
+  isTouchable: () => isTouchable,
   isWeb: () => isWeb,
-  isWebIOS: () => isWebIOS,
-  supportsTouchWeb: () => supportsTouchWeb,
+  isWebTouchable: () => isWebTouchable,
+  isWindowDefined: () => isWindowDefined,
   useIsomorphicLayoutEffect: () => useIsomorphicLayoutEffect
 });
 module.exports = __toCommonJS(platform_exports);
 var import_react = require("react");
 var import_react_native = require("react-native");
-var _a, _b, _c;
+const import_meta = {};
+var _a, _b;
 const isAndroid = ((_a = import_react_native.Platform) == null ? void 0 : _a.OS) === "android";
 const isIOS = ((_b = import_react_native.Platform) == null ? void 0 : _b.OS) === "ios";
-const isWeb = process.env.TAMAGUI_TARGET !== "native" && (process.env.TAMAGUI_TARGET === "web" || ((_c = import_react_native.Platform) == null ? void 0 : _c.OS) === "web");
-const isSSR = isWeb && typeof window === "undefined";
-const isClient = isWeb && typeof window !== "undefined";
-const useIsomorphicLayoutEffect = isSSR ? import_react.useEffect : import_react.useLayoutEffect;
+const isWeb = process.env.TAMAGUI_TARGET === "web";
+const isWindowDefined = typeof window !== "undefined";
+const isServer = isWeb && !isWindowDefined;
+const isClient = isWeb && isWindowDefined;
+const isRSC = process.env.ENABLE_RSC ? import_meta.env ? import_meta.env.SSR : false : false;
+const idFn = () => {
+};
+const useIsomorphicLayoutEffect = isRSC ? idFn : isServer ? import_react.useEffect : import_react.useLayoutEffect;
 const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");
-const supportsTouchWeb = typeof window !== "undefined" && "ontouchstart" in window;
-const isTouchDevice = !isWeb || supportsTouchWeb;
-const isWebIOS = isWeb && typeof navigator !== "undefined" && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && !window["MSStream"];
+const isWebTouchable = isClient && "ontouchstart" in window;
+const isTouchable = !isWeb || isWebTouchable;
+if (process.env.NODE_ENV === "development") {
+  if (!process.env.TAMAGUI_TARGET) {
+    console.warn(`Must set TAMAGUI_TARGET to "web" or "native"`);
+  } else if (isClient && process.env.TAMAGUI_TARGET !== "web" && process.env.TAMAGUI_IGNORE_TARGET !== "1") {
+    console.warn(
+      `Must set TAMAGUI_TARGET to "web" for web apps - if you have window defined outside of the browser, set TAMAGUI_IGNORE_TARGET=1 to hide this`
+    );
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   isAndroid,
   isChrome,
   isClient,
   isIOS,
-  isSSR,
-  isTouchDevice,
+  isRSC,
+  isServer,
+  isTouchable,
   isWeb,
-  isWebIOS,
-  supportsTouchWeb,
+  isWebTouchable,
+  isWindowDefined,
   useIsomorphicLayoutEffect
 });
 //# sourceMappingURL=platform.js.map

package/dist/cjs/constants/platform.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/platform.ts"],
-  "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isAndroid = Platform?.OS === 'android'\nexport const isIOS = Platform?.OS === 'ios'\n\nexport const isWeb =\n  process.env.TAMAGUI_TARGET !== 'native' &&\n  (process.env.TAMAGUI_TARGET === 'web' || Platform?.OS === 'web')\n\nexport const isSSR = isWeb && typeof window === 'undefined'\nexport const isClient = isWeb && typeof window !== 'undefined'\nexport const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect\nexport const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')\nexport const supportsTouchWeb = typeof window !== 'undefined' && 'ontouchstart' in window\nexport const isTouchDevice = !isWeb || supportsTouchWeb\nexport const isWebIOS =\n  isWeb &&\n  typeof navigator !== 'undefined' &&\n  (/iPad|iPhone|iPod/.test(navigator.platform) ||\n    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&\n  !window['MSStream']\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,0BAAyB;AADzB;AAGO,MAAM,YAAY,2DAAU,QAAO;AACnC,MAAM,QAAQ,2DAAU,QAAO;AAE/B,MAAM,QACX,QAAQ,IAAI,mBAAmB,YAC9B,SAAQ,IAAI,mBAAmB,SAAS,2DAAU,QAAO;AAErD,MAAM,QAAQ,SAAS,OAAO,WAAW;AACzC,MAAM,WAAW,SAAS,OAAO,WAAW;AAC5C,MAAM,4BAA4B,QAAQ,yBAAY;AACtD,MAAM,WAAW,OAAO,cAAc,eAAe,SAAS,KAAK,UAAU,aAAa,EAAE;AAC5F,MAAM,mBAAmB,OAAO,WAAW,eAAe,kBAAkB;AAC5E,MAAM,gBAAgB,CAAC,SAAS;AAChC,MAAM,WACX,SACA,OAAO,cAAc,eACpB,oBAAmB,KAAK,UAAU,QAAQ,KACxC,UAAU,aAAa,cAAc,UAAU,iBAAiB,MACnE,CAAC,OAAO;",
+  "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isAndroid = Platform?.OS === 'android'\nexport const isIOS = Platform?.OS === 'ios'\nexport const isWeb = process.env.TAMAGUI_TARGET === 'web'\nexport const isWindowDefined = typeof window !== 'undefined'\nexport const isServer = isWeb && !isWindowDefined\nexport const isClient = isWeb && isWindowDefined\n\n// may want to move to VITE_RSC_BUILD\nexport const isRSC = process.env.ENABLE_RSC\n  ? // note this is statically analyzed so no funny business, just access it without optional chaining\n    // @ts-ignore\n    import.meta.env\n    ? // @ts-ignore\n      import.meta.env.SSR\n    : false\n  : false\n\nconst idFn = () => {}\nexport const useIsomorphicLayoutEffect = isRSC ? idFn : isServer ? useEffect : useLayoutEffect\nexport const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')\nexport const isWebTouchable = isClient && 'ontouchstart' in window\nexport const isTouchable = !isWeb || isWebTouchable\n\nif (process.env.NODE_ENV === 'development') {\n  if (!process.env.TAMAGUI_TARGET) {\n    // eslint-disable-next-line no-console\n    console.warn(`Must set TAMAGUI_TARGET to \"web\" or \"native\"`)\n  } else if (\n    isClient &&\n    process.env.TAMAGUI_TARGET !== 'web' &&\n    process.env.TAMAGUI_IGNORE_TARGET !== '1'\n  ) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Must set TAMAGUI_TARGET to \"web\" for web apps - if you have window defined outside of the browser, set TAMAGUI_IGNORE_TARGET=1 to hide this`\n    )\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,0BAAyB;AADzB;AAAA;AAGO,MAAM,cAAY,yDAAU,QAAO;AACnC,MAAM,UAAQ,yDAAU,QAAO;AAC/B,MAAM,QAAQ,QAAQ,IAAI,mBAAmB;AAC7C,MAAM,kBAAkB,OAAO,WAAW;AAC1C,MAAM,WAAW,SAAS,CAAC;AAC3B,MAAM,WAAW,SAAS;AAG1B,MAAM,QAAQ,QAAQ,IAAI,aAG7B,YAAY,MAEV,YAAY,IAAI,MAChB,QACF;AAEJ,MAAM,OAAO,MAAM;AAAC;AACb,MAAM,4BAA4B,QAAQ,OAAO,WAAW,yBAAY;AACxE,MAAM,WAAW,OAAO,cAAc,eAAe,SAAS,KAAK,UAAU,aAAa,EAAE;AAC5F,MAAM,iBAAiB,YAAY,kBAAkB;AACrD,MAAM,cAAc,CAAC,SAAS;AAErC,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,MAAI,CAAC,QAAQ,IAAI,gBAAgB;AAE/B,YAAQ,KAAK,8CAA8C;AAAA,EAC7D,WACE,YACA,QAAQ,IAAI,mBAAmB,SAC/B,QAAQ,IAAI,0BAA0B,KACtC;AAEA,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/constants/platform.native.js

@@ -0,0 +1,62 @@
+"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 platform_native_exports = {};
+__export(platform_native_exports, {
+  isAndroid: () => isAndroid,
+  isChrome: () => isChrome,
+  isClient: () => isClient,
+  isIOS: () => isIOS,
+  isRSC: () => isRSC,
+  isServer: () => isServer,
+  isTouchable: () => isTouchable,
+  isWeb: () => isWeb,
+  isWebTouchable: () => isWebTouchable,
+  isWindowDefined: () => isWindowDefined,
+  useIsomorphicLayoutEffect: () => useIsomorphicLayoutEffect
+});
+module.exports = __toCommonJS(platform_native_exports);
+var import_react = require("react");
+var import_react_native = require("react-native");
+var _a, _b;
+const isAndroid = ((_a = import_react_native.Platform) == null ? void 0 : _a.OS) === "android";
+const isIOS = ((_b = import_react_native.Platform) == null ? void 0 : _b.OS) === "ios";
+const isWeb = false;
+const isWindowDefined = false;
+const isServer = false;
+const isClient = false;
+const isRSC = false;
+const useIsomorphicLayoutEffect = import_react.useLayoutEffect;
+const isChrome = false;
+const isWebTouchable = false;
+const isTouchable = true;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isAndroid,
+  isChrome,
+  isClient,
+  isIOS,
+  isRSC,
+  isServer,
+  isTouchable,
+  isWeb,
+  isWebTouchable,
+  isWindowDefined,
+  useIsomorphicLayoutEffect
+});
+//# sourceMappingURL=platform.native.js.map

package/dist/cjs/constants/platform.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/platform.native.ts"],
+  "sourcesContent": ["import { useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isAndroid = Platform?.OS === 'android'\nexport const isIOS = Platform?.OS === 'ios'\nexport const isWeb = false\nexport const isWindowDefined = false\nexport const isServer = false\nexport const isClient = false\nexport const isRSC = false\nexport const useIsomorphicLayoutEffect = useLayoutEffect\nexport const isChrome = false\nexport const isWebTouchable = false\nexport const isTouchable = true\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,0BAAyB;AADzB;AAGO,MAAM,cAAY,yDAAU,QAAO;AACnC,MAAM,UAAQ,yDAAU,QAAO;AAC/B,MAAM,QAAQ;AACd,MAAM,kBAAkB;AACxB,MAAM,WAAW;AACjB,MAAM,WAAW;AACjB,MAAM,QAAQ;AACd,MAAM,4BAA4B;AAClC,MAAM,WAAW;AACjB,MAAM,iBAAiB;AACvB,MAAM,cAAc;",
+  "names": []
+}

package/dist/cjs/contexts/ButtonInsideButtonContext.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/contexts/ButtonInsideButtonContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/contexts/ButtonInsideButtonContext.tsx"],
   "sourcesContent": ["import { createContext } from 'react'\n\nexport const ButtonInsideButtonContext = createContext(false)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAEvB,MAAM,4BAA4B,gCAAc,KAAK;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAEvB,MAAM,gCAA4B,4BAAc,KAAK;",
   "names": []
 }

package/dist/cjs/contexts/FontLanguageContext.js

@@ -0,0 +1,30 @@
+"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 FontLanguageContext_exports = {};
+__export(FontLanguageContext_exports, {
+  FontLanguageContext: () => FontLanguageContext
+});
+module.exports = __toCommonJS(FontLanguageContext_exports);
+var import_react = require("react");
+const FontLanguageContext = (0, import_react.createContext)(null);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FontLanguageContext
+});
+//# sourceMappingURL=FontLanguageContext.js.map

package/dist/cjs/contexts/FontLanguageContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/contexts/FontLanguageContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nimport { LanguageContextType } from '../views/FontLanguage.types'\n\nexport const FontLanguageContext = createContext<LanguageContextType | null>(null)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAIvB,MAAM,0BAAsB,4BAA0C,IAAI;",
+  "names": []
+}