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

package/dist/cjs/patchReactNativeWeb.js

@@ -0,0 +1,151 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var patchReactNativeWeb_exports = {};
+__export(patchReactNativeWeb_exports, {
+  patchReactNativeWeb: () => patchReactNativeWeb
+});
+module.exports = __toCommonJS(patchReactNativeWeb_exports);
+var import_path = __toESM(require("path"));
+var fs = __toESM(require("fs-extra"));
+function patchReactNativeWeb() {
+  const rootDir = require.resolve("react-native-web").replace(/\/dist.*/, "");
+  const modulePath = import_path.default.join(rootDir, "dist", "tamagui-exports.js");
+  const cjsPath = import_path.default.join(rootDir, "dist", "cjs", "tamagui-exports.js");
+  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 " + import_path.default.relative(rootDir, modulePath));
+    console.log("      | patch " + import_path.default.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 = import_path.default.join(rootDir, "dist", ...dataSetPath);
+  const dataSetCjsPath = import_path.default.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 " + import_path.default.relative(rootDir, file));
+      fs.writeFileSync(file, contents.replaceAll(replacee, replacer));
+    }
+  }
+  const moduleEntry = import_path.default.join(rootDir, "dist", "index.js");
+  const moduleEntrySrc = fs.readFileSync(moduleEntry, "utf-8");
+  if (!moduleEntrySrc.includes("// tamagui-patch-v4")) {
+    fs.writeFileSync(moduleEntry, `${removePatch(moduleEntrySrc)}
+
+// tamagui-patch-v4
+import * as TExports from './tamagui-exports'
+export const TamaguiExports = TExports
+// tamagui-patch-end
+`);
+  }
+  const cjsEntry = import_path.default.join(rootDir, "dist", "cjs", "index.js");
+  const cjsEntrySrc = fs.readFileSync(cjsEntry, "utf-8");
+  if (!cjsEntrySrc.includes("// tamagui-patch-v4")) {
+    fs.writeFileSync(cjsEntry, `${removePatch(cjsEntrySrc)}
+
+// tamagui-patch-v4
+exports.TamaguiExports = _interopRequireDefault(require("./tamagui-exports"));
+// tamagui-patch-end
+`);
+  }
+}
+__name(patchReactNativeWeb, "patchReactNativeWeb");
+function removePatch(source) {
+  return source.replace(/\/\/ tamagui-patch([.\s\S]*)/g, "");
+}
+__name(removePatch, "removePatch");
+const forwardedPropsObj = `{
+  ...fwdProps.defaultProps,
+  ...fwdProps.accessibilityProps,
+  ...fwdProps.clickProps,
+  ...fwdProps.focusProps,
+  ...fwdProps.keyboardProps,
+  ...fwdProps.mouseProps,
+  ...fwdProps.touchProps,
+  ...fwdProps.styleProps,
+  href: true,
+  lang: true,
+  onScroll: true,
+  onWheel: true,
+  pointerEvents: true
+}
+`;
+const moduleExports = `
+export { atomic } from './exports/StyleSheet/compile'
+export { default as createCompileableStyle } from './exports/StyleSheet/createCompileableStyle'
+export { default as createReactDOMStyle } from './exports/StyleSheet/createReactDOMStyle'
+export { default as i18Style } from './exports/StyleSheet/i18nStyle'
+export { default as createDOMProps } from './modules/createDOMProps'
+export { default as AccessibilityUtil } from './modules/AccessibilityUtil'
+export { default as createElement } from './exports/createElement'
+export { default as css } from './exports/StyleSheet/css'
+export { default as TextAncestorContext } from './exports/Text/TextAncestorContext'
+export { default as pick } from './modules/pick'
+export { default as useElementLayout } from './modules/useElementLayout'
+export { default as useMergeRefs } from './modules/useMergeRefs'
+export { default as usePlatformMethods } from './modules/usePlatformMethods'
+export { default as useResponderEvents } from './modules/useResponderEvents'
+import * as fwdProps from './modules/forwardedProps'
+export const forwardedProps = ${forwardedPropsObj}
+`;
+const cjsExports = `
+exports.atomic = require('./exports/StyleSheet/compile').atomic
+exports.createCompileableStyle = require('./exports/StyleSheet/createCompileableStyle')
+exports.createReactDOMStyle = require('./exports/StyleSheet/createReactDOMStyle')
+exports.i18Style = require('./exports/StyleSheet/i18nStyle')
+exports.createDOMProps = require('./modules/createDOMProps')
+exports.AccessibilityUtil = require('./modules/AccessibilityUtil')
+exports.createElement = require('./exports/createElement')
+exports.css = require('./exports/StyleSheet/css')
+exports.TextAncestorContext = require('./exports/Text/TextAncestorContext')
+exports.pick = require('./modules/pick')
+exports.useElementLayout = require('./modules/useElementLayout')
+exports.useMergeRefs = require('./modules/useMergeRefs')
+exports.usePlatformMethods = require('./modules/usePlatformMethods')
+exports.useResponderEvents = require('./modules/useResponderEvents')
+const fwdProps = require('./modules/forwardedProps')
+exports.forwardedProps = ${forwardedPropsObj}
+`;
+//# sourceMappingURL=patchReactNativeWeb.js.map

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AAEjB,SAAoB;AAQb,+BAA+B;AACpC,QAAM,UAAU,AAAgB,oCAAoB,QAAQ,YAAY,EAAE;AAC1E,QAAM,aAAa,oBAAK,KAAK,SAAS,QAAQ,oBAAoB;AAClE,QAAM,UAAU,oBAAK,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,oBAAK,SAAS,SAAS,UAAU,CAAC;AACjE,YAAQ,IAAI,mBAAmB,oBAAK,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,oBAAK,KAAK,SAAS,QAAQ,GAAG,WAAW;AACnE,QAAM,iBAAiB,oBAAK,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,oBAAK,SAAS,SAAS,IAAI,CAAC;AAC3D,SAAG,cAAc,MAAM,SAAS,WAAW,UAAU,QAAQ,CAAC;AAAA,IAChE;AAAA,EACF;AAEA,QAAM,cAAc,oBAAK,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,oBAAK,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/cjs/types.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/types.ts"],
+  "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { PseudoStyles } from '@tamagui/core-node'\nimport { ViewStyle } from 'react-native'\n\nexport type ClassNameObject = t.StringLiteral | t.Expression\n\nexport interface CacheObject {\n  [key: string]: any\n}\n\nexport interface TamaguiOptions {\n  // module paths you want to compile with tamagui (for example ['tamagui'])\n  components: string[]\n  // your tamagui.config.ts\n  config?: string\n  evaluateVars?: boolean\n  importsWhitelist?: string[]\n  disable?: boolean\n  disableExtraction?: boolean\n  disableDebugAttr?: boolean\n  disableExtractInlineMedia?: boolean\n  disableExtractVariables?: boolean\n  excludeReactNativeWebExports?: string[]\n  exclude?: RegExp\n  logTimings?: boolean\n  prefixLogs?: string\n\n  // probably non user options\n  cssPath?: string\n  cssData?: any\n  deoptProps?: Set<string>\n  excludeProps?: Set<string>\n  inlineProps?: Set<string>\n}\n\nexport type ExtractedAttrAttr = {\n  type: 'attr'\n  value: t.JSXAttribute | t.JSXSpreadAttribute\n}\n\nexport type ExtractedAttrStyle = {\n  type: 'style'\n  value: ViewStyle & PseudoStyles\n  attr?: t.JSXAttribute | t.JSXSpreadAttribute\n  name?: string\n}\n\nexport type ExtractedAttr =\n  | ExtractedAttrAttr\n  | { type: 'ternary'; value: Ternary }\n  | ExtractedAttrStyle\n\nexport type ExtractTagProps = {\n  attrs: ExtractedAttr[]\n  node: t.JSXOpeningElement\n  attemptEval: (exprNode: t.Node, evalFn?: ((node: t.Node) => any) | undefined) => any\n  jsxPath: NodePath<t.JSXElement>\n  programPath: NodePath<t.Program>\n  originalNodeName: string\n  lineNumbers: string\n  filePath: string\n  isFlattened: boolean\n}\n\nexport type ExtractorParseProps = TamaguiOptions & {\n  sourcePath?: string\n  shouldPrintDebug?: boolean | 'verbose'\n  onExtractTag: (props: ExtractTagProps) => void\n  getFlattenedNode: (props: { isTextView: boolean; tag: string }) => string\n}\n\nexport interface Ternary {\n  test: t.Expression\n  // shorthand props that don't use hooks\n  inlineMediaQuery?: string\n  remove: Function\n  consequent: Object | null\n  alternate: Object | null\n}\n\nexport type StyleObject = {\n  property: string\n  value: string\n  className: string\n  identifier: string\n  rules: string[]\n}\n\nexport type ClassNameToStyleObj = {\n  [key: string]: StyleObject\n}\n\nexport interface PluginContext {\n  write: (path: string, rules: { [key: string]: string }) => any\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

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

@@ -2,8 +2,12 @@ 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/{constants.js.map → esm/constants.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/constants.ts"],
-  "sourcesContent": ["import findCacheDir from 'find-cache-dir'\n\nexport const CSS_FILE_NAME = '__snack.css'\n\n// ENSURE THIS ISNT THE SAME AS THE SEPARATOR USED FOR STYLE KEYS\n// SEE matching one in concatClassName\nexport const MEDIA_SEP = '_'\n\n// ensure cache dir\nexport const cacheDir = findCacheDir({ name: 'tamagui', create: true })\n"],
-  "mappings": "AAAA;AAEO,MAAM,gBAAgB;AAItB,MAAM,YAAY;AAGlB,MAAM,WAAW,aAAa,EAAE,MAAM,WAAW,QAAQ;",
+  "sources": ["../../src/constants.ts"],
+  "sourcesContent": ["import findCacheDir from 'find-cache-dir'\n\nexport const CSS_FILE_NAME = '__snack.css'\n\n// ENSURE THIS ISNT THE SAME AS THE SEPARATOR USED FOR STYLE KEYS\n// SEE matching one in concatClassName\nexport const MEDIA_SEP = '_'\n\n// ensure cache dir\nexport const cacheDir = findCacheDir({ name: 'tamagui', create: true })\n\nexport const FAILED_EVAL = Symbol('failed_style_eval')\nexport const CONCAT_CLASSNAME_IMPORT = 'concatClassName'\n"],
+  "mappings": "AAAA;AAEO,MAAM,gBAAgB;AAItB,MAAM,YAAY;AAGlB,MAAM,WAAW,aAAa,EAAE,MAAM,WAAW,QAAQ,KAAK,CAAC;AAE/D,MAAM,cAAc,OAAO,mBAAmB;AAC9C,MAAM,0BAA0B;",
   "names": []
 }

package/dist/{extractor → esm/extractor}/accessSafe.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/extractor/accessSafe.ts"],
+  "sources": ["../../../src/extractor/accessSafe.ts"],
   "sourcesContent": ["import * as t from '@babel/types'\n\n// accessSafe wraps memberExpressions in object/null checks\n// TODO: inject this as a function? this gets pretty repetitive\nexport function accessSafe(obj: t.Expression, member: string): t.LogicalExpression {\n  return t.logicalExpression(\n    '&&',\n    t.logicalExpression(\n      '&&',\n      // typeof obj === 'object\n      t.binaryExpression('===', t.unaryExpression('typeof', obj), t.stringLiteral('object')),\n      // obj !== null\n      t.binaryExpression('!==', obj, t.nullLiteral())\n    ),\n    // obj.member\n    t.memberExpression(obj, t.identifier(member), false)\n  )\n}\n"],
-  "mappings": ";;AAAA;AAIO,oBAAoB,KAAmB,QAAqC;AACjF,SAAO,EAAE,kBACP,MACA,EAAE,kBACA,MAEA,EAAE,iBAAiB,OAAO,EAAE,gBAAgB,UAAU,MAAM,EAAE,cAAc,YAE5E,EAAE,iBAAiB,OAAO,KAAK,EAAE,iBAGnC,EAAE,iBAAiB,KAAK,EAAE,WAAW,SAAS;AAAA;AAXlC;",
+  "mappings": ";;AAAA;AAIO,oBAAoB,KAAmB,QAAqC;AACjF,SAAO,EAAE,kBACP,MACA,EAAE,kBACA,MAEA,EAAE,iBAAiB,OAAO,EAAE,gBAAgB,UAAU,GAAG,GAAG,EAAE,cAAc,QAAQ,CAAC,GAErF,EAAE,iBAAiB,OAAO,KAAK,EAAE,YAAY,CAAC,CAChD,GAEA,EAAE,iBAAiB,KAAK,EAAE,WAAW,MAAM,GAAG,KAAK,CACrD;AACF;AAbgB;",
   "names": []
 }

package/dist/{extractor → esm/extractor}/babelParse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/extractor/babelParse.ts"],
+  "sources": ["../../../src/extractor/babelParse.ts"],
   "sourcesContent": ["import * as babelParser from '@babel/parser'\n\nexport const parserOptions: babelParser.ParserOptions = Object.freeze({\n  plugins: [\n    'asyncGenerators',\n    'classProperties',\n    'dynamicImport',\n    'functionBind',\n    'jsx',\n    'numericSeparator',\n    'objectRestSpread',\n    'optionalCatchBinding',\n    'decorators-legacy',\n    'typescript',\n    'optionalChaining',\n    'nullishCoalescingOperator',\n    // 'objectRestSpread',\n    // 'dynamicImport'\n  ],\n  sourceType: 'module',\n})\n\nconst parser = babelParser.parse.bind(babelParser)\n\nexport function babelParse(code: string | Buffer): any {\n  return parser(code.toString(), parserOptions)\n}\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,gBAA2C,OAAO,OAAO;AAAA,EACpE,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAIF,YAAY;AAAA;AAGd,MAAM,SAAS,YAAY,MAAM,KAAK;AAE/B,oBAAoB,MAA4B;AACrD,SAAO,OAAO,KAAK,YAAY;AAAA;AADjB;",
+  "mappings": ";;AAAA;AAEO,MAAM,gBAA2C,OAAO,OAAO;AAAA,EACpE,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAGF;AAAA,EACA,YAAY;AACd,CAAC;AAED,MAAM,SAAS,YAAY,MAAM,KAAK,WAAW;AAE1C,oBAAoB,MAA4B;AACrD,SAAO,OAAO,KAAK,SAAS,GAAG,aAAa;AAC9C;AAFgB;",
   "names": []
 }

package/dist/{extractor → esm/extractor}/buildClassName.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/extractor/buildClassName.ts"],
+  "sources": ["../../../src/extractor/buildClassName.ts"],
   "sourcesContent": ["import * as t from '@babel/types'\n\nimport { ClassNameObject } from '../types'\n\nexport function buildClassName(\n  classNameObjects: ClassNameObject[]\n): t.Expression | t.StringLiteral | null {\n  return classNameObjects.reduce<t.Expression | null>((acc, val) => {\n    if (acc == null) {\n      if (\n        // pass conditional expressions through\n        t.isConditionalExpression(val) ||\n        // pass non-null literals through\n        t.isStringLiteral(val) ||\n        t.isNumericLiteral(val)\n      ) {\n        return val\n      }\n      return t.logicalExpression('||', val, t.stringLiteral(''))\n    }\n\n    let inner: t.Expression\n    if (t.isStringLiteral(val)) {\n      if (t.isStringLiteral(acc)) {\n        // join adjacent string literals\n        return t.stringLiteral(`${acc.value} ${val.value}`)\n      }\n      inner = t.stringLiteral(` ${val.value}`)\n    } else if (t.isLiteral(val)) {\n      inner = t.binaryExpression('+', t.stringLiteral(' '), val)\n    } else if (t.isConditionalExpression(val) || t.isBinaryExpression(val)) {\n      if (t.isStringLiteral(acc)) {\n        return t.binaryExpression('+', t.stringLiteral(`${acc.value} `), val)\n      }\n      inner = t.binaryExpression('+', t.stringLiteral(' '), val)\n    } else if (t.isIdentifier(val) || t.isMemberExpression(val)) {\n      // identifiers and member expressions make for reasonable ternaries\n      inner = t.conditionalExpression(\n        val,\n        t.binaryExpression('+', t.stringLiteral(' '), val),\n        t.stringLiteral('')\n      )\n    } else {\n      if (t.isStringLiteral(acc)) {\n        return t.binaryExpression(\n          '+',\n          t.stringLiteral(`${acc.value} `),\n          t.logicalExpression('||', val, t.stringLiteral(''))\n        )\n      }\n      // use a logical expression for more complex prop values\n      inner = t.binaryExpression(\n        '+',\n        t.stringLiteral(' '),\n        t.logicalExpression('||', val, t.stringLiteral(''))\n      )\n    }\n\n    return t.binaryExpression('+', acc, inner)\n  }, null)\n}\n"],
-  "mappings": ";;AAAA;AAIO,wBACL,kBACuC;AACvC,SAAO,iBAAiB,OAA4B,CAAC,KAAK,QAAQ;AAChE,QAAI,OAAO,MAAM;AACf,UAEE,EAAE,wBAAwB,QAE1B,EAAE,gBAAgB,QAClB,EAAE,iBAAiB,MACnB;AACA,eAAO;AAAA;AAET,aAAO,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc;AAAA;AAGxD,QAAI;AACJ,QAAI,EAAE,gBAAgB,MAAM;AAC1B,UAAI,EAAE,gBAAgB,MAAM;AAE1B,eAAO,EAAE,cAAc,GAAG,IAAI,SAAS,IAAI;AAAA;AAE7C,cAAQ,EAAE,cAAc,IAAI,IAAI;AAAA,eACvB,EAAE,UAAU,MAAM;AAC3B,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,MAAM;AAAA,eAC7C,EAAE,wBAAwB,QAAQ,EAAE,mBAAmB,MAAM;AACtE,UAAI,EAAE,gBAAgB,MAAM;AAC1B,eAAO,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,IAAI,WAAW;AAAA;AAEnE,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,MAAM;AAAA,eAC7C,EAAE,aAAa,QAAQ,EAAE,mBAAmB,MAAM;AAE3D,cAAQ,EAAE,sBACR,KACA,EAAE,iBAAiB,KAAK,EAAE,cAAc,MAAM,MAC9C,EAAE,cAAc;AAAA,WAEb;AACL,UAAI,EAAE,gBAAgB,MAAM;AAC1B,eAAO,EAAE,iBACP,KACA,EAAE,cAAc,GAAG,IAAI,WACvB,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc;AAAA;AAInD,cAAQ,EAAE,iBACR,KACA,EAAE,cAAc,MAChB,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc;AAAA;AAInD,WAAO,EAAE,iBAAiB,KAAK,KAAK;AAAA,KACnC;AAAA;AAvDW;",
+  "mappings": ";;AAAA;AAIO,wBACL,kBACuC;AACvC,SAAO,iBAAiB,OAA4B,CAAC,KAAK,QAAQ;AAChE,QAAI,OAAO,MAAM;AACf,UAEE,EAAE,wBAAwB,GAAG,KAE7B,EAAE,gBAAgB,GAAG,KACrB,EAAE,iBAAiB,GAAG,GACtB;AACA,eAAO;AAAA,MACT;AACA,aAAO,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC;AAAA,IAC3D;AAEA,QAAI;AACJ,QAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAE1B,eAAO,EAAE,cAAc,GAAG,IAAI,SAAS,IAAI,OAAO;AAAA,MACpD;AACA,cAAQ,EAAE,cAAc,IAAI,IAAI,OAAO;AAAA,IACzC,WAAW,EAAE,UAAU,GAAG,GAAG;AAC3B,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,IAC3D,WAAW,EAAE,wBAAwB,GAAG,KAAK,EAAE,mBAAmB,GAAG,GAAG;AACtE,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,eAAO,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,IAAI,QAAQ,GAAG,GAAG;AAAA,MACtE;AACA,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,IAC3D,WAAW,EAAE,aAAa,GAAG,KAAK,EAAE,mBAAmB,GAAG,GAAG;AAE3D,cAAQ,EAAE,sBACR,KACA,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG,GACjD,EAAE,cAAc,EAAE,CACpB;AAAA,IACF,OAAO;AACL,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,eAAO,EAAE,iBACP,KACA,EAAE,cAAc,GAAG,IAAI,QAAQ,GAC/B,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC,CACpD;AAAA,MACF;AAEA,cAAQ,EAAE,iBACR,KACA,EAAE,cAAc,GAAG,GACnB,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC,CACpD;AAAA,IACF;AAEA,WAAO,EAAE,iBAAiB,KAAK,KAAK,KAAK;AAAA,EAC3C,GAAG,IAAI;AACT;AAxDgB;",
   "names": []
 }

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

@@ -3,7 +3,8 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import vm from "vm";
 import generate from "@babel/generator";
 import * as t from "@babel/types";
-import { FAILED_EVAL } from "./createExtractor";
+import { createCSSVariable } from "@tamagui/core-node";
+import { FAILED_EVAL } from "../constants";
 import { evaluateAstNode } from "./evaluateAstNode";
 import { isValidThemeHook } from "./extractHelpers";
 function createEvaluator({
@@ -20,7 +21,7 @@ function createEvaluator({
         console.log("    > found theme prop", key);
       }
       console.log("SHOULD FIND THEME (NESTED NOW)", key);
-      return `var(--${key})`;
+      return createCSSVariable(key);
     }
     if (t.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {
       return staticNamespace[n.name];

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extractor/createEvaluator.ts"],
+  "sourcesContent": ["import vm from 'vm'\n\nimport generate from '@babel/generator'\nimport { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport type { TamaguiConfig } from '@tamagui/core'\nimport { createCSSVariable } from '@tamagui/core-node'\n\nimport { FAILED_EVAL } from '../constants'\nimport { evaluateAstNode } from './evaluateAstNode'\nimport { isValidThemeHook } from './extractHelpers'\n\nexport function createEvaluator({\n  tamaguiConfig,\n  staticNamespace,\n  sourcePath,\n  traversePath,\n  shouldPrintDebug,\n}: {\n  tamaguiConfig: TamaguiConfig\n  staticNamespace: Record<string, any>\n  sourcePath: string\n  traversePath: NodePath<t.JSXElement>\n  shouldPrintDebug: boolean | 'verbose'\n}) {\n  // called when evaluateAstNode encounters a dynamic-looking prop\n  const evalFn = (n: t.Node) => {\n    // themes\n    if (\n      t.isMemberExpression(n) &&\n      t.isIdentifier(n.property) &&\n      isValidThemeHook(traversePath, n, sourcePath)\n    ) {\n      const key = n.property.name\n      if (shouldPrintDebug) {\n        console.log('    > found theme prop', key)\n      }\n      console.log('SHOULD FIND THEME (NESTED NOW)', key) // tamaguiConfig.themes)\n      // if (!themeKeys.has(key)) {\n      //   throw new Error(`    > accessing non-existent theme key: ${key}`)\n      // }\n      return createCSSVariable(key)\n    }\n    // variable\n    if (t.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {\n      return staticNamespace[n.name]\n    }\n    const evalContext = vm.createContext(staticNamespace)\n    const code = `(${generate(n as any).code})`\n    // if (shouldPrintDebug) {\n    //   console.log('evaluating', { n, code, evalContext })\n    // }\n    return vm.runInContext(code, evalContext)\n  }\n\n  return (n: t.Node) => {\n    return evaluateAstNode(n, evalFn)\n  }\n}\n\nexport function createSafeEvaluator(attemptEval: (n: t.Node) => any) {\n  return (n: t.Node) => {\n    try {\n      return attemptEval(n)\n    } catch (err) {\n      return FAILED_EVAL\n    }\n  }\n}\n"],
+  "mappings": ";;AAAA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AAEO,yBAAyB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAOC;AAED,QAAM,SAAS,wBAAC,MAAc;AAE5B,QACE,EAAE,mBAAmB,CAAC,KACtB,EAAE,aAAa,EAAE,QAAQ,KACzB,iBAAiB,cAAc,GAAG,UAAU,GAC5C;AACA,YAAM,MAAM,EAAE,SAAS;AACvB,UAAI,kBAAkB;AACpB,gBAAQ,IAAI,0BAA0B,GAAG;AAAA,MAC3C;AACA,cAAQ,IAAI,kCAAkC,GAAG;AAIjD,aAAO,kBAAkB,GAAG;AAAA,IAC9B;AAEA,QAAI,EAAE,aAAa,CAAC,KAAK,gBAAgB,eAAe,EAAE,IAAI,GAAG;AAC/D,aAAO,gBAAgB,EAAE;AAAA,IAC3B;AACA,UAAM,cAAc,GAAG,cAAc,eAAe;AACpD,UAAM,OAAO,IAAI,SAAS,CAAQ,EAAE;AAIpC,WAAO,GAAG,aAAa,MAAM,WAAW;AAAA,EAC1C,GA3Be;AA6Bf,SAAO,CAAC,MAAc;AACpB,WAAO,gBAAgB,GAAG,MAAM;AAAA,EAClC;AACF;AA9CgB;AAgDT,6BAA6B,aAAiC;AACnE,SAAO,CAAC,MAAc;AACpB,QAAI;AACF,aAAO,YAAY,CAAC;AAAA,IACtB,SAAS,KAAP;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;AARgB;",
+  "names": []
+}