@tamagui/core 1.0.1-beta.193 → 1.0.1-beta.195

package/dist/cjs/Tamagui.js

@@ -30,14 +30,16 @@ __export(Tamagui_exports, {
 });
 module.exports = __toCommonJS(Tamagui_exports);
 var Helpers = __toESM(require("@tamagui/helpers"));
-var rnw = __toESM(require("@tamagui/rnw"));
 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_config.getConfig)();
   }

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 './config'\nimport { getAllRules, getAllSelectors, getAllTransforms } 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 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;AACzB,UAAqB;AAErB,oBAA0B;AAC1B,6BAA+D;AAI/D,MAAM,eAAe;AAAA,EAArB;AACE,eAAM;AACN,mBAAU;AAAA;AAAA,EAEV,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;",
+  "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/config.js

@@ -34,8 +34,7 @@ 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) => {

package/dist/cjs/config.js.map

@@ -1,7 +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(conf!))\n    configListeners.clear()\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,IAAK,CAAC;AACzC,oBAAgB,MAAM;AAAA,EACxB;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,IAAK;AAAA,EACV,OAAO;AACL,oBAAgB,IAAI,EAAE;AAAA,EACxB;AACF;AAEO,MAAM,eAAe,CAAC,KAAa,UAAe;AACvD,SAAO,OAAO,KAAK,KAAK;AAC1B;",
+  "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

@@ -20,25 +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_constants = require("@tamagui/constants");
 const THEME_NAME_SEPARATOR = "_";
 const THEME_CLASSNAME_PREFIX = `t_`;
+const webOnlyDefaultStyles = {
+  display: "flex",
+  flexBasis: "auto",
+  boxSizing: "border-box",
+  position: "relative",
+  minHeight: 0,
+  minWidth: 0
+};
 const stackDefaultStyles = {
   alignItems: "stretch",
   flexShrink: 0,
-  ...import_constants.isWeb && {
-    display: "flex",
-    flexBasis: "auto",
-    boxSizing: "border-box"
-  }
+  ...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 '@tamagui/constants'\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,uBAAsB;AAEf,MAAM,uBAAuB;AAC7B,MAAM,yBAAyB;AAE/B,MAAM,qBAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,GAAI,0BAAS;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;",
+  "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/contexts/TextAncestorContext.js

@@ -18,26 +18,13 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TextAncestorContext_exports = {};
 __export(TextAncestorContext_exports, {
-  FallbackNativeContext: () => FallbackNativeContext,
-  TextAncestorContext: () => TextAncestorContext,
-  TextAncestorProvider: () => TextAncestorProvider
+  TextAncestorContext: () => TextAncestorContext
 });
 module.exports = __toCommonJS(TextAncestorContext_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_rnw = require("@tamagui/rnw");
 var import_react = require("react");
-const FallbackNativeContext = (0, import_react.createContext)(false);
-const TextAncestorContext = import_rnw.TextAncestorContext ?? FallbackNativeContext;
-const TextAncestorProvider = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorContext.Provider, {
-    value: false,
-    children: props.children
-  });
-};
+const TextAncestorContext = (0, import_react.createContext)(false);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  FallbackNativeContext,
-  TextAncestorContext,
-  TextAncestorProvider
+  TextAncestorContext
 });
 //# sourceMappingURL=TextAncestorContext.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/contexts/TextAncestorContext.tsx"],
-  "sourcesContent": ["import { TextAncestorContext as RNWTextAncestorContext } from '@tamagui/rnw'\nimport React, { createContext } from 'react'\n\nexport const FallbackNativeContext = createContext(false)\n\nexport const TextAncestorContext = RNWTextAncestorContext ?? FallbackNativeContext\n\nexport const TextAncestorProvider = (props) => {\n  return <TextAncestorContext.Provider value={false}>{props.children}</TextAncestorContext.Provider>\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQS;AART,iBAA8D;AAC9D,mBAAqC;AAE9B,MAAM,4BAAwB,4BAAc,KAAK;AAEjD,MAAM,sBAAsB,WAAAA,uBAA0B;AAEtD,MAAM,uBAAuB,CAAC,UAAU;AAC7C,SAAO,4CAAC,oBAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,IAAQ,gBAAM;AAAA,GAAS;AACrE;",
-  "names": ["RNWTextAncestorContext"]
+  "sourcesContent": ["import React, { createContext } from 'react'\n\nexport const TextAncestorContext = createContext(false)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AAE9B,MAAM,0BAAsB,4BAAc,KAAK;",
+  "names": []
 }