@tamagui/core 1.0.1-beta.99 → 1.0.1-rc.0

package/dist/cjs/Tamagui.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -16,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, {
@@ -26,19 +30,21 @@ __export(Tamagui_exports, {
 });
 module.exports = __toCommonJS(Tamagui_exports);
 var Helpers = __toESM(require("@tamagui/helpers"));
-var rnw = __toESM(require("@tamagui/rnw"));
-var import_conf = require("./conf");
+var import_config = require("./config");
 var import_insertStyleRule = require("./helpers/insertStyleRule");
+var import_useMedia = require("./hooks/useMedia");
 class TamaguiManager {
   constructor() {
-    this.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)();

package/dist/cjs/Tamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tamagui.ts"],
-  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\nimport * as rnw from '@tamagui/rnw'\n\nimport { getConfig } from './conf'\nimport { getAllSelectors, getAllTransforms, getInsertedRules } from './helpers/insertStyleRule'\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;AACzB,UAAqB;AAErB,kBAA0B;AAC1B,6BAAoE;AAIpE,MAAM,eAAe;AAAA,EAArB;AACE,eAAM;AACN,mBAAU;AAAA;AAAA,EAEV,IAAI,SAAS;AACX,WAAO,2BAAU;AAAA,EACnB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,6CAAiB;AAAA,EAC1B;AAAA,EAEA,IAAI,eAAe;AACjB,WAAO,4CAAgB;AAAA,EACzB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,6CAAiB;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;",
+  "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,77 @@
+"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(props) {
+  var _a;
+  const config = (0, import_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) {
+    (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 = `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_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(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;AAEtB,oBAAwC;AACxC,8BAAiC;AACjC,oBAAyD;AAGlD,SAAS,SAAS,OAKtB;AAZH;AAaE,QAAM,aAAS,yBAAU;AAEzB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAMA,SAAQ,OAAO,OAAO,MAAM;AAClC,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,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,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,kCAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,YAAY,aAAa,CAAC;AAGtE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": ["theme"]
+}

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

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -15,24 +16,24 @@ 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,
-  setConfigFont: () => setConfigFont
+  setConfigFont: () => setConfigFont,
+  updateConfig: () => updateConfig,
+  useTokens: () => useTokens
 });
-module.exports = __toCommonJS(conf_exports);
+module.exports = __toCommonJS(config_exports);
 let conf;
 const setConfig = (next) => {
   conf = next;
   if (configListeners.size) {
-    configListeners.forEach((cb) => cb(conf));
-    configListeners.clear();
+    configListeners.forEach((cb) => cb(next));
   }
 };
 const setConfigFont = (name, font, fontParsed) => {
@@ -43,9 +44,16 @@ const setConfigFont = (name, font, fontParsed) => {
   Object.assign(conf.fonts, { [name]: font });
   Object.assign(conf.fontsParsed, { [`$${name}`]: fontParsed });
 };
-const getHasConfigured = () => !!conf;
-const getConfig = () => conf;
-const getTokens = () => conf.tokensParsed;
+const getConfig = () => {
+  if (!conf) {
+    throw new Error(
+      process.env.NODE_ENV === "development" ? `Missing tamagui config, you either have a duplicate config, or haven't set it up. Be sure createTamagui is called before rendering.` : `Err0`
+    );
+  }
+  return conf;
+};
+const getTokens = (prefixed) => prefixed ? conf.tokensParsed : conf.tokens;
+const useTokens = getTokens;
 const getThemes = () => conf.themes;
 const configListeners = /* @__PURE__ */ new Set();
 const onConfiguredOnce = (cb) => {
@@ -55,15 +63,19 @@ const onConfiguredOnce = (cb) => {
     configListeners.add(cb);
   }
 };
+const updateConfig = (key, value) => {
+  Object.assign(key, value);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   configListeners,
   getConfig,
-  getHasConfigured,
   getThemes,
   getTokens,
   onConfiguredOnce,
   setConfig,
-  setConfigFont
+  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 getConfig = () => {\n  if (!conf) {\n    throw new Error(\n      process.env.NODE_ENV === 'development'\n        ? `Missing tamagui config, you either have a duplicate config, or haven't set it up. Be sure createTamagui is called before rendering.`\n        : `Err0`\n    )\n  }\n  return conf\n}\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;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,YAAY,MAAM;AAC7B,MAAI,CAAC,MAAM;AACT,UAAM,IAAI;AAAA,MACR,QAAQ,IAAI,aAAa,gBACrB,wIACA;AAAA,IACN;AAAA,EACF;AACA,SAAO;AACT;AACO,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 = `t_`;
-const stackDefaultStyles = __spreadValues({
-  alignItems: "stretch",
-  flexShrink: 0
-}, import_platform.isWeb && {
+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 = `t_`\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/constants/isDevTools.js

@@ -0,0 +1,37 @@
+"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 isDevTools_exports = {};
+__export(isDevTools_exports, {
+  isDevTools: () => isDevTools
+});
+module.exports = __toCommonJS(isDevTools_exports);
+const isDevTools = (() => {
+  if (process.env.NODE_ENV === "development") {
+    try {
+      return new Function("try {return this===window;}catch(e){ return false;}")();
+    } catch {
+    }
+  }
+  return false;
+})();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isDevTools
+});
+//# 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  if (process.env.NODE_ENV === 'development') {\n    try {\n      return new Function('try {return this===window;}catch(e){ return false;}')()\n    } catch {\n      //\n    }\n  }\n  return false\n})()\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,cAAc,MAAM;AAC/B,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI;AACF,aAAO,IAAI,SAAS,qDAAqD,EAAE;AAAA,IAC7E,QAAE;AAAA,IAEF;AAAA,EACF;AACA,SAAO;AACT,GAAG;",
+  "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,44 @@ __export(platform_exports, {
   isChrome: () => isChrome,
   isClient: () => isClient,
   isIOS: () => isIOS,
-  isSSR: () => isSSR,
+  isRSC: () => isRSC,
+  isServer: () => isServer,
   isTouchable: () => isTouchable,
   isWeb: () => isWeb,
-  isWebIOS: () => isWebIOS,
   isWebTouchable: () => isWebTouchable,
+  isWindowDefined: () => isWindowDefined,
   useIsomorphicLayoutEffect: () => useIsomorphicLayoutEffect
 });
 module.exports = __toCommonJS(platform_exports);
 var import_react = require("react");
 var import_react_native = require("react-native");
+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 === "web";
-const isSSR = isWeb && typeof window === "undefined";
-const isClient = isWeb && typeof window !== "undefined";
-const useIsomorphicLayoutEffect = isSSR ? import_react.useEffect : import_react.useLayoutEffect;
+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 isWebTouchable = typeof window !== "undefined" && "ontouchstart" in window;
+const isWebTouchable = isClient && "ontouchstart" in window;
 const isTouchable = !isWeb || isWebTouchable;
-const isWebIOS = isWeb && typeof navigator !== "undefined" && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && !window["MSStream"];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   isAndroid,
   isChrome,
   isClient,
   isIOS,
-  isSSR,
+  isRSC,
+  isServer,
   isTouchable,
   isWeb,
-  isWebIOS,
   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'\nexport const isWeb = process.env.TAMAGUI_TARGET === 'web'\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 isWebTouchable = typeof window !== 'undefined' && 'ontouchstart' in window\nexport const isTouchable = !isWeb || isWebTouchable\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;AAC/B,MAAM,QAAQ,QAAQ,IAAI,mBAAmB;AAC7C,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,iBAAiB,OAAO,WAAW,eAAe,kBAAkB;AAC1E,MAAM,cAAc,CAAC,SAAS;AAC9B,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"],
+  "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;",
   "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,
+  isSSR: () => isSSR,
+  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 isSSR = 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,
+  isSSR,
+  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 isSSR = 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,QAAQ;AACd,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/ButtonNestingContext.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 ButtonNestingContext_exports = {};
+__export(ButtonNestingContext_exports, {
+  ButtonNestingContext: () => ButtonNestingContext
+});
+module.exports = __toCommonJS(ButtonNestingContext_exports);
+var import_react = require("react");
+const ButtonNestingContext = (0, import_react.createContext)(false);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ButtonNestingContext
+});
+//# sourceMappingURL=ButtonNestingContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/contexts/ButtonNestingContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nexport const ButtonNestingContext = createContext(false)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAEvB,MAAM,2BAAuB,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": []
+}

package/dist/cjs/contexts/TextAncestorContext.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 TextAncestorContext_exports = {};
+__export(TextAncestorContext_exports, {
+  TextAncestorContext: () => TextAncestorContext
+});
+module.exports = __toCommonJS(TextAncestorContext_exports);
+var import_react = require("react");
+const TextAncestorContext = (0, import_react.createContext)(false);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextAncestorContext
+});
+//# sourceMappingURL=TextAncestorContext.js.map