@tamagui/web 1.5.6 → 1.5.8

package/dist/cjs/Tamagui.js

@@ -34,9 +34,9 @@ __export(Tamagui_exports, {
 });
 module.exports = __toCommonJS(Tamagui_exports);
 var Helpers = __toESM(require("@tamagui/helpers"));
-var import_config = require("./config");
-var import_insertStyleRule = require("./helpers/insertStyleRule");
-var import_useMedia = require("./hooks/useMedia");
+var import_config = require("./config.js");
+var import_insertStyleRule = require("./helpers/insertStyleRule.js");
+var import_useMedia = require("./hooks/useMedia.js");
 class TamaguiManager {
   constructor() {
     this.Helpers = Helpers;

package/dist/cjs/Tamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tamagui.ts"],
-  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\n\nimport { getConfig } from './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;",
+  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\n\nimport { getConfig } from './config.js'\nimport {\n  getAllRules,\n  getAllSelectors,\n  getAllTransforms,\n} from './helpers/insertStyleRule.js'\nimport { mediaState } from './hooks/useMedia.js'\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,6BAIO;AACP,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

@@ -22,9 +22,9 @@ __export(addTheme_exports, {
 });
 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");
+var import_config = require("./config.js");
+var import_getThemeCSSRules = require("./helpers/getThemeCSSRules.js");
+var import_themes = require("./helpers/themes.js");
 function addTheme(props) {
   var _a;
   const config = (0, import_config.getConfig)();

package/dist/cjs/addTheme.js.map

@@ -1,7 +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"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getConfig, updateConfig } from './config.js'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules.js'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes.js'\nimport { ThemeDefinition, ThemeParsed } from './types.js'\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,IAAI;AACtC,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,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,wBAAO;AACT,QAAI,WAAW;AACb,qBAAW,0CAAiB;AAAA;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,SAAS,GAAG,aAAa,CAAC;AAGtE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
   "names": ["theme"]
 }

package/dist/cjs/config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/config.ts"],
-  "sourcesContent": ["import { ConfigListener, TamaguiInternalConfig, TokensMerged } from './types'\n\nlet conf: TamaguiInternalConfig | null\n\nexport const setConfig = (next: TamaguiInternalConfig) => {\n  conf = next\n  configListeners.forEach((cb) => cb(next))\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  conf!.fonts[name] = font\n  conf!.fontsParsed[`$${name}`] = fontParsed\n}\n\nexport const getConfig = () => {\n  if (!conf) {\n    throw new Error(\n      process.env.NODE_ENV !== 'production'\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}\n\nlet cached: TokensMerged\nexport const getTokens = ({\n  prefixed,\n}: {\n  /**\n   * Force either with $ or without $ prefix\n   */\n  prefixed?: boolean\n} = {}): TokensMerged => {\n  if (!conf) throw new Error(`never called createTamagui`)\n  if (prefixed === false) return conf.tokens\n  if (prefixed === true) return conf.tokensParsed\n  return (cached ??= Object.freeze({\n    size: {\n      ...conf.tokens['size'],\n      ...conf.tokensParsed['size'],\n    },\n    space: {\n      ...conf.tokens['space'],\n      ...conf.tokensParsed['space'],\n    },\n    radius: {\n      ...conf.tokens['radius'],\n      ...conf.tokensParsed['radius'],\n    },\n    zIndex: {\n      ...conf.tokens['zIndex'],\n      ...conf.tokensParsed['zIndex'],\n    },\n    color: {\n      ...conf.tokens['color'],\n      ...conf.tokensParsed['color'],\n    },\n  }) as any)\n}\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\n// searches by value name or token name\nexport const getFont = (name: string) => {\n  const conf = getConfig()\n  return (\n    conf.fontsParsed[name] ??\n    Object.entries(conf.fontsParsed).find(\n      ([k]) => conf.fontsParsed[k]?.family?.['val'] === name\n    )?.[1]\n  )\n}\n"],
+  "sourcesContent": ["import { ConfigListener, TamaguiInternalConfig, TokensMerged } from './types.js'\n\nlet conf: TamaguiInternalConfig | null\n\nexport const setConfig = (next: TamaguiInternalConfig) => {\n  conf = next\n  configListeners.forEach((cb) => cb(next))\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  conf!.fonts[name] = font\n  conf!.fontsParsed[`$${name}`] = fontParsed\n}\n\nexport const getConfig = () => {\n  if (!conf) {\n    throw new Error(\n      process.env.NODE_ENV !== 'production'\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}\n\nlet cached: TokensMerged\nexport const getTokens = ({\n  prefixed,\n}: {\n  /**\n   * Force either with $ or without $ prefix\n   */\n  prefixed?: boolean\n} = {}): TokensMerged => {\n  if (!conf) throw new Error(`never called createTamagui`)\n  if (prefixed === false) return conf.tokens\n  if (prefixed === true) return conf.tokensParsed\n  return (cached ??= Object.freeze({\n    size: {\n      ...conf.tokens['size'],\n      ...conf.tokensParsed['size'],\n    },\n    space: {\n      ...conf.tokens['space'],\n      ...conf.tokensParsed['space'],\n    },\n    radius: {\n      ...conf.tokens['radius'],\n      ...conf.tokensParsed['radius'],\n    },\n    zIndex: {\n      ...conf.tokens['zIndex'],\n      ...conf.tokensParsed['zIndex'],\n    },\n    color: {\n      ...conf.tokens['color'],\n      ...conf.tokensParsed['color'],\n    },\n  }) as any)\n}\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\n// searches by value name or token name\nexport const getFont = (name: string) => {\n  const conf = getConfig()\n  return (\n    conf.fontsParsed[name] ??\n    Object.entries(conf.fontsParsed).find(\n      ([k]) => conf.fontsParsed[k]?.family?.['val'] === name\n    )?.[1]\n  )\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,kBAAgB,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AAC1C;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,OAAM,MAAM,IAAI,IAAI;AACpB,OAAM,YAAY,IAAI,MAAM,IAAI;AAClC;AAEO,MAAM,YAAY,MAAM;AAC7B,MAAI,CAAC,MAAM;AACT,UAAM,IAAI;AAAA,MACR,QAAQ,IAAI,aAAa,eACrB,wIACA;AAAA,IACN;AAAA,EACF;AACA,SAAO;AACT;AAEA,IAAI;AACG,MAAM,YAAY,CAAC;AAAA,EACxB;AACF,IAKI,CAAC,MAAoB;AACvB,MAAI,CAAC;AAAM,UAAM,IAAI,MAAM,4BAA4B;AACvD,MAAI,aAAa;AAAO,WAAO,KAAK;AACpC,MAAI,aAAa;AAAM,WAAO,KAAK;AACnC,SAAQ,oBAAW,OAAO,OAAO;AAAA,IAC/B,MAAM;AAAA,MACJ,GAAG,KAAK,OAAO,MAAM;AAAA,MACrB,GAAG,KAAK,aAAa,MAAM;AAAA,IAC7B;AAAA,IACA,OAAO;AAAA,MACL,GAAG,KAAK,OAAO,OAAO;AAAA,MACtB,GAAG,KAAK,aAAa,OAAO;AAAA,IAC9B;AAAA,IACA,QAAQ;AAAA,MACN,GAAG,KAAK,OAAO,QAAQ;AAAA,MACvB,GAAG,KAAK,aAAa,QAAQ;AAAA,IAC/B;AAAA,IACA,QAAQ;AAAA,MACN,GAAG,KAAK,OAAO,QAAQ;AAAA,MACvB,GAAG,KAAK,aAAa,QAAQ;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,GAAG,KAAK,OAAO,OAAO;AAAA,MACtB,GAAG,KAAK,aAAa,OAAO;AAAA,IAC9B;AAAA,EACF,CAAC;AACH;AAKO,MAAM,YAAY,MAAM,UAAU;AAElC,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;AAGO,MAAM,UAAU,CAAC,SAAiB;AAtFzC;AAuFE,QAAMA,QAAO,UAAU;AACvB,SACEA,MAAK,YAAY,IAAI,OACrB,YAAO,QAAQA,MAAK,WAAW,EAAE;AAAA,IAC/B,CAAC,CAAC,CAAC,MAAG;AA3FZ,UAAAC,KAAA;AA2Fe,qBAAAA,MAAAD,MAAK,YAAY,CAAC,MAAlB,gBAAAC,IAAqB,WAArB,mBAA8B,YAAW;AAAA;AAAA,EACpD,MAFA,mBAEI;AAER;",
   "names": ["conf", "_a"]
 }

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

@@ -1,7 +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"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nimport type { LanguageContextType } from '../views/FontLanguage.types.js'\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.map

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

package/dist/cjs/createComponent.js

@@ -41,23 +41,23 @@ var import_compose_refs = require("@tamagui/compose-refs");
 var import_constants = require("@tamagui/constants");
 var import_helpers = require("@tamagui/helpers");
 var import_react = __toESM(require("react"));
-var import_config = require("./config");
-var import_constants2 = require("./constants/constants");
-var import_FontLanguageContext = require("./contexts/FontLanguageContext");
-var import_TextAncestorContext = require("./contexts/TextAncestorContext");
-var import_createVariable = require("./createVariable");
-var import_extendStaticConfig = require("./helpers/extendStaticConfig");
-var import_getSplitStyles = require("./helpers/getSplitStyles");
-var import_insertStyleRule = require("./helpers/insertStyleRule");
-var import_mergeProps = require("./helpers/mergeProps");
-var import_proxyThemeVariables = require("./helpers/proxyThemeVariables");
-var import_useShallowSetState = require("./helpers/useShallowSetState");
-var import_useMedia = require("./hooks/useMedia");
-var import_useServerHooks = require("./hooks/useServerHooks");
-var import_useTheme = require("./hooks/useTheme");
-var import_setupHooks = require("./setupHooks");
-var import_Slot = require("./views/Slot");
-var import_Theme = require("./views/Theme");
+var import_config = require("./config.js");
+var import_constants2 = require("./constants/constants.js");
+var import_FontLanguageContext = require("./contexts/FontLanguageContext.js");
+var import_TextAncestorContext = require("./contexts/TextAncestorContext.js");
+var import_createVariable = require("./createVariable.js");
+var import_extendStaticConfig = require("./helpers/extendStaticConfig.js");
+var import_getSplitStyles = require("./helpers/getSplitStyles.js");
+var import_insertStyleRule = require("./helpers/insertStyleRule.js");
+var import_mergeProps = require("./helpers/mergeProps.js");
+var import_proxyThemeVariables = require("./helpers/proxyThemeVariables.js");
+var import_useShallowSetState = require("./helpers/useShallowSetState.js");
+var import_useMedia = require("./hooks/useMedia.js");
+var import_useServerHooks = require("./hooks/useServerHooks.js");
+var import_useTheme = require("./hooks/useTheme.js");
+var import_setupHooks = require("./setupHooks.js");
+var import_Slot = require("./views/Slot.js");
+var import_Theme = require("./views/Theme.js");
 process.env.TAMAGUI_TARGET;
 const defaultComponentState = {
   hover: false,

package/dist/cjs/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createComponent.tsx"],
-  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { stylePropsView, validPseudoKeys, validStyles } from '@tamagui/helpers'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport { onConfiguredOnce } from './config'\nimport { stackDefaultStyles } from './constants/constants'\nimport { FontLanguageContext } from './contexts/FontLanguageContext'\nimport { TextAncestorContext } from './contexts/TextAncestorContext'\nimport { didGetVariableValue, setDidGetVariableValue } from './createVariable'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { useShallowSetState } from './helpers/useShallowSetState'\nimport { setMediaShouldUpdate, useMedia } from './hooks/useMedia'\nimport { useServerRef, useServerState } from './hooks/useServerHooks'\nimport { useThemeWithState } from './hooks/useTheme'\nimport { hooks } from './setupHooks'\nimport {\n  DebugProp,\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentEvents,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n  UseAnimationProps,\n} from './types'\nimport { Slot } from './views/Slot'\nimport { useThemedChildren } from './views/Theme'\n\n// let t\n// import { timer } from '@tamagui/timer'\n// if (true || process.env.ANALYZE) {\n//   t = require().timer()\n//   setTimeout(() => {\n//     const out = t.print()\n//     if (isClient) {\n//       alert(out)\n//     }\n//   }, 2000)\n// }\n\n// this appears to fix expo / babel not picking this up sometimes? really odd\nprocess.env.TAMAGUI_TARGET\n\nexport const defaultComponentState: TamaguiComponentState = {\n  hover: false,\n  press: false,\n  pressIn: false,\n  focus: false,\n  unmounted: true,\n}\n\nconst defaultComponentStateMounted: TamaguiComponentState = {\n  ...defaultComponentState,\n  unmounted: false,\n}\n\n/**\n * All things that need one-time setup after createTamagui is called\n */\nlet tamaguiConfig: TamaguiInternalConfig\nlet AnimatedText: any\nlet AnimatedView: any\nlet initialTheme: any\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  addEventListener('mouseup', cancelTouches)\n  addEventListener('touchend', cancelTouches)\n  addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands(\n  { defaultProps }: StaticConfigParsed,\n  { shorthands }: TamaguiConfig\n) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key of Object.keys(defaultProps)) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\n/**\n * Only on native do we need the actual underlying View/Text\n * On the web we avoid react-native dep altogether.\n */\nlet BaseText: any\nlet BaseView: any\nlet hasSetupBaseViews = false\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(\n  configIn: Partial<StaticConfig> | StaticConfigParsed,\n  ParentComponent?: StylableComponent\n) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let tamaguiDefaultProps: any\n  let defaultTag: string | undefined\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // todo this could be moved to a cleaner location\n      if (!hasSetupBaseViews) {\n        hasSetupBaseViews = true\n        const baseViews = hooks.getBaseViews?.()\n        if (baseViews) {\n          BaseText = baseViews.Text\n          BaseView = baseViews.View\n        }\n      }\n    }\n\n    // test only\n    if (process.env.NODE_ENV === 'test') {\n      if (propsIn['data-test-renders']) {\n        propsIn['data-test-renders']['current'] ??= 0\n        propsIn['data-test-renders']['current'] += 1\n      }\n    }\n    // const time = t.start({ quiet: true })\n\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const debugProp = props['debug'] as DebugProp\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    /**\n     * Component state for tracking animations, pseudos\n     */\n    const animationsConfig = tamaguiConfig.animations\n    const useAnimations = animationsConfig?.useAnimations as UseAnimationHook | undefined\n    const avoidClassesWhileAnimating = animationsConfig.isReactNative\n    const hasEnterStyle = !!props.enterStyle\n    const needsMount = Boolean(\n      (isWeb ? isClient : true) && (hasEnterStyle || props.animation)\n    )\n    const states = useServerState<TamaguiComponentState>(\n      needsMount ? defaultComponentState! : defaultComponentStateMounted!\n    )\n\n    const state = propsIn.forceStyle\n      ? { ...states[0], [propsIn.forceStyle]: true }\n      : states[0]\n    const setState = states[1]\n    const setStateShallow = useShallowSetState(setState, debugProp, componentName)\n\n    // conditional but if ever true stays true\n    // [animated, inversed]\n    const stateRef = useRef(\n      undefined as any as {\n        hasAnimated?: boolean\n        themeShallow?: boolean\n        didAccessThemeVariableValue?: boolean\n      }\n    )\n    stateRef.current ??= {}\n\n    const isAnimated = (() => {\n      const next = !!(useAnimations && props.animation)\n      if (next && !stateRef.current.hasAnimated) {\n        stateRef.current.hasAnimated = true\n      }\n      return next || stateRef.current.hasAnimated\n    })()\n\n    const usePresence = tamaguiConfig.animations?.usePresence\n    const presence = !isRSC && isAnimated ? usePresence() : null\n\n    // set enter/exit variants onto our new props object\n    if (isAnimated && presence) {\n      const presenceState = presence[2]\n      if (presenceState) {\n        if (state.unmounted && presenceState.enterVariant) {\n          props[presenceState.enterVariant] = true\n        }\n        if (!presenceState.isPresent && presenceState.exitVariant) {\n          props[presenceState.exitVariant] = true\n        }\n      }\n    }\n\n    const isReactNative = Boolean(\n      staticConfig.isReactNative || (isAnimated && tamaguiConfig.animations.isReactNative)\n    )\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debugProp) {\n        // prettier-ignore\n        const name = `${componentName || Component?.displayName || Component?.name || '[Unnamed Component]'}`\n        const type = isReactNative ? '(rnw)' : ''\n        const dataIs = propsIn['data-is'] || ''\n        const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type}`\n        console.group(`%c ${banner}`, 'background: yellow;')\n        if (!isServer) {\n          console.log('state', state)\n        }\n      }\n    }\n\n    const shouldAvoidClasses =\n      !isWeb ||\n      !!(props.animation && avoidClassesWhileAnimating) ||\n      !staticConfig.acceptsClassName\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const noClassNames = shouldAvoidClasses || shouldForcePseudo\n\n    const themeState = useThemeWithState({\n      name: props.theme,\n      componentName,\n      reset: props.reset,\n      inverse: props.themeInverse,\n      // @ts-expect-error\n      disable: props['data-themeable'],\n      debug: props.debug,\n      shouldUpdate: () => !!stateRef.current.didAccessThemeVariableValue,\n    })!\n\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n    const isDisabled = props.disabled ?? props.accessibilityState?.disabled\n\n    const isTaggable = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb\n      ? isTaggable\n        ? props.tag || defaultTag || Component\n        : Component\n      : Component\n\n    const BaseTextComponent = BaseText || element || 'span'\n    const BaseViewComponent = BaseView || element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\n\n    const isExiting = presence?.[0] === false\n\n    const mediaState = useMedia(\n      // @ts-ignore, we just pass a stable object so we can get it later with\n      // should match to the one used in `setMediaShouldUpdate` below\n      stateRef,\n      debugProp ? { props, staticConfig } : null\n    )\n\n    setDidGetVariableValue(false)\n\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      themeState.theme,\n      {\n        ...state,\n        mediaState,\n        noClassNames,\n        dynamicStylesInline: noClassNames,\n        hasTextAncestor,\n        resolveVariablesAs: 'auto',\n        isExiting,\n      },\n      null,\n      languageContext || undefined,\n      elementType,\n      debugProp\n    )\n\n    // only listen for changes if we are using raw theme values or media space, or dynamic media (native)\n    // array = space media breakpoints\n    const isMediaSpaced = Array.isArray(splitStyles.hasMedia)\n    const shouldListenForMedia =\n      didGetVariableValue() ||\n      isMediaSpaced ||\n      (noClassNames && splitStyles.hasMedia === true)\n\n    setMediaShouldUpdate(stateRef, {\n      enabled: shouldListenForMedia,\n      keys: noClassNames && isMediaSpaced ? (splitStyles.hasMedia as any) : null,\n    })\n\n    const hostRef = useServerRef<TamaguiElement>(null)\n\n    // animation setup\n    const isAnimatedReactNativeWeb = isAnimated && avoidClassesWhileAnimating\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!process.env.TAMAGUI_TARGET) {\n        console.error(\n          `No process.env.TAMAGUI_TARGET set, please set it to \"native\" or \"web\".`\n        )\n      }\n\n      if (debugProp) {\n        console.groupCollapsed('props')\n        // prettier-ignore\n        console.log('props in', propsIn, 'mapped to', props, 'in order', Object.keys(props))\n        console.log('splitStyles', splitStyles)\n        // eslint-disable-next-line no-console\n        console.log('shouldListenForMedia', shouldListenForMedia)\n        // eslint-disable-next-line no-console\n        console.log('className', Object.values(splitStyles.classNames))\n        if (isClient) {\n          console.log('ref', hostRef, '(click to view)')\n        }\n        console.groupEnd()\n        if (debugProp === 'break') {\n          // rome-ignore lint/suspicious/noDebugger: ok\n          debugger\n        }\n      }\n    }\n\n    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      style: splitStylesStyle,\n      classNames,\n      space,\n    } = splitStyles\n\n    const propsWithAnimation = props as UseAnimationProps\n\n    // once you set animation prop don't remove it, you can set to undefined/false\n    // reason is animations are heavy - no way around it, and must be run inline here (\uD83D\uDE45 loading as a sub-component)\n    let animationStyles: any\n    if (!isRSC && isAnimated && useAnimations) {\n      const animations = useAnimations({\n        props: propsWithAnimation,\n        style: splitStylesStyle,\n        presence,\n        state,\n        pseudos: pseudos || null,\n        onDidAnimate: props.onDidAnimate,\n        hostRef,\n        staticConfig,\n      })\n      if (animations) {\n        animationStyles = animations.style\n      }\n    }\n\n    const {\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      themeShallow,\n      spaceDirection: _spaceDirection,\n      disabled: disabledProp,\n      onMouseUp,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      separator,\n      // ignore from here on out\n      forceStyle: _forceStyle,\n      // @ts-ignore  for next/link compat etc\n      onClick,\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      ...nonTamaguiProps\n    } = viewPropsIn\n\n    const disabled = props.accessibilityState?.disabled || props.accessibilityDisabled\n\n    // these can ultimately be for DOM, react-native-web views, or animated views\n    // so the type is pretty loose\n    let viewProps = nonTamaguiProps\n\n    // if react-native-web view just pass all props down\n    if (process.env.TAMAGUI_TARGET === 'web' && !isReactNative && !asChild) {\n      viewProps = hooks.usePropsTransform?.(elementType, nonTamaguiProps, hostRef)\n    } else {\n      viewProps = nonTamaguiProps\n    }\n\n    viewProps.ref = useComposedRefs(hostRef as any, forwardedRef)\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!isText && isWeb && !staticConfig.isHOC) {\n        Children.toArray(props.children).forEach((item) => {\n          // allow newlines because why not its annoying with mdx\n          if (typeof item === 'string' && item !== '\\n') {\n            console.error(\n              `Unexpected text node: ${item}. A text node cannot be a child of a <View>.`\n            )\n          }\n        })\n      }\n    }\n\n    const unPress = useCallback(() => {\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [setStateShallow])\n\n    if (isWeb) {\n      useEffect(() => {\n        return () => {\n          mouseUps.delete(unPress)\n        }\n      }, [])\n    }\n\n    const shouldSetMounted = needsMount && state.unmounted\n    useEffect(() => {\n      if (!shouldSetMounted) return\n      if (state.unmounted === true && needsMount) {\n        setStateShallow({\n          unmounted: false,\n        })\n        return\n      }\n\n      setStateShallow({\n        unmounted: false,\n      })\n    }, [shouldSetMounted, state.unmounted])\n\n    let styles: Record<string, any>[]\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...(animationStyles ?? splitStylesStyle),\n      }\n    } else {\n      styles = [animationStyles ?? splitStylesStyle]\n\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        styles.forEach((style) => Object.assign(next, style))\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    let fontFamily = isText\n      ? splitStyles.fontFamily || staticConfig.defaultProps.fontFamily\n      : null\n    if (fontFamily && fontFamily[0] === '$') {\n      fontFamily = fontFamily.slice(1)\n    }\n    const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : ''\n\n    const classList = [\n      hasEnterStyle && ((state.unmounted && needsMount) || !isClient)\n        ? 't_will-mount'\n        : '',\n      componentName ? componentClassName : '',\n      fontFamilyClassName,\n      classNames ? Object.values(classNames).join(' ') : '',\n    ]\n\n    const className = classList.join(' ')\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      const style = animationStyles ?? splitStyles.style\n\n      if (isAnimatedReactNativeWeb) {\n        viewProps.style = style\n      } else if (isReactNative) {\n        const rnwStyle = { $$css: true }\n        for (const name of className.split(' ')) {\n          rnwStyle[name] = name\n        }\n        viewProps.style = [rnwStyle, ...(Array.isArray(style) ? style : [style])]\n\n        if (process.env.NODE_ENV === 'development') {\n          // turn debug data- props into dataSet in dev mode\n          Object.keys(viewProps).forEach((key) => {\n            if (key.startsWith('data-')) {\n              viewProps.dataSet ??= {}\n              viewProps.dataSet[key.replace('data-', '')] = viewProps[key]\n              delete viewProps[key]\n            }\n          })\n        }\n      } else {\n        viewProps.className = className\n        viewProps.style = style\n      }\n    }\n\n    // TODO MOVE INTO HOOK\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // swap out the right family based on weight/style\n      if (splitStyles.fontFamily) {\n        const faceInfo = tamaguiConfig.fontsParsed[splitStyles.fontFamily]?.face\n        if (faceInfo) {\n          const [weight, style] = (() => {\n            let weight: string | undefined\n            let style: string | undefined\n            for (let i = styles.length; i >= 0; i--) {\n              weight ??= styles[i]?.fontWeight\n              style ??= styles[i]?.fontStyle\n            }\n            return [weight || '400', style || 'normal'] as const\n          })()\n          const overrideFace = faceInfo[weight]?.[style]?.val\n          if (overrideFace) {\n            for (const style of styles) {\n              if (style?.fontFamily) {\n                style.fontFamily = overrideFace\n                style.fontWeight = undefined\n                style.fontStyle = undefined\n              }\n            }\n          }\n        }\n      }\n\n      // assign styles\n      viewProps.style = styles\n    }\n\n    const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle\n    const attachPress = Boolean(\n      runtimePressStyle || onPress || onPressOut || onPressIn || onClick\n    )\n    const runtimeHoverStyle = !disabled && noClassNames && pseudos?.hoverStyle\n    const isHoverable =\n      isWeb &&\n      !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !(isWeb || asChild)\n\n    // check presence rather than value to prevent reparenting bugs\n    // allows for onPress={x ? function : undefined} without re-ordering dom\n    const shouldAttach = Boolean(\n      attachPress ||\n        isHoverable ||\n        (noClassNames && 'pressStyle' in props) ||\n        (isWeb && noClassNames && 'hoverStyle' in props)\n    )\n\n    const events: TamaguiComponentEvents | null =\n      shouldAttach && !isRSC && !isDisabled && !asChild\n        ? {\n            onPressOut: attachPress\n              ? (e) => {\n                  unPress()\n                  onPressOut?.(e)\n                  onMouseUp?.(e)\n                }\n              : undefined,\n            ...(isHoverable && {\n              onMouseEnter: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    if (isHoverable) {\n                      next.hover = true\n                    }\n                    if (state.pressIn) {\n                      next.press = true\n                    }\n                    if (isHoverable || state.pressIn) {\n                      setStateShallow(next)\n                    }\n                    onHoverIn?.(e)\n                    onMouseEnter?.(e)\n                  }\n                : undefined,\n              onMouseLeave: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    mouseUps.add(unPress)\n                    if (isHoverable) {\n                      next.hover = false\n                    }\n                    if (state.pressIn) {\n                      next.press = false\n                      next.pressIn = false\n                    }\n                    if (Object.keys(next).length) {\n                      setStateShallow(next)\n                    }\n                    onHoverOut?.(e)\n                    onMouseLeave?.(e)\n                  }\n                : undefined,\n            }),\n            onPressIn: attachPress\n              ? (e) => {\n                  setStateShallow({\n                    press: true,\n                    pressIn: true,\n                    hover: false,\n                  })\n                  onPressIn?.(e)\n                  onMouseDown?.(e)\n                  if (isWeb) {\n                    mouseUps.add(unPress)\n                  }\n                }\n              : undefined,\n            onPress: attachPress\n              ? (e) => {\n                  unPress()\n                  // @ts-ignore\n                  isWeb && onClick?.(e)\n                  onPress?.(e)\n                }\n              : undefined,\n          }\n        : null\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      if (events) {\n        // replicating TouchableWithoutFeedback\n        Object.assign(events, {\n          cancelable: !props.rejectResponderTermination,\n          disabled: isDisabled,\n          hitSlop: props.hitSlop,\n          delayLongPress: props.delayLongPress,\n          delayPressIn: props.delayPressIn,\n          delayPressOut: props.delayPressOut,\n          focusable: viewProps.focusable ?? true,\n          minPressDuration: 0,\n        })\n      }\n    }\n\n    // EVENTS native\n    hooks.useEvents?.(viewProps, events, splitStyles, setStateShallow)\n\n    const shouldReset = !!(themeShallow && themeState.isNewTheme)\n    if (shouldReset) {\n      stateRef.current.themeShallow = true\n    }\n\n    let content =\n      !children || asChild\n        ? children\n        : spacedChildren({\n            separator,\n            children,\n            space,\n            direction: props.spaceDirection || 'both',\n            isZStack,\n            debug: debugProp,\n          })\n\n    if (asChild) {\n      elementType = Slot\n      viewProps = {\n        ...viewProps,\n        onPress,\n        onPressIn,\n        onPressOut,\n      }\n    }\n\n    content = createElement(elementType, viewProps, content)\n\n    content = useThemedChildren(themeState, content, {\n      shallow: stateRef.current.themeShallow,\n    })\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (events || isAnimatedReactNativeWeb) {\n        content = (\n          <span\n            className={`${isAnimatedReactNativeWeb ? className : ''}  _dsp_contents`}\n            {...(events && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n              onClick: events.onPress,\n              onMouseDown: events.onPressIn,\n              onMouseUp: events.onPressOut,\n              onTouchStart: events.onPressIn,\n              onTouchEnd: events.onPressOut,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && process.env.DEBUG !== 'tamagui') {\n      if (debugProp) {\n        const element = typeof elementType === 'string' ? elementType : 'Component'\n        console.groupCollapsed(`render <${element} /> with props`, viewProps)\n        for (const key in viewProps) {\n          console.log(key, viewProps[key])\n        }\n        console.log('children', content)\n        console.groupEnd()\n        if (typeof window !== 'undefined') {\n          // prettier-ignore\n          console.log({ state, themeState, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, staticConfig, tamaguiConfig, shouldForcePseudo, classNamesFull: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) })\n        }\n        console.groupEnd()\n      }\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  onConfiguredOnce((conf) => {\n    // one time only setup\n    if (!tamaguiConfig) {\n      tamaguiConfig = conf\n\n      if (tamaguiConfig.animations) {\n        AnimatedText = tamaguiConfig.animations.Text\n        AnimatedView = tamaguiConfig.animations.View\n      }\n\n      if (!initialTheme) {\n        const next = conf.themes[Object.keys(conf.themes)[0]]\n        initialTheme = proxyThemeVariables(next)\n        if (process.env.NODE_ENV === 'development') {\n          if (!initialTheme) {\n            console.log('Warning: Missing theme')\n          }\n        }\n      }\n    }\n\n    // per-component setup\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        tamaguiConfig.defaultProps,\n        parentNames,\n        tamaguiConfig\n      )\n    }\n\n    const debug = defaultPropsIn['debug']\n\n    // remove all classNames\n    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn, {})\n\n    if (ourProps.tag) {\n      defaultTag = ourProps.tag\n    }\n\n    const noClassNames = !staticConfig.acceptsClassName\n    const { name, variants, defaultVariants, ...restProps } = ourProps\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps as any, {\n      ...defaultVariants,\n      ...restProps,\n    })\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        defaults[key] = val\n      }\n    }\n\n    // set to global\n    tamaguiDefaultProps = defaults\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, {\n          staticConfig,\n          tamaguiDefaultProps,\n          defaults,\n          defaultPropsIn,\n          defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps),\n          defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [\n            k,\n            defaultPropsIn[k],\n          ]),\n          ourProps,\n          ourClassNames,\n          defaultsClassnames,\n          defaultTag,\n          noClassNames,\n        })\n      }\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res.staticConfig = {\n    validStyles: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        isHOC: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  acceptsClassName: true,\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n\n  defaultProps: {\n    ...stackDefaultStyles,\n    // avoid nesting issues\n    tag: 'span',\n    size: true,\n    pointerEvents: 'none',\n  },\n\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size === true ? '$true' : size\n        const sizePx = tokens.space[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flexGrow: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n      both: {},\n    },\n  } as const,\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n  debug?: DebugProp\n}\n\nexport function spacedChildren(props: SpacedChildrenProps) {\n  const { isZStack, children, space, direction, spaceFlex, separator } = props\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!(hasSpace || hasSeparator || isZStack)) {\n    return children\n  }\n\n  const childrenList = Children.toArray(children)\n\n  const len = childrenList.length\n  if (len <= 1 && !isZStack && !childrenList[0]?.['type']?.['shouldForwardSpace']) {\n    return childrenList\n  }\n\n  const final: React.ReactNode[] = []\n  for (let [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null ||\n      child === undefined ||\n      (Array.isArray(child) && child.length === 0)\n\n    // forward space\n    if (!isEmpty && React.isValidElement(child) && child.type?.['shouldForwardSpace']) {\n      child = React.cloneElement(child, {\n        space,\n        spaceFlex,\n        separator,\n        key: child.key,\n      } as any)\n    }\n\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>\n          {isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}\n        </Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) continue\n    // no spacing on ZStack\n    if (isZStack) continue\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_00tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}01tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}02tmgui`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props.debug) {\n      console.log(`  Spaced children`, final, props)\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    // @ts-ignore this one blew up but the types seem better\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(typeof spaceFlex !== 'undefined' && {\n        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n\nconst AbsoluteFill: any = createComponent({\n  componentName: 'AbsoluteFill',\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    pointerEvents: 'box-none',\n  },\n})\n"],
+  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { stylePropsView, validPseudoKeys, validStyles } from '@tamagui/helpers'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport { onConfiguredOnce } from './config.js'\nimport { stackDefaultStyles } from './constants/constants.js'\nimport { FontLanguageContext } from './contexts/FontLanguageContext.js'\nimport { TextAncestorContext } from './contexts/TextAncestorContext.js'\nimport { didGetVariableValue, setDidGetVariableValue } from './createVariable.js'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig.js'\nimport { useSplitStyles } from './helpers/getSplitStyles.js'\nimport { getAllSelectors } from './helpers/insertStyleRule.js'\nimport { mergeProps } from './helpers/mergeProps.js'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables.js'\nimport { useShallowSetState } from './helpers/useShallowSetState.js'\nimport { setMediaShouldUpdate, useMedia } from './hooks/useMedia.js'\nimport { useServerRef, useServerState } from './hooks/useServerHooks.js'\nimport { useThemeWithState } from './hooks/useTheme.js'\nimport { hooks } from './setupHooks.js'\nimport {\n  DebugProp,\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentEvents,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n  UseAnimationProps,\n} from './types'\nimport { Slot } from './views/Slot.js'\nimport { useThemedChildren } from './views/Theme.js'\n\n// let t\n// import { timer } from '@tamagui/timer'\n// if (true || process.env.ANALYZE) {\n//   t = require().timer()\n//   setTimeout(() => {\n//     const out = t.print()\n//     if (isClient) {\n//       alert(out)\n//     }\n//   }, 2000)\n// }\n\n// this appears to fix expo / babel not picking this up sometimes? really odd\nprocess.env.TAMAGUI_TARGET\n\nexport const defaultComponentState: TamaguiComponentState = {\n  hover: false,\n  press: false,\n  pressIn: false,\n  focus: false,\n  unmounted: true,\n}\n\nconst defaultComponentStateMounted: TamaguiComponentState = {\n  ...defaultComponentState,\n  unmounted: false,\n}\n\n/**\n * All things that need one-time setup after createTamagui is called\n */\nlet tamaguiConfig: TamaguiInternalConfig\nlet AnimatedText: any\nlet AnimatedView: any\nlet initialTheme: any\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  addEventListener('mouseup', cancelTouches)\n  addEventListener('touchend', cancelTouches)\n  addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands(\n  { defaultProps }: StaticConfigParsed,\n  { shorthands }: TamaguiConfig\n) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key of Object.keys(defaultProps)) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\n/**\n * Only on native do we need the actual underlying View/Text\n * On the web we avoid react-native dep altogether.\n */\nlet BaseText: any\nlet BaseView: any\nlet hasSetupBaseViews = false\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(\n  configIn: Partial<StaticConfig> | StaticConfigParsed,\n  ParentComponent?: StylableComponent\n) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let tamaguiDefaultProps: any\n  let defaultTag: string | undefined\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // todo this could be moved to a cleaner location\n      if (!hasSetupBaseViews) {\n        hasSetupBaseViews = true\n        const baseViews = hooks.getBaseViews?.()\n        if (baseViews) {\n          BaseText = baseViews.Text\n          BaseView = baseViews.View\n        }\n      }\n    }\n\n    // test only\n    if (process.env.NODE_ENV === 'test') {\n      if (propsIn['data-test-renders']) {\n        propsIn['data-test-renders']['current'] ??= 0\n        propsIn['data-test-renders']['current'] += 1\n      }\n    }\n    // const time = t.start({ quiet: true })\n\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const debugProp = props['debug'] as DebugProp\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    /**\n     * Component state for tracking animations, pseudos\n     */\n    const animationsConfig = tamaguiConfig.animations\n    const useAnimations = animationsConfig?.useAnimations as UseAnimationHook | undefined\n    const avoidClassesWhileAnimating = animationsConfig.isReactNative\n    const hasEnterStyle = !!props.enterStyle\n    const needsMount = Boolean(\n      (isWeb ? isClient : true) && (hasEnterStyle || props.animation)\n    )\n    const states = useServerState<TamaguiComponentState>(\n      needsMount ? defaultComponentState! : defaultComponentStateMounted!\n    )\n\n    const state = propsIn.forceStyle\n      ? { ...states[0], [propsIn.forceStyle]: true }\n      : states[0]\n    const setState = states[1]\n    const setStateShallow = useShallowSetState(setState, debugProp, componentName)\n\n    // conditional but if ever true stays true\n    // [animated, inversed]\n    const stateRef = useRef(\n      undefined as any as {\n        hasAnimated?: boolean\n        themeShallow?: boolean\n        didAccessThemeVariableValue?: boolean\n      }\n    )\n    stateRef.current ??= {}\n\n    const isAnimated = (() => {\n      const next = !!(useAnimations && props.animation)\n      if (next && !stateRef.current.hasAnimated) {\n        stateRef.current.hasAnimated = true\n      }\n      return next || stateRef.current.hasAnimated\n    })()\n\n    const usePresence = tamaguiConfig.animations?.usePresence\n    const presence = !isRSC && isAnimated ? usePresence() : null\n\n    // set enter/exit variants onto our new props object\n    if (isAnimated && presence) {\n      const presenceState = presence[2]\n      if (presenceState) {\n        if (state.unmounted && presenceState.enterVariant) {\n          props[presenceState.enterVariant] = true\n        }\n        if (!presenceState.isPresent && presenceState.exitVariant) {\n          props[presenceState.exitVariant] = true\n        }\n      }\n    }\n\n    const isReactNative = Boolean(\n      staticConfig.isReactNative || (isAnimated && tamaguiConfig.animations.isReactNative)\n    )\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debugProp) {\n        // prettier-ignore\n        const name = `${componentName || Component?.displayName || Component?.name || '[Unnamed Component]'}`\n        const type = isReactNative ? '(rnw)' : ''\n        const dataIs = propsIn['data-is'] || ''\n        const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type}`\n        console.group(`%c ${banner}`, 'background: yellow;')\n        if (!isServer) {\n          console.log('state', state)\n        }\n      }\n    }\n\n    const shouldAvoidClasses =\n      !isWeb ||\n      !!(props.animation && avoidClassesWhileAnimating) ||\n      !staticConfig.acceptsClassName\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const noClassNames = shouldAvoidClasses || shouldForcePseudo\n\n    const themeState = useThemeWithState({\n      name: props.theme,\n      componentName,\n      reset: props.reset,\n      inverse: props.themeInverse,\n      // @ts-expect-error\n      disable: props['data-themeable'],\n      debug: props.debug,\n      shouldUpdate: () => !!stateRef.current.didAccessThemeVariableValue,\n    })!\n\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n    const isDisabled = props.disabled ?? props.accessibilityState?.disabled\n\n    const isTaggable = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb\n      ? isTaggable\n        ? props.tag || defaultTag || Component\n        : Component\n      : Component\n\n    const BaseTextComponent = BaseText || element || 'span'\n    const BaseViewComponent = BaseView || element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\n\n    const isExiting = presence?.[0] === false\n\n    const mediaState = useMedia(\n      // @ts-ignore, we just pass a stable object so we can get it later with\n      // should match to the one used in `setMediaShouldUpdate` below\n      stateRef,\n      debugProp ? { props, staticConfig } : null\n    )\n\n    setDidGetVariableValue(false)\n\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      themeState.theme,\n      {\n        ...state,\n        mediaState,\n        noClassNames,\n        dynamicStylesInline: noClassNames,\n        hasTextAncestor,\n        resolveVariablesAs: 'auto',\n        isExiting,\n      },\n      null,\n      languageContext || undefined,\n      elementType,\n      debugProp\n    )\n\n    // only listen for changes if we are using raw theme values or media space, or dynamic media (native)\n    // array = space media breakpoints\n    const isMediaSpaced = Array.isArray(splitStyles.hasMedia)\n    const shouldListenForMedia =\n      didGetVariableValue() ||\n      isMediaSpaced ||\n      (noClassNames && splitStyles.hasMedia === true)\n\n    setMediaShouldUpdate(stateRef, {\n      enabled: shouldListenForMedia,\n      keys: noClassNames && isMediaSpaced ? (splitStyles.hasMedia as any) : null,\n    })\n\n    const hostRef = useServerRef<TamaguiElement>(null)\n\n    // animation setup\n    const isAnimatedReactNativeWeb = isAnimated && avoidClassesWhileAnimating\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!process.env.TAMAGUI_TARGET) {\n        console.error(\n          `No process.env.TAMAGUI_TARGET set, please set it to \"native\" or \"web\".`\n        )\n      }\n\n      if (debugProp) {\n        console.groupCollapsed('props')\n        // prettier-ignore\n        console.log('props in', propsIn, 'mapped to', props, 'in order', Object.keys(props))\n        console.log('splitStyles', splitStyles)\n        // eslint-disable-next-line no-console\n        console.log('shouldListenForMedia', shouldListenForMedia)\n        // eslint-disable-next-line no-console\n        console.log('className', Object.values(splitStyles.classNames))\n        if (isClient) {\n          console.log('ref', hostRef, '(click to view)')\n        }\n        console.groupEnd()\n        if (debugProp === 'break') {\n          // rome-ignore lint/suspicious/noDebugger: ok\n          debugger\n        }\n      }\n    }\n\n    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      style: splitStylesStyle,\n      classNames,\n      space,\n    } = splitStyles\n\n    const propsWithAnimation = props as UseAnimationProps\n\n    // once you set animation prop don't remove it, you can set to undefined/false\n    // reason is animations are heavy - no way around it, and must be run inline here (\uD83D\uDE45 loading as a sub-component)\n    let animationStyles: any\n    if (!isRSC && isAnimated && useAnimations) {\n      const animations = useAnimations({\n        props: propsWithAnimation,\n        style: splitStylesStyle,\n        presence,\n        state,\n        pseudos: pseudos || null,\n        onDidAnimate: props.onDidAnimate,\n        hostRef,\n        staticConfig,\n      })\n      if (animations) {\n        animationStyles = animations.style\n      }\n    }\n\n    const {\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      themeShallow,\n      spaceDirection: _spaceDirection,\n      disabled: disabledProp,\n      onMouseUp,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      separator,\n      // ignore from here on out\n      forceStyle: _forceStyle,\n      // @ts-ignore  for next/link compat etc\n      onClick,\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      ...nonTamaguiProps\n    } = viewPropsIn\n\n    const disabled = props.accessibilityState?.disabled || props.accessibilityDisabled\n\n    // these can ultimately be for DOM, react-native-web views, or animated views\n    // so the type is pretty loose\n    let viewProps = nonTamaguiProps\n\n    // if react-native-web view just pass all props down\n    if (process.env.TAMAGUI_TARGET === 'web' && !isReactNative && !asChild) {\n      viewProps = hooks.usePropsTransform?.(elementType, nonTamaguiProps, hostRef)\n    } else {\n      viewProps = nonTamaguiProps\n    }\n\n    viewProps.ref = useComposedRefs(hostRef as any, forwardedRef)\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!isText && isWeb && !staticConfig.isHOC) {\n        Children.toArray(props.children).forEach((item) => {\n          // allow newlines because why not its annoying with mdx\n          if (typeof item === 'string' && item !== '\\n') {\n            console.error(\n              `Unexpected text node: ${item}. A text node cannot be a child of a <View>.`\n            )\n          }\n        })\n      }\n    }\n\n    const unPress = useCallback(() => {\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [setStateShallow])\n\n    if (isWeb) {\n      useEffect(() => {\n        return () => {\n          mouseUps.delete(unPress)\n        }\n      }, [])\n    }\n\n    const shouldSetMounted = needsMount && state.unmounted\n    useEffect(() => {\n      if (!shouldSetMounted) return\n      if (state.unmounted === true && needsMount) {\n        setStateShallow({\n          unmounted: false,\n        })\n        return\n      }\n\n      setStateShallow({\n        unmounted: false,\n      })\n    }, [shouldSetMounted, state.unmounted])\n\n    let styles: Record<string, any>[]\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...(animationStyles ?? splitStylesStyle),\n      }\n    } else {\n      styles = [animationStyles ?? splitStylesStyle]\n\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        styles.forEach((style) => Object.assign(next, style))\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    let fontFamily = isText\n      ? splitStyles.fontFamily || staticConfig.defaultProps.fontFamily\n      : null\n    if (fontFamily && fontFamily[0] === '$') {\n      fontFamily = fontFamily.slice(1)\n    }\n    const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : ''\n\n    const classList = [\n      hasEnterStyle && ((state.unmounted && needsMount) || !isClient)\n        ? 't_will-mount'\n        : '',\n      componentName ? componentClassName : '',\n      fontFamilyClassName,\n      classNames ? Object.values(classNames).join(' ') : '',\n    ]\n\n    const className = classList.join(' ')\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      const style = animationStyles ?? splitStyles.style\n\n      if (isAnimatedReactNativeWeb) {\n        viewProps.style = style\n      } else if (isReactNative) {\n        const rnwStyle = { $$css: true }\n        for (const name of className.split(' ')) {\n          rnwStyle[name] = name\n        }\n        viewProps.style = [rnwStyle, ...(Array.isArray(style) ? style : [style])]\n\n        if (process.env.NODE_ENV === 'development') {\n          // turn debug data- props into dataSet in dev mode\n          Object.keys(viewProps).forEach((key) => {\n            if (key.startsWith('data-')) {\n              viewProps.dataSet ??= {}\n              viewProps.dataSet[key.replace('data-', '')] = viewProps[key]\n              delete viewProps[key]\n            }\n          })\n        }\n      } else {\n        viewProps.className = className\n        viewProps.style = style\n      }\n    }\n\n    // TODO MOVE INTO HOOK\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // swap out the right family based on weight/style\n      if (splitStyles.fontFamily) {\n        const faceInfo = tamaguiConfig.fontsParsed[splitStyles.fontFamily]?.face\n        if (faceInfo) {\n          const [weight, style] = (() => {\n            let weight: string | undefined\n            let style: string | undefined\n            for (let i = styles.length; i >= 0; i--) {\n              weight ??= styles[i]?.fontWeight\n              style ??= styles[i]?.fontStyle\n            }\n            return [weight || '400', style || 'normal'] as const\n          })()\n          const overrideFace = faceInfo[weight]?.[style]?.val\n          if (overrideFace) {\n            for (const style of styles) {\n              if (style?.fontFamily) {\n                style.fontFamily = overrideFace\n                style.fontWeight = undefined\n                style.fontStyle = undefined\n              }\n            }\n          }\n        }\n      }\n\n      // assign styles\n      viewProps.style = styles\n    }\n\n    const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle\n    const attachPress = Boolean(\n      runtimePressStyle || onPress || onPressOut || onPressIn || onClick\n    )\n    const runtimeHoverStyle = !disabled && noClassNames && pseudos?.hoverStyle\n    const isHoverable =\n      isWeb &&\n      !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !(isWeb || asChild)\n\n    // check presence rather than value to prevent reparenting bugs\n    // allows for onPress={x ? function : undefined} without re-ordering dom\n    const shouldAttach = Boolean(\n      attachPress ||\n        isHoverable ||\n        (noClassNames && 'pressStyle' in props) ||\n        (isWeb && noClassNames && 'hoverStyle' in props)\n    )\n\n    const events: TamaguiComponentEvents | null =\n      shouldAttach && !isRSC && !isDisabled && !asChild\n        ? {\n            onPressOut: attachPress\n              ? (e) => {\n                  unPress()\n                  onPressOut?.(e)\n                  onMouseUp?.(e)\n                }\n              : undefined,\n            ...(isHoverable && {\n              onMouseEnter: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    if (isHoverable) {\n                      next.hover = true\n                    }\n                    if (state.pressIn) {\n                      next.press = true\n                    }\n                    if (isHoverable || state.pressIn) {\n                      setStateShallow(next)\n                    }\n                    onHoverIn?.(e)\n                    onMouseEnter?.(e)\n                  }\n                : undefined,\n              onMouseLeave: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    mouseUps.add(unPress)\n                    if (isHoverable) {\n                      next.hover = false\n                    }\n                    if (state.pressIn) {\n                      next.press = false\n                      next.pressIn = false\n                    }\n                    if (Object.keys(next).length) {\n                      setStateShallow(next)\n                    }\n                    onHoverOut?.(e)\n                    onMouseLeave?.(e)\n                  }\n                : undefined,\n            }),\n            onPressIn: attachPress\n              ? (e) => {\n                  setStateShallow({\n                    press: true,\n                    pressIn: true,\n                    hover: false,\n                  })\n                  onPressIn?.(e)\n                  onMouseDown?.(e)\n                  if (isWeb) {\n                    mouseUps.add(unPress)\n                  }\n                }\n              : undefined,\n            onPress: attachPress\n              ? (e) => {\n                  unPress()\n                  // @ts-ignore\n                  isWeb && onClick?.(e)\n                  onPress?.(e)\n                }\n              : undefined,\n          }\n        : null\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      if (events) {\n        // replicating TouchableWithoutFeedback\n        Object.assign(events, {\n          cancelable: !props.rejectResponderTermination,\n          disabled: isDisabled,\n          hitSlop: props.hitSlop,\n          delayLongPress: props.delayLongPress,\n          delayPressIn: props.delayPressIn,\n          delayPressOut: props.delayPressOut,\n          focusable: viewProps.focusable ?? true,\n          minPressDuration: 0,\n        })\n      }\n    }\n\n    // EVENTS native\n    hooks.useEvents?.(viewProps, events, splitStyles, setStateShallow)\n\n    const shouldReset = !!(themeShallow && themeState.isNewTheme)\n    if (shouldReset) {\n      stateRef.current.themeShallow = true\n    }\n\n    let content =\n      !children || asChild\n        ? children\n        : spacedChildren({\n            separator,\n            children,\n            space,\n            direction: props.spaceDirection || 'both',\n            isZStack,\n            debug: debugProp,\n          })\n\n    if (asChild) {\n      elementType = Slot\n      viewProps = {\n        ...viewProps,\n        onPress,\n        onPressIn,\n        onPressOut,\n      }\n    }\n\n    content = createElement(elementType, viewProps, content)\n\n    content = useThemedChildren(themeState, content, {\n      shallow: stateRef.current.themeShallow,\n    })\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (events || isAnimatedReactNativeWeb) {\n        content = (\n          <span\n            className={`${isAnimatedReactNativeWeb ? className : ''}  _dsp_contents`}\n            {...(events && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n              onClick: events.onPress,\n              onMouseDown: events.onPressIn,\n              onMouseUp: events.onPressOut,\n              onTouchStart: events.onPressIn,\n              onTouchEnd: events.onPressOut,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && process.env.DEBUG !== 'tamagui') {\n      if (debugProp) {\n        const element = typeof elementType === 'string' ? elementType : 'Component'\n        console.groupCollapsed(`render <${element} /> with props`, viewProps)\n        for (const key in viewProps) {\n          console.log(key, viewProps[key])\n        }\n        console.log('children', content)\n        console.groupEnd()\n        if (typeof window !== 'undefined') {\n          // prettier-ignore\n          console.log({ state, themeState, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, staticConfig, tamaguiConfig, shouldForcePseudo, classNamesFull: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) })\n        }\n        console.groupEnd()\n      }\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  onConfiguredOnce((conf) => {\n    // one time only setup\n    if (!tamaguiConfig) {\n      tamaguiConfig = conf\n\n      if (tamaguiConfig.animations) {\n        AnimatedText = tamaguiConfig.animations.Text\n        AnimatedView = tamaguiConfig.animations.View\n      }\n\n      if (!initialTheme) {\n        const next = conf.themes[Object.keys(conf.themes)[0]]\n        initialTheme = proxyThemeVariables(next)\n        if (process.env.NODE_ENV === 'development') {\n          if (!initialTheme) {\n            console.log('Warning: Missing theme')\n          }\n        }\n      }\n    }\n\n    // per-component setup\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        tamaguiConfig.defaultProps,\n        parentNames,\n        tamaguiConfig\n      )\n    }\n\n    const debug = defaultPropsIn['debug']\n\n    // remove all classNames\n    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn, {})\n\n    if (ourProps.tag) {\n      defaultTag = ourProps.tag\n    }\n\n    const noClassNames = !staticConfig.acceptsClassName\n    const { name, variants, defaultVariants, ...restProps } = ourProps\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps as any, {\n      ...defaultVariants,\n      ...restProps,\n    })\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        defaults[key] = val\n      }\n    }\n\n    // set to global\n    tamaguiDefaultProps = defaults\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, {\n          staticConfig,\n          tamaguiDefaultProps,\n          defaults,\n          defaultPropsIn,\n          defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps),\n          defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [\n            k,\n            defaultPropsIn[k],\n          ]),\n          ourProps,\n          ourClassNames,\n          defaultsClassnames,\n          defaultTag,\n          noClassNames,\n        })\n      }\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res.staticConfig = {\n    validStyles: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        isHOC: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  acceptsClassName: true,\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n\n  defaultProps: {\n    ...stackDefaultStyles,\n    // avoid nesting issues\n    tag: 'span',\n    size: true,\n    pointerEvents: 'none',\n  },\n\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size === true ? '$true' : size\n        const sizePx = tokens.space[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flexGrow: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n      both: {},\n    },\n  } as const,\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n  debug?: DebugProp\n}\n\nexport function spacedChildren(props: SpacedChildrenProps) {\n  const { isZStack, children, space, direction, spaceFlex, separator } = props\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!(hasSpace || hasSeparator || isZStack)) {\n    return children\n  }\n\n  const childrenList = Children.toArray(children)\n\n  const len = childrenList.length\n  if (len <= 1 && !isZStack && !childrenList[0]?.['type']?.['shouldForwardSpace']) {\n    return childrenList\n  }\n\n  const final: React.ReactNode[] = []\n  for (let [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null ||\n      child === undefined ||\n      (Array.isArray(child) && child.length === 0)\n\n    // forward space\n    if (!isEmpty && React.isValidElement(child) && child.type?.['shouldForwardSpace']) {\n      child = React.cloneElement(child, {\n        space,\n        spaceFlex,\n        separator,\n        key: child.key,\n      } as any)\n    }\n\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>\n          {isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}\n        </Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) continue\n    // no spacing on ZStack\n    if (isZStack) continue\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_00tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}01tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}02tmgui`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props.debug) {\n      console.log(`  Spaced children`, final, props)\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    // @ts-ignore this one blew up but the types seem better\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(typeof spaceFlex !== 'undefined' && {\n        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n\nconst AbsoluteFill: any = createComponent({\n  componentName: 'AbsoluteFill',\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    pointerEvents: 'box-none',\n  },\n})\n"],
   "mappings": "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",
   "names": ["import_constants", "_a", "_b", "weight", "style", "element", "React", "props"]
 }

package/dist/cjs/createFont.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createFont.ts"],
-  "sourcesContent": ["import { FontWeightSteps, GenericFont } from './types'\n\nconst fontWeights: FontWeightSteps[] = [\n  '100',\n  '200',\n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900',\n]\n\nconst processSection = <T>(\n  section: string | Record<string, T>,\n  keys: string[],\n  defaultValue?: any\n): string | Record<string, T> => {\n  if (typeof section === 'string') return section\n\n  const sectionKeys = Object.keys(section)\n  let fillValue = section[sectionKeys[0]]\n\n  return Object.fromEntries(\n    [...new Set([...keys, ...sectionKeys])].map((key) => {\n      const value = section[key] ?? defaultValue ?? fillValue\n      fillValue = value\n      defaultValue = value\n      return [key, value]\n    })\n  )\n}\n\nexport const createFont = <A extends GenericFont>(font: A): A => {\n  const sizeKeys = Object.keys(font.size)\n  const processedFont = Object.fromEntries(\n    Object.entries(font).map(([key, section]) => {\n      return [\n        key,\n        processSection(\n          section as any,\n          key === 'face' ? fontWeights : sizeKeys,\n          key === 'face' ? { normal: font.family } : undefined\n        ),\n      ]\n    })\n  )\n  return Object.freeze(processedFont) as A\n}\n"],
+  "sourcesContent": ["import { FontWeightSteps, GenericFont } from './types.js'\n\nconst fontWeights: FontWeightSteps[] = [\n  '100',\n  '200',\n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900',\n]\n\nconst processSection = <T>(\n  section: string | Record<string, T>,\n  keys: string[],\n  defaultValue?: any\n): string | Record<string, T> => {\n  if (typeof section === 'string') return section\n\n  const sectionKeys = Object.keys(section)\n  let fillValue = section[sectionKeys[0]]\n\n  return Object.fromEntries(\n    [...new Set([...keys, ...sectionKeys])].map((key) => {\n      const value = section[key] ?? defaultValue ?? fillValue\n      fillValue = value\n      defaultValue = value\n      return [key, value]\n    })\n  )\n}\n\nexport const createFont = <A extends GenericFont>(font: A): A => {\n  const sizeKeys = Object.keys(font.size)\n  const processedFont = Object.fromEntries(\n    Object.entries(font).map(([key, section]) => {\n      return [\n        key,\n        processSection(\n          section as any,\n          key === 'face' ? fontWeights : sizeKeys,\n          key === 'face' ? { normal: font.family } : undefined\n        ),\n      ]\n    })\n  )\n  return Object.freeze(processedFont) as A\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,cAAiC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB,CACrB,SACA,MACA,iBAC+B;AAC/B,MAAI,OAAO,YAAY;AAAU,WAAO;AAExC,QAAM,cAAc,OAAO,KAAK,OAAO;AACvC,MAAI,YAAY,QAAQ,YAAY,CAAC,CAAC;AAEtC,SAAO,OAAO;AAAA,IACZ,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,MAAM,GAAG,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ;AACnD,YAAM,QAAQ,QAAQ,GAAG,KAAK,gBAAgB;AAC9C,kBAAY;AACZ,qBAAe;AACf,aAAO,CAAC,KAAK,KAAK;AAAA,IACpB,CAAC;AAAA,EACH;AACF;AAEO,MAAM,aAAa,CAAwB,SAAe;AAC/D,QAAM,WAAW,OAAO,KAAK,KAAK,IAAI;AACtC,QAAM,gBAAgB,OAAO;AAAA,IAC3B,OAAO,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,KAAK,OAAO,MAAM;AAC3C,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE;AAAA,UACA,QAAQ,SAAS,cAAc;AAAA,UAC/B,QAAQ,SAAS,EAAE,QAAQ,KAAK,OAAO,IAAI;AAAA,QAC7C;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAO,OAAO,OAAO,aAAa;AACpC;",
   "names": []
 }

package/dist/cjs/createShorthands.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createShorthands.ts"],
-  "sourcesContent": ["import { CreateShorthands } from './types'\n\n// just a type helper util\n\nexport function createShorthands<A extends CreateShorthands>(shorthands: A): A {\n  return Object.freeze(shorthands) as any\n}\n"],
+  "sourcesContent": ["import { CreateShorthands } from './types.js'\n\n// just a type helper util\n\nexport function createShorthands<A extends CreateShorthands>(shorthands: A): A {\n  return Object.freeze(shorthands) as any\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,SAAS,iBAA6C,YAAkB;AAC7E,SAAO,OAAO,OAAO,UAAU;AACjC;",
   "names": []
 }

package/dist/cjs/createTamagui.js

@@ -22,15 +22,15 @@ __export(createTamagui_exports, {
 });
 module.exports = __toCommonJS(createTamagui_exports);
 var import_constants = require("@tamagui/constants");
-var import_config = require("./config");
-var import_createVariables = require("./createVariables");
-var import_getThemeCSSRules = require("./helpers/getThemeCSSRules");
-var import_insertStyleRule = require("./helpers/insertStyleRule");
-var import_registerCSSVariable = require("./helpers/registerCSSVariable");
-var import_themes = require("./helpers/themes");
-var import_useMedia = require("./hooks/useMedia");
-var import_insertFont = require("./insertFont");
-var import_Tamagui = require("./Tamagui");
+var import_config = require("./config.js");
+var import_createVariables = require("./createVariables.js");
+var import_getThemeCSSRules = require("./helpers/getThemeCSSRules.js");
+var import_insertStyleRule = require("./helpers/insertStyleRule.js");
+var import_registerCSSVariable = require("./helpers/registerCSSVariable.js");
+var import_themes = require("./helpers/themes.js");
+var import_useMedia = require("./hooks/useMedia.js");
+var import_insertFont = require("./insertFont.js");
+var import_Tamagui = require("./Tamagui.js");
 const createdConfigs = /* @__PURE__ */ new WeakMap();
 function createTamagui(configIn) {
   var _a;

package/dist/cjs/createTamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTamagui.ts"],
-  "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\n\nimport { configListeners, setConfig } from './config'\nimport { createVariables, tokensKeysOrdered } from './createVariables'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules'\nimport {\n  getAllRules,\n  listenForSheetChanges,\n  scanAllSheets,\n} from './helpers/insertStyleRule'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'\nimport { configureMedia } from './hooks/useMedia'\nimport { parseFont, registerFontVariables } from './insertFont'\nimport { Tamagui } from './Tamagui'\nimport {\n  CreateTamaguiProps,\n  InferTamaguiConfig,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from './types'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  configIn: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(configIn)) {\n    return configIn as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!configIn.tokens) {\n      throw new Error('Must define tokens')\n    }\n    if (!configIn.themes) {\n      throw new Error('Must define themes')\n    }\n    if (!configIn.fonts) {\n      throw new Error('Must define fonts')\n    }\n  }\n\n  scanAllSheets()\n  listenForSheetChanges()\n\n  const fontTokens = Object.fromEntries(\n    Object.entries(configIn.fonts!).map(([k, v]) => {\n      return [k, createVariables(v, 'f', true)]\n    })\n  )\n\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...configIn.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in configIn.tokens) {\n        for (const skey in configIn.tokens[key]) {\n          const val = configIn.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = {\n          name: name.slice(1),\n          declarations: fontVars,\n          language,\n        }\n      }\n\n      const sep =\n        process.env.NODE_ENV === 'development' ? configIn.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language = 'default' } = fontDeclarations[key]\n          const fontSelector = `.font_${name}`\n          const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n          const selectors =\n            language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeParsed\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new Map<string, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName] as ThemeParsed\n      // dont force referential equality but may need something more consistent than JSON.stringify\n      const key = JSON.stringify(rawTheme)\n\n      // if existing, avoid\n      if (existing.has(key)) {\n        const e = existing.get(key)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // ensure each theme object unique for dedupe\n      const theme = { ...rawTheme }\n      // parse into variables\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n\n      existing.set(key, dedupedThemes[themeName])\n    }\n\n    // then, generate CSS from de-duped\n    let themeRuleSets: string[] = []\n\n    if (isWeb || isRSC) {\n      for (const themeName in dedupedThemes) {\n        themeRuleSets = [\n          ...themeRuleSets,\n          ...getThemeCSSRules({\n            config: configIn,\n            themeName,\n            ...dedupedThemes[themeName],\n          }),\n        ]\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes)\n    }\n\n    tokensValueToVariable.clear()\n\n    return {\n      themes,\n      cssRuleSets,\n      themeRuleSets,\n    }\n  })()\n\n  // faster $lookups\n  const tokensParsed: any = Object.fromEntries(\n    Object.entries(configIn.tokens).map(([k, v]) => {\n      const val = Object.fromEntries(Object.entries(v).map(([k, v]) => [`$${k}`, v]))\n      tokensKeysOrdered.set(val, tokensKeysOrdered.get(v))\n      return [k, val]\n    })\n  )\n\n  const shorthands = configIn.shorthands || {}\n\n  const config: TamaguiInternalConfig = {\n    fontLanguages: [],\n    animations: {} as any,\n    media: {},\n    ...configIn,\n    // already processed by createTokens()\n    tokens: configIn.tokens as any,\n    // vite made this into a function if it wasn't set\n    shorthands: { ...shorthands },\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes as any,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS: (separator = '\\n') => {\n      return `\n._ovs-contain {overscroll-behavior:contain;}\n.t_unmounted .t_will-mount {opacity:0;visibility:hidden;}\n.is_Text .is_Text {display:inline-flex;}\n._dsp_contents {display:contents;}\n${themeConfig.cssRuleSets.join(separator)}\n${themeConfig.themeRuleSets.join(separator)}\n${getAllRules().join(separator)}`\n    },\n    // const tokens = [...getToken(tokens.size[0])]\n    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }\n  }\n\n  configureMedia(config)\n  setConfig(config)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(config))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(config, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui config:', config)\n    }\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  return config as any\n}\n"],
+  "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\n\nimport { configListeners, setConfig } from './config.js'\nimport { createVariables, tokensKeysOrdered } from './createVariables.js'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules.js'\nimport {\n  getAllRules,\n  listenForSheetChanges,\n  scanAllSheets,\n} from './helpers/insertStyleRule.js'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable.js'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes.js'\nimport { configureMedia } from './hooks/useMedia.js'\nimport { parseFont, registerFontVariables } from './insertFont.js'\nimport { Tamagui } from './Tamagui.js'\nimport {\n  CreateTamaguiProps,\n  InferTamaguiConfig,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from './types.js'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  configIn: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(configIn)) {\n    return configIn as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!configIn.tokens) {\n      throw new Error('Must define tokens')\n    }\n    if (!configIn.themes) {\n      throw new Error('Must define themes')\n    }\n    if (!configIn.fonts) {\n      throw new Error('Must define fonts')\n    }\n  }\n\n  scanAllSheets()\n  listenForSheetChanges()\n\n  const fontTokens = Object.fromEntries(\n    Object.entries(configIn.fonts!).map(([k, v]) => {\n      return [k, createVariables(v, 'f', true)]\n    })\n  )\n\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...configIn.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in configIn.tokens) {\n        for (const skey in configIn.tokens[key]) {\n          const val = configIn.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = {\n          name: name.slice(1),\n          declarations: fontVars,\n          language,\n        }\n      }\n\n      const sep =\n        process.env.NODE_ENV === 'development' ? configIn.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language = 'default' } = fontDeclarations[key]\n          const fontSelector = `.font_${name}`\n          const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n          const selectors =\n            language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeParsed\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new Map<string, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName] as ThemeParsed\n      // dont force referential equality but may need something more consistent than JSON.stringify\n      const key = JSON.stringify(rawTheme)\n\n      // if existing, avoid\n      if (existing.has(key)) {\n        const e = existing.get(key)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // ensure each theme object unique for dedupe\n      const theme = { ...rawTheme }\n      // parse into variables\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n\n      existing.set(key, dedupedThemes[themeName])\n    }\n\n    // then, generate CSS from de-duped\n    let themeRuleSets: string[] = []\n\n    if (isWeb || isRSC) {\n      for (const themeName in dedupedThemes) {\n        themeRuleSets = [\n          ...themeRuleSets,\n          ...getThemeCSSRules({\n            config: configIn,\n            themeName,\n            ...dedupedThemes[themeName],\n          }),\n        ]\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes)\n    }\n\n    tokensValueToVariable.clear()\n\n    return {\n      themes,\n      cssRuleSets,\n      themeRuleSets,\n    }\n  })()\n\n  // faster $lookups\n  const tokensParsed: any = Object.fromEntries(\n    Object.entries(configIn.tokens).map(([k, v]) => {\n      const val = Object.fromEntries(Object.entries(v).map(([k, v]) => [`$${k}`, v]))\n      tokensKeysOrdered.set(val, tokensKeysOrdered.get(v))\n      return [k, val]\n    })\n  )\n\n  const shorthands = configIn.shorthands || {}\n\n  const config: TamaguiInternalConfig = {\n    fontLanguages: [],\n    animations: {} as any,\n    media: {},\n    ...configIn,\n    // already processed by createTokens()\n    tokens: configIn.tokens as any,\n    // vite made this into a function if it wasn't set\n    shorthands: { ...shorthands },\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes as any,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS: (separator = '\\n') => {\n      return `\n._ovs-contain {overscroll-behavior:contain;}\n.t_unmounted .t_will-mount {opacity:0;visibility:hidden;}\n.is_Text .is_Text {display:inline-flex;}\n._dsp_contents {display:contents;}\n${themeConfig.cssRuleSets.join(separator)}\n${themeConfig.themeRuleSets.join(separator)}\n${getAllRules().join(separator)}`\n    },\n    // const tokens = [...getToken(tokens.size[0])]\n    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }\n  }\n\n  configureMedia(config)\n  setConfig(config)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(config))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(config, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui config:', config)\n    }\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  return config as any\n}\n"],
   "mappings": "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",
   "names": ["declarationsToRuleSet", "declarations", "key", "k", "v"]
 }

package/dist/cjs/createTheme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTheme.ts"],
-  "sourcesContent": ["import type { Variable } from './createVariable'\n\ntype GenericTheme = { [key: string]: string | Variable }\n\n// export const themeToVariableToValueMap = new WeakMap<any, Record<string, string>>()\n\nexport const createTheme = <Theme extends GenericTheme>(\n  theme: Theme\n): {\n  [K in keyof Theme]: Theme[K] | string | Variable\n} => {\n  return theme\n}\n"],
+  "sourcesContent": ["import type { Variable } from './createVariable.js'\n\ntype GenericTheme = { [key: string]: string | Variable }\n\n// export const themeToVariableToValueMap = new WeakMap<any, Record<string, string>>()\n\nexport const createTheme = <Theme extends GenericTheme>(\n  theme: Theme\n): {\n  [K in keyof Theme]: Theme[K] | string | Variable\n} => {\n  return theme\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,cAAc,CACzB,UAGG;AACH,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/createTokens.js

@@ -21,7 +21,7 @@ __export(createTokens_exports, {
   createTokens: () => createTokens
 });
 module.exports = __toCommonJS(createTokens_exports);
-var import_createVariables = require("./createVariables");
+var import_createVariables = require("./createVariables.js");
 function createTokens(tokens2) {
   return (0, import_createVariables.createVariables)(tokens2);
 }

package/dist/cjs/createTokens.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTokens.ts"],
-  "sourcesContent": ["import { Variable } from './createVariable'\nimport { createVariables } from './createVariables'\nimport { CreateTokens } from './types'\n\n// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n  return createVariables(tokens) as any\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n  color: infer E\n  space: infer F\n  size: infer G\n  radius: infer H\n  zIndex: infer J\n}\n  ? {\n      color: {\n        // removes $ prefix allowing for defining either as $1: or 1:,\n        // which is important because Chrome re-orders numerical-seeming keys :/\n        [Key in keyof E extends `$${infer X}` ? X : keyof E]: Variable<string>\n      }\n      space: {\n        [Key in keyof F extends `$${infer X}` ? X : keyof F]: Variable<number>\n      }\n      size: {\n        [Key in keyof G extends `$${infer X}` ? X : keyof G]: Variable<number>\n      }\n      radius: {\n        [Key in keyof H extends `$${infer X}` ? X : keyof H]: Variable<number>\n      }\n      zIndex: {\n        [Key in keyof J extends `$${infer X}` ? X : keyof J]: Variable<number>\n      }\n    }\n  : never\n\n// test\nconst tokens = createTokens({\n  size: { 0: 1 },\n  space: { 0: 1 },\n  radius: { 0: 1 },\n  zIndex: { 0: 1 },\n  color: { 0: 'hi' },\n})\n"],
+  "sourcesContent": ["import { Variable } from './createVariable.js'\nimport { createVariables } from './createVariables.js'\nimport { CreateTokens } from './types.js'\n\n// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n  return createVariables(tokens) as any\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n  color: infer E\n  space: infer F\n  size: infer G\n  radius: infer H\n  zIndex: infer J\n}\n  ? {\n      color: {\n        // removes $ prefix allowing for defining either as $1: or 1:,\n        // which is important because Chrome re-orders numerical-seeming keys :/\n        [Key in keyof E extends `$${infer X}` ? X : keyof E]: Variable<string>\n      }\n      space: {\n        [Key in keyof F extends `$${infer X}` ? X : keyof F]: Variable<number>\n      }\n      size: {\n        [Key in keyof G extends `$${infer X}` ? X : keyof G]: Variable<number>\n      }\n      radius: {\n        [Key in keyof H extends `$${infer X}` ? X : keyof H]: Variable<number>\n      }\n      zIndex: {\n        [Key in keyof J extends `$${infer X}` ? X : keyof J]: Variable<number>\n      }\n    }\n  : never\n\n// test\nconst tokens = createTokens({\n  size: { 0: 1 },\n  space: { 0: 1 },\n  radius: { 0: 1 },\n  zIndex: { 0: 1 },\n  color: { 0: 'hi' },\n})\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAgC;AAIzB,SAAS,aAAqCA,SAA0B;AAC7E,aAAO,wCAAgBA,OAAM;AAC/B;AAgCA,MAAM,SAAS,aAAa;AAAA,EAC1B,MAAM,EAAE,GAAG,EAAE;AAAA,EACb,OAAO,EAAE,GAAG,EAAE;AAAA,EACd,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,OAAO,EAAE,GAAG,KAAK;AACnB,CAAC;",
   "names": ["tokens"]
 }

package/dist/cjs/createVariable.js

@@ -32,7 +32,7 @@ __export(createVariable_exports, {
 module.exports = __toCommonJS(createVariable_exports);
 var import_constants = require("@tamagui/constants");
 var import_helpers = require("@tamagui/helpers");
-var import_config = require("./config");
+var import_config = require("./config.js");
 const IS_VAR = "isVar";
 const createVariable = (props) => {
   if (isVariable(props))

package/dist/cjs/createVariable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createVariable.ts"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { simpleHash } from '@tamagui/helpers'\n\nimport { getConfig } from './config'\n\n/**\n * Should rename this to Token\n * Moving to objects for React Server Components support\n */\n\nconst IS_VAR = 'isVar'\n\nexport interface Variable<A = any> {\n  [IS_VAR]?: true\n  variable?: string\n  val: A\n  name: string\n  key: string\n}\n\nexport type MakeVariable<A = any> = A extends string | number ? Variable<A> : A\n\ntype VariableIn<A = any> = Pick<Variable<A>, 'key' | 'name' | 'val'>\nexport const createVariable = <A extends string | number | Variable = any>(\n  props: VariableIn<A>\n): Variable<A> => {\n  if (isVariable(props)) return props\n  const { key, name, val } = props\n  return {\n    [IS_VAR]: true,\n    key: key!,\n    name: simpleHash(name, 40),\n    val: val as any,\n    variable: isWeb ? createCSSVariable(name) : '',\n  }\n}\n\n// could do weakmap cache\nexport function variableToString(vrble?: any, getValue = false) {\n  if (isVariable(vrble)) {\n    if (!getValue && isWeb && vrble.variable) {\n      return vrble.variable\n    }\n    return `${vrble.val}`\n  }\n  return `${vrble || ''}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v && typeof v === 'object' && IS_VAR in v\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n  setDidGetVariableValue(true)\n  if (isVariable(nameOrVariable)) {\n    return variableToString(nameOrVariable)\n  }\n  const tokens = getConfig().tokensParsed\n  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nlet accessed = false\nexport const setDidGetVariableValue = (val: boolean) => (accessed = val)\nexport const didGetVariableValue = () => accessed\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) {\n    setDidGetVariableValue(true)\n    return v.val\n  }\n  return v\n}\n\nexport function getVariableName(v: Variable | any) {\n  if (isVariable(v)) return v.name\n  return v\n}\n\nexport function getVariableVariable(v: Variable | any) {\n  if (isVariable(v)) return v.variable\n  return v\n}\n\n// bugfix { space: { 0.5: 10 } } was generating var(--space-0.5) (invalid CSS):\nexport const createCSSVariable = (nameProp: string, includeVar = true) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (!nameProp || typeof nameProp !== 'string') {\n      throw new Error(`createCSSVariable expected string: ${nameProp}`)\n    }\n  }\n  const name = simpleHash(nameProp, 60)\n  return includeVar ? `var(--${name})` : name\n}\n"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { simpleHash } from '@tamagui/helpers'\n\nimport { getConfig } from './config.js'\n\n/**\n * Should rename this to Token\n * Moving to objects for React Server Components support\n */\n\nconst IS_VAR = 'isVar'\n\nexport interface Variable<A = any> {\n  [IS_VAR]?: true\n  variable?: string\n  val: A\n  name: string\n  key: string\n}\n\nexport type MakeVariable<A = any> = A extends string | number ? Variable<A> : A\n\ntype VariableIn<A = any> = Pick<Variable<A>, 'key' | 'name' | 'val'>\nexport const createVariable = <A extends string | number | Variable = any>(\n  props: VariableIn<A>\n): Variable<A> => {\n  if (isVariable(props)) return props\n  const { key, name, val } = props\n  return {\n    [IS_VAR]: true,\n    key: key!,\n    name: simpleHash(name, 40),\n    val: val as any,\n    variable: isWeb ? createCSSVariable(name) : '',\n  }\n}\n\n// could do weakmap cache\nexport function variableToString(vrble?: any, getValue = false) {\n  if (isVariable(vrble)) {\n    if (!getValue && isWeb && vrble.variable) {\n      return vrble.variable\n    }\n    return `${vrble.val}`\n  }\n  return `${vrble || ''}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v && typeof v === 'object' && IS_VAR in v\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n  setDidGetVariableValue(true)\n  if (isVariable(nameOrVariable)) {\n    return variableToString(nameOrVariable)\n  }\n  const tokens = getConfig().tokensParsed\n  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nlet accessed = false\nexport const setDidGetVariableValue = (val: boolean) => (accessed = val)\nexport const didGetVariableValue = () => accessed\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) {\n    setDidGetVariableValue(true)\n    return v.val\n  }\n  return v\n}\n\nexport function getVariableName(v: Variable | any) {\n  if (isVariable(v)) return v.name\n  return v\n}\n\nexport function getVariableVariable(v: Variable | any) {\n  if (isVariable(v)) return v.variable\n  return v\n}\n\n// bugfix { space: { 0.5: 10 } } was generating var(--space-0.5) (invalid CSS):\nexport const createCSSVariable = (nameProp: string, includeVar = true) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (!nameProp || typeof nameProp !== 'string') {\n      throw new Error(`createCSSVariable expected string: ${nameProp}`)\n    }\n  }\n  const name = simpleHash(nameProp, 60)\n  return includeVar ? `var(--${name})` : name\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,qBAA2B;AAE3B,oBAA0B;AAO1B,MAAM,SAAS;AAaR,MAAM,iBAAiB,CAC5B,UACgB;AAChB,MAAI,WAAW,KAAK;AAAG,WAAO;AAC9B,QAAM,EAAE,KAAK,MAAM,IAAI,IAAI;AAC3B,SAAO;AAAA,IACL,CAAC,MAAM,GAAG;AAAA,IACV;AAAA,IACA,UAAM,2BAAW,MAAM,EAAE;AAAA,IACzB;AAAA,IACA,UAAU,yBAAQ,kBAAkB,IAAI,IAAI;AAAA,EAC9C;AACF;AAGO,SAAS,iBAAiB,OAAa,WAAW,OAAO;AAC9D,MAAI,WAAW,KAAK,GAAG;AACrB,QAAI,CAAC,YAAY,0BAAS,MAAM,UAAU;AACxC,aAAO,MAAM;AAAA,IACf;AACA,WAAO,GAAG,MAAM;AAAA,EAClB;AACA,SAAO,GAAG,SAAS;AACrB;AAEO,SAAS,WAAW,GAAkC;AAC3D,SAAO,KAAK,OAAO,MAAM,YAAY,UAAU;AACjD;AAEO,SAAS,YAAY,gBAAmC;AAC7D,yBAAuB,IAAI;AAC3B,MAAI,WAAW,cAAc,GAAG;AAC9B,WAAO,iBAAiB,cAAc;AAAA,EACxC;AACA,QAAM,aAAS,yBAAU,EAAE;AAC3B,SAAO,iBAAiB,OAAO,cAAc,KAAK,cAAc;AAClE;AAEA,IAAI,WAAW;AACR,MAAM,yBAAyB,CAAC,QAAkB,WAAW;AAC7D,MAAM,sBAAsB,MAAM;AAElC,SAAS,iBAAiB,GAAmB;AAClD,MAAI,WAAW,CAAC,GAAG;AACjB,2BAAuB,IAAI;AAC3B,WAAO,EAAE;AAAA,EACX;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,GAAmB;AACjD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAEO,SAAS,oBAAoB,GAAmB;AACrD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAGO,MAAM,oBAAoB,CAAC,UAAkB,aAAa,SAAS;AACxE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,YAAY,OAAO,aAAa,UAAU;AAC7C,YAAM,IAAI,MAAM,sCAAsC,UAAU;AAAA,IAClE;AAAA,EACF;AACA,QAAM,WAAO,2BAAW,UAAU,EAAE;AACpC,SAAO,aAAa,SAAS,UAAU;AACzC;",
   "names": []
 }

package/dist/cjs/createVariables.js

@@ -23,7 +23,7 @@ __export(createVariables_exports, {
 });
 module.exports = __toCommonJS(createVariables_exports);
 var import_helpers = require("@tamagui/helpers");
-var import_createVariable = require("./createVariable");
+var import_createVariable = require("./createVariable.js");
 const tokensKeysOrdered = /* @__PURE__ */ new WeakMap();
 const createVariables = (tokens, parentPath = "", isFont = false) => {
   const res = {};

package/dist/cjs/createVariables.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createVariables.ts"],
-  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { Variable, createVariable, isVariable } from './createVariable'\n\ntype DeepTokenObject<Val extends string | number = any> = {\n  [key: string]: Val | DeepTokenObject<Val>\n}\n\nexport type DeepVariableObject<A extends DeepTokenObject> = {\n  [Key in keyof A]: A[Key] extends string | number\n    ? Variable<A[Key]>\n    : A[Key] extends DeepTokenObject\n    ? DeepVariableObject<A[Key]>\n    : never\n}\n\nexport const tokensKeysOrdered = new WeakMap()\n\nexport const createVariables = <A extends DeepTokenObject>(\n  tokens: A,\n  parentPath = '',\n  isFont = false\n): DeepVariableObject<A> => {\n  const res: any = {}\n  let i = 0\n  for (let key in tokens) {\n    i++\n    const val = tokens[key]\n    // always remove $ prefix\n    if (key[0] === '$') {\n      // @ts-ignore\n      key = key.slice(1)\n    }\n    if (isVariable(val)) {\n      res[key] = val\n      continue\n    }\n    const niceKey = simpleHash(key)\n    let name = isFont ? niceKey.slice(0, 2) : i\n    name = parentPath ? `${parentPath}-${name}` : niceKey\n    if (val && typeof val === 'object') {\n      // recurse\n      res[key] = createVariables(tokens[key] as any, name)\n      continue\n    }\n    res[key] = isVariable(val) ? val : createVariable({ val, name, key: niceKey })\n  }\n\n  // ordering for relative sizing for now just size/space\n  if (parentPath === 'size' || parentPath === 'space') {\n    tokensKeysOrdered.set(res, Object.keys(tokens))\n  }\n\n  return res\n}\n"],
+  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { Variable, createVariable, isVariable } from './createVariable.js'\n\ntype DeepTokenObject<Val extends string | number = any> = {\n  [key: string]: Val | DeepTokenObject<Val>\n}\n\nexport type DeepVariableObject<A extends DeepTokenObject> = {\n  [Key in keyof A]: A[Key] extends string | number\n    ? Variable<A[Key]>\n    : A[Key] extends DeepTokenObject\n    ? DeepVariableObject<A[Key]>\n    : never\n}\n\nexport const tokensKeysOrdered = new WeakMap()\n\nexport const createVariables = <A extends DeepTokenObject>(\n  tokens: A,\n  parentPath = '',\n  isFont = false\n): DeepVariableObject<A> => {\n  const res: any = {}\n  let i = 0\n  for (let key in tokens) {\n    i++\n    const val = tokens[key]\n    // always remove $ prefix\n    if (key[0] === '$') {\n      // @ts-ignore\n      key = key.slice(1)\n    }\n    if (isVariable(val)) {\n      res[key] = val\n      continue\n    }\n    const niceKey = simpleHash(key)\n    let name = isFont ? niceKey.slice(0, 2) : i\n    name = parentPath ? `${parentPath}-${name}` : niceKey\n    if (val && typeof val === 'object') {\n      // recurse\n      res[key] = createVariables(tokens[key] as any, name)\n      continue\n    }\n    res[key] = isVariable(val) ? val : createVariable({ val, name, key: niceKey })\n  }\n\n  // ordering for relative sizing for now just size/space\n  if (parentPath === 'size' || parentPath === 'space') {\n    tokensKeysOrdered.set(res, Object.keys(tokens))\n  }\n\n  return res\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA2B;AAE3B,4BAAqD;AAc9C,MAAM,oBAAoB,oBAAI,QAAQ;AAEtC,MAAM,kBAAkB,CAC7B,QACA,aAAa,IACb,SAAS,UACiB;AAC1B,QAAM,MAAW,CAAC;AAClB,MAAI,IAAI;AACR,WAAS,OAAO,QAAQ;AACtB;AACA,UAAM,MAAM,OAAO,GAAG;AAEtB,QAAI,IAAI,CAAC,MAAM,KAAK;AAElB,YAAM,IAAI,MAAM,CAAC;AAAA,IACnB;AACA,YAAI,kCAAW,GAAG,GAAG;AACnB,UAAI,GAAG,IAAI;AACX;AAAA,IACF;AACA,UAAM,cAAU,2BAAW,GAAG;AAC9B,QAAI,OAAO,SAAS,QAAQ,MAAM,GAAG,CAAC,IAAI;AAC1C,WAAO,aAAa,GAAG,cAAc,SAAS;AAC9C,QAAI,OAAO,OAAO,QAAQ,UAAU;AAElC,UAAI,GAAG,IAAI,gBAAgB,OAAO,GAAG,GAAU,IAAI;AACnD;AAAA,IACF;AACA,QAAI,GAAG,QAAI,kCAAW,GAAG,IAAI,UAAM,sCAAe,EAAE,KAAK,MAAM,KAAK,QAAQ,CAAC;AAAA,EAC/E;AAGA,MAAI,eAAe,UAAU,eAAe,SAAS;AACnD,sBAAkB,IAAI,KAAK,OAAO,KAAK,MAAM,CAAC;AAAA,EAChD;AAEA,SAAO;AACT;",
   "names": []
 }