@tamagui/static 2.0.0-rc.9 → 2.0.0

package/dist/extractor/extractToNative.cjs

@@ -2,33 +2,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var extractToNative_exports = {};
 __export(extractToNative_exports, {
   extractToNative: () => extractToNative,
@@ -36,51 +38,53 @@ __export(extractToNative_exports, {
   getBabelPlugin: () => getBabelPlugin
 });
 module.exports = __toCommonJS(extractToNative_exports);
-var import_core = require("@babel/core"),
-  import_generator = __toESM(require("@babel/generator")),
-  import_helper_plugin_utils = require("@babel/helper-plugin-utils"),
-  import_parser = require("@babel/parser"),
-  import_template = __toESM(require("@babel/template")),
-  t = __toESM(require("@babel/types")),
-  import_node_path = require("node:path"),
-  import_getPragmaOptions = require("../getPragmaOptions.cjs"),
-  import_createExtractor = require("./createExtractor.cjs"),
-  import_createLogger = require("./createLogger.cjs"),
-  import_extractHelpers = require("./extractHelpers.cjs"),
-  import_literalToAst = require("./literalToAst.cjs"),
-  import_loadTamagui = require("./loadTamagui.cjs");
+var import_core = require("@babel/core");
+var import_generator = __toESM(require("@babel/generator"));
+var import_helper_plugin_utils = require("@babel/helper-plugin-utils");
+var import_parser = require("@babel/parser");
+var import_template = __toESM(require("@babel/template"));
+var t = __toESM(require("@babel/types"));
+var import_node_path = require("node:path");
+var import_getPragmaOptions = require("../getPragmaOptions.cjs");
+var import_createExtractor = require("./createExtractor.cjs");
+var import_createLogger = require("./createLogger.cjs");
+var import_extractHelpers = require("./extractHelpers.cjs");
+var import_literalToAst = require("./literalToAst.cjs");
+var import_loadTamagui = require("./loadTamagui.cjs");
 const importNativeView = (0, import_template.default)(`
 const __ReactNativeView = require('react-native').View;
 const __ReactNativeText = require('react-native').Text;
-`),
-  importStyleSheet = (0, import_template.default)(`
+`);
+const importStyleSheet = (0, import_template.default)(`
 const __ReactNativeStyleSheet = require('react-native').StyleSheet;
-`),
-  importWithStyle = import_template.default.ast("import { _withStableStyle as __withStableStyle } from '@tamagui/core';"),
-  importReactUseMemo = (0, import_template.default)(`
-const __ReactUseMemo = require('react').useMemo;
-`),
-  extractor = (0, import_createExtractor.createExtractor)({
-    platform: "native"
-  });
+`);
+const importWithStyle = import_template.default.ast(`import { _withStableStyle } from '@tamagui/core';`);
+const extractor = (0, import_createExtractor.createExtractor)({
+  platform: "native"
+});
 let tamaguiBuildOptionsLoaded;
 function extractToNative(sourceFileName, sourceCode, options) {
   const ast = (0, import_parser.parse)(sourceCode, {
-      sourceType: "module",
-      plugins: ["jsx", "typescript"]
-    }),
-    babelPlugin = getBabelPlugin(),
-    out = (0, import_core.transformFromAstSync)(ast, sourceCode, {
-      plugins: [[babelPlugin, options]],
-      configFile: !1,
-      sourceFileName,
-      filename: sourceFileName
-    });
-  if (!out) throw new Error("No output returned");
+    sourceType: "module",
+    plugins: ["jsx", "typescript"]
+  });
+  const babelPlugin = getBabelPlugin();
+  const out = (0, import_core.transformFromAstSync)(ast, sourceCode, {
+    plugins: [[babelPlugin, options]],
+    configFile: false,
+    sourceFileName,
+    filename: sourceFileName
+  });
+  if (!out) {
+    throw new Error(`No output returned`);
+  }
   return out;
 }
 function getBabelPlugin() {
-  return (0, import_helper_plugin_utils.declare)((api, options) => (api.assertVersion(7), getBabelParseDefinition(options)));
+  return (0, import_helper_plugin_utils.declare)((api, options) => {
+    api.assertVersion(7);
+    return getBabelParseDefinition(options);
+  });
 }
 function getBabelParseDefinition(options) {
   return {
@@ -89,56 +93,71 @@ function getBabelParseDefinition(options) {
       Program: {
         enter(root) {
           let sourcePath = this.file.opts.filename;
-          if (sourcePath?.includes("node_modules") || !sourcePath?.endsWith(".jsx") && !sourcePath?.endsWith(".tsx")) return;
-          process.env.SOURCE_ROOT?.endsWith("ios") && (sourcePath = sourcePath.replace("/ios", ""));
-          let hasImportedView = !1,
-            hasImportedViewWrapper = !1,
-            wrapperCount = 0;
-          const sheetStyles = {},
-            sheetIdentifier = root.scope.generateUidIdentifier("sheet"),
-            firstCommentContents =
-            // join because you can join together multiple pragmas
-            root.node.body[0]?.leadingComments?.map(comment => comment?.value || " ").join(" ") ?? "",
-            firstComment = firstCommentContents ? `//${firstCommentContents}` : "",
-            {
-              shouldPrintDebug,
-              shouldDisable
-            } = (0, import_getPragmaOptions.getPragmaOptions)({
-              source: firstComment,
-              path: sourcePath
-            });
-          if (shouldDisable) return;
-          !options.config && !options.components && (tamaguiBuildOptionsLoaded ||= (0, import_loadTamagui.loadTamaguiBuildConfigSync)({}));
+          if (sourcePath?.includes("node_modules")) {
+            return;
+          }
+          if (!sourcePath?.endsWith(".jsx") && !sourcePath?.endsWith(".tsx")) {
+            return;
+          }
+          if (process.env.SOURCE_ROOT?.endsWith("ios")) {
+            sourcePath = sourcePath.replace("/ios", "");
+          }
+          let hasImportedView = false;
+          let hasImportedViewWrapper = false;
+          let wrapperCount = 0;
+          const sheetStyles = {};
+          const sheetIdentifier = root.scope.generateUidIdentifier("sheet");
+          const firstCommentContents =
+          // join because you can join together multiple pragmas
+          root.node.body[0]?.leadingComments?.map(comment => comment?.value || " ").join(" ") ?? "";
+          const firstComment = firstCommentContents ? `//${firstCommentContents}` : "";
+          const {
+            shouldPrintDebug,
+            shouldDisable
+          } = (0, import_getPragmaOptions.getPragmaOptions)({
+            source: firstComment,
+            path: sourcePath
+          });
+          if (shouldDisable) {
+            return;
+          }
+          if (!options.config && !options.components) {
+            tamaguiBuildOptionsLoaded ||= (0, import_loadTamagui.loadTamaguiBuildConfigSync)({});
+          }
           const finalOptions = {
-              // @ts-ignore just in case they leave it out
-              platform: "native",
-              ...tamaguiBuildOptionsLoaded,
-              ...options
-            },
-            printLog = (0, import_createLogger.createLogger)(sourcePath, finalOptions);
+            // @ts-ignore just in case they leave it out
+            platform: "native",
+            ...tamaguiBuildOptionsLoaded,
+            ...options
+          };
+          const printLog = (0, import_createLogger.createLogger)(sourcePath, finalOptions);
           function addSheetStyle(style, node) {
-            let key = `${`${Object.keys(sheetStyles).length}`}`;
+            const styleIndex = `${Object.keys(sheetStyles).length}`;
+            let key = `${styleIndex}`;
             if (process.env.NODE_ENV === "development") {
               const lineNumbers = node.loc ? node.loc.start.line + (node.loc.start.line !== node.loc.end.line ? `-${node.loc.end.line}` : "") : "";
               key += `:${(0, import_node_path.basename)(sourcePath)}:${lineNumbers}`;
             }
-            return sheetStyles[key] = style, readStyleExpr(key);
+            sheetStyles[key] = style;
+            return readStyleExpr(key);
           }
           function readStyleExpr(key) {
-            return (0, import_template.default)("SHEET['KEY']")({
+            return (0, import_template.default)(`SHEET['KEY']`)({
               SHEET: sheetIdentifier.name,
               KEY: key
-            }).expression;
+            })["expression"];
           }
           let res;
           try {
             res = extractor.parseSync(root, {
               importsWhitelist: ["constants.js", "colors.js"],
               excludeProps: /* @__PURE__ */new Set(["className", "userSelect", "whiteSpace", "textOverflow", "cursor", "contain"]),
+              // native props that should pass through without preventing extraction
+              inlineProps: /* @__PURE__ */new Set(["testID", "nativeID", "accessibilityLabel", "accessibilityHint", "accessibilityRole", "accessibilityState", "accessibilityValue", "accessibilityActions", "accessibilityLabelledBy", "accessibilityLiveRegion", "accessibilityElementsHidden", "accessibilityViewIsModal", "importantForAccessibility", "onAccessibilityAction", "onAccessibilityEscape", "onAccessibilityTap", "onMagicTap", "collapsable", "needsOffscreenAlphaCompositing", "removeClippedSubviews", "renderToHardwareTextureAndroid", "shouldRasterizeIOS", "hitSlop", "pointerEvents"]),
               shouldPrintDebug,
               ...finalOptions,
               // disable extracting variables as no native concept of them (only theme values)
-              disableExtractVariables: !1,
+              disableExtractVariables: false,
               sourcePath,
               // disabling flattening for now
               // it's flattening a plain <Paragraph>hello</Paragraph> which breaks things because themes
@@ -148,16 +167,20 @@ function getBabelParseDefinition(options) {
               getFlattenedNode({
                 isTextView
               }) {
-                return hasImportedView || (hasImportedView = !0, root.unshiftContainer("body", importNativeView())), isTextView ? "__ReactNativeText" : "__ReactNativeView";
+                if (!hasImportedView) {
+                  hasImportedView = true;
+                  root.unshiftContainer("body", importNativeView());
+                }
+                return isTextView ? "__ReactNativeText" : "__ReactNativeView";
               },
               onExtractTag(props) {
                 assertValidTag(props.node);
-                const stylesExpr = t.arrayExpression([]),
-                  hocStylesExpr = t.arrayExpression([]),
-                  expressions = [],
-                  finalAttrs = [],
-                  themeKeysUsed = /* @__PURE__ */new Set();
-                function getStyleExpression(style) {
+                const stylesExpr = t.arrayExpression([]);
+                const hocStylesExpr = t.arrayExpression([]);
+                const expressions = [];
+                const finalAttrs = [];
+                const themeKeysUsed = /* @__PURE__ */new Set();
+                function getStyleExpression(style, forTernary = false) {
                   if (!style) return;
                   const {
                     plain,
@@ -165,98 +188,171 @@ function getBabelParseDefinition(options) {
                   } = splitThemeStyles(style);
                   let themeExpr = null;
                   if (themed) {
-                    for (const key in themed) themeKeysUsed.add(themed[key].split("$")[1]);
+                    for (const key in themed) {
+                      themeKeysUsed.add(themed[key].split("$")[1]);
+                    }
                     themeExpr = getThemedStyleExpression(themed);
                   }
-                  const ident = addSheetStyle(plain, props.node);
-                  return themeExpr ? (addStyleExpression(ident), addStyleExpression(ident, !0), themeExpr) : ident;
+                  const hasPlainKeys = Object.keys(plain).length > 0;
+                  const ident = hasPlainKeys ? addSheetStyle(plain, props.node) : null;
+                  if (themeExpr) {
+                    if (forTernary) {
+                      if (ident) {
+                        return t.arrayExpression([ident, themeExpr]);
+                      }
+                      return themeExpr;
+                    }
+                    if (ident) {
+                      addStyleExpression(ident);
+                      addStyleExpression(ident, true);
+                    }
+                    return themeExpr;
+                  }
+                  return ident;
                 }
-                function addStyleExpression(expr, HOC = !1) {
-                  Array.isArray(expr) ? (HOC ? hocStylesExpr : stylesExpr).elements.push(...expr) : (HOC ? hocStylesExpr : stylesExpr).elements.push(expr);
+                function addStyleExpression(expr, HOC = false) {
+                  if (Array.isArray(expr)) {
+                    ;
+                    (HOC ? hocStylesExpr : stylesExpr).elements.push(...expr);
+                  } else {
+                    ;
+                    (HOC ? hocStylesExpr : stylesExpr).elements.push(expr);
+                  }
                 }
                 function getThemedStyleExpression(styles) {
                   const themedStylesAst = (0, import_literalToAst.literalToAst)(styles);
-                  return themedStylesAst.properties.forEach(_ => {
+                  themedStylesAst.properties.forEach(_ => {
                     const prop = _;
                     if (prop.value.type === "StringLiteral") {
-                      const propVal = prop.value.value.slice(1),
-                        isComputed = !t.isValidIdentifier(propVal);
+                      const propVal = prop.value.value.slice(1);
+                      const isComputed = !t.isValidIdentifier(propVal);
                       prop.value = t.callExpression(t.memberExpression(t.memberExpression(t.identifier("theme"), isComputed ? t.stringLiteral(propVal) : t.identifier(propVal), isComputed), t.identifier("get")), []);
                     }
-                  }), themedStylesAst;
+                  });
+                  return themedStylesAst;
                 }
-                let hasDynamicStyle = !1;
-                for (const attr of props.attrs) switch (attr.type) {
-                  case "style":
-                    {
-                      let styleExpr = getStyleExpression(attr.value);
-                      addStyleExpression(styleExpr), addStyleExpression(styleExpr, !0);
-                      break;
-                    }
-                  case "ternary":
-                    {
-                      const {
+                let hasDynamicStyle = false;
+                let hasMediaKeys = false;
+                for (const attr of props.attrs) {
+                  switch (attr.type) {
+                    case "style":
+                      {
+                        let styleExpr = getStyleExpression(attr.value);
+                        addStyleExpression(styleExpr);
+                        addStyleExpression(styleExpr, true);
+                        break;
+                      }
+                    case "ternary":
+                      {
+                        const {
                           consequent,
                           alternate
-                        } = attr.value,
-                        consExpr = getStyleExpression(consequent),
-                        altExpr = getStyleExpression(alternate);
-                      expressions.push(attr.value.test), addStyleExpression(t.conditionalExpression(t.identifier(`_expressions[${expressions.length - 1}]`), consExpr || t.nullLiteral(), altExpr || t.nullLiteral()), !0);
-                      const styleExpr = t.conditionalExpression(attr.value.test, consExpr || t.nullLiteral(), altExpr || t.nullLiteral());
-                      addStyleExpression(styleExpr);
-                      break;
-                    }
-                  case "attr":
-                    {
-                      t.isJSXSpreadAttribute(attr.value) && (0, import_extractHelpers.isSimpleSpread)(attr.value) && (stylesExpr.elements.push(t.memberExpression(attr.value.argument, t.identifier("style"))), hocStylesExpr.elements.push(t.memberExpression(attr.value.argument, t.identifier("style")))), finalAttrs.push(attr.value);
-                      break;
-                    }
+                        } = attr.value;
+                        const consExpr = getStyleExpression(consequent, true);
+                        const altExpr = getStyleExpression(alternate, true);
+                        if (attr.value.inlineMediaQuery) {
+                          hasMediaKeys = true;
+                        }
+                        expressions.push(attr.value.test);
+                        addStyleExpression(t.conditionalExpression(t.identifier(`_expressions[${expressions.length - 1}]`), consExpr || t.nullLiteral(), altExpr || t.nullLiteral()), true);
+                        const styleExpr = t.conditionalExpression(attr.value.test, consExpr || t.nullLiteral(), altExpr || t.nullLiteral());
+                        addStyleExpression(styleExpr);
+                        break;
+                      }
+                    case "attr":
+                      {
+                        if (t.isJSXSpreadAttribute(attr.value)) {
+                          if ((0, import_extractHelpers.isSimpleSpread)(attr.value)) {
+                            stylesExpr.elements.push(t.memberExpression(attr.value.argument, t.identifier("style")));
+                            hocStylesExpr.elements.push(t.memberExpression(attr.value.argument, t.identifier("style")));
+                          }
+                        }
+                        finalAttrs.push(attr.value);
+                        break;
+                      }
+                  }
+                }
+                props.node.attributes = finalAttrs;
+                if (themeKeysUsed.size || hocStylesExpr.elements.length > 1 || hasDynamicStyle) {
+                  if (!hasImportedViewWrapper) {
+                    root.unshiftContainer("body", importWithStyle);
+                    hasImportedViewWrapper = true;
+                  }
+                  const name = props.flatNodeName || props.node.name["name"];
+                  const wrapperName = `_${name.replace(/^_+/, "")}Styled${wrapperCount++}`;
+                  const WrapperIdentifier = t.identifier(wrapperName);
+                  const WrapperJSXIdentifier = t.jsxIdentifier(wrapperName);
+                  const hasThemeKeysFlag = themeKeysUsed.size > 0;
+                  root.pushContainer("body", t.variableDeclaration("const", [t.variableDeclarator(WrapperIdentifier, t.callExpression(t.identifier("_withStableStyle"), [t.identifier(name), t.arrowFunctionExpression([t.identifier("theme"), t.identifier("_expressions")],
+                  // return styles directly - no useMemo, theme changes must trigger style recalc
+                  t.arrayExpression([...hocStylesExpr.elements])), t.booleanLiteral(hasThemeKeysFlag), t.booleanLiteral(hasMediaKeys)]))]));
+                  props.node.name = WrapperJSXIdentifier;
+                  props.jsxPath.node.openingElement.name = WrapperJSXIdentifier;
+                  if (props.jsxPath.node.closingElement) {
+                    props.jsxPath.node.closingElement.name = t.jsxIdentifier(wrapperName);
+                  }
+                  if (expressions.length) {
+                    const safeExpressions = expressions.map(expr => t.isStringLiteral(expr) ? expr : t.unaryExpression("!", t.unaryExpression("!", expr)));
+                    props.node.attributes.push(t.jsxAttribute(t.jsxIdentifier("_expressions"), t.jsxExpressionContainer(t.arrayExpression(safeExpressions))));
+                  }
+                } else {
+                  props.node.attributes.push(t.jsxAttribute(t.jsxIdentifier("style"), t.jsxExpressionContainer(stylesExpr.elements.length === 1 ? stylesExpr.elements[0] : stylesExpr)));
                 }
-                if (props.node.attributes = finalAttrs, themeKeysUsed.size || hocStylesExpr.elements.length > 1 || hasDynamicStyle) {
-                  hasImportedViewWrapper || (root.unshiftContainer("body", importWithStyle), root.unshiftContainer("body", importReactUseMemo()), hasImportedViewWrapper = !0);
-                  const name = props.flatNodeName || props.node.name.name,
-                    wrapperName = `_${name.replace(/^_+/, "")}Styled${wrapperCount++}`,
-                    WrapperIdentifier = t.identifier(wrapperName),
-                    WrapperJSXIdentifier = t.jsxIdentifier(wrapperName);
-                  root.pushContainer("body", t.variableDeclaration("const", [t.variableDeclarator(WrapperIdentifier, t.callExpression(t.identifier("__withStableStyle"), [t.identifier(name), t.arrowFunctionExpression([t.identifier("theme"), t.identifier("_expressions")], t.blockStatement([t.returnStatement(t.callExpression(t.identifier("__ReactUseMemo"), [t.arrowFunctionExpression([], t.blockStatement([t.returnStatement(t.arrayExpression([...hocStylesExpr.elements]))])), t.identifier("_expressions")]))]))]))])), props.node.name = WrapperJSXIdentifier, props.jsxPath.node.openingElement.name = WrapperJSXIdentifier, props.jsxPath.node.closingElement && (props.jsxPath.node.closingElement.name = t.jsxIdentifier(wrapperName)), expressions.length && props.node.attributes.push(t.jsxAttribute(t.jsxIdentifier("_expressions"), t.jsxExpressionContainer(t.arrayExpression(expressions))));
-                } else props.node.attributes.push(t.jsxAttribute(t.jsxIdentifier("style"), t.jsxExpressionContainer(stylesExpr.elements.length === 1 ? stylesExpr.elements[0] : stylesExpr)));
               }
             });
           } catch (err) {
             if (err instanceof Error) {
               let message = `${shouldPrintDebug === "verbose" ? err : err.message}`;
-              message.includes("Unexpected return value from visitor method") && (message = "Unexpected return value from visitor method"), console.warn("Error in Tamagui parse, skipping", message, err.stack);
+              if (message.includes("Unexpected return value from visitor method")) {
+                message = "Unexpected return value from visitor method";
+              }
+              console.warn("Error in Tamagui parse, skipping", message, err.stack);
               return;
             }
           }
           if (!Object.keys(sheetStyles).length) {
-            shouldPrintDebug && console.info("END no styles"), res && printLog(res);
+            if (shouldPrintDebug) {
+              console.info("END no styles");
+            }
+            if (res) printLog(res);
             return;
           }
-          const sheetObject = (0, import_literalToAst.literalToAst)(sheetStyles),
-            sheetOuter = (0, import_template.default)("const SHEET = __ReactNativeStyleSheet.create(null)")({
-              SHEET: sheetIdentifier.name
-            });
-          sheetOuter.declarations[0].init.arguments[0] = sheetObject, root.unshiftContainer("body", sheetOuter), root.unshiftContainer("body", importStyleSheet()), shouldPrintDebug && (console.info(`
- -------- output code ------- 
-`), console.info((0, import_generator.default)(root.parent).code.split(`
-`).filter(x => !x.startsWith("//")).join(`
-`))), res && printLog(res);
+          const sheetObject = (0, import_literalToAst.literalToAst)(sheetStyles);
+          const sheetOuter = (0, import_template.default)("const SHEET = __ReactNativeStyleSheet.create(null)")({
+            SHEET: sheetIdentifier.name
+          });
+          sheetOuter.declarations[0].init.arguments[0] = sheetObject;
+          root.unshiftContainer("body", sheetOuter);
+          root.unshiftContainer("body", importStyleSheet());
+          if (shouldPrintDebug) {
+            console.info("\n -------- output code ------- \n");
+            console.info((0, import_generator.default)(root.parent).code.split("\n").filter(x => !x.startsWith("//")).join("\n"));
+          }
+          if (res) printLog(res);
         }
       }
     }
   };
 }
 function assertValidTag(node) {
-  node.attributes.find(x => x.type === "JSXAttribute" && x.name.name === "style") && process.env.DEBUG?.startsWith("tamagui") && console.warn("\u26A0\uFE0F Cannot pass style attribute to extracted style");
+  if (node.attributes.find(x => x.type === "JSXAttribute" && x.name.name === "style")) {
+    if (process.env.DEBUG?.startsWith("tamagui")) {
+      console.warn("\u26A0\uFE0F Cannot pass style attribute to extracted style");
+    }
+  }
 }
 function splitThemeStyles(style) {
-  const themed = {},
-    plain = {};
-  let noTheme = !0;
+  const themed = {};
+  const plain = {};
+  let noTheme = true;
   for (const key in style) {
     const val = style[key];
-    val && val[0] === "$" ? (themed[key] = val, noTheme = !1) : plain[key] = val;
+    if (val && val[0] === "$") {
+      themed[key] = val;
+      noTheme = false;
+    } else {
+      plain[key] = val;
+    }
   }
   return {
     themed: noTheme ? null : themed,

package/dist/extractor/findTopmostFunction.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var findTopmostFunction_exports = {};
 __export(findTopmostFunction_exports, {
@@ -26,9 +28,16 @@ module.exports = __toCommonJS(findTopmostFunction_exports);
 function findTopmostFunction(jsxPath) {
   const isFunction = path => path.isArrowFunctionExpression() || path.isFunctionDeclaration() || path.isFunctionExpression();
   let compFn = jsxPath.findParent(isFunction);
-  for (; compFn;) {
+  while (compFn) {
     const parent = compFn.findParent(isFunction);
-    if (parent) compFn = parent;else break;
+    if (parent) {
+      compFn = parent;
+    } else {
+      break;
+    }
+  }
+  if (!compFn) {
+    return null;
   }
-  return compFn || null;
+  return compFn;
 }