@tamagui/core 1.0.1-beta.140 → 1.0.1-beta.143

package/dist/esm/ThemeManager.js

@@ -1,185 +0,0 @@
-import { createContext } from "react";
-import { getThemes } from "./conf";
-import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from "./constants/constants";
-import { getThemeUnwrapped } from "./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 = 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(THEME_NAME_SEPARATOR)) {
-        console.warn("theme not found", name);
-        break;
-      }
-      parentName = parentName.slice(0, parentName.lastIndexOf(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: getThemeUnwrapped(theme),
-      className: this.getClassName(nextName)
-    };
-  }
-  getClassName(name) {
-    return `${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 = createContext(null);
-const emptyManager = new ThemeManager();
-const withoutComponentName = (name) => name.replace(/(\_[A-Z][a-zA-Z]+)+$/g, "");
-export {
-  ThemeManager,
-  ThemeManagerContext,
-  emptyManager
-};
-//# sourceMappingURL=ThemeManager.js.map

package/dist/esm/ThemeManager.js.map

@@ -1,7 +0,0 @@
-{
-  "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/esm/defaultComponentState.js

@@ -1 +0,0 @@
-//# sourceMappingURL=defaultComponentState.js.map

package/dist/esm/ensureThemeVariable.js

@@ -1,125 +0,0 @@
-import { THEME_CLASSNAME_PREFIX } from "./constants/constants";
-import { createVariable, isVariable } from "./createVariable";
-import { tokensValueToVariable } from "./helpers/registerCSSVariable";
-import { GetThemeUnwrapped } from "./hooks/getThemeUnwrapped";
-const themes = {};
-function ensureThemeVariable(theme, key) {
-  const val = theme[key];
-  const themeKey = key;
-  if (!isVariable(val)) {
-    theme[key] = createVariable({
-      key: themeKey,
-      name: themeKey,
-      val
-    });
-  } else {
-    if (val.name !== themeKey) {
-      theme[key] = createVariable({
-        key: val.name,
-        name: themeKey,
-        val: val.val
-      });
-    }
-  }
-}
-function proxyThemeToParents(themeName, themes2) {
-  const cur = [];
-  const parents = themeName.split("_").slice(0, -1).map((part) => {
-    cur.push(part);
-    return cur.join("_");
-  });
-  if (!parents.length) {
-    return themes2[themeName];
-  }
-  const og = themes2[themeName];
-  return new Proxy(og, {
-    get(target, key) {
-      if (key === GetThemeUnwrapped) {
-        return og;
-      }
-      if (Reflect.has(target, key)) {
-        return Reflect.get(target, key);
-      }
-      for (let i = parents.length - 1; i >= 0; i--) {
-        const parent = themes2[parents[i]];
-        if (!parent) {
-          continue;
-        }
-        if (Reflect.has(parent, key)) {
-          return Reflect.get(parent, key);
-        }
-      }
-      return Reflect.get(target, key);
-    }
-  });
-}
-function getThemeCSSRules({
-  config,
-  themeName,
-  theme,
-  names
-}) {
-  const cssRuleSets = [];
-  const hasDarkLight = "light" in config.themes && "dark" in config.themes;
-  const CNP = `.${THEME_CLASSNAME_PREFIX}`;
-  let vars = "";
-  for (const themeKey in theme) {
-    const variable = theme[themeKey];
-    let value = null;
-    if (variable.isFloating || !tokensValueToVariable.has(variable.val)) {
-      value = variable.val;
-    } else {
-      value = tokensValueToVariable.get(variable.val).variable;
-    }
-    vars += `--${themeKey}:${value};`;
-  }
-  const isDarkOrLightBase = themeName === "dark" || themeName === "light";
-  const selectors = names.map((name) => {
-    return `${CNP}${name}`;
-  });
-  if (hasDarkLight) {
-    for (const subName of names) {
-      const isDark = isDarkOrLightBase || subName.startsWith("dark_");
-      const childSelector = `${CNP}${subName.replace(isDark ? "dark_" : "light_", "")}`;
-      const order = isDark ? ["dark", "light"] : ["light", "dark"];
-      if (isDarkOrLightBase) {
-        order.reverse();
-      }
-      const [stronger, weaker] = order;
-      const max = config.maxDarkLightNesting ?? 3;
-      new Array(Math.round(max * 1.5)).fill(void 0).forEach((_, pi) => {
-        const isOdd = pi % 2 === 1;
-        if (isOdd && pi < 3)
-          return;
-        const parents = new Array(pi + 1).fill(void 0).map((_2, psi) => {
-          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
-        });
-        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
-        if (isOdd) {
-          const [_first, second, ...rest] = parentSelectors;
-          parentSelectors = [second, ...rest, second];
-        }
-        const lastParentSelector = parentSelectors[parentSelectors.length - 1];
-        selectors.push(`${parentSelectors.join(" ")} ${childSelector === lastParentSelector ? "" : childSelector}`);
-      });
-    }
-  }
-  const rootSep = config.themeClassNameOnRoot ? "" : " ";
-  const css = `${selectors.map((x) => `:root${rootSep}${x}`).join(", ")} {${vars}}`;
-  cssRuleSets.push(css);
-  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {
-    const isDark = themeName.startsWith("dark");
-    cssRuleSets.push(`@media(prefers-color-scheme: ${isDark ? "dark" : "light"}) {
-body { background:${theme.background}; color: ${theme.color} }
-:root {${vars} } 
-}`);
-  }
-  return cssRuleSets;
-}
-export {
-  ensureThemeVariable,
-  getThemeCSSRules,
-  proxyThemeToParents,
-  themes
-};
-//# sourceMappingURL=ensureThemeVariable.js.map

package/dist/esm/ensureThemeVariable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ensureThemeVariable.ts"],
-  "sourcesContent": ["import { THEME_CLASSNAME_PREFIX } from './constants/constants'\nimport { Variable, createVariable, isVariable } from './createVariable'\nimport { tokensValueToVariable } from './helpers/registerCSSVariable'\nimport { GetThemeUnwrapped } from './hooks/getThemeUnwrapped'\nimport { CreateTamaguiProps, ThemeObject } from './types'\n\nexport const themes = {}\n// mutates, freeze after\n// shared by createTamagui so extracted here\nexport function ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  const themeKey = key\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      key: themeKey,\n      name: themeKey,\n      val,\n    })\n  } else {\n    if (val.name !== themeKey) {\n      // rename to theme name\n      theme[key] = createVariable({\n        key: val.name,\n        name: themeKey,\n        val: val.val,\n      })\n    }\n  }\n}\nexport function proxyThemeToParents(themeName: string, themes: CreateTamaguiProps['themes']) {\n  // we could test if this is better as just a straight object spread or fancier proxy\n  const cur: string[] = []\n  // if theme is dark_blue_alt1_Button\n  // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n  const parents = themeName\n    .split('_')\n    .slice(0, -1)\n    .map((part) => {\n      cur.push(part)\n      return cur.join('_')\n    })\n\n  if (!parents.length) {\n    return themes[themeName]\n  }\n\n  // proxy fallback values to parent theme values\n  const og = themes[themeName]\n  return new Proxy(og, {\n    get(target, key) {\n      if (key === GetThemeUnwrapped) {\n        return og\n      }\n      if (Reflect.has(target, key)) {\n        return Reflect.get(target, key)\n      }\n      // check parents\n      for (let i = parents.length - 1; i >= 0; i--) {\n        const parent = themes[parents[i]]\n        if (!parent) {\n          continue\n        }\n        if (Reflect.has(parent, key)) {\n          return Reflect.get(parent, key)\n        }\n      }\n      return Reflect.get(target, key)\n    },\n  })\n}\nexport function getThemeCSSRules({\n  config,\n  themeName,\n  theme,\n  names,\n}: {\n  config: CreateTamaguiProps\n  themeName: string\n  theme: ThemeObject\n  names: string[]\n}) {\n  const cssRuleSets: string[] = []\n\n  // special case for SSR\n  const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n  const CNP = `.${THEME_CLASSNAME_PREFIX}`\n  let vars = ''\n\n  // themeToVariableToValueMap.set(theme, {})\n  // const varToValMap = themeToVariableToValueMap.get(theme)\n  for (const themeKey in theme) {\n    const variable = theme[themeKey] as Variable\n    let value: any = null\n    // if (varToValMap) {\n    //   varToValMap[variable.variable] = variable.val\n    // }\n    if (variable.isFloating || !tokensValueToVariable.has(variable.val)) {\n      value = variable.val\n    } else {\n      value = tokensValueToVariable.get(variable.val)!.variable\n    }\n    vars += `--${themeKey}:${value};`\n  }\n\n  const isDarkOrLightBase = themeName === 'dark' || themeName === 'light'\n  const selectors = names.map((name) => {\n    return `${CNP}${name}`\n  })\n\n  // since we dont specify dark/light in classnames we have to do an awkward specificity war\n  // use config.maxDarkLightNesting to determine how deep you can nest until it breaks\n  if (hasDarkLight) {\n    for (const subName of names) {\n      const isDark = isDarkOrLightBase || subName.startsWith('dark_')\n      const childSelector = `${CNP}${subName.replace(isDark ? 'dark_' : 'light_', '')}`\n      const order = isDark ? ['dark', 'light'] : ['light', 'dark']\n      if (isDarkOrLightBase) {\n        order.reverse()\n      }\n      const [stronger, weaker] = order\n      const max = config.maxDarkLightNesting ?? 3\n\n      new Array(Math.round(max * 1.5)).fill(undefined).forEach((_, pi) => {\n        const isOdd = pi % 2 === 1\n        if (isOdd && pi < 3) return\n        const parents = new Array(pi + 1).fill(undefined).map((_, psi) => {\n          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`\n        })\n        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents\n        if (isOdd) {\n          const [_first, second, ...rest] = parentSelectors\n          parentSelectors = [second, ...rest, second]\n        }\n        // avoid .t_light .t_light at the end (make sure child is unique from last parent)\n        const lastParentSelector = parentSelectors[parentSelectors.length - 1]\n        selectors.push(\n          `${parentSelectors.join(' ')} ${\n            childSelector === lastParentSelector ? '' : childSelector\n          }`\n        )\n      })\n    }\n  }\n\n  const rootSep = config.themeClassNameOnRoot ? '' : ' '\n  const css = `${selectors.map((x) => `:root${rootSep}${x}`).join(', ')} {${vars}}`\n  cssRuleSets.push(css)\n\n  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {\n    // add media prefers for dark/light base\n    const isDark = themeName.startsWith('dark')\n    cssRuleSets.push(\n      `@media(prefers-color-scheme: ${isDark ? 'dark' : 'light'}) {\nbody { background:${theme.background}; color: ${theme.color} }\n:root {${vars} } \n}`\n    )\n  }\n\n  return cssRuleSets\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/helpers/createTamaguiProvider.js

@@ -1,42 +0,0 @@
-import * as React from "react";
-import { isClient, isSSR } from "../constants/platform";
-import { ButtonInsideButtonContext } from "../contexts/ButtonInsideButtonContext";
-import { TextAncestorProvider } from "../contexts/TextAncestorContext";
-import { useMediaQueryListeners } from "../hooks/useMedia";
-import { ThemeProvider } from "../views/ThemeProvider";
-function createTamaguiProvider(config) {
-  return function TamaguiProvider({
-    disableInjectCSS,
-    children,
-    ...themePropsProvider
-  }) {
-    if (!isSSR) {
-      useMediaQueryListeners();
-    }
-    if (isClient) {
-      React.useLayoutEffect(() => {
-        if (disableInjectCSS)
-          return;
-        const style = document.createElement("style");
-        style.appendChild(document.createTextNode(config.getCSS()));
-        document.head.appendChild(style);
-        return () => {
-          document.head.removeChild(style);
-        };
-      }, [disableInjectCSS]);
-    }
-    return /* @__PURE__ */ React.createElement(ButtonInsideButtonContext.Provider, {
-      value: false
-    }, /* @__PURE__ */ React.createElement(TextAncestorProvider, null, /* @__PURE__ */ React.createElement(ThemeProvider, {
-      themes: config.themes,
-      defaultTheme: config.defaultTheme || "light",
-      themeClassNameOnRoot: config.themeClassNameOnRoot,
-      disableRootThemeClass: config.disableRootThemeClass,
-      ...themePropsProvider
-    }, children)));
-  };
-}
-export {
-  createTamaguiProvider
-};
-//# sourceMappingURL=createTamaguiProvider.js.map

package/dist/esm/helpers/createTamaguiProvider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/createTamaguiProvider.tsx"],
-  "sourcesContent": ["import * as React from 'react'\n\nimport { isClient, isSSR } from '../constants/platform'\nimport { ButtonInsideButtonContext } from '../contexts/ButtonInsideButtonContext'\nimport { TextAncestorProvider } from '../contexts/TextAncestorContext'\nimport { useMediaQueryListeners } from '../hooks/useMedia'\nimport { TamaguiInternalConfig, TamaguiProviderProps } from '../types'\nimport { ThemeProvider } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(config: TamaguiInternalConfig) {\n  return function TamaguiProvider({\n    disableInjectCSS,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    if (!isSSR) {\n      useMediaQueryListeners()\n    }\n\n    if (isClient) {\n      // inject CSS if asked to (not SSR compliant)\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      React.useLayoutEffect(() => {\n        if (disableInjectCSS) return\n        const style = document.createElement('style')\n        style.appendChild(document.createTextNode(config.getCSS()))\n        document.head.appendChild(style)\n        return () => {\n          document.head.removeChild(style)\n        }\n      }, [disableInjectCSS])\n    }\n\n    return (\n      <ButtonInsideButtonContext.Provider value={false}>\n        <TextAncestorProvider>\n          <ThemeProvider\n            themes={config.themes}\n            defaultTheme={config.defaultTheme || 'light'}\n            themeClassNameOnRoot={config.themeClassNameOnRoot}\n            disableRootThemeClass={config.disableRootThemeClass}\n            {...themePropsProvider}\n          >\n            {children}\n          </ThemeProvider>\n        </TextAncestorProvider>\n      </ButtonInsideButtonContext.Provider>\n    )\n  }\n}\n"],
-  "mappings": "AAAA;AAEA;AACA;AACA;AACA;AAEA;AAEO,+BAA+B,QAA+B;AACnE,SAAO,yBAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,QAAI,CAAC,OAAO;AACV,6BAAuB;AAAA,IACzB;AAEA,QAAI,UAAU;AAGZ,YAAM,gBAAgB,MAAM;AAC1B,YAAI;AAAkB;AACtB,cAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,iBAAS,KAAK,YAAY,KAAK;AAC/B,eAAO,MAAM;AACX,mBAAS,KAAK,YAAY,KAAK;AAAA,QACjC;AAAA,MACF,GAAG,CAAC,gBAAgB,CAAC;AAAA,IACvB;AAEA,WACE,oCAAC,0BAA0B,UAA1B;AAAA,MAAmC,OAAO;AAAA,OACzC,oCAAC,4BACC,oCAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,cAAc,OAAO,gBAAgB;AAAA,MACrC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,OAEH,QACH,CACF,CACF;AAAA,EAEJ;AACF;",
-  "names": []
-}

package/dist/esm/helpers/ensureThemeVariable.js

@@ -1,125 +0,0 @@
-import { THEME_CLASSNAME_PREFIX } from "./constants/constants";
-import { createVariable, isVariable } from "./createVariable";
-import { tokensValueToVariable } from "./helpers/registerCSSVariable";
-import { GetThemeUnwrapped } from "./hooks/getThemeUnwrapped";
-const themes = {};
-function ensureThemeVariable(theme, key) {
-  const val = theme[key];
-  const themeKey = key;
-  if (!isVariable(val)) {
-    theme[key] = createVariable({
-      key: themeKey,
-      name: themeKey,
-      val
-    });
-  } else {
-    if (val.name !== themeKey) {
-      theme[key] = createVariable({
-        key: val.name,
-        name: themeKey,
-        val: val.val
-      });
-    }
-  }
-}
-function proxyThemeToParents(themeName, themes2) {
-  const cur = [];
-  const parents = themeName.split("_").slice(0, -1).map((part) => {
-    cur.push(part);
-    return cur.join("_");
-  });
-  if (!parents.length) {
-    return themes2[themeName];
-  }
-  const og = themes2[themeName];
-  return new Proxy(og, {
-    get(target, key) {
-      if (key === GetThemeUnwrapped) {
-        return og;
-      }
-      if (Reflect.has(target, key)) {
-        return Reflect.get(target, key);
-      }
-      for (let i = parents.length - 1; i >= 0; i--) {
-        const parent = themes2[parents[i]];
-        if (!parent) {
-          continue;
-        }
-        if (Reflect.has(parent, key)) {
-          return Reflect.get(parent, key);
-        }
-      }
-      return Reflect.get(target, key);
-    }
-  });
-}
-function getThemeCSSRules({
-  config,
-  themeName,
-  theme,
-  names
-}) {
-  const cssRuleSets = [];
-  const hasDarkLight = "light" in config.themes && "dark" in config.themes;
-  const CNP = `.${THEME_CLASSNAME_PREFIX}`;
-  let vars = "";
-  for (const themeKey in theme) {
-    const variable = theme[themeKey];
-    let value = null;
-    if (variable.isFloating || !tokensValueToVariable.has(variable.val)) {
-      value = variable.val;
-    } else {
-      value = tokensValueToVariable.get(variable.val).variable;
-    }
-    vars += `--${themeKey}:${value};`;
-  }
-  const isDarkOrLightBase = themeName === "dark" || themeName === "light";
-  const selectors = names.map((name) => {
-    return `${CNP}${name}`;
-  });
-  if (hasDarkLight) {
-    for (const subName of names) {
-      const isDark = isDarkOrLightBase || subName.startsWith("dark_");
-      const childSelector = `${CNP}${subName.replace(isDark ? "dark_" : "light_", "")}`;
-      const order = isDark ? ["dark", "light"] : ["light", "dark"];
-      if (isDarkOrLightBase) {
-        order.reverse();
-      }
-      const [stronger, weaker] = order;
-      const max = config.maxDarkLightNesting ?? 3;
-      new Array(Math.round(max * 1.5)).fill(void 0).forEach((_, pi) => {
-        const isOdd = pi % 2 === 1;
-        if (isOdd && pi < 3)
-          return;
-        const parents = new Array(pi + 1).fill(void 0).map((_2, psi) => {
-          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
-        });
-        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
-        if (isOdd) {
-          const [_first, second, ...rest] = parentSelectors;
-          parentSelectors = [second, ...rest, second];
-        }
-        const lastParentSelector = parentSelectors[parentSelectors.length - 1];
-        selectors.push(`${parentSelectors.join(" ")} ${childSelector === lastParentSelector ? "" : childSelector}`);
-      });
-    }
-  }
-  const rootSep = config.themeClassNameOnRoot ? "" : " ";
-  const css = `${selectors.map((x) => `:root${rootSep}${x}`).join(", ")} {${vars}}`;
-  cssRuleSets.push(css);
-  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {
-    const isDark = themeName.startsWith("dark");
-    cssRuleSets.push(`@media(prefers-color-scheme: ${isDark ? "dark" : "light"}) {
-body { background:${theme.background}; color: ${theme.color} }
-:root {${vars} } 
-}`);
-  }
-  return cssRuleSets;
-}
-export {
-  ensureThemeVariable,
-  getThemeCSSRules,
-  proxyThemeToParents,
-  themes
-};
-//# sourceMappingURL=ensureThemeVariable.js.map

package/dist/esm/helpers/ensureThemeVariable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/ensureThemeVariable.ts"],
-  "sourcesContent": ["import { THEME_CLASSNAME_PREFIX } from './constants/constants'\nimport { Variable, createVariable, isVariable } from './createVariable'\nimport { tokensValueToVariable } from './helpers/registerCSSVariable'\nimport { GetThemeUnwrapped } from './hooks/getThemeUnwrapped'\nimport { CreateTamaguiProps, ThemeObject } from './types'\n\nexport const themes = {}\n// mutates, freeze after\n// shared by createTamagui so extracted here\nexport function ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  const themeKey = key\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      key: themeKey,\n      name: themeKey,\n      val,\n    })\n  } else {\n    if (val.name !== themeKey) {\n      // rename to theme name\n      theme[key] = createVariable({\n        key: val.name,\n        name: themeKey,\n        val: val.val,\n      })\n    }\n  }\n}\nexport function proxyThemeToParents(themeName: string, themes: CreateTamaguiProps['themes']) {\n  // we could test if this is better as just a straight object spread or fancier proxy\n  const cur: string[] = []\n  // if theme is dark_blue_alt1_Button\n  // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n  const parents = themeName\n    .split('_')\n    .slice(0, -1)\n    .map((part) => {\n      cur.push(part)\n      return cur.join('_')\n    })\n\n  if (!parents.length) {\n    return themes[themeName]\n  }\n\n  // proxy fallback values to parent theme values\n  const og = themes[themeName]\n  return new Proxy(og, {\n    get(target, key) {\n      if (key === GetThemeUnwrapped) {\n        return og\n      }\n      if (Reflect.has(target, key)) {\n        return Reflect.get(target, key)\n      }\n      // check parents\n      for (let i = parents.length - 1; i >= 0; i--) {\n        const parent = themes[parents[i]]\n        if (!parent) {\n          continue\n        }\n        if (Reflect.has(parent, key)) {\n          return Reflect.get(parent, key)\n        }\n      }\n      return Reflect.get(target, key)\n    },\n  })\n}\nexport function getThemeCSSRules({\n  config,\n  themeName,\n  theme,\n  names,\n}: {\n  config: CreateTamaguiProps\n  themeName: string\n  theme: ThemeObject\n  names: string[]\n}) {\n  const cssRuleSets: string[] = []\n\n  // special case for SSR\n  const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n  const CNP = `.${THEME_CLASSNAME_PREFIX}`\n  let vars = ''\n\n  // themeToVariableToValueMap.set(theme, {})\n  // const varToValMap = themeToVariableToValueMap.get(theme)\n  for (const themeKey in theme) {\n    const variable = theme[themeKey] as Variable\n    let value: any = null\n    // if (varToValMap) {\n    //   varToValMap[variable.variable] = variable.val\n    // }\n    if (variable.isFloating || !tokensValueToVariable.has(variable.val)) {\n      value = variable.val\n    } else {\n      value = tokensValueToVariable.get(variable.val)!.variable\n    }\n    vars += `--${themeKey}:${value};`\n  }\n\n  const isDarkOrLightBase = themeName === 'dark' || themeName === 'light'\n  const selectors = names.map((name) => {\n    return `${CNP}${name}`\n  })\n\n  // since we dont specify dark/light in classnames we have to do an awkward specificity war\n  // use config.maxDarkLightNesting to determine how deep you can nest until it breaks\n  if (hasDarkLight) {\n    for (const subName of names) {\n      const isDark = isDarkOrLightBase || subName.startsWith('dark_')\n      const childSelector = `${CNP}${subName.replace(isDark ? 'dark_' : 'light_', '')}`\n      const order = isDark ? ['dark', 'light'] : ['light', 'dark']\n      if (isDarkOrLightBase) {\n        order.reverse()\n      }\n      const [stronger, weaker] = order\n      const max = config.maxDarkLightNesting ?? 3\n\n      new Array(Math.round(max * 1.5)).fill(undefined).forEach((_, pi) => {\n        const isOdd = pi % 2 === 1\n        if (isOdd && pi < 3) return\n        const parents = new Array(pi + 1).fill(undefined).map((_, psi) => {\n          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`\n        })\n        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents\n        if (isOdd) {\n          const [_first, second, ...rest] = parentSelectors\n          parentSelectors = [second, ...rest, second]\n        }\n        // avoid .t_light .t_light at the end (make sure child is unique from last parent)\n        const lastParentSelector = parentSelectors[parentSelectors.length - 1]\n        selectors.push(\n          `${parentSelectors.join(' ')} ${\n            childSelector === lastParentSelector ? '' : childSelector\n          }`\n        )\n      })\n    }\n  }\n\n  const rootSep = config.themeClassNameOnRoot ? '' : ' '\n  const css = `${selectors.map((x) => `:root${rootSep}${x}`).join(', ')} {${vars}}`\n  cssRuleSets.push(css)\n\n  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {\n    // add media prefers for dark/light base\n    const isDark = themeName.startsWith('dark')\n    cssRuleSets.push(\n      `@media(prefers-color-scheme: ${isDark ? 'dark' : 'light'}) {\nbody { background:${theme.background}; color: ${theme.color} }\n:root {${vars} } \n}`\n    )\n  }\n\n  return cssRuleSets\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/helpers/nativeGestureHandler.native.js

@@ -1,2 +0,0 @@
-export * from "react-native-gesture-handler";
-//# sourceMappingURL=nativeGestureHandler.native.js.map

package/dist/esm/helpers/nativeGestureHandler.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/nativeGestureHandler.native.ts"],
-  "sourcesContent": ["export * from 'react-native-gesture-handler'\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/dist/esm/loadTheme.js

@@ -1,40 +0,0 @@
-import { getConfig } from "./conf";
-import { ensureThemeVariable, getThemeCSSRules, proxyThemeToParents } from "./helpers/themes";
-const loadTheme = ({
-  name: themeName,
-  theme: themeIn,
-  insertCSS
-}) => {
-  const config = getConfig();
-  if (!config) {
-    throw new Error(`Must run createTamagui once before loading theme`);
-  }
-  if (config.themes[themeName]) {
-    throw new Error(`Already defined theme "${themeName}", use updateTheme to change values`);
-  }
-  const theme = { ...themeIn };
-  for (const key in theme) {
-    ensureThemeVariable(theme, key);
-  }
-  const cssRules = getThemeCSSRules({
-    config,
-    themeName,
-    names: [themeName],
-    theme
-  });
-  const themeProxied = proxyThemeToParents(themeName, theme, config.themes);
-  config.themes[themeName] = themeProxied;
-  if (insertCSS && typeof document !== "undefined") {
-    const style = document.createElement("style");
-    style.appendChild(document.createTextNode(cssRules.join("\n")));
-    document.head.appendChild(style);
-  }
-  return {
-    theme: themeProxied,
-    cssRules
-  };
-};
-export {
-  loadTheme
-};
-//# sourceMappingURL=loadTheme.js.map

package/dist/esm/loadTheme.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/loadTheme.ts"],
-  "sourcesContent": ["import { getConfig } from './conf'\nimport { ensureThemeVariable, getThemeCSSRules, proxyThemeToParents } from './helpers/themes'\nimport { ThemeObject } from './types'\n\nexport const loadTheme = ({\n  name: themeName,\n  theme: themeIn,\n  insertCSS,\n}: {\n  name: string\n  theme: ThemeObject\n  insertCSS?: boolean\n}) => {\n  const config = getConfig()\n  if (!config) {\n    throw new Error(`Must run createTamagui once before loading theme`)\n  }\n  if (config.themes[themeName]) {\n    throw new Error(`Already defined theme \"${themeName}\", use updateTheme to change values`)\n  }\n  const theme = { ...themeIn }\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n  const cssRules = getThemeCSSRules({\n    config,\n    themeName,\n    names: [themeName],\n    theme,\n  })\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  if (insertCSS && typeof document !== 'undefined') {\n    const style = document.createElement('style')\n    style.appendChild(document.createTextNode(cssRules.join('\\n')))\n    document.head.appendChild(style)\n  }\n\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
-  "mappings": "AAAA;AACA;AAGO,MAAM,YAAY,CAAC;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,MAKI;AACJ,QAAM,SAAS,UAAU;AACzB,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AACA,MAAI,OAAO,OAAO,YAAY;AAC5B,UAAM,IAAI,MAAM,0BAA0B,8CAA8C;AAAA,EAC1F;AACA,QAAM,QAAQ,EAAE,GAAG,QAAQ;AAC3B,aAAW,OAAO,OAAO;AACvB,wBAAoB,OAAO,GAAG;AAAA,EAChC;AACA,QAAM,WAAW,iBAAiB;AAAA,IAChC;AAAA,IACA;AAAA,IACA,OAAO,CAAC,SAAS;AAAA,IACjB;AAAA,EACF,CAAC;AACD,QAAM,eAAe,oBAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,aAAa;AAE3B,MAAI,aAAa,OAAO,aAAa,aAAa;AAChD,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/esm/views/TextAncestorContext.js

@@ -1,15 +0,0 @@
-import { TextAncestorContext as RNWTextAncestorContext } from "@tamagui/rnw";
-import React, { createContext } from "react";
-const FallbackNativeContext = createContext(false);
-const TextAncestorContext = RNWTextAncestorContext ?? FallbackNativeContext;
-const TextAncestorProvider = (props) => {
-  return /* @__PURE__ */ React.createElement(TextAncestorContext.Provider, {
-    value: false
-  }, props.children);
-};
-export {
-  FallbackNativeContext,
-  TextAncestorContext,
-  TextAncestorProvider
-};
-//# sourceMappingURL=TextAncestorContext.js.map

package/dist/esm/views/TextAncestorContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/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;AACA;AAEO,MAAM,wBAAwB,cAAc,KAAK;AAEjD,MAAM,sBAAsB,0BAA0B;AAEtD,MAAM,uBAAuB,CAAC,UAAU;AAC7C,SAAO,oCAAC,oBAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,KAAQ,MAAM,QAAS;AACrE;",
-  "names": []
-}

package/types/helpers/createTamaguiProvider.d.ts

@@ -1,3 +0,0 @@
-import { TamaguiInternalConfig, TamaguiProviderProps } from '../types';
-export declare function createTamaguiProvider(config: TamaguiInternalConfig): ({ disableInjectCSS, children, ...themePropsProvider }: TamaguiProviderProps) => JSX.Element;
-//# sourceMappingURL=createTamaguiProvider.d.ts.map