@tamagui/core 1.0.0-alpha.9 → 1.0.0-beta.147

package/dist/createTamagui.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/createTamagui.ts"],
-  "sourcesContent": ["import { getStyleRules } from '@tamagui/helpers'\n\nimport { Variable, createVariable, isVariable } from './createVariable'\nimport { createTamaguiProvider } from './helpers/createTamaguiProvider'\nimport { validateConfig } from './helpers/validate'\nimport { configureMedia } from './hooks/useMedia'\nimport {\n  CreateTamaguiConfig,\n  GenericTamaguiConfig,\n  MediaQueryKey,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n} from './types'\n\nexport type CreateTamaguiProps = TamaguiProviderProps &\n  // we omit and re-declare it because we need to allow instantation types to be flexible\n  // user then re-defines the types after createTamagui returns the typed object they want\n  Omit<GenericTamaguiConfig, 'themes'> & {\n    themes: {\n      [key: string]: {\n        [key: string]: string | number | Variable\n      }\n    }\n    // for ssr/native, will default to active\n    mediaQueryDefaultActive?: MediaQueryKey[]\n  }\n\nlet conf: TamaguiInternalConfig | null\n\nexport const getHasConfigured = () => !!conf\n\nexport const getTamagui = () => conf!\nexport const getTokens = () => conf!.tokensParsed\n\ntype ConfigListener = (conf: TamaguiInternalConfig) => void\nconst configListeners = new Set<ConfigListener>()\nexport const onConfiguredOnce = (cb: ConfigListener) => {\n  if (conf) {\n    cb(conf)\n  } else {\n    configListeners.add(cb)\n  }\n}\n\nconst PREFIX = `theme--`\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): Conf extends CreateTamaguiConfig<infer A, infer B, infer C, infer D>\n  ? TamaguiInternalConfig<A, B, C, D>\n  : unknown {\n  if (process.env.NODE_ENV === 'development') {\n    // config is re-run by the @tamagui/static, dont double validate\n    if (!config['parsed']) {\n      validateConfig(config)\n    }\n  }\n  // test env loads a few times as it runs diff tests\n  if (conf) {\n    console.warn('Called createTamagui twice! Should never do so')\n    // throw new Error(`#000 createTamagui called twice`)\n  }\n\n  configureMedia({\n    queries: config.media as any,\n    defaultActive: config.mediaQueryDefaultActive,\n  })\n\n  // TODO can avoid some of this CSS creation on native\n  const themeConfig = (() => {\n    let cssRules: string[] = []\n\n    // tokens\n    let tokenRule = `:root {`\n    const varsByValue = new Map<string, Variable>()\n    const addVar = (v: Variable) => {\n      varsByValue[v.val] = v\n      const rule = `--${v.name}:${typeof v.val === 'number' ? `${v.val}px` : v.val};`\n      tokenRule += rule\n    }\n\n    for (const key in config.tokens) {\n      for (const skey in config.tokens[key]) {\n        const val = config.tokens[key][skey]\n        if (key === 'font') {\n          for (const fkey in val) {\n            if (fkey === 'family') {\n              addVar(val[fkey])\n            } else {\n              for (const fskey in val[fkey]) {\n                addVar(val[fkey][fskey])\n              }\n            }\n          }\n        } else {\n          addVar(val)\n        }\n      }\n    }\n    cssRules.push(`${tokenRule}\\n}`)\n\n    // themes\n    for (const themeName in config.themes) {\n      // to allow using the same theme with diff names, be sure we don't mutate!\n      config.themes[themeName] = { ...config.themes[themeName] }\n      const theme = config.themes[themeName]\n      let vars = ''\n      for (const themeKey in theme) {\n        const val = theme[themeKey]\n        const getVariableCSS = (inv: any) => {\n          const v = varsByValue[inv] ?? inv\n          return isVariable(v) ? `--${themeKey}:var(--${v.name});` : `--${themeKey}:${v};`\n        }\n        vars += getVariableCSS(val)\n        // TODO sanity check is necessary\n        // make everything a variable that gets put into css\n        if (!isVariable(val)) {\n          theme[themeKey] = createVariable({\n            name: themeKey,\n            val,\n          })\n        }\n      }\n\n      const [themeClassName, parentName] = themeName.includes('-')\n        ? themeName.split('-')\n        : [themeName, '']\n      // tiny hack for now assuming light/dark are typical parentName\n      const oppositeName = parentName === 'dark' ? 'light' : 'dark'\n      const cssParentSel = parentName ? `.${PREFIX}${parentName}` : ''\n      const cssChildSel = `.${PREFIX}${themeClassName}`\n      const cssSel = `${cssParentSel} ${cssChildSel}`\n      // we need to force specificity\n      const cssRule = `${cssSel}, .${PREFIX}${oppositeName} ${cssSel} {\\n${vars}\\n}`\n      cssRules.push(cssRule)\n    }\n\n    Object.freeze(cssRules)\n\n    return {\n      cssRules,\n      css: cssRules.join('\\n'),\n    }\n  })()\n\n  // faster lookups token keys become $keys to match input\n  const tokensParsed: any = parseTokens(config.tokens)\n  // all themes should match key and we just need variable name\n  // TODO once w react native we'd want to have a reverse lookup back to value\n  const themeParsed: any = {}\n  const firstKey = Object.keys(config.themes)[0]\n  for (const key in config.themes[firstKey]) {\n    // themeParsed[`$${key}`] = config.themes[firstKey][key]\n    const val = config.themes[firstKey][key].val\n    themeParsed[`$${key}`] = new Variable({ val, name: key })\n  }\n\n  const next: TamaguiInternalConfig = {\n    // @ts-ignore\n    shorthands: {},\n    ...config,\n    Provider: createTamaguiProvider({\n      defaultTheme: 'light',\n      ...config,\n    }),\n    themeConfig,\n    themeParsed,\n    tokensParsed,\n    parsed: true,\n    getCSS() {\n      return `${themeConfig.css}\\n${[...getStyleRules()].join('\\n')}`\n    },\n  }\n  conf = next\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(next))\n    configListeners.clear()\n  }\n\n  // @ts-expect-error\n  return next\n}\n\nexport function getThemeParentClassName(themeName?: string | null) {\n  return `theme-parent ${themeName ? `${PREFIX}${themeName}` : ''}`\n}\n\nconst parseTokens = (tokens: any) => {\n  const res: any = {}\n  for (const key in tokens) {\n    res[key] = {}\n    if (key === 'font') {\n      for (const family in tokens.font) {\n        const obj = {}\n        res.font[`$${family}`] = obj\n        for (const attrKey in tokens.font[family]) {\n          const attr = tokens.font[family][attrKey]\n          if (attrKey === 'family') {\n            obj[attrKey] = attr\n            continue\n          }\n          obj[attrKey] = Object.keys(attr).reduce((acc, cur) => {\n            acc[`$${cur}`] = attr[cur]\n            return acc\n          }, {})\n        }\n      }\n      continue\n    }\n    for (const skey in tokens[key]) {\n      res[key][`$${skey}`] = tokens[key][skey]\n    }\n  }\n\n  return res\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AACA;AACA;AAsBA,IAAI;AAEG,MAAM,mBAAmB,6BAAM,CAAC,CAAC,MAAR;AAEzB,MAAM,aAAa,6BAAM,MAAN;AACnB,MAAM,YAAY,6BAAM,KAAM,cAAZ;AAGzB,MAAM,kBAAkB,IAAI;AACrB,MAAM,mBAAmB,wBAAC,OAAuB;AACtD,MAAI,MAAM;AACR,OAAG;AAAA,SACE;AACL,oBAAgB,IAAI;AAAA;AAAA,GAJQ;AAQhC,MAAM,SAAS;AAER,uBACL,QAGU;AACV,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,QAAI,CAAC,OAAO,WAAW;AACrB,qBAAe;AAAA;AAAA;AAInB,MAAI,MAAM;AACR,YAAQ,KAAK;AAAA;AAIf,iBAAe;AAAA,IACb,SAAS,OAAO;AAAA,IAChB,eAAe,OAAO;AAAA;AAIxB,QAAM,cAAe,OAAM;AACzB,QAAI,WAAqB;AAGzB,QAAI,YAAY;AAChB,UAAM,cAAc,IAAI;AACxB,UAAM,SAAS,wBAAC,MAAgB;AAC9B,kBAAY,EAAE,OAAO;AACrB,YAAM,OAAO,KAAK,EAAE,QAAQ,OAAO,EAAE,QAAQ,WAAW,GAAG,EAAE,UAAU,EAAE;AACzE,mBAAa;AAAA,OAHA;AAMf,eAAW,OAAO,OAAO,QAAQ;AAC/B,iBAAW,QAAQ,OAAO,OAAO,MAAM;AACrC,cAAM,MAAM,OAAO,OAAO,KAAK;AAC/B,YAAI,QAAQ,QAAQ;AAClB,qBAAW,QAAQ,KAAK;AACtB,gBAAI,SAAS,UAAU;AACrB,qBAAO,IAAI;AAAA,mBACN;AACL,yBAAW,SAAS,IAAI,OAAO;AAC7B,uBAAO,IAAI,MAAM;AAAA;AAAA;AAAA;AAAA,eAIlB;AACL,iBAAO;AAAA;AAAA;AAAA;AAIb,aAAS,KAAK,GAAG;AAAA;AAGjB,eAAW,aAAa,OAAO,QAAQ;AAErC,aAAO,OAAO,aAAa,KAAK,OAAO,OAAO;AAC9C,YAAM,QAAQ,OAAO,OAAO;AAC5B,UAAI,OAAO;AACX,iBAAW,YAAY,OAAO;AAC5B,cAAM,MAAM,MAAM;AAClB,cAAM,iBAAiB,wBAAC,QAAa;AACnC,gBAAM,IAAI,YAAY,QAAQ;AAC9B,iBAAO,WAAW,KAAK,KAAK,kBAAkB,EAAE,WAAW,KAAK,YAAY;AAAA,WAFvD;AAIvB,gBAAQ,eAAe;AAGvB,YAAI,CAAC,WAAW,MAAM;AACpB,gBAAM,YAAY,eAAe;AAAA,YAC/B,MAAM;AAAA,YACN;AAAA;AAAA;AAAA;AAKN,YAAM,CAAC,gBAAgB,cAAc,UAAU,SAAS,OACpD,UAAU,MAAM,OAChB,CAAC,WAAW;AAEhB,YAAM,eAAe,eAAe,SAAS,UAAU;AACvD,YAAM,eAAe,aAAa,IAAI,SAAS,eAAe;AAC9D,YAAM,cAAc,IAAI,SAAS;AACjC,YAAM,SAAS,GAAG,gBAAgB;AAElC,YAAM,UAAU,GAAG,YAAY,SAAS,gBAAgB;AAAA,EAAa;AAAA;AACrE,eAAS,KAAK;AAAA;AAGhB,WAAO,OAAO;AAEd,WAAO;AAAA,MACL;AAAA,MACA,KAAK,SAAS,KAAK;AAAA;AAAA;AAKvB,QAAM,eAAoB,YAAY,OAAO;AAG7C,QAAM,cAAmB;AACzB,QAAM,WAAW,OAAO,KAAK,OAAO,QAAQ;AAC5C,aAAW,OAAO,OAAO,OAAO,WAAW;AAEzC,UAAM,MAAM,OAAO,OAAO,UAAU,KAAK;AACzC,gBAAY,IAAI,SAAS,IAAI,SAAS,EAAE,KAAK,MAAM;AAAA;AAGrD,QAAM,OAA8B;AAAA,IAElC,YAAY;AAAA,OACT;AAAA,IACH,UAAU,sBAAsB;AAAA,MAC9B,cAAc;AAAA,SACX;AAAA;AAAA,IAEL;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AACP,aAAO,GAAG,YAAY;AAAA,EAAQ,CAAC,GAAG,iBAAiB,KAAK;AAAA;AAAA;AAG5D,SAAO;AAEP,MAAI,gBAAgB,MAAM;AACxB,oBAAgB,QAAQ,CAAC,OAAO,GAAG;AACnC,oBAAgB;AAAA;AAIlB,SAAO;AAAA;AAvIO;AA0IT,iCAAiC,WAA2B;AACjE,SAAO,gBAAgB,YAAY,GAAG,SAAS,cAAc;AAAA;AAD/C;AAIhB,MAAM,cAAc,wBAAC,WAAgB;AACnC,QAAM,MAAW;AACjB,aAAW,OAAO,QAAQ;AACxB,QAAI,OAAO;AACX,QAAI,QAAQ,QAAQ;AAClB,iBAAW,UAAU,OAAO,MAAM;AAChC,cAAM,MAAM;AACZ,YAAI,KAAK,IAAI,YAAY;AACzB,mBAAW,WAAW,OAAO,KAAK,SAAS;AACzC,gBAAM,OAAO,OAAO,KAAK,QAAQ;AACjC,cAAI,YAAY,UAAU;AACxB,gBAAI,WAAW;AACf;AAAA;AAEF,cAAI,WAAW,OAAO,KAAK,MAAM,OAAO,CAAC,KAAK,QAAQ;AACpD,gBAAI,IAAI,SAAS,KAAK;AACtB,mBAAO;AAAA,aACN;AAAA;AAAA;AAGP;AAAA;AAEF,eAAW,QAAQ,OAAO,MAAM;AAC9B,UAAI,KAAK,IAAI,UAAU,OAAO,KAAK;AAAA;AAAA;AAIvC,SAAO;AAAA,GA3BW;",
-  "names": []
-}

package/dist/createTheme.js

@@ -1,20 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Variable, createVariable } from "./createVariable";
-const createTheme = /* @__PURE__ */ __name((theme) => {
-  const res = {};
-  for (const key in theme) {
-    const val = theme[key];
-    if (!(val instanceof Variable)) {
-      res[key] = createVariable({
-        name: key,
-        val
-      });
-    }
-  }
-  return res;
-}, "createTheme");
-export {
-  createTheme
-};
-//# sourceMappingURL=createTheme.js.map

package/dist/createTheme.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/createTheme.ts"],
-  "sourcesContent": ["import { Variable, createVariable } from './createVariable'\n\nexport const createTheme = <Theme extends { [key: string]: string | Variable }>(\n  theme: Theme\n): {\n  [key in keyof Theme]: Variable\n} => {\n  const res = {} as any\n  for (const key in theme) {\n    const val = theme[key]\n    if (!(val instanceof Variable)) {\n      res[key] = createVariable({\n        name: key,\n        val,\n      })\n    }\n  }\n  return res\n}\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,cAAc,wBACzB,UAGG;AACH,QAAM,MAAM;AACZ,aAAW,OAAO,OAAO;AACvB,UAAM,MAAM,MAAM;AAClB,QAAI,CAAE,gBAAe,WAAW;AAC9B,UAAI,OAAO,eAAe;AAAA,QACxB,MAAM;AAAA,QACN;AAAA;AAAA;AAAA;AAIN,SAAO;AAAA,GAfkB;",
-  "names": []
-}

package/dist/createVariable.js

@@ -1,25 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isWeb } from "./constants/platform";
-class Variable {
-  constructor({ val, name }) {
-    this.val = val;
-    this.name = name;
-    this.variable = isWeb ? `var(--${name})` : this.val;
-  }
-  toString() {
-    return isWeb ? this.variable : this.val;
-  }
-}
-__name(Variable, "Variable");
-const createVariable = /* @__PURE__ */ __name((props) => new Variable(props), "createVariable");
-function isVariable(v) {
-  return v instanceof Variable;
-}
-__name(isVariable, "isVariable");
-export {
-  Variable,
-  createVariable,
-  isVariable
-};
-//# sourceMappingURL=createVariable.js.map

package/dist/createVariable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/createVariable.ts"],
-  "sourcesContent": ["import { isWeb } from './constants/platform'\n\nexport class Variable {\n  name: string\n  val: string | number\n  variable: string | number\n\n  constructor({ val, name }: VariableIn) {\n    // converting to px breaks rn\n    this.val = val //typeof val === 'string' ? val : `${val}px`\n    this.name = name\n    this.variable = isWeb ? `var(--${name})` : this.val\n  }\n\n  toString() {\n    return isWeb ? this.variable : this.val\n  }\n}\n\ntype VariableIn = { val: string | number; name: string }\n\nexport const createVariable = (props: VariableIn) => new Variable(props)\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v instanceof Variable\n}\n"],
-  "mappings": ";;AAAA;AAEO,eAAe;AAAA,EAKpB,YAAY,EAAE,KAAK,QAAoB;AAErC,SAAK,MAAM;AACX,SAAK,OAAO;AACZ,SAAK,WAAW,QAAQ,SAAS,UAAU,KAAK;AAAA;AAAA,EAGlD,WAAW;AACT,WAAO,QAAQ,KAAK,WAAW,KAAK;AAAA;AAAA;AAbjC;AAmBA,MAAM,iBAAiB,wBAAC,UAAsB,IAAI,SAAS,QAApC;AAEvB,oBAAoB,GAAkC;AAC3D,SAAO,aAAa;AAAA;AADN;",
-  "names": []
-}

package/dist/helpers/addStylesUsingClassname.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/addStylesUsingClassname.tsx"],
-  "sourcesContent": ["// @ts-ignore\nimport { useInsertionEffect } from 'react'\n\nimport { getStylesAtomic } from './getStylesAtomic'\nimport { insertStyleRule } from './insertStyleRule'\n\n// uses new useInsertionEffect for better perf if available\n\n// could be cleared occasionally\nlet added = new Set<string>()\n\nexport function useStylesAsClassname(styles: any[]) {\n  if (!useInsertionEffect) {\n    return addStylesUsingClassname(styles)\n  } else {\n    const insertions: any[] = []\n    const className = addStylesUsingClassname(styles, (_, rules) => {\n      for (const rule of rules) {\n        insertions.push(rule)\n      }\n    })\n\n    useInsertionEffect(() => {\n      for (const ruleset of insertions) {\n        insertStyleRule(ruleset)\n      }\n    })\n\n    return className\n  }\n}\n\nexport function addStylesUsingClassname(\n  styles: any[],\n  onAdd?: (identifier: string, rules: string[]) => any\n) {\n  let className = ''\n  for (const style of styles) {\n    if (!style) continue\n    if (Array.isArray(style)) {\n      className += ' ' + addStylesUsingClassname(style)\n      continue\n    }\n    for (const { identifier, rules } of getStylesAtomic(style)) {\n      className += ` ${identifier}`\n      if (added.has(identifier)) {\n        continue\n      }\n      added.add(identifier)\n      if (onAdd) {\n        onAdd(identifier, rules)\n      } else {\n        for (const rule of rules) {\n          insertStyleRule(rule)\n        }\n      }\n    }\n  }\n  return className\n}\n"],
-  "mappings": ";;AACA;AAEA;AACA;AAKA,IAAI,QAAQ,IAAI;AAET,8BAA8B,QAAe;AAClD,MAAI,CAAC,oBAAoB;AACvB,WAAO,wBAAwB;AAAA,SAC1B;AACL,UAAM,aAAoB;AAC1B,UAAM,YAAY,wBAAwB,QAAQ,CAAC,GAAG,UAAU;AAC9D,iBAAW,QAAQ,OAAO;AACxB,mBAAW,KAAK;AAAA;AAAA;AAIpB,uBAAmB,MAAM;AACvB,iBAAW,WAAW,YAAY;AAChC,wBAAgB;AAAA;AAAA;AAIpB,WAAO;AAAA;AAAA;AAjBK;AAqBT,iCACL,QACA,OACA;AACA,MAAI,YAAY;AAChB,aAAW,SAAS,QAAQ;AAC1B,QAAI,CAAC;AAAO;AACZ,QAAI,MAAM,QAAQ,QAAQ;AACxB,mBAAa,MAAM,wBAAwB;AAC3C;AAAA;AAEF,eAAW,EAAE,YAAY,WAAW,gBAAgB,QAAQ;AAC1D,mBAAa,IAAI;AACjB,UAAI,MAAM,IAAI,aAAa;AACzB;AAAA;AAEF,YAAM,IAAI;AACV,UAAI,OAAO;AACT,cAAM,YAAY;AAAA,aACb;AACL,mBAAW,QAAQ,OAAO;AACxB,0BAAgB;AAAA;AAAA;AAAA;AAAA;AAKxB,SAAO;AAAA;AA1BO;",
-  "names": []
-}

package/dist/helpers/createMediaStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/createMediaStyle.ts"],
-  "sourcesContent": ["import { StyleObject } from '@tamagui/helpers'\n\nimport { mediaObjectToString } from '../hooks/useMedia'\nimport { MediaQueries } from '../types'\n\n// TODO have this be used by extractMediaStyle in tamagui static\n\n// not synced to static/constants for now\nexport const MEDIA_SEP = '_'\n\nexport const createMediaStyle = (\n  { identifier, rules }: StyleObject,\n  mediaKey: string,\n  mediaQueries: MediaQueries,\n  negate?: boolean,\n  importance = 0\n) => {\n  const mediaKeys = Object.keys(mediaQueries)\n  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {\n    acc[cur] = new Array(importance + 1).fill(':root').join('')\n    return acc\n  }, {})\n  const negKey = negate ? '0' : ''\n  const ogPrefix = identifier.slice(0, identifier.indexOf('-') + 1)\n  const nextIdentifier = `${identifier.replace(\n    ogPrefix,\n    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`\n  )}`\n  const screenStr = negate ? 'not all' : 'screen'\n  const mediaSelector = mediaObjectToString(mediaQueries[mediaKey])\n  const mediaQuery = `${screenStr} and ${mediaSelector}`\n  const precendencePrefix = mediaKeyPrecendence[mediaKey]\n  const styleInner = rules[0].replace(identifier, nextIdentifier)\n  // combines media queries if they already exist\n  let styleRule = ''\n  if (styleInner.includes('@media')) {\n    // combine\n    styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n  } else {\n    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n  }\n  return {\n    styleRule,\n    identifier: nextIdentifier,\n  }\n}\n"],
-  "mappings": ";;AAEA;AAMO,MAAM,YAAY;AAElB,MAAM,mBAAmB,wBAC9B,EAAE,YAAY,SACd,UACA,cACA,QACA,aAAa,MACV;AACH,QAAM,YAAY,OAAO,KAAK;AAC9B,QAAM,sBAAsB,UAAU,OAAO,CAAC,KAAK,KAAK,MAAM;AAC5D,QAAI,OAAO,IAAI,MAAM,aAAa,GAAG,KAAK,SAAS,KAAK;AACxD,WAAO;AAAA,KACN;AACH,QAAM,SAAS,SAAS,MAAM;AAC9B,QAAM,WAAW,WAAW,MAAM,GAAG,WAAW,QAAQ,OAAO;AAC/D,QAAM,iBAAiB,GAAG,WAAW,QACnC,UACA,GAAG,WAAW,YAAY,WAAW,SAAS;AAEhD,QAAM,YAAY,SAAS,YAAY;AACvC,QAAM,gBAAgB,oBAAoB,aAAa;AACvD,QAAM,aAAa,GAAG,iBAAiB;AACvC,QAAM,oBAAoB,oBAAoB;AAC9C,QAAM,aAAa,MAAM,GAAG,QAAQ,YAAY;AAEhD,MAAI,YAAY;AAChB,MAAI,WAAW,SAAS,WAAW;AAEjC,gBAAY,WAAW,QAAQ,KAAK,QAAQ;AAAA,SACvC;AACL,gBAAY,UAAU,gBAAgB,qBAAqB;AAAA;AAE7D,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA;AAAA,GAjCgB;",
-  "names": []
-}

package/dist/helpers/createPropMapper.js

@@ -1,153 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getTamagui } from "../createTamagui";
-import { Variable } from "../createVariable";
-import { isObj } from "./isObj";
-const createPropMapper = /* @__PURE__ */ __name((c) => {
-  const variants = c.variants;
-  let variantsParsed;
-  const defaultProps = c.defaultProps || {};
-  return (key, value, theme, props) => {
-    const conf = getTamagui();
-    if (!conf) {
-      console.trace("no conf! err");
-      return;
-    }
-    if (variants && !variantsParsed) {
-      variantsParsed = parseVariants(variants, conf);
-    }
-    let fontFamily = props.fontFamily || defaultProps.fontFamily || "$body";
-    const variant = variantsParsed?.[key];
-    if (variant && typeof value !== "undefined") {
-      const val = value === true ? variant["$true"] || variant["true"] : variant[value] ?? variant["..."] ?? value;
-      const res = typeof val === "function" ? val(value, { tokens: conf.tokensParsed, theme, props }) : isObj(val) ? { ...val } : val;
-      if (isObj(res)) {
-        resolveTokens(res, conf, fontFamily);
-      }
-      return res;
-    }
-    let shouldReturn = false;
-    if (conf.shorthands[key]) {
-      shouldReturn = true;
-      key = conf.shorthands[key];
-    }
-    if (value && value[0] === "$") {
-      shouldReturn = true;
-      value = getToken(key, value, conf, fontFamily);
-    }
-    if (value instanceof Variable) {
-      shouldReturn = true;
-      value = value.variable;
-    }
-    if (shouldReturn) {
-      return {
-        [key]: value
-      };
-    }
-  };
-}, "createPropMapper");
-const resolveTokens = /* @__PURE__ */ __name((res, conf, fontFamily) => {
-  for (const rKey in res) {
-    const fKey = conf.shorthands[rKey] || rKey;
-    const val = res[rKey];
-    if (val instanceof Variable) {
-      res[fKey] = val.variable;
-    } else if (typeof val === "string") {
-      const fVal = val[0] === "$" ? getToken(fKey, val, conf, fontFamily) : val;
-      res[fKey] = fVal;
-    } else {
-      if (isObj(val)) {
-        resolveTokens(val, conf, fontFamily);
-      }
-    }
-  }
-}, "resolveTokens");
-const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, fontFamily = "$body") => {
-  if (themeParsed[value]) {
-    return themeParsed[value].variable;
-  }
-  let valOrVar;
-  if (key === "fontFamily") {
-    valOrVar = tokensParsed.font[value]?.family || value;
-  }
-  if (key === "fontSize") {
-    valOrVar = tokensParsed.font[fontFamily]?.size[value] || value;
-  }
-  if (key === "lineHeight") {
-    valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value;
-  }
-  if (key === "letterSpacing") {
-    valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value;
-  }
-  if (key === "fontWeight") {
-    valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value;
-  }
-  if (typeof valOrVar !== "undefined") {
-    if (valOrVar instanceof Variable) {
-      return valOrVar.variable;
-    } else {
-      return valOrVar;
-    }
-  }
-  for (const cat in tokenCategories) {
-    if (tokenCategories[cat][key]) {
-      const res = tokensParsed[cat][value];
-      if (res) {
-        return res.variable;
-      } else {
-        const themeVar = themeParsed[value];
-        if (themeVar) {
-          return themeVar.variable;
-        }
-      }
-    }
-  }
-  const spaceVar = tokensParsed.space[value];
-  if (spaceVar) {
-    return spaceVar.variable;
-  }
-  return value;
-}, "getToken");
-const tokenCategories = {
-  size: {
-    width: true,
-    height: true,
-    minWidth: true,
-    minHeight: true,
-    maxWidth: true,
-    maxHeight: true
-  },
-  color: {
-    color: true,
-    backgroundColor: true,
-    borderColor: true,
-    borderBottomColor: true,
-    borderTopColor: true,
-    borderLeftColor: true,
-    borderRightColor: true
-  }
-};
-function parseVariants(variants, conf) {
-  return Object.keys(variants).reduce((acc, key) => {
-    acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {
-      const variantVal = variants[key][vkey];
-      if (vkey.startsWith("...")) {
-        vacc["..."] = variantVal;
-        const tokenKey = vkey.slice(3);
-        const tokens = conf.tokens[tokenKey];
-        for (const tkey in tokens) {
-          vacc[`$${tkey}`] = variantVal;
-        }
-      } else {
-        vacc[vkey] = variantVal;
-      }
-      return vacc;
-    }, {});
-    return acc;
-  }, {});
-}
-__name(parseVariants, "parseVariants");
-export {
-  createPropMapper
-};
-//# sourceMappingURL=createPropMapper.js.map

package/dist/helpers/createPropMapper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/createPropMapper.ts"],
-  "sourcesContent": ["import { getTamagui } from '../createTamagui'\nimport { Variable } from '../createVariable'\nimport { StaticConfig, TamaguiInternalConfig } from '../types'\nimport { isObj } from './isObj'\n\nexport const createPropMapper = (c: StaticConfig) => {\n  const variants = c.variants\n  let variantsParsed\n  const defaultProps = c.defaultProps || {}\n\n  return (key: string, value: any, theme: any, props: any) => {\n    const conf = getTamagui()\n    if (!conf) {\n      console.trace('no conf! err')\n      return\n    }\n    if (variants && !variantsParsed) {\n      variantsParsed = parseVariants(variants, conf)\n    }\n\n    // handled here because we need to resolve this off tokens, its the only one-off like this\n    let fontFamily = props.fontFamily || defaultProps.fontFamily || '$body'\n\n    // expand variants\n    const variant = variantsParsed?.[key]\n    if (variant && typeof value !== 'undefined') {\n      const val =\n        value === true\n          ? variant['$true'] || variant['true']\n          : variant[value] ?? variant['...'] ?? value\n\n      const res =\n        typeof val === 'function'\n          ? val(value, { tokens: conf.tokensParsed, theme, props })\n          : isObj(val)\n          ? { ...val }\n          : val\n\n      if (isObj(res)) {\n        resolveTokens(res, conf, fontFamily)\n      }\n\n      return res\n    }\n\n    let shouldReturn = false\n\n    // handle shorthands\n    if (conf.shorthands[key]) {\n      shouldReturn = true\n      key = conf.shorthands[key]\n    }\n\n    if (value && value[0] === '$') {\n      shouldReturn = true\n      value = getToken(key, value, conf, fontFamily)\n    }\n\n    if (value instanceof Variable) {\n      shouldReturn = true\n      value = value.variable\n    }\n\n    if (shouldReturn) {\n      return {\n        [key]: value,\n      }\n    }\n  }\n}\n\nconst resolveTokens = (res: any, conf: TamaguiInternalConfig, fontFamily: any) => {\n  for (const rKey in res) {\n    const fKey = conf.shorthands[rKey] || rKey\n    const val = res[rKey]\n    if (val instanceof Variable) {\n      res[fKey] = val.variable\n    } else if (typeof val === 'string') {\n      const fVal = val[0] === '$' ? getToken(fKey, val, conf, fontFamily) : val\n      res[fKey] = fVal\n    } else {\n      if (isObj(val)) {\n        // for things like shadowOffset which is a sub-object\n        resolveTokens(val, conf, fontFamily)\n      }\n      // nullish values cant be tokens so need no exrta parsing\n    }\n  }\n}\n\nconst getToken = (\n  key: string,\n  value: string,\n  { tokensParsed, themeParsed }: TamaguiInternalConfig,\n  fontFamily: string | undefined = '$body'\n) => {\n  if (themeParsed[value]) {\n    return themeParsed[value].variable\n  }\n  let valOrVar: any\n  if (key === 'fontFamily') {\n    valOrVar = tokensParsed.font[value]?.family || value\n  }\n  if (key === 'fontSize') {\n    valOrVar = tokensParsed.font[fontFamily]?.size[value] || value\n  }\n  if (key === 'lineHeight') {\n    valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value\n  }\n  if (key === 'letterSpacing') {\n    valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value\n  }\n  if (key === 'fontWeight') {\n    valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value\n  }\n  if (typeof valOrVar !== 'undefined') {\n    if (valOrVar instanceof Variable) {\n      return valOrVar.variable\n    } else {\n      return valOrVar\n    }\n  }\n  for (const cat in tokenCategories) {\n    if (tokenCategories[cat][key]) {\n      const res = tokensParsed[cat][value]\n      if (res) {\n        return res.variable\n      } else {\n        const themeVar = themeParsed[value]\n        if (themeVar) {\n          return themeVar.variable\n        }\n      }\n    }\n  }\n  const spaceVar = tokensParsed.space[value]\n  if (spaceVar) {\n    return spaceVar.variable\n  }\n  return value\n}\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\nconst tokenCategories = {\n  size: {\n    width: true,\n    height: true,\n    minWidth: true,\n    minHeight: true,\n    maxWidth: true,\n    maxHeight: true,\n  },\n  color: {\n    color: true,\n    backgroundColor: true,\n    borderColor: true,\n    borderBottomColor: true,\n    borderTopColor: true,\n    borderLeftColor: true,\n    borderRightColor: true,\n  },\n}\n\n// turns variant spreads into individual lookups\nfunction parseVariants(variants: any, conf: TamaguiInternalConfig) {\n  return Object.keys(variants).reduce((acc, key) => {\n    acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {\n      const variantVal = variants[key][vkey]\n      if (vkey.startsWith('...')) {\n        // set the default one at '...' for easy fallback on non-exact-variant-match\n        vacc['...'] = variantVal\n        const tokenKey = vkey.slice(3)\n        const tokens = conf.tokens[tokenKey]\n        for (const tkey in tokens) {\n          vacc[`$${tkey}`] = variantVal\n        }\n      } else {\n        vacc[vkey] = variantVal\n      }\n      return vacc\n    }, {})\n    return acc\n  }, {})\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/helpers/createTamaguiProvider.js

@@ -1,25 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import * as React from "react";
-import { TextAncestorProvider } from "../views/TextAncestorContext";
-import { ThemeProvider } from "../views/ThemeProvider";
-function createTamaguiProvider(themeProps) {
-  return /* @__PURE__ */ __name(function TamaguiProvider({
-    initialWindowMetrics,
-    fallback,
-    children,
-    ...themePropsProvider
-  }) {
-    return /* @__PURE__ */ React.createElement(TextAncestorProvider, null, /* @__PURE__ */ React.createElement(ThemeProvider, {
-      ...themeProps,
-      ...themePropsProvider
-    }, /* @__PURE__ */ React.createElement(React.Suspense, {
-      fallback: fallback || null
-    }, children)));
-  }, "TamaguiProvider");
-}
-__name(createTamaguiProvider, "createTamaguiProvider");
-export {
-  createTamaguiProvider
-};
-//# sourceMappingURL=createTamaguiProvider.js.map

package/dist/helpers/createTamaguiProvider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/createTamaguiProvider.tsx"],
-  "sourcesContent": ["import * as React from 'react'\n\nimport { TamaguiProviderProps } from '../types'\nimport { TextAncestorProvider } from '../views/TextAncestorContext'\nimport { ThemeProvider, ThemeProviderProps } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(themeProps: ThemeProviderProps) {\n  return function TamaguiProvider({\n    initialWindowMetrics,\n    fallback,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    return (\n      <TextAncestorProvider>\n        <ThemeProvider {...themeProps} {...themePropsProvider}>\n          <React.Suspense fallback={fallback || null}>{children}</React.Suspense>\n        </ThemeProvider>\n      </TextAncestorProvider>\n    )\n  }\n}\n"],
-  "mappings": ";;AAAA;AAGA;AACA;AAEO,+BAA+B,YAAgC;AACpE,SAAO,gDAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,WACE,oCAAC,sBAAD,MACE,oCAAC,eAAD;AAAA,SAAmB;AAAA,SAAgB;AAAA,OACjC,oCAAC,MAAM,UAAP;AAAA,MAAgB,UAAU,YAAY;AAAA,OAAO;AAAA,KAT9C;AAAA;AADO;",
-  "names": []
-}

package/dist/helpers/extendStaticConfig.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/extendStaticConfig.ts"],
-  "sourcesContent": ["import React from 'react'\n\nimport { StaticComponent, StaticConfig, StaticConfigParsed } from '../types'\nimport { createPropMapper } from './createPropMapper'\n\nexport function extendStaticConfig(\n  // can be undefined when loading with @tamagui/fake-react-native\n  // could be fixed a bit cleaner\n  Component?: StaticComponent | React.Component<any>,\n  config: StaticConfig = {}\n): StaticConfigParsed | null {\n  const parent = (Component || {}) as any\n  if (!parent.staticConfig) {\n    // if no static config, we are extending an external component\n    parent.staticConfig = {\n      Component,\n    }\n  }\n\n  const variants = {\n    ...parent.staticConfig.variants,\n  }\n\n  // merge variants without clobbering previous... can we tho (typed??\n  if (config.variants) {\n    for (const key in config.variants) {\n      if (variants[key]) {\n        variants[key] = {\n          ...variants[key],\n          ...config.variants[key],\n        }\n      } else {\n        variants[key] = config.variants[key]\n      }\n    }\n  }\n\n  return parseStaticConfig({\n    ...parent.staticConfig,\n    isZStack: config.isZStack || parent.staticConfig.isZStack,\n    variants,\n    isText: config.isText || parent.staticConfig.isText || false,\n    neverFlatten: config.neverFlatten ?? parent.staticConfig.neverFlatten,\n    ensureOverriddenProp: config.ensureOverriddenProp ?? parent.staticConfig.ensureOverriddenProp,\n    validStyles: config.validStyles\n      ? {\n          ...parent.staticConfig.validStyles,\n          ...config.validStyles,\n        }\n      : parent.staticConfig.validStyles,\n    validPropsExtra: {\n      ...parent.staticConfig.validPropsExtra,\n      ...config.validPropsExtra,\n    },\n    defaultProps: {\n      ...parent.staticConfig.defaultProps,\n      ...config.defaultProps,\n    },\n  })\n}\n\nexport const parseStaticConfig = (config: StaticConfig): StaticConfigParsed => {\n  return {\n    ...config,\n    parsed: true,\n    propMapper: createPropMapper(config),\n  }\n}\n"],
-  "mappings": ";;AAGA;AAEO,4BAGL,WACA,SAAuB,IACI;AAC3B,QAAM,SAAU,aAAa;AAC7B,MAAI,CAAC,OAAO,cAAc;AAExB,WAAO,eAAe;AAAA,MACpB;AAAA;AAAA;AAIJ,QAAM,WAAW;AAAA,OACZ,OAAO,aAAa;AAAA;AAIzB,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,MAAM;AACjB,iBAAS,OAAO;AAAA,aACX,SAAS;AAAA,aACT,OAAO,SAAS;AAAA;AAAA,aAEhB;AACL,iBAAS,OAAO,OAAO,SAAS;AAAA;AAAA;AAAA;AAKtC,SAAO,kBAAkB;AAAA,OACpB,OAAO;AAAA,IACV,UAAU,OAAO,YAAY,OAAO,aAAa;AAAA,IACjD;AAAA,IACA,QAAQ,OAAO,UAAU,OAAO,aAAa,UAAU;AAAA,IACvD,cAAc,OAAO,gBAAgB,OAAO,aAAa;AAAA,IACzD,sBAAsB,OAAO,wBAAwB,OAAO,aAAa;AAAA,IACzE,aAAa,OAAO,cAChB;AAAA,SACK,OAAO,aAAa;AAAA,SACpB,OAAO;AAAA,QAEZ,OAAO,aAAa;AAAA,IACxB,iBAAiB;AAAA,SACZ,OAAO,aAAa;AAAA,SACpB,OAAO;AAAA;AAAA,IAEZ,cAAc;AAAA,SACT,OAAO,aAAa;AAAA,SACpB,OAAO;AAAA;AAAA;AAAA;AAnDA;AAwDT,MAAM,oBAAoB,wBAAC,WAA6C;AAC7E,SAAO;AAAA,OACF;AAAA,IACH,QAAQ;AAAA,IACR,YAAY,iBAAiB;AAAA;AAAA,GAJA;",
-  "names": []
-}

package/dist/helpers/fixNativeShadow.native.js

@@ -1,30 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const matchRgba = /rgba\(\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*,\s*([\d\.]{1,})\s*\)$/;
-function fixNativeShadow(props) {
-  if (props.shadowColor) {
-    if (!!!("shadowOffset" in props)) {
-      props.shadowOffset = {
-        width: 0,
-        height: 0
-      };
-    }
-    if (!!!("shadowOpacity" in props)) {
-      const c = `${props.shadowColor}`;
-      if (c[0] === "r" && c[3] === "a") {
-        const [_, r, g, b, a] = c.match(matchRgba) || [];
-        if (typeof a !== "string") {
-          console.warn("non valid rgba", c);
-          return props;
-        }
-        props.shadowColor = `rgb(${r},${g},${b})`;
-        props.shadowOpacity = +a;
-      }
-    }
-  }
-}
-__name(fixNativeShadow, "fixNativeShadow");
-export {
-  fixNativeShadow
-};
-//# sourceMappingURL=fixNativeShadow.native.js.map

package/dist/helpers/fixNativeShadow.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/fixNativeShadow.native.tsx"],
-  "sourcesContent": ["const matchRgba =\n  /rgba\\(\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*,\\s*([\\d\\.]{1,})\\s*\\)$/\n\nexport function fixNativeShadow(props: any) {\n  if (props.shadowColor) {\n    if (!!!('shadowOffset' in props)) {\n      // fixes some broken shadows\n      props.shadowOffset = {\n        width: 0,\n        height: 0,\n      }\n    }\n    if (!!!('shadowOpacity' in props)) {\n      const c = `${props.shadowColor}`\n      // react native has issues sometimes with rgba()\n      if (c[0] === 'r' && c[3] === 'a') {\n        const [_, r, g, b, a] = c.match(matchRgba) || []\n        if (typeof a !== 'string') {\n          console.warn('non valid rgba', c)\n          return props\n        }\n        props.shadowColor = `rgb(${r},${g},${b})`\n        props.shadowOpacity = +a\n      }\n    }\n  }\n}\n"],
-  "mappings": ";;AAAA,MAAM,YACJ;AAEK,yBAAyB,OAAY;AAC1C,MAAI,MAAM,aAAa;AACrB,QAAI,CAAC,CAAC,CAAE,mBAAkB,QAAQ;AAEhC,YAAM,eAAe;AAAA,QACnB,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA;AAGZ,QAAI,CAAC,CAAC,CAAE,oBAAmB,QAAQ;AACjC,YAAM,IAAI,GAAG,MAAM;AAEnB,UAAI,EAAE,OAAO,OAAO,EAAE,OAAO,KAAK;AAChC,cAAM,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,EAAE,MAAM,cAAc;AAC9C,YAAI,OAAO,MAAM,UAAU;AACzB,kBAAQ,KAAK,kBAAkB;AAC/B,iBAAO;AAAA;AAET,cAAM,cAAc,OAAO,KAAK,KAAK;AACrC,cAAM,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA;AAnBf;",
-  "names": []
-}

package/dist/helpers/getSplitStyles.js

@@ -1,150 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import {
-  AllRules,
-  stylePropsText,
-  stylePropsTransform,
-  validStyles,
-  validStylesPseudo
-} from "@tamagui/helpers";
-import { isWeb } from "../constants/platform";
-import { mediaQueryConfig, mediaState } from "../hooks/useMedia";
-import { createMediaStyle } from "./createMediaStyle";
-import { fixNativeShadow } from "./fixNativeShadow";
-import { getStylesAtomic } from "./getStylesAtomic";
-import { insertStyleRule } from "./insertStyleRule";
-const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSplittingDefaultProps) => {
-  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
-  const viewProps = {};
-  const style = [];
-  let pseudos = null;
-  let cur = null;
-  let classNames = null;
-  for (const keyInit in props) {
-    const valInit = props[keyInit];
-    if (keyInit[0] === "$") {
-      const mediaKey = keyInit.slice(1);
-      if (!mediaQueryConfig[mediaKey]) {
-        viewProps[keyInit] = valInit;
-        continue;
-      }
-      const mediaProps = { ...props, ...valInit };
-      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props);
-      if (isWeb) {
-        const mediaStyles = getStylesAtomic(mediaStyle);
-        if (process.env.NODE_ENV === "development") {
-          if (props["debug"]) {
-            console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
-          }
-        }
-        for (const style2 of mediaStyles) {
-          const out2 = createMediaStyle(style2, mediaKey, mediaQueryConfig);
-          classNames = classNames || [];
-          classNames.push(out2.identifier);
-          AllRules.add(out2.styleRule);
-          insertStyleRule(out2.styleRule);
-          if (process.env.NODE_ENV === "development" && props["debug"]) {
-            console.log("mediaProp", style2.identifier, out2, mediaProps, mediaStyle, mediaStyles);
-          }
-        }
-      } else {
-        if (mediaState[mediaKey]) {
-          style.push(mediaStyle);
-        }
-      }
-      continue;
-    }
-    if (validStylesPseudo[keyInit]) {
-      if (!valInit)
-        continue;
-      pseudos = pseudos || {};
-      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props);
-      continue;
-    }
-    const out = staticConfig.propMapper(keyInit, valInit, theme, props);
-    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out);
-    for (const [key, val] of expanded) {
-      const keyFirstChar = key[0];
-      if (key === "style" || keyFirstChar === "_" && key.startsWith("_style")) {
-        if (cur) {
-          fixNativeShadow(cur);
-          style.push(cur);
-          cur = null;
-        }
-        fixNativeShadow(val);
-        style.push(val);
-        continue;
-      }
-      if (key === "flex") {
-        cur = cur || {};
-        Object.assign(cur, {
-          flexGrow: val,
-          flexShrink: 1
-        });
-        continue;
-      }
-      if (!isWeb && key === "pointerEvents") {
-        viewProps[key] = val;
-        continue;
-      }
-      if (validStyleProps[key]) {
-        if (key in stylePropsTransform) {
-          cur = cur || {};
-          mergeTransform(cur, key, val);
-          continue;
-        }
-        cur = cur || {};
-        cur[key] = val;
-        continue;
-      }
-      if (!staticConfig.variants || !(key in staticConfig.variants)) {
-        viewProps[key] = val;
-      }
-    }
-  }
-  if (cur) {
-    fixNativeShadow(cur);
-    style.push(cur);
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (props["debug"]) {
-      console.log(" \u{1F95A} splitProps:", { props, viewProps, style });
-    }
-  }
-  return {
-    viewProps,
-    style,
-    pseudos,
-    classNames
-  };
-}, "getSplitStyles");
-const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props) => {
-  const styleOut = {};
-  for (const key in styleIn) {
-    const val = styleIn[key];
-    const out = staticConfig.propMapper(key, val, theme, props);
-    const expanded = out === true || !out ? [[key, val]] : Object.entries(out);
-    for (const [skey, sval] of expanded) {
-      if (skey in stylePropsTransform) {
-        mergeTransform(styleOut, skey, sval);
-      } else {
-        styleOut[skey] = sval;
-      }
-    }
-  }
-  fixNativeShadow(styleOut);
-  return styleOut;
-}, "getSubStyle");
-const mapTransformKeys = {
-  x: "translateX",
-  y: "translateY"
-};
-const mergeTransform = /* @__PURE__ */ __name((obj, key, val) => {
-  const transform = obj.transform ? Array.isArray(obj.transform) ? obj.transform : [obj.transform] : [];
-  transform.push({ [mapTransformKeys[key] || key]: val });
-  obj.transform = transform;
-}, "mergeTransform");
-export {
-  getSplitStyles
-};
-//# sourceMappingURL=getSplitStyles.js.map

package/dist/helpers/getSplitStyles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import {\n  AllRules,\n  stylePropsText,\n  stylePropsTransform,\n  validStyles,\n  validStylesPseudo,\n} from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { isWeb } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport { StaticConfigParsed, ThemeObject } from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixNativeShadow } from './fixNativeShadow'\nimport { getStylesAtomic } from './getStylesAtomic'\nimport { insertStyleRule } from './insertStyleRule'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\n// TODO run over this, should be able to cut it down quite a bit\n\nexport const getSplitStyles = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  isSplittingDefaultProps?: boolean\n) => {\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: Record<string, any> = {}\n  const style: any[] = []\n\n  let pseudos: { hoverStyle?: ViewStyle; pressStyle?: ViewStyle } | null = null\n  let cur: ViewStyle | null = null\n  let classNames: string[] | null = null\n\n  for (const keyInit in props) {\n    // be sure to sync next few lines below to getSubStyle (*1)\n    const valInit = props[keyInit]\n\n    // media\n    if (keyInit[0] === '$') {\n      const mediaKey = keyInit.slice(1)\n\n      if (!mediaQueryConfig[mediaKey]) {\n        // this isn't a media key, pass through\n        viewProps[keyInit] = valInit\n        continue\n      }\n\n      // dont check if media is active, we just apply *all* media styles\n      // we combine the media props on top regular props, could proxy this\n      // TODO test proxy here instead of merge\n      const mediaProps = { ...props, ...valInit }\n      // TODO media + hover\n      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props)\n\n      if (isWeb) {\n        const mediaStyles = getStylesAtomic(mediaStyle)\n        if (process.env.NODE_ENV === 'development') {\n          if (props['debug']) {\n            console.log('mediaStyles', keyInit, { mediaProps, mediaStyle, mediaStyles })\n          }\n        }\n        for (const style of mediaStyles) {\n          const out = createMediaStyle(style, mediaKey, mediaQueryConfig)\n          classNames = classNames || []\n          classNames.push(out.identifier)\n          AllRules.add(out.styleRule)\n          insertStyleRule(out.styleRule)\n          if (process.env.NODE_ENV === 'development' && props['debug']) {\n            console.log('mediaProp', style.identifier, out, mediaProps, mediaStyle, mediaStyles)\n          }\n        }\n      } else {\n        if (mediaState[mediaKey]) {\n          style.push(mediaStyle)\n        }\n      }\n      continue\n    }\n\n    // pseudo\n    if (validStylesPseudo[keyInit]) {\n      if (!valInit) continue\n      pseudos = pseudos || {}\n      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props)\n      continue\n    }\n\n    const out = staticConfig.propMapper(keyInit, valInit, theme, props)\n\n    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out)\n\n    for (const [key, val] of expanded) {\n      // const val = valueMap(valInit) ?? valInit\n      const keyFirstChar = key[0]\n      if (key === 'style' || (keyFirstChar === '_' && key.startsWith('_style'))) {\n        if (cur) {\n          // process last\n          fixNativeShadow(cur)\n          style.push(cur)\n          cur = null\n        }\n        fixNativeShadow(val)\n        style.push(val)\n        continue\n      }\n      // expand flex so it merged with flexShrink etc properly\n      // TODO this shouldn't be here...\n      if (key === 'flex') {\n        cur = cur || {}\n        // see spec for flex shorthand https://developer.mozilla.org/en-US/docs/Web/CSS/flex\n        // TODO this fixed a behavior but need to find / document / test\n        Object.assign(cur, {\n          flexGrow: val,\n          flexShrink: 1,\n        })\n        continue\n      }\n      if (!isWeb && key === 'pointerEvents') {\n        viewProps[key] = val\n        continue\n      }\n      if (validStyleProps[key]) {\n        // transforms\n        if (key in stylePropsTransform) {\n          cur = cur || {}\n          mergeTransform(cur, key, val)\n          continue\n        }\n        cur = cur || {}\n        cur[key] = val\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        viewProps[key] = val\n      }\n    }\n  }\n  // push last style\n  if (cur) {\n    fixNativeShadow(cur)\n    style.push(cur)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug']) {\n      console.log(' \uD83E\uDD5A splitProps:', { props, viewProps, style })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n  }\n}\n\nconst getSubStyle = (\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (const key in styleIn) {\n    // be sure to sync next few lines below to loop above (*1)\n    const val = styleIn[key]\n    const out = staticConfig.propMapper(key, val, theme, props)\n    const expanded = out === true || !out ? [[key, val]] : Object.entries(out)\n    for (const [skey, sval] of expanded) {\n      // const sval = valueMap(valInit)\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = sval\n      }\n    }\n  }\n  fixNativeShadow(styleOut)\n  return styleOut\n}\n\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any) => {\n  const transform: any[] = obj.transform\n    ? Array.isArray(obj.transform)\n      ? obj.transform\n      : [obj.transform]\n    : []\n  transform.push({ [mapTransformKeys[key] || key]: val })\n  obj.transform = transform\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/helpers/getStylesAtomic.js

@@ -1,83 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { AllRules } from "@tamagui/helpers";
-import { pseudos } from "../constants/pseudos";
-import { rnw } from "../constants/rnw";
-const generateStyle = /* @__PURE__ */ __name((style) => {
-  const { atomic, createCompileableStyle, createReactDOMStyle, i18Style } = rnw;
-  return {
-    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style))))
-  };
-}, "generateStyle");
-const borderDefaults = {
-  borderWidth: "borderStyle",
-  borderBottomWidth: "borderBottomStyle",
-  borderTopWidth: "borderTopStyle",
-  borderLeftWidth: "borderLeftStyle",
-  borderRightWidth: "borderRightStyle"
-};
-function getStylesAtomic(style, avoidCollection = false) {
-  const styles = {
-    base: {}
-  };
-  for (const key in style) {
-    if (!!pseudos[key]) {
-      styles[key] = style[key];
-    } else {
-      styles.base[key] = style[key];
-    }
-  }
-  return Object.keys(styles).map((key) => {
-    return getAtomicStyle(styles[key], pseudos[key], avoidCollection);
-  }).flat();
-}
-__name(getStylesAtomic, "getStylesAtomic");
-const importantRegex = /\!important*/g;
-function getAtomicStyle(style, pseudo, avoidCollection) {
-  if (style == null || typeof style !== "object") {
-    throw new Error(`Wrong style type: "${typeof style}": ${style}`);
-  }
-  for (const key in borderDefaults) {
-    if (key in style) {
-      style[borderDefaults[key]] = style[borderDefaults[key]] ?? "solid";
-    }
-  }
-  const all = generateStyle(style);
-  return Object.keys(all).map((key) => {
-    const val = all[key];
-    const hash = val.identifier.slice(`${val.identifier}`.lastIndexOf("-") + 1);
-    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : "";
-    const identifier = `_${val.property}-${psuedoPrefix}${hash}`;
-    const className = `.${identifier}`;
-    const rules = val.rules.map((rule) => {
-      if (pseudo) {
-        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ":root").join("") + " ";
-        let res = rule.replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`).replace("{", `:${pseudo.name}{`);
-        if (pseudo.name === "hover") {
-          res = `@media not all and (hover: none) { ${res} }`;
-        }
-        return res;
-      }
-      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, "");
-    });
-    if (!avoidCollection) {
-      if (rules.length > 1) {
-        console.warn("have never seen more than one, verifying");
-      }
-      AllRules.add(rules[0]);
-    }
-    const result = {
-      property: val.property,
-      value: val.value,
-      identifier,
-      className,
-      rules
-    };
-    return result;
-  });
-}
-__name(getAtomicStyle, "getAtomicStyle");
-export {
-  getStylesAtomic
-};
-//# sourceMappingURL=getStylesAtomic.js.map