@tamagui/core 1.0.1-rc.8 → 1.0.1

package/dist/cjs/Pressability.js

@@ -0,0 +1,32 @@
+"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 Pressability_exports = {};
+__export(Pressability_exports, {
+  Pressability: () => Pressability,
+  usePressability: () => usePressability
+});
+module.exports = __toCommonJS(Pressability_exports);
+const Pressability = {};
+const usePressability = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pressability,
+  usePressability
+});
+//# sourceMappingURL=Pressability.js.map

package/dist/cjs/Pressability.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Pressability.tsx"],
+  "sourcesContent": ["export const Pressability = {} as any\nexport const usePressability = {} as Function\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,eAAe,CAAC;AACtB,MAAM,kBAAkB,CAAC;",
+  "names": []
+}

package/dist/cjs/Pressability.native.js

@@ -0,0 +1,32 @@
+"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 Pressability_native_exports = {};
+__export(Pressability_native_exports, {
+  Pressability: () => Pressability,
+  usePressability: () => usePressability
+});
+module.exports = __toCommonJS(Pressability_native_exports);
+const Pressability = require("react-native/Libraries/Pressability/Pressability").default;
+const usePressability = require("react-native/Libraries/Pressability/usePressability").default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pressability,
+  usePressability
+});
+//# sourceMappingURL=Pressability.native.js.map

package/dist/cjs/Pressability.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Pressability.native.tsx"],
+  "sourcesContent": ["export const Pressability = require('react-native/Libraries/Pressability/Pressability').default\nexport const usePressability =\n  require('react-native/Libraries/Pressability/usePressability').default\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,eAAe,QAAQ,kDAAkD,EAAE;AACjF,MAAM,kBACX,QAAQ,qDAAqD,EAAE;",
+  "names": []
+}

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

package/dist/cjs/ThemeContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ThemeContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nimport { ThemeName, Themes } from './types'\n\nexport const ThemeContext = createContext<{ themes: Themes; defaultTheme: ThemeName } | null>(null)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAIvB,MAAM,eAAe,gCAAkE,IAAI;",
+  "names": []
+}

package/dist/cjs/ThemeManager.js

@@ -0,0 +1,211 @@
+"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 ThemeManager_exports = {};
+__export(ThemeManager_exports, {
+  ThemeManager: () => ThemeManager,
+  ThemeManagerContext: () => ThemeManagerContext,
+  emptyManager: () => emptyManager
+});
+module.exports = __toCommonJS(ThemeManager_exports);
+var import_react = require("react");
+var import_conf = require("./conf");
+var import_constants = require("./constants/constants");
+var import_getThemeUnwrapped = require("./hooks/getThemeUnwrapped");
+class ThemeManager {
+  constructor(name = "", theme = null, parentManager = null, reset = false) {
+    this.name = name;
+    this.theme = theme;
+    this.parentManager = parentManager;
+    this.reset = reset;
+    this.keys = /* @__PURE__ */ new Map();
+    this.listeners = /* @__PURE__ */ new Map();
+    this.themeListeners = /* @__PURE__ */ new Set();
+    this.className = null;
+    let parent = parentManager;
+    let tries = 0;
+    while (true) {
+      tries++;
+      if (tries > 10) {
+        throw new Error(`Nested 10 of the same theme in a row, likely error`);
+      }
+      if (!parent)
+        break;
+      if (parent.name === name) {
+        parent = parent.parentManager;
+      } else {
+        this.parentManager = parent;
+        break;
+      }
+    }
+  }
+  get didChangeTheme() {
+    return this.parentManager && this.name !== this.parentManager.fullName;
+  }
+  get parentName() {
+    var _a;
+    return ((_a = this.parentManager) == null ? void 0 : _a.name) || null;
+  }
+  get fullName() {
+    return this.getNextTheme().name || this.name || "";
+  }
+  getValue(key) {
+    let theme = this.theme;
+    let manager = this;
+    while (true) {
+      if (!theme)
+        return;
+      if (key in theme) {
+        return theme[key];
+      }
+      manager = this.parentManager;
+      if (!manager) {
+        return;
+      }
+      if (manager.theme === theme) {
+        return;
+      }
+      theme = manager.theme;
+    }
+  }
+  update({ name, theme, className } = {}) {
+    const nameChanged = name !== this.name;
+    if (!nameChanged) {
+      return false;
+    }
+    this.className = className || null;
+    this.name = name || "";
+    this.theme = theme;
+    this.notifyListeners();
+    return true;
+  }
+  getNextTheme(props = {}, debug) {
+    var _a;
+    const { themes = (0, import_conf.getThemes)(), name, componentName } = props;
+    if (props.reset && name) {
+      return {
+        name,
+        theme: themes[name],
+        className: this.getClassName(name)
+      };
+    }
+    const parentIsReset = (_a = this.parentManager) == null ? void 0 : _a.reset;
+    if (!name) {
+      if (componentName) {
+        const names = [
+          `${this.name}_${componentName}`,
+          `${withoutComponentName(this.name)}_${componentName}`
+        ];
+        for (const name2 of names) {
+          if (name2 in themes) {
+            const className = this.getClassName(name2);
+            return { name: name2, theme: themes[name2], className };
+          }
+        }
+      }
+      return {
+        name: this.name,
+        theme: this.theme
+      };
+    }
+    let nextName = name || this.name || "";
+    let parentName = parentIsReset ? this.parentName || this.fullName : this.fullName;
+    while (true) {
+      if (nextName in themes) {
+        break;
+      }
+      nextName = `${parentName}_${name}`;
+      if (nextName in themes) {
+        break;
+      }
+      if (!parentName.includes(import_constants.THEME_NAME_SEPARATOR)) {
+        console.warn("theme not found", name);
+        break;
+      }
+      parentName = parentName.slice(0, parentName.lastIndexOf(import_constants.THEME_NAME_SEPARATOR));
+    }
+    if (componentName) {
+      const names = [
+        `${nextName}_${componentName}`,
+        `${withoutComponentName(nextName)}_${componentName}`
+      ];
+      for (const name2 of names) {
+        if (name2 in themes) {
+          nextName = name2;
+        }
+      }
+    }
+    let theme = themes[nextName];
+    if (!theme) {
+      theme = themes[`light_${nextName}`];
+    }
+    if (process.env.NODE_ENV === "development") {
+      if (debug) {
+        console.log("getNextTheme", this.getClassName(nextName), { props, nextName, parentName });
+      }
+    }
+    return {
+      name: nextName,
+      theme: (0, import_getThemeUnwrapped.getThemeUnwrapped)(theme),
+      className: this.getClassName(nextName)
+    };
+  }
+  getClassName(name) {
+    return `${import_constants.THEME_CLASSNAME_PREFIX}${name} t_Theme`.replace("light_", "").replace("dark_", "");
+  }
+  track(uuid, keys) {
+    if (!this.name)
+      return;
+    this.keys.set(uuid, keys);
+  }
+  notifyListeners() {
+    var _a;
+    if (!this.name) {
+      this.keys.clear();
+    }
+    for (const [uuid, keys] of this.keys.entries()) {
+      if (keys.size) {
+        (_a = this.listeners.get(uuid)) == null ? void 0 : _a();
+      }
+    }
+    this.themeListeners.forEach((cb) => cb(this.name, this));
+  }
+  onChangeTheme(cb) {
+    this.themeListeners.add(cb);
+    return () => {
+      this.themeListeners.delete(cb);
+    };
+  }
+  onUpdate(uuid, cb) {
+    this.listeners.set(uuid, cb);
+    return () => {
+      this.listeners.delete(uuid);
+      this.keys.delete(uuid);
+    };
+  }
+}
+const ThemeManagerContext = (0, import_react.createContext)(null);
+const emptyManager = new ThemeManager();
+const withoutComponentName = (name) => name.replace(/(\_[A-Z][a-zA-Z]+)+$/g, "");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeManager,
+  ThemeManagerContext,
+  emptyManager
+});
+//# sourceMappingURL=ThemeManager.js.map

package/dist/cjs/ThemeManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ThemeManager.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nimport { getThemes } from './conf'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from './constants/constants'\nimport { getThemeUnwrapped } from './hooks/getThemeUnwrapped'\nimport { ThemeObject, Themes } from './types'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n}\n\nexport type GetNextThemeProps = {\n  themes?: Themes\n  name?: string | null\n  componentName?: string | null\n  reset?: boolean\n}\n\nexport class ThemeManager {\n  keys = new Map<any, Set<string>>()\n  listeners = new Map<any, Function>()\n  themeListeners = new Set<ThemeListener>()\n  className: string | null = null\n\n  constructor(\n    public name: string = '',\n    public theme: ThemeObject | null = null,\n    public parentManager: ThemeManager | null = null,\n    public reset: boolean = false\n  ) {\n    // find the nearest different parentManager\n    let parent = parentManager\n    let tries = 0\n    while (true) {\n      tries++\n      if (tries > 10) {\n        throw new Error(`Nested 10 of the same theme in a row, likely error`)\n      }\n      if (!parent) break\n      if (parent.name === name) {\n        // go up if same\n        parent = parent.parentManager\n      } else {\n        this.parentManager = parent\n        break\n      }\n    }\n  }\n\n  get didChangeTheme() {\n    return this.parentManager && this.name !== this.parentManager.fullName\n  }\n\n  get parentName() {\n    return this.parentManager?.name || null\n  }\n\n  get fullName(): string {\n    return this.getNextTheme().name || this.name || ''\n    // const parentName = this.parentManager?.fullName || ''\n    // const name = this.name || ''\n    // const parts = [...new Set([...`${parentName}_${name}`.split('_')])].filter(Boolean)\n    // return parts.join('_')\n  }\n\n  // gets value going up to parents\n  getValue(key: string) {\n    let theme = this.theme\n    let manager = this as ThemeManager | null\n    while (true) {\n      if (!theme) return\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = this.parentManager\n      if (!manager) {\n        return\n      }\n      if (manager.theme === theme) {\n        return\n      }\n      theme = manager.theme\n    }\n  }\n\n  update({ name, theme, className }: SetActiveThemeProps = {}) {\n    // className compare on web, avoids light/dark re-renders\n    const nameChanged = name !== this.name\n    if (!nameChanged) {\n      return false\n    }\n    this.className = className || null\n    this.name = name || ''\n    this.theme = theme\n    this.notifyListeners()\n    return true\n  }\n\n  getNextTheme(props: GetNextThemeProps = {}, debug?: any) {\n    const { themes = getThemes(), name, componentName } = props\n\n    if (props.reset && name) {\n      return {\n        name: name,\n        theme: themes[name],\n        className: this.getClassName(name),\n      }\n    }\n\n    const parentIsReset = this.parentManager?.reset\n\n    if (!name) {\n      if (componentName) {\n        // allow for _Card_Button or just _Button\n        const names = [\n          `${this.name}_${componentName}`,\n          `${withoutComponentName(this.name)}_${componentName}`,\n        ]\n        for (const name of names) {\n          if (name in themes) {\n            const className = this.getClassName(name)\n            return { name, theme: themes[name], className }\n          }\n        }\n      }\n      return {\n        name: this.name,\n        theme: this.theme,\n      }\n    }\n\n    let nextName = name || this.name || ''\n    let parentName = parentIsReset ? this.parentName || this.fullName : this.fullName\n\n    while (true) {\n      if (nextName in themes) {\n        break\n      }\n      nextName = `${parentName}_${name}`\n      if (nextName in themes) {\n        break\n      }\n      if (!parentName.includes(THEME_NAME_SEPARATOR)) {\n        // not found!\n        console.warn('theme not found', name)\n        // this happens in next during _document.getInitialProps and has a terrible/non-existent stack trace\n        // throw new Error(`Theme not found: ${name}`)\n        break\n      }\n      // go up one\n      parentName = parentName.slice(0, parentName.lastIndexOf(THEME_NAME_SEPARATOR))\n    }\n\n    if (componentName) {\n      // allow for _Card_Button or just _Button\n      const names = [\n        `${nextName}_${componentName}`,\n        `${withoutComponentName(nextName)}_${componentName}`,\n      ]\n      for (const name of names) {\n        if (name in themes) {\n          nextName = name\n        }\n      }\n    }\n\n    let theme = themes[nextName]\n    if (!theme) {\n      theme = themes[`light_${nextName}`]\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debug) {\n        console.log('getNextTheme', this.getClassName(nextName), { props, nextName, parentName })\n      }\n    }\n\n    return {\n      name: nextName,\n      theme: getThemeUnwrapped(theme),\n      className: this.getClassName(nextName),\n    }\n  }\n\n  getClassName(name: string) {\n    return `${THEME_CLASSNAME_PREFIX}${name} t_Theme`.replace('light_', '').replace('dark_', '')\n  }\n\n  track(uuid: any, keys: Set<string>) {\n    if (!this.name) return\n    this.keys.set(uuid, keys)\n  }\n\n  notifyListeners() {\n    if (!this.name) {\n      this.keys.clear()\n    }\n    for (const [uuid, keys] of this.keys.entries()) {\n      if (keys.size) {\n        this.listeners.get(uuid)?.()\n      }\n    }\n    this.themeListeners.forEach((cb) => cb(this.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n\n  onUpdate(uuid: any, cb: Function) {\n    this.listeners.set(uuid, cb)\n    return () => {\n      this.listeners.delete(uuid)\n      this.keys.delete(uuid)\n    }\n  }\n}\n\nexport const ThemeManagerContext = createContext<ThemeManager | null>(null)\nexport const emptyManager = new ThemeManager()\n\nconst withoutComponentName = (name: string) => name.replace(/(\\_[A-Z][a-zA-Z]+)+$/g, '')\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/conf.js

@@ -0,0 +1,70 @@
+"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 conf_exports = {};
+__export(conf_exports, {
+  configListeners: () => configListeners,
+  getConfig: () => getConfig,
+  getHasConfigured: () => getHasConfigured,
+  getThemes: () => getThemes,
+  getTokens: () => getTokens,
+  onConfiguredOnce: () => onConfiguredOnce,
+  setConfig: () => setConfig,
+  setConfigFont: () => setConfigFont
+});
+module.exports = __toCommonJS(conf_exports);
+let conf;
+const setConfig = (next) => {
+  conf = next;
+  if (configListeners.size) {
+    configListeners.forEach((cb) => cb(conf));
+    configListeners.clear();
+  }
+};
+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 = () => conf.tokensParsed;
+const getThemes = () => conf.themes;
+const configListeners = /* @__PURE__ */ new Set();
+const onConfiguredOnce = (cb) => {
+  if (conf) {
+    cb(conf);
+  } else {
+    configListeners.add(cb);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  configListeners,
+  getConfig,
+  getHasConfigured,
+  getThemes,
+  getTokens,
+  onConfiguredOnce,
+  setConfig,
+  setConfigFont
+});
+//# sourceMappingURL=conf.js.map

package/dist/cjs/conf.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/conf.ts"],
+  "sourcesContent": ["import { ConfigListener, TamaguiInternalConfig } 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 = () => conf!.tokensParsed\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;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,MAAM,KAAM;AAC9B,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;",
+  "names": []
+}

package/dist/cjs/constants/platform.js

@@ -22,8 +22,7 @@ __export(platform_exports, {
   isChrome: () => isChrome,
   isClient: () => isClient,
   isIOS: () => isIOS,
-  isRSC: () => isRSC,
-  isServer: () => isServer,
+  isSSR: () => isSSR,
   isTouchable: () => isTouchable,
   isWeb: () => isWeb,
   isWebTouchable: () => isWebTouchable,
@@ -33,18 +32,14 @@ __export(platform_exports, {
 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 isWindowDefined = typeof window !== "undefined";
-const isServer = isWeb && !isWindowDefined;
+const isSSR = 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 useIsomorphicLayoutEffect = isSSR ? import_react.useEffect : import_react.useLayoutEffect;
 const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");
 const isWebTouchable = isClient && "ontouchstart" in window;
 const isTouchable = !isWeb || isWebTouchable;
@@ -54,8 +49,7 @@ const isTouchable = !isWeb || isWebTouchable;
   isChrome,
   isClient,
   isIOS,
-  isRSC,
-  isServer,
+  isSSR,
   isTouchable,
   isWeb,
   isWebTouchable,

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 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;",
+  "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 isSSR = isWeb && !isWindowDefined\nexport const isClient = isWeb && isWindowDefined\nexport const useIsomorphicLayoutEffect = isSSR ? 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,mBAA2C;AAC3C,0BAAyB;AADzB;AAGO,MAAM,YAAY,2DAAU,QAAO;AACnC,MAAM,QAAQ,2DAAU,QAAO;AAC/B,MAAM,QAAQ,QAAQ,IAAI,mBAAmB;AAC7C,MAAM,kBAAkB,OAAO,WAAW;AAC1C,MAAM,QAAQ,SAAS,CAAC;AACxB,MAAM,WAAW,SAAS;AAC1B,MAAM,4BAA4B,QAAQ,yBAAY;AACtD,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/rnw.native.js

@@ -0,0 +1,28 @@
+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 rnw_native_exports = {};
+__export(rnw_native_exports, {
+  rnw: () => rnw
+});
+module.exports = __toCommonJS(rnw_native_exports);
+const rnw = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  rnw
+});
+//# sourceMappingURL=rnw.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/rnw.native.tsx"],
+  "sourcesContent": ["export const rnw = {} as any\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,MAAM,CAAC;",
+  "names": []
+}

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,gCAA4B,4BAAc,KAAK;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAEvB,MAAM,4BAA4B,gCAAc,KAAK;",
   "names": []
 }

package/dist/cjs/createComponent.js

@@ -380,7 +380,7 @@ function createComponent(configIn, ParentComponent) {
     viewProps.ref = (0, import_compose_refs.useComposedRefs)(hostRef, forwardedRef);
     if (process.env.NODE_ENV === "development" && !isText && import_constants.isWeb) {
       import_react.Children.toArray(props.children).forEach((item) => {
-        if (typeof item === "string") {
+        if (typeof item === "string" && item !== "\n") {
           console.error(
             `Unexpected text node: ${item}. A text node cannot be a child of a <View>.`
           );
@@ -404,10 +404,16 @@ function createComponent(configIn, ParentComponent) {
     (0, import_react.useEffect)(() => {
       if (!shouldSetMounted)
         return;
+      if (state.unmounted === true && needsMount) {
+        setStateShallow({
+          unmounted: false
+        });
+        return;
+      }
       setStateShallow({
         unmounted: false
       });
-    }, [shouldSetMounted]);
+    }, [shouldSetMounted, state.unmounted]);
     let styles;
     if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {
       styles = {
@@ -428,6 +434,7 @@ function createComponent(configIn, ParentComponent) {
     }
     const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "";
     const classList = [
+      hasEnterStyle && (state.unmounted && needsMount || !import_constants.isClient) ? "t_will-mount" : "",
       componentName ? componentClassName : "",
       fontFamilyClassName,
       themeIsNew ? theme.className : "",
@@ -568,7 +575,7 @@ function createComponent(configIn, ParentComponent) {
     if (themeShouldReset) {
       stateRef.current.themeShouldReset = true;
     }
-    const childEls = !children || asChild ? children : (0, import_Theme.wrapThemeManagerContext)(
+    const innerContent = (0, import_Theme.useThemeManagerContext)(
       spacedChildren({
         separator,
         children,
@@ -579,7 +586,7 @@ function createComponent(configIn, ParentComponent) {
       stateRef.current.hasProvidedThemeManager ? themeManager : void 0,
       stateRef.current.themeShouldReset
     );
-    let content;
+    let content = !children || asChild ? children : innerContent;
     if (asChild) {
       elementType = import_Slot.Slot;
       viewProps = {
@@ -608,7 +615,7 @@ function createComponent(configIn, ParentComponent) {
         }
       }
     }
-    content = (0, import_react.createElement)(elementType, viewProps, childEls);
+    content = (0, import_react.createElement)(elementType, viewProps, content);
     if (process.env.TAMAGUI_TARGET === "web") {
       if (events || isAnimatedReactNativeWeb) {
         content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
@@ -654,7 +661,6 @@ function createComponent(configIn, ParentComponent) {
             styles,
             pseudos,
             content,
-            childEls,
             shouldAvoidClasses,
             avoidClasses: avoidClassesWhileAnimating,
             animation: props.animation,
@@ -834,15 +840,9 @@ const Spacer = createComponent({
     }
   }
 });
-function spacedChildren({
-  isZStack,
-  children,
-  space,
-  direction,
-  spaceFlex,
-  separator
-}) {
-  var _a;
+function spacedChildren(props) {
+  var _a, _b, _c;
+  const { isZStack, children, space, direction, spaceFlex, separator } = props;
   const hasSpace = !!(space || spaceFlex);
   const hasSeparator = !(separator === void 0 || separator === null);
   if (!(hasSpace || hasSeparator || isZStack)) {
@@ -850,22 +850,20 @@ function spacedChildren({
   }
   const childrenList = import_react.Children.toArray(children);
   const len = childrenList.length;
-  if (len <= 1 && !isZStack) {
-    if (len === 1) {
-      const [onlyChild] = childrenList;
-      if (import_react.default.isValidElement(onlyChild) && ((_a = onlyChild.type) == null ? void 0 : _a["shouldForwardSpace"])) {
-        return import_react.default.cloneElement(onlyChild, {
-          space,
-          spaceFlex,
-          separator
-        });
-      }
-    }
+  if (len <= 1 && !isZStack && !((_b = (_a = childrenList[0]) == null ? void 0 : _a["type"]) == null ? void 0 : _b["shouldForwardSpace"])) {
     return childrenList;
   }
   const final = [];
-  for (const [index, child] of childrenList.entries()) {
+  for (let [index, child] of childrenList.entries()) {
     const isEmpty = child === null || child === void 0 || Array.isArray(child) && child.length === 0;
+    if (!isEmpty && import_react.default.isValidElement(child) && ((_c = child.type) == null ? void 0 : _c["shouldForwardSpace"])) {
+      child = import_react.default.cloneElement(child, {
+        space,
+        spaceFlex,
+        separator,
+        key: child.key
+      });
+    }
     if (isEmpty || !child || child["key"] && !isZStack) {
       final.push(child);
     } else {