@tamagui/static 1.0.0-beta.8 → 1.0.1-beta.100

package/dist/esm/extractor/extractHelpers.js

@@ -1,31 +1,27 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import generate from "@babel/generator";
 import * as t from "@babel/types";
 function isPresent(input) {
   return input != null;
 }
-__name(isPresent, "isPresent");
 function isSimpleSpread(node) {
   return t.isIdentifier(node.argument) || t.isMemberExpression(node.argument);
 }
-__name(isSimpleSpread, "isSimpleSpread");
-const attrStr = /* @__PURE__ */ __name((attr) => {
+const attrStr = (attr) => {
   return !attr ? "" : attr.type === "attr" ? getNameAttr(attr.value) : attr.type === "ternary" ? `...${ternaryStr(attr.value)}` : `${attr.type}(${objToStr(attr.value)})`;
-}, "attrStr");
-const objToStr = /* @__PURE__ */ __name((obj, spacer = ", ") => {
+};
+const objToStr = (obj, spacer = ", ") => {
   if (!obj) {
     return `${obj}`;
   }
   return `{${Object.entries(obj).map(([k, v]) => `${k}:${Array.isArray(v) ? `[...]` : v && typeof v === "object" ? `${objToStr(v, ",")}` : JSON.stringify(v)}`).join(spacer)}}`;
-}, "objToStr");
-const getNameAttr = /* @__PURE__ */ __name((attr) => {
+};
+const getNameAttr = (attr) => {
   if (t.isJSXSpreadAttribute(attr)) {
     return `...${attr.argument["name"]}`;
   }
   return "name" in attr ? attr.name.name : `unknown-${attr["type"]}`;
-}, "getNameAttr");
-const ternaryStr = /* @__PURE__ */ __name((x) => {
+};
+const ternaryStr = (x) => {
   const conditional = t.isIdentifier(x.test) ? x.test.name : t.isMemberExpression(x.test) ? [x.test.object["name"], x.test.property["name"]] : generate(x.test).code;
   return [
     "ternary(",
@@ -34,8 +30,8 @@ const ternaryStr = /* @__PURE__ */ __name((x) => {
     isFilledObj(x.alternate) ? ` : ${objToStr(x.alternate)}` : " : \u{1F6AB}",
     ")"
   ].flat().join("");
-}, "ternaryStr");
-const isFilledObj = /* @__PURE__ */ __name((obj) => obj && Object.keys(obj).length, "isFilledObj");
+};
+const isFilledObj = (obj) => obj && Object.keys(obj).length;
 function findComponentName(scope) {
   var _a;
   let componentName = "";
@@ -58,7 +54,6 @@ function findComponentName(scope) {
   }
   return componentName;
 }
-__name(findComponentName, "findComponentName");
 function isValidThemeHook(jsxPath, n, sourcePath) {
   var _a;
   if (!t.isIdentifier(n.object) || !t.isIdentifier(n.property))
@@ -86,10 +81,9 @@ function isValidThemeHook(jsxPath, n, sourcePath) {
   }
   return true;
 }
-__name(isValidThemeHook, "isValidThemeHook");
-const isInsideTamagui = /* @__PURE__ */ __name((srcName) => {
+const isInsideTamagui = (srcName) => {
   return srcName.includes("/dist/jsx") || srcName.includes("/core/src");
-}, "isInsideTamagui");
+};
 export {
   attrStr,
   findComponentName,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/extractor/extractHelpers.ts"],
   "sourcesContent": ["import generate from '@babel/generator'\nimport type { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\n\nimport { ExtractedAttr, Ternary } from '../types'\nimport { astToLiteral } from './literalToAst'\n\nexport function isPresent<T extends Object>(input: null | void | undefined | T): input is T {\n  return input != null\n}\n\nexport function isSimpleSpread(node: t.JSXSpreadAttribute) {\n  return t.isIdentifier(node.argument) || t.isMemberExpression(node.argument)\n}\n\nexport const attrStr = (attr?: ExtractedAttr) => {\n  return !attr\n    ? ''\n    : attr.type === 'attr'\n    ? getNameAttr(attr.value)\n    : attr.type === 'ternary'\n    ? `...${ternaryStr(attr.value)}`\n    : `${attr.type}(${objToStr(attr.value)})`\n}\n\nexport const objToStr = (obj: any, spacer = ', ') => {\n  if (!obj) {\n    return `${obj}`\n  }\n  return `{${Object.entries(obj)\n    .map(\n      ([k, v]) =>\n        `${k}:${\n          Array.isArray(v)\n            ? `[...]`\n            : v && typeof v === 'object'\n            ? `${objToStr(v, ',')}`\n            : JSON.stringify(v)\n        }`\n    )\n    .join(spacer)}}`\n}\n\nconst getNameAttr = (attr: t.JSXAttribute | t.JSXSpreadAttribute) => {\n  if (t.isJSXSpreadAttribute(attr)) {\n    return `...${attr.argument['name']}`\n  }\n  return 'name' in attr ? attr.name.name : `unknown-${attr['type']}`\n}\n\nexport const ternaryStr = (x: Ternary) => {\n  const conditional = t.isIdentifier(x.test)\n    ? x.test.name\n    : t.isMemberExpression(x.test)\n    ? [x.test.object['name'], x.test.property['name']]\n    : generate(x.test).code\n  return [\n    'ternary(',\n    conditional,\n    isFilledObj(x.consequent) ? ` ? ${objToStr(x.consequent)}` : ' ? \uD83D\uDEAB',\n    isFilledObj(x.alternate) ? ` : ${objToStr(x.alternate)}` : ' : \uD83D\uDEAB',\n    ')',\n  ]\n    .flat()\n    .join('')\n}\n\nconst isFilledObj = (obj: any) => obj && Object.keys(obj).length\n\nexport function findComponentName(scope) {\n  let componentName = ''\n  let cur = scope.path\n  while (cur.parentPath && !t.isProgram(cur.parentPath.parent)) {\n    cur = cur.parentPath\n  }\n  let node = cur.parent\n  if (t.isExportNamedDeclaration(node)) {\n    node = node.declaration\n  }\n  if (t.isVariableDeclaration(node)) {\n    const [dec] = node.declarations\n    if (t.isVariableDeclarator(dec) && t.isIdentifier(dec.id)) {\n      return dec.id.name\n    }\n  }\n  if (t.isFunctionDeclaration(node)) {\n    return node.id?.name\n  }\n  return componentName\n}\n\nexport function isValidThemeHook(\n  jsxPath: NodePath<t.JSXElement>,\n  n: t.MemberExpression,\n  sourcePath: string\n) {\n  if (!t.isIdentifier(n.object) || !t.isIdentifier(n.property)) return false\n  const bindings = jsxPath.scope.getAllBindings()\n  const binding = bindings[n.object.name]\n  if (!binding?.path) return false\n  if (!binding.path.isVariableDeclarator()) return false\n  const init = binding.path.node.init\n  if (!t.isCallExpression(init)) return false\n  if (!t.isIdentifier(init.callee)) return false\n  // TODO could support renaming useTheme by looking up import first\n  if (init.callee.name !== 'useTheme') return false\n  const importNode = binding.scope.getBinding('useTheme')?.path.parent\n  if (!t.isImportDeclaration(importNode)) return false\n  if (importNode.source.value !== 'tamagui') {\n    if (!isInsideTamagui(sourcePath)) {\n      return false\n    }\n  }\n  return true\n}\n\nexport const isInsideTamagui = (srcName: string) => {\n  return srcName.includes('/dist/jsx') || srcName.includes('/core/src')\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/extractor/extractMediaStyle.js

@@ -1,5 +1,22 @@
 var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
 import * as t from "@babel/types";
 import { getStylesAtomic, mediaObjectToString } from "@tamagui/core-node";
 import { MEDIA_SEP } from "../constants";
@@ -15,9 +32,9 @@ function extractMediaStyle(ternary, jsxPath, tamaguiConfig, sourcePath, importan
     console.error(`Media query "${key}" not found: ${Object.keys(tamaguiConfig.media)}`);
     return null;
   }
-  const getStyleObj = /* @__PURE__ */ __name((styleObj, negate = false) => {
+  const getStyleObj = (styleObj, negate = false) => {
     return styleObj ? { styleObj, negate } : null;
-  }, "getStyleObj");
+  };
   const styleOpts = [
     getStyleObj(ternary.consequent, false),
     getStyleObj(ternary.alternate, true)
@@ -43,19 +60,18 @@ function extractMediaStyle(ternary, jsxPath, tamaguiConfig, sourcePath, importan
       const screenStr = negate ? "not all" : "screen";
       const mediaQuery = `${screenStr} and ${mediaSelector}`;
       const precendencePrefix = mediaKeyPrecendence[key];
-      const styleInner = style.rules[0].replace(style.identifier, identifier);
+      const styleInner = style.rules.map((rule) => rule.replace(style.identifier, identifier)).join(";");
       let styleRule = "";
       if (styleInner.includes("@media")) {
         styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
       } else {
         styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`;
       }
-      return {
-        ...style,
+      return __spreadProps(__spreadValues({}, style), {
         identifier,
         className,
         rules: [styleRule]
-      };
+      });
     });
     if (shouldPrintDebug === "verbose") {
       console.log("  media styles:", importance, styleObj, singleMediaStyles.map((x) => x.identifier).join(", "));
@@ -65,30 +81,25 @@ function extractMediaStyle(ternary, jsxPath, tamaguiConfig, sourcePath, importan
   ternary.remove();
   return { mediaStyles, ternaryWithoutMedia: mt.ternaryWithoutMedia };
 }
-__name(extractMediaStyle, "extractMediaStyle");
 function getMediaQueryTernary(ternary, jsxPath, sourcePath) {
   if (t.isLogicalExpression(ternary.test) && ternary.test.operator === "&&") {
     const mediaLeft = getMediaInfoFromExpression(ternary.test.left, jsxPath, sourcePath, ternary.inlineMediaQuery);
     if (mediaLeft) {
-      return {
-        ...mediaLeft,
-        ternaryWithoutMedia: {
-          ...ternary,
+      return __spreadProps(__spreadValues({}, mediaLeft), {
+        ternaryWithoutMedia: __spreadProps(__spreadValues({}, ternary), {
           test: ternary.test.right
-        }
-      };
+        })
+      });
     }
   }
   const result = getMediaInfoFromExpression(ternary.test, jsxPath, sourcePath, ternary.inlineMediaQuery);
   if (result) {
-    return {
-      ...result,
+    return __spreadProps(__spreadValues({}, result), {
       ternaryWithoutMedia: null
-    };
+    });
   }
   return null;
 }
-__name(getMediaQueryTernary, "getMediaQueryTernary");
 function getMediaInfoFromExpression(test, jsxPath, sourcePath, inlineMediaQuery) {
   var _a, _b, _c;
   if (inlineMediaQuery) {
@@ -122,7 +133,6 @@ function getMediaInfoFromExpression(test, jsxPath, sourcePath, inlineMediaQuery)
   }
   return null;
 }
-__name(getMediaInfoFromExpression, "getMediaInfoFromExpression");
 function isValidMediaCall(jsxPath, init, sourcePath) {
   if (!t.isCallExpression(init))
     return false;
@@ -144,7 +154,6 @@ function isValidMediaCall(jsxPath, init, sourcePath) {
   }
   return true;
 }
-__name(isValidMediaCall, "isValidMediaCall");
 export {
   extractMediaStyle,
   isValidMediaCall

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/extractor/extractMediaStyle.ts"],
-  "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { TamaguiInternalConfig, getStylesAtomic, mediaObjectToString } from '@tamagui/core-node'\nimport { ViewStyle } from 'react-native'\n\nimport { MEDIA_SEP } from '../constants'\nimport { StyleObject, Ternary } from '../types'\nimport { isInsideTamagui, isPresent } from './extractHelpers'\n\nexport function extractMediaStyle(\n  ternary: Ternary,\n  jsxPath: NodePath<t.JSXElement>,\n  tamaguiConfig: TamaguiInternalConfig,\n  sourcePath: string,\n  importance = 0,\n  shouldPrintDebug: boolean | 'verbose' = false\n) {\n  const mt = getMediaQueryTernary(ternary, jsxPath, sourcePath)\n  if (!mt) {\n    return null\n  }\n  const { key } = mt\n  const mq = tamaguiConfig.media[key]\n  if (!mq) {\n    console.error(`Media query \"${key}\" not found: ${Object.keys(tamaguiConfig.media)}`)\n    return null\n  }\n  const getStyleObj = (styleObj: ViewStyle | null, negate = false) => {\n    return styleObj ? { styleObj, negate } : null\n  }\n  const styleOpts = [\n    getStyleObj(ternary.consequent, false),\n    getStyleObj(ternary.alternate, true),\n  ].filter(isPresent)\n  if (shouldPrintDebug && !styleOpts.length) {\n    console.log('  media query, no styles?')\n    return null\n  }\n  // for now order first strongest\n  const mediaKeys = Object.keys(tamaguiConfig.media)\n  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {\n    acc[cur] = new Array(importance + 1).fill(':root').join('')\n    return acc\n  }, {})\n  let mediaStyles: StyleObject[] = []\n  for (const { styleObj, negate } of styleOpts) {\n    const styles = getStylesAtomic(styleObj)\n    const singleMediaStyles = styles.map((style) => {\n      const negKey = negate ? '0' : ''\n      const ogPrefix = style.identifier.slice(0, style.identifier.indexOf('-') + 1)\n      // adds an extra separator before and after to detect later in concatClassName\n      // so it goes from: \"_f-[hash]\"\n      // to: \"_f-_sm0_[hash]\" or \"_f-_sm_[hash]\"\n      const identifier = `${style.identifier.replace(\n        ogPrefix,\n        `${ogPrefix}${MEDIA_SEP}${key}${negKey}${MEDIA_SEP}`\n      )}`\n      const className = `.${identifier}`\n      const mediaSelector = mediaObjectToString(tamaguiConfig.media[key])\n      const screenStr = negate ? 'not all' : 'screen'\n      const mediaQuery = `${screenStr} and ${mediaSelector}`\n      const precendencePrefix = mediaKeyPrecendence[key]\n      const styleInner = style.rules[0].replace(style.identifier, identifier)\n      // combines media queries if they already exist\n      let styleRule = ''\n      if (styleInner.includes('@media')) {\n        // combine\n        styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n      } else {\n        styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n      }\n      return {\n        ...style,\n        identifier,\n        className,\n        rules: [styleRule],\n      }\n    })\n    if (shouldPrintDebug === 'verbose') {\n      // prettier-ignore\n      console.log('  media styles:', importance, styleObj, singleMediaStyles.map(x => x.identifier).join(', '))\n    }\n    // add to output\n    mediaStyles = [...mediaStyles, ...singleMediaStyles]\n  }\n  // filter out\n  ternary.remove()\n  return { mediaStyles, ternaryWithoutMedia: mt.ternaryWithoutMedia }\n}\n\nfunction getMediaQueryTernary(\n  ternary: Ternary,\n  jsxPath: NodePath<t.JSXElement>,\n  sourcePath: string\n): null | {\n  key: string\n  bindingName: string\n  ternaryWithoutMedia: Ternary | null\n} {\n  // this handles unwrapping logical && media query ternarys\n  // first, unwrap if it has media logicalExpression\n  if (t.isLogicalExpression(ternary.test) && ternary.test.operator === '&&') {\n    // *should* be normalized to always be on left side\n    const mediaLeft = getMediaInfoFromExpression(\n      ternary.test.left,\n      jsxPath,\n      sourcePath,\n      ternary.inlineMediaQuery\n    )\n    if (mediaLeft) {\n      return {\n        ...mediaLeft,\n        ternaryWithoutMedia: {\n          ...ternary,\n          test: ternary.test.right,\n        },\n      }\n    }\n  }\n  // const media = useMedia()\n  // ... media.sm\n  const result = getMediaInfoFromExpression(\n    ternary.test,\n    jsxPath,\n    sourcePath,\n    ternary.inlineMediaQuery\n  )\n  if (result) {\n    return {\n      ...result,\n      ternaryWithoutMedia: null,\n    }\n  }\n  return null\n}\n\nfunction getMediaInfoFromExpression(\n  test: t.Expression,\n  jsxPath: NodePath<t.JSXElement>,\n  sourcePath: string,\n  inlineMediaQuery?: string\n) {\n  if (inlineMediaQuery) {\n    return {\n      key: inlineMediaQuery,\n      bindingName: inlineMediaQuery,\n    }\n  }\n  if (t.isMemberExpression(test) && t.isIdentifier(test.object) && t.isIdentifier(test.property)) {\n    const name = test.object['name']\n    const key = test.property['name']\n    const bindings = jsxPath.scope.getAllBindings()\n    const binding = bindings[name]\n    if (!binding) return false\n    const bindingNode = binding.path?.node\n    if (!t.isVariableDeclarator(bindingNode) || !bindingNode.init) return false\n    if (!isValidMediaCall(jsxPath, bindingNode.init, sourcePath)) return false\n    return { key, bindingName: name }\n  }\n  if (t.isIdentifier(test)) {\n    const key = test.name\n    const node = jsxPath.scope.getBinding(test.name)?.path?.node\n    if (!t.isVariableDeclarator(node)) return false\n    if (!node.init || !isValidMediaCall(jsxPath, node.init, sourcePath)) return false\n    return { key, bindingName: key }\n  }\n  return null\n}\n\nexport function isValidMediaCall(\n  jsxPath: NodePath<t.JSXElement>,\n  init: t.Expression,\n  sourcePath: string\n) {\n  if (!t.isCallExpression(init)) return false\n  if (!t.isIdentifier(init.callee)) return false\n  // TODO could support renaming useMedia by looking up import first\n  if (init.callee.name !== 'useMedia') return false\n  const bindings = jsxPath.scope.getAllBindings()\n  const mediaBinding = bindings['useMedia']\n  if (!mediaBinding) return false\n  const useMediaImport = mediaBinding.path.parent\n  if (!t.isImportDeclaration(useMediaImport)) return false\n  if (useMediaImport.source.value !== 'tamagui') {\n    if (!isInsideTamagui(sourcePath)) {\n      return false\n    }\n  }\n  return true\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { TamaguiInternalConfig, getStylesAtomic, mediaObjectToString } from '@tamagui/core-node'\nimport { ViewStyle } from 'react-native'\n\nimport { MEDIA_SEP } from '../constants'\nimport { StyleObject, Ternary } from '../types'\nimport { isInsideTamagui, isPresent } from './extractHelpers'\n\nexport function extractMediaStyle(\n  ternary: Ternary,\n  jsxPath: NodePath<t.JSXElement>,\n  tamaguiConfig: TamaguiInternalConfig,\n  sourcePath: string,\n  importance = 0,\n  shouldPrintDebug: boolean | 'verbose' = false\n) {\n  const mt = getMediaQueryTernary(ternary, jsxPath, sourcePath)\n  if (!mt) {\n    return null\n  }\n  const { key } = mt\n  const mq = tamaguiConfig.media[key]\n  if (!mq) {\n    console.error(`Media query \"${key}\" not found: ${Object.keys(tamaguiConfig.media)}`)\n    return null\n  }\n  const getStyleObj = (styleObj: ViewStyle | null, negate = false) => {\n    return styleObj ? { styleObj, negate } : null\n  }\n  const styleOpts = [\n    getStyleObj(ternary.consequent, false),\n    getStyleObj(ternary.alternate, true),\n  ].filter(isPresent)\n  if (shouldPrintDebug && !styleOpts.length) {\n    console.log('  media query, no styles?')\n    return null\n  }\n  // for now order first strongest\n  const mediaKeys = Object.keys(tamaguiConfig.media)\n  const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {\n    acc[cur] = new Array(importance + 1).fill(':root').join('')\n    return acc\n  }, {})\n  let mediaStyles: StyleObject[] = []\n  for (const { styleObj, negate } of styleOpts) {\n    const styles = getStylesAtomic(styleObj)\n    const singleMediaStyles = styles.map((style) => {\n      const negKey = negate ? '0' : ''\n      const ogPrefix = style.identifier.slice(0, style.identifier.indexOf('-') + 1)\n      // adds an extra separator before and after to detect later in concatClassName\n      // so it goes from: \"_f-[hash]\"\n      // to: \"_f-_sm0_[hash]\" or \"_f-_sm_[hash]\"\n      const identifier = `${style.identifier.replace(\n        ogPrefix,\n        `${ogPrefix}${MEDIA_SEP}${key}${negKey}${MEDIA_SEP}`\n      )}`\n      const className = `.${identifier}`\n      const mediaSelector = mediaObjectToString(tamaguiConfig.media[key])\n      const screenStr = negate ? 'not all' : 'screen'\n      const mediaQuery = `${screenStr} and ${mediaSelector}`\n      const precendencePrefix = mediaKeyPrecendence[key]\n      const styleInner = style.rules\n        .map((rule) => rule.replace(style.identifier, identifier))\n        .join(';')\n      // combines media queries if they already exist\n      let styleRule = ''\n      if (styleInner.includes('@media')) {\n        // combine\n        styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n      } else {\n        styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n      }\n      return {\n        ...style,\n        identifier,\n        className,\n        rules: [styleRule],\n      }\n    })\n    if (shouldPrintDebug === 'verbose') {\n      // prettier-ignore\n      console.log('  media styles:', importance, styleObj, singleMediaStyles.map(x => x.identifier).join(', '))\n    }\n    // add to output\n    mediaStyles = [...mediaStyles, ...singleMediaStyles]\n  }\n  // filter out\n  ternary.remove()\n  return { mediaStyles, ternaryWithoutMedia: mt.ternaryWithoutMedia }\n}\n\nfunction getMediaQueryTernary(\n  ternary: Ternary,\n  jsxPath: NodePath<t.JSXElement>,\n  sourcePath: string\n): null | {\n  key: string\n  bindingName: string\n  ternaryWithoutMedia: Ternary | null\n} {\n  // this handles unwrapping logical && media query ternarys\n  // first, unwrap if it has media logicalExpression\n  if (t.isLogicalExpression(ternary.test) && ternary.test.operator === '&&') {\n    // *should* be normalized to always be on left side\n    const mediaLeft = getMediaInfoFromExpression(\n      ternary.test.left,\n      jsxPath,\n      sourcePath,\n      ternary.inlineMediaQuery\n    )\n    if (mediaLeft) {\n      return {\n        ...mediaLeft,\n        ternaryWithoutMedia: {\n          ...ternary,\n          test: ternary.test.right,\n        },\n      }\n    }\n  }\n  // const media = useMedia()\n  // ... media.sm\n  const result = getMediaInfoFromExpression(\n    ternary.test,\n    jsxPath,\n    sourcePath,\n    ternary.inlineMediaQuery\n  )\n  if (result) {\n    return {\n      ...result,\n      ternaryWithoutMedia: null,\n    }\n  }\n  return null\n}\n\nfunction getMediaInfoFromExpression(\n  test: t.Expression,\n  jsxPath: NodePath<t.JSXElement>,\n  sourcePath: string,\n  inlineMediaQuery?: string\n) {\n  if (inlineMediaQuery) {\n    return {\n      key: inlineMediaQuery,\n      bindingName: inlineMediaQuery,\n    }\n  }\n  if (t.isMemberExpression(test) && t.isIdentifier(test.object) && t.isIdentifier(test.property)) {\n    const name = test.object['name']\n    const key = test.property['name']\n    const bindings = jsxPath.scope.getAllBindings()\n    const binding = bindings[name]\n    if (!binding) return false\n    const bindingNode = binding.path?.node\n    if (!t.isVariableDeclarator(bindingNode) || !bindingNode.init) return false\n    if (!isValidMediaCall(jsxPath, bindingNode.init, sourcePath)) return false\n    return { key, bindingName: name }\n  }\n  if (t.isIdentifier(test)) {\n    const key = test.name\n    const node = jsxPath.scope.getBinding(test.name)?.path?.node\n    if (!t.isVariableDeclarator(node)) return false\n    if (!node.init || !isValidMediaCall(jsxPath, node.init, sourcePath)) return false\n    return { key, bindingName: key }\n  }\n  return null\n}\n\nexport function isValidMediaCall(\n  jsxPath: NodePath<t.JSXElement>,\n  init: t.Expression,\n  sourcePath: string\n) {\n  if (!t.isCallExpression(init)) return false\n  if (!t.isIdentifier(init.callee)) return false\n  // TODO could support renaming useMedia by looking up import first\n  if (init.callee.name !== 'useMedia') return false\n  const bindings = jsxPath.scope.getAllBindings()\n  const mediaBinding = bindings['useMedia']\n  if (!mediaBinding) return false\n  const useMediaImport = mediaBinding.path.parent\n  if (!t.isImportDeclaration(useMediaImport)) return false\n  if (useMediaImport.source.value !== 'tamagui') {\n    if (!isInsideTamagui(sourcePath)) {\n      return false\n    }\n  }\n  return true\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/extractor/extractToClassNames.js

@@ -1,5 +1,22 @@
 var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
 import * as path from "path";
 import { basename } from "path";
 import * as util from "util";
@@ -16,7 +33,6 @@ import { isSimpleSpread } from "./extractHelpers";
 import { extractMediaStyle } from "./extractMediaStyle";
 import { getPrefixLogs } from "./getPrefixLogs";
 import { hoistClassNames } from "./hoistClassNames";
-import { literalToAst } from "./literalToAst";
 import { logLines } from "./logLines";
 import { timer } from "./timer";
 const mergeStyleGroups = {
@@ -26,23 +42,18 @@ const mergeStyleGroups = {
   shadowOffset: true
 };
 function extractToClassNames({
-  loader,
   extractor,
   source,
   sourcePath,
   options,
-  shouldPrintDebug,
-  cssLoaderPath,
-  threaded,
-  cssPath
+  shouldPrintDebug
 }) {
-  var _a;
   const tm = timer();
   if (typeof source !== "string") {
     throw new Error("`source` must be a string of javascript");
   }
   invariant(typeof sourcePath === "string" && path.isAbsolute(sourcePath), "`sourcePath` must be an absolute path to a .js file");
-  const shouldLogTiming = (_a = options.logTimings) != null ? _a : true;
+  const shouldLogTiming = options.logTimings ?? true;
   const start = Date.now();
   const mem = shouldLogTiming ? process.memoryUsage() : null;
   let ast;
@@ -56,10 +67,15 @@ function extractToClassNames({
   const cssMap = /* @__PURE__ */ new Map();
   const existingHoists = {};
   let hasFlattened = false;
-  const res = extractor.parse(ast, {
+  const res = extractor.parse(ast, __spreadProps(__spreadValues({
     sourcePath,
-    shouldPrintDebug,
-    ...options,
+    shouldPrintDebug
+  }, options), {
+    target: "html",
+    extractStyledDefinitions: true,
+    onStyleRule(identifier, rules) {
+      cssMap.set(`.${identifier}`, { css: rules.join(";"), commentTexts: [] });
+    },
     getFlattenedNode: ({ tag }) => {
       hasFlattened = true;
       return tag;
@@ -75,30 +91,31 @@ function extractToClassNames({
       programPath,
       isFlattened
     }) => {
-      var _a2, _b;
+      var _a;
+      const didFlattenThisTag = hasFlattened;
+      hasFlattened = false;
       let finalClassNames = [];
       let finalAttrs = [];
       let finalStyles = [];
-      const viewStyles = {};
+      let viewStyles = {};
       for (const attr of attrs) {
         if (attr.type === "style") {
-          Object.assign(viewStyles, attr.value);
+          viewStyles = __spreadValues(__spreadValues({}, viewStyles), attr.value);
         }
       }
-      const ensureNeededPrevStyle = /* @__PURE__ */ __name((style) => {
-        var _a3;
+      const ensureNeededPrevStyle = (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] = (_a3 = style[k]) != null ? _a3 : viewStyles[k];
+            style[k] = style[k] ?? viewStyles[k];
           }
         }
         return style;
-      }, "ensureNeededPrevStyle");
-      const addStyles = /* @__PURE__ */ __name((style) => {
+      };
+      const addStyles = (style) => {
         if (!style)
           return [];
         const styleWithPrev = ensureNeededPrevStyle(style);
@@ -107,29 +124,17 @@ function extractToClassNames({
           finalStyles = [...finalStyles, ...res2];
         }
         return res2;
-      }, "addStyles");
+      };
       let lastMediaImportance = 1;
       for (const attr of attrs) {
         switch (attr.type) {
           case "style":
             if (!isFlattened) {
-              const { hoverStyle, pressStyle, focusStyle } = attr.value;
-              const pseudos = [
-                ["hoverStyle", hoverStyle],
-                ["pressStyle", pressStyle],
-                ["focusStyle", focusStyle]
-              ];
-              const styles2 = getStylesAtomic(attr.value, {
-                splitTransforms: true
-              });
+              const styles2 = getStylesAtomic(attr.value);
               finalStyles = [...finalStyles, ...styles2];
-              for (const [key, value] of pseudos) {
-                if (value && Object.keys(value).length) {
-                  finalAttrs.push(t.jsxAttribute(t.jsxIdentifier(key), t.jsxExpressionContainer(literalToAst(value))));
-                }
-              }
               for (const style of styles2) {
-                finalAttrs.push(t.jsxAttribute(t.jsxIdentifier(style.property), t.stringLiteral(style.identifier)));
+                const prop = style.pseudo ? `${style.property}-${style.pseudo}` : style.property;
+                finalAttrs.push(t.jsxAttribute(t.jsxIdentifier(prop), t.stringLiteral(style.identifier)));
               }
             } else {
               const styles2 = addStyles(attr.value);
@@ -166,7 +171,7 @@ function extractToClassNames({
             const mediaExtraction = extractMediaStyle(attr.value, jsxPath, extractor.getTamagui(), sourcePath, lastMediaImportance, shouldPrintDebug);
             if (shouldPrintDebug) {
               if (mediaExtraction) {
-                console.log("ternary (mediaStyles)", (_b = (_a2 = mediaExtraction.ternaryWithoutMedia) == null ? void 0 : _a2.inlineMediaQuery) != null ? _b : "", mediaExtraction.mediaStyles.map((x) => x.identifier).join("."));
+                console.log("ternary (mediaStyles)", ((_a = mediaExtraction.ternaryWithoutMedia) == null ? void 0 : _a.inlineMediaQuery) ?? "", mediaExtraction.mediaStyles.map((x) => x.identifier).join("."));
               }
             }
             if (!mediaExtraction) {
@@ -197,7 +202,6 @@ function extractToClassNames({
           finalClassNames.push(t.conditionalExpression(ternary.test, t.stringLiteral(" " + cCN), t.stringLiteral(" " + aCN)));
         }
       }
-      __name(addTernaryStyle, "addTernaryStyle");
       if (shouldPrintDebug) {
         console.log("  finalClassNames\n", logLines(finalClassNames.map((x) => x["value"]).join(" ")));
       }
@@ -210,7 +214,7 @@ function extractToClassNames({
         const nameExpr = names ? hoistClassNames(jsxPath, existingHoists, names) : null;
         let expr = nameExpr;
         if (nameExpr && !t.isIdentifier(nameExpr)) {
-          if (!hasFlattened) {
+          if (!didFlattenThisTag) {
           } else {
             ensureImportingConcat(programPath);
             const simpleSpreads = attrs.filter((x) => t.isJSXSpreadAttribute(x.value) && isSimpleSpread(x.value));
@@ -223,7 +227,8 @@ function extractToClassNames({
         node.attributes.push(t.jsxAttribute(t.jsxIdentifier("className"), t.jsxExpressionContainer(expr)));
       }
       const comment = util.format("/* %s:%s (%s) */", filePath, lineNumbers, originalNodeName);
-      for (const { className, rules, identifier, value } of finalStyles) {
+      for (const { identifier, rules } of finalStyles) {
+        const className = `.${identifier}`;
         if (cssMap.has(className)) {
           if (comment) {
             const val = cssMap.get(className);
@@ -242,20 +247,14 @@ function extractToClassNames({
         }
       }
     }
-  });
-  if (!res || !res.modified && !res.optimized && !res.flattened) {
+  }));
+  if (!res || !res.modified && !res.optimized && !res.flattened && !res.styled) {
     if (shouldPrintDebug) {
       console.log("no res or none modified", res);
     }
     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 = loader.remainingRequest;
-    const importPath = `${cssPath}!=!${cssLoaderPath}?${cssQuery}!${remReq}`;
-    ast.program.body.unshift(t.importDeclaration([], t.stringLiteral(importPath)));
-  }
   const result = generate(ast, {
     concise: false,
     filename: sourcePath,
@@ -270,14 +269,17 @@ function extractToClassNames({
   if (shouldLogTiming) {
     const memUsed = mem ? Math.round((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204 * 10) / 10 : 0;
     const path2 = basename(sourcePath).replace(/\.[jt]sx?$/, "").slice(0, 22).trim().padStart(24);
+    const numStyled = `${res.styled}`.padStart(3);
     const numOptimized = `${res.optimized}`.padStart(3);
     const numFound = `${res.found}`.padStart(3);
     const numFlattened = `${res.flattened}`.padStart(3);
     const memory = process.env.DEBUG && memUsed > 10 ? ` ${memUsed}MB` : "";
     const timing = Date.now() - start;
-    const timingWarning = timing > 50 ? "\u26A0\uFE0F" : timing > 150 ? "\u2622\uFE0F" : "";
-    const timingStr = `${timing}ms${timingWarning}`.padStart(6);
-    console.log(`${getPrefixLogs(options)} ${path2}  ${numFound}   \xB7 ${numOptimized}   \xB7 ${numFlattened}  ${timingStr} ${memory ? `(${memory})` : ""}`);
+    const timingWarning = timing > 150 ? "\u26A0\uFE0F" : timing > 150 ? "\u2622\uFE0F" : "";
+    const timingStr = `${timing}ms ${timingWarning}`.padStart(6);
+    const pre = getPrefixLogs(options);
+    const memStr = memory ? `(${memory})` : "";
+    console.log(`${pre} ${path2}  ${numFound} \xB7 ${numOptimized} \xB7 ${numFlattened} \xB7 ${numStyled}  ${timingStr} ${memStr}`);
   }
   return {
     ast,
@@ -286,7 +288,6 @@ function extractToClassNames({
     map: result.map
   };
 }
-__name(extractToClassNames, "extractToClassNames");
 export {
   extractToClassNames
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/extractor/extractToClassNames.ts"],
-  "sourcesContent": ["import * as path from 'path'\nimport { basename } from 'path'\nimport * as util from 'util'\n\nimport generate from '@babel/generator'\nimport * as t from '@babel/types'\nimport { getStylesAtomic } from '@tamagui/core-node'\nimport { concatClassName } from '@tamagui/helpers'\nimport invariant from 'invariant'\nimport { ViewStyle } from 'react-native'\nimport { LoaderContext } from 'webpack'\n\nimport { CONCAT_CLASSNAME_IMPORT } from '../constants'\nimport { ClassNameObject, StyleObject, TamaguiOptions, Ternary } from '../types'\nimport { babelParse } from './babelParse'\nimport { buildClassName } from './buildClassName'\nimport { Extractor } from './createExtractor'\nimport { ensureImportingConcat } from './ensureImportingConcat'\nimport { isSimpleSpread } from './extractHelpers'\nimport { extractMediaStyle } from './extractMediaStyle'\nimport { getPrefixLogs } from './getPrefixLogs'\nimport { hoistClassNames } from './hoistClassNames'\nimport { literalToAst } from './literalToAst'\nimport { logLines } from './logLines'\nimport { timer } from './timer'\n\nconst mergeStyleGroups = {\n  shadowOpacity: true,\n  shadowRadius: true,\n  shadowColor: true,\n  shadowOffset: true,\n}\n\nexport type ExtractedResponse = {\n  js: string | Buffer\n  styles: string\n  stylesPath?: string\n  ast: t.File\n  map: any // RawSourceMap from 'source-map'\n}\n\nexport function extractToClassNames({\n  loader,\n  extractor,\n  source,\n  sourcePath,\n  options,\n  shouldPrintDebug,\n  cssLoaderPath,\n  threaded,\n  cssPath,\n}: {\n  loader: LoaderContext<any>\n  cssLoaderPath: string\n  extractor: Extractor\n  source: string | Buffer\n  sourcePath: string\n  options: TamaguiOptions\n  shouldPrintDebug: boolean | 'verbose'\n  cssPath: string\n  threaded?: boolean\n}): ExtractedResponse | null {\n  const tm = timer()\n\n  if (typeof source !== 'string') {\n    throw new Error('`source` must be a string of javascript')\n  }\n  invariant(\n    typeof sourcePath === 'string' && path.isAbsolute(sourcePath),\n    '`sourcePath` must be an absolute path to a .js file'\n  )\n\n  const shouldLogTiming = options.logTimings ?? true\n  const start = Date.now()\n  const mem = shouldLogTiming ? process.memoryUsage() : null\n\n  // Using a map for (officially supported) guaranteed insertion order\n  let ast: t.File\n\n  try {\n    // @ts-ignore\n    ast = babelParse(source)\n  } catch (err) {\n    console.error('babel parse error:', sourcePath)\n    throw err\n  }\n\n  tm.mark(`babel-parse`, shouldPrintDebug === 'verbose')\n\n  const cssMap = new Map<string, { css: string; commentTexts: string[] }>()\n  const existingHoists: { [key: string]: t.Identifier } = {}\n\n  let hasFlattened = false\n\n  const res = extractor.parse(ast, {\n    sourcePath,\n    shouldPrintDebug,\n    ...options,\n    getFlattenedNode: ({ tag }) => {\n      hasFlattened = true\n      return tag\n    },\n    onExtractTag: ({\n      attrs,\n      node,\n      attemptEval,\n      jsxPath,\n      originalNodeName,\n      filePath,\n      lineNumbers,\n      programPath,\n      isFlattened,\n    }) => {\n      let finalClassNames: ClassNameObject[] = []\n      let finalAttrs: (t.JSXAttribute | t.JSXSpreadAttribute)[] = []\n      let finalStyles: StyleObject[] = []\n\n      const viewStyles = {}\n      for (const attr of attrs) {\n        if (attr.type === 'style') {\n          Object.assign(viewStyles, attr.value)\n        }\n      }\n\n      const ensureNeededPrevStyle = (style: ViewStyle) => {\n        // ensure all group keys are merged\n        const keys = Object.keys(style)\n        if (!keys.some((key) => mergeStyleGroups[key])) {\n          return style\n        }\n        for (const k in mergeStyleGroups) {\n          if (k in viewStyles) {\n            style[k] = style[k] ?? viewStyles[k]\n          }\n        }\n        return style\n      }\n\n      const addStyles = (style: ViewStyle | null): StyleObject[] => {\n        if (!style) return []\n        const styleWithPrev = ensureNeededPrevStyle(style)\n        const res = getStylesAtomic(styleWithPrev)\n        if (res.length) {\n          finalStyles = [...finalStyles, ...res]\n        }\n        return res\n      }\n\n      // 1 to start above any :hover styles\n      let lastMediaImportance = 1\n      for (const attr of attrs) {\n        switch (attr.type) {\n          case 'style':\n            if (!isFlattened) {\n              // only ever one at a time i believe so we can be lazy with this access\n              const { hoverStyle, pressStyle, focusStyle } = attr.value\n              const pseudos = [\n                ['hoverStyle', hoverStyle],\n                ['pressStyle', pressStyle],\n                ['focusStyle', focusStyle],\n              ] as const\n\n              const styles = getStylesAtomic(attr.value, {\n                splitTransforms: true,\n              })\n              finalStyles = [...finalStyles, ...styles]\n\n              for (const [key, value] of pseudos) {\n                if (value && Object.keys(value).length) {\n                  finalAttrs.push(\n                    t.jsxAttribute(\n                      t.jsxIdentifier(key),\n                      t.jsxExpressionContainer(literalToAst(value))\n                    )\n                  )\n                }\n              }\n\n              for (const style of styles) {\n                //  leave them  as attributes\n                finalAttrs.push(\n                  t.jsxAttribute(t.jsxIdentifier(style.property), t.stringLiteral(style.identifier))\n                )\n              }\n\n              // for (const key in attr.value) {\n              //   if (pseudos.some((x) => x[0] === key)) {\n              //     // we handled pseudos above...\n              //     continue\n              //   }\n              //   // leave them as attributes\n              //   finalAttrs.push(\n              //     t.jsxAttribute(t.jsxIdentifier(key), t.stringLiteral(attr.value[key]))\n              //   )\n              // }\n            } else {\n              const styles = addStyles(attr.value)\n              const newClassNames = concatClassName(styles.map((x) => x.identifier).join(' '))\n              const existing = finalClassNames.find(\n                (x) => x.type == 'StringLiteral'\n              ) as t.StringLiteral | null\n\n              // const newClassNames = concatClassName(Object.values(attr.value))\n              // const existing = finalClassNames.find(\n              //   (x) => x.type == 'StringLiteral'\n              // ) as t.StringLiteral | null\n\n              if (existing) {\n                existing.value = `${existing.value} ${newClassNames}`\n              } else {\n                finalClassNames = [...finalClassNames, t.stringLiteral(newClassNames)]\n              }\n            }\n\n            break\n          case 'attr':\n            const val = attr.value\n            if (t.isJSXSpreadAttribute(val)) {\n              if (isSimpleSpread(val)) {\n                finalClassNames.push(\n                  t.logicalExpression(\n                    '&&',\n                    val.argument,\n                    t.memberExpression(val.argument, t.identifier('className'))\n                  )\n                )\n              }\n            } else if (val.name.name === 'className') {\n              const value = val.value\n              if (value) {\n                try {\n                  const evaluatedValue = attemptEval(value)\n                  finalClassNames.push(t.stringLiteral(evaluatedValue))\n                } catch (e) {\n                  finalClassNames.push(value['expression'])\n                }\n              }\n              continue\n            }\n            finalAttrs.push(val)\n            break\n          case 'ternary':\n            const mediaExtraction = extractMediaStyle(\n              attr.value,\n              jsxPath,\n              extractor.getTamagui(),\n              sourcePath,\n              lastMediaImportance,\n              shouldPrintDebug\n            )\n            if (shouldPrintDebug) {\n              if (mediaExtraction) {\n                // prettier-ignore\n                console.log('ternary (mediaStyles)', mediaExtraction.ternaryWithoutMedia?.inlineMediaQuery ?? '', mediaExtraction.mediaStyles.map((x) => x.identifier).join('.'))\n              }\n            }\n            if (!mediaExtraction) {\n              addTernaryStyle(\n                attr.value,\n                addStyles(attr.value.consequent),\n                addStyles(attr.value.alternate)\n              )\n              continue\n            }\n            lastMediaImportance++\n            if (mediaExtraction.mediaStyles) {\n              finalStyles = [...finalStyles, ...mediaExtraction.mediaStyles]\n            }\n            if (mediaExtraction.ternaryWithoutMedia) {\n              addTernaryStyle(mediaExtraction.ternaryWithoutMedia, mediaExtraction.mediaStyles, [])\n            } else {\n              finalClassNames = [\n                ...finalClassNames,\n                ...mediaExtraction.mediaStyles.map((x) => t.stringLiteral(x.identifier)),\n              ]\n            }\n            break\n        }\n      }\n\n      function addTernaryStyle(ternary: Ternary, a: any, b: any) {\n        const cCN = a.map((x) => x.identifier).join(' ')\n        const aCN = b.map((x) => x.identifier).join(' ')\n        if (a.length && b.length) {\n          finalClassNames.push(\n            t.conditionalExpression(ternary.test, t.stringLiteral(cCN), t.stringLiteral(aCN))\n          )\n        } else {\n          finalClassNames.push(\n            t.conditionalExpression(\n              ternary.test,\n              t.stringLiteral(' ' + cCN),\n              t.stringLiteral(' ' + aCN)\n            )\n          )\n        }\n      }\n\n      if (shouldPrintDebug) {\n        // prettier-ignore\n        console.log('  finalClassNames\\n', logLines(finalClassNames.map(x => x['value']).join(' ')))\n      }\n\n      node.attributes = finalAttrs\n\n      if (finalClassNames.length) {\n        // inserts the _cn variable and uses it for className\n        let names = buildClassName(finalClassNames)\n        if (t.isStringLiteral(names)) {\n          names.value = concatClassName(names.value)\n        }\n        const nameExpr = names ? hoistClassNames(jsxPath, existingHoists, names) : null\n        let expr = nameExpr\n\n        // if has some spreads, use concat helper\n        if (nameExpr && !t.isIdentifier(nameExpr)) {\n          if (!hasFlattened) {\n            // not flat\n          } else {\n            ensureImportingConcat(programPath)\n            const simpleSpreads = attrs.filter(\n              (x) => t.isJSXSpreadAttribute(x.value) && isSimpleSpread(x.value)\n            )\n            expr = t.callExpression(t.identifier(CONCAT_CLASSNAME_IMPORT), [\n              expr,\n              ...simpleSpreads.map((val) => val.value['argument']),\n            ])\n          }\n        }\n\n        node.attributes.push(\n          t.jsxAttribute(t.jsxIdentifier('className'), t.jsxExpressionContainer(expr))\n        )\n      }\n\n      const comment = util.format('/* %s:%s (%s) */', filePath, lineNumbers, originalNodeName)\n\n      for (const { className, rules, identifier, value } of finalStyles) {\n        // console.log('backvalue', identifier, value)\n        // ast.program.body.unshift(\n        //   t.expressionStatement(\n        //     t.callExpression(\n        //       t.memberExpression(\n        //         t.callExpression(t.identifier('require'), [t.stringLiteral('@tamagui/core')]),\n        //         t.identifier('setIdentifierValue')\n        //       ),\n        //       [t.stringLiteral(identifier), t.stringLiteral(value)]\n        //     )\n        //   )\n        // )\n\n        if (cssMap.has(className)) {\n          if (comment) {\n            const val = cssMap.get(className)!\n            val.commentTexts.push(comment)\n            cssMap.set(className, val)\n          }\n        } else if (rules.length) {\n          if (rules.length > 1) {\n            console.log('  rules error', { rules })\n            throw new Error(`Shouldn't have more than one rule`)\n          }\n          cssMap.set(className, {\n            css: rules[0],\n            commentTexts: [comment],\n          })\n        }\n      }\n    },\n  })\n\n  if (!res || (!res.modified && !res.optimized && !res.flattened)) {\n    if (shouldPrintDebug) {\n      console.log('no res or none modified', res)\n    }\n    return null\n  }\n\n  const styles = Array.from(cssMap.values())\n    .map((x) => x.css)\n    .join('\\n')\n    .trim()\n\n  if (styles) {\n    const cssQuery = threaded\n      ? `cssData=${Buffer.from(styles).toString('base64')}`\n      : `cssPath=${cssPath}`\n    const remReq = loader.remainingRequest\n    const importPath = `${cssPath}!=!${cssLoaderPath}?${cssQuery}!${remReq}`\n    ast.program.body.unshift(t.importDeclaration([], t.stringLiteral(importPath)))\n  }\n\n  const result = generate(\n    ast,\n    {\n      concise: false,\n      filename: sourcePath,\n      // this makes the debug output terrible, and i think sourcemap works already\n      retainLines: false,\n      sourceFileName: sourcePath,\n      sourceMaps: true,\n    },\n    source\n  )\n\n  if (shouldPrintDebug) {\n    console.log(\n      '\\n -------- output code ------- \\n\\n',\n      result.code\n        .split('\\n')\n        .filter((x) => !x.startsWith('//'))\n        .join('\\n')\n    )\n    console.log('\\n -------- output style -------- \\n\\n', styles)\n  }\n\n  if (shouldLogTiming) {\n    const memUsed = mem\n      ? Math.round(((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204) * 10) / 10\n      : 0\n    const path = basename(sourcePath)\n      .replace(/\\.[jt]sx?$/, '')\n      .slice(0, 22)\n      .trim()\n      .padStart(24)\n    const numOptimized = `${res.optimized}`.padStart(3)\n    const numFound = `${res.found}`.padStart(3)\n    const numFlattened = `${res.flattened}`.padStart(3)\n    const memory = process.env.DEBUG && memUsed > 10 ? ` ${memUsed}MB` : ''\n    const timing = Date.now() - start\n    const timingWarning = timing > 50 ? '\u26A0\uFE0F' : timing > 150 ? '\u2622\uFE0F' : ''\n    const timingStr = `${timing}ms${timingWarning}`.padStart(6)\n    console.log(\n      `${getPrefixLogs(\n        options\n      )} ${path}  ${numFound}   \u00B7 ${numOptimized}   \u00B7 ${numFlattened}  ${timingStr} ${\n        memory ? `(${memory})` : ''\n      }`\n    )\n  }\n\n  return {\n    ast,\n    styles,\n    js: result.code,\n    map: result.map,\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as path from 'path'\nimport { basename } from 'path'\nimport * as util from 'util'\n\nimport generate from '@babel/generator'\nimport * as t from '@babel/types'\nimport { getStylesAtomic } from '@tamagui/core-node'\nimport { concatClassName } from '@tamagui/helpers'\nimport invariant from 'invariant'\nimport { ViewStyle } from 'react-native'\n\nimport { CONCAT_CLASSNAME_IMPORT } from '../constants'\nimport { ClassNameObject, StyleObject, TamaguiOptions, Ternary } from '../types'\nimport { babelParse } from './babelParse'\nimport { buildClassName } from './buildClassName'\nimport { Extractor } from './createExtractor'\nimport { ensureImportingConcat } from './ensureImportingConcat'\nimport { isSimpleSpread } from './extractHelpers'\nimport { extractMediaStyle } from './extractMediaStyle'\nimport { getPrefixLogs } from './getPrefixLogs'\nimport { hoistClassNames } from './hoistClassNames'\nimport { logLines } from './logLines'\nimport { timer } from './timer'\n\nconst mergeStyleGroups = {\n  shadowOpacity: true,\n  shadowRadius: true,\n  shadowColor: true,\n  shadowOffset: true,\n}\n\nexport type ExtractedResponse = {\n  js: string | Buffer\n  styles: string\n  stylesPath?: string\n  ast: t.File\n  map: any // RawSourceMap from 'source-map'\n}\n\nexport function extractToClassNames({\n  extractor,\n  source,\n  sourcePath,\n  options,\n  shouldPrintDebug,\n}: {\n  extractor: Extractor\n  source: string | Buffer\n  sourcePath: string\n  options: TamaguiOptions\n  shouldPrintDebug: boolean | 'verbose'\n}): ExtractedResponse | null {\n  const tm = timer()\n\n  if (typeof source !== 'string') {\n    throw new Error('`source` must be a string of javascript')\n  }\n  invariant(\n    typeof sourcePath === 'string' && path.isAbsolute(sourcePath),\n    '`sourcePath` must be an absolute path to a .js file'\n  )\n\n  const shouldLogTiming = options.logTimings ?? true\n  const start = Date.now()\n  const mem = shouldLogTiming ? process.memoryUsage() : null\n\n  // Using a map for (officially supported) guaranteed insertion order\n  let ast: t.File\n\n  try {\n    ast = babelParse(source)\n  } catch (err) {\n    console.error('babel parse error:', sourcePath)\n    throw err\n  }\n\n  tm.mark(`babel-parse`, shouldPrintDebug === 'verbose')\n\n  const cssMap = new Map<string, { css: string; commentTexts: string[] }>()\n  const existingHoists: { [key: string]: t.Identifier } = {}\n\n  let hasFlattened = false\n\n  const res = extractor.parse(ast, {\n    sourcePath,\n    shouldPrintDebug,\n    ...options,\n    target: 'html',\n    extractStyledDefinitions: true,\n    onStyleRule(identifier, rules) {\n      cssMap.set(`.${identifier}`, { css: rules.join(';'), commentTexts: [] })\n    },\n    getFlattenedNode: ({ tag }) => {\n      hasFlattened = true\n      return tag\n    },\n    onExtractTag: ({\n      attrs,\n      node,\n      attemptEval,\n      jsxPath,\n      originalNodeName,\n      filePath,\n      lineNumbers,\n      programPath,\n      isFlattened,\n    }) => {\n      // reset hasFlattened\n      const didFlattenThisTag = hasFlattened\n      hasFlattened = false\n\n      let finalClassNames: ClassNameObject[] = []\n      let finalAttrs: (t.JSXAttribute | t.JSXSpreadAttribute)[] = []\n      let finalStyles: StyleObject[] = []\n\n      let viewStyles = {}\n      for (const attr of attrs) {\n        if (attr.type === 'style') {\n          viewStyles = {\n            ...viewStyles,\n            ...attr.value,\n          }\n        }\n      }\n\n      const ensureNeededPrevStyle = (style: ViewStyle) => {\n        // ensure all group keys are merged\n        const keys = Object.keys(style)\n        if (!keys.some((key) => mergeStyleGroups[key])) {\n          return style\n        }\n        for (const k in mergeStyleGroups) {\n          if (k in viewStyles) {\n            style[k] = style[k] ?? viewStyles[k]\n          }\n        }\n        return style\n      }\n\n      const addStyles = (style: ViewStyle | null): StyleObject[] => {\n        if (!style) return []\n        const styleWithPrev = ensureNeededPrevStyle(style)\n        const res = getStylesAtomic(styleWithPrev)\n        if (res.length) {\n          finalStyles = [...finalStyles, ...res]\n        }\n        return res\n      }\n\n      // 1 to start above any :hover styles\n      let lastMediaImportance = 1\n      for (const attr of attrs) {\n        switch (attr.type) {\n          case 'style':\n            if (!isFlattened) {\n              const styles = getStylesAtomic(attr.value)\n\n              finalStyles = [...finalStyles, ...styles]\n\n              for (const style of styles) {\n                //  leave them  as attributes\n                const prop = style.pseudo ? `${style.property}-${style.pseudo}` : style.property\n                finalAttrs.push(\n                  t.jsxAttribute(t.jsxIdentifier(prop), t.stringLiteral(style.identifier))\n                )\n              }\n            } else {\n              const styles = addStyles(attr.value)\n              const newClassNames = concatClassName(styles.map((x) => x.identifier).join(' '))\n              const existing = finalClassNames.find(\n                (x) => x.type == 'StringLiteral'\n              ) as t.StringLiteral | null\n\n              if (existing) {\n                existing.value = `${existing.value} ${newClassNames}`\n              } else {\n                finalClassNames = [...finalClassNames, t.stringLiteral(newClassNames)]\n              }\n            }\n\n            break\n          case 'attr':\n            const val = attr.value\n            if (t.isJSXSpreadAttribute(val)) {\n              if (isSimpleSpread(val)) {\n                finalClassNames.push(\n                  t.logicalExpression(\n                    '&&',\n                    val.argument,\n                    t.memberExpression(val.argument, t.identifier('className'))\n                  )\n                )\n              }\n            } else if (val.name.name === 'className') {\n              const value = val.value\n              if (value) {\n                try {\n                  const evaluatedValue = attemptEval(value)\n                  finalClassNames.push(t.stringLiteral(evaluatedValue))\n                } catch (e) {\n                  finalClassNames.push(value['expression'])\n                }\n              }\n              continue\n            }\n            finalAttrs.push(val)\n            break\n          case 'ternary':\n            const mediaExtraction = extractMediaStyle(\n              attr.value,\n              jsxPath,\n              extractor.getTamagui(),\n              sourcePath,\n              lastMediaImportance,\n              shouldPrintDebug\n            )\n            if (shouldPrintDebug) {\n              if (mediaExtraction) {\n                // prettier-ignore\n                console.log('ternary (mediaStyles)', mediaExtraction.ternaryWithoutMedia?.inlineMediaQuery ?? '', mediaExtraction.mediaStyles.map((x) => x.identifier).join('.'))\n              }\n            }\n            if (!mediaExtraction) {\n              addTernaryStyle(\n                attr.value,\n                addStyles(attr.value.consequent),\n                addStyles(attr.value.alternate)\n              )\n              continue\n            }\n            lastMediaImportance++\n            if (mediaExtraction.mediaStyles) {\n              finalStyles = [...finalStyles, ...mediaExtraction.mediaStyles]\n            }\n            if (mediaExtraction.ternaryWithoutMedia) {\n              addTernaryStyle(mediaExtraction.ternaryWithoutMedia, mediaExtraction.mediaStyles, [])\n            } else {\n              finalClassNames = [\n                ...finalClassNames,\n                ...mediaExtraction.mediaStyles.map((x) => t.stringLiteral(x.identifier)),\n              ]\n            }\n            break\n        }\n      }\n\n      function addTernaryStyle(ternary: Ternary, a: any, b: any) {\n        const cCN = a.map((x) => x.identifier).join(' ')\n        const aCN = b.map((x) => x.identifier).join(' ')\n        if (a.length && b.length) {\n          finalClassNames.push(\n            t.conditionalExpression(ternary.test, t.stringLiteral(cCN), t.stringLiteral(aCN))\n          )\n        } else {\n          finalClassNames.push(\n            t.conditionalExpression(\n              ternary.test,\n              t.stringLiteral(' ' + cCN),\n              t.stringLiteral(' ' + aCN)\n            )\n          )\n        }\n      }\n\n      if (shouldPrintDebug) {\n        // prettier-ignore\n        console.log('  finalClassNames\\n', logLines(finalClassNames.map(x => x['value']).join(' ')))\n      }\n\n      node.attributes = finalAttrs\n\n      if (finalClassNames.length) {\n        // inserts the _cn variable and uses it for className\n        let names = buildClassName(finalClassNames)\n        if (t.isStringLiteral(names)) {\n          names.value = concatClassName(names.value)\n        }\n        const nameExpr = names ? hoistClassNames(jsxPath, existingHoists, names) : null\n        let expr = nameExpr\n\n        // if has some spreads, use concat helper\n        if (nameExpr && !t.isIdentifier(nameExpr)) {\n          if (!didFlattenThisTag) {\n            // not flat\n          } else {\n            ensureImportingConcat(programPath)\n            const simpleSpreads = attrs.filter(\n              (x) => t.isJSXSpreadAttribute(x.value) && isSimpleSpread(x.value)\n            )\n            expr = t.callExpression(t.identifier(CONCAT_CLASSNAME_IMPORT), [\n              expr,\n              ...simpleSpreads.map((val) => val.value['argument']),\n            ])\n          }\n        }\n\n        node.attributes.push(\n          t.jsxAttribute(t.jsxIdentifier('className'), t.jsxExpressionContainer(expr))\n        )\n      }\n\n      const comment = util.format('/* %s:%s (%s) */', filePath, lineNumbers, originalNodeName)\n\n      for (const { identifier, rules } of finalStyles) {\n        const className = `.${identifier}`\n        if (cssMap.has(className)) {\n          if (comment) {\n            const val = cssMap.get(className)!\n            val.commentTexts.push(comment)\n            cssMap.set(className, val)\n          }\n        } else if (rules.length) {\n          if (rules.length > 1) {\n            console.log('  rules error', { rules })\n            throw new Error(`Shouldn't have more than one rule`)\n          }\n          cssMap.set(className, {\n            css: rules[0],\n            commentTexts: [comment],\n          })\n        }\n      }\n    },\n  })\n\n  if (!res || (!res.modified && !res.optimized && !res.flattened && !res.styled)) {\n    if (shouldPrintDebug) {\n      console.log('no res or none modified', res)\n    }\n    return null\n  }\n\n  const styles = Array.from(cssMap.values())\n    .map((x) => x.css)\n    .join('\\n')\n    .trim()\n\n  const result = generate(\n    ast,\n    {\n      concise: false,\n      filename: sourcePath,\n      // this makes the debug output terrible, and i think sourcemap works already\n      retainLines: false,\n      sourceFileName: sourcePath,\n      sourceMaps: true,\n    },\n    source\n  )\n\n  if (shouldPrintDebug) {\n    console.log(\n      '\\n -------- output code ------- \\n\\n',\n      result.code\n        .split('\\n')\n        .filter((x) => !x.startsWith('//'))\n        .join('\\n')\n    )\n    console.log('\\n -------- output style -------- \\n\\n', styles)\n  }\n\n  if (shouldLogTiming) {\n    const memUsed = mem\n      ? Math.round(((process.memoryUsage().heapUsed - mem.heapUsed) / 1024 / 1204) * 10) / 10\n      : 0\n    const path = basename(sourcePath)\n      .replace(/\\.[jt]sx?$/, '')\n      .slice(0, 22)\n      .trim()\n      .padStart(24)\n\n    const numStyled = `${res.styled}`.padStart(3)\n    const numOptimized = `${res.optimized}`.padStart(3)\n    const numFound = `${res.found}`.padStart(3)\n    const numFlattened = `${res.flattened}`.padStart(3)\n    const memory = process.env.DEBUG && memUsed > 10 ? ` ${memUsed}MB` : ''\n    const timing = Date.now() - start\n    const timingWarning = timing > 150 ? '\u26A0\uFE0F' : timing > 150 ? '\u2622\uFE0F' : ''\n    const timingStr = `${timing}ms ${timingWarning}`.padStart(6)\n    const pre = getPrefixLogs(options)\n    const memStr = memory ? `(${memory})` : ''\n    console.log(\n      `${pre} ${path}  ${numFound} \u00B7 ${numOptimized} \u00B7 ${numFlattened} \u00B7 ${numStyled}  ${timingStr} ${memStr}`\n    )\n  }\n\n  return {\n    ast,\n    styles,\n    js: result.code,\n    map: result.map,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB;AAAA,EACvB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAChB;AAUO,6BAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAO2B;AAC3B,QAAM,KAAK,MAAM;AAEjB,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,IAAI,MAAM,yCAAyC;AAAA,EAC3D;AACA,YACE,OAAO,eAAe,YAAY,KAAK,WAAW,UAAU,GAC5D,qDACF;AAEA,QAAM,kBAAkB,QAAQ,cAAc;AAC9C,QAAM,QAAQ,KAAK,IAAI;AACvB,QAAM,MAAM,kBAAkB,QAAQ,YAAY,IAAI;AAGtD,MAAI;AAEJ,MAAI;AACF,UAAM,WAAW,MAAM;AAAA,EACzB,SAAS,KAAP;AACA,YAAQ,MAAM,sBAAsB,UAAU;AAC9C,UAAM;AAAA,EACR;AAEA,KAAG,KAAK,eAAe,qBAAqB,SAAS;AAErD,QAAM,SAAS,oBAAI,IAAqD;AACxE,QAAM,iBAAkD,CAAC;AAEzD,MAAI,eAAe;AAEnB,QAAM,MAAM,UAAU,MAAM,KAAK;AAAA,IAC/B;AAAA,IACA;AAAA,KACG,UAH4B;AAAA,IAI/B,QAAQ;AAAA,IACR,0BAA0B;AAAA,IAC1B,YAAY,YAAY,OAAO;AAC7B,aAAO,IAAI,IAAI,cAAc,EAAE,KAAK,MAAM,KAAK,GAAG,GAAG,cAAc,CAAC,EAAE,CAAC;AAAA,IACzE;AAAA,IACA,kBAAkB,CAAC,EAAE,UAAU;AAC7B,qBAAe;AACf,aAAO;AAAA,IACT;AAAA,IACA,cAAc,CAAC;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,UACI;AA1GV;AA4GM,YAAM,oBAAoB;AAC1B,qBAAe;AAEf,UAAI,kBAAqC,CAAC;AAC1C,UAAI,aAAwD,CAAC;AAC7D,UAAI,cAA6B,CAAC;AAElC,UAAI,aAAa,CAAC;AAClB,iBAAW,QAAQ,OAAO;AACxB,YAAI,KAAK,SAAS,SAAS;AACzB,uBAAa,kCACR,aACA,KAAK;AAAA,QAEZ;AAAA,MACF;AAEA,YAAM,wBAAwB,CAAC,UAAqB;AAElD,cAAM,OAAO,OAAO,KAAK,KAAK;AAC9B,YAAI,CAAC,KAAK,KAAK,CAAC,QAAQ,iBAAiB,IAAI,GAAG;AAC9C,iBAAO;AAAA,QACT;AACA,mBAAW,KAAK,kBAAkB;AAChC,cAAI,KAAK,YAAY;AACnB,kBAAM,KAAK,MAAM,MAAM,WAAW;AAAA,UACpC;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAEA,YAAM,YAAY,CAAC,UAA2C;AAC5D,YAAI,CAAC;AAAO,iBAAO,CAAC;AACpB,cAAM,gBAAgB,sBAAsB,KAAK;AACjD,cAAM,OAAM,gBAAgB,aAAa;AACzC,YAAI,KAAI,QAAQ;AACd,wBAAc,CAAC,GAAG,aAAa,GAAG,IAAG;AAAA,QACvC;AACA,eAAO;AAAA,MACT;AAGA,UAAI,sBAAsB;AAC1B,iBAAW,QAAQ,OAAO;AACxB,gBAAQ,KAAK;AAAA,eACN;AACH,gBAAI,CAAC,aAAa;AAChB,oBAAM,UAAS,gBAAgB,KAAK,KAAK;AAEzC,4BAAc,CAAC,GAAG,aAAa,GAAG,OAAM;AAExC,yBAAW,SAAS,SAAQ;AAE1B,sBAAM,OAAO,MAAM,SAAS,GAAG,MAAM,YAAY,MAAM,WAAW,MAAM;AACxE,2BAAW,KACT,EAAE,aAAa,EAAE,cAAc,IAAI,GAAG,EAAE,cAAc,MAAM,UAAU,CAAC,CACzE;AAAA,cACF;AAAA,YACF,OAAO;AACL,oBAAM,UAAS,UAAU,KAAK,KAAK;AACnC,oBAAM,gBAAgB,gBAAgB,QAAO,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC;AAC/E,oBAAM,WAAW,gBAAgB,KAC/B,CAAC,MAAM,EAAE,QAAQ,eACnB;AAEA,kBAAI,UAAU;AACZ,yBAAS,QAAQ,GAAG,SAAS,SAAS;AAAA,cACxC,OAAO;AACL,kCAAkB,CAAC,GAAG,iBAAiB,EAAE,cAAc,aAAa,CAAC;AAAA,cACvE;AAAA,YACF;AAEA;AAAA,eACG;AACH,kBAAM,MAAM,KAAK;AACjB,gBAAI,EAAE,qBAAqB,GAAG,GAAG;AAC/B,kBAAI,eAAe,GAAG,GAAG;AACvB,gCAAgB,KACd,EAAE,kBACA,MACA,IAAI,UACJ,EAAE,iBAAiB,IAAI,UAAU,EAAE,WAAW,WAAW,CAAC,CAC5D,CACF;AAAA,cACF;AAAA,YACF,WAAW,IAAI,KAAK,SAAS,aAAa;AACxC,oBAAM,QAAQ,IAAI;AAClB,kBAAI,OAAO;AACT,oBAAI;AACF,wBAAM,iBAAiB,YAAY,KAAK;AACxC,kCAAgB,KAAK,EAAE,cAAc,cAAc,CAAC;AAAA,gBACtD,SAAS,GAAP;AACA,kCAAgB,KAAK,MAAM,aAAa;AAAA,gBAC1C;AAAA,cACF;AACA;AAAA,YACF;AACA,uBAAW,KAAK,GAAG;AACnB;AAAA,eACG;AACH,kBAAM,kBAAkB,kBACtB,KAAK,OACL,SACA,UAAU,WAAW,GACrB,YACA,qBACA,gBACF;AACA,gBAAI,kBAAkB;AACpB,kBAAI,iBAAiB;AAEnB,wBAAQ,IAAI,yBAAyB,uBAAgB,wBAAhB,mBAAqC,qBAAoB,IAAI,gBAAgB,YAAY,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC;AAAA,cAClK;AAAA,YACF;AACA,gBAAI,CAAC,iBAAiB;AACpB,8BACE,KAAK,OACL,UAAU,KAAK,MAAM,UAAU,GAC/B,UAAU,KAAK,MAAM,SAAS,CAChC;AACA;AAAA,YACF;AACA;AACA,gBAAI,gBAAgB,aAAa;AAC/B,4BAAc,CAAC,GAAG,aAAa,GAAG,gBAAgB,WAAW;AAAA,YAC/D;AACA,gBAAI,gBAAgB,qBAAqB;AACvC,8BAAgB,gBAAgB,qBAAqB,gBAAgB,aAAa,CAAC,CAAC;AAAA,YACtF,OAAO;AACL,gCAAkB;AAAA,gBAChB,GAAG;AAAA,gBACH,GAAG,gBAAgB,YAAY,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,UAAU,CAAC;AAAA,cACzE;AAAA,YACF;AACA;AAAA;AAAA,MAEN;AAEA,+BAAyB,SAAkB,GAAQ,GAAQ;AACzD,cAAM,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,GAAG;AAC/C,cAAM,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,GAAG;AAC/C,YAAI,EAAE,UAAU,EAAE,QAAQ;AACxB,0BAAgB,KACd,EAAE,sBAAsB,QAAQ,MAAM,EAAE,cAAc,GAAG,GAAG,EAAE,cAAc,GAAG,CAAC,CAClF;AAAA,QACF,OAAO;AACL,0BAAgB,KACd,EAAE,sBACA,QAAQ,MACR,EAAE,cAAc,MAAM,GAAG,GACzB,EAAE,cAAc,MAAM,GAAG,CAC3B,CACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,kBAAkB;AAEpB,gBAAQ,IAAI,uBAAuB,SAAS,gBAAgB,IAAI,OAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC;AAAA,MAC7F;AAEA,WAAK,aAAa;AAElB,UAAI,gBAAgB,QAAQ;AAE1B,YAAI,QAAQ,eAAe,eAAe;AAC1C,YAAI,EAAE,gBAAgB,KAAK,GAAG;AAC5B,gBAAM,QAAQ,gBAAgB,MAAM,KAAK;AAAA,QAC3C;AACA,cAAM,WAAW,QAAQ,gBAAgB,SAAS,gBAAgB,KAAK,IAAI;AAC3E,YAAI,OAAO;AAGX,YAAI,YAAY,CAAC,EAAE,aAAa,QAAQ,GAAG;AACzC,cAAI,CAAC,mBAAmB;AAAA,UAExB,OAAO;AACL,kCAAsB,WAAW;AACjC,kBAAM,gBAAgB,MAAM,OAC1B,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,KAAK,eAAe,EAAE,KAAK,CAClE;AACA,mBAAO,EAAE,eAAe,EAAE,WAAW,uBAAuB,GAAG;AAAA,cAC7D;AAAA,cACA,GAAG,cAAc,IAAI,CAAC,QAAQ,IAAI,MAAM,WAAW;AAAA,YACrD,CAAC;AAAA,UACH;AAAA,QACF;AAEA,aAAK,WAAW,KACd,EAAE,aAAa,EAAE,cAAc,WAAW,GAAG,EAAE,uBAAuB,IAAI,CAAC,CAC7E;AAAA,MACF;AAEA,YAAM,UAAU,KAAK,OAAO,oBAAoB,UAAU,aAAa,gBAAgB;AAEvF,iBAAW,EAAE,YAAY,WAAW,aAAa;AAC/C,cAAM,YAAY,IAAI;AACtB,YAAI,OAAO,IAAI,SAAS,GAAG;AACzB,cAAI,SAAS;AACX,kBAAM,MAAM,OAAO,IAAI,SAAS;AAChC,gBAAI,aAAa,KAAK,OAAO;AAC7B,mBAAO,IAAI,WAAW,GAAG;AAAA,UAC3B;AAAA,QACF,WAAW,MAAM,QAAQ;AACvB,cAAI,MAAM,SAAS,GAAG;AACpB,oBAAQ,IAAI,iBAAiB,EAAE,MAAM,CAAC;AACtC,kBAAM,IAAI,MAAM,mCAAmC;AAAA,UACrD;AACA,iBAAO,IAAI,WAAW;AAAA,YACpB,KAAK,MAAM;AAAA,YACX,cAAc,CAAC,OAAO;AAAA,UACxB,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF,EAAC;AAED,MAAI,CAAC,OAAQ,CAAC,IAAI,YAAY,CAAC,IAAI,aAAa,CAAC,IAAI,aAAa,CAAC,IAAI,QAAS;AAC9E,QAAI,kBAAkB;AACpB,cAAQ,IAAI,2BAA2B,GAAG;AAAA,IAC5C;AACA,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,MAAM,KAAK,OAAO,OAAO,CAAC,EACtC,IAAI,CAAC,MAAM,EAAE,GAAG,EAChB,KAAK,IAAI,EACT,KAAK;AAER,QAAM,SAAS,SACb,KACA;AAAA,IACE,SAAS;AAAA,IACT,UAAU;AAAA,IAEV,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd,GACA,MACF;AAEA,MAAI,kBAAkB;AACpB,YAAQ,IACN,wCACA,OAAO,KACJ,MAAM,IAAI,EACV,OAAO,CAAC,MAAM,CAAC,EAAE,WAAW,IAAI,CAAC,EACjC,KAAK,IAAI,CACd;AACA,YAAQ,IAAI,0CAA0C,MAAM;AAAA,EAC9D;AAEA,MAAI,iBAAiB;AACnB,UAAM,UAAU,MACZ,KAAK,MAAQ,SAAQ,YAAY,EAAE,WAAW,IAAI,YAAY,OAAO,OAAQ,EAAE,IAAI,KACnF;AACJ,UAAM,QAAO,SAAS,UAAU,EAC7B,QAAQ,cAAc,EAAE,EACxB,MAAM,GAAG,EAAE,EACX,KAAK,EACL,SAAS,EAAE;AAEd,UAAM,YAAY,GAAG,IAAI,SAAS,SAAS,CAAC;AAC5C,UAAM,eAAe,GAAG,IAAI,YAAY,SAAS,CAAC;AAClD,UAAM,WAAW,GAAG,IAAI,QAAQ,SAAS,CAAC;AAC1C,UAAM,eAAe,GAAG,IAAI,YAAY,SAAS,CAAC;AAClD,UAAM,SAAS,QAAQ,IAAI,SAAS,UAAU,KAAK,IAAI,cAAc;AACrE,UAAM,SAAS,KAAK,IAAI,IAAI;AAC5B,UAAM,gBAAgB,SAAS,MAAM,iBAAO,SAAS,MAAM,iBAAO;AAClE,UAAM,YAAY,GAAG,YAAY,gBAAgB,SAAS,CAAC;AAC3D,UAAM,MAAM,cAAc,OAAO;AACjC,UAAM,SAAS,SAAS,IAAI,YAAY;AACxC,YAAQ,IACN,GAAG,OAAO,UAAS,iBAAc,qBAAkB,qBAAkB,cAAc,aAAa,QAClG;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,IAAI,OAAO;AAAA,IACX,KAAK,OAAO;AAAA,EACd;AACF;",
   "names": []
 }

package/dist/esm/extractor/findTopmostFunction.js

@@ -1,7 +1,5 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 function findTopmostFunction(jsxPath) {
-  const isFunction = /* @__PURE__ */ __name((path) => path.isArrowFunctionExpression() || path.isFunctionDeclaration() || path.isFunctionExpression(), "isFunction");
+  const isFunction = (path) => path.isArrowFunctionExpression() || path.isFunctionDeclaration() || path.isFunctionExpression();
   let compFn = jsxPath.findParent(isFunction);
   while (compFn) {
     const parent = compFn.findParent(isFunction);
@@ -16,7 +14,6 @@ function findTopmostFunction(jsxPath) {
   }
   return compFn;
 }
-__name(findTopmostFunction, "findTopmostFunction");
 export {
   findTopmostFunction
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/extractor/findTopmostFunction.ts"],
   "sourcesContent": ["import { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\n\nexport function findTopmostFunction(jsxPath: NodePath<t.JSXElement>) {\n  // get topmost fn\n  const isFunction = (path: NodePath<any>) =>\n    path.isArrowFunctionExpression() || path.isFunctionDeclaration() || path.isFunctionExpression()\n  let compFn: NodePath<any> | null = jsxPath.findParent(isFunction)\n  while (compFn) {\n    const parent = compFn.findParent(isFunction)\n    if (parent) {\n      compFn = parent\n    } else {\n      break\n    }\n  }\n  if (!compFn) {\n    // console.error(`Couldn't find a topmost function for media query extraction`)\n    return null\n  }\n  return compFn\n}\n"],
-  "mappings": ";;AAGO,6BAA6B,SAAiC;AAEnE,QAAM,aAAa,wBAAC,SAClB,KAAK,0BAA0B,KAAK,KAAK,sBAAsB,KAAK,KAAK,qBAAqB,GAD7E;AAEnB,MAAI,SAA+B,QAAQ,WAAW,UAAU;AAChE,SAAO,QAAQ;AACb,UAAM,SAAS,OAAO,WAAW,UAAU;AAC3C,QAAI,QAAQ;AACV,eAAS;AAAA,IACX,OAAO;AACL;AAAA,IACF;AAAA,EACF;AACA,MAAI,CAAC,QAAQ;AAEX,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAlBgB;",
+  "mappings": "AAGO,6BAA6B,SAAiC;AAEnE,QAAM,aAAa,CAAC,SAClB,KAAK,0BAA0B,KAAK,KAAK,sBAAsB,KAAK,KAAK,qBAAqB;AAChG,MAAI,SAA+B,QAAQ,WAAW,UAAU;AAChE,SAAO,QAAQ;AACb,UAAM,SAAS,OAAO,WAAW,UAAU;AAC3C,QAAI,QAAQ;AACV,eAAS;AAAA,IACX,OAAO;AACL;AAAA,IACF;AAAA,EACF;AACA,MAAI,CAAC,QAAQ;AAEX,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }