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

package/dist/index.cjs

@@ -1,2109 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-
-// src/index.ts
-__export(exports, {
-  CONCAT_CLASSNAME_IMPORT: () => CONCAT_CLASSNAME_IMPORT,
-  CSS_FILE_NAME: () => CSS_FILE_NAME,
-  MEDIA_SEP: () => MEDIA_SEP,
-  attrStr: () => attrStr,
-  cacheDir: () => cacheDir,
-  createExtractor: () => createExtractor,
-  extractToClassNames: () => extractToClassNames,
-  findComponentName: () => findComponentName,
-  isInsideTamagui: () => isInsideTamagui,
-  isPresent: () => isPresent,
-  isSimpleSpread: () => isSimpleSpread,
-  isValidThemeHook: () => isValidThemeHook,
-  literalToAst: () => literalToAst,
-  objToStr: () => objToStr,
-  patchReactNativeWeb: () => patchReactNativeWeb,
-  ternaryStr: () => ternaryStr
-});
-
-// src/extractor/createExtractor.ts
-var import_traverse = __toModule(require("@babel/traverse"));
-var t9 = __toModule(require("@babel/types"));
-var CoreNode = __toModule(require("@tamagui/core-node"));
-var import_helpers = __toModule(require("@tamagui/helpers"));
-var import_lodash = __toModule(require("lodash"));
-
-// src/extractor/createEvaluator.ts
-var import_vm = __toModule(require("vm"));
-var import_generator = __toModule(require("@babel/generator"));
-var t3 = __toModule(require("@babel/types"));
-
-// src/extractor/evaluateAstNode.ts
-var t = __toModule(require("@babel/types"));
-function evaluateAstNode(exprNode, evalFn, shouldPrintDebug) {
-  if (exprNode === void 0) {
-    return void 0;
-  }
-  if (exprNode === null) {
-    return true;
-  }
-  if (t.isJSXExpressionContainer(exprNode)) {
-    return evaluateAstNode(exprNode.expression);
-  }
-  if (t.isObjectExpression(exprNode)) {
-    const ret = {};
-    for (let idx = -1, len = exprNode.properties.length; ++idx < len; ) {
-      const value = exprNode.properties[idx];
-      if (!t.isObjectProperty(value)) {
-        throw new Error("evaluateAstNode can only evaluate object properties");
-      }
-      let key;
-      if (value.computed) {
-        if (typeof evalFn !== "function") {
-          throw new Error("evaluateAstNode does not support computed keys unless an eval function is provided");
-        }
-        key = evaluateAstNode(value.key, evalFn);
-      } else if (t.isIdentifier(value.key)) {
-        key = value.key.name;
-      } else if (t.isStringLiteral(value.key) || t.isNumericLiteral(value.key)) {
-        key = value.key.value;
-      } else {
-        throw new Error("Unsupported key type: " + value.key.type);
-      }
-      if (typeof key !== "string" && typeof key !== "number") {
-        throw new Error("key must be either a string or a number");
-      }
-      ret[key] = evaluateAstNode(value.value, evalFn);
-    }
-    return ret;
-  }
-  if (t.isArrayExpression(exprNode)) {
-    return exprNode.elements.map((x) => {
-      return evaluateAstNode(x, evalFn);
-    });
-  }
-  if (t.isUnaryExpression(exprNode) && exprNode.operator === "-") {
-    const ret = evaluateAstNode(exprNode.argument, evalFn);
-    if (ret == null) {
-      return null;
-    }
-    return -ret;
-  }
-  if (t.isTemplateLiteral(exprNode)) {
-    if (typeof evalFn !== "function") {
-      throw new Error("evaluateAstNode does not support template literals unless an eval function is provided");
-    }
-    let ret = "";
-    for (let idx = -1, len = exprNode.quasis.length; ++idx < len; ) {
-      const quasi = exprNode.quasis[idx];
-      const expr = exprNode.expressions[idx];
-      ret += quasi.value.raw;
-      if (expr) {
-        ret += evaluateAstNode(expr, evalFn);
-      }
-    }
-    return ret;
-  }
-  if (t.isNullLiteral(exprNode)) {
-    return null;
-  }
-  if (t.isNumericLiteral(exprNode) || t.isStringLiteral(exprNode) || t.isBooleanLiteral(exprNode)) {
-    return exprNode.value;
-  }
-  if (t.isBinaryExpression(exprNode)) {
-    if (exprNode.operator === "+") {
-      return evaluateAstNode(exprNode.left, evalFn) + evaluateAstNode(exprNode.right, evalFn);
-    } else if (exprNode.operator === "-") {
-      return evaluateAstNode(exprNode.left, evalFn) - evaluateAstNode(exprNode.right, evalFn);
-    } else if (exprNode.operator === "*") {
-      return evaluateAstNode(exprNode.left, evalFn) * evaluateAstNode(exprNode.right, evalFn);
-    } else if (exprNode.operator === "/") {
-      return evaluateAstNode(exprNode.left, evalFn) / evaluateAstNode(exprNode.right, evalFn);
-    }
-  }
-  if (typeof evalFn !== "function") {
-    throw new Error("evaluateAstNode does not support non-literal values unless an eval function is provided");
-  }
-  return evalFn(exprNode);
-}
-__name(evaluateAstNode, "evaluateAstNode");
-
-// src/extractor/extractHelpers.ts
-var t2 = __toModule(require("@babel/types"));
-function isPresent(input) {
-  return input != null;
-}
-__name(isPresent, "isPresent");
-function isSimpleSpread(node) {
-  return t2.isIdentifier(node.argument) || t2.isMemberExpression(node.argument);
-}
-__name(isSimpleSpread, "isSimpleSpread");
-var attrStr = /* @__PURE__ */ __name((attr) => {
-  return attr.type === "attr" ? getNameAttr(attr.value) : attr.type === "ternary" ? `...${ternaryStr(attr.value)}` : `${attr.type}(${objToStr(attr.value)})`;
-}, "attrStr");
-var objToStr = /* @__PURE__ */ __name((obj) => {
-  return Object.entries(obj).map(([k, v]) => `${k}:${Array.isArray(v) ? `[...]` : v && typeof v === "object" ? `{${objToStr(v)}}` : v}`).join(", ");
-}, "objToStr");
-var getNameAttr = /* @__PURE__ */ __name((attr) => {
-  if (t2.isJSXSpreadAttribute(attr)) {
-    return `...${attr.argument["name"]}`;
-  }
-  return "name" in attr ? attr.name.name : `unknown-${attr["type"]}`;
-}, "getNameAttr");
-var ternaryStr = /* @__PURE__ */ __name((x) => {
-  return [
-    "ternary:",
-    t2.isIdentifier(x.test) ? x.test.name : t2.isMemberExpression(x.test) ? [x.test.object["name"], x.test.property["name"]] : x.test,
-    x.consequent ? `  ? ${objToStr(x.consequent)}` : "  ? \u26AB\uFE0F",
-    x.alternate ? `  : ${objToStr(x.alternate)}` : "  : \u26AB\uFE0F"
-  ].flat().join("");
-}, "ternaryStr");
-function findComponentName(scope) {
-  var _a;
-  let componentName = "";
-  let cur = scope.path;
-  while (cur.parentPath && !t2.isProgram(cur.parentPath.parent)) {
-    cur = cur.parentPath;
-  }
-  let node = cur.parent;
-  if (t2.isExportNamedDeclaration(node)) {
-    node = node.declaration;
-  }
-  if (t2.isVariableDeclaration(node)) {
-    const [dec] = node.declarations;
-    if (t2.isVariableDeclarator(dec) && t2.isIdentifier(dec.id)) {
-      return dec.id.name;
-    }
-  }
-  if (t2.isFunctionDeclaration(node)) {
-    return (_a = node.id) == null ? void 0 : _a.name;
-  }
-  return componentName;
-}
-__name(findComponentName, "findComponentName");
-function isValidThemeHook(jsxPath, n, sourcePath) {
-  var _a;
-  if (!t2.isIdentifier(n.object) || !t2.isIdentifier(n.property))
-    return false;
-  const bindings = jsxPath.scope.getAllBindings();
-  const binding = bindings[n.object.name];
-  if (!(binding == null ? void 0 : binding.path))
-    return false;
-  if (!binding.path.isVariableDeclarator())
-    return false;
-  const init = binding.path.node.init;
-  if (!t2.isCallExpression(init))
-    return false;
-  if (!t2.isIdentifier(init.callee))
-    return false;
-  if (init.callee.name !== "useTheme")
-    return false;
-  const importNode = (_a = binding.scope.getBinding("useTheme")) == null ? void 0 : _a.path.parent;
-  if (!t2.isImportDeclaration(importNode))
-    return false;
-  if (importNode.source.value !== "tamagui") {
-    if (!isInsideTamagui(sourcePath)) {
-      return false;
-    }
-  }
-  return true;
-}
-__name(isValidThemeHook, "isValidThemeHook");
-var isInsideTamagui = /* @__PURE__ */ __name((srcName) => {
-  return srcName.includes("/tamagui/_jsx") || srcName.includes("/core/src");
-}, "isInsideTamagui");
-
-// src/extractor/createEvaluator.ts
-function createEvaluator({
-  tamaguiConfig,
-  staticNamespace,
-  sourcePath,
-  traversePath,
-  shouldPrintDebug
-}) {
-  const evalFn = /* @__PURE__ */ __name((n) => {
-    if (t3.isMemberExpression(n) && t3.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 `var(--${key})`;
-    }
-    if (t3.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {
-      return staticNamespace[n.name];
-    }
-    const evalContext = import_vm.default.createContext(staticNamespace);
-    const code = `(${(0, import_generator.default)(n).code})`;
-    return import_vm.default.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");
-
-// src/extractor/findTopmostFunction.ts
-function findTopmostFunction(jsxPath) {
-  const isFunction = /* @__PURE__ */ __name((path3) => path3.isArrowFunctionExpression() || path3.isFunctionDeclaration() || path3.isFunctionExpression(), "isFunction");
-  let compFn = jsxPath.findParent(isFunction);
-  while (compFn) {
-    const parent = compFn.findParent(isFunction);
-    if (parent) {
-      compFn = parent;
-    } else {
-      break;
-    }
-  }
-  if (!compFn) {
-    return null;
-  }
-  return compFn;
-}
-__name(findTopmostFunction, "findTopmostFunction");
-
-// src/extractor/getStaticBindingsForScope.ts
-var import_path = __toModule(require("path"));
-var t5 = __toModule(require("@babel/types"));
-var import_fs_extra = __toModule(require("fs-extra"));
-
-// src/extractor/getSourceModule.ts
-var t4 = __toModule(require("@babel/types"));
-function getSourceModule(itemName, itemBinding) {
-  if (!itemBinding.constant) {
-    return null;
-  }
-  let sourceModule;
-  let imported;
-  let local;
-  let destructured;
-  let usesImportSyntax = false;
-  const itemNode = itemBinding.path.node;
-  if (t4.isImportDefaultSpecifier(itemNode) || t4.isImportSpecifier(itemNode)) {
-    if (t4.isImportDeclaration(itemBinding.path.parent)) {
-      sourceModule = itemBinding.path.parent.source.value;
-      local = itemNode.local.name;
-      usesImportSyntax = true;
-      if (t4.isImportSpecifier(itemNode)) {
-        imported = itemNode.imported["name"];
-        destructured = true;
-      } else {
-        imported = itemNode.local.name;
-        destructured = false;
-      }
-    }
-  } else if (t4.isVariableDeclarator(itemNode) && itemNode.init != null && t4.isCallExpression(itemNode.init) && t4.isIdentifier(itemNode.init.callee) && itemNode.init.callee.name === "require" && itemNode.init.arguments.length === 1) {
-    const firstArg = itemNode.init.arguments[0];
-    if (!t4.isStringLiteral(firstArg)) {
-      return null;
-    }
-    sourceModule = firstArg.value;
-    if (t4.isIdentifier(itemNode.id)) {
-      local = itemNode.id.name;
-      imported = itemNode.id.name;
-      destructured = false;
-    } else if (t4.isObjectPattern(itemNode.id)) {
-      for (const objProp of itemNode.id.properties) {
-        if (t4.isObjectProperty(objProp) && t4.isIdentifier(objProp.value) && objProp.value.name === itemName) {
-          local = objProp.value.name;
-          imported = objProp.key.name;
-          destructured = true;
-          break;
-        }
-      }
-      if (!local || !imported) {
-        console.error("could not find prop with value `%s`", itemName);
-        return null;
-      }
-    } else {
-      console.error("Unhandled id type: %s", itemNode.id.type);
-      return null;
-    }
-  } else {
-    return null;
-  }
-  return {
-    destructured,
-    imported,
-    local,
-    sourceModule,
-    usesImportSyntax
-  };
-}
-__name(getSourceModule, "getSourceModule");
-
-// src/extractor/getStaticBindingsForScope.ts
-var isLocalImport = /* @__PURE__ */ __name((path3) => path3.startsWith(".") || path3.startsWith("/"), "isLocalImport");
-function resolveImportPath(sourcePath, path3) {
-  const sourceDir = (0, import_path.dirname)(sourcePath);
-  if (isLocalImport(path3)) {
-    if ((0, import_path.extname)(path3) === "") {
-      path3 += ".js";
-    }
-    return (0, import_path.resolve)(sourceDir, path3);
-  }
-  return path3;
-}
-__name(resolveImportPath, "resolveImportPath");
-function importModule(path3) {
-  const filenames = [path3.replace(".js", ".tsx"), path3.replace(".js", ".ts"), path3];
-  for (const file of filenames) {
-    if ((0, import_fs_extra.existsSync)(file)) {
-      return require(file);
-    }
-  }
-  return null;
-}
-__name(importModule, "importModule");
-function getStaticBindingsForScope(scope, whitelist = [], sourcePath, bindingCache, shouldPrintDebug) {
-  const bindings = scope.getAllBindings();
-  const ret = {};
-  if (shouldPrintDebug) {
-    console.log("  ", Object.keys(bindings).length, "variables in scope");
-  }
-  const program = scope.getProgramParent().block;
-  for (const node of program.body) {
-    if (t5.isImportDeclaration(node)) {
-      const importPath = node.source.value;
-      if (!node.specifiers.length)
-        continue;
-      if (!isLocalImport(importPath)) {
-        continue;
-      }
-      const moduleName = resolveImportPath(sourcePath, importPath);
-      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test));
-      if (!isOnWhitelist)
-        continue;
-      const src = importModule(moduleName);
-      if (!src)
-        continue;
-      for (const specifier of node.specifiers) {
-        if (t5.isImportSpecifier(specifier) && t5.isIdentifier(specifier.imported)) {
-          if (typeof src[specifier.imported.name] !== "undefined") {
-            const val = src[specifier.local.name];
-            ret[specifier.local.name] = val;
-          }
-        }
-      }
-    }
-  }
-  if (!bindingCache) {
-    throw new Error("bindingCache is a required param");
-  }
-  for (const k in bindings) {
-    const binding = bindings[k];
-    const sourceModule = getSourceModule(k, binding);
-    if (sourceModule) {
-      if (!sourceModule.sourceModule) {
-        continue;
-      }
-      const moduleName = resolveImportPath(sourcePath, sourceModule.sourceModule);
-      const isOnWhitelist = whitelist.some((test) => moduleName.endsWith(test));
-      if (isOnWhitelist) {
-        const src = importModule(moduleName);
-        if (!src) {
-          console.log(`\u26A0\uFE0F missing file ${moduleName} via ${sourcePath} import ${sourceModule.sourceModule}?`);
-          return {};
-        }
-        if (sourceModule.destructured) {
-          if (sourceModule.imported) {
-            ret[k] = src[sourceModule.imported];
-          }
-        } else {
-          ret[k] = src;
-        }
-      }
-      continue;
-    }
-    const { parent, parentPath } = binding.path;
-    if (!t5.isVariableDeclaration(parent) || parent.kind !== "const") {
-      continue;
-    }
-    const dec = parent.declarations.find((d) => t5.isIdentifier(d.id) && d.id.name === k);
-    if (!dec || !dec.init) {
-      continue;
-    }
-    if (typeof dec.id.start !== "number" || typeof dec.id.end !== "number") {
-      console.error("dec.id.start/end is not a number");
-      continue;
-    }
-    if (!t5.isIdentifier(dec.id)) {
-      console.error("dec is not an identifier");
-      continue;
-    }
-    const cacheKey = `${dec.id.name}_${dec.id.start}-${dec.id.end}`;
-    if (bindingCache.hasOwnProperty(cacheKey)) {
-      ret[k] = bindingCache[cacheKey];
-      continue;
-    }
-    if (bindingCache.hasOwnProperty(cacheKey)) {
-      ret[k] = bindingCache[cacheKey];
-      continue;
-    }
-    try {
-      ret[k] = evaluateAstNode(dec.init, void 0, shouldPrintDebug);
-      bindingCache[cacheKey] = ret[k];
-      continue;
-    } catch (e) {
-    }
-  }
-  return ret;
-}
-__name(getStaticBindingsForScope, "getStaticBindingsForScope");
-
-// src/extractor/literalToAst.ts
-var t6 = __toModule(require("@babel/types"));
-function literalToAst(literal) {
-  if (literal === null) {
-    return t6.nullLiteral();
-  }
-  switch (typeof literal) {
-    case "function":
-      throw new Error("Unsupported");
-    case "number":
-      return t6.numericLiteral(literal);
-    case "string":
-      return t6.stringLiteral(literal);
-    case "boolean":
-      return t6.booleanLiteral(literal);
-    case "undefined":
-      return t6.unaryExpression("void", t6.numericLiteral(0), true);
-    default:
-      if (Array.isArray(literal)) {
-        return t6.arrayExpression(literal.map(literalToAst));
-      }
-      return t6.objectExpression(Object.keys(literal).filter((k) => {
-        return typeof literal[k] !== "undefined";
-      }).map((k) => {
-        return t6.objectProperty(t6.stringLiteral(k), literalToAst(literal[k]));
-      }));
-  }
-}
-__name(literalToAst, "literalToAst");
-
-// src/extractor/loadTamagui.ts
-var import_path2 = __toModule(require("path"));
-var import_core_node = __toModule(require("@tamagui/core-node"));
-var loadedTamagui = null;
-function loadTamagui(props) {
-  if (loadedTamagui) {
-    return loadedTamagui;
-  }
-  process.env.IS_STATIC = "is_static";
-  const proxyWorm = require("@tamagui/fake-react-native");
-  const Mod = require("module");
-  const og = Mod.prototype.require;
-  Mod.prototype.require = function(path3) {
-    if (path3.startsWith("react-native") && !path3.startsWith("react-native-web/dist/cjs/exports")) {
-      return proxyWorm;
-    }
-    return og.apply(this, arguments);
-  };
-  const configPath = (0, import_path2.join)(process.cwd(), props.config);
-  const tamaguiConfigExport = require(configPath);
-  const tamaguiConfig = tamaguiConfigExport["default"] || tamaguiConfigExport;
-  const components = {};
-  for (const module2 of props.components) {
-    const exported = require(module2);
-    Object.assign(components, exported);
-  }
-  process.env.IS_STATIC = void 0;
-  Mod.prototype.require = og;
-  (0, import_core_node.createTamagui)(tamaguiConfig);
-  loadedTamagui = {
-    components,
-    tamaguiConfig
-  };
-  return loadedTamagui;
-}
-__name(loadTamagui, "loadTamagui");
-
-// src/extractor/normalizeTernaries.ts
-var import_generator2 = __toModule(require("@babel/generator"));
-var t7 = __toModule(require("@babel/types"));
-var import_invariant = __toModule(require("invariant"));
-function normalizeTernaries(ternaries) {
-  (0, import_invariant.default)(Array.isArray(ternaries), "extractStaticTernaries expects param 1 to be an array of ternaries");
-  if (ternaries.length === 0) {
-    return [];
-  }
-  const ternariesByKey = {};
-  for (let idx = -1, len = ternaries.length; ++idx < len; ) {
-    const _a = ternaries[idx], { test, consequent, alternate, remove } = _a, rest = __objRest(_a, ["test", "consequent", "alternate", "remove"]);
-    let ternaryTest = test;
-    if (t7.isExpressionStatement(test)) {
-      ternaryTest = test.expression;
-    }
-    let shouldSwap = false;
-    if (t7.isUnaryExpression(test) && test.operator === "!") {
-      ternaryTest = test.argument;
-      shouldSwap = true;
-    } else if (t7.isBinaryExpression(test)) {
-      if (test.operator === "!==" || test.operator === "!=") {
-        ternaryTest = t7.binaryExpression(test.operator, test.left, test.right);
-        shouldSwap = true;
-      }
-    }
-    const key = (0, import_generator2.default)(ternaryTest).code;
-    if (!ternariesByKey[key]) {
-      ternariesByKey[key] = __spreadProps(__spreadValues({}, rest), {
-        alternate: {},
-        consequent: {},
-        test: ternaryTest,
-        remove
-      });
-    }
-    const altStyle = (shouldSwap ? consequent : alternate) ?? {};
-    const consStyle = (shouldSwap ? alternate : consequent) ?? {};
-    Object.assign(ternariesByKey[key].alternate, altStyle);
-    Object.assign(ternariesByKey[key].consequent, consStyle);
-  }
-  const ternaryExpression = Object.keys(ternariesByKey).map((key) => {
-    return ternariesByKey[key];
-  });
-  return ternaryExpression;
-}
-__name(normalizeTernaries, "normalizeTernaries");
-
-// src/extractor/removeUnusedHooks.ts
-var t8 = __toModule(require("@babel/types"));
-var hooks = {
-  useMedia: true,
-  useTheme: true
-};
-function removeUnusedHooks(compFn, shouldPrintDebug) {
-  compFn.scope.crawl();
-  let bodyStatements = compFn == null ? void 0 : compFn.get("body");
-  if (!bodyStatements) {
-    console.log("no body statemnts?", compFn);
-    return;
-  }
-  if (!Array.isArray(bodyStatements)) {
-    if (bodyStatements.isFunctionExpression()) {
-      bodyStatements = bodyStatements.scope.path.get("body");
-    } else {
-      bodyStatements = bodyStatements.get("body");
-    }
-  }
-  if (!bodyStatements || !Array.isArray(bodyStatements)) {
-    return;
-  }
-  const statements = bodyStatements;
-  for (const statement of statements) {
-    if (!statement.isVariableDeclaration()) {
-      continue;
-    }
-    const declarations = statement.get("declarations");
-    if (!Array.isArray(declarations)) {
-      continue;
-    }
-    const isBindingReferenced = /* @__PURE__ */ __name((name) => {
-      var _a;
-      return !!((_a = statement.scope.getBinding(name)) == null ? void 0 : _a.referenced);
-    }, "isBindingReferenced");
-    for (const declarator of declarations) {
-      const id = declarator.get("id");
-      const init = declarator.node.init;
-      if (Array.isArray(id) || Array.isArray(init)) {
-        continue;
-      }
-      const shouldRemove = (() => {
-        const isHook = t8.isCallExpression(init) && t8.isIdentifier(init.callee) && hooks[init.callee.name];
-        if (!isHook) {
-          return false;
-        }
-        if (t8.isIdentifier(id.node)) {
-          const name = id.node.name;
-          return !isBindingReferenced(name);
-        } else if (t8.isObjectPattern(id.node)) {
-          const propPaths = id.get("properties");
-          return propPaths.every((prop) => {
-            if (!prop.isObjectProperty())
-              return false;
-            const value = prop.get("value");
-            if (Array.isArray(value) || !value.isIdentifier())
-              return false;
-            const name = value.node.name;
-            return !isBindingReferenced(name);
-          });
-        }
-        return false;
-      })();
-      if (shouldRemove) {
-        declarator.remove();
-        if (shouldPrintDebug) {
-          console.log(`  [\u{1FA9D}] removed ${id.node["name"] ?? ""}`);
-        }
-      }
-    }
-  }
-}
-__name(removeUnusedHooks, "removeUnusedHooks");
-
-// src/extractor/createExtractor.ts
-var { mediaQueryConfig, postProcessStyles, pseudos } = CoreNode;
-var FAILED_EVAL = Symbol("failed_style_eval");
-var UNTOUCHED_PROPS = {
-  key: true,
-  style: true,
-  className: true
-};
-var isAttr = /* @__PURE__ */ __name((x) => x.type === "attr", "isAttr");
-var validHooks = {
-  useMedia: true,
-  useTheme: true
-};
-var createTernary = /* @__PURE__ */ __name((x) => x, "createTernary");
-function createExtractor() {
-  const shouldAddDebugProp = !process.env.npm_package_dependencies_next && process.env.TAMAGUI_TARGET !== "native" && process.env.IDENTIFY_TAGS !== "false" && (process.env.NODE_ENV === "development" || process.env.DEBUG || process.env.IDENTIFY_TAGS);
-  require("esbuild-register/dist/node").register({
-    target: "es2019",
-    format: "cjs"
-  });
-  let loadedTamaguiConfig;
-  let hasLogged = false;
-  return {
-    getTamaguiConfig() {
-      return loadedTamaguiConfig;
-    },
-    parse: (fileOrPath, _a) => {
-      var _b = _a, {
-        config = "tamagui.config.ts",
-        importsWhitelist = ["constants.js"],
-        evaluateVars = true,
-        shouldPrintDebug = false,
-        sourcePath = "",
-        onExtractTag,
-        getFlattenedNode,
-        disableExtraction,
-        disableExtractInlineMedia,
-        disableDebugAttr
-      } = _b, props = __objRest(_b, [
-        "config",
-        "importsWhitelist",
-        "evaluateVars",
-        "shouldPrintDebug",
-        "sourcePath",
-        "onExtractTag",
-        "getFlattenedNode",
-        "disableExtraction",
-        "disableExtractInlineMedia",
-        "disableDebugAttr"
-      ]);
-      if (sourcePath === "") {
-        throw new Error(`Must provide a source file name`);
-      }
-      if (!Array.isArray(props.components)) {
-        throw new Error(`Must provide components array with list of Tamagui component modules`);
-      }
-      const { components, tamaguiConfig } = loadTamagui({
-        config,
-        components: props.components || ["tamagui"]
-      });
-      loadedTamaguiConfig = tamaguiConfig;
-      const defaultTheme = tamaguiConfig.themes[Object.keys(tamaguiConfig.themes)[0]];
-      const body = fileOrPath.type === "Program" ? fileOrPath.get("body") : fileOrPath.program.body;
-      const isInternalImport = /* @__PURE__ */ __name((importStr) => isInsideTamagui(sourcePath) && importStr[0] === ".", "isInternalImport");
-      const validComponents = Object.keys(components).filter((key) => {
-        var _a2;
-        return key[0].toUpperCase() === key[0] && !!((_a2 = components[key]) == null ? void 0 : _a2.staticConfig);
-      }).reduce((obj, name) => {
-        obj[name] = components[name];
-        return obj;
-      }, {});
-      let doesUseValidImport = false;
-      for (const bodyPath of body) {
-        if (bodyPath.type !== "ImportDeclaration")
-          continue;
-        const node = "node" in bodyPath ? bodyPath.node : bodyPath;
-        const from = node.source.value;
-        if (props.components.includes(from) || isInternalImport(from)) {
-          if (node.specifiers.some((specifier) => {
-            const name = specifier.local.name;
-            return validComponents[name] || validHooks[name];
-          })) {
-            doesUseValidImport = true;
-            break;
-          }
-        }
-      }
-      if (shouldPrintDebug) {
-        console.log(sourcePath, { doesUseValidImport });
-      }
-      if (!doesUseValidImport) {
-        return null;
-      }
-      let couldntParse = false;
-      const modifiedComponents = new Set();
-      const bindingCache = {};
-      const callTraverse = /* @__PURE__ */ __name((a) => {
-        return fileOrPath.type === "File" ? (0, import_traverse.default)(fileOrPath, a) : fileOrPath.traverse(a);
-      }, "callTraverse");
-      let programPath;
-      const res = {
-        flattened: 0,
-        optimized: 0,
-        modified: 0
-      };
-      callTraverse({
-        Program: {
-          enter(path3) {
-            programPath = path3;
-          }
-        },
-        JSXElement(traversePath) {
-          var _a2;
-          const node = traversePath.node.openingElement;
-          const ogAttributes = node.attributes;
-          const componentName = findComponentName(traversePath.scope);
-          const closingElement = traversePath.node.closingElement;
-          if (t9.isJSXMemberExpression(closingElement == null ? void 0 : closingElement.name) || !t9.isJSXIdentifier(node.name)) {
-            return;
-          }
-          const binding = traversePath.scope.getBinding(node.name.name);
-          if (binding) {
-            if (!t9.isImportDeclaration(binding.path.parent)) {
-              return;
-            }
-            const source = binding.path.parent.source;
-            if (!props.components.includes(source.value) && !isInternalImport(source.value)) {
-              return;
-            }
-            if (!validComponents[binding.identifier.name]) {
-              return;
-            }
-          }
-          const component = validComponents[node.name.name];
-          if (!component || !component.staticConfig) {
-            return;
-          }
-          const originalNodeName = node.name.name;
-          if (shouldPrintDebug) {
-            console.log(`
-<${originalNodeName} />`);
-          }
-          const filePath = sourcePath.replace(process.cwd(), ".");
-          const lineNumbers = node.loc ? node.loc.start.line + (node.loc.start.line !== node.loc.end.line ? `-${node.loc.end.line}` : "") : "";
-          if (shouldAddDebugProp && !disableDebugAttr) {
-            const preName = componentName ? `${componentName}:` : "";
-            res.modified++;
-            node.attributes.unshift(t9.jsxAttribute(t9.jsxIdentifier("data-is"), t9.stringLiteral(`  ${preName}${node.name.name}   ${filePath.replace("./", "")}:${lineNumbers}  `)));
-          }
-          if (disableExtraction) {
-            if (!hasLogged) {
-              console.log("\u{1F95A} Tamagui disableExtraction set: no CSS or optimizations will be run");
-              hasLogged = true;
-            }
-            return;
-          }
-          const { staticConfig } = component;
-          const isTextView = staticConfig.isText || false;
-          const validStyles = (staticConfig == null ? void 0 : staticConfig.validStyles) ?? {};
-          let tagName = ((_a2 = staticConfig.defaultProps) == null ? void 0 : _a2.tag) ?? (isTextView ? "span" : "div");
-          traversePath.get("openingElement").get("attributes").forEach((path3) => {
-            const attr = path3.node;
-            if (t9.isJSXSpreadAttribute(attr))
-              return;
-            if (attr.name.name !== "tag")
-              return;
-            const val = attr.value;
-            if (!t9.isStringLiteral(val))
-              return;
-            tagName = val.value;
-          });
-          const flatNode = getFlattenedNode({ isTextView, tag: tagName });
-          const deoptProps = new Set([
-            ...props.deoptProps ?? [],
-            ...staticConfig.deoptProps ?? []
-          ]);
-          const excludeProps = new Set(props.excludeProps ?? []);
-          const isExcludedProp = /* @__PURE__ */ __name((name) => {
-            const res2 = excludeProps.has(name);
-            if (res2 && shouldPrintDebug)
-              console.log(`  excluding ${name}`);
-            return res2;
-          }, "isExcludedProp");
-          const isDeoptedProp = /* @__PURE__ */ __name((name) => {
-            const res2 = deoptProps.has(name);
-            if (res2 && shouldPrintDebug)
-              console.log(`  deopting ${name}`);
-            return res2;
-          }, "isDeoptedProp");
-          const staticNamespace = getStaticBindingsForScope(traversePath.scope, importsWhitelist, sourcePath, bindingCache, shouldPrintDebug);
-          const attemptEval = !evaluateVars ? evaluateAstNode : createEvaluator({
-            tamaguiConfig,
-            staticNamespace,
-            sourcePath,
-            traversePath,
-            shouldPrintDebug
-          });
-          const attemptEvalSafe = createSafeEvaluator(attemptEval);
-          if (shouldPrintDebug) {
-            console.log("  staticNamespace", Object.keys(staticNamespace).join(", "));
-          }
-          const hasDeopt = /* @__PURE__ */ __name((obj) => {
-            return Object.keys(obj).some(isDeoptedProp);
-          }, "hasDeopt");
-          const flattenedAttrs = [];
-          traversePath.get("openingElement").get("attributes").forEach((path3) => {
-            const attr = path3.node;
-            if (!t9.isJSXSpreadAttribute(attr)) {
-              flattenedAttrs.push(attr);
-              return;
-            }
-            let arg;
-            try {
-              arg = attemptEval(attr.argument);
-            } catch (e) {
-              if (shouldPrintDebug) {
-                console.log("  couldnt parse spread", e.message);
-              }
-              flattenedAttrs.push(attr);
-              return;
-            }
-            if (typeof arg !== "undefined") {
-              try {
-                if (typeof arg !== "object" || arg == null) {
-                  if (shouldPrintDebug) {
-                    console.log("  non object or null arg", arg);
-                  }
-                  flattenedAttrs.push(attr);
-                } else {
-                  for (const k in arg) {
-                    const value = arg[k];
-                    if (!value && typeof value === "object") {
-                      console.log("shouldnt we handle this?", k, value, arg);
-                      continue;
-                    }
-                    flattenedAttrs.push(t9.jsxAttribute(t9.jsxIdentifier(k), t9.jsxExpressionContainer(literalToAst(value))));
-                  }
-                }
-              } catch (err) {
-                console.warn("cant parse spread, caught err", err);
-                couldntParse = true;
-              }
-            }
-          });
-          if (couldntParse) {
-            return;
-          }
-          node.attributes = flattenedAttrs;
-          if (staticConfig.defaultProps) {
-            for (const key in staticConfig.defaultProps) {
-              const serialize = require("babel-literal-to-ast");
-              const val = staticConfig.defaultProps[key];
-              node.attributes.unshift(t9.jsxAttribute(t9.jsxIdentifier(key), typeof val === "string" ? t9.stringLiteral(val) : t9.jsxExpressionContainer(serialize(val))));
-            }
-          }
-          let attrs = [];
-          let shouldDeopt = false;
-          let inlinePropCount = 0;
-          let isFlattened = false;
-          attrs = traversePath.get("openingElement").get("attributes").flatMap((path3) => {
-            try {
-              const res2 = evaluateAttribute(path3);
-              if (!res2) {
-                path3.remove();
-              }
-              return res2;
-            } catch (err) {
-              console.log("Error extracting attribute", err.message, err.stack);
-              console.log("node", path3.node);
-              return {
-                type: "attr",
-                value: path3.node
-              };
-            }
-          }).flat(4).filter(isPresent);
-          function isStaticAttributeName(name) {
-            var _a3, _b2;
-            return !!(!!validStyles[name] || ((_a3 = staticConfig.validPropsExtra) == null ? void 0 : _a3[name]) || !!pseudos[name] || ((_b2 = staticConfig.variants) == null ? void 0 : _b2[name]) || tamaguiConfig.shorthands[name] || (name[0] === "$" ? !!mediaQueryConfig[name.slice(1)] : false));
-          }
-          __name(isStaticAttributeName, "isStaticAttributeName");
-          function isExtractable(obj) {
-            return t9.isObjectExpression(obj) && obj.properties.every((prop) => {
-              if (!t9.isObjectProperty(prop)) {
-                console.log("not object prop", prop);
-                return false;
-              }
-              const propName = prop.key["name"];
-              if (!isStaticAttributeName(propName) && propName !== "tag") {
-                if (shouldPrintDebug) {
-                  console.log("  not a valid style prop!", propName);
-                }
-                return false;
-              }
-              return true;
-            });
-          }
-          __name(isExtractable, "isExtractable");
-          function createTernariesFromObjectProperties(test, side, ternaryPartial = {}) {
-            if (!side) {
-              return null;
-            }
-            if (!isExtractable(side)) {
-              throw new Error("not extractable");
-            }
-            return side.properties.flatMap((property) => {
-              if (!t9.isObjectProperty(property)) {
-                throw new Error("expected object property");
-              }
-              if (t9.isConditionalExpression(property.value)) {
-                const [truthy, falsy] = [
-                  t9.objectExpression([t9.objectProperty(property.key, property.value.consequent)]),
-                  t9.objectExpression([t9.objectProperty(property.key, property.value.alternate)])
-                ].map((x) => attemptEval(x));
-                return [
-                  createTernary(__spreadProps(__spreadValues({
-                    remove() {
-                    }
-                  }, ternaryPartial), {
-                    test: t9.logicalExpression("&&", test, property.value.test),
-                    consequent: truthy,
-                    alternate: null
-                  })),
-                  createTernary(__spreadProps(__spreadValues({}, ternaryPartial), {
-                    test: t9.logicalExpression("&&", test, t9.unaryExpression("!", property.value.test)),
-                    consequent: falsy,
-                    alternate: null,
-                    remove() {
-                    }
-                  }))
-                ];
-              }
-              const obj = t9.objectExpression([t9.objectProperty(property.key, property.value)]);
-              const consequent = attemptEval(obj);
-              return createTernary(__spreadProps(__spreadValues({
-                remove() {
-                }
-              }, ternaryPartial), {
-                test,
-                consequent,
-                alternate: null
-              }));
-            });
-          }
-          __name(createTernariesFromObjectProperties, "createTernariesFromObjectProperties");
-          function evaluateAttribute(path3) {
-            const attribute = path3.node;
-            const attr = { type: "attr", value: attribute };
-            if (t9.isJSXSpreadAttribute(attribute)) {
-              const arg = attribute.argument;
-              const conditional = t9.isConditionalExpression(arg) ? [arg.test, arg.consequent, arg.alternate] : t9.isLogicalExpression(arg) && arg.operator === "&&" ? [arg.left, arg.right, null] : null;
-              if (conditional) {
-                const [test, alt, cons] = conditional;
-                if (!test)
-                  throw new Error(`no test`);
-                if ([alt, cons].some((side) => side && !isExtractable(side))) {
-                  if (shouldPrintDebug) {
-                    console.log("not extractable", alt, cons);
-                  }
-                  return attr;
-                }
-                return [
-                  ...createTernariesFromObjectProperties(test, alt) || [],
-                  ...cons && createTernariesFromObjectProperties(t9.unaryExpression("!", test), cons) || []
-                ].map((ternary) => ({
-                  type: "ternary",
-                  value: ternary
-                }));
-              }
-            }
-            if (t9.isJSXSpreadAttribute(attribute) || !attribute.name || typeof attribute.name.name !== "string") {
-              inlinePropCount++;
-              return attr;
-            }
-            const name = attribute.name.name;
-            if (isExcludedProp(name)) {
-              return null;
-            }
-            if (isDeoptedProp(name)) {
-              if (shouldPrintDebug) {
-                console.log("  ! inlining, deopt prop", name);
-              }
-              inlinePropCount++;
-              return attr;
-            }
-            if (UNTOUCHED_PROPS[name]) {
-              return attr;
-            }
-            if (name[0] === "$" && t9.isJSXExpressionContainer(attribute == null ? void 0 : attribute.value) && !disableExtractInlineMedia) {
-              const shortname = name.slice(1);
-              if (mediaQueryConfig[shortname]) {
-                const expression = attribute.value.expression;
-                if (!t9.isJSXEmptyExpression(expression)) {
-                  const ternaries2 = createTernariesFromObjectProperties(t9.stringLiteral(shortname), expression, {
-                    inlineMediaQuery: shortname
-                  });
-                  if (ternaries2) {
-                    return ternaries2.map((value2) => ({
-                      type: "ternary",
-                      value: value2
-                    }));
-                  }
-                }
-              }
-            }
-            const [value, valuePath] = (() => {
-              if (t9.isJSXExpressionContainer(attribute == null ? void 0 : attribute.value)) {
-                return [attribute.value.expression, path3.get("value")];
-              } else {
-                return [attribute.value, path3.get("value")];
-              }
-            })();
-            const remove = /* @__PURE__ */ __name(() => {
-              Array.isArray(valuePath) ? valuePath.map((p) => p.remove()) : valuePath.remove();
-            }, "remove");
-            if (name === "ref") {
-              if (shouldPrintDebug) {
-                console.log("  ! inlining, ref", name);
-              }
-              inlinePropCount++;
-              return attr;
-            }
-            if (name === "tag") {
-              return {
-                type: "attr",
-                value: path3.node
-              };
-            }
-            const styleValue = attemptEvalSafe(value);
-            if (!isStaticAttributeName(name)) {
-              let keys = [name];
-              if (staticConfig.propMapper) {
-                const out = staticConfig.propMapper(name, styleValue, defaultTheme, staticConfig.defaultProps);
-                if (out) {
-                  keys = Object.keys(out);
-                }
-              }
-              if (keys.some((k) => !isStaticAttributeName(k) && k !== "tag")) {
-                if (shouldPrintDebug) {
-                  console.log("  ! inlining, not static attribute name", name);
-                }
-                inlinePropCount++;
-                return attr;
-              }
-            }
-            if (styleValue !== FAILED_EVAL) {
-              return {
-                type: "style",
-                value: { [name]: styleValue }
-              };
-            }
-            if (t9.isBinaryExpression(value)) {
-              const { operator, left, right } = value;
-              const lVal = attemptEvalSafe(left);
-              const rVal = attemptEvalSafe(right);
-              if (shouldPrintDebug) {
-                console.log(`  evalBinaryExpression lVal ${String(lVal)}, rVal ${String(rVal)}`);
-              }
-              if (lVal !== FAILED_EVAL && t9.isConditionalExpression(right)) {
-                const ternary = addBinaryConditional(operator, left, right);
-                if (ternary)
-                  return ternary;
-              }
-              if (rVal !== FAILED_EVAL && t9.isConditionalExpression(left)) {
-                const ternary = addBinaryConditional(operator, right, left);
-                if (ternary)
-                  return ternary;
-              }
-              if (shouldPrintDebug) {
-                console.log(`  evalBinaryExpression cant extract`);
-              }
-              inlinePropCount++;
-              return attr;
-            }
-            const staticConditional = getStaticConditional(value);
-            if (staticConditional) {
-              return { type: "ternary", value: staticConditional };
-            }
-            const staticLogical = getStaticLogical(value);
-            if (staticLogical) {
-              return { type: "ternary", value: staticLogical };
-            }
-            if (shouldPrintDebug) {
-              console.log("  ! inline prop via no match", name, value.type);
-            }
-            inlinePropCount++;
-            return attr;
-            function addBinaryConditional(operator, staticExpr, cond) {
-              if (getStaticConditional(cond)) {
-                const alt = attemptEval(t9.binaryExpression(operator, staticExpr, cond.alternate));
-                const cons = attemptEval(t9.binaryExpression(operator, staticExpr, cond.consequent));
-                if (shouldPrintDebug) {
-                  console.log("  binaryConditional", cond.test, cons, alt);
-                }
-                return {
-                  type: "ternary",
-                  value: {
-                    test: cond.test,
-                    remove,
-                    alternate: { [name]: alt },
-                    consequent: { [name]: cons }
-                  }
-                };
-              }
-              return null;
-            }
-            __name(addBinaryConditional, "addBinaryConditional");
-            function getStaticConditional(value2) {
-              if (t9.isConditionalExpression(value2)) {
-                try {
-                  if (shouldPrintDebug) {
-                    console.log("attempt", value2.alternate, value2.consequent);
-                  }
-                  const aVal = attemptEval(value2.alternate);
-                  const cVal = attemptEval(value2.consequent);
-                  if (shouldPrintDebug) {
-                    const type = value2.test.type;
-                    console.log("      static ternary", type, cVal, aVal);
-                  }
-                  return {
-                    test: value2.test,
-                    remove,
-                    consequent: { [name]: cVal },
-                    alternate: { [name]: aVal }
-                  };
-                } catch (err) {
-                  if (shouldPrintDebug) {
-                    console.log("       cant eval ternary", err.message);
-                  }
-                }
-              }
-              return null;
-            }
-            __name(getStaticConditional, "getStaticConditional");
-            function getStaticLogical(value2) {
-              if (t9.isLogicalExpression(value2)) {
-                if (value2.operator === "&&") {
-                  try {
-                    const val = attemptEval(value2.right);
-                    if (shouldPrintDebug) {
-                      console.log("  staticLogical", value2.left, name, val);
-                    }
-                    return {
-                      test: value2.left,
-                      remove,
-                      consequent: { [name]: val },
-                      alternate: null
-                    };
-                  } catch (err) {
-                    if (shouldPrintDebug) {
-                      console.log("  cant static eval logical", err);
-                    }
-                  }
-                }
-              }
-              return null;
-            }
-            __name(getStaticLogical, "getStaticLogical");
-          }
-          __name(evaluateAttribute, "evaluateAttribute");
-          if (shouldPrintDebug) {
-            console.log("  - attrs (before): ", attrs.map(attrStr).join(", "));
-          }
-          node.attributes = attrs.filter(isAttr).map((x) => x.value);
-          if (couldntParse) {
-            if (shouldPrintDebug) {
-              console.log(`  cancel:`, { couldntParse, shouldDeopt });
-            }
-            node.attributes = ogAttributes;
-            return;
-          }
-          const parentFn = findTopmostFunction(traversePath);
-          if (parentFn) {
-            modifiedComponents.add(parentFn);
-          }
-          let ternaries = [];
-          attrs = attrs.reduce((out, cur) => {
-            const next = attrs[attrs.indexOf(cur) + 1];
-            if (cur.type === "ternary") {
-              ternaries.push(cur.value);
-            }
-            if ((!next || next.type !== "ternary") && ternaries.length) {
-              const normalized = normalizeTernaries(ternaries).map((_a3) => {
-                var _b2 = _a3, { alternate, consequent } = _b2, rest = __objRest(_b2, ["alternate", "consequent"]);
-                return {
-                  type: "ternary",
-                  value: __spreadProps(__spreadValues({}, rest), {
-                    alternate: alternate || null,
-                    consequent: consequent || null
-                  })
-                };
-              });
-              try {
-                return [...out, ...normalized];
-              } finally {
-                if (shouldPrintDebug) {
-                  console.log(`    normalizeTernaries (${ternaries.length} => ${normalized.length})`);
-                }
-                ternaries = [];
-              }
-            }
-            if (cur.type === "ternary") {
-              return out;
-            }
-            out.push(cur);
-            return out;
-          }, []).flat();
-          const completeStaticProps = __spreadValues({}, Object.keys(attrs).reduce((acc, index) => {
-            const cur = attrs[index];
-            if (cur.type === "style") {
-              Object.assign(acc, cur.value);
-            }
-            if (cur.type === "attr") {
-              if (t9.isJSXSpreadAttribute(cur.value)) {
-                return acc;
-              }
-              if (!t9.isJSXIdentifier(cur.value.name)) {
-                return acc;
-              }
-              const key = cur.value.name.name;
-              const value = attemptEvalSafe(cur.value.value || t9.booleanLiteral(true));
-              if (value === FAILED_EVAL) {
-                return acc;
-              }
-              acc[key] = value;
-            }
-            return acc;
-          }, {}));
-          const hasSpread = node.attributes.some((x) => t9.isJSXSpreadAttribute(x));
-          const hasOnlyStringChildren = !hasSpread && (node.selfClosing || traversePath.node.children && traversePath.node.children.every((x) => x.type === "JSXText"));
-          const shouldFlatten = !shouldDeopt && inlinePropCount === 0 && !hasSpread && staticConfig.neverFlatten !== true && (staticConfig.neverFlatten === "jsx" ? hasOnlyStringChildren : true);
-          if (!shouldFlatten) {
-            attrs = attrs.reduce((acc, cur) => {
-              var _a3;
-              if (cur.type === "style") {
-                for (const key in cur.value) {
-                  const shouldInsertNull = !!((_a3 = staticConfig.ensureOverriddenProp) == null ? void 0 : _a3[key]);
-                  const isSetInAttrsAlready = attrs.some((x) => x.type === "attr" && x.value.type === "JSXAttribute" && x.value.name.name === key);
-                  const shouldInsertNullOverride = shouldInsertNull && !isSetInAttrsAlready;
-                  if (shouldInsertNullOverride) {
-                    acc.push({
-                      type: "attr",
-                      value: t9.jsxAttribute(t9.jsxIdentifier(key), t9.jsxExpressionContainer(t9.nullLiteral()))
-                    });
-                  }
-                }
-              }
-              acc.push(cur);
-              return acc;
-            }, []);
-          }
-          if (shouldPrintDebug) {
-            console.log("  - attrs (flattened):  ", attrs.map(attrStr).join(", "));
-          }
-          attrs = attrs.reduce((acc, cur) => {
-            if (cur.type !== "attr" || !t9.isJSXAttribute(cur.value) || typeof cur.value.name.name !== "string") {
-              if (cur.type === "style") {
-                const key = Object.keys(cur.value)[0];
-                if (!validStyles[key] && !pseudos[key]) {
-                  if (shouldPrintDebug) {
-                    console.log(" \u274C excluding", key);
-                  }
-                  return acc;
-                }
-              }
-            }
-            acc.push(cur);
-            return acc;
-          }, []);
-          if (shouldPrintDebug) {
-            console.log("  - attrs (evaluated styles):  ", attrs.map(attrStr).join(", "));
-          }
-          let prev = null;
-          attrs = attrs.reduce((acc, cur) => {
-            if (cur.type === "style") {
-              if ((prev == null ? void 0 : prev.type) === "style") {
-                Object.assign(prev.value, cur.value);
-                return acc;
-              }
-            }
-            acc.push(cur);
-            prev = cur;
-            return acc;
-          }, []);
-          if (shouldPrintDebug) {
-            console.log("  - attrs (combined \u{1F500}):  ", attrs.map(attrStr).join(", "));
-          }
-          const getStyles = /* @__PURE__ */ __name((props2) => {
-            if (!props2)
-              return;
-            if (!!excludeProps.size) {
-              for (const key in props2) {
-                if (isExcludedProp(key))
-                  delete props2[key];
-              }
-            }
-            const out = postProcessStyles(props2, staticConfig, defaultTheme);
-            const next = (out == null ? void 0 : out.style) ?? props2;
-            if (shouldPrintDebug) {
-              console.log("    >> getStyles: ", objToStr(props2), "==>>", objToStr(next));
-              console.log("    >>     style: ", objToStr(out.style));
-              console.log("    >>     viewp: ", objToStr(out.viewProps));
-            }
-            if (staticConfig.validStyles) {
-              for (const key in next) {
-                if (!staticConfig.validStyles[key] && !pseudos[key]) {
-                  delete next[key];
-                }
-              }
-            }
-            return next;
-          }, "getStyles");
-          if (shouldPrintDebug) {
-            console.log("  staticConfig.defaultProps", staticConfig.defaultProps);
-          }
-          const completeStylesProcessed = getStyles(__spreadValues(__spreadValues({}, staticConfig.defaultProps), completeStaticProps));
-          const stylesToAddToInitialGroup = (0, import_lodash.difference)(Object.keys(completeStylesProcessed), Object.keys(completeStaticProps));
-          if (stylesToAddToInitialGroup.length) {
-            const toAdd = (0, import_lodash.pick)(completeStylesProcessed, ...stylesToAddToInitialGroup);
-            const firstGroup = attrs.find((x) => x.type === "style");
-            if (shouldPrintDebug) {
-              console.log("    stylesToAddToInitialGroup", stylesToAddToInitialGroup.join(", "));
-              console.log("    toAdd", objToStr(toAdd));
-            }
-            if (!firstGroup) {
-              attrs.unshift({ type: "style", value: toAdd });
-            } else {
-              Object.assign(firstGroup.value, toAdd);
-            }
-          }
-          if (shouldPrintDebug) {
-            console.log("    completeStaticProps", objToStr(completeStaticProps));
-            console.log("    completeStylesProcessed", objToStr(completeStylesProcessed));
-          }
-          for (const attr of attrs) {
-            try {
-              switch (attr.type) {
-                case "ternary":
-                  const a = getStyles(attr.value.alternate);
-                  const c = getStyles(attr.value.consequent);
-                  attr.value.alternate = a;
-                  attr.value.consequent = c;
-                  if (shouldPrintDebug) {
-                    console.log("     => tern ", attrStr(attr));
-                  }
-                  break;
-                case "style":
-                  const next = {};
-                  for (const key in attr.value) {
-                    if (key in import_helpers.stylePropsTransform) {
-                      next["transform"] = completeStylesProcessed["transform"];
-                    } else {
-                      next[key] = completeStylesProcessed[key] ?? attr.value[key];
-                    }
-                  }
-                  attr.value = next;
-                  break;
-              }
-            } catch (err) {
-              if (shouldPrintDebug) {
-                console.log(" postprocessing error, deopt", err);
-                node.attributes = ogAttributes;
-                return node;
-              }
-            }
-          }
-          if (shouldPrintDebug) {
-            console.log("  - attrs (after): ", attrs.map(attrStr).join(", "));
-          }
-          if (shouldFlatten) {
-            if (shouldPrintDebug) {
-              console.log("  [\u2705] flattening", originalNodeName, flatNode);
-            }
-            isFlattened = true;
-            node.name.name = flatNode;
-            res.flattened++;
-            if (closingElement) {
-              closingElement.name.name = flatNode;
-            }
-          }
-          if (shouldPrintDebug) {
-            console.log("  [\u274A] inline props ", inlinePropCount, shouldDeopt ? " deopted" : "", hasSpread ? " spread" : "", "!flatten", staticConfig.neverFlatten);
-            console.log("  - attrs (end): ", attrs.map(attrStr).join(", "));
-          }
-          res.optimized++;
-          onExtractTag({
-            attrs,
-            node,
-            lineNumbers,
-            filePath,
-            attemptEval,
-            jsxPath: traversePath,
-            originalNodeName,
-            isFlattened,
-            programPath
-          });
-        }
-      });
-      if (modifiedComponents.size) {
-        const all = Array.from(modifiedComponents);
-        if (shouldPrintDebug) {
-          console.log("  [\u{1FA9D}] hook check", all.length);
-        }
-        for (const comp of all) {
-          removeUnusedHooks(comp, shouldPrintDebug);
-        }
-      }
-      return res;
-    }
-  };
-}
-__name(createExtractor, "createExtractor");
-
-// src/constants.ts
-var import_find_cache_dir = __toModule(require("find-cache-dir"));
-var CSS_FILE_NAME = "__snack.css";
-var MEDIA_SEP = "_";
-var cacheDir = (0, import_find_cache_dir.default)({ name: "tamagui", create: true });
-
-// src/extractor/extractToClassNames.ts
-var path = __toModule(require("path"));
-var import_path3 = __toModule(require("path"));
-var util = __toModule(require("util"));
-var import_generator3 = __toModule(require("@babel/generator"));
-var t14 = __toModule(require("@babel/types"));
-var import_core_node3 = __toModule(require("@tamagui/core-node"));
-var import_helpers2 = __toModule(require("@tamagui/helpers"));
-var import_invariant2 = __toModule(require("invariant"));
-var import_loader_utils = __toModule(require("loader-utils"));
-
-// src/extractor/babelParse.ts
-var babelParser = __toModule(require("@babel/parser"));
-var parserOptions = Object.freeze({
-  plugins: [
-    "asyncGenerators",
-    "classProperties",
-    "dynamicImport",
-    "functionBind",
-    "jsx",
-    "numericSeparator",
-    "objectRestSpread",
-    "optionalCatchBinding",
-    "decorators-legacy",
-    "typescript",
-    "optionalChaining",
-    "nullishCoalescingOperator"
-  ],
-  sourceType: "module"
-});
-var parser = babelParser.parse.bind(babelParser);
-function babelParse(code) {
-  return parser(code.toString(), parserOptions);
-}
-__name(babelParse, "babelParse");
-
-// src/extractor/buildClassName.ts
-var t10 = __toModule(require("@babel/types"));
-function buildClassName(classNameObjects) {
-  return classNameObjects.reduce((acc, val) => {
-    if (acc == null) {
-      if (t10.isConditionalExpression(val) || t10.isStringLiteral(val) || t10.isNumericLiteral(val)) {
-        return val;
-      }
-      return t10.logicalExpression("||", val, t10.stringLiteral(""));
-    }
-    let inner;
-    if (t10.isStringLiteral(val)) {
-      if (t10.isStringLiteral(acc)) {
-        return t10.stringLiteral(`${acc.value} ${val.value}`);
-      }
-      inner = t10.stringLiteral(` ${val.value}`);
-    } else if (t10.isLiteral(val)) {
-      inner = t10.binaryExpression("+", t10.stringLiteral(" "), val);
-    } else if (t10.isConditionalExpression(val) || t10.isBinaryExpression(val)) {
-      if (t10.isStringLiteral(acc)) {
-        return t10.binaryExpression("+", t10.stringLiteral(`${acc.value} `), val);
-      }
-      inner = t10.binaryExpression("+", t10.stringLiteral(" "), val);
-    } else if (t10.isIdentifier(val) || t10.isMemberExpression(val)) {
-      inner = t10.conditionalExpression(val, t10.binaryExpression("+", t10.stringLiteral(" "), val), t10.stringLiteral(""));
-    } else {
-      if (t10.isStringLiteral(acc)) {
-        return t10.binaryExpression("+", t10.stringLiteral(`${acc.value} `), t10.logicalExpression("||", val, t10.stringLiteral("")));
-      }
-      inner = t10.binaryExpression("+", t10.stringLiteral(" "), t10.logicalExpression("||", val, t10.stringLiteral("")));
-    }
-    return t10.binaryExpression("+", acc, inner);
-  }, null);
-}
-__name(buildClassName, "buildClassName");
-
-// src/extractor/ensureImportingConcat.ts
-var t11 = __toModule(require("@babel/types"));
-var importConcatPkg = "@tamagui/helpers";
-function ensureImportingConcat(path3) {
-  const bodyPath = path3.get("body");
-  const imported = bodyPath.find((x) => x.isImportDeclaration() && x.node.source.value === importConcatPkg);
-  const importSpecifier2 = t11.importSpecifier(t11.identifier(CONCAT_CLASSNAME_IMPORT), t11.identifier(CONCAT_CLASSNAME_IMPORT));
-  if (!imported) {
-    path3.node.body.push(t11.importDeclaration([importSpecifier2], t11.stringLiteral(importConcatPkg)));
-    return;
-  }
-  const specifiers = imported.node.specifiers;
-  const alreadyImported = specifiers.some((x) => t11.isImportSpecifier(x) && t11.isIdentifier(x.imported) && x.imported.name === CONCAT_CLASSNAME_IMPORT);
-  if (!alreadyImported) {
-    specifiers.push(t11.importSpecifier(t11.identifier(CONCAT_CLASSNAME_IMPORT), t11.identifier(CONCAT_CLASSNAME_IMPORT)));
-  }
-}
-__name(ensureImportingConcat, "ensureImportingConcat");
-
-// src/extractor/extractMediaStyle.ts
-var t12 = __toModule(require("@babel/types"));
-var import_core_node2 = __toModule(require("@tamagui/core-node"));
-function extractMediaStyle(ternary, jsxPath, tamaguiConfig, sourcePath, importance = 0, shouldPrintDebug = false) {
-  const mt = getMediaQueryTernary(ternary, jsxPath, sourcePath);
-  if (!mt) {
-    return null;
-  }
-  const { key } = mt;
-  const mq = tamaguiConfig.media[key];
-  if (!mq) {
-    console.error(`Media query "${key}" not found: ${Object.keys(tamaguiConfig.media)}`);
-    return null;
-  }
-  const getStyleObj = /* @__PURE__ */ __name((styleObj, negate = false) => {
-    return styleObj ? { styleObj, negate } : null;
-  }, "getStyleObj");
-  const styleOpts = [
-    getStyleObj(ternary.consequent, false),
-    getStyleObj(ternary.alternate, true)
-  ].filter(isPresent);
-  if (shouldPrintDebug && !styleOpts.length) {
-    console.log("  media query, no styles?");
-    return null;
-  }
-  const mediaKeys = Object.keys(tamaguiConfig.media);
-  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {
-    acc[cur] = new Array(importance + 1).fill(":root").join("");
-    return acc;
-  }, {});
-  let mediaStyles = [];
-  for (const { styleObj, negate } of styleOpts) {
-    const styles = (0, import_core_node2.getStylesAtomic)(styleObj);
-    const singleMediaStyles = styles.map((style) => {
-      const negKey = negate ? "0" : "";
-      const ogPrefix = style.identifier.slice(0, style.identifier.indexOf("-") + 1);
-      const identifier3 = `${style.identifier.replace(ogPrefix, `${ogPrefix}${MEDIA_SEP}${key}${negKey}${MEDIA_SEP}`)}`;
-      const className = `.${identifier3}`;
-      const mediaSelector = (0, import_core_node2.mediaObjectToString)(tamaguiConfig.media[key]);
-      const screenStr = negate ? "not all" : "screen";
-      const mediaQuery = `${screenStr} and ${mediaSelector}`;
-      const precendencePrefix = mediaKeyPrecendence[key];
-      const styleInner = style.rules[0].replace(style.identifier, identifier3);
-      let styleRule = "";
-      if (styleInner.includes("@media")) {
-        styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
-      } else {
-        styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`;
-      }
-      return __spreadProps(__spreadValues({}, style), {
-        identifier: identifier3,
-        className,
-        rules: [styleRule]
-      });
-    });
-    if (shouldPrintDebug) {
-      console.log("  media styles:", importance, singleMediaStyles.map((x) => x.identifier).join(", "));
-    }
-    mediaStyles = [...mediaStyles, ...singleMediaStyles];
-  }
-  ternary.remove();
-  return { mediaStyles, ternaryWithoutMedia: mt.ternaryWithoutMedia };
-}
-__name(extractMediaStyle, "extractMediaStyle");
-function getMediaQueryTernary(ternary, jsxPath, sourcePath) {
-  if (t12.isLogicalExpression(ternary.test) && ternary.test.operator === "&&") {
-    const mediaLeft = getMediaInfoFromExpression(ternary.test.left, jsxPath, sourcePath, ternary.inlineMediaQuery);
-    if (mediaLeft) {
-      return __spreadProps(__spreadValues({}, mediaLeft), {
-        ternaryWithoutMedia: __spreadProps(__spreadValues({}, ternary), {
-          test: ternary.test.right
-        })
-      });
-    }
-  }
-  const result = getMediaInfoFromExpression(ternary.test, jsxPath, sourcePath, ternary.inlineMediaQuery);
-  if (result) {
-    return __spreadProps(__spreadValues({}, result), {
-      ternaryWithoutMedia: null
-    });
-  }
-  return null;
-}
-__name(getMediaQueryTernary, "getMediaQueryTernary");
-function getMediaInfoFromExpression(test, jsxPath, sourcePath, inlineMediaQuery) {
-  var _a, _b, _c;
-  if (inlineMediaQuery) {
-    return {
-      key: inlineMediaQuery,
-      bindingName: inlineMediaQuery
-    };
-  }
-  if (t12.isMemberExpression(test) && t12.isIdentifier(test.object) && t12.isIdentifier(test.property)) {
-    const name = test.object["name"];
-    const key = test.property["name"];
-    const bindings = jsxPath.scope.getAllBindings();
-    const binding = bindings[name];
-    if (!binding)
-      return false;
-    const bindingNode = (_a = binding.path) == null ? void 0 : _a.node;
-    if (!t12.isVariableDeclarator(bindingNode) || !bindingNode.init)
-      return false;
-    if (!isValidMediaCall(jsxPath, bindingNode.init, sourcePath))
-      return false;
-    return { key, bindingName: name };
-  }
-  if (t12.isIdentifier(test)) {
-    const key = test.name;
-    const node = (_c = (_b = jsxPath.scope.getBinding(test.name)) == null ? void 0 : _b.path) == null ? void 0 : _c.node;
-    if (!t12.isVariableDeclarator(node))
-      return false;
-    if (!node.init || !isValidMediaCall(jsxPath, node.init, sourcePath))
-      return false;
-    return { key, bindingName: key };
-  }
-  return null;
-}
-__name(getMediaInfoFromExpression, "getMediaInfoFromExpression");
-function isValidMediaCall(jsxPath, init, sourcePath) {
-  if (!t12.isCallExpression(init))
-    return false;
-  if (!t12.isIdentifier(init.callee))
-    return false;
-  if (init.callee.name !== "useMedia")
-    return false;
-  const bindings = jsxPath.scope.getAllBindings();
-  const mediaBinding = bindings["useMedia"];
-  if (!mediaBinding)
-    return false;
-  const useMediaImport = mediaBinding.path.parent;
-  if (!t12.isImportDeclaration(useMediaImport))
-    return false;
-  if (useMediaImport.source.value !== "tamagui") {
-    if (!isInsideTamagui(sourcePath)) {
-      return false;
-    }
-  }
-  return true;
-}
-__name(isValidMediaCall, "isValidMediaCall");
-
-// src/extractor/hoistClassNames.ts
-var t13 = __toModule(require("@babel/types"));
-function hoistClassNames(path3, existing, expr) {
-  const hoist = hoistClassNames.bind(null, path3, existing);
-  if (t13.isStringLiteral(expr)) {
-    if (expr.value.trim() === "") {
-      return expr;
-    }
-    if (existing[expr.value]) {
-      return existing[expr.value];
-    }
-    const identifier3 = replaceStringWithVariable(expr);
-    existing[expr.value] = identifier3;
-    return identifier3;
-  }
-  if (t13.isBinaryExpression(expr)) {
-    return t13.binaryExpression(expr.operator, hoist(expr.left), hoist(expr.right));
-  }
-  if (t13.isLogicalExpression(expr)) {
-    return t13.logicalExpression(expr.operator, hoist(expr.left), hoist(expr.right));
-  }
-  if (t13.isConditionalExpression(expr)) {
-    return t13.conditionalExpression(expr.test, hoist(expr.consequent), hoist(expr.alternate));
-  }
-  return expr;
-  function replaceStringWithVariable(str) {
-    const uid = path3.scope.generateUidIdentifier("cn");
-    const parent = path3.findParent((path4) => path4.isProgram());
-    if (!parent)
-      throw new Error(`no program?`);
-    const variable = t13.variableDeclaration("const", [
-      t13.variableDeclarator(uid, t13.stringLiteral(` ${str.value}`))
-    ]);
-    parent.unshiftContainer("body", variable);
-    return uid;
-  }
-  __name(replaceStringWithVariable, "replaceStringWithVariable");
-}
-__name(hoistClassNames, "hoistClassNames");
-
-// src/extractor/extractToClassNames.ts
-var CONCAT_CLASSNAME_IMPORT = "concatClassName";
-var mergeStyleGroups = {
-  shadowOpacity: true,
-  shadowRadius: true,
-  shadowColor: true,
-  shadowOffset: true
-};
-function extractToClassNames({
-  loader,
-  extractor,
-  source,
-  sourcePath,
-  options,
-  shouldPrintDebug,
-  threaded,
-  cssPath
-}) {
-  if (typeof source !== "string") {
-    throw new Error("`source` must be a string of javascript");
-  }
-  (0, import_invariant2.default)(typeof sourcePath === "string" && path.isAbsolute(sourcePath), "`sourcePath` must be an absolute path to a .js file");
-  const shouldLogTiming = shouldPrintDebug || options.logTimings;
-  const start = Date.now();
-  const mem = shouldLogTiming ? process.memoryUsage() : null;
-  let ast;
-  try {
-    ast = babelParse(source);
-  } catch (err) {
-    console.error("babel parse error:", sourcePath);
-    throw err;
-  }
-  const cssMap = new Map();
-  const existingHoists = {};
-  const res = extractor.parse(ast, __spreadProps(__spreadValues({
-    sourcePath,
-    shouldPrintDebug
-  }, options), {
-    getFlattenedNode: ({ tag }) => tag,
-    onExtractTag: ({
-      attrs,
-      node,
-      attemptEval,
-      jsxPath,
-      originalNodeName,
-      filePath,
-      lineNumbers,
-      programPath
-    }) => {
-      let finalClassNames = [];
-      let finalAttrs = [];
-      let finalStyles = [];
-      const viewStyles = {};
-      for (const attr of attrs) {
-        if (attr.type === "style") {
-          Object.assign(viewStyles, attr.value);
-        }
-      }
-      const ensureNeededPrevStyle = /* @__PURE__ */ __name((style) => {
-        const keys = Object.keys(style);
-        if (!keys.some((key) => mergeStyleGroups[key])) {
-          return style;
-        }
-        for (const k in mergeStyleGroups) {
-          if (k in viewStyles) {
-            style[k] = style[k] ?? viewStyles[k];
-          }
-        }
-        return style;
-      }, "ensureNeededPrevStyle");
-      const addStyles = /* @__PURE__ */ __name((style) => {
-        if (!style)
-          return [];
-        const styleWithPrev = ensureNeededPrevStyle(style);
-        const res2 = (0, import_core_node3.getStylesAtomic)(styleWithPrev);
-        if (res2.length) {
-          finalStyles = [...finalStyles, ...res2];
-        }
-        return res2;
-      }, "addStyles");
-      let lastMediaImportance = 1;
-      for (const attr of attrs) {
-        switch (attr.type) {
-          case "style":
-            const styles2 = addStyles(attr.value);
-            const newClassNames = (0, import_helpers2.concatClassName)(styles2.map((x) => x.identifier).join(" "));
-            if (shouldPrintDebug) {
-              console.log("  classnames", newClassNames, finalClassNames);
-            }
-            const existing = finalClassNames.find((x) => x.type == "StringLiteral");
-            if (existing) {
-              existing.value = `${existing.value} ${newClassNames}`;
-            } else {
-              finalClassNames = [...finalClassNames, t14.stringLiteral(newClassNames)];
-            }
-            if (shouldPrintDebug) {
-              console.log("  classnames (after)", finalClassNames.map((x) => x["value"]).join(" "));
-            }
-            break;
-          case "attr":
-            const val = attr.value;
-            if (t14.isJSXSpreadAttribute(val)) {
-              if (isSimpleSpread(val)) {
-                finalClassNames.push(t14.logicalExpression("&&", val.argument, t14.memberExpression(val.argument, t14.identifier("className"))));
-              }
-            } else if (val.name.name === "className") {
-              const value = val.value;
-              if (value) {
-                try {
-                  const evaluatedValue = attemptEval(value);
-                  finalClassNames.push(t14.stringLiteral(evaluatedValue));
-                } catch (e) {
-                  finalClassNames.push(value["expression"]);
-                }
-              }
-              continue;
-            }
-            finalAttrs.push(val);
-            break;
-          case "ternary":
-            const mediaExtraction = extractMediaStyle(attr.value, jsxPath, extractor.getTamaguiConfig(), sourcePath, lastMediaImportance, shouldPrintDebug);
-            if (mediaExtraction) {
-              lastMediaImportance++;
-              finalStyles = [...finalStyles, ...mediaExtraction.mediaStyles];
-              finalClassNames = [
-                ...finalClassNames,
-                ...mediaExtraction.mediaStyles.map((x) => t14.stringLiteral(x.identifier))
-              ];
-              if (!mediaExtraction.ternaryWithoutMedia) {
-                continue;
-              }
-            }
-            const ternary = (mediaExtraction == null ? void 0 : mediaExtraction.ternaryWithoutMedia) || attr.value;
-            const consInfo = addStyles(ternary.consequent);
-            const altInfo = addStyles(ternary.alternate);
-            const cCN = consInfo.map((x) => x.identifier).join(" ");
-            const aCN = altInfo.map((x) => x.identifier).join(" ");
-            if (consInfo.length && altInfo.length) {
-              finalClassNames.push(t14.conditionalExpression(ternary.test, t14.stringLiteral(cCN), t14.stringLiteral(aCN)));
-            } else {
-              finalClassNames.push(t14.conditionalExpression(ternary.test, t14.stringLiteral(" " + cCN), t14.stringLiteral(" " + aCN)));
-            }
-            break;
-        }
-      }
-      node.attributes = finalAttrs;
-      if (finalClassNames.length) {
-        const names = buildClassName(finalClassNames);
-        const nameExpr = names ? hoistClassNames(jsxPath, existingHoists, names) : null;
-        let expr = nameExpr;
-        if (nameExpr && !t14.isIdentifier(nameExpr)) {
-          ensureImportingConcat(programPath);
-          const simpleSpreads = attrs.filter((x) => t14.isJSXSpreadAttribute(x.value) && isSimpleSpread(x.value));
-          expr = t14.callExpression(t14.identifier(CONCAT_CLASSNAME_IMPORT), [
-            expr,
-            ...simpleSpreads.map((val) => val.value["argument"])
-          ]);
-        }
-        node.attributes.push(t14.jsxAttribute(t14.jsxIdentifier("className"), t14.jsxExpressionContainer(expr)));
-      }
-      const comment = util.format("/* %s:%s (%s) */", filePath, lineNumbers, originalNodeName);
-      for (const { className, rules } of finalStyles) {
-        if (cssMap.has(className)) {
-          if (comment) {
-            const val = cssMap.get(className);
-            val.commentTexts.push(comment);
-            cssMap.set(className, val);
-          }
-        } else if (rules.length) {
-          if (rules.length > 1) {
-            console.log("  rules error", { rules });
-            throw new Error(`Shouldn't have more than one rule`);
-          }
-          cssMap.set(className, {
-            css: rules[0],
-            commentTexts: [comment]
-          });
-        }
-      }
-    }
-  }));
-  if (!res || !res.modified) {
-    return null;
-  }
-  const styles = Array.from(cssMap.values()).map((x) => x.css).join("\n").trim();
-  if (styles) {
-    const cssQuery = threaded ? `cssData=${Buffer.from(styles).toString("base64")}` : `cssPath=${cssPath}`;
-    const remReq = (0, import_loader_utils.getRemainingRequest)(loader);
-    const importPath = `${cssPath}!=!tamagui-loader?${cssQuery}!${remReq}`;
-    ast.program.body.unshift(t14.importDeclaration([], t14.stringLiteral(importPath)));
-  }
-  const result = (0, import_generator3.default)(ast, {
-    concise: false,
-    filename: sourcePath,
-    retainLines: false,
-    sourceFileName: sourcePath,
-    sourceMaps: true
-  }, source);
-  if (shouldPrintDebug) {
-    console.log("\n -------- output code ------- \n\n", result.code.split("\n").filter((x) => !x.startsWith("//")).join("\n"));
-    console.log("\n -------- output style -------- \n\n", styles);
-  }
-  if (shouldLogTiming && mem) {
-    const memUsed = Math.round((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204 * 10) / 10;
-    console.log(`  \u{1F95A} ${(0, import_path3.basename)(sourcePath).padStart(40)} ${`${Date.now() - start}`.padStart(3)}ms \u05C1\xB7 ${`${res.optimized}`.padStart(4)} optimized \xB7 ${res.flattened} flattened ${memUsed > 10 ? `used ${memUsed}MB` : ""}`);
-  }
-  return {
-    ast,
-    styles,
-    js: result.code,
-    map: result.map
-  };
-}
-__name(extractToClassNames, "extractToClassNames");
-
-// src/patchReactNativeWeb.ts
-var fs = __toModule(require("fs"));
-var import_path4 = __toModule(require("path"));
-function patchReactNativeWeb() {
-  const rootDir = require.resolve("react-native-web").replace(/\/dist.*/, "");
-  const modulePath = import_path4.default.join(rootDir, "dist", "tamagui-exports.js");
-  const cjsPath = import_path4.default.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);
-    fs.writeFileSync(modulePath, moduleExports);
-    fs.writeFileSync(cjsPath, cjsExports);
-  }
-  const moduleEntry = import_path4.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_path4.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");
-var 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
-}
-`;
-var 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}
-`;
-var 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}
-`;
-
-// src/index.ts
-process.env.TAMAGUI_COMPILE_PROCESS = "1";
-//# sourceMappingURL=index.cjs.map