@tamagui/web 1.109.6 → 1.109.8

package/dist/esm/helpers/getSplitStyles.native.js

@@ -103,37 +103,72 @@ function isValidStyleKey(key, staticConfig) {
   return validStyleProps[key] || ((_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key]);
 }
 var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug, skipThemeTokenResolution) {
-  var _loop = function(keyOg2) {
-    var _loop2 = function(i3) {
+  conf = conf || getConfig(), isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
+  var shorthands = conf.shorthands, isHOC = staticConfig.isHOC, isText = staticConfig.isText, isInput = staticConfig.isInput, variants = staticConfig.variants, isReactNative = staticConfig.isReactNative, inlineProps = staticConfig.inlineProps, inlineWhenUnflattened = staticConfig.inlineWhenUnflattened, parentStaticConfig = staticConfig.parentStaticConfig, acceptsClassName = staticConfig.acceptsClassName, viewProps = {}, mediaState = styleProps.mediaState || globalMediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClassNames, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, curPropsState, styleState = {
+    // this should go away, right now we're doing really crazy cumulative props,
+    // as variants are resolved basically we go back and merge the results onto
+    // the curProps, so that each following variant function recieves the current
+    // "styles" with variants expanded. powerful, but i think too fancy
+    // there's some part of the ui kit that depends on it we'd have to find and fix
+    get curProps() {
+      return curPropsState || (curPropsState = {}), curPropsState;
+    },
+    classNames,
+    conf,
+    props,
+    styleProps,
+    componentState,
+    staticConfig,
+    style: null,
+    theme,
+    usedKeys,
+    viewProps,
+    context,
+    debug,
+    skipThemeTokenResolution
+  };
+  process.env.NODE_ENV === "development" && debug && debug !== "profile" && isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), log({
+    props,
+    staticConfig,
+    shouldDoClasses,
+    styleProps,
+    rulesToInsert,
+    componentState,
+    styleState,
+    theme: _object_spread({}, theme)
+  }), console.groupEnd());
+  var asChild = props.asChild, accept = staticConfig.accept, noSkip = styleProps.noSkip, disableExpandShorthands = styleProps.disableExpandShorthands, noExpand = styleProps.noExpand, webContainerType = conf.settings.webContainerType, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
+  for (var keyOg in props) {
+    var _loop = function(i2) {
       var _parentStaticConfig_variants;
       if (expanded) {
-        var _expanded_i = _sliced_to_array(expanded[i3], 2), k = _expanded_i[0], v = _expanded_i[1];
-        key4 = k, val2 = v;
+        var _expanded_i = _sliced_to_array(expanded[i2], 2), k = _expanded_i[0], v = _expanded_i[1];
+        key = k, val = v;
       }
-      if (val2 == null || key4 in usedKeys) return "continue";
-      if (isPseudo = key4 in validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && isMediaKey(key4), isMediaOrPseudo1 = !!(isMedia || isPseudo), isVariant = variants && key4 in variants, inlineProps != null && inlineProps.has(key4) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened != null && inlineWhenUnflattened.has(key4))) {
+      if (val == null || key in usedKeys) return "continue";
+      if (isPseudo = key in validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && isMediaKey(key), isMediaOrPseudo1 = !!(isMedia || isPseudo), isVariant = variants && key in variants, inlineProps != null && inlineProps.has(key) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened != null && inlineWhenUnflattened.has(key))) {
         var _props_key;
-        viewProps[key4] = (_props_key = props[key4]) !== null && _props_key !== void 0 ? _props_key : val2;
+        viewProps[key] = (_props_key = props[key]) !== null && _props_key !== void 0 ? _props_key : val;
       }
       var shouldPassThrough2 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo1 || (parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
       if (shouldPassThrough2)
-        return passDownProp(viewProps, key4, val2, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(" - passing down prop ".concat(key4)), log({
-          val: val2,
-          after: _object_spread({}, viewProps[key4])
+        return passDownProp(viewProps, key, val, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(" - passing down prop ".concat(key)), log({
+          val,
+          after: _object_spread({}, viewProps[key])
         }), console.groupEnd()), "continue";
       if (isPseudo) {
-        if (!val2) return "continue";
-        var pseudoStyleObject = getSubStyle(styleState, key4, val2, styleProps.noClassNames), descriptor = pseudoDescriptors[key4], isEnter = key4 === "enterStyle", isExit = key4 === "exitStyle";
+        if (!val) return "continue";
+        var pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClassNames), descriptor = pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
         if (!descriptor)
           return "continue";
         if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
           var _pseudos, _key;
-          if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key4] || (_pseudos[_key] = {}), process.env.IS_STATIC === "is_static")
-            return Object.assign(pseudos[key4], pseudoStyleObject), "continue";
+          if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key] || (_pseudos[_key] = {}), process.env.IS_STATIC === "is_static")
+            return Object.assign(pseudos[key], pseudoStyleObject), "continue";
         }
         if (shouldDoClasses && !isExit) {
           var pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
-          process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key4), log({
+          process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key), log({
             pseudoStyleObject,
             pseudoStyles
           }), console.groupEnd());
@@ -156,7 +191,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
         }
         if (!shouldDoClasses || isExit || isEnter) {
           var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
-          isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo", key4, {
+          isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo", key, {
             isDisabled
           }), log({
             pseudoStyleObject,
@@ -173,7 +208,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
               var curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
               if (shouldMerge) {
                 var _pseudos1, _key1;
-                pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key4] || (_pseudos1[_key1] = {}), pseudos[key4][pkey] = val12, mergeStyle(styleState, pkey, val12);
+                pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key] || (_pseudos1[_key1] = {}), pseudos[key][pkey] = val12, mergeStyle(styleState, pkey, val12);
               }
               process.env.NODE_ENV === "development" && debug === "verbose" && log("    subKey", pkey, shouldMerge, {
                 importance,
@@ -184,7 +219,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
             }
           }
           if (!isDisabled)
-            for (var key12 in val2) {
+            for (var key12 in val) {
               var k1 = shorthands[key12] || key12;
               usedKeys[k1] = Math.max(importance, usedKeys[k1] || 0);
             }
@@ -192,23 +227,23 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
         return "continue";
       }
       if (isMedia) {
-        if (!val2) return "continue";
-        var hasSpace = val2.space, mediaKeyShort = key4.slice(1);
-        if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && ((typeof hasMedia > "u" ? "undefined" : _type_of(hasMedia)) !== "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !isActivePlatform(key4))
+        if (!val) return "continue";
+        var hasSpace = val.space, mediaKeyShort = key.slice(1);
+        if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && ((typeof hasMedia > "u" ? "undefined" : _type_of(hasMedia)) !== "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !isActivePlatform(key))
           return "continue";
-        if (process.env.NODE_ENV === "development" && debug === "verbose" && log("  \u{1F4FA} ".concat(key4), {
-          key: key4,
-          val: val2,
+        if (process.env.NODE_ENV === "development" && debug === "verbose" && log("  \u{1F4FA} ".concat(key), {
+          key,
+          val,
           props,
           shouldDoClasses,
           acceptsClassName,
           componentState,
           mediaState
         }), shouldDoClasses) {
-          var mediaStyle = getSubStyle(styleState, key4, val2, !1);
+          var mediaStyle = getSubStyle(styleState, key, val, !1);
           if (hasSpace && (delete mediaStyle.space, mediaState[mediaKeyShort])) {
             var importance1 = getMediaImportanceIfMoreImportant(mediaKeyShort, "space", usedKeys, !0);
-            importance1 && (space = val2.space, usedKeys.space = importance1, process.env.NODE_ENV === "development" && debug === "verbose" && log("Found more important space for current media ".concat(mediaKeyShort, ": ").concat(val2, " (importance: ").concat(importance1, ")")));
+            importance1 && (space = val.space, usedKeys.space = importance1, process.env.NODE_ENV === "development" && debug === "verbose" && log("Found more important space for current media ".concat(mediaKeyShort, ": ").concat(val, " (importance: ").concat(importance1, ")")));
           }
           var mediaStyles = getStylesAtomic(mediaStyle), priority = mediaStylesSeen;
           mediaStylesSeen += 1;
@@ -245,7 +280,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
               return process.env.NODE_ENV === "development" && debug === "verbose" && log("  \u{1F4FA} \u274C DISABLED ".concat(mediaKeyShort)), "continue";
             process.env.NODE_ENV === "development" && debug === "verbose" && log("  \u{1F4FA} \u2705 ENABLED ".concat(mediaKeyShort));
           }
-          var mediaStyle1 = getSubStyle(styleState, key4, val2, !0), importanceBump = 0;
+          var mediaStyle1 = getSubStyle(styleState, key, val, !0), importanceBump = 0;
           if (isThemeMedia) {
             dynamicThemeAccess = !0;
             var mediaThemeName = mediaKeyShort.slice(6);
@@ -294,163 +329,136 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
         }
         return "continue";
       }
-      if (key4 === "pointerEvents")
-        return viewProps[key4] = val2, "continue";
+      if (key === "pointerEvents")
+        return viewProps[key] = val, "continue";
       if (
         // is HOC we can just pass through the styles as props
         // this fixes issues where style prop got merged with wrong priority
-        !isHOC && (isValidStyleKey(key4, staticConfig) || isAndroid && key4 === "elevation")
+        !isHOC && (isValidStyleKey(key, staticConfig) || isAndroid && key === "elevation")
       )
-        return mergeStyle(styleState, key4, val2), "continue";
-      isVariant || (viewProps[key4] = val2);
-    }, keyInit = keyOg2, valInit = props[keyInit];
+        return mergeStyle(styleState, key, val), "continue";
+      isVariant || (viewProps[key] = val);
+    }, keyInit = keyOg, valInit = props[keyInit];
     if (accept) {
       var accepted = accept[keyInit];
-      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit > "u" ? "undefined" : _type_of(valInit)) === "object")
-        return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClassNames), "continue";
-    }
-    if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys) return "continue";
-    if (keyInit in skipProps && !noSkip && !isHOC) {
-      if (keyInit === "group" && 0)
-        var identifier2, containerType, containerCSS;
-      return "continue";
-    }
-    var valInitType = typeof valInit > "u" ? "undefined" : _type_of(valInit), isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
-    if (0 && isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
-      var isValidClassName, isMediaOrPseudo;
-      if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses)
-        var _styleState3;
-    }
-    if (!isValidStyleKeyInit) {
-      if (!isAndroid && keyInit === "elevationAndroid")
-        return "continue";
-      if (keyInit === "userSelect")
-        keyInit = "selectable", valInit = valInit !== "none";
-      else if (keyInit.startsWith("data-"))
-        return "continue";
-    }
-    if (keyInit === "dataSet") {
-      for (var keyInit1 in valInit)
-        viewProps["data-".concat(hyphenate(keyInit1))] = valInit[keyInit1];
-      return "continue";
-    }
-    if (0 && !noExpand)
-      var didUseKeyInit;
-    var isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && isMediaKey(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
-    if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
-      var name2 = keyInit.split("-")[1];
-      context != null && context.groups.subscribe && !(context != null && context.groups.state[name2]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
-    }
-    var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand || isShorthand;
-    if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web"))
-      return "continue";
-    var shouldPassProp = !isStyleProp || // is in parent variants
-    isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-    if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed("  \u{1F511} ".concat(keyOg2).concat(keyInit !== keyOg2 ? " (shorthand for ".concat(keyInit, ")") : "", " ").concat(shouldPassThrough ? "(pass)" : "")), log({
-      isVariant,
-      valInit,
-      shouldPassProp
-    }), isClient && log({
-      variants,
-      variant: variants == null ? void 0 : variants[keyInit],
-      isVariant,
-      isHOCShouldPassThrough,
-      curProps: _object_spread({}, styleState.curProps),
-      parentStaticConfig
-    })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant) || !noSkip && keyInit in skipProps)
-      return process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), "continue";
-    (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
-    var avoidPropMap = isMediaOrPseudo1 || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : propMapper(keyInit, valInit, styleState);
-    if (!avoidPropMap) {
-      if (!expanded) return "continue";
-      var next = getPropMappedFontFamily(expanded);
-      next && (styleState.fontFamily = next);
+      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit > "u" ? "undefined" : _type_of(valInit)) === "object") {
+        viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClassNames);
+        continue;
+      }
     }
-    if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      consoleGroupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
-      try {
-        !isServer && isDevTools && (log({
-          expanded,
-          styleProps,
-          componentState,
+    if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit !== "className" && !(keyInit in usedKeys)) {
+      if (keyInit in skipProps && !noSkip && !isHOC) {
+        if (keyInit === "group" && 0)
+          var identifier, containerType, containerCSS;
+        continue;
+      }
+      var valInitType = typeof valInit > "u" ? "undefined" : _type_of(valInit), isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
+      if (0 && isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
+        var isValidClassName, isMediaOrPseudo;
+        if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses)
+          var _styleState;
+      }
+      if (!isValidStyleKeyInit) {
+        if (!isAndroid && keyInit === "elevationAndroid")
+          continue;
+        if (keyInit === "userSelect")
+          keyInit = "selectable", valInit = valInit !== "none";
+        else if (keyInit.startsWith("data-"))
+          continue;
+      }
+      if (keyInit === "dataSet") {
+        for (var keyInit1 in valInit)
+          viewProps["data-".concat(hyphenate(keyInit1))] = valInit[keyInit1];
+        continue;
+      }
+      if (0 && !noExpand)
+        var didUseKeyInit;
+      var isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && isMediaKey(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
+      if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
+        var name = keyInit.split("-")[1];
+        context != null && context.groups.subscribe && !(context != null && context.groups.state[name]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
+      }
+      var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand || isShorthand;
+      if (!(isStyleProp && (asChild === "except-style" || asChild === "except-style-web"))) {
+        var shouldPassProp = !isStyleProp || // is in parent variants
+        isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+        if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed("  \u{1F511} ".concat(keyOg).concat(keyInit !== keyOg ? " (shorthand for ".concat(keyInit, ")") : "", " ").concat(shouldPassThrough ? "(pass)" : "")), log({
           isVariant,
+          valInit,
+          shouldPassProp
+        }), isClient && log({
+          variants,
           variant: variants == null ? void 0 : variants[keyInit],
-          shouldPassProp,
+          isVariant,
           isHOCShouldPassThrough,
-          usedKeys: _object_spread({}, usedKeys),
-          curProps: _object_spread({}, styleState.curProps)
-        }), log("expanded", expanded, `
+          curProps: _object_spread({}, styleState.curProps),
+          parentStaticConfig
+        })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant)) {
+          process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd();
+          continue;
+        }
+        if (!noSkip && keyInit in skipProps) {
+          process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd();
+          continue;
+        }
+        (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
+        var avoidPropMap = isMediaOrPseudo1 || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : propMapper(keyInit, valInit, styleState);
+        if (!avoidPropMap) {
+          if (!expanded) continue;
+          var next = getPropMappedFontFamily(expanded);
+          next && (styleState.fontFamily = next);
+        }
+        if (process.env.NODE_ENV === "development" && debug === "verbose") {
+          consoleGroupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
+          try {
+            !isServer && isDevTools && (log({
+              expanded,
+              styleProps,
+              componentState,
+              isVariant,
+              variant: variants == null ? void 0 : variants[keyInit],
+              shouldPassProp,
+              isHOCShouldPassThrough,
+              usedKeys: _object_spread({}, usedKeys),
+              curProps: _object_spread({}, styleState.curProps)
+            }), log("expanded", expanded, `
 usedKeys`, _object_spread({}, usedKeys), `
 current`, _object_spread({}, styleState.style)));
-      } catch {
-      }
-      console.groupEnd();
-    }
-    for (var key4 = keyInit, val2 = valInit, max = expanded ? expanded.length : 1, i2 = 0; i2 < max; i2++) _loop2(i2);
-    if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      try {
-        log(" \u2714\uFE0F expand complete", keyInit), log("style", _object_spread({}, styleState.style)), log("transforms", _object_spread({}, transforms)), log("viewProps", _object_spread({}, viewProps));
-      } catch {
+          } catch {
+          }
+          console.groupEnd();
+        }
+        for (var key = keyInit, val = valInit, max = expanded ? expanded.length : 1, i = 0; i < max; i++) _loop(i);
+        if (process.env.NODE_ENV === "development" && debug === "verbose") {
+          try {
+            log(" \u2714\uFE0F expand complete", keyInit), log("style", _object_spread({}, styleState.style)), log("transforms", _object_spread({}, transforms)), log("viewProps", _object_spread({}, viewProps));
+          } catch {
+          }
+          console.groupEnd();
+        }
       }
-      console.groupEnd();
     }
-  };
-  conf = conf || getConfig(), isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-  var shorthands = conf.shorthands, isHOC = staticConfig.isHOC, isText = staticConfig.isText, isInput = staticConfig.isInput, variants = staticConfig.variants, isReactNative = staticConfig.isReactNative, inlineProps = staticConfig.inlineProps, inlineWhenUnflattened = staticConfig.inlineWhenUnflattened, parentStaticConfig = staticConfig.parentStaticConfig, acceptsClassName = staticConfig.acceptsClassName, viewProps = {}, mediaState = styleProps.mediaState || globalMediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClassNames, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, curPropsState, styleState = {
-    // this should go away, right now we're doing really crazy cumulative props,
-    // as variants are resolved basically we go back and merge the results onto
-    // the curProps, so that each following variant function recieves the current
-    // "styles" with variants expanded. powerful, but i think too fancy
-    // there's some part of the ui kit that depends on it we'd have to find and fix
-    get curProps() {
-      return curPropsState || (curPropsState = {}), curPropsState;
-    },
-    classNames,
-    conf,
-    props,
-    styleProps,
-    componentState,
-    staticConfig,
-    style: null,
-    theme,
-    usedKeys,
-    viewProps,
-    context,
-    debug,
-    skipThemeTokenResolution
-  };
-  process.env.NODE_ENV === "development" && debug && debug !== "profile" && isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), log({
-    props,
-    staticConfig,
-    shouldDoClasses,
-    styleProps,
-    rulesToInsert,
-    componentState,
-    styleState,
-    theme: _object_spread({}, theme)
-  }), console.groupEnd());
-  var asChild = props.asChild, accept = staticConfig.accept, noSkip = styleProps.noSkip, disableExpandShorthands = styleProps.disableExpandShorthands, noExpand = styleProps.noExpand, webContainerType = conf.settings.webContainerType, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
-  for (var keyOg in props) _loop(keyOg);
+  }
   var avoidNormalize = styleProps.noNormalize === !1;
   if (!avoidNormalize) {
     if (styleState.style && (fixStyles(styleState.style), isWeb && !isReactNative && styleToCSS(styleState.style)), styleState.flatTransforms) {
-      var _styleState;
-      (_styleState = styleState).style || (_styleState.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
+      var _styleState1;
+      (_styleState1 = styleState).style || (_styleState1.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
         var _param = _sliced_to_array(param, 1), a = _param[0], _param1 = _sliced_to_array(param1, 1), b = _param1[0];
         return a.localeCompare(b);
       }).forEach(function(param) {
-        var _param = _sliced_to_array(param, 2), key4 = _param[0], val2 = _param[1];
-        mergeTransform(styleState.style, key4, val2, !0);
+        var _param = _sliced_to_array(param, 2), key5 = _param[0], val3 = _param[1];
+        mergeTransform(styleState.style, key5, val3, !0);
       });
     }
     if (parentSplitStyles) {
       if (0 && shouldDoClasses)
-        for (var key in parentSplitStyles.classNames)
-          var val;
+        for (var key1 in parentSplitStyles.classNames)
+          var val1;
       if (!shouldDoClasses)
-        for (var key1 in parentSplitStyles.style) {
-          var _styleState1;
-          key1 in classNames || styleState.style && key1 in styleState.style || ((_styleState1 = styleState).style || (_styleState1.style = {}), styleState.style[key1] = parentSplitStyles.style[key1]);
+        for (var key2 in parentSplitStyles.style) {
+          var _styleState2;
+          key2 in classNames || styleState.style && key2 in styleState.style || ((_styleState2 = styleState).style || (_styleState2.style = {}), styleState.style[key2] = parentSplitStyles.style[key2]);
         }
     }
   }
@@ -463,7 +471,7 @@ current`, _object_spread({}, styleState.style)));
         var atomic, _iteratorNormalCompletion, _didIteratorError, _iteratorError;
         try {
           for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
-            var atomicStyle, _props_animateOnly, _atomicStyle, key2, value, identifier, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
+            var atomicStyle, _props_animateOnly, _atomicStyle, key3, value, identifier1, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
         } catch (err) {
         } finally {
           try {
@@ -473,8 +481,8 @@ current`, _object_spread({}, styleState.style)));
       }
       if (transforms)
         for (var namespace in transforms) {
-          var _transforms_namespace, hash, val1, identifier1;
-          if (isClient && !insertedTransforms[identifier1])
+          var _transforms_namespace, hash, val2, identifier2;
+          if (isClient && !insertedTransforms[identifier2])
             var rule;
         }
     }
@@ -489,14 +497,14 @@ current`, _object_spread({}, styleState.style)));
     if (isHOC)
       viewProps.style = normalizeStyle(styleProp);
     else
-      for (var isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1, i = 0; i < len; i++) {
-        var style = isArray ? styleProp[i] : styleProp;
+      for (var isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1, i1 = 0; i1 < len; i1++) {
+        var style = isArray ? styleProp[i1] : styleProp;
         if (style)
           if (style.$$css)
             Object.assign(styleState.classNames, style);
           else {
-            var _styleState2;
-            (_styleState2 = styleState).style || (_styleState2.style = {}), Object.assign(styleState.style, normalizeStyle(style));
+            var _styleState3;
+            (_styleState3 = styleState).style || (_styleState3.style = {}), Object.assign(styleState.style, normalizeStyle(style));
           }
       }
   var style1 = styleState.style;
@@ -531,7 +539,7 @@ current`, _object_spread({}, styleState.style)));
             var cnStyles, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1;
             try {
               for (var _iterator1, _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0)
-                var name;
+                var name1;
             } catch (err) {
             } finally {
               try {
@@ -555,8 +563,8 @@ current`, _object_spread({}, styleState.style)));
         rulesToInsert,
         parentSplitStyles
       });
-      for (var key3 in logs)
-        log(key3, logs[key3]);
+      for (var key4 in logs)
+        log(key4, logs[key4]);
     } catch {
     }
     console.groupEnd();