@tamagui/static 1.110.5 → 1.111.0

package/dist/esm/extractor/createExtractor.native.js

@@ -19,224 +19,6 @@ import { setPropsToFontFamily } from "./propsToFontFamilyCache";
 import { removeUnusedHooks } from "./removeUnusedHooks";
 import { timer } from "./timer";
 import { validHTMLAttributes } from "./validHTMLAttributes";
-function _array_like_to_array(arr, len) {
-  (len == null || len > arr.length) && (len = arr.length);
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _array_with_holes(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes(arr) {
-  if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg), value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  info.done ? resolve(value) : Promise.resolve(value).then(_next, _throw);
-}
-function _async_to_generator(fn) {
-  return function() {
-    var self = this, args = arguments;
-    return new Promise(function(resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(void 0);
-    });
-  };
-}
-function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
-}
-function _iterable_to_array(iter) {
-  if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i != null) {
-    var _arr = [], _n = !0, _d = !1, _s, _e;
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
-        ;
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        !_n && _i.return != null && _i.return();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-function _non_iterable_rest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _non_iterable_spread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-  }), target;
-}
-function _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-  return target;
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_consumable_array(arr) {
-  return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _type_of(obj) {
-  "@swc/helpers - typeof";
-  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _unsupported_iterable_to_array(o, minLen) {
-  if (o) {
-    if (typeof o == "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-  }
-}
-function _ts_generator(thisArg, body) {
-  var f, y, t2, g, _ = {
-    label: 0,
-    sent: function() {
-      if (t2[0] & 1) throw t2[1];
-      return t2[1];
-    },
-    trys: [],
-    ops: []
-  };
-  return g = {
-    next: verb(0),
-    throw: verb(1),
-    return: verb(2)
-  }, typeof Symbol == "function" && (g[Symbol.iterator] = function() {
-    return this;
-  }), g;
-  function verb(n) {
-    return function(v) {
-      return step([
-        n,
-        v
-      ]);
-    };
-  }
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-    for (; _; ) try {
-      if (f = 1, y && (t2 = op[0] & 2 ? y.return : op[0] ? y.throw || ((t2 = y.return) && t2.call(y), 0) : y.next) && !(t2 = t2.call(y, op[1])).done) return t2;
-      switch (y = 0, t2 && (op = [
-        op[0] & 2,
-        t2.value
-      ]), op[0]) {
-        case 0:
-        case 1:
-          t2 = op;
-          break;
-        case 4:
-          return _.label++, {
-            value: op[1],
-            done: !1
-          };
-        case 5:
-          _.label++, y = op[1], op = [
-            0
-          ];
-          continue;
-        case 7:
-          op = _.ops.pop(), _.trys.pop();
-          continue;
-        default:
-          if (t2 = _.trys, !(t2 = t2.length > 0 && t2[t2.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-            _ = 0;
-            continue;
-          }
-          if (op[0] === 3 && (!t2 || op[1] > t2[0] && op[1] < t2[3])) {
-            _.label = op[1];
-            break;
-          }
-          if (op[0] === 6 && _.label < t2[1]) {
-            _.label = t2[1], t2 = op;
-            break;
-          }
-          if (t2 && _.label < t2[2]) {
-            _.label = t2[2], _.ops.push(op);
-            break;
-          }
-          t2[2] && _.ops.pop(), _.trys.pop();
-          continue;
-      }
-      op = body.call(thisArg, _);
-    } catch (e) {
-      op = [
-        6,
-        e
-      ], y = 0;
-    } finally {
-      f = t2 = 0;
-    }
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: !0
-    };
-  }
-}
 var UNTOUCHED_PROPS = {
   key: !0,
   style: !0,
@@ -248,18 +30,19 @@ function isFullyDisabled(props) {
   return props.disableExtraction && props.disableDebugAttr;
 }
 function createExtractor() {
-  var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
+  var { logger = console, platform = "web" } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
     logger: console
-  }, _ref_logger = _ref.logger, logger = _ref_logger === void 0 ? console : _ref_logger, _ref_platform = _ref.platform, platform = _ref_platform === void 0 ? "web" : _ref_platform, INLINE_EXTRACTABLE = _object_spread({
+  }, INLINE_EXTRACTABLE = {
     ref: "ref",
-    key: "key"
-  }, platform === "web" && {
-    onPress: "onClick",
-    onHoverIn: "onMouseEnter",
-    onHoverOut: "onMouseLeave",
-    onPressIn: "onMouseDown",
-    onPressOut: "onMouseUp"
-  }), componentState = {
+    key: "key",
+    ...platform === "web" && {
+      onPress: "onClick",
+      onHoverIn: "onMouseEnter",
+      onHoverOut: "onMouseLeave",
+      onPressIn: "onMouseDown",
+      onPressOut: "onMouseUp"
+    }
+  }, componentState = {
     focus: !1,
     focusVisible: !1,
     hover: !1,
@@ -278,35 +61,8 @@ function createExtractor() {
   function loadSync(props) {
     return isFullyDisabled(props) ? null : projectInfo || (projectInfo = loadTamaguiSync(props));
   }
-  function load(props) {
-    return _load.apply(this, arguments);
-  }
-  function _load() {
-    return _load = _async_to_generator(function(props) {
-      var _tmp;
-      return _ts_generator(this, function(_state) {
-        switch (_state.label) {
-          case 0:
-            return isFullyDisabled(props) ? [
-              2,
-              null
-            ] : (_tmp = projectInfo, _tmp ? [
-              3,
-              2
-            ] : [
-              4,
-              loadTamagui(props)
-            ]);
-          case 1:
-            _tmp = projectInfo = _state.sent(), _state.label = 2;
-          case 2:
-            return [
-              2,
-              _tmp
-            ];
-        }
-      });
-    }), _load.apply(this, arguments);
+  async function load(props) {
+    return isFullyDisabled(props) ? null : projectInfo || (projectInfo = await loadTamagui(props));
   }
   return {
     options: {
@@ -315,70 +71,32 @@ function createExtractor() {
     cleanupBeforeExit,
     loadTamagui: load,
     loadTamaguiSync: loadSync,
-    getTamagui: function() {
-      return projectInfo == null ? void 0 : projectInfo.tamaguiConfig;
+    getTamagui() {
+      return projectInfo?.tamaguiConfig;
     },
     parseSync: function(f, props) {
       var projectInfo2 = loadSync(props);
       return parseWithConfig(projectInfo2 || {}, f, props);
     },
-    parse: /* @__PURE__ */ function() {
-      var _ref2 = _async_to_generator(function(f, props) {
-        var projectInfo2;
-        return _ts_generator(this, function(_state) {
-          switch (_state.label) {
-            case 0:
-              return [
-                4,
-                load(props)
-              ];
-            case 1:
-              return projectInfo2 = _state.sent(), [
-                2,
-                parseWithConfig(projectInfo2 || {}, f, props)
-              ];
-          }
-        });
-      });
-      return function(f, props) {
-        return _ref2.apply(this, arguments);
-      };
-    }()
+    parse: async function(f, props) {
+      var projectInfo2 = await load(props);
+      return parseWithConfig(projectInfo2 || {}, f, props);
+    }
   };
   function parseWithConfig(param, fileOrPath, options) {
-    var components = param.components, tamaguiConfig = param.tamaguiConfig, _options_config = options.config, config = _options_config === void 0 ? "tamagui.config.ts" : _options_config, _options_importsWhitelist = options.importsWhitelist, importsWhitelist = _options_importsWhitelist === void 0 ? [
+    var { components, tamaguiConfig } = param, { config = "tamagui.config.ts", importsWhitelist = [
       "constants.js"
-    ] : _options_importsWhitelist, _options_evaluateVars = options.evaluateVars, evaluateVars = _options_evaluateVars === void 0 ? !0 : _options_evaluateVars, _options_sourcePath = options.sourcePath, sourcePath = _options_sourcePath === void 0 ? "" : _options_sourcePath, onExtractTag = options.onExtractTag, onStyleRule = options.onStyleRule, getFlattenedNode = options.getFlattenedNode, disable = options.disable, disableExtraction = options.disableExtraction, disableExtractInlineMedia = options.disableExtractInlineMedia, disableExtractVariables = options.disableExtractVariables, disableDebugAttr = options.disableDebugAttr, _options_enableDynamicEvaluation = options.enableDynamicEvaluation, enableDynamicEvaluation = _options_enableDynamicEvaluation === void 0 ? !1 : _options_enableDynamicEvaluation, disableOptimizeHooks = options.disableOptimizeHooks, _options_includeExtensions = options.includeExtensions, includeExtensions = _options_includeExtensions === void 0 ? [
+    ], evaluateVars = !0, sourcePath = "", onExtractTag, onStyleRule, getFlattenedNode, disable, disableExtraction, disableExtractInlineMedia, disableExtractVariables, disableDebugAttr, enableDynamicEvaluation = !1, disableOptimizeHooks, includeExtensions = [
       ".ts",
       ".tsx",
       ".jsx"
-    ] : _options_includeExtensions, _options_extractStyledDefinitions = options.extractStyledDefinitions, extractStyledDefinitions = _options_extractStyledDefinitions === void 0 ? !1 : _options_extractStyledDefinitions, prefixLogs = options.prefixLogs, excludeProps = options.excludeProps, platform2 = options.platform, restProps = _object_without_properties(options, [
-      "config",
-      "importsWhitelist",
-      "evaluateVars",
-      "sourcePath",
-      "onExtractTag",
-      "onStyleRule",
-      "getFlattenedNode",
-      "disable",
-      "disableExtraction",
-      "disableExtractInlineMedia",
-      "disableExtractVariables",
-      "disableDebugAttr",
-      "enableDynamicEvaluation",
-      "disableOptimizeHooks",
-      "includeExtensions",
-      "extractStyledDefinitions",
-      "prefixLogs",
-      "excludeProps",
-      "platform"
-    ]), validHooks = disableOptimizeHooks ? {} : {
+    ], extractStyledDefinitions = !1, prefixLogs, excludeProps, platform: platform2, ...restProps } = options, validHooks = disableOptimizeHooks ? {} : {
       useMedia: !0,
       useTheme: !0
     };
     if (sourcePath.includes(".tamagui-dynamic-eval"))
       return null;
-    var _requireTamaguiCore = requireTamaguiCore(platform2), normalizeStyle = _requireTamaguiCore.normalizeStyle, getSplitStyles = _requireTamaguiCore.getSplitStyles, mediaQueryConfig = _requireTamaguiCore.mediaQueryConfig, propMapper = _requireTamaguiCore.propMapper, proxyThemeVariables = _requireTamaguiCore.proxyThemeVariables, pseudoDescriptors = _requireTamaguiCore.pseudoDescriptors, shouldPrintDebug = options.shouldPrintDebug || !1;
+    var { normalizeStyle, getSplitStyles, mediaQueryConfig, propMapper, proxyThemeVariables, pseudoDescriptors } = requireTamaguiCore(platform2), shouldPrintDebug = options.shouldPrintDebug || !1;
     if (disable === !0 || Array.isArray(disable) && disable.includes(sourcePath))
       return null;
     if (!isFullyDisabled(options) && !components)
@@ -386,17 +104,20 @@ function createExtractor() {
     if (sourcePath && includeExtensions && !includeExtensions.some(function(ext) {
       return sourcePath.endsWith(ext);
     }))
-      return shouldPrintDebug && logger.info("Ignoring file due to includeExtensions: ".concat(sourcePath, ", includeExtensions: ").concat(includeExtensions.join(", "))), null;
+      return shouldPrintDebug && logger.info(`Ignoring file due to includeExtensions: ${sourcePath}, includeExtensions: ${includeExtensions.join(", ")}`), null;
     function isValidStyleKey(name, staticConfig) {
       var _staticConfig_validStyles, _staticConfig_variants, _projectInfo_tamaguiConfig;
       if (!projectInfo)
         throw new Error("Tamagui extractor not loaded yet");
       return platform2 === "native" && name[0] === "$" && mediaQueryConfig[name.slice(1)] ? !1 : !!(!((_staticConfig_validStyles = staticConfig.validStyles) === null || _staticConfig_validStyles === void 0) && _staticConfig_validStyles[name] || pseudoDescriptors[name] || !((_staticConfig_variants = staticConfig.variants) === null || _staticConfig_variants === void 0) && _staticConfig_variants[name] || !(projectInfo == null || (_projectInfo_tamaguiConfig = projectInfo.tamaguiConfig) === null || _projectInfo_tamaguiConfig === void 0) && _projectInfo_tamaguiConfig.shorthands[name] || name[0] === "$" && mediaQueryConfig[name.slice(1)]);
     }
-    var isTargetingHTML = platform2 === "web", ogDebug = shouldPrintDebug, tm = timer(), propsWithFileInfo = _object_spread_props(_object_spread({}, options), {
+    var isTargetingHTML = platform2 === "web", ogDebug = shouldPrintDebug, tm = timer(), propsWithFileInfo = {
+      ...options,
       sourcePath,
-      allLoadedComponents: components ? _to_consumable_array(components) : []
-    });
+      allLoadedComponents: components ? [
+        ...components
+      ] : []
+    };
     if (!hasLoggedBaseInfo) {
       var _process_env_DEBUG;
       hasLoggedBaseInfo = !0, shouldPrintDebug && logger.info([
@@ -412,7 +133,7 @@ function createExtractor() {
       ].join(`
 `));
     }
-    tm.mark("load-tamagui", !!shouldPrintDebug), isFullyDisabled(options) || tamaguiConfig != null && tamaguiConfig.themes || (console.error(`\u26D4\uFE0F Error: Missing "themes" in your tamagui.config file:
+    tm.mark("load-tamagui", !!shouldPrintDebug), isFullyDisabled(options) || tamaguiConfig?.themes || (console.error(`\u26D4\uFE0F Error: Missing "themes" in your tamagui.config file:
 
             You may not need the compiler! Remember you can run Tamagui with no configuration at all.
 
@@ -422,28 +143,28 @@ function createExtractor() {
               - try out https://github.com/bmish/check-dependency-version-consistency to see if there are mis-matches.
               - or search your lockfile for mis-matches.
           `), console.info("  Got config:", tamaguiConfig), process.exit(0));
-    var firstThemeName = Object.keys((tamaguiConfig == null ? void 0 : tamaguiConfig.themes) || {})[0], firstTheme = (tamaguiConfig == null ? void 0 : tamaguiConfig.themes[firstThemeName]) || {};
-    if (!firstTheme || (typeof firstTheme > "u" ? "undefined" : _type_of(firstTheme)) !== "object") {
-      var _$err = "Missing theme ".concat(firstThemeName, ", an error occurred when importing your config");
+    var firstThemeName = Object.keys(tamaguiConfig?.themes || {})[0], firstTheme = tamaguiConfig?.themes[firstThemeName] || {};
+    if (!firstTheme || typeof firstTheme != "object") {
+      var _$err = `Missing theme ${firstThemeName}, an error occurred when importing your config`;
       throw console.info(_$err, "Got config:", tamaguiConfig), console.info("Looking for theme:", firstThemeName), new Error(_$err);
     }
     var proxiedTheme = proxyThemeVariables(firstTheme), themeAccessListeners = /* @__PURE__ */ new Set(), defaultTheme = new Proxy(proxiedTheme, {
-      get: function(target, key) {
+      get(target, key) {
         return Reflect.has(target, key) && themeAccessListeners.forEach(function(cb) {
           return cb(String(key));
         }), Reflect.get(target, key);
       }
     }), body = fileOrPath.type === "Program" ? fileOrPath.get("body") : fileOrPath.program.body;
-    isFullyDisabled(options) || Object.keys(components || []).length === 0 && (console.warn("Warning: Tamagui didn't find any valid components (DEBUG=tamagui for more)"), process.env.DEBUG === "tamagui" && console.info("components", Object.keys(components || []), components)), shouldPrintDebug === "verbose" && (logger.info("allLoadedComponent modules ".concat(propsWithFileInfo.allLoadedComponents.map(function(k) {
+    isFullyDisabled(options) || Object.keys(components || []).length === 0 && (console.warn("Warning: Tamagui didn't find any valid components (DEBUG=tamagui for more)"), process.env.DEBUG === "tamagui" && console.info("components", Object.keys(components || []), components)), shouldPrintDebug === "verbose" && (logger.info(`allLoadedComponent modules ${propsWithFileInfo.allLoadedComponents.map(function(k) {
       return k.moduleName;
-    }).join(", "))), logger.info("valid import paths: ".concat(JSON.stringify(getValidComponentsPaths(propsWithFileInfo)))));
+    }).join(", ")}`), logger.info(`valid import paths: ${JSON.stringify(getValidComponentsPaths(propsWithFileInfo))}`));
     var doesUseValidImport = !1, hasImportedTheme = !1, importDeclarations = [], _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
     try {
       for (var _loop = function() {
         var bodyPath = _step.value;
         if (bodyPath.type !== "ImportDeclaration") return "continue";
         var node = "node" in bodyPath ? bodyPath.node : bodyPath, moduleName = node.source.value, valid = isValidImport(propsWithFileInfo, moduleName);
-        if (valid && importDeclarations.push(node), shouldPrintDebug === "verbose" && logger.info(" - import ".concat(moduleName, " ").concat(valid)), extractStyledDefinitions && valid && node.specifiers.some(function(specifier) {
+        if (valid && importDeclarations.push(node), shouldPrintDebug === "verbose" && logger.info(` - import ${moduleName} ${valid}`), extractStyledDefinitions && valid && node.specifiers.some(function(specifier) {
           return specifier.local.name === "styled";
         }))
           return doesUseValidImport = !0, "break";
@@ -453,7 +174,7 @@ function createExtractor() {
           }), isValidComponent = names.some(function(name) {
             return !!(isValidImport(propsWithFileInfo, moduleName, name) || validHooks[name]);
           });
-          if (shouldPrintDebug === "verbose" && logger.info(" - import ".concat(isValidComponent ? "\u2705" : "\u21E3", " - ").concat(names.join(", "), " from '").concat(moduleName, "' - (valid: ").concat(JSON.stringify(getValidComponentsPaths(propsWithFileInfo)), ")")), isValidComponent)
+          if (shouldPrintDebug === "verbose" && logger.info(` - import ${isValidComponent ? "\u2705" : "\u21E3"} - ${names.join(", ")} from '${moduleName}' - (valid: ${JSON.stringify(getValidComponentsPaths(propsWithFileInfo))})`), isValidComponent)
             return doesUseValidImport = !0, "break";
         }
       }, _iterator = body[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
@@ -470,11 +191,11 @@ function createExtractor() {
           throw _iteratorError;
       }
     }
-    if (shouldPrintDebug && logger.info("".concat(JSON.stringify({
+    if (shouldPrintDebug && logger.info(`${JSON.stringify({
       doesUseValidImport,
       hasImportedTheme
-    }, null, 2), `
-`)), !doesUseValidImport)
+    }, null, 2)}
+`), !doesUseValidImport)
       return null;
     function getValidImportedComponent(componentName) {
       var importDeclaration = importDeclarations.find(function(dec) {
@@ -493,16 +214,16 @@ function createExtractor() {
       optimized: 0,
       modified: 0,
       found: 0
-    }, version = "".concat(Math.random());
+    }, version = `${Math.random()}`;
     if (callTraverse({
       // @ts-ignore
       Program: {
-        enter: function(path) {
+        enter(path) {
           programPath = path;
         }
       },
       // styled() calls
-      CallExpression: function(path) {
+      CallExpression(path) {
         if (!(disable || shouldDisableExtraction || extractStyledDefinitions === !1) && !(!t.isIdentifier(path.node.callee) || path.node.callee.name !== "styled")) {
           var variableName = t.isVariableDeclarator(path.parent) && t.isIdentifier(path.parent.id) ? path.parent.id.name : "unknown", parentNode = path.node.arguments[0];
           if (t.isIdentifier(parentNode)) {
@@ -513,7 +234,7 @@ function createExtractor() {
                 if (enableDynamicEvaluation !== !0)
                   return;
                 try {
-                  shouldPrintDebug && logger.info("Unknown component: ".concat(variableName, " = styled(").concat(parentName, ") attempting dynamic load: ").concat(sourcePath));
+                  shouldPrintDebug && logger.info(`Unknown component: ${variableName} = styled(${parentName}) attempting dynamic load: ${sourcePath}`);
                   var out = loadTamaguiSync({
                     forceExports: !0,
                     components: [
@@ -521,28 +242,33 @@ function createExtractor() {
                     ],
                     cacheKey: version
                   });
-                  if (!(out != null && out.components)) {
-                    shouldPrintDebug && logger.info("Couldn't load, got ".concat(out));
+                  if (!out?.components) {
+                    shouldPrintDebug && logger.info(`Couldn't load, got ${out}`);
                     return;
                   }
-                  if (propsWithFileInfo.allLoadedComponents = _to_consumable_array(propsWithFileInfo.allLoadedComponents).concat(_to_consumable_array(out.components)), Component = out.components.flatMap(function(x) {
+                  if (propsWithFileInfo.allLoadedComponents = [
+                    ...propsWithFileInfo.allLoadedComponents,
+                    ...out.components
+                  ], Component = out.components.flatMap(function(x) {
                     var _x_nameToInfo_variableName;
                     return (_x_nameToInfo_variableName = x.nameToInfo[variableName]) !== null && _x_nameToInfo_variableName !== void 0 ? _x_nameToInfo_variableName : [];
                   })[0], !out.cached) {
                     var _out_components, foundNames = (_out_components = out.components) === null || _out_components === void 0 ? void 0 : _out_components.map(function(x) {
                       return Object.keys(x.nameToInfo).join(", ");
                     }).join(", ").trim();
-                    foundNames && colorLog(Color.FgYellow, "      | Tamagui found dynamic components: ".concat(foundNames));
+                    foundNames && colorLog(Color.FgYellow, `      | Tamagui found dynamic components: ${foundNames}`);
                   }
                 } catch {
-                  shouldPrintDebug && logger.info("skip optimize styled(".concat(variableName, "), unable to pre-process (DEBUG=tamagui for more)"));
+                  shouldPrintDebug && logger.info(`skip optimize styled(${variableName}), unable to pre-process (DEBUG=tamagui for more)`);
                 }
               }
               if (!Component) {
                 shouldPrintDebug && logger.info(" No component found");
                 return;
               }
-              var componentSkipProps = new Set(_to_consumable_array(Component.staticConfig.inlineWhenUnflattened || []).concat(_to_consumable_array(Component.staticConfig.inlineProps || []), [
+              var componentSkipProps = /* @__PURE__ */ new Set([
+                ...Component.staticConfig.inlineWhenUnflattened || [],
+                ...Component.staticConfig.inlineProps || [],
                 // for now skip variants, will return to them
                 "variants",
                 "defaultVariants",
@@ -554,7 +280,7 @@ function createExtractor() {
                 "disabledStyle",
                 "hoverStyle",
                 "pressStyle"
-              ])), skipped = /* @__PURE__ */ new Set(), styles = {}, staticNamespace = getStaticBindingsForScope(path.scope, importsWhitelist, sourcePath, bindingCache, shouldPrintDebug), attemptEval = evaluateVars ? createEvaluator({
+              ]), skipped = /* @__PURE__ */ new Set(), styles = {}, staticNamespace = getStaticBindingsForScope(path.scope, importsWhitelist, sourcePath, bindingCache, shouldPrintDebug), attemptEval = evaluateVars ? createEvaluator({
                 props: propsWithFileInfo,
                 staticNamespace,
                 sourcePath,
@@ -582,10 +308,12 @@ function createExtractor() {
                     throw _iteratorError2;
                 }
               }
-              var out2 = getSplitStyles(styles, Component.staticConfig, defaultTheme, "", componentState, styleProps, void 0, void 0, void 0, shouldPrintDebug), classNames = _object_spread({}, out2.classNames);
+              var out2 = getSplitStyles(styles, Component.staticConfig, defaultTheme, "", componentState, styleProps, void 0, void 0, void 0, shouldPrintDebug), classNames = {
+                ...out2.classNames
+              };
               if (shouldPrintDebug && logger.info([
-                "Extracted styled(".concat(variableName, `)
-`),
+                `Extracted styled(${variableName})
+`,
                 JSON.stringify(styles, null, 2),
                 `
  classNames:`,
@@ -601,58 +329,330 @@ function createExtractor() {
               }), out2.rulesToInsert)
                 for (var key in out2.rulesToInsert) {
                   var styleObject = out2.rulesToInsert[key];
-                  onStyleRule == null || onStyleRule(styleObject[StyleObjectIdentifier], styleObject[StyleObjectRules]);
+                  onStyleRule?.(styleObject[StyleObjectIdentifier], styleObject[StyleObjectRules]);
                 }
-              res.styled++, shouldPrintDebug && logger.info("Extracted styled(".concat(variableName, ")"));
+              res.styled++, shouldPrintDebug && logger.info(`Extracted styled(${variableName})`);
             }
           }
         }
       },
-      JSXElement: function(traversePath) {
+      JSXElement(traversePath) {
         tm.mark("jsx-element", !!shouldPrintDebug);
         var node = traversePath.node.openingElement, ogAttributes = node.attributes.map(function(attr3) {
-          return _object_spread({}, attr3);
+          return {
+            ...attr3
+          };
         }), componentName = findComponentName(traversePath.scope), closingElement = traversePath.node.closingElement;
-        if (closingElement && t.isJSXMemberExpression(closingElement == null ? void 0 : closingElement.name) || !t.isJSXIdentifier(node.name)) {
+        if (closingElement && t.isJSXMemberExpression(closingElement?.name) || !t.isJSXIdentifier(node.name)) {
           shouldPrintDebug && logger.info(" skip non-identifier element");
           return;
         }
         var binding = traversePath.scope.getBinding(node.name.name), moduleName = "";
         if (binding && t.isImportDeclaration(binding.path.parent) && (moduleName = binding.path.parent.source.value, !isValidImport(propsWithFileInfo, moduleName, binding.identifier.name))) {
-          shouldPrintDebug && logger.info(" - Binding in component ".concat(componentName, ' not valid import: "').concat(binding.identifier.name, `" isn't in `).concat(moduleName, `
-`));
+          shouldPrintDebug && logger.info(` - Binding in component ${componentName} not valid import: "${binding.identifier.name}" isn't in ${moduleName}
+`);
           return;
         }
         var component = getValidComponent(propsWithFileInfo, moduleName, node.name.name);
         if (!component || !component.staticConfig) {
           shouldPrintDebug && logger.info(`
- - No Tamagui conf for: `.concat(node.name.name, `
-`));
+ - No Tamagui conf for: ${node.name.name}
+`);
           return;
         }
         var originalNodeName = node.name.name;
         res.found++;
-        var filePath = "./".concat(relative(process.cwd(), sourcePath)), lineNumbers = node.loc ? node.loc.start.line + (node.loc.start.line !== node.loc.end.line ? "-".concat(node.loc.end.line) : "") : "", codePosition = "".concat(filePath, ":").concat(lineNumbers), debugPropValue = node.attributes.filter(function(n) {
+        var filePath = `./${relative(process.cwd(), sourcePath)}`, lineNumbers = node.loc ? node.loc.start.line + (node.loc.start.line !== node.loc.end.line ? `-${node.loc.end.line}` : "") : "", codePosition = `${filePath}:${lineNumbers}`, debugPropValue = node.attributes.filter(function(n) {
           return t.isJSXAttribute(n) && t.isJSXIdentifier(n.name) && n.name.name === "debug";
         }).map(function(n) {
           return n.value === null ? !0 : t.isStringLiteral(n.value) ? n.value.value : !1;
         })[0];
-        if (debugPropValue && (shouldPrintDebug = debugPropValue), shouldPrintDebug && (logger.info("\x1B[33m\x1B[0m " + "".concat(componentName, " | ").concat(codePosition, " -------------------")), logger.info([
+        if (debugPropValue && (shouldPrintDebug = debugPropValue), shouldPrintDebug && (logger.info(`\x1B[33m\x1B[0m ${componentName} | ${codePosition} -------------------`), logger.info([
           "\x1B[1m",
           "\x1B[32m",
-          "<".concat(originalNodeName, " />"),
+          `<${originalNodeName} />`,
           disableDebugAttr ? "" : "\u{1F41B}"
-        ].join(" "))), shouldAddDebugProp && !disableDebugAttr && (res.modified++, node.attributes.unshift(t.jsxAttribute(t.jsxIdentifier("data-is"), t.stringLiteral(node.name.name))), componentName && node.attributes.unshift(t.jsxAttribute(t.jsxIdentifier("data-in"), t.stringLiteral(componentName))), node.attributes.unshift(t.jsxAttribute(t.jsxIdentifier("data-at"), t.stringLiteral("".concat(basename(filePath), ":").concat(lineNumbers))))), shouldDisableExtraction) {
-          shouldPrintDebug === "verbose" && logger.info(" \u274C Extraction disabled: ".concat(JSON.stringify(disableExtraction), `
-`));
+        ].join(" "))), shouldAddDebugProp && !disableDebugAttr && (res.modified++, node.attributes.unshift(t.jsxAttribute(t.jsxIdentifier("data-is"), t.stringLiteral(node.name.name))), componentName && node.attributes.unshift(t.jsxAttribute(t.jsxIdentifier("data-in"), t.stringLiteral(componentName))), node.attributes.unshift(t.jsxAttribute(t.jsxIdentifier("data-at"), t.stringLiteral(`${basename(filePath)}:${lineNumbers}`)))), shouldDisableExtraction) {
+          shouldPrintDebug === "verbose" && logger.info(` \u274C Extraction disabled: ${JSON.stringify(disableExtraction)}
+`);
           return;
         }
         try {
-          let createTernariesFromObjectProperties2 = function(test, side) {
+          let evaluateAttribute2 = function(path) {
+            var attribute = path.node, attr3 = {
+              type: "attr",
+              value: attribute
+            };
+            if (t.isJSXSpreadAttribute(attribute)) {
+              var arg = attribute.argument, conditional = t.isConditionalExpression(arg) ? (
+                // <YStack {...isSmall ? { color: 'red } : { color: 'blue }}
+                [
+                  arg.test,
+                  arg.consequent,
+                  arg.alternate
+                ]
+              ) : t.isLogicalExpression(arg) && arg.operator === "&&" ? (
+                // <YStack {...isSmall && { color: 'red }}
+                [
+                  arg.left,
+                  arg.right,
+                  null
+                ]
+              ) : null;
+              if (conditional) {
+                var [test, alt, cons] = conditional;
+                if (!test) throw new Error("no test");
+                return [
+                  alt,
+                  cons
+                ].some(function(side) {
+                  return side && !isStaticObject2(side);
+                }) ? (shouldPrintDebug && logger.info(`not extractable ${alt} ${cons}`), attr3) : [
+                  ...createTernariesFromObjectProperties2(test, alt) || [],
+                  ...cons && createTernariesFromObjectProperties2(t.unaryExpression("!", test), cons) || []
+                ].map(function(ternary2) {
+                  return {
+                    type: "ternary",
+                    value: ternary2
+                  };
+                });
+              }
+            }
+            if (t.isJSXSpreadAttribute(attribute) || !attribute.name || typeof attribute.name.name != "string")
+              return shouldPrintDebug && logger.info("  ! inlining, spread attr"), inlined.set(`${Math.random()}`, "spread"), attr3;
+            var name2 = attribute.name.name;
+            if (excludeProps?.has(name2))
+              return shouldPrintDebug && logger.info([
+                "  excluding prop",
+                name2
+              ].join(" ")), null;
+            if (inlineProps.has(name2))
+              return inlined.set(name2, name2), shouldPrintDebug && logger.info([
+                "  ! inlining, inline prop",
+                name2
+              ].join(" ")), attr3;
+            if (UNTOUCHED_PROPS[name2])
+              return attr3;
+            if (INLINE_EXTRACTABLE[name2])
+              return inlined.set(name2, INLINE_EXTRACTABLE[name2]), attr3;
+            if (name2.startsWith("data-"))
+              return attr3;
+            if ((name2 === "enterStyle" || name2 === "exitStyle") && t.isJSXExpressionContainer(attribute?.value))
+              return shouldDeopt = !0, attr3;
+            if (name2[0] === "$" && t.isJSXExpressionContainer(attribute?.value)) {
+              var shortname = name2.slice(1);
+              if (mediaQueryConfig[shortname]) {
+                if (platform2 === "native" && (shouldDeopt = !0), disableExtractInlineMedia)
+                  return attr3;
+                var expression = attribute.value.expression;
+                if (!t.isJSXEmptyExpression(expression)) {
+                  var ternaries2 = createTernariesFromObjectProperties2(t.stringLiteral(shortname), expression, {
+                    inlineMediaQuery: shortname
+                  });
+                  if (ternaries2)
+                    return ternaries2.map(function(value3) {
+                      return {
+                        type: "ternary",
+                        value: value3
+                      };
+                    });
+                }
+              }
+            }
+            var [value2, valuePath] = function() {
+              return t.isJSXExpressionContainer(attribute?.value) ? [
+                attribute.value.expression,
+                path.get("value")
+              ] : [
+                attribute.value,
+                path.get("value")
+              ];
+            }(), remove = function() {
+              Array.isArray(valuePath) ? valuePath.map(function(p) {
+                return p.remove();
+              }) : valuePath.remove();
+            };
+            if (name2 === "ref")
+              return shouldPrintDebug && logger.info([
+                "  ! inlining, ref",
+                name2
+              ].join(" ")), inlined.set("ref", "ref"), attr3;
+            if (name2 === "tag")
+              return {
+                type: "attr",
+                value: path.node
+              };
+            if (disableExtractVariables === !0 && value2 && value2.type === "StringLiteral" && value2.value[0] === "$")
+              return shouldPrintDebug && logger.info([
+                `  ! inlining, native disable extract: ${name2} =`,
+                value2.value
+              ].join(" ")), inlined.set(name2, !0), attr3;
+            if (name2 === "theme")
+              return inlined.set("theme", attr3.value), attr3;
+            var styleValue = attemptEvalSafe(value2);
+            if (!variants[name2] && !isValidStyleKey(name2, staticConfig)) {
+              var keys = [
+                name2
+              ], out = null;
+              out = propMapper(name2, styleValue, propMapperStyleState), out && (Array.isArray(out) ? (out = Object.fromEntries(out), keys = Object.keys(out)) : (logger.warn("Error expected array but got", out), couldntParse = !0, shouldDeopt = !0)), out && (isTargetingHTML && (out = reactNativeWebInternals.createDOMProps(isTextView ? "span" : "div", out), delete out.className), keys = Object.keys(out));
+              var didInline = !1, attributes = keys.map(function(key9) {
+                var val2 = out[key9], isStyle = isValidStyleKey(key9, staticConfig);
+                return isStyle ? {
+                  type: "style",
+                  value: {
+                    [key9]: styleValue
+                  },
+                  name: key9,
+                  attr: path.node
+                } : validHTMLAttributes[key9] || key9.startsWith("aria-") || key9.startsWith("data-") || // this is debug stuff added by vite / new jsx transform
+                key9 === "__source" || key9 === "__self" ? attr3 : (shouldPrintDebug && logger.info("  ! inlining, non-static " + key9), didInline = !0, inlined.set(key9, val2), val2);
+              });
+              return didInline ? (shouldPrintDebug && logger.info(`  bailing flattening due to attributes ${attributes.map(function(x) {
+                return x.toString();
+              })}`), attr3) : attributes;
+            }
+            if (styleValue !== FAILED_EVAL)
+              return inlineWhenUnflattened.has(name2) && (inlineWhenUnflattenedOGVals[name2] = {
+                styleValue,
+                attr: attr3
+              }), isValidStyleKey(name2, staticConfig) ? (shouldPrintDebug && logger.info(`  style: ${name2} = ${styleValue}`), name2 in defaultProps || hasSetOptimized || (res.optimized++, hasSetOptimized = !0), {
+                type: "style",
+                value: {
+                  [name2]: styleValue
+                },
+                name: name2,
+                attr: path.node
+              }) : (variants[name2] && variantValues.set(name2, styleValue), inlined.set(name2, !0), attr3);
+            if (t.isBinaryExpression(value2)) {
+              shouldPrintDebug && logger.info(` binary expression ${name2} = ${value2}`);
+              var { operator, left, right } = value2, lVal = attemptEvalSafe(left), rVal = attemptEvalSafe(right);
+              if (shouldPrintDebug && logger.info(`  evalBinaryExpression lVal ${String(lVal)}, rVal ${String(rVal)}`), lVal !== FAILED_EVAL && t.isConditionalExpression(right)) {
+                var ternary = addBinaryConditional(operator, left, right);
+                if (ternary) return ternary;
+              }
+              if (rVal !== FAILED_EVAL && t.isConditionalExpression(left)) {
+                var ternary1 = addBinaryConditional(operator, right, left);
+                if (ternary1) return ternary1;
+              }
+              return shouldPrintDebug && logger.info("  evalBinaryExpression cant extract"), inlined.set(name2, !0), attr3;
+            }
+            var staticConditional = getStaticConditional(value2);
+            if (staticConditional)
+              return shouldPrintDebug === "verbose" && logger.info(` static conditional ${name2} ${value2}`), {
+                type: "ternary",
+                value: staticConditional
+              };
+            var staticLogical = getStaticLogical(value2);
+            if (staticLogical)
+              return shouldPrintDebug === "verbose" && logger.info(` static ternary ${name2} =  ${value2}`), {
+                type: "ternary",
+                value: staticLogical
+              };
+            if (options.experimentalFlattenDynamicValues && isValidStyleKey(name2, staticConfig))
+              return {
+                type: "dynamic-style",
+                value: value2,
+                name: tamaguiConfig?.shorthands[name2] || name2
+              };
+            return inlined.set(name2, !0), shouldPrintDebug && logger.info(` ! inline no match ${name2} ${value2}`), attr3;
+            function addBinaryConditional(operator2, staticExpr, cond) {
+              if (getStaticConditional(cond)) {
+                var alt2 = attemptEval(t.binaryExpression(operator2, staticExpr, cond.alternate)), cons2 = attemptEval(t.binaryExpression(operator2, staticExpr, cond.consequent));
+                return shouldPrintDebug && logger.info([
+                  "  binaryConditional",
+                  cond.test,
+                  cons2,
+                  alt2
+                ].join(" ")), {
+                  type: "ternary",
+                  value: {
+                    test: cond.test,
+                    remove,
+                    alternate: {
+                      [name2]: alt2
+                    },
+                    consequent: {
+                      [name2]: cons2
+                    }
+                  }
+                };
+              }
+              return null;
+            }
+            function getStaticConditional(value3) {
+              if (t.isConditionalExpression(value3))
+                try {
+                  var aVal = attemptEval(value3.alternate), cVal = attemptEval(value3.consequent);
+                  if (shouldPrintDebug) {
+                    var type = value3.test.type;
+                    logger.info([
+                      "      static ternary",
+                      type,
+                      cVal,
+                      aVal
+                    ].join(" "));
+                  }
+                  return {
+                    test: value3.test,
+                    remove,
+                    consequent: {
+                      [name2]: cVal
+                    },
+                    alternate: {
+                      [name2]: aVal
+                    }
+                  };
+                } catch (err) {
+                  shouldPrintDebug && logger.info([
+                    "       cant eval ternary",
+                    err.message
+                  ].join(" "));
+                }
+              return null;
+            }
+            function getStaticLogical(value3) {
+              if (t.isLogicalExpression(value3) && value3.operator === "&&")
+                try {
+                  var val2 = attemptEval(value3.right);
+                  return shouldPrintDebug && logger.info([
+                    "  staticLogical",
+                    value3.left,
+                    name2,
+                    val2
+                  ].join(" ")), {
+                    test: value3.left,
+                    remove,
+                    consequent: {
+                      [name2]: val2
+                    },
+                    alternate: null
+                  };
+                } catch (err) {
+                  shouldPrintDebug && logger.info([
+                    "  cant static eval logical",
+                    err
+                  ].join(" "));
+                }
+              return null;
+            }
+          }, isStaticObject2 = function(obj) {
+            return t.isObjectExpression(obj) && obj.properties.every(function(prop) {
+              if (!t.isObjectProperty(prop))
+                return logger.info([
+                  "not object prop",
+                  prop
+                ].join(" ")), !1;
+              var propName = prop.key.name;
+              return !isValidStyleKey(propName, staticConfig) && propName !== "tag" ? (shouldPrintDebug && logger.info([
+                "  not a valid style prop!",
+                propName
+              ].join(" ")), !1) : !0;
+            });
+          }, createTernariesFromObjectProperties2 = function(test, side) {
             var ternaryPartial = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
             if (!side)
               return null;
-            if (!isStaticObject(side))
+            if (!isStaticObject2(side))
               throw new Error("not extractable");
             return side.properties.flatMap(function(property) {
               if (!t.isObjectProperty(property))
@@ -666,10 +666,12 @@ function createExtractor() {
                     });
                     if (ternaries2)
                       return ternaries2.map(function(value2) {
-                        return _object_spread_props(_object_spread({}, ternaryPartial, value2), {
+                        return {
+                          ...ternaryPartial,
+                          ...value2,
                           // ensure media query test stays on left side (see getMediaQueryTernary)
                           test: t.logicalExpression("&&", value2.test, test)
-                        });
+                        };
                       });
                     logger.info([
                       "\u26A0\uFE0F no ternaries?",
@@ -682,7 +684,7 @@ function createExtractor() {
                     ].join(" "));
               }
               if (t.isConditionalExpression(property.value)) {
-                var _map = _sliced_to_array([
+                var [truthy, falsy] = [
                   t.objectExpression([
                     t.objectProperty(property.key, property.value.consequent)
                   ]),
@@ -691,356 +693,102 @@ function createExtractor() {
                   ])
                 ].map(function(x) {
                   return attemptEval(x);
-                }), 2), truthy = _map[0], falsy = _map[1];
+                });
                 return [
-                  createTernary(_object_spread_props(_object_spread({
-                    remove: function() {
-                    }
-                  }, ternaryPartial), {
+                  createTernary({
+                    remove() {
+                    },
+                    ...ternaryPartial,
                     test: t.logicalExpression("&&", test, property.value.test),
                     consequent: truthy,
                     alternate: null
-                  })),
-                  createTernary(_object_spread_props(_object_spread({}, ternaryPartial), {
+                  }),
+                  createTernary({
+                    ...ternaryPartial,
                     test: t.logicalExpression("&&", test, t.unaryExpression("!", property.value.test)),
                     consequent: falsy,
                     alternate: null,
-                    remove: function() {
+                    remove() {
                     }
-                  }))
+                  })
                 ];
               }
               var obj = t.objectExpression([
                 t.objectProperty(property.key, property.value)
               ]), consequent = attemptEval(obj);
-              return createTernary(_object_spread_props(_object_spread({
-                remove: function() {
-                }
-              }, ternaryPartial), {
+              return createTernary({
+                remove() {
+                },
+                ...ternaryPartial,
                 test,
                 consequent,
                 alternate: null
-              }));
-            });
-          };
-          var createTernariesFromObjectProperties = createTernariesFromObjectProperties2, evaluateAttribute = (
-            // START function evaluateAttribute
-            function(path) {
-              var attribute = path.node, attr3 = {
-                type: "attr",
-                value: attribute
-              };
-              if (t.isJSXSpreadAttribute(attribute)) {
-                var arg = attribute.argument, conditional = t.isConditionalExpression(arg) ? (
-                  // <YStack {...isSmall ? { color: 'red } : { color: 'blue }}
-                  [
-                    arg.test,
-                    arg.consequent,
-                    arg.alternate
-                  ]
-                ) : t.isLogicalExpression(arg) && arg.operator === "&&" ? (
-                  // <YStack {...isSmall && { color: 'red }}
-                  [
-                    arg.left,
-                    arg.right,
-                    null
-                  ]
-                ) : null;
-                if (conditional) {
-                  var _conditional = _sliced_to_array(conditional, 3), test = _conditional[0], alt = _conditional[1], cons = _conditional[2];
-                  if (!test) throw new Error("no test");
-                  return [
-                    alt,
-                    cons
-                  ].some(function(side) {
-                    return side && !isStaticObject(side);
-                  }) ? (shouldPrintDebug && logger.info("not extractable ".concat(alt, " ").concat(cons)), attr3) : _to_consumable_array(createTernariesFromObjectProperties2(test, alt) || []).concat(_to_consumable_array(cons && createTernariesFromObjectProperties2(t.unaryExpression("!", test), cons) || [])).map(function(ternary2) {
-                    return {
-                      type: "ternary",
-                      value: ternary2
-                    };
-                  });
-                }
-              }
-              if (t.isJSXSpreadAttribute(attribute) || !attribute.name || typeof attribute.name.name != "string")
-                return shouldPrintDebug && logger.info("  ! inlining, spread attr"), inlined.set("".concat(Math.random()), "spread"), attr3;
-              var name2 = attribute.name.name;
-              if (excludeProps != null && excludeProps.has(name2))
-                return shouldPrintDebug && logger.info([
-                  "  excluding prop",
-                  name2
-                ].join(" ")), null;
-              if (inlineProps.has(name2))
-                return inlined.set(name2, name2), shouldPrintDebug && logger.info([
-                  "  ! inlining, inline prop",
-                  name2
-                ].join(" ")), attr3;
-              if (UNTOUCHED_PROPS[name2])
-                return attr3;
-              if (INLINE_EXTRACTABLE[name2])
-                return inlined.set(name2, INLINE_EXTRACTABLE[name2]), attr3;
-              if (name2.startsWith("data-"))
-                return attr3;
-              if ((name2 === "enterStyle" || name2 === "exitStyle") && t.isJSXExpressionContainer(attribute == null ? void 0 : attribute.value))
-                return shouldDeopt = !0, attr3;
-              if (name2[0] === "$" && t.isJSXExpressionContainer(attribute == null ? void 0 : attribute.value)) {
-                var shortname = name2.slice(1);
-                if (mediaQueryConfig[shortname]) {
-                  if (platform2 === "native" && (shouldDeopt = !0), disableExtractInlineMedia)
-                    return attr3;
-                  var expression = attribute.value.expression;
-                  if (!t.isJSXEmptyExpression(expression)) {
-                    var ternaries2 = createTernariesFromObjectProperties2(t.stringLiteral(shortname), expression, {
-                      inlineMediaQuery: shortname
-                    });
-                    if (ternaries2)
-                      return ternaries2.map(function(value3) {
-                        return {
-                          type: "ternary",
-                          value: value3
-                        };
-                      });
-                  }
-                }
-              }
-              var _ref2 = _sliced_to_array(function() {
-                return t.isJSXExpressionContainer(attribute == null ? void 0 : attribute.value) ? [
-                  attribute.value.expression,
-                  path.get("value")
-                ] : [
-                  attribute.value,
-                  path.get("value")
-                ];
-              }(), 2), value2 = _ref2[0], valuePath = _ref2[1], remove = function() {
-                Array.isArray(valuePath) ? valuePath.map(function(p) {
-                  return p.remove();
-                }) : valuePath.remove();
-              };
-              if (name2 === "ref")
-                return shouldPrintDebug && logger.info([
-                  "  ! inlining, ref",
-                  name2
-                ].join(" ")), inlined.set("ref", "ref"), attr3;
-              if (name2 === "tag")
-                return {
-                  type: "attr",
-                  value: path.node
-                };
-              if (disableExtractVariables === !0 && value2 && value2.type === "StringLiteral" && value2.value[0] === "$")
-                return shouldPrintDebug && logger.info([
-                  "  ! inlining, native disable extract: ".concat(name2, " ="),
-                  value2.value
-                ].join(" ")), inlined.set(name2, !0), attr3;
-              if (name2 === "theme")
-                return inlined.set("theme", attr3.value), attr3;
-              var styleValue = attemptEvalSafe(value2);
-              if (!variants[name2] && !isValidStyleKey(name2, staticConfig)) {
-                var keys = [
-                  name2
-                ], out = null;
-                out = propMapper(name2, styleValue, propMapperStyleState), out && (Array.isArray(out) ? (out = Object.fromEntries(out), keys = Object.keys(out)) : (logger.warn("Error expected array but got", out), couldntParse = !0, shouldDeopt = !0)), out && (isTargetingHTML && (out = reactNativeWebInternals.createDOMProps(isTextView ? "span" : "div", out), delete out.className), keys = Object.keys(out));
-                var didInline = !1, attributes = keys.map(function(key9) {
-                  var val2 = out[key9], isStyle = isValidStyleKey(key9, staticConfig);
-                  return isStyle ? {
-                    type: "style",
-                    value: _define_property({}, key9, styleValue),
-                    name: key9,
-                    attr: path.node
-                  } : validHTMLAttributes[key9] || key9.startsWith("aria-") || key9.startsWith("data-") || // this is debug stuff added by vite / new jsx transform
-                  key9 === "__source" || key9 === "__self" ? attr3 : (shouldPrintDebug && logger.info("  ! inlining, non-static " + key9), didInline = !0, inlined.set(key9, val2), val2);
-                });
-                return didInline ? (shouldPrintDebug && logger.info("  bailing flattening due to attributes ".concat(attributes.map(function(x) {
-                  return x.toString();
-                }))), attr3) : attributes;
-              }
-              if (styleValue !== FAILED_EVAL)
-                return inlineWhenUnflattened.has(name2) && (inlineWhenUnflattenedOGVals[name2] = {
-                  styleValue,
-                  attr: attr3
-                }), isValidStyleKey(name2, staticConfig) ? (shouldPrintDebug && logger.info("  style: ".concat(name2, " = ").concat(styleValue)), name2 in defaultProps || hasSetOptimized || (res.optimized++, hasSetOptimized = !0), {
-                  type: "style",
-                  value: _define_property({}, name2, styleValue),
-                  name: name2,
-                  attr: path.node
-                }) : (variants[name2] && variantValues.set(name2, styleValue), inlined.set(name2, !0), attr3);
-              if (t.isBinaryExpression(value2)) {
-                shouldPrintDebug && logger.info(" binary expression ".concat(name2, " = ").concat(value2));
-                var operator = value2.operator, left = value2.left, right = value2.right, lVal = attemptEvalSafe(left), rVal = attemptEvalSafe(right);
-                if (shouldPrintDebug && logger.info("  evalBinaryExpression lVal ".concat(String(lVal), ", rVal ").concat(String(rVal))), lVal !== FAILED_EVAL && t.isConditionalExpression(right)) {
-                  var ternary = addBinaryConditional(operator, left, right);
-                  if (ternary) return ternary;
-                }
-                if (rVal !== FAILED_EVAL && t.isConditionalExpression(left)) {
-                  var ternary1 = addBinaryConditional(operator, right, left);
-                  if (ternary1) return ternary1;
-                }
-                return shouldPrintDebug && logger.info("  evalBinaryExpression cant extract"), inlined.set(name2, !0), attr3;
-              }
-              var staticConditional = getStaticConditional(value2);
-              if (staticConditional)
-                return shouldPrintDebug === "verbose" && logger.info(" static conditional ".concat(name2, " ").concat(value2)), {
-                  type: "ternary",
-                  value: staticConditional
-                };
-              var staticLogical = getStaticLogical(value2);
-              if (staticLogical)
-                return shouldPrintDebug === "verbose" && logger.info(" static ternary ".concat(name2, " =  ").concat(value2)), {
-                  type: "ternary",
-                  value: staticLogical
-                };
-              if (options.experimentalFlattenDynamicValues && isValidStyleKey(name2, staticConfig))
-                return {
-                  type: "dynamic-style",
-                  value: value2,
-                  name: (tamaguiConfig == null ? void 0 : tamaguiConfig.shorthands[name2]) || name2
-                };
-              return inlined.set(name2, !0), shouldPrintDebug && logger.info(" ! inline no match ".concat(name2, " ").concat(value2)), attr3;
-              function addBinaryConditional(operator2, staticExpr, cond) {
-                if (getStaticConditional(cond)) {
-                  var alt2 = attemptEval(t.binaryExpression(operator2, staticExpr, cond.alternate)), cons2 = attemptEval(t.binaryExpression(operator2, staticExpr, cond.consequent));
-                  return shouldPrintDebug && logger.info([
-                    "  binaryConditional",
-                    cond.test,
-                    cons2,
-                    alt2
-                  ].join(" ")), {
-                    type: "ternary",
-                    value: {
-                      test: cond.test,
-                      remove,
-                      alternate: _define_property({}, name2, alt2),
-                      consequent: _define_property({}, name2, cons2)
-                    }
-                  };
-                }
-                return null;
-              }
-              function getStaticConditional(value3) {
-                if (t.isConditionalExpression(value3))
-                  try {
-                    var aVal = attemptEval(value3.alternate), cVal = attemptEval(value3.consequent);
-                    if (shouldPrintDebug) {
-                      var type = value3.test.type;
-                      logger.info([
-                        "      static ternary",
-                        type,
-                        cVal,
-                        aVal
-                      ].join(" "));
-                    }
-                    return {
-                      test: value3.test,
-                      remove,
-                      consequent: _define_property({}, name2, cVal),
-                      alternate: _define_property({}, name2, aVal)
-                    };
-                  } catch (err) {
-                    shouldPrintDebug && logger.info([
-                      "       cant eval ternary",
-                      err.message
-                    ].join(" "));
-                  }
-                return null;
-              }
-              function getStaticLogical(value3) {
-                if (t.isLogicalExpression(value3) && value3.operator === "&&")
-                  try {
-                    var val2 = attemptEval(value3.right);
-                    return shouldPrintDebug && logger.info([
-                      "  staticLogical",
-                      value3.left,
-                      name2,
-                      val2
-                    ].join(" ")), {
-                      test: value3.left,
-                      remove,
-                      consequent: _define_property({}, name2, val2),
-                      alternate: null
-                    };
-                  } catch (err) {
-                    shouldPrintDebug && logger.info([
-                      "  cant static eval logical",
-                      err
-                    ].join(" "));
-                  }
-                return null;
-              }
-            }
-          ), isStaticObject = (
-            // END function evaluateAttribute
-            function(obj) {
-              return t.isObjectExpression(obj) && obj.properties.every(function(prop) {
-                if (!t.isObjectProperty(prop))
-                  return logger.info([
-                    "not object prop",
-                    prop
-                  ].join(" ")), !1;
-                var propName = prop.key.name;
-                return !isValidStyleKey(propName, staticConfig) && propName !== "tag" ? (shouldPrintDebug && logger.info([
-                  "  not a valid style prop!",
-                  propName
-                ].join(" ")), !1) : !0;
               });
-            }
-          ), mergeToEnd = function(obj, key9, val2) {
+            });
+          }, mergeToEnd2 = function(obj, key9, val2) {
             key9 in obj && delete obj[key9], obj[key9] = val2;
-          }, normalizeStyleWithoutVariants = (
-            // preserves order
-            function(style) {
-              var res2 = {};
-              for (var key9 in style)
-                if (staticConfig.variants && key9 in staticConfig.variants)
-                  mergeToEnd(res2, key9, style[key9]);
-                else {
-                  var expanded2 = normalizeStyle(_define_property({}, key9, style[key9]), !0);
-                  for (var key12 in expanded2)
-                    mergeToEnd(res2, key12, expanded2[key12]);
-                }
-              return res2;
-            }
-          ), mergeStyles = function(prev2, next) {
+          }, normalizeStyleWithoutVariants2 = function(style) {
+            var res2 = {};
+            for (var key9 in style)
+              if (staticConfig.variants && key9 in staticConfig.variants)
+                mergeToEnd2(res2, key9, style[key9]);
+              else {
+                var expanded2 = normalizeStyle({
+                  [key9]: style[key9]
+                }, !0);
+                for (var key12 in expanded2)
+                  mergeToEnd2(res2, key12, expanded2[key12]);
+              }
+            return res2;
+          }, mergeStyles2 = function(prev2, next) {
             for (var key9 in next)
-              pseudoDescriptors[key9] ? (prev2[key9] = prev2[key9] || {}, Object.assign(prev2[key9], next[key9])) : mergeToEnd(prev2, key9, next[key9]);
-          }, staticConfig = component.staticConfig, defaultProps = _object_spread({}, staticConfig.defaultProps || {}), variants = staticConfig.variants || {}, isTextView = staticConfig.isText || !1, _staticConfig_validStyles, validStyles = (_staticConfig_validStyles = staticConfig == null ? void 0 : staticConfig.validStyles) !== null && _staticConfig_validStyles !== void 0 ? _staticConfig_validStyles : {}, _defaultProps_tag, tagName = (_defaultProps_tag = defaultProps.tag) !== null && _defaultProps_tag !== void 0 ? _defaultProps_tag : isTextView ? "span" : "div";
+              pseudoDescriptors[key9] ? (prev2[key9] = prev2[key9] || {}, Object.assign(prev2[key9], next[key9])) : mergeToEnd2(prev2, key9, next[key9]);
+          };
+          var evaluateAttribute = evaluateAttribute2, isStaticObject = isStaticObject2, createTernariesFromObjectProperties = createTernariesFromObjectProperties2, mergeToEnd = mergeToEnd2, normalizeStyleWithoutVariants = normalizeStyleWithoutVariants2, mergeStyles = mergeStyles2, { staticConfig } = component, defaultProps = {
+            ...staticConfig.defaultProps || {}
+          }, variants = staticConfig.variants || {}, isTextView = staticConfig.isText || !1, _staticConfig_validStyles, validStyles = (_staticConfig_validStyles = staticConfig?.validStyles) !== null && _staticConfig_validStyles !== void 0 ? _staticConfig_validStyles : {}, _defaultProps_tag, tagName = (_defaultProps_tag = defaultProps.tag) !== null && _defaultProps_tag !== void 0 ? _defaultProps_tag : isTextView ? "span" : "div";
           traversePath.get("openingElement").get("attributes").forEach(function(path) {
             var attr3 = path.node;
             if (!t.isJSXSpreadAttribute(attr3) && attr3.name.name === "tag") {
               var val2 = attr3.value;
               t.isStringLiteral(val2) && (tagName = val2.value);
             }
-          }), shouldPrintDebug === "verbose" && console.info(" Start tag ".concat(tagName));
-          var flatNode = getFlattenedNode == null ? void 0 : getFlattenedNode({
+          }), shouldPrintDebug === "verbose" && console.info(` Start tag ${tagName}`);
+          var flatNode = getFlattenedNode?.({
             isTextView,
             tag: tagName
-          }), inlineProps = new Set([
+          }), inlineProps = /* @__PURE__ */ new Set([
             // adding some always inline props
-            "dataSet"
-          ].concat(_to_consumable_array(restProps.inlineProps || []), _to_consumable_array(staticConfig.inlineProps || []))), deoptProps = new Set([
+            "dataSet",
+            ...restProps.inlineProps || [],
+            ...staticConfig.inlineProps || []
+          ]), deoptProps = /* @__PURE__ */ new Set([
             // always de-opt animation these
             "animation",
             "animateOnly",
             "animatePresence",
-            "disableOptimization"
-          ].concat(
-            _to_consumable_array(isTargetingHTML ? [] : [
+            "disableOptimization",
+            ...isTargetingHTML ? [] : [
               "pressStyle",
               "focusStyle",
               "focusVisibleStyle",
               "disabledStyle"
-            ]),
+            ],
             // when using a non-CSS driver, de-opt on enterStyle/exitStyle
-            _to_consumable_array(tamaguiConfig != null && tamaguiConfig.animations.isReactNative ? [
+            ...tamaguiConfig?.animations.isReactNative ? [
               "enterStyle",
               "exitStyle"
-            ] : [])
-          )), inlineWhenUnflattened = new Set(_to_consumable_array(staticConfig.inlineWhenUnflattened || [])), staticNamespace = getStaticBindingsForScope(traversePath.scope, importsWhitelist, sourcePath, bindingCache, shouldPrintDebug), attemptEval = evaluateVars ? createEvaluator({
+            ] : []
+          ]), inlineWhenUnflattened = /* @__PURE__ */ new Set([
+            ...staticConfig.inlineWhenUnflattened || []
+          ]), staticNamespace = getStaticBindingsForScope(traversePath.scope, importsWhitelist, sourcePath, bindingCache, shouldPrintDebug), attemptEval = evaluateVars ? createEvaluator({
             props: propsWithFileInfo,
             staticNamespace,
             sourcePath,
             traversePath,
             shouldPrintDebug
           }) : evaluateAstNode, attemptEvalSafe = createSafeEvaluator(attemptEval);
-          if (shouldPrintDebug && logger.info("  staticNamespace ".concat(Object.keys(staticNamespace).join(", "))), couldntParse)
+          if (shouldPrintDebug && logger.info(`  staticNamespace ${Object.keys(staticNamespace).join(", ")}`), couldntParse)
             return;
           tm.mark("jsx-element-flattened", !!shouldPrintDebug);
           var attrs = [], shouldDeopt = !1, inlined = /* @__PURE__ */ new Map(), variantValues = /* @__PURE__ */ new Map(), hasSetOptimized = !1, inlineWhenUnflattenedOGVals = {}, propMapperStyleState = {
@@ -1053,14 +801,15 @@ function createExtractor() {
             conf: tamaguiConfig,
             props: defaultProps,
             componentState,
-            styleProps: _object_spread_props(_object_spread({}, styleProps), {
+            styleProps: {
+              ...styleProps,
               resolveValues: "auto"
-            }),
+            },
             debug: shouldPrintDebug
           };
           if (attrs = traversePath.get("openingElement").get("attributes").flatMap(function(path) {
             try {
-              var res2 = evaluateAttribute(path);
+              var res2 = evaluateAttribute2(path);
               return tm.mark("jsx-element-evaluate-attr", !!shouldPrintDebug), res2 || path.remove(), res2;
             } catch (err) {
               if (shouldPrintDebug && (logger.info([
@@ -1069,9 +818,9 @@ function createExtractor() {
                 shouldPrintDebug === "verbose" ? err.stack : ""
               ].join(" ")), shouldPrintDebug === "verbose")) {
                 var _path_node;
-                logger.info("node ".concat((_path_node = path.node) === null || _path_node === void 0 ? void 0 : _path_node.type));
+                logger.info(`node ${(_path_node = path.node) === null || _path_node === void 0 ? void 0 : _path_node.type}`);
               }
-              return inlined.set("".concat(Math.random()), "spread"), {
+              return inlined.set(`${Math.random()}`, "spread"), {
                 type: "attr",
                 value: path.node
               };
@@ -1098,21 +847,11 @@ function createExtractor() {
             return x.type === "JSXText";
           })), themeVal = inlined.get("theme");
           platform2 !== "native" && inlined.delete("theme");
-          var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
-          try {
-            for (var _iterator2 = _to_consumable_array(inlined)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
-              var _step_value = _sliced_to_array(_step2.value, 1), key = _step_value[0], _staticConfig_variants, isStaticObjectVariant = ((_staticConfig_variants = staticConfig.variants) === null || _staticConfig_variants === void 0 ? void 0 : _staticConfig_variants[key]) && variantValues.has(key);
-              (INLINE_EXTRACTABLE[key] || isStaticObjectVariant) && inlined.delete(key);
-            }
-          } catch (err) {
-            _didIteratorError2 = !0, _iteratorError2 = err;
-          } finally {
-            try {
-              !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
-            } finally {
-              if (_didIteratorError2)
-                throw _iteratorError2;
-            }
+          for (var _i = 0, _iter = [
+            ...inlined
+          ]; _i < _iter.length; _i++) {
+            var [key] = _iter[_i], _staticConfig_variants, isStaticObjectVariant = ((_staticConfig_variants = staticConfig.variants) === null || _staticConfig_variants === void 0 ? void 0 : _staticConfig_variants[key]) && variantValues.has(key);
+            (INLINE_EXTRACTABLE[key] || isStaticObjectVariant) && inlined.delete(key);
           }
           var canFlattenProps = inlined.size === 0, shouldFlatten = !!(flatNode && !shouldDeopt && canFlattenProps && !hasSpread && !staticConfig.isStyledHOC && !staticConfig.isHOC && !staticConfig.isReactNative && staticConfig.neverFlatten !== !0 && (staticConfig.neverFlatten !== "jsx" || hasOnlyStringChildren)), usedThemeKeys = /* @__PURE__ */ new Set();
           if (themeAccessListeners.add(function(key9) {
@@ -1132,13 +871,13 @@ function createExtractor() {
                 }, [];
               if (!isValidStyleKey(key9, staticConfig))
                 return [];
-              var name2 = (tamaguiConfig == null ? void 0 : tamaguiConfig.shorthands[key9]) || key9;
+              var name2 = tamaguiConfig?.shorthands[key9] || key9;
               if (value2 === void 0) {
-                logger.warn("\u26A0\uFE0F Error evaluating default style for component, prop ".concat(key9, " ").concat(value2)), shouldDeopt = !0;
+                logger.warn(`\u26A0\uFE0F Error evaluating default style for component, prop ${key9} ${value2}`), shouldDeopt = !0;
                 return;
               }
               if (name2[0] === "$" && mediaQueryConfig[name2.slice(1)])
-                return defaultProps[key9] = void 0, evaluateAttribute({
+                return defaultProps[key9] = void 0, evaluateAttribute2({
                   node: t.jsxAttribute(t.jsxIdentifier(name2), t.jsxExpressionContainer(t.objectExpression(Object.keys(value2).filter(function(k) {
                     return typeof value2[k] < "u";
                   }).map(function(k) {
@@ -1148,33 +887,39 @@ function createExtractor() {
               var attr3 = {
                 type: "style",
                 name: name2,
-                value: _define_property({}, name2, value2)
+                value: {
+                  [name2]: value2
+                }
               };
               return attr3;
             });
-            skipMap || defaultStyleAttrs.length && (attrs = _to_consumable_array(defaultStyleAttrs).concat(_to_consumable_array(attrs)));
+            skipMap || defaultStyleAttrs.length && (attrs = [
+              ...defaultStyleAttrs,
+              ...attrs
+            ]);
           }
           var ternaries = [];
           attrs = attrs.reduce(function(out, cur2) {
             var next = attrs[attrs.indexOf(cur2) + 1];
             if (cur2.type === "ternary" && ternaries.push(cur2.value), (!next || next.type !== "ternary") && ternaries.length) {
-              var normalized = normalizeTernaries(ternaries).map(function(_param) {
-                var alternate = _param.alternate, consequent = _param.consequent, rest = _object_without_properties(_param, [
-                  "alternate",
-                  "consequent"
-                ]);
+              var normalized = normalizeTernaries(ternaries).map(function(param2) {
+                var { alternate, consequent, ...rest } = param2;
                 return {
                   type: "ternary",
-                  value: _object_spread_props(_object_spread({}, rest), {
+                  value: {
+                    ...rest,
                     alternate: alternate || null,
                     consequent: consequent || null
-                  })
+                  }
                 };
               });
               try {
-                return _to_consumable_array(out).concat(_to_consumable_array(normalized));
+                return [
+                  ...out,
+                  ...normalized
+                ];
               } finally {
-                shouldPrintDebug && logger.info("    normalizeTernaries (".concat(ternaries.length, " => ").concat(normalized.length, ")")), ternaries = [];
+                shouldPrintDebug && logger.info(`    normalizeTernaries (${ternaries.length} => ${normalized.length})`), ternaries = [];
               }
             }
             return cur2.type === "ternary" || out.push(cur2), out;
@@ -1191,7 +936,7 @@ function createExtractor() {
             t.jsxAttribute(t.jsxIdentifier("name"), themeVal.value)
           ]), t.jsxClosingElement(t.jsxIdentifier("_TamaguiTheme")), [
             traversePath.node
-          ]))) : console.warn("No program path found, avoiding importing flattening / importing theme in ".concat(sourcePath))), shouldPrintDebug)
+          ]))) : console.warn(`No program path found, avoiding importing flattening / importing theme in ${sourcePath}`)), shouldPrintDebug)
             try {
               logger.info([
                 " flatten?",
@@ -1205,12 +950,14 @@ function createExtractor() {
                 }),
                 "inlined",
                 inlined.size,
-                _to_consumable_array(inlined)
+                [
+                  ...inlined
+                ]
               ].join(" "));
             } catch {
             }
           if (shouldDeopt || !shouldFlatten) {
-            shouldPrintDebug && logger.info("Deopting ".concat(shouldDeopt, " ").concat(shouldFlatten)), node.attributes = ogAttributes;
+            shouldPrintDebug && logger.info(`Deopting ${shouldDeopt} ${shouldFlatten}`), node.attributes = ogAttributes;
             return;
           }
           shouldPrintDebug && logger.info([
@@ -1222,16 +969,16 @@ function createExtractor() {
           for (var key1 in attrs) {
             var cur = attrs[key1];
             if (cur.type === "style") {
-              var expanded = normalizeStyleWithoutVariants(cur.value);
+              var expanded = normalizeStyleWithoutVariants2(cur.value);
               for (var key2 in expanded)
-                mergeToEnd(foundStaticProps, key2, expanded[key2]);
+                mergeToEnd2(foundStaticProps, key2, expanded[key2]);
               continue;
             }
             if (cur.type === "attr") {
               if (t.isJSXSpreadAttribute(cur.value) || !t.isJSXIdentifier(cur.value.name))
                 continue;
               var key3 = cur.value.name.name, value = attemptEvalSafe(cur.value.value || t.booleanLiteral(!0));
-              value !== FAILED_EVAL && mergeToEnd(foundStaticProps, key3, value);
+              value !== FAILED_EVAL && mergeToEnd2(foundStaticProps, key3, value);
             }
           }
           var completeProps = {};
@@ -1247,9 +994,10 @@ function createExtractor() {
                 if (name2 === "tag")
                   return acc;
                 if (variants[name2] && variantValues.has(name2)) {
-                  var styleState = _object_spread_props(_object_spread({}, propMapperStyleState), {
+                  var styleState = {
+                    ...propMapperStyleState,
                     props: completeProps
-                  }), out = Object.fromEntries(propMapper(name2, variantValues.get(name2), styleState) || []);
+                  }, out = Object.fromEntries(propMapper(name2, variantValues.get(name2), styleState) || []);
                   if (out && isTargetingHTML) {
                     var cn = out.className;
                     out = reactNativeWebInternals.createDOMProps(isTextView ? "span" : "div", out), out.className = cn;
@@ -1263,7 +1011,9 @@ function createExtractor() {
                     var value2 = out[key9];
                     isValidStyleKey(key9, staticConfig) ? acc.push({
                       type: "style",
-                      value: _define_property({}, key9, value2),
+                      value: {
+                        [key9]: value2
+                      },
                       name: key9,
                       attr: cur2.value
                     }) : acc.push({
@@ -1276,9 +1026,11 @@ function createExtractor() {
             }
             if (cur2.type !== "style")
               return acc.push(cur2), acc;
-            var key12 = Object.keys(cur2.value)[0], value12 = cur2.value[key12], fullKey = tamaguiConfig == null ? void 0 : tamaguiConfig.shorthands[key12];
-            return fullKey && (cur2.value = _define_property({}, fullKey, value12), key12 = fullKey), disableExtractVariables && value12[0] === "$" && (usedThemeKeys.has(key12) || usedThemeKeys.has(fullKey)) ? (shouldPrintDebug && logger.info([
-              "   keeping variable inline: ".concat(key12, " ="),
+            var key12 = Object.keys(cur2.value)[0], value12 = cur2.value[key12], fullKey = tamaguiConfig?.shorthands[key12];
+            return fullKey && (cur2.value = {
+              [fullKey]: value12
+            }, key12 = fullKey), disableExtractVariables && value12[0] === "$" && (usedThemeKeys.has(key12) || usedThemeKeys.has(fullKey)) ? (shouldPrintDebug && logger.info([
+              `   keeping variable inline: ${key12} =`,
               value12
             ].join(" ")), acc.push({
               type: "attr",
@@ -1295,23 +1047,28 @@ function createExtractor() {
               return shouldPrintDebug && logger.info([
                 " getProps() no props"
               ].join(" ")), {};
-            if (excludeProps != null && excludeProps.size)
+            if (excludeProps?.size)
               for (var key9 in props)
                 excludeProps.has(key9) && (shouldPrintDebug && logger.info([
                   " delete excluded",
                   key9
                 ].join(" ")), delete props[key9]);
             try {
-              var out = getSplitStyles(props, staticConfig, defaultTheme, "", componentState, _object_spread_props(_object_spread({}, styleProps), {
+              var out = getSplitStyles(props, staticConfig, defaultTheme, "", componentState, {
+                ...styleProps,
                 noClassNames: !0,
                 fallbackProps: completeProps
-              }), void 0, void 0, void 0, debugPropValue || shouldPrintDebug, options.experimentalFlattenThemesOnNative), outProps2 = _object_spread({}, includeProps ? out.viewProps : {}, out.style, out.pseudos);
+              }, void 0, void 0, void 0, debugPropValue || shouldPrintDebug, options.experimentalFlattenThemesOnNative), outProps2 = {
+                ...includeProps ? out.viewProps : {},
+                ...out.style,
+                ...out.pseudos
+              };
               for (var key12 in outProps2)
                 deoptProps.has(key12) && (shouldFlatten = !1);
-              return shouldPrintDebug && (logger.info("(".concat(debugName, ")")), logger.info(`
-       getProps (props in): `.concat(logLines(objToStr(props)))), logger.info(`
-       getProps (outProps): `.concat(logLines(objToStr(outProps2))))), out.fontFamily && (setPropsToFontFamily(outProps2, out.fontFamily), shouldPrintDebug && logger.info(`
-      \u{1F4AC} new font fam: `.concat(out.fontFamily))), outProps2;
+              return shouldPrintDebug && (logger.info(`(${debugName})`), logger.info(`
+       getProps (props in): ${logLines(objToStr(props))}`), logger.info(`
+       getProps (outProps): ${logLines(objToStr(outProps2))}`)), out.fontFamily && (setPropsToFontFamily(outProps2, out.fontFamily), shouldPrintDebug && logger.info(`
+      \u{1F4AC} new font fam: ${out.fontFamily}`)), outProps2;
             } catch (err) {
               return logger.info([
                 "error",
@@ -1338,8 +1095,8 @@ function createExtractor() {
                   type: "attr",
                   value: t.jsxAttribute(t.jsxIdentifier(key9), t.jsxExpressionContainer(typeof value2 == "string" ? t.stringLiteral(value2) : literalToAst(value2)))
                 }), acc.push(cur2), acc;
-              if ((prev == null ? void 0 : prev.type) === "style")
-                return mergeStyles(prev.value, cur2.value), acc;
+              if (prev?.type === "style")
+                return mergeStyles2(prev.value, cur2.value), acc;
             }
             return cur2.type === "style" && (prev = cur2), acc.push(cur2), acc;
           }, []), shouldPrintDebug && logger.info([
@@ -1347,12 +1104,12 @@ function createExtractor() {
 `,
             logLines(attrs.map(attrStr).join(", "))
           ].join(" "));
-          var getStyleError = null, _iteratorNormalCompletion12 = !0, _didIteratorError12 = !1, _iteratorError12 = void 0;
+          var getStyleError = null, _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
           try {
-            for (var _iterator12 = attrs[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = !0) {
-              var attr = _step12.value;
+            for (var _iterator2 = attrs[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
+              var attr = _step2.value;
               try {
-                switch (shouldPrintDebug && console.info("  Processing ".concat(attr.type, ":")), attr.type) {
+                switch (shouldPrintDebug && console.info(`  Processing ${attr.type}:`), attr.type) {
                   case "ternary": {
                     var a = getProps(attr.value.alternate, !1, "ternary.alternate"), c = getProps(attr.value.consequent, !1, "ternary.consequent");
                     a && (attr.value.alternate = a), c && (attr.value.consequent = c), shouldPrintDebug && logger.info([
@@ -1379,7 +1136,9 @@ function createExtractor() {
                         continue;
                       var value1 = attemptEvalSafe(attr.value.value || t.booleanLiteral(!0));
                       if (value1 !== FAILED_EVAL) {
-                        var outProps = getProps(_define_property({}, key6, value1), !0, "attr.".concat(key6)), outKey = Object.keys(outProps)[0];
+                        var outProps = getProps({
+                          [key6]: value1
+                        }, !0, `attr.${key6}`), outKey = Object.keys(outProps)[0];
                         if (outKey) {
                           var outVal = outProps[outKey];
                           attr.value = t.jsxAttribute(t.jsxIdentifier(outKey), t.jsxExpressionContainer(typeof outVal == "string" ? t.stringLiteral(outVal) : literalToAst(outVal)));
@@ -1392,13 +1151,13 @@ function createExtractor() {
               }
             }
           } catch (err) {
-            _didIteratorError12 = !0, _iteratorError12 = err;
+            _didIteratorError2 = !0, _iteratorError2 = err;
           } finally {
             try {
-              !_iteratorNormalCompletion12 && _iterator12.return != null && _iterator12.return();
+              !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
             } finally {
-              if (_didIteratorError12)
-                throw _iteratorError12;
+              if (_didIteratorError2)
+                throw _iteratorError2;
             }
           }
           if (shouldPrintDebug && logger.info([
@@ -1419,15 +1178,15 @@ function createExtractor() {
             if (attr1.type === "style")
               for (var key7 in attr1.value)
                 existingStyleKeys.has(key7) ? (shouldPrintDebug && logger.info([
-                  "  >> delete existing ".concat(key7)
+                  `  >> delete existing ${key7}`
                 ].join(" ")), delete attr1.value[key7]) : existingStyleKeys.add(key7);
             attr1.type === "dynamic-style" && (existingStyleKeys.has(attr1.name) ? attrs[i] = void 0 : existingStyleKeys.add(attr1.name));
           }
           if (options.experimentalFlattenThemesOnNative && (attrs = attrs.filter(Boolean)), !shouldFlatten && inlineWhenUnflattened.size) {
-            var _iteratorNormalCompletion22 = !0, _didIteratorError22 = !1, _iteratorError22 = void 0;
+            var _iteratorNormalCompletion12 = !0, _didIteratorError12 = !1, _iteratorError12 = void 0;
             try {
-              for (var _iterator22 = attrs.entries()[Symbol.iterator](), _step22; !(_iteratorNormalCompletion22 = (_step22 = _iterator22.next()).done); _iteratorNormalCompletion22 = !0) {
-                var _step_value1 = _sliced_to_array(_step22.value, 2), index = _step_value1[0], attr2 = _step_value1[1];
+              for (var _iterator12 = attrs.entries()[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = !0) {
+                var [index, attr2] = _step12.value;
                 if (attr2.type === "style") {
                   for (var key8 in attr2.value)
                     if (inlineWhenUnflattened.has(key8)) {
@@ -1437,13 +1196,13 @@ function createExtractor() {
                 }
               }
             } catch (err) {
-              _didIteratorError22 = !0, _iteratorError22 = err;
+              _didIteratorError12 = !0, _iteratorError12 = err;
             } finally {
               try {
-                !_iteratorNormalCompletion22 && _iterator22.return != null && _iterator22.return();
+                !_iteratorNormalCompletion12 && _iterator12.return != null && _iterator12.return();
               } finally {
-                if (_didIteratorError22)
-                  throw _iteratorError22;
+                if (_didIteratorError12)
+                  throw _iteratorError12;
               }
             }
           }
@@ -1456,7 +1215,7 @@ function createExtractor() {
           ].join(" ")), node.name.name = flatNode, res.flattened++, closingElement && (closingElement.name.name = flatNode));
           var isNativeNotFlat = !shouldFlatten && platform2 === "native";
           if (isNativeNotFlat)
-            return shouldPrintDebug && logger.info("Disabled flattening except for simple cases on native for now: ".concat(JSON.stringify({
+            return shouldPrintDebug && logger.info(`Disabled flattening except for simple cases on native for now: ${JSON.stringify({
               flatNode,
               shouldDeopt,
               canFlattenProps,
@@ -1465,14 +1224,14 @@ function createExtractor() {
               "!staticConfig.isHOC": !staticConfig.isHOC,
               "staticConfig.isReactNative": staticConfig.isReactNative,
               "staticConfig.neverFlatten": staticConfig.neverFlatten
-            }, null, 2))), node.attributes = ogAttributes, null;
+            }, null, 2)}`), node.attributes = ogAttributes, null;
           shouldPrintDebug && (logger.info([
-            " - inlined props (".concat(inlined.size, "):"),
+            ` - inlined props (${inlined.size}):`,
             shouldDeopt ? " deopted" : "",
             hasSpread ? " has spread" : "",
             staticConfig.neverFlatten ? "neverFlatten" : ""
-          ].join(" ")), logger.info("  - shouldFlatten/isFlattened: ".concat(shouldFlatten)), logger.info(`  - attrs (end):
- `.concat(logLines(attrs.map(attrStr).join(", "))))), onExtractTag({
+          ].join(" ")), logger.info(`  - shouldFlatten/isFlattened: ${shouldFlatten}`), logger.info(`  - attrs (end):
+ ${logLines(attrs.map(attrStr).join(", "))}`)), onExtractTag({
             parserProps: propsWithFileInfo,
             attrs,
             node,
@@ -1488,14 +1247,14 @@ function createExtractor() {
             staticConfig
           });
         } catch (err) {
-          node.attributes = ogAttributes, console.error("@tamagui/static error, reverting optimization. In ".concat(filePath, " ").concat(lineNumbers, " on ").concat(originalNodeName, ": ").concat(err.message, ". For stack trace set environment TAMAGUI_DEBUG=1")), process.env.TAMAGUI_DEBUG === "1" && console.error(err.stack);
+          node.attributes = ogAttributes, console.error(`@tamagui/static error, reverting optimization. In ${filePath} ${lineNumbers} on ${originalNodeName}: ${err.message}. For stack trace set environment TAMAGUI_DEBUG=1`), process.env.TAMAGUI_DEBUG === "1" && console.error(err.stack);
         } finally {
           debugPropValue && (shouldPrintDebug = ogDebug);
         }
       }
     }), tm.mark("jsx-done", !!shouldPrintDebug), modifiedComponents.size) {
       var all = Array.from(modifiedComponents);
-      shouldPrintDebug && logger.info("  [\u{1FA9D}] hook check ".concat(all.length));
+      shouldPrintDebug && logger.info(`  [\u{1FA9D}] hook check ${all.length}`);
       var _iteratorNormalCompletion1 = !0, _didIteratorError1 = !1, _iteratorError1 = void 0;
       try {
         for (var _iterator1 = all[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) {