@tamagui/static 1.0.0-alpha.9 → 1.0.0-beta.152

package/dist/{extractor → esm/extractor}/logLines.js

@@ -1,15 +1,20 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const logLines = /* @__PURE__ */ __name((str) => {
+const prefix = "           ";
+const logLines = /* @__PURE__ */ __name((str, singleLine = false) => {
+  if (singleLine) {
+    return prefix + str.split(" ").join(`
+${prefix}`);
+  }
   let lines = [""];
   const items = str.split(" ");
   for (const item of items) {
-    if (item.length + lines[lines.length - 1].length > 100) {
+    if (item.length + lines[lines.length - 1].length > 85) {
       lines.push("");
     }
     lines[lines.length - 1] += item + " ";
   }
-  return lines.map((line, i) => "           " + (i == 0 ? "" : " ") + line.trim()).join("\n");
+  return lines.map((line, i) => prefix + (i == 0 ? "" : " ") + line.trim()).join("\n");
 }, "logLines");
 export {
   logLines

package/dist/esm/extractor/logLines.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/logLines.ts"],
+  "sourcesContent": ["const prefix = '           '\n\nexport const logLines = (str: string, singleLine = false) => {\n  if (singleLine) {\n    return prefix + str.split(' ').join(`\\n${prefix}`)\n  }\n  let lines: string[] = ['']\n  const items = str.split(' ')\n  for (const item of items) {\n    if (item.length + lines[lines.length - 1].length > 85) {\n      lines.push('')\n    }\n    lines[lines.length - 1] += item + ' '\n  }\n  return lines.map((line, i) => prefix + (i == 0 ? '' : ' ') + line.trim()).join('\\n')\n}\n"],
+  "mappings": ";;AAAA,MAAM,SAAS;AAER,MAAM,WAAW,wBAAC,KAAa,aAAa,UAAU;AAC3D,MAAI,YAAY;AACd,WAAO,SAAS,IAAI,MAAM,GAAG,EAAE,KAAK;AAAA,EAAK,QAAQ;AAAA,EACnD;AACA,MAAI,QAAkB,CAAC,EAAE;AACzB,QAAM,QAAQ,IAAI,MAAM,GAAG;AAC3B,aAAW,QAAQ,OAAO;AACxB,QAAI,KAAK,SAAS,MAAM,MAAM,SAAS,GAAG,SAAS,IAAI;AACrD,YAAM,KAAK,EAAE;AAAA,IACf;AACA,UAAM,MAAM,SAAS,MAAM,OAAO;AAAA,EACpC;AACA,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM,SAAU,MAAK,IAAI,KAAK,OAAO,KAAK,KAAK,CAAC,EAAE,KAAK,IAAI;AACrF,GAbwB;",
+  "names": []
+}

package/dist/{extractor → esm/extractor}/normalizeTernaries.js

@@ -4,6 +4,7 @@ import generate from "@babel/generator";
 import * as t from "@babel/types";
 import invariant from "invariant";
 function normalizeTernaries(ternaries) {
+  var _a, _b;
   invariant(Array.isArray(ternaries), "extractStaticTernaries expects param 1 to be an array of ternaries");
   if (ternaries.length === 0) {
     return [];
@@ -35,8 +36,8 @@ function normalizeTernaries(ternaries) {
         remove
       };
     }
-    const altStyle = (shouldSwap ? consequent : alternate) ?? {};
-    const consStyle = (shouldSwap ? alternate : consequent) ?? {};
+    const altStyle = (_a = shouldSwap ? consequent : alternate) != null ? _a : {};
+    const consStyle = (_b = shouldSwap ? alternate : consequent) != null ? _b : {};
     Object.assign(ternariesByKey[key].alternate, altStyle);
     Object.assign(ternariesByKey[key].consequent, consStyle);
   }

package/dist/esm/extractor/normalizeTernaries.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/normalizeTernaries.ts"],
+  "sourcesContent": ["import generate from '@babel/generator'\nimport * as t from '@babel/types'\nimport invariant from 'invariant'\n\nimport { Ternary } from '../types'\n\nexport function normalizeTernaries(ternaries: Ternary[]) {\n  invariant(\n    Array.isArray(ternaries),\n    'extractStaticTernaries expects param 1 to be an array of ternaries'\n  )\n\n  if (ternaries.length === 0) {\n    return []\n  }\n\n  const ternariesByKey: { [key: string]: Ternary } = {}\n\n  for (let idx = -1, len = ternaries.length; ++idx < len; ) {\n    const { test, consequent, alternate, remove, ...rest } = ternaries[idx]\n\n    let ternaryTest = test\n\n    // strip parens\n    if (t.isExpressionStatement(test)) {\n      ternaryTest = (test as any).expression\n    }\n\n    // convert `!thing` to `thing` with swapped consequent and alternate\n    let shouldSwap = false\n    if (t.isUnaryExpression(test) && test.operator === '!') {\n      ternaryTest = test.argument\n      shouldSwap = true\n    } else if (t.isBinaryExpression(test)) {\n      if (test.operator === '!==' || test.operator === '!=') {\n        ternaryTest = t.binaryExpression(test.operator, test.left, test.right)\n        shouldSwap = true\n      }\n    }\n\n    const key = generate(ternaryTest).code\n\n    if (!ternariesByKey[key]) {\n      ternariesByKey[key] = {\n        ...rest,\n        alternate: {},\n        consequent: {},\n        test: ternaryTest,\n        remove,\n      }\n    }\n    const altStyle = (shouldSwap ? consequent : alternate) ?? {}\n    const consStyle = (shouldSwap ? alternate : consequent) ?? {}\n    Object.assign(ternariesByKey[key].alternate!, altStyle)\n    Object.assign(ternariesByKey[key].consequent!, consStyle)\n  }\n\n  const ternaryExpression = Object.keys(ternariesByKey).map((key) => {\n    return ternariesByKey[key]\n  })\n\n  return ternaryExpression\n}\n"],
+  "mappings": ";;AAAA;AACA;AACA;AAIO,4BAA4B,WAAsB;AANzD;AAOE,YACE,MAAM,QAAQ,SAAS,GACvB,oEACF;AAEA,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,iBAA6C,CAAC;AAEpD,WAAS,MAAM,IAAI,MAAM,UAAU,QAAQ,EAAE,MAAM,OAAO;AACxD,UAAM,EAAE,MAAM,YAAY,WAAW,WAAW,SAAS,UAAU;AAEnE,QAAI,cAAc;AAGlB,QAAI,EAAE,sBAAsB,IAAI,GAAG;AACjC,oBAAe,KAAa;AAAA,IAC9B;AAGA,QAAI,aAAa;AACjB,QAAI,EAAE,kBAAkB,IAAI,KAAK,KAAK,aAAa,KAAK;AACtD,oBAAc,KAAK;AACnB,mBAAa;AAAA,IACf,WAAW,EAAE,mBAAmB,IAAI,GAAG;AACrC,UAAI,KAAK,aAAa,SAAS,KAAK,aAAa,MAAM;AACrD,sBAAc,EAAE,iBAAiB,KAAK,UAAU,KAAK,MAAM,KAAK,KAAK;AACrE,qBAAa;AAAA,MACf;AAAA,IACF;AAEA,UAAM,MAAM,SAAS,WAAW,EAAE;AAElC,QAAI,CAAC,eAAe,MAAM;AACxB,qBAAe,OAAO;AAAA,WACjB;AAAA,QACH,WAAW,CAAC;AAAA,QACZ,YAAY,CAAC;AAAA,QACb,MAAM;AAAA,QACN;AAAA,MACF;AAAA,IACF;AACA,UAAM,WAAY,mBAAa,aAAa,cAA1B,YAAwC,CAAC;AAC3D,UAAM,YAAa,mBAAa,YAAY,eAAzB,YAAwC,CAAC;AAC5D,WAAO,OAAO,eAAe,KAAK,WAAY,QAAQ;AACtD,WAAO,OAAO,eAAe,KAAK,YAAa,SAAS;AAAA,EAC1D;AAEA,QAAM,oBAAoB,OAAO,KAAK,cAAc,EAAE,IAAI,CAAC,QAAQ;AACjE,WAAO,eAAe;AAAA,EACxB,CAAC;AAED,SAAO;AACT;AAxDgB;",
+  "names": []
+}

package/dist/{extractor → esm/extractor}/removeUnusedHooks.js

@@ -6,8 +6,9 @@ const hooks = {
   useTheme: true
 };
 function removeUnusedHooks(compFn, shouldPrintDebug) {
+  var _a;
   compFn.scope.crawl();
-  let bodyStatements = compFn?.get("body");
+  let bodyStatements = compFn == null ? void 0 : compFn.get("body");
   if (!bodyStatements) {
     console.log("no body statemnts?", compFn);
     return;
@@ -32,7 +33,8 @@ function removeUnusedHooks(compFn, shouldPrintDebug) {
       continue;
     }
     const isBindingReferenced = /* @__PURE__ */ __name((name) => {
-      return !!statement.scope.getBinding(name)?.referenced;
+      var _a2;
+      return !!((_a2 = statement.scope.getBinding(name)) == null ? void 0 : _a2.referenced);
     }, "isBindingReferenced");
     for (const declarator of declarations) {
       const id = declarator.get("id");
@@ -65,7 +67,7 @@ function removeUnusedHooks(compFn, shouldPrintDebug) {
       if (shouldRemove) {
         declarator.remove();
         if (shouldPrintDebug) {
-          console.log(`  [\u{1FA9D}] removed ${id.node["name"] ?? ""}`);
+          console.log(`  [\u{1FA9D}] removed ${(_a = id.node["name"]) != null ? _a : ""}`);
         }
       }
     }

package/dist/esm/extractor/removeUnusedHooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/removeUnusedHooks.ts"],
+  "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\n\nconst hooks = {\n  useMedia: true,\n  useTheme: true,\n}\n\nexport function removeUnusedHooks(compFn: NodePath<any>, shouldPrintDebug: boolean | 'verbose') {\n  compFn.scope.crawl()\n  // check the top level statements\n  let bodyStatements = compFn?.get('body')\n  if (!bodyStatements) {\n    console.log('no body statemnts?', compFn)\n    return\n  }\n  if (!Array.isArray(bodyStatements)) {\n    if (bodyStatements.isFunctionExpression()) {\n      bodyStatements = bodyStatements.scope.path.get('body')\n    } else {\n      bodyStatements = bodyStatements.get('body')\n    }\n  }\n  if (!bodyStatements || !Array.isArray(bodyStatements)) {\n    return\n  }\n  const statements = bodyStatements as NodePath<any>[]\n  for (const statement of statements) {\n    if (!statement.isVariableDeclaration()) {\n      continue\n    }\n    const declarations = statement.get('declarations')\n    if (!Array.isArray(declarations)) {\n      continue\n    }\n    const isBindingReferenced = (name: string) => {\n      return !!statement.scope.getBinding(name)?.referenced\n    }\n    for (const declarator of declarations) {\n      const id = declarator.get('id')\n      const init = declarator.node.init\n      if (Array.isArray(id) || Array.isArray(init)) {\n        continue\n      }\n      const shouldRemove = (() => {\n        const isHook =\n          t.isCallExpression(init) && t.isIdentifier(init.callee) && hooks[init.callee.name]\n        if (!isHook) {\n          return false\n        }\n        if (t.isIdentifier(id.node)) {\n          // remove \"const media = useMedia()\"\n          const name = id.node.name\n          return !isBindingReferenced(name)\n        } else if (t.isObjectPattern(id.node)) {\n          // remove \"const { sm } = useMedia()\"\n          const propPaths = id.get('properties') as NodePath<any>[]\n          return propPaths.every((prop) => {\n            if (!prop.isObjectProperty()) return false\n            const value = prop.get('value')\n            if (Array.isArray(value) || !value.isIdentifier()) return false\n            const name = value.node.name\n            return !isBindingReferenced(name)\n          })\n        }\n        return false\n      })()\n      if (shouldRemove) {\n        declarator.remove()\n        if (shouldPrintDebug) {\n          console.log(`  [\uD83E\uDE9D] removed ${id.node['name'] ?? ''}`)\n        }\n      }\n    }\n  }\n}\n"],
+  "mappings": ";;AACA;AAEA,MAAM,QAAQ;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,2BAA2B,QAAuB,kBAAuC;AARhG;AASE,SAAO,MAAM,MAAM;AAEnB,MAAI,iBAAiB,iCAAQ,IAAI;AACjC,MAAI,CAAC,gBAAgB;AACnB,YAAQ,IAAI,sBAAsB,MAAM;AACxC;AAAA,EACF;AACA,MAAI,CAAC,MAAM,QAAQ,cAAc,GAAG;AAClC,QAAI,eAAe,qBAAqB,GAAG;AACzC,uBAAiB,eAAe,MAAM,KAAK,IAAI,MAAM;AAAA,IACvD,OAAO;AACL,uBAAiB,eAAe,IAAI,MAAM;AAAA,IAC5C;AAAA,EACF;AACA,MAAI,CAAC,kBAAkB,CAAC,MAAM,QAAQ,cAAc,GAAG;AACrD;AAAA,EACF;AACA,QAAM,aAAa;AACnB,aAAW,aAAa,YAAY;AAClC,QAAI,CAAC,UAAU,sBAAsB,GAAG;AACtC;AAAA,IACF;AACA,UAAM,eAAe,UAAU,IAAI,cAAc;AACjD,QAAI,CAAC,MAAM,QAAQ,YAAY,GAAG;AAChC;AAAA,IACF;AACA,UAAM,sBAAsB,wBAAC,SAAiB;AAnClD;AAoCM,aAAO,CAAC,CAAC,kBAAU,MAAM,WAAW,IAAI,MAA/B,oBAAkC;AAAA,IAC7C,GAF4B;AAG5B,eAAW,cAAc,cAAc;AACrC,YAAM,KAAK,WAAW,IAAI,IAAI;AAC9B,YAAM,OAAO,WAAW,KAAK;AAC7B,UAAI,MAAM,QAAQ,EAAE,KAAK,MAAM,QAAQ,IAAI,GAAG;AAC5C;AAAA,MACF;AACA,YAAM,eAAgB,OAAM;AAC1B,cAAM,SACJ,EAAE,iBAAiB,IAAI,KAAK,EAAE,aAAa,KAAK,MAAM,KAAK,MAAM,KAAK,OAAO;AAC/E,YAAI,CAAC,QAAQ;AACX,iBAAO;AAAA,QACT;AACA,YAAI,EAAE,aAAa,GAAG,IAAI,GAAG;AAE3B,gBAAM,OAAO,GAAG,KAAK;AACrB,iBAAO,CAAC,oBAAoB,IAAI;AAAA,QAClC,WAAW,EAAE,gBAAgB,GAAG,IAAI,GAAG;AAErC,gBAAM,YAAY,GAAG,IAAI,YAAY;AACrC,iBAAO,UAAU,MAAM,CAAC,SAAS;AAC/B,gBAAI,CAAC,KAAK,iBAAiB;AAAG,qBAAO;AACrC,kBAAM,QAAQ,KAAK,IAAI,OAAO;AAC9B,gBAAI,MAAM,QAAQ,KAAK,KAAK,CAAC,MAAM,aAAa;AAAG,qBAAO;AAC1D,kBAAM,OAAO,MAAM,KAAK;AACxB,mBAAO,CAAC,oBAAoB,IAAI;AAAA,UAClC,CAAC;AAAA,QACH;AACA,eAAO;AAAA,MACT,GAAG;AACH,UAAI,cAAc;AAChB,mBAAW,OAAO;AAClB,YAAI,kBAAkB;AACpB,kBAAQ,IAAI,yBAAkB,SAAG,KAAK,YAAR,YAAmB,IAAI;AAAA,QACvD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAnEgB;",
+  "names": []
+}

package/dist/esm/extractor/validHTMLAttributes.js

@@ -0,0 +1,52 @@
+const validHTMLAttributes = {
+  autocomplete: true,
+  border: true,
+  contenteditable: true,
+  crossorigin: true,
+  dir: true,
+  draggable: true,
+  enctype: true,
+  formenctype: true,
+  formmethod: true,
+  formtarget: true,
+  inputmode: true,
+  kind: true,
+  link: true,
+  method: true,
+  preload: true,
+  referrerpolicy: true,
+  rel: true,
+  rev: true,
+  role: true,
+  sandbox: true,
+  shape: true,
+  spellcheck: true,
+  target: true,
+  translate: true,
+  type: true,
+  wrap: true,
+  "aria-autocomplete": true,
+  "aria-busy": true,
+  "aria-checked": true,
+  "aria-current": true,
+  "aria-disabled": true,
+  "aria-expanded": true,
+  "aria-haspopup": true,
+  "aria-hidden": true,
+  "aria-invalid": true,
+  "aria-polite": true,
+  "aria-modal": true,
+  "aria-multiline": true,
+  "aria-multiselectable": true,
+  "aria-orientation": true,
+  "aria-pressed": true,
+  "aria-readonly": true,
+  "aria-relevant": true,
+  "aria-required": true,
+  "aria-selected": true,
+  "aria-sort": true
+};
+export {
+  validHTMLAttributes
+};
+//# sourceMappingURL=validHTMLAttributes.js.map

package/dist/esm/extractor/validHTMLAttributes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/validHTMLAttributes.ts"],
+  "sourcesContent": ["export const validHTMLAttributes = {\n  autocomplete: true,\n  border: true,\n  contenteditable: true,\n  crossorigin: true,\n  dir: true,\n  draggable: true,\n  enctype: true,\n  formenctype: true,\n  formmethod: true,\n  formtarget: true,\n  inputmode: true,\n  kind: true,\n  link: true,\n  method: true,\n  preload: true,\n  referrerpolicy: true,\n  rel: true,\n  rev: true,\n  role: true,\n  sandbox: true,\n  shape: true,\n  spellcheck: true,\n  target: true,\n  translate: true,\n  type: true,\n  wrap: true,\n  'aria-autocomplete': true,\n  'aria-busy': true,\n  'aria-checked': true,\n  'aria-current': true,\n  'aria-disabled': true,\n  'aria-expanded': true,\n  'aria-haspopup': true,\n  'aria-hidden': true,\n  'aria-invalid': true,\n  'aria-polite': true,\n  'aria-modal': true,\n  'aria-multiline': true,\n  'aria-multiselectable': true,\n  'aria-orientation': true,\n  'aria-pressed': true,\n  'aria-readonly': true,\n  'aria-relevant': true,\n  'aria-required': true,\n  'aria-selected': true,\n  'aria-sort': true,\n}\n"],
+  "mappings": "AAAO,MAAM,sBAAsB;AAAA,EACjC,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AAAA,EACN,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,aAAa;AACf;",
+  "names": []
+}

package/dist/{index.js.map → esm/index.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts"],
+  "sources": ["../../src/index.ts"],
   "sourcesContent": ["process.env.TAMAGUI_COMPILE_PROCESS = '1'\n\nexport { TamaguiOptions } from './types'\nexport { createExtractor } from './extractor/createExtractor'\nexport { literalToAst } from './extractor/literalToAst'\nexport * from './constants'\nexport * from './extractor/extractToClassNames'\nexport * from './extractor/extractHelpers'\nexport * from './patchReactNativeWeb'\n"],
   "mappings": "AAAA,QAAQ,IAAI,0BAA0B;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;",
   "names": []

package/dist/{patchReactNativeWeb.js → esm/patchReactNativeWeb.js}

@@ -1,27 +1,50 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import * as fs from "fs";
 import path from "path";
+import * as fs from "fs-extra";
 function patchReactNativeWeb() {
   const rootDir = require.resolve("react-native-web").replace(/\/dist.*/, "");
   const modulePath = path.join(rootDir, "dist", "tamagui-exports.js");
   const cjsPath = path.join(rootDir, "dist", "cjs", "tamagui-exports.js");
-  const isEqual = (() => {
-    let res = false;
-    try {
-      res = fs.readFileSync(modulePath, "utf-8") === moduleExports && fs.readFileSync(cjsPath, "utf-8") == cjsExports;
-    } catch {
-      res = false;
-    }
-    return res;
-  })();
-  if (!isEqual) {
-    console.log("\u{1F95A} Tamagui patching react-native-web to share atomic styling primitives");
-    console.log("   > adding", modulePath);
-    console.log("   > adding", cjsPath);
+  const shouldPatchExports = fs.existsSync(modulePath) && fs.readFileSync(modulePath, "utf-8") === moduleExports && fs.existsSync(cjsPath) && fs.readFileSync(cjsPath, "utf-8") === cjsExports;
+  if (!shouldPatchExports) {
+    console.log("      | patch " + path.relative(rootDir, modulePath));
+    console.log("      | patch " + path.relative(rootDir, cjsPath));
     fs.writeFileSync(modulePath, moduleExports);
     fs.writeFileSync(cjsPath, cjsExports);
   }
+  const patches = [
+    {
+      replacee: `  if (dataSet != null) {`,
+      replacer: `
+  if (props.dataSet && props.dataSet.className) {
+    const { className, ...dataSetRest } = props.dataSet
+    classList = className
+    dataSet = dataSetRest
+  }
+  if (dataSet != null) {`
+    }
+  ];
+  const dataSetPath = ["modules", "createDOMProps", "index.js"];
+  const dataSetModulePath = path.join(rootDir, "dist", ...dataSetPath);
+  const dataSetCjsPath = path.join(rootDir, "dist", "cjs", ...dataSetPath);
+  for (const file of [dataSetModulePath, dataSetCjsPath]) {
+    const contents = fs.readFileSync(file, "utf-8");
+    for (const { replacee, replacer } of patches) {
+      if (contents.includes(replacer)) {
+        continue;
+      }
+      if (!contents.includes(replacee)) {
+        console.warn(`\u26A0\uFE0F Error: couldn't apply className patch! Maybe using incompatible react-native-web version.`, {
+          replacee,
+          contents
+        });
+        continue;
+      }
+      console.log("      | patch " + path.relative(rootDir, file));
+      fs.writeFileSync(file, contents.replaceAll(replacee, replacer));
+    }
+  }
   const moduleEntry = path.join(rootDir, "dist", "index.js");
   const moduleEntrySrc = fs.readFileSync(moduleEntry, "utf-8");
   if (!moduleEntrySrc.includes("// tamagui-patch-v4")) {

package/dist/esm/patchReactNativeWeb.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/patchReactNativeWeb.ts"],
+  "sourcesContent": ["import path from 'path'\n\nimport * as fs from 'fs-extra'\n\n// were patching react-native-web so we can use some internal methods\n// we do it this way because we need to rely on webpack or bundler config to determine cjs vs esm\n// so we can't just require it all directly\n// would be nice in the future to be able to eject from react-native-web entirely optionally\n\n// keep it sync\nexport function patchReactNativeWeb() {\n  const rootDir = require.resolve('react-native-web').replace(/\\/dist.*/, '')\n  const modulePath = path.join(rootDir, 'dist', 'tamagui-exports.js')\n  const cjsPath = path.join(rootDir, 'dist', 'cjs', 'tamagui-exports.js')\n  const shouldPatchExports =\n    fs.existsSync(modulePath) &&\n    fs.readFileSync(modulePath, 'utf-8') === moduleExports &&\n    fs.existsSync(cjsPath) &&\n    fs.readFileSync(cjsPath, 'utf-8') === cjsExports\n  if (!shouldPatchExports) {\n    console.log('      | patch ' + path.relative(rootDir, modulePath))\n    console.log('      | patch ' + path.relative(rootDir, cjsPath))\n    fs.writeFileSync(modulePath, moduleExports)\n    fs.writeFileSync(cjsPath, cjsExports)\n  }\n\n  // patch to allow className prop\n  const patches = [\n    {\n      replacee: `  if (dataSet != null) {`,\n      replacer: `\n  if (props.dataSet && props.dataSet.className) {\n    const { className, ...dataSetRest } = props.dataSet\n    classList = className\n    dataSet = dataSetRest\n  }\n  if (dataSet != null) {`,\n    },\n  ]\n\n  const dataSetPath = ['modules', 'createDOMProps', 'index.js']\n  const dataSetModulePath = path.join(rootDir, 'dist', ...dataSetPath)\n  const dataSetCjsPath = path.join(rootDir, 'dist', 'cjs', ...dataSetPath)\n\n  for (const file of [dataSetModulePath, dataSetCjsPath]) {\n    const contents = fs.readFileSync(file, 'utf-8')\n    for (const { replacee, replacer } of patches) {\n      if (contents.includes(replacer)) {\n        continue\n      }\n      if (!contents.includes(replacee)) {\n        console.warn(\n          `\u26A0\uFE0F Error: couldn't apply className patch! Maybe using incompatible react-native-web version.`,\n          {\n            replacee,\n            contents,\n          }\n        )\n        continue\n      }\n      console.log('      | patch ' + path.relative(rootDir, file))\n      fs.writeFileSync(file, contents.replaceAll(replacee, replacer))\n    }\n  }\n  // if entry files not patched, patch them:\n  const moduleEntry = path.join(rootDir, 'dist', 'index.js')\n  const moduleEntrySrc = fs.readFileSync(moduleEntry, 'utf-8')\n  if (!moduleEntrySrc.includes('// tamagui-patch-v4')) {\n    fs.writeFileSync(\n      moduleEntry,\n      `${removePatch(moduleEntrySrc)}\n\n// tamagui-patch-v4\nimport * as TExports from './tamagui-exports'\nexport const TamaguiExports = TExports\n// tamagui-patch-end\n`\n    )\n  }\n  const cjsEntry = path.join(rootDir, 'dist', 'cjs', 'index.js')\n  const cjsEntrySrc = fs.readFileSync(cjsEntry, 'utf-8')\n  if (!cjsEntrySrc.includes('// tamagui-patch-v4')) {\n    fs.writeFileSync(\n      cjsEntry,\n      `${removePatch(cjsEntrySrc)}\n\n// tamagui-patch-v4\nexports.TamaguiExports = _interopRequireDefault(require(\"./tamagui-exports\"));\n// tamagui-patch-end\n`\n    )\n  }\n}\n\nfunction removePatch(source: string) {\n  return source.replace(/\\/\\/ tamagui-patch([.\\s\\S]*)/g, '')\n}\n\n// view exports/View.ts\nconst forwardedPropsObj = `{\n  ...fwdProps.defaultProps,\n  ...fwdProps.accessibilityProps,\n  ...fwdProps.clickProps,\n  ...fwdProps.focusProps,\n  ...fwdProps.keyboardProps,\n  ...fwdProps.mouseProps,\n  ...fwdProps.touchProps,\n  ...fwdProps.styleProps,\n  href: true,\n  lang: true,\n  onScroll: true,\n  onWheel: true,\n  pointerEvents: true\n}\n`\n\nconst moduleExports = `\nexport { atomic } from './exports/StyleSheet/compile'\nexport { default as createCompileableStyle } from './exports/StyleSheet/createCompileableStyle'\nexport { default as createReactDOMStyle } from './exports/StyleSheet/createReactDOMStyle'\nexport { default as i18Style } from './exports/StyleSheet/i18nStyle'\nexport { default as createDOMProps } from './modules/createDOMProps'\nexport { default as AccessibilityUtil } from './modules/AccessibilityUtil'\nexport { default as createElement } from './exports/createElement'\nexport { default as css } from './exports/StyleSheet/css'\nexport { default as TextAncestorContext } from './exports/Text/TextAncestorContext'\nexport { default as pick } from './modules/pick'\nexport { default as useElementLayout } from './modules/useElementLayout'\nexport { default as useMergeRefs } from './modules/useMergeRefs'\nexport { default as usePlatformMethods } from './modules/usePlatformMethods'\nexport { default as useResponderEvents } from './modules/useResponderEvents'\nimport * as fwdProps from './modules/forwardedProps'\nexport const forwardedProps = ${forwardedPropsObj}\n`\n\nconst cjsExports = `\nexports.atomic = require('./exports/StyleSheet/compile').atomic\nexports.createCompileableStyle = require('./exports/StyleSheet/createCompileableStyle')\nexports.createReactDOMStyle = require('./exports/StyleSheet/createReactDOMStyle')\nexports.i18Style = require('./exports/StyleSheet/i18nStyle')\nexports.createDOMProps = require('./modules/createDOMProps')\nexports.AccessibilityUtil = require('./modules/AccessibilityUtil')\nexports.createElement = require('./exports/createElement')\nexports.css = require('./exports/StyleSheet/css')\nexports.TextAncestorContext = require('./exports/Text/TextAncestorContext')\nexports.pick = require('./modules/pick')\nexports.useElementLayout = require('./modules/useElementLayout')\nexports.useMergeRefs = require('./modules/useMergeRefs')\nexports.usePlatformMethods = require('./modules/usePlatformMethods')\nexports.useResponderEvents = require('./modules/useResponderEvents')\nconst fwdProps = require('./modules/forwardedProps')\nexports.forwardedProps = ${forwardedPropsObj}\n`\n"],
+  "mappings": ";;AAAA;AAEA;AAQO,+BAA+B;AACpC,QAAM,UAAU,AAAgB,oCAAoB,QAAQ,YAAY,EAAE;AAC1E,QAAM,aAAa,KAAK,KAAK,SAAS,QAAQ,oBAAoB;AAClE,QAAM,UAAU,KAAK,KAAK,SAAS,QAAQ,OAAO,oBAAoB;AACtE,QAAM,qBACJ,GAAG,WAAW,UAAU,KACxB,GAAG,aAAa,YAAY,OAAO,MAAM,iBACzC,GAAG,WAAW,OAAO,KACrB,GAAG,aAAa,SAAS,OAAO,MAAM;AACxC,MAAI,CAAC,oBAAoB;AACvB,YAAQ,IAAI,mBAAmB,KAAK,SAAS,SAAS,UAAU,CAAC;AACjE,YAAQ,IAAI,mBAAmB,KAAK,SAAS,SAAS,OAAO,CAAC;AAC9D,OAAG,cAAc,YAAY,aAAa;AAC1C,OAAG,cAAc,SAAS,UAAU;AAAA,EACtC;AAGA,QAAM,UAAU;AAAA,IACd;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOZ;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,WAAW,kBAAkB,UAAU;AAC5D,QAAM,oBAAoB,KAAK,KAAK,SAAS,QAAQ,GAAG,WAAW;AACnE,QAAM,iBAAiB,KAAK,KAAK,SAAS,QAAQ,OAAO,GAAG,WAAW;AAEvE,aAAW,QAAQ,CAAC,mBAAmB,cAAc,GAAG;AACtD,UAAM,WAAW,GAAG,aAAa,MAAM,OAAO;AAC9C,eAAW,EAAE,UAAU,cAAc,SAAS;AAC5C,UAAI,SAAS,SAAS,QAAQ,GAAG;AAC/B;AAAA,MACF;AACA,UAAI,CAAC,SAAS,SAAS,QAAQ,GAAG;AAChC,gBAAQ,KACN,0GACA;AAAA,UACE;AAAA,UACA;AAAA,QACF,CACF;AACA;AAAA,MACF;AACA,cAAQ,IAAI,mBAAmB,KAAK,SAAS,SAAS,IAAI,CAAC;AAC3D,SAAG,cAAc,MAAM,SAAS,WAAW,UAAU,QAAQ,CAAC;AAAA,IAChE;AAAA,EACF;AAEA,QAAM,cAAc,KAAK,KAAK,SAAS,QAAQ,UAAU;AACzD,QAAM,iBAAiB,GAAG,aAAa,aAAa,OAAO;AAC3D,MAAI,CAAC,eAAe,SAAS,qBAAqB,GAAG;AACnD,OAAG,cACD,aACA,GAAG,YAAY,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAO/B;AAAA,EACF;AACA,QAAM,WAAW,KAAK,KAAK,SAAS,QAAQ,OAAO,UAAU;AAC7D,QAAM,cAAc,GAAG,aAAa,UAAU,OAAO;AACrD,MAAI,CAAC,YAAY,SAAS,qBAAqB,GAAG;AAChD,OAAG,cACD,UACA,GAAG,YAAY,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,CAM5B;AAAA,EACF;AACF;AAlFgB;AAoFhB,qBAAqB,QAAgB;AACnC,SAAO,OAAO,QAAQ,iCAAiC,EAAE;AAC3D;AAFS;AAKT,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB1B,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAgBU;AAAA;AAGhC,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAgBQ;AAAA;",
+  "names": []
+}

package/dist/jsx/constants.js

@@ -0,0 +1,13 @@
+import findCacheDir from "find-cache-dir";
+const CSS_FILE_NAME = "__snack.css";
+const MEDIA_SEP = "_";
+const cacheDir = findCacheDir({ name: "tamagui", create: true });
+const FAILED_EVAL = Symbol("failed_style_eval");
+const CONCAT_CLASSNAME_IMPORT = "concatClassName";
+export {
+  CONCAT_CLASSNAME_IMPORT,
+  CSS_FILE_NAME,
+  FAILED_EVAL,
+  MEDIA_SEP,
+  cacheDir
+};

package/dist/jsx/extractor/accessSafe.js

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as t from "@babel/types";
+function accessSafe(obj, member) {
+  return t.logicalExpression("&&", t.logicalExpression("&&", t.binaryExpression("===", t.unaryExpression("typeof", obj), t.stringLiteral("object")), t.binaryExpression("!==", obj, t.nullLiteral())), t.memberExpression(obj, t.identifier(member), false));
+}
+__name(accessSafe, "accessSafe");
+export {
+  accessSafe
+};

package/dist/jsx/extractor/babelParse.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as babelParser from "@babel/parser";
+const parserOptions = Object.freeze({
+  plugins: [
+    "asyncGenerators",
+    "classProperties",
+    "dynamicImport",
+    "functionBind",
+    "jsx",
+    "numericSeparator",
+    "objectRestSpread",
+    "optionalCatchBinding",
+    "decorators-legacy",
+    "typescript",
+    "optionalChaining",
+    "nullishCoalescingOperator"
+  ],
+  sourceType: "module"
+});
+const parser = babelParser.parse.bind(babelParser);
+function babelParse(code) {
+  return parser(code.toString(), parserOptions);
+}
+__name(babelParse, "babelParse");
+export {
+  babelParse,
+  parserOptions
+};

package/dist/jsx/extractor/buildClassName.js

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as t from "@babel/types";
+function buildClassName(classNameObjects) {
+  return classNameObjects.reduce((acc, val) => {
+    if (acc == null) {
+      if (t.isConditionalExpression(val) || t.isStringLiteral(val) || t.isNumericLiteral(val)) {
+        return val;
+      }
+      return t.logicalExpression("||", val, t.stringLiteral(""));
+    }
+    let inner;
+    if (t.isStringLiteral(val)) {
+      if (t.isStringLiteral(acc)) {
+        return t.stringLiteral(`${acc.value} ${val.value}`);
+      }
+      inner = t.stringLiteral(` ${val.value}`);
+    } else if (t.isLiteral(val)) {
+      inner = t.binaryExpression("+", t.stringLiteral(" "), val);
+    } else if (t.isConditionalExpression(val) || t.isBinaryExpression(val)) {
+      if (t.isStringLiteral(acc)) {
+        return t.binaryExpression("+", t.stringLiteral(`${acc.value} `), val);
+      }
+      inner = t.binaryExpression("+", t.stringLiteral(" "), val);
+    } else if (t.isIdentifier(val) || t.isMemberExpression(val)) {
+      inner = t.conditionalExpression(val, t.binaryExpression("+", t.stringLiteral(" "), val), t.stringLiteral(""));
+    } else {
+      if (t.isStringLiteral(acc)) {
+        return t.binaryExpression("+", t.stringLiteral(`${acc.value} `), t.logicalExpression("||", val, t.stringLiteral("")));
+      }
+      inner = t.binaryExpression("+", t.stringLiteral(" "), t.logicalExpression("||", val, t.stringLiteral("")));
+    }
+    return t.binaryExpression("+", acc, inner);
+  }, null);
+}
+__name(buildClassName, "buildClassName");
+export {
+  buildClassName
+};

package/dist/jsx/extractor/createEvaluator.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import vm from "vm";
+import generate from "@babel/generator";
+import * as t from "@babel/types";
+import { createCSSVariable } from "@tamagui/core-node";
+import { FAILED_EVAL } from "../constants";
+import { evaluateAstNode } from "./evaluateAstNode";
+import { isValidThemeHook } from "./extractHelpers";
+function createEvaluator({
+  tamaguiConfig,
+  staticNamespace,
+  sourcePath,
+  traversePath,
+  shouldPrintDebug
+}) {
+  const evalFn = /* @__PURE__ */ __name((n) => {
+    if (t.isMemberExpression(n) && t.isIdentifier(n.property) && isValidThemeHook(traversePath, n, sourcePath)) {
+      const key = n.property.name;
+      if (shouldPrintDebug) {
+        console.log("    > found theme prop", key);
+      }
+      console.log("SHOULD FIND THEME (NESTED NOW)", key);
+      return createCSSVariable(key);
+    }
+    if (t.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {
+      return staticNamespace[n.name];
+    }
+    const evalContext = vm.createContext(staticNamespace);
+    const code = `(${generate(n).code})`;
+    return vm.runInContext(code, evalContext);
+  }, "evalFn");
+  return (n) => {
+    return evaluateAstNode(n, evalFn);
+  };
+}
+__name(createEvaluator, "createEvaluator");
+function createSafeEvaluator(attemptEval) {
+  return (n) => {
+    try {
+      return attemptEval(n);
+    } catch (err) {
+      return FAILED_EVAL;
+    }
+  };
+}
+__name(createSafeEvaluator, "createSafeEvaluator");
+export {
+  createEvaluator,
+  createSafeEvaluator
+};