@tamagui/core 1.0.0-alpha.0

package/_/createTamagui.js

@@ -0,0 +1,122 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { getStyleRules } from "@tamagui/helpers";
+import { Variable, createVariable, isVariable } from "./createVariable";
+import { createTamaguiProvider } from "./helpers/createTamaguiProvider";
+import { configureMedia } from "./hooks/useMedia";
+let conf;
+const getHasConfigured = /* @__PURE__ */ __name(() => !!conf, "getHasConfigured");
+const getTamaguiConfig = /* @__PURE__ */ __name(() => conf, "getTamaguiConfig");
+const configListeners = new Set();
+const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
+  if (conf) {
+    cb(conf);
+  } else {
+    configListeners.add(cb);
+  }
+}, "onConfiguredOnce");
+const PREFIX = `theme--`;
+function createTamagui(config) {
+  if (conf) {
+    throw new Error(`#000 createTamagui called twice`);
+  }
+  configureMedia({
+    queries: config.media,
+    defaultActive: config.mediaQueryDefaultActive
+  });
+  const themeConfig = (() => {
+    let cssRules = [];
+    let tokenRule = `:root {`;
+    const varsByValue = new Map();
+    for (const key in config.tokens) {
+      for (const skey in config.tokens[key]) {
+        const v = config.tokens[key][skey];
+        varsByValue[v.val] = v;
+        tokenRule += `--${v.name}:${typeof v.val === "number" ? `${v.val}px` : v.val};`;
+      }
+    }
+    cssRules.push(`${tokenRule}
+}`);
+    for (const themeName in config.themes) {
+      config.themes[themeName] = { ...config.themes[themeName] };
+      const theme = config.themes[themeName];
+      let vars = "";
+      for (const themeKey in theme) {
+        const val = theme[themeKey];
+        const getVariableCSS = /* @__PURE__ */ __name((inv) => {
+          var _a;
+          const v = (_a = varsByValue[inv]) != null ? _a : inv;
+          return isVariable(v) ? `--${themeKey}:var(--${v.name});` : `--${themeKey}:${v};`;
+        }, "getVariableCSS");
+        vars += getVariableCSS(val);
+        if (!isVariable(val)) {
+          theme[themeKey] = createVariable({
+            name: themeKey,
+            val
+          });
+        }
+      }
+      const [themeClassName, parentName] = themeName.includes("-") ? themeName.split("-") : [themeName, ""];
+      const oppositeName = parentName === "dark" ? "light" : "dark";
+      const cssParentSel = parentName ? `.${PREFIX}${parentName}` : "";
+      const cssChildSel = `.${PREFIX}${themeClassName}`;
+      const cssSel = `${cssParentSel} ${cssChildSel}`;
+      const cssRule = `${cssSel}, .${PREFIX}${oppositeName} ${cssSel} {
+${vars}
+}`;
+      cssRules.push(cssRule);
+    }
+    Object.freeze(cssRules);
+    return {
+      cssRules,
+      css: cssRules.join("\n")
+    };
+  })();
+  const tokensParsed = {};
+  for (const key in config.tokens) {
+    tokensParsed[key] = {};
+    for (const skey in config.tokens[key]) {
+      tokensParsed[key][`$${skey}`] = config.tokens[key][skey];
+    }
+  }
+  const themeParsed = {};
+  const firstKey = Object.keys(config.themes)[0];
+  for (const key in config.themes[firstKey]) {
+    const val = config.themes[firstKey][key].val;
+    themeParsed[`$${key}`] = new Variable({ val, name: key });
+  }
+  const next = {
+    shorthands: {},
+    ...config,
+    Provider: createTamaguiProvider({
+      defaultTheme: "light",
+      ...config
+    }),
+    themeConfig,
+    themeParsed,
+    tokensParsed,
+    getCSS() {
+      return `${themeConfig.css}
+${[...getStyleRules()].join("\n")}`;
+    }
+  };
+  conf = next;
+  if (configListeners.size) {
+    configListeners.forEach((cb) => cb(next));
+    configListeners.clear();
+  }
+  return next;
+}
+__name(createTamagui, "createTamagui");
+function getThemeParentClassName(themeName) {
+  return `theme-parent ${themeName ? `${PREFIX}${themeName}` : ""}`;
+}
+__name(getThemeParentClassName, "getThemeParentClassName");
+export {
+  createTamagui,
+  getHasConfigured,
+  getTamaguiConfig,
+  getThemeParentClassName,
+  onConfiguredOnce
+};
+//# sourceMappingURL=createTamagui.js.map

package/_/createTamagui.js.map

@@ -0,0 +1,7 @@
+{
+  "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 { 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\nexport const getTamaguiConfig = () => conf!\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 (conf) {\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    for (const key in config.tokens) {\n      for (const skey in config.tokens[key]) {\n        const v = config.tokens[key][skey]\n        varsByValue[v.val] = v\n        tokenRule += `--${v.name}:${typeof v.val === 'number' ? `${v.val}px` : v.val};`\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 = {}\n  for (const key in config.tokens) {\n    tokensParsed[key] = {}\n    for (const skey in config.tokens[key]) {\n      tokensParsed[key][`$${skey}`] = config.tokens[key][skey]\n    }\n  }\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    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\n// insertSheet() {\n//   // TODO use new react method of inserting\n//   const tag = createStyleTag()\n//   for (const rule of cssRules) {\n//     tag?.sheet?.insertRule(rule)\n//   }\n// },\n\n// function createStyleTag(): HTMLStyleElement | null {\n//   if (typeof document === 'undefined') {\n//     return null\n//   }\n//   const tag = document.createElement('style')\n//   tag.className = 'tamagui-css-vars'\n//   tag.setAttribute('type', 'text/css')\n//   tag.appendChild(document.createTextNode(''))\n//   if (!document.head) {\n//     throw new Error('expected head')\n//   }\n//   document.head.appendChild(tag)\n//   return tag\n// }\n"],
+  "mappings": ";;AAAA;AAEA;AACA;AACA;AAsBA,IAAI;AAEG,MAAM,mBAAmB,6BAAM,CAAC,CAAC,MAAR;AACzB,MAAM,mBAAmB,6BAAM,MAAN;AAGhC,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,MAAM;AACR,UAAM,IAAI,MAAM;AAAA;AAGlB,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,eAAW,OAAO,OAAO,QAAQ;AAC/B,iBAAW,QAAQ,OAAO,OAAO,MAAM;AACrC,cAAM,IAAI,OAAO,OAAO,KAAK;AAC7B,oBAAY,EAAE,OAAO;AACrB,qBAAa,KAAK,EAAE,QAAQ,OAAO,EAAE,QAAQ,WAAW,GAAG,EAAE,UAAU,EAAE;AAAA;AAAA;AAG7E,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;AAjF7C;AAkFU,gBAAM,IAAI,kBAAY,SAAZ,YAAoB;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;AAC1B,aAAW,OAAO,OAAO,QAAQ;AAC/B,iBAAa,OAAO;AACpB,eAAW,QAAQ,OAAO,OAAO,MAAM;AACrC,mBAAa,KAAK,IAAI,UAAU,OAAO,OAAO,KAAK;AAAA;AAAA;AAKvD,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,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;AAnHO;AAsHT,iCAAiC,WAA2B;AACjE,SAAO,gBAAgB,YAAY,GAAG,SAAS,cAAc;AAAA;AAD/C;",
+  "names": []
+}

package/_/createTheme.js

@@ -0,0 +1,20 @@
+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/_/createTheme.js.map

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

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createVariable } from "./createVariable";
+function createTokens(tokens) {
+  return setupTokens(tokens);
+}
+__name(createTokens, "createTokens");
+function setupTokens(tokens) {
+  return mapTokensToVariables(tokens);
+}
+__name(setupTokens, "setupTokens");
+const mapTokensToVariables = /* @__PURE__ */ __name((tokens, parentPath = "") => {
+  const res = {};
+  for (const key in tokens) {
+    const val = tokens[key];
+    const name = parentPath ? `${parentPath}-${key}` : key;
+    if (val && typeof val === "object") {
+      res[key] = mapTokensToVariables(tokens[key], name);
+    } else {
+      res[key] = createVariable({ val, name });
+    }
+  }
+  return res;
+}, "mapTokensToVariables");
+export {
+  createTokens,
+  mapTokensToVariables
+};
+//# sourceMappingURL=createTokens.js.map

package/_/createTokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/createTokens.ts"],
+  "sourcesContent": ["import { Variable, createVariable } from './createVariable'\nimport { CreateTokens } from './types'\n\n// tokens.color.dark.red ===>{ var: `color-dark-red`, val: '' }\n\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n  // @ts-ignore\n  return setupTokens(tokens)\n}\n\nfunction setupTokens(tokens: any) {\n  return mapTokensToVariables(tokens)\n}\n\nexport const mapTokensToVariables = (\n  tokens: CreateTokens,\n  parentPath = ''\n): CreateTokens<Variable> => {\n  const res = {}\n  for (const key in tokens) {\n    const val = tokens[key]\n    const name = parentPath ? `${parentPath}-${key}` : key\n    if (val && typeof val === 'object') {\n      res[key] = mapTokensToVariables(tokens[key], name)\n    } else {\n      res[key] = createVariable({ val, name })\n    }\n  }\n  // @ts-expect-error\n  return res\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n  font: infer A\n  fontSize: infer B\n  lineHeight: infer C\n  letterSpace: infer D\n  color: infer E\n  space: infer F\n  size: infer G\n  radius: infer H\n  zIndex: infer J\n}\n  ? {\n      font: {\n        [key in keyof A]: Variable\n      }\n      fontSize: {\n        [key in keyof B]: Variable\n      }\n      lineHeight: {\n        [key in keyof C]: Variable\n      }\n      letterSpace: {\n        [key in keyof D]: Variable\n      }\n      color: {\n        [key in keyof E]: Variable\n      }\n      space: {\n        [key in keyof F]: Variable\n      }\n      size: {\n        [key in keyof G]: Variable\n      }\n      radius: {\n        [key in keyof H]: Variable\n      }\n      zIndex: {\n        [key in keyof J]: Variable\n      }\n    }\n  : never\n"],
+  "mappings": ";;AAAA;AAKO,sBAA8C,QAA0B;AAE7E,SAAO,YAAY;AAAA;AAFL;AAKhB,qBAAqB,QAAa;AAChC,SAAO,qBAAqB;AAAA;AADrB;AAIF,MAAM,uBAAuB,wBAClC,QACA,aAAa,OACc;AAC3B,QAAM,MAAM;AACZ,aAAW,OAAO,QAAQ;AACxB,UAAM,MAAM,OAAO;AACnB,UAAM,OAAO,aAAa,GAAG,cAAc,QAAQ;AACnD,QAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,UAAI,OAAO,qBAAqB,OAAO,MAAM;AAAA,WACxC;AACL,UAAI,OAAO,eAAe,EAAE,KAAK;AAAA;AAAA;AAIrC,SAAO;AAAA,GAf2B;",
+  "names": []
+}

package/_/createVariable.js

@@ -0,0 +1,22 @@
+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;
+  }
+}
+__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/_/createVariable.js.map

@@ -0,0 +1,7 @@
+{
+  "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\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;AAT7C;AAeA,MAAM,iBAAiB,wBAAC,UAAsB,IAAI,SAAS,QAApC;AAEvB,oBAAoB,GAAkC;AAC3D,SAAO,aAAa;AAAA;AADN;",
+  "names": []
+}

package/_/helpers/addStylesUsingClassname.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { getStylesAtomic } from "./getStylesAtomic";
+import { insertStyleRule } from "./insertStyleRule";
+let added = {};
+function addStylesUsingClassname(styles) {
+  let className = "";
+  for (const style of styles) {
+    if (!style)
+      continue;
+    if (Array.isArray(style)) {
+      className += " " + addStylesUsingClassname(style);
+      continue;
+    }
+    for (const { identifier, rules } of getStylesAtomic(style)) {
+      className += ` ${identifier}`;
+      if (added[identifier]) {
+        continue;
+      }
+      added[identifier] = true;
+      for (const rule of rules) {
+        insertStyleRule(rule);
+      }
+    }
+  }
+  return className;
+}
+__name(addStylesUsingClassname, "addStylesUsingClassname");
+export {
+  addStylesUsingClassname
+};
+//# sourceMappingURL=addStylesUsingClassname.js.map

package/_/helpers/addStylesUsingClassname.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/addStylesUsingClassname.tsx"],
+  "sourcesContent": ["import { getStylesAtomic } from './getStylesAtomic'\nimport { insertStyleRule } from './insertStyleRule'\n\nlet added = {}\n\n// TODO use upcoming react method for inserting\n\nexport function addStylesUsingClassname(styles: any[]) {\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[identifier]) {\n        continue\n      }\n      added[identifier] = true\n      for (const rule of rules) {\n        insertStyleRule(rule)\n      }\n    }\n  }\n  return className\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEA,IAAI,QAAQ;AAIL,iCAAiC,QAAe;AACrD,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,aAAa;AACrB;AAAA;AAEF,YAAM,cAAc;AACpB,iBAAW,QAAQ,OAAO;AACxB,wBAAgB;AAAA;AAAA;AAAA;AAItB,SAAO;AAAA;AAnBO;",
+  "names": []
+}

package/_/helpers/createMediaStyle.js

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { mediaObjectToString } from "../hooks/useMedia";
+const MEDIA_SEP = "_";
+const createMediaStyle = /* @__PURE__ */ __name(({ identifier, rules }, mediaKey, mediaQueries, negate, importance = 0) => {
+  const mediaKeys = Object.keys(mediaQueries);
+  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {
+    acc[cur] = new Array(importance + 1).fill(":root").join("");
+    return acc;
+  }, {});
+  const negKey = negate ? "0" : "";
+  const ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1);
+  const nextIdentifier = `${identifier.replace(ogPrefix, `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`)}`;
+  const screenStr = negate ? "not all" : "screen";
+  const mediaSelector = mediaObjectToString(mediaQueries[mediaKey]);
+  const mediaQuery = `${screenStr} and ${mediaSelector}`;
+  const precendencePrefix = mediaKeyPrecendence[mediaKey];
+  const styleInner = rules[0].replace(identifier, nextIdentifier);
+  let styleRule = "";
+  if (styleInner.includes("@media")) {
+    styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
+  } else {
+    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`;
+  }
+  return {
+    styleRule,
+    identifier: nextIdentifier
+  };
+}, "createMediaStyle");
+export {
+  MEDIA_SEP,
+  createMediaStyle
+};
+//# sourceMappingURL=createMediaStyle.js.map

package/_/helpers/createMediaStyle.js.map

@@ -0,0 +1,7 @@
+{
+  "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/_/helpers/createTamaguiProvider.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as React from "react";
+import { Platform } from "react-native";
+import {
+  SafeAreaProvider,
+  initialWindowMetrics as defaultInitialWindowMetrics
+} from "react-native-safe-area-context";
+import { TextAncestorProvider } from "../views/TextAncestorContext";
+import { ThemeProvider } from "../views/ThemeProvider";
+function createTamaguiProvider(themeProps) {
+  let defaultMetrics = null;
+  return /* @__PURE__ */ __name(function TamaguiProvider({
+    initialWindowMetrics,
+    fallback,
+    children,
+    ...themePropsProvider
+  }) {
+    if (!initialWindowMetrics && !defaultMetrics) {
+      defaultMetrics = Platform.select({
+        web: {
+          frame: { x: 0, y: 0, width: 0, height: 0 },
+          insets: { top: 0, left: 0, right: 0, bottom: 0 }
+        },
+        default: defaultInitialWindowMetrics
+      });
+    }
+    return /* @__PURE__ */ React.createElement(TextAncestorProvider, null, /* @__PURE__ */ React.createElement(SafeAreaProvider, {
+      initialMetrics: initialWindowMetrics != null ? initialWindowMetrics : defaultMetrics
+    }, /* @__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/_/helpers/createTamaguiProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/createTamaguiProvider.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Platform } from 'react-native'\nimport {\n  Metrics,\n  SafeAreaProvider,\n  initialWindowMetrics as defaultInitialWindowMetrics,\n} from 'react-native-safe-area-context'\n\nimport { TamaguiProviderProps } from '../types'\nimport { TextAncestorProvider } from '../views/TextAncestorContext'\nimport { ThemeProvider, ThemeProviderProps } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(themeProps: ThemeProviderProps) {\n  let defaultMetrics: Metrics | null = null\n  return function TamaguiProvider({\n    initialWindowMetrics,\n    fallback,\n    children,\n    ...themePropsProvider\n  }: TamaguiProviderProps) {\n    if (!initialWindowMetrics && !defaultMetrics) {\n      defaultMetrics = Platform.select({\n        web: {\n          frame: { x: 0, y: 0, width: 0, height: 0 },\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\n        },\n        default: defaultInitialWindowMetrics,\n      })\n    }\n    return (\n      <TextAncestorProvider>\n        <SafeAreaProvider initialMetrics={initialWindowMetrics ?? defaultMetrics}>\n          <ThemeProvider {...themeProps} {...themePropsProvider}>\n            <React.Suspense fallback={fallback || null}>{children}</React.Suspense>\n          </ThemeProvider>\n        </SafeAreaProvider>\n      </TextAncestorProvider>\n    )\n  }\n}\n"],
+  "mappings": ";;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAOA;AACA;AAEO,+BAA+B,YAAgC;AACpE,MAAI,iBAAiC;AACrC,SAAO,gDAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,QAAI,CAAC,wBAAwB,CAAC,gBAAgB;AAC5C,uBAAiB,SAAS,OAAO;AAAA,QAC/B,KAAK;AAAA,UACH,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ;AAAA,UACvC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;AAAA;AAAA,QAE/C,SAAS;AAAA;AAAA;AAGb,WACE,oCAAC,sBAAD,MACE,oCAAC,kBAAD;AAAA,MAAkB,gBAAgB,sDAAwB;AAAA,OACxD,oCAAC,eAAD;AAAA,SAAmB;AAAA,SAAgB;AAAA,OACjC,oCAAC,MAAM,UAAP;AAAA,MAAgB,UAAU,YAAY;AAAA,OAAO;AAAA,KAnBhD;AAAA;AAFO;",
+  "names": []
+}

package/_/helpers/extendStaticConfig.js

@@ -0,0 +1,176 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { getTamaguiConfig } from "../createTamagui";
+import { Variable } from "../createVariable";
+function extendStaticConfig(Component, config = {}) {
+  var _a, _b;
+  const a = Component || {};
+  if (!a.staticConfig) {
+    a.staticConfig = {
+      Component
+    };
+  }
+  return parseStaticConfig({
+    ...a.staticConfig,
+    variants: {
+      ...a.staticConfig.variants,
+      ...config.variants
+    },
+    isText: config.isText || a.staticConfig.isText || false,
+    neverFlatten: (_a = config.neverFlatten) != null ? _a : a.staticConfig.neverFlatten,
+    ensureOverriddenProp: (_b = config.ensureOverriddenProp) != null ? _b : a.staticConfig.ensureOverriddenProp,
+    validStyles: config.validStyles ? {
+      ...a.staticConfig.validStyles,
+      ...config.validStyles
+    } : a.staticConfig.validStyles,
+    validPropsExtra: {
+      ...a.staticConfig.validPropsExtra,
+      ...config.validPropsExtra
+    },
+    defaultProps: {
+      ...a.staticConfig.defaultProps,
+      ...config.defaultProps
+    }
+  });
+}
+__name(extendStaticConfig, "extendStaticConfig");
+function parseStaticConfig(c) {
+  const variants = c.variants;
+  let variantsParsed;
+  return {
+    ...c,
+    parsed: true,
+    propMapper(key, value, theme) {
+      var _a;
+      const conf = getTamaguiConfig();
+      if (!conf) {
+        console.trace("err");
+        return;
+      }
+      if (variants && !variantsParsed) {
+        variantsParsed = parseVariants(variants, conf);
+      }
+      const variant = variantsParsed == null ? void 0 : variantsParsed[key];
+      if (variant) {
+        const tokenKey = typeof value === "string" && value[0] === "$" ? value.slice(1) : value;
+        const val = tokenKey === true ? variant["true"] : (_a = variant[tokenKey]) != null ? _a : value;
+        let res;
+        if (typeof val === "function") {
+          res = val(tokenKey, { tokens: conf.tokens, theme });
+        } else {
+          res = val;
+        }
+        if (res) {
+          for (const rKey in res) {
+            const fKey = conf.shorthands[rKey] || rKey;
+            if (rKey !== fKey) {
+              delete res[rKey];
+            }
+            const val2 = res[rKey];
+            if (val2 instanceof Variable) {
+              res[fKey] = val2.variable;
+            } else if (val2) {
+              const fVal = val2[0] === "$" ? getToken(fKey, val2, conf) : val2;
+              res[fKey] = fVal;
+            } else {
+            }
+          }
+        }
+        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);
+      }
+      if (value instanceof Variable) {
+        shouldReturn = true;
+        value = value.variable;
+      }
+      if (shouldReturn) {
+        return {
+          [key]: value
+        };
+      }
+    }
+  };
+}
+__name(parseStaticConfig, "parseStaticConfig");
+const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }) => {
+  if (themeParsed[value]) {
+    return themeParsed[value].variable;
+  }
+  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
+  },
+  font: {
+    fontFamily: true
+  },
+  fontSize: {
+    fontSize: true
+  },
+  lineHeight: {
+    lineHeight: 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) => {
+      if (vkey.startsWith("...")) {
+        const tokenKey = vkey.slice(3);
+        const tokens = conf.tokens[tokenKey];
+        for (const tkey in tokens) {
+          vacc[tkey] = variants[key][vkey];
+        }
+      } else {
+        vacc[vkey] = variants[key][vkey];
+      }
+      return vacc;
+    }, {});
+    return acc;
+  }, {});
+}
+__name(parseVariants, "parseVariants");
+export {
+  extendStaticConfig,
+  parseStaticConfig
+};
+//# sourceMappingURL=extendStaticConfig.js.map

package/_/helpers/extendStaticConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/extendStaticConfig.ts"],
+  "sourcesContent": ["import React from 'react'\n\nimport { getTamaguiConfig } from '../createTamagui'\nimport { Variable } from '../createVariable'\nimport { StaticComponent, StaticConfig, StaticConfigParsed, TamaguiInternalConfig } from '../types'\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 a = (Component || {}) as any\n  if (!a.staticConfig) {\n    // if no static config, we are extending an external component\n    a.staticConfig = {\n      Component,\n    }\n  }\n\n  return parseStaticConfig({\n    ...a.staticConfig,\n    variants: {\n      ...a.staticConfig.variants,\n      ...config.variants,\n    },\n    isText: config.isText || a.staticConfig.isText || false,\n    neverFlatten: config.neverFlatten ?? a.staticConfig.neverFlatten,\n    ensureOverriddenProp: config.ensureOverriddenProp ?? a.staticConfig.ensureOverriddenProp,\n    validStyles: config.validStyles\n      ? {\n          ...a.staticConfig.validStyles,\n          ...config.validStyles,\n        }\n      : a.staticConfig.validStyles,\n    validPropsExtra: {\n      ...a.staticConfig.validPropsExtra,\n      ...config.validPropsExtra,\n    },\n    defaultProps: {\n      ...a.staticConfig.defaultProps,\n      ...config.defaultProps,\n    },\n  })\n}\n\nexport function parseStaticConfig(c: StaticConfig): StaticConfigParsed {\n  const variants = c.variants\n  let variantsParsed\n  return {\n    ...c,\n    parsed: true,\n\n    propMapper(key: string, value: any, theme: any) {\n      const conf = getTamaguiConfig()\n      if (!conf) {\n        console.trace('err')\n        return\n      }\n      if (variants && !variantsParsed) {\n        variantsParsed = parseVariants(variants, conf)\n      }\n\n      // expand variants\n      const variant = variantsParsed?.[key]\n      if (variant) {\n        const tokenKey = typeof value === 'string' && value[0] === '$' ? value.slice(1) : value\n        const val = tokenKey === true ? variant['true'] : variant[tokenKey] ?? value\n\n        let res: any\n        if (typeof val === 'function') {\n          res = val(tokenKey, { tokens: conf.tokens, theme })\n        } else {\n          res = val\n        }\n\n        if (res) {\n          for (const rKey in res) {\n            const fKey = conf.shorthands[rKey] || rKey\n            if (rKey !== fKey) {\n              delete res[rKey]\n            }\n            const val = res[rKey]\n            if (val instanceof Variable) {\n              res[fKey] = val.variable\n            } else if (val) {\n              const fVal = val[0] === '$' ? getToken(fKey, val, conf) : val\n              res[fKey] = fVal\n            } else {\n              // nullish values can't be tokens\n            }\n          }\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)\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}\n\nconst getToken = (\n  key: string,\n  value: string,\n  { tokensParsed, themeParsed }: TamaguiInternalConfig\n) => {\n  if (themeParsed[value]) {\n    return themeParsed[value].variable\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)\n\nconst tokenCategories = {\n  size: {\n    width: true,\n    height: true,\n    minWidth: true,\n    minHeight: true,\n    maxWidth: true,\n    maxHeight: true,\n  },\n  font: {\n    fontFamily: true,\n  },\n  fontSize: {\n    fontSize: true,\n  },\n  lineHeight: {\n    lineHeight: 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\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      if (vkey.startsWith('...')) {\n        const tokenKey = vkey.slice(3)\n        const tokens = conf.tokens[tokenKey]\n        for (const tkey in tokens) {\n          vacc[tkey] = variants[key][vkey]\n        }\n        // explode\n        // acc[vkey] = variants[key][vkey]\n      } else {\n        vacc[vkey] = variants[key][vkey]\n      }\n      return vacc\n    }, {})\n    return acc\n  }, {})\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/_/helpers/fixNativeShadow.js

@@ -0,0 +1,8 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const fixNativeShadow = /* @__PURE__ */ __name((a) => {
+}, "fixNativeShadow");
+export {
+  fixNativeShadow
+};
+//# sourceMappingURL=fixNativeShadow.js.map

package/_/helpers/fixNativeShadow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/fixNativeShadow.tsx"],
+  "sourcesContent": ["// only native of course\nexport const fixNativeShadow = (a: any) => {}\n"],
+  "mappings": ";;AACO,MAAM,kBAAkB,wBAAC,MAAW;AAAA,GAAZ;",
+  "names": []
+}

package/_/helpers/fixNativeShadow.native.js

@@ -0,0 +1,30 @@
+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/_/helpers/fixNativeShadow.native.js.map

@@ -0,0 +1,7 @@
+{
+  "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": []
+}