@hanzogui/web 7.0.0 → 7.3.0

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

@@ -32,13 +32,9 @@ var PROP_SPLIT = "-";
 function normalizeGroupKey(key, groupContext) {
   var parts = key.split("-");
   var plen = parts.length;
-  if (
-  // check if its actually a simple group selector to avoid breaking selectors
-  plen === 2 || plen === 3 && pseudoPriorities[parts[parts.length - 1]]) {
+  if (plen === 2 || plen === 3 && pseudoPriorities[parts[parts.length - 1]]) {
     var name = parts[1];
-    if (name !== "true" && groupContext && !groupContext[name]) {
-      return key.replace("$group-", "$group-true-");
-    }
+    if (name !== "true" && groupContext && !groupContext[name]) return key.replace("$group-", "$group-true-");
   }
   return key;
 }
@@ -53,12 +49,8 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
       viewProps[keyInit] = valInit;
       return "continue";
     }
-    if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) {
-      time`before-prop-${keyInit}`;
-    }
-    if (process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") {
-      return "continue";
-    }
+    if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
+    if (process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") return "continue";
     if (accept) {
       var accepted = accept[keyInit];
       if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit === "undefined" ? "undefined" : _type_of(valInit)) === "object") {
@@ -67,9 +59,7 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
       }
     }
     if (!disableExpandShorthands) {
-      if (keyInit in shorthands) {
-        keyInit = shorthands[keyInit];
-      }
+      if (keyInit in shorthands) keyInit = shorthands[keyInit];
     }
     if (keyInit === "className") return "continue";
     if (asChild) {
@@ -77,91 +67,33 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
       if (defaults) {
         var _defaults_keyOg;
         var defaultVal = (_defaults_keyOg = defaults[keyOg2]) !== null && _defaults_keyOg !== void 0 ? _defaults_keyOg : defaults[keyInit];
-        if (defaultVal !== void 0 && valInit === defaultVal) {
-          return "continue";
-        }
+        if (defaultVal !== void 0 && valInit === defaultVal) return "continue";
       }
     }
     if (keyInit in skipProps && !noSkip && !isHOC) {
       var _driver_animations;
-      if (keyInit === "group") {
-        if (false) {
-          var identifier2 = `t_group_${valInit}`;
-          var containerType = webContainerType || "inline-size";
-          var containerCSS = ["container", void 0, identifier2, void 0, [`.${identifier2} { container-name: ${valInit}; container-type: ${containerType}; }`]];
-          addStyleToInsertRules(rulesToInsert, containerCSS);
-        }
-      }
-      if (keyInit === "transition" && typeof valInit === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations = driver.animations) === null || _driver_animations === void 0 ? void 0 : _driver_animations[valInit])) {} else {
-        return "continue";
-      }
+      if (keyInit === "group") ;
+      if (keyInit === "transition" && typeof valInit === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations = driver.animations) === null || _driver_animations === void 0 ? void 0 : _driver_animations[valInit])) {} else return "continue";
     }
     var isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles, accept);
-    if (false) {
-      if (staticConfig.isReactNative && keyInit.startsWith("data-")) {
-        var _viewProps2, _dataSet;
-        keyInit = keyInit.replace("data-", "");
-        (_viewProps2 = viewProps)[_dataSet = "dataSet"] || (_viewProps2[_dataSet] = {});
-        viewProps["dataSet"][keyInit] = valInit;
-        return "continue";
-      }
-    }
-    if (true) {
-      if (!isValidStyleKeyInit) {
-        if (!isAndroid) {
-          if (keyInit === "elevationAndroid") return "continue";
-        }
-        if (keyInit === "userSelect") {
-          keyInit = "selectable";
-          valInit = valInit !== "none";
-        } else if (keyInit.startsWith("data-")) {
-          return "continue";
-        }
-      }
-    }
-    if (false) {
-      if (!noExpand) {
-        if (keyInit === "disabled" && valInit === true) {
-          viewProps["aria-disabled"] = true;
-          if (elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") {
-            viewProps.disabled = true;
-          }
-          if (!(variants === null || variants === void 0 ? void 0 : variants.disabled)) {
-            return "continue";
-          }
-        }
-        if (keyInit === "testID") {
-          if (isReactNative) {
-            viewProps.testID = valInit;
-          } else {
-            viewProps["data-testid"] = valInit;
-            if (styleProps.isAnimated && (driver === null || driver === void 0 ? void 0 : driver.isReactNative)) {
-              viewProps.testID = valInit;
-            }
-          }
-          return "continue";
-        }
-        if (keyInit === "id") {
-          viewProps.id = valInit;
-          return "continue";
-        }
+    if (!isValidStyleKeyInit) {
+      if (!isAndroid) {
+        if (keyInit === "elevationAndroid") return "continue";
       }
+      if (keyInit === "userSelect") {
+        keyInit = "selectable";
+        valInit = valInit !== "none";
+      } else if (keyInit.startsWith("data-")) return "continue";
     }
     var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
     var isStyleLikeKey = isValidStyleKeyInit || isVariant;
     var isPseudo = keyInit in validPseudoKeys;
     var isMedia = !isStyleLikeKey && !isPseudo ? getMediaKey(keyInit) : false;
     var isMediaOrPseudo = Boolean(isMedia || isPseudo);
-    if (isMediaOrPseudo && isMedia === "group") {
-      keyInit = normalizeGroupKey(keyInit, groupContext);
-    }
+    if (isMediaOrPseudo && isMedia === "group") keyInit = normalizeGroupKey(keyInit, groupContext);
     var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
-    if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) {
-      return "continue";
-    }
-    var shouldPassProp = !isStyleProp && isHOC ||
-    // is in parent variants
-    isHOC && parentVariants && keyInit in parentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
+    if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return "continue";
+    var shouldPassProp = !isStyleProp && isHOC || isHOC && parentVariants && keyInit in parentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
     var parentVariant = parentVariants === null || parentVariants === void 0 ? void 0 : parentVariants[keyInit];
     var isHOCShouldPassThrough = Boolean(isHOC && (isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps));
     var shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
@@ -172,41 +104,31 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
         valInit,
         shouldPassProp
       });
-      if (isClient) {
-        log({
-          variants,
-          variant: variants === null || variants === void 0 ? void 0 : variants[keyInit],
-          isVariant,
-          isHOCShouldPassThrough,
-          usedKeys: {
-            ...styleState.usedKeys
-          },
-          parentStaticConfig
-        });
-      }
+      if (isClient) log({
+        variants,
+        variant: variants === null || variants === void 0 ? void 0 : variants[keyInit],
+        isVariant,
+        isHOCShouldPassThrough,
+        usedKeys: {
+          ...styleState.usedKeys
+        },
+        parentStaticConfig
+      });
     }
     if (shouldPassThrough) {
       passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo);
-      if (process.env.NODE_ENV === "development" && debug === "verbose") {
-        console.groupEnd();
-      }
-      if (!isVariant) {
-        return "continue";
-      }
+      if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
+      if (!isVariant) return "continue";
     }
     if (!noSkip) {
       var _driver_animations1;
       if (keyInit in skipProps && !(keyInit === "transition" && typeof valInit === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations1 = driver.animations) === null || _driver_animations1 === void 0 ? void 0 : _driver_animations1[valInit]))) {
-        if (process.env.NODE_ENV === "development" && debug === "verbose") {
-          console.groupEnd();
-        }
+        if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
         return "continue";
       }
     }
     if (isText || isInput) {
-      if (valInit && (keyInit === "fontFamily" || keyInit === shorthands["fontFamily"]) && valInit in conf.fontsParsed) {
-        styleState.fontFamily = valInit;
-      }
+      if (valInit && (keyInit === "fontFamily" || keyInit === shorthands["fontFamily"]) && valInit in conf.fontsParsed) styleState.fontFamily = valInit;
     }
     var disablePropMap = isMediaOrPseudo || !isStyleLikeKey;
     propMapper(keyInit, valInit, styleState, disablePropMap, function (key5, val2, originalVal) {
@@ -217,16 +139,14 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
         return;
       }
       if (process.env.NODE_ENV === "development" && debug === "verbose") {
-        console.groupCollapsed("  \u{1F4A0} expanded", keyInit, "=>", key5);
+        console.groupCollapsed("  💠 expanded", keyInit, "=>", key5);
         log(val2);
         console.groupEnd();
       }
       if (val2 == null) return;
-      if (true) {
-        if (key5 === "pointerEvents") {
-          viewProps[key5] = val2;
-          return;
-        }
+      if (key5 === "pointerEvents") {
+        viewProps[key5] = val2;
+        return;
       }
       if (!isHOC && isValidStyleKey(key5, validStyles, accept) || isAndroid && key5 === "elevation") {
         mergeStyle(styleState, key5, val2, 1, false, originalVal);
@@ -236,15 +156,12 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
       isMedia = isPseudo ? false : getMediaKey(key5);
       isMediaOrPseudo = Boolean(isMedia || isPseudo);
       isVariant = variants && key5 in variants;
-      if (isMedia === "group") {
-        key5 = normalizeGroupKey(key5, groupContext);
-      }
+      if (isMedia === "group") key5 = normalizeGroupKey(key5, groupContext);
       if ((inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key5)) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened === null || inlineWhenUnflattened === void 0 ? void 0 : inlineWhenUnflattened.has(key5))) {
         var _props_key;
         viewProps[key5] = (_props_key = props[key5]) !== null && _props_key !== void 0 ? _props_key : val2;
       }
-      var shouldPassThrough2 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
-      if (shouldPassThrough2) {
+      if (styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]))) {
         passDownProp(viewProps, key5, val2, isMediaOrPseudo);
         if (process.env.NODE_ENV === "development" && debug === "verbose") {
           console.groupCollapsed(` - passing down prop ${key5}`);
@@ -273,14 +190,10 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
         var descriptor = pseudoDescriptors[key5];
         var isEnter = key5 === "enterStyle";
         var isExit = key5 === "exitStyle";
-        if (!descriptor) {
-          return;
-        }
+        if (!descriptor) return;
         if (shouldDoClasses && !isExit) {
           var pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
-          if (process.env.NODE_ENV === "development" && debug === "verbose") {
-            console.info("pseudo:", key5, pseudoStyleObject, pseudoStyles);
-          }
+          if (process.env.NODE_ENV === "development" && debug === "verbose") console.info("pseudo:", key5, pseudoStyleObject, pseudoStyles);
           var _iteratorNormalCompletion3 = true,
             _didIteratorError3 = false,
             _iteratorError3 = void 0;
@@ -296,25 +209,16 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
             _iteratorError3 = err;
           } finally {
             try {
-              if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
-                _iterator3.return();
-              }
+              if (!_iteratorNormalCompletion3 && _iterator3.return != null) _iterator3.return();
             } finally {
-              if (_didIteratorError3) {
-                throw _iteratorError3;
-              }
+              if (_didIteratorError3) throw _iteratorError3;
             }
           }
         }
         if (!shouldDoClasses || isExit || isEnter) {
-          var descriptorKey = descriptor.stateKey || descriptor.name;
-          var isDisabled = componentState[descriptorKey] === false;
-          if (isExit) {
-            isDisabled = !styleProps.isExiting;
-          }
-          if (isEnter && componentState.unmounted === false) {
-            isDisabled = true;
-          }
+          var isDisabled = componentState[descriptor.stateKey || descriptor.name] === false;
+          if (isExit) isDisabled = !styleProps.isExiting;
+          if (isEnter && componentState.unmounted === false) isDisabled = true;
           if (process.env.NODE_ENV === "development" && debug === "verbose") {
             console.groupCollapsed("pseudo", key5, {
               isDisabled
@@ -331,9 +235,7 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
           var pseudoOriginalValues = styleOriginalValues.get(pseudoStyleObject);
           for (var pkey in pseudoStyleObject) {
             var _$val = pseudoStyleObject[pkey];
-            if (isDisabled) {
-              applyDefaultStyle(pkey, styleState);
-            } else {
+            if (isDisabled) applyDefaultStyle(pkey, styleState);else {
               var curImportance = styleState.usedKeys[pkey] || 0;
               var shouldMerge = importance >= curImportance;
               if (shouldMerge) {
@@ -345,21 +247,17 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
                 }
                 mergeStyle(styleState, pkey, _$val, importance, false, pseudoOriginalValues === null || pseudoOriginalValues === void 0 ? void 0 : pseudoOriginalValues[pkey]);
               }
-              if (process.env.NODE_ENV === "development" && debug === "verbose") {
-                log("    subKey", pkey, shouldMerge, {
-                  importance,
-                  curImportance,
-                  pkey,
-                  val: _$val
-                });
-              }
+              if (process.env.NODE_ENV === "development" && debug === "verbose") log("    subKey", pkey, shouldMerge, {
+                importance,
+                curImportance,
+                pkey,
+                val: _$val
+              });
             }
           }
-          if (!isDisabled) {
-            for (var _$key in val2) {
-              var k = shorthands[_$key] || _$key;
-              styleState.usedKeys[k] = Math.max(importance, styleState.usedKeys[k] || 0);
-            }
+          if (!isDisabled) for (var _$key in val2) {
+            var k = shorthands[_$key] || _$key;
+            styleState.usedKeys[k] = Math.max(importance, styleState.usedKeys[k] || 0);
           }
         }
         return;
@@ -368,34 +266,26 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
         if (!val2) return;
         var mediaKeyShort = key5.slice(isMedia == "theme" ? 7 : 1);
         hasMedia || (hasMedia = true);
-        var hasSpace = val2["space"];
-        if (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) {
-          if (!hasMedia || typeof hasMedia === "boolean") {
-            hasMedia = /* @__PURE__ */new Set();
-          }
+        if (val2["space"] || !shouldDoClasses || styleProps.willBeAnimated) {
+          if (!hasMedia || typeof hasMedia === "boolean") hasMedia = /* @__PURE__ */new Set();
           hasMedia.add(mediaKeyShort);
         }
         if (isMedia === "platform") {
-          if (!isActivePlatform(key5)) {
-            return;
-          }
-        }
-        if (process.env.NODE_ENV === "development" && debug === "verbose") {
-          log(`  \u{1F4FA} ${key5}`, {
-            key: key5,
-            val: val2,
-            props,
-            shouldDoClasses,
-            acceptsClassName,
-            componentState,
-            mediaState
-          });
-        }
+          if (!isActivePlatform(key5)) return;
+        }
+        if (process.env.NODE_ENV === "development" && debug === "verbose") log(`  \u{1F4FA} ${key5}`, {
+          key: key5,
+          val: val2,
+          props,
+          shouldDoClasses,
+          acceptsClassName,
+          componentState,
+          mediaState
+        });
         var priority = mediaStylesSeen;
         mediaStylesSeen += 1;
         if (shouldDoClasses) {
-          var mediaStyle = getSubStyle(styleState, key5, val2, false);
-          var mediaStyles = getCSSStylesAtomic(mediaStyle);
+          var mediaStyles = getCSSStylesAtomic(getSubStyle(styleState, key5, val2, false));
           var _iteratorNormalCompletion12 = true,
             _didIteratorError12 = false,
             _iteratorError12 = void 0;
@@ -404,13 +294,9 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
               var style3 = _step12.value;
               var property = style3[StyleObjectProperty];
               var isSubStyle = property[0] === "$";
-              if (isSubStyle && !isActivePlatform(property)) {
-                continue;
-              }
+              if (isSubStyle && !isActivePlatform(property)) continue;
               var out = createMediaStyle(style3, mediaKeyShort, mediaQueryConfig, isMedia, false, priority);
-              if (process.env.NODE_ENV === "development" && debug === "verbose") {
-                log(`\u{1F4FA} media style:`, out);
-              }
+              if (process.env.NODE_ENV === "development" && debug === "verbose") log(`\u{1F4FA} media style:`, out);
               var subKey = isSubStyle ? style3[2] : "";
               var fullKey1 = `${style3[StyleObjectProperty]}${subKey}${PROP_SPLIT}${mediaKeyShort}${style3[StyleObjectPseudo] || ""}`;
               addStyleToInsertRules(rulesToInsert, out);
@@ -421,44 +307,30 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
             _iteratorError12 = err;
           } finally {
             try {
-              if (!_iteratorNormalCompletion12 && _iterator12.return != null) {
-                _iterator12.return();
-              }
+              if (!_iteratorNormalCompletion12 && _iterator12.return != null) _iterator12.return();
             } finally {
-              if (_didIteratorError12) {
-                throw _iteratorError12;
-              }
+              if (_didIteratorError12) throw _iteratorError12;
             }
           }
         } else {
           let mergeMediaStyle2 = function (key6, val3, originalVal2) {
             var _styleState4;
-            if (process.env.TAMAGUI_TARGET === "native") {
-              if (!isValidStyleKey(key6, validStyles, accept)) {
-                viewProps[key6] = val3;
-                return;
-              }
+            if (!isValidStyleKey(key6, validStyles, accept)) {
+              viewProps[key6] = val3;
+              return;
             }
             (_styleState4 = styleState).style || (_styleState4.style = {});
-            var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key6, val3, mediaState[mediaKeyShort], importanceBump, debug, originalVal2);
-            if (didMerge && key6 === "fontFamily") {
-              styleState.fontFamily = mediaStyle1.fontFamily;
-            }
+            if (mergeMediaByImportance(styleState, mediaKeyShort, key6, val3, mediaState[mediaKeyShort], importanceBump, debug, originalVal2) && key6 === "fontFamily") styleState.fontFamily = mediaStyle1.fontFamily;
           };
-          var mergeMediaStyle = mergeMediaStyle2;
           var isThemeMedia = isMedia === "theme";
           var isGroupMedia = isMedia === "group";
           var isPlatformMedia = isMedia === "platform";
           if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
             if (!mediaState[mediaKeyShort]) {
-              if (process.env.NODE_ENV === "development" && debug === "verbose") {
-                log(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`);
-              }
+              if (process.env.NODE_ENV === "development" && debug === "verbose") log(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`);
               return;
             }
-            if (process.env.NODE_ENV === "development" && debug === "verbose") {
-              log(`  \u{1F4FA} \u2705 ENABLED ${mediaKeyShort}`);
-            }
+            if (process.env.NODE_ENV === "development" && debug === "verbose") log(`  \u{1F4FA} \u2705 ENABLED ${mediaKeyShort}`);
           }
           var mediaStyle1 = getSubStyle(styleState, key5, val2, true);
           var importanceBump = 0;
@@ -475,31 +347,24 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
                 var existing = styleState.style[subKey1];
                 if (!isColorStyleKey(subKey1)) {
                   dynamicThemeAccess = true;
-                  if (isCurrentScheme) {
-                    mediaStyle1[subKey1] = _$val1;
-                  } else {
-                    delete mediaStyle1[subKey1];
-                  }
+                  if (isCurrentScheme) mediaStyle1[subKey1] = _$val1;else delete mediaStyle1[subKey1];
                   continue;
                 }
                 if (existing === null || existing === void 0 ? void 0 : existing.dynamic) {
                   existing.dynamic[scheme] = _$val1;
                   mediaStyle1[subKey1] = existing;
                 } else {
-                  var oppositeVal = extractValueFromDynamic(existing, oppositeScheme);
                   mediaStyle1[subKey1] = getDynamicVal({
                     scheme,
                     val: _$val1,
-                    oppositeVal
+                    oppositeVal: extractValueFromDynamic(existing, oppositeScheme)
                   });
                   mergeStyle(styleState, subKey1, mediaStyle1[subKey1], priority, false, themeOriginalValues === null || themeOriginalValues === void 0 ? void 0 : themeOriginalValues[subKey1]);
                 }
               }
             } else {
               dynamicThemeAccess = true;
-              if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) {
-                return;
-              }
+              if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
             }
           } else if (isGroupMedia) {
             var _groupContext_groupName, _componentState_group;
@@ -509,9 +374,7 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
             var groupPseudoKey = groupInfo.pseudo;
             var groupMediaKey = groupInfo.media;
             if (!groupState) {
-              if (process.env.NODE_ENV === "development" && debug) {
-                log(`No parent with group prop, skipping styles: ${groupName}`);
-              }
+              if (process.env.NODE_ENV === "development" && debug) log(`No parent with group prop, skipping styles: ${groupName}`);
               pseudoGroups || (pseudoGroups = /* @__PURE__ */new Set());
               return;
             }
@@ -521,21 +384,15 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
               mediaGroups.add(groupMediaKey);
               var mediaState1 = componentGroupState === null || componentGroupState === void 0 ? void 0 : componentGroupState.media;
               var isActive = mediaState1 === null || mediaState1 === void 0 ? void 0 : mediaState1[groupMediaKey];
-              if (!mediaState1 && groupState.layout) {
-                isActive = mediaKeyMatch(groupMediaKey, groupState.layout);
-              }
-              if (process.env.NODE_ENV === "development" && debug === "verbose") {
-                log(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`, {
-                  ...mediaState1,
-                  usedKeys: {
-                    ...styleState.usedKeys
-                  }
-                });
-              }
-              if (!isActive) {
-                for (var pkey1 in mediaStyle1) {
-                  applyDefaultStyle(pkey1, styleState);
+              if (!mediaState1 && groupState.layout) isActive = mediaKeyMatch(groupMediaKey, groupState.layout);
+              if (process.env.NODE_ENV === "development" && debug === "verbose") log(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`, {
+                ...mediaState1,
+                usedKeys: {
+                  ...styleState.usedKeys
                 }
+              });
+              if (!isActive) {
+                for (var pkey1 in mediaStyle1) applyDefaultStyle(pkey1, styleState);
                 return;
               }
               importanceBump = 2;
@@ -544,32 +401,24 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
               var _this;
               pseudoGroups || (pseudoGroups = /* @__PURE__ */new Set());
               pseudoGroups.add(groupName);
-              var componentGroupPseudoState = (_this = componentGroupState || (
-              // fallback to context initially
-              groupContext === null || groupContext === void 0 ? void 0 : groupContext[groupName].state)) === null || _this === void 0 ? void 0 : _this.pseudo;
+              var componentGroupPseudoState = (_this = componentGroupState || (groupContext === null || groupContext === void 0 ? void 0 : groupContext[groupName].state)) === null || _this === void 0 ? void 0 : _this.pseudo;
               var isActive1 = componentGroupPseudoState === null || componentGroupPseudoState === void 0 ? void 0 : componentGroupPseudoState[groupPseudoKey];
               var priority1 = pseudoPriorities[groupPseudoKey];
-              if (process.env.NODE_ENV === "development" && debug === "verbose") {
-                log(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`, {
-                  componentGroupPseudoState: {
-                    ...componentGroupPseudoState
-                  },
-                  usedKeys: {
-                    ...styleState.usedKeys
-                  }
-                });
-              }
-              if (!isActive1) {
-                for (var pkey2 in mediaStyle1) {
-                  applyDefaultStyle(pkey2, styleState);
+              if (process.env.NODE_ENV === "development" && debug === "verbose") log(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`, {
+                componentGroupPseudoState: {
+                  ...componentGroupPseudoState
+                },
+                usedKeys: {
+                  ...styleState.usedKeys
                 }
+              });
+              if (!isActive1) {
+                for (var pkey2 in mediaStyle1) applyDefaultStyle(pkey2, styleState);
                 return;
               }
               importanceBump = priority1;
             }
-          } else if (isPlatformMedia) {
-            importanceBump = getPlatformSpecificityBump(mediaKeyShort);
-          }
+          } else if (isPlatformMedia) importanceBump = getPlatformSpecificityBump(mediaKeyShort);
           var mediaOriginalValues = styleOriginalValues.get(mediaStyle1);
           if (isGroupMedia && mediaStyle1.transition) {
             var _styleState12;
@@ -577,9 +426,7 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
             styleState.pseudoTransitions[`$${mediaKeyShort}`] = mediaStyle1.transition;
           }
           for (var subKey2 in mediaStyle1) {
-            if (subKey2 === "space") {
-              continue;
-            }
+            if (subKey2 === "space") continue;
             if (subKey2[0] === "$") {
               var subMediaType = getMediaKey(subKey2);
               if (subMediaType === "platform") {
@@ -587,21 +434,13 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
               } else if (subMediaType === "theme") {
                 if (!isActiveTheme(subKey2, themeName)) continue;
               } else if (subMediaType === true) {
-                var subKeyShort = subKey2.slice(1);
-                if (!mediaState[subKeyShort]) continue;
+                if (!mediaState[subKey2.slice(1)]) continue;
               }
               var nestedVal = mediaStyle1[subKey2];
               var subOriginalValues = styleOriginalValues.get(nestedVal);
-              var isSizeMediaKey = !!mediaState[mediaKeyShort];
-              var outerBase = isSizeMediaKey ? getMediaKeyImportance(mediaKeyShort) : defaultMediaImportance;
+              var outerBase = !!mediaState[mediaKeyShort] ? getMediaKeyImportance(mediaKeyShort) : defaultMediaImportance;
               var innerBase = void 0;
-              if (subMediaType === "platform") {
-                innerBase = defaultMediaImportance + getPlatformSpecificityBump(subKey2.slice(1));
-              } else if (subMediaType === true) {
-                innerBase = getMediaKeyImportance(subKey2.slice(1));
-              } else {
-                innerBase = defaultMediaImportance;
-              }
+              if (subMediaType === "platform") innerBase = defaultMediaImportance + getPlatformSpecificityBump(subKey2.slice(1));else if (subMediaType === true) innerBase = getMediaKeyImportance(subKey2.slice(1));else innerBase = defaultMediaImportance;
               var nestedImportance = outerBase + importanceBump + innerBase + 1;
               for (var subSubKey in nestedVal) {
                 var _styleState22;
@@ -609,26 +448,18 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
                 var {
                   usedKeys
                 } = styleState;
-                if (usedKeys[expandedKey] && usedKeys[expandedKey] > nestedImportance) {
-                  continue;
-                }
+                if (usedKeys[expandedKey] && usedKeys[expandedKey] > nestedImportance) continue;
                 (_styleState22 = styleState).style || (_styleState22.style = {});
                 mergeStyle(styleState, expandedKey, nestedVal[subSubKey], nestedImportance, false, subOriginalValues === null || subOriginalValues === void 0 ? void 0 : subOriginalValues[subSubKey]);
-                if (expandedKey === "fontFamily") {
-                  styleState.fontFamily = nestedVal[subSubKey];
-                }
+                if (expandedKey === "fontFamily") styleState.fontFamily = nestedVal[subSubKey];
               }
-            } else {
-              mergeMediaStyle2(subKey2, mediaStyle1[subKey2], mediaOriginalValues === null || mediaOriginalValues === void 0 ? void 0 : mediaOriginalValues[subKey2]);
-            }
+            } else mergeMediaStyle2(subKey2, mediaStyle1[subKey2], mediaOriginalValues === null || mediaOriginalValues === void 0 ? void 0 : mediaOriginalValues[subKey2]);
           }
         }
         return;
       }
       if (!isVariant) {
-        if (isStyledContextProp) {
-          return;
-        }
+        if (isStyledContextProp) return;
         viewProps[key5] = val2;
       }
     });
@@ -650,12 +481,8 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
   };
   conf = conf || getConfig();
   var driver = animationDriver || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.animationDriver) || conf.animations;
-  if (props.passThrough) {
-    return null;
-  }
-  if (isWeb && styleProps.isAnimated && (driver === null || driver === void 0 ? void 0 : driver.isReactNative) && !styleProps.noNormalize) {
-    styleProps.noNormalize = "values";
-  }
+  if (props.passThrough) return null;
+  if (isWeb && styleProps.isAnimated && (driver === null || driver === void 0 ? void 0 : driver.isReactNative) && !styleProps.noNormalize) styleProps.noNormalize = "values";
   var {
     shorthands
   } = conf;
@@ -673,9 +500,9 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
   var viewProps = {};
   var mediaState = styleProps.mediaState || globalMediaState;
   var shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClass;
-  var rulesToInsert = true ? void 0 : {};
+  var rulesToInsert = void 0;
   var classNames = {};
-  var space = props.space;
+  props.space;
   var pseudos = null;
   var hasMedia = false;
   var dynamicThemeAccess;
@@ -684,9 +511,7 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
   var className = props.className || "";
   var mediaStylesSeen = 0;
   var validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText : validStylesView);
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) {
-    time`split-styles-setup`;
-  }
+  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
   var styleState = {
     classNames,
     conf,
@@ -700,30 +525,23 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
     viewProps,
     context: componentContext,
     debug,
-    // resolved animation driver (respects animatedBy prop)
     animationDriver: driver
   };
   if (process.env.IS_STATIC === "is_static") {
     var {
       fallbackProps
     } = styleProps;
-    if (fallbackProps) {
-      styleState.props = new Proxy(props, {
-        get(_, key5, val2) {
-          if (!Reflect.has(props, key5)) {
-            return Reflect.get(fallbackProps, key5);
-          }
-          return Reflect.get(props, key5);
-        }
-      });
-    }
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) {
-    time`style-state`;
+    if (fallbackProps) styleState.props = new Proxy(props, {
+      get(_, key5, val2) {
+        if (!Reflect.has(props, key5)) return Reflect.get(fallbackProps, key5);
+        return Reflect.get(props, key5);
+      }
+    });
   }
+  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
   if (process.env.NODE_ENV === "development" && debug === "verbose" && isClient) {
     if (isDevTools) {
-      console.groupCollapsed("\u{1F539} getSplitStyles \u{1F447}");
+      console.groupCollapsed("🔹 getSplitStyles 👇");
       log({
         props,
         staticConfig,
@@ -755,17 +573,12 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
   } = conf.settings;
   var parentVariants = parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.variants;
   for (var keyOg in props) _loop(keyOg);
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) {
-    time`split-styles-propsend`;
-  }
-  var avoidNormalize = styleProps.noNormalize === false;
-  if (!avoidNormalize) {
+  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
+  if (!(styleProps.noNormalize === false)) {
     if (styleState.style) {
       fixStyles(styleState.style);
       if (!styleProps.noExpand && !styleProps.noMergeStyle) {
-        if (isWeb && (isReactNative ? (driver === null || driver === void 0 ? void 0 : driver.inputStyle) !== "css" : true)) {
-          styleToCSS(styleState.style);
-        }
+        if (isWeb && (isReactNative ? (driver === null || driver === void 0 ? void 0 : driver.inputStyle) !== "css" : true)) styleToCSS(styleState.style);
       }
     }
     if (styleState.flatTransforms) {
@@ -774,175 +587,49 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
       mergeFlatTransforms(styleState.style, styleState.flatTransforms);
     }
     if (parentSplitStyles) {
-      if (false) {
-        if (shouldDoClasses) {
-          for (var key in parentSplitStyles.classNames) {
-            var val = parentSplitStyles.classNames[key];
-            if (styleState.style && key in styleState.style || key in classNames) continue;
-            classNames[key] = val;
-          }
-        }
-      }
-      if (!shouldDoClasses) {
-        for (var key1 in parentSplitStyles.style) {
-          var _styleState1;
-          if (key1 in classNames || styleState.style && key1 in styleState.style) continue;
-          (_styleState1 = styleState).style || (_styleState1.style = {});
-          styleState.style[key1] = parentSplitStyles.style[key1];
-        }
-      }
-    }
-  }
-  if (false) {
-    var _styleState_style;
-    var shouldStringifyTransforms = !styleProps.noNormalize && !staticConfig.isReactNative && !staticConfig.isHOC && (!styleProps.isAnimated || (driver === null || driver === void 0 ? void 0 : driver.inputStyle) === "css");
-    if (shouldStringifyTransforms && Array.isArray((_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.transform)) {
-      styleState.style.transform = transformsToString(styleState.style.transform);
-    }
-  }
-  if (false) {
-    if (!styleProps.noMergeStyle && styleState.style && shouldDoClasses) {
-      var retainedStyles;
-      var shouldRetain = false;
-      if (styleState.style["$$css"]) {} else {
-        var atomic = getCSSStylesAtomic(styleState.style);
-        var _iteratorNormalCompletion = true,
-          _didIteratorError = false,
-          _iteratorError = void 0;
-        try {
-          for (var _iterator = atomic[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-            var atomicStyle = _step.value;
-            var _props_animateOnly, _props_animateOnly1;
-            var [key2, value, identifier] = atomicStyle;
-            var isAnimatedAndTransitionOnly = styleProps.isAnimated && styleProps.noClass && ((_props_animateOnly = props.animateOnly) === null || _props_animateOnly === void 0 ? void 0 : _props_animateOnly.includes(key2));
-            var nonAnimatedTransitionOnly = !isAnimatedAndTransitionOnly && !styleProps.isAnimated && isClient && (driver === null || driver === void 0 ? void 0 : driver.outputStyle) === "css" && ((_props_animateOnly1 = props.animateOnly) === null || _props_animateOnly1 === void 0 ? void 0 : _props_animateOnly1.includes(key2));
-            if (isAnimatedAndTransitionOnly) {
-              retainedStyles || (retainedStyles = {});
-              retainedStyles[key2] = styleState.style[key2];
-            } else if (nonAnimatedTransitionOnly) {
-              retainedStyles || (retainedStyles = {});
-              retainedStyles[key2] = value;
-              shouldRetain = true;
-            } else {
-              addStyleToInsertRules(rulesToInsert, atomicStyle);
-              classNames[key2] = identifier;
-            }
-          }
-        } catch (err) {
-          _didIteratorError = true;
-          _iteratorError = err;
-        } finally {
-          try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-              _iterator.return();
-            }
-          } finally {
-            if (_didIteratorError) {
-              throw _iteratorError;
-            }
-          }
-        }
-        if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-          console.groupCollapsed(`\u{1F539} getSplitStyles final style object`);
-          console.info(styleState.style);
-          console.info(`retainedStyles`, retainedStyles);
-          console.groupEnd();
-        }
-        if (shouldRetain || !(process.env.IS_STATIC === "is_static")) {
-          styleState.style = retainedStyles || {};
-        }
-      }
-    }
-    if (!styleProps.noMergeStyle && styleState.style && !shouldDoClasses && styleProps.isAnimated && !(driver === null || driver === void 0 ? void 0 : driver.isReactNative)) {
-      if (!styleState.style["$$css"]) {
-        var toConvert = {};
-        var hasProps = false;
-        var animateOnly = props.animateOnly;
-        for (var key3 in styleState.style) {
-          if (key3 in nonAnimatableStyleProps) {
-            toConvert[key3] = styleState.style[key3];
-            delete styleState.style[key3];
-            hasProps = true;
-          }
-        }
-        if (hasProps) {
-          var atomic1 = getCSSStylesAtomic(toConvert);
-          var _iteratorNormalCompletion1 = true,
-            _didIteratorError1 = false,
-            _iteratorError1 = void 0;
-          try {
-            for (var _iterator1 = atomic1[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
-              var atomicStyle1 = _step1.value;
-              addStyleToInsertRules(rulesToInsert, atomicStyle1);
-              classNames[atomicStyle1[StyleObjectProperty]] = atomicStyle1[StyleObjectIdentifier];
-            }
-          } catch (err) {
-            _didIteratorError1 = true;
-            _iteratorError1 = err;
-          } finally {
-            try {
-              if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                _iterator1.return();
-              }
-            } finally {
-              if (_didIteratorError1) {
-                throw _iteratorError1;
-              }
-            }
-          }
-        }
+      if (!shouldDoClasses) for (var key1 in parentSplitStyles.style) {
+        var _styleState1;
+        if (key1 in classNames || styleState.style && key1 in styleState.style) continue;
+        (_styleState1 = styleState).style || (_styleState1.style = {});
+        styleState.style[key1] = parentSplitStyles.style[key1];
       }
     }
   }
   var styleProp = props.style;
-  if (!styleProps.noMergeStyle && styleProp) {
-    if (isHOC) {
-      viewProps.style = normalizeStyle(styleProp);
-    } else {
-      var isArray = Array.isArray(styleProp);
-      var len = isArray ? styleProp.length : 1;
-      for (var i = 0; i < len; i++) {
-        var style = isArray ? styleProp[i] : 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));
-          }
-        }
-      }
-    }
-  }
-  if (true) {
-    if (viewProps.tabIndex === 0) {
-      var _viewProps;
-      var _accessible;
-      (_accessible = (_viewProps = viewProps).accessible) !== null && _accessible !== void 0 ? _accessible : _viewProps.accessible = true;
-    }
-    var style1 = styleState.style;
-    if (style1 === null || style1 === void 0 ? void 0 : style1.fontFamily) {
-      var _getFont;
-      var faceInfo = (_getFont = getFont(style1.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
-      if (faceInfo) {
-        var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight;
-        var overrideFace = (_faceInfo_style_fontWeight = faceInfo[style1.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 ? void 0 : (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style1.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
-        if (overrideFace) {
-          style1.fontFamily = overrideFace;
-          styleState.fontFamily = overrideFace;
-          delete style1.fontWeight;
-          delete style1.fontStyle;
-        }
-      }
-      if (process.env.NODE_ENV === "development" && debug && debug !== "profile") {
-        log(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
-      }
-    }
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) {
-    time`split-styles-pre-result`;
-  }
+  if (!styleProps.noMergeStyle && styleProp) if (isHOC) viewProps.style = normalizeStyle(styleProp);else {
+    var isArray = Array.isArray(styleProp);
+    var len = isArray ? styleProp.length : 1;
+    for (var i = 0; i < len; i++) {
+      var style = isArray ? styleProp[i] : 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));
+      }
+    }
+  }
+  if (viewProps.tabIndex === 0) {
+    var _viewProps;
+    var _accessible;
+    (_accessible = (_viewProps = viewProps).accessible) !== null && _accessible !== void 0 || (_viewProps.accessible = true);
+  }
+  var style1 = styleState.style;
+  if (style1 === null || style1 === void 0 ? void 0 : style1.fontFamily) {
+    var _getFont;
+    var faceInfo = (_getFont = getFont(style1.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
+    if (faceInfo) {
+      var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight;
+      var overrideFace = (_faceInfo_style_fontWeight = faceInfo[style1.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 ? void 0 : (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style1.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
+      if (overrideFace) {
+        style1.fontFamily = overrideFace;
+        styleState.fontFamily = overrideFace;
+        delete style1.fontWeight;
+        delete style1.fontStyle;
+      }
+    }
+    if (process.env.NODE_ENV === "development" && debug && debug !== "profile") log(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
+  }
+  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
   var result = {
     hasMedia,
     fontFamily: styleState.fontFamily,
@@ -961,76 +648,13 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
   if (!styleProps.noMergeStyle) {
     if (!asChildExceptStyleLike) {
       var style2 = styleState.style;
-      if (false) {
-        var fontFamily = isText || isInput ? styleState.fontFamily : null;
-        if (fontFamily && fontFamily[0] === "$") {
-          fontFamily = fontFamily.slice(1);
-        }
-        var fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "";
-        var groupClassName = props.group ? `t_group_${props.group}` : "";
-        var componentNameFinal = props.componentName || staticConfig.componentName;
-        var componentNameClassName = props.asChild || !componentNameFinal || componentNameFinal === "Text" ? "" : `is_${componentNameFinal}`;
-        var classList = [];
-        if (componentNameClassName) classList.push(componentNameClassName);
-        if (!isText) classList.push("is_View");else classList.push("is_Text");
-        if (fontFamilyClassName) classList.push(fontFamilyClassName);
-        if (classNames) classList.push(Object.values(classNames).join(" "));
-        if (groupClassName) classList.push(groupClassName);
-        if (props.className) classList.push(props.className);
-        var finalClassName = classList.join(" ");
-        var needsCssStyles = isReactNative || styleProps.isAnimated && (driver === null || driver === void 0 ? void 0 : driver.isReactNative);
-        if (styleProps.isAnimated && (driver === null || driver === void 0 ? void 0 : driver.inputStyle) === "css") {
-          viewProps.className = finalClassName;
-          if (style2) {
-            viewProps.style = style2;
-          }
-        } else if (needsCssStyles) {
-          var cnStyles;
-          var _iteratorNormalCompletion2 = true,
-            _didIteratorError2 = false,
-            _iteratorError2 = void 0;
-          try {
-            for (var _iterator2 = finalClassName.split(" ")[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-              var name = _step2.value;
-              cnStyles || (cnStyles = {
-                $$css: true
-              });
-              cnStyles[name] = name;
-            }
-          } catch (err) {
-            _didIteratorError2 = true;
-            _iteratorError2 = err;
-          } finally {
-            try {
-              if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-                _iterator2.return();
-              }
-            } finally {
-              if (_didIteratorError2) {
-                throw _iteratorError2;
-              }
-            }
-          }
-          viewProps.style = cnStyles ? [...(Array.isArray(style2) ? style2 : [style2]), cnStyles] : [style2];
-        } else {
-          if (finalClassName) {
-            viewProps.className = finalClassName;
-          }
-          if (style2) {
-            viewProps.style = style2;
-          }
-        }
-      } else {
-        if (style2) {
-          viewProps.style = style2;
-        }
-      }
+      if (style2) viewProps.style = style2;
     }
   }
   if (process.env.NODE_ENV === "development" && debug === "verbose") {
     if (isClient && isDevTools) {
       console.groupEnd();
-      console.groupCollapsed("\u{1F539} getSplitStyles ===>");
+      console.groupCollapsed("🔹 getSplitStyles ===>");
       try {
         var logs = {
           ...result,
@@ -1040,16 +664,12 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
           rulesToInsert,
           parentSplitStyles
         };
-        for (var key4 in logs) {
-          log(key4, logs[key4]);
-        }
+        for (var key4 in logs) log(key4, logs[key4]);
       } catch (e) {}
       console.groupEnd();
     }
   }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) {
-    time`split-styles-done`;
-  }
+  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
   return result;
 };
 function mergeFlatTransforms(target, flatTransforms) {
@@ -1072,10 +692,7 @@ function mergeStyle(styleState, key, val, importance) {
     staticConfig,
     usedKeys
   } = styleState;
-  var existingImportance = usedKeys[key] || 0;
-  if (existingImportance > importance) {
-    return;
-  }
+  if ((usedKeys[key] || 0) > importance) return;
   var contextProps = ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.props) || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 ? void 0 : (_staticConfig_parentStaticConfig_context = _staticConfig_parentStaticConfig.context) === null || _staticConfig_parentStaticConfig_context === void 0 ? void 0 : _staticConfig_parentStaticConfig_context.props);
   if (contextProps && key in contextProps) {
     var _styleState_originalContextPropValues;
@@ -1091,20 +708,12 @@ function mergeStyle(styleState, key, val, importance) {
     usedKeys[key] = importance;
     styleState.flatTransforms[key] = val;
   } else {
-    var shouldNormalize = isWeb && !disableNormalize && !styleProps.noNormalize;
-    var out = shouldNormalize ? normalizeValueWithProperty(val, key) : val;
-    if (
-    // accept is for props not styles
-    staticConfig.accept && key in staticConfig.accept) {
-      viewProps[key] = out;
-    } else {
+    var out = isWeb && !disableNormalize && !styleProps.noNormalize ? normalizeValueWithProperty(val, key) : val;
+    if (staticConfig.accept && key in staticConfig.accept) viewProps[key] = out;else {
       var _styleState2;
       (_styleState2 = styleState).style || (_styleState2.style = {});
       usedKeys[key] = importance;
-      styleState.style[key] =
-      // if you dont do this you'll be passing props.transform arrays directly here and then mutating them
-      // if theres any flatTransforms later, causing issues (mutating props is bad, in strict mode styles get borked)
-      key === "transform" && Array.isArray(out) ? [...out] : out;
+      styleState.style[key] = key === "transform" && Array.isArray(out) ? [...out] : out;
     }
   }
 }
@@ -1121,35 +730,21 @@ var getSubStyle = function (styleState, subKey, styleIn, avoidMergeTransform) {
       if ((driver === null || driver === void 0 ? void 0 : driver.outputStyle) === "css") {
         var _driver_animations1;
         var animationConfig = (_driver_animations1 = driver.animations) === null || _driver_animations1 === void 0 ? void 0 : _driver_animations1[val];
-        if (animationConfig) {
-          var important = subKey[0] === "$" ? " !important" : "";
-          styleOut["transition"] = `all ${animationConfig}${important}`;
-        }
-      }
-      if (!styleOut["transition"] && typeof val === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations = driver.animations) === null || _driver_animations === void 0 ? void 0 : _driver_animations[val])) {
-        styleOut["transition"] = val;
+        if (animationConfig) styleOut["transition"] = `all ${animationConfig}${subKey[0] === "$" ? " !important" : ""}`;
       }
+      if (!styleOut["transition"] && typeof val === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations = driver.animations) === null || _driver_animations === void 0 ? void 0 : _driver_animations[val])) styleOut["transition"] = val;
       return key = key1, "continue";
     }
-    var shouldSkip = !staticConfig.isHOC && key1 in skipProps && !styleProps.noSkip;
-    if (shouldSkip) {
-      return key = key1, "continue";
-    }
+    if (!staticConfig.isHOC && key1 in skipProps && !styleProps.noSkip) return key = key1, "continue";
     propMapper(key1, val, styleState, false, function (skey, sval, originalVal) {
       if (originalVal !== void 0) {
         originalValues || (originalValues = {});
         originalValues[skey] = originalVal;
       }
-      if (skey in validPseudoKeys) {
-        sval = getSubStyle(styleState, skey, sval, avoidMergeTransform);
-      }
-      if (!avoidMergeTransform && skey in stylePropsTransform) {
-        mergeTransform(styleOut, skey, sval);
-      } else {
-        styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key1);
-      }
+      if (skey in validPseudoKeys) sval = getSubStyle(styleState, skey, sval, avoidMergeTransform);
+      if (!avoidMergeTransform && skey in stylePropsTransform) mergeTransform(styleOut, skey, sval);else styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key1);
     });
-    key = key1, void 0;
+    key = key1;
   };
   var {
     staticConfig,
@@ -1171,11 +766,9 @@ var getSubStyle = function (styleState, subKey, styleIn, avoidMergeTransform) {
         outer: for (var i = 0; i < parentTransform.length; i++) {
           var pt = parentTransform[i];
           for (var pk in pt) {
-            for (var j = 0; j < len; j++) {
-              for (var sk in styleOutTransform[j]) {
-                if (pk === sk) continue outer;
-                break;
-              }
+            for (var j = 0; j < len; j++) for (var sk in styleOutTransform[j]) {
+              if (pk === sk) continue outer;
+              break;
             }
             merged.push(pt);
             break;
@@ -1184,53 +777,27 @@ var getSubStyle = function (styleState, subKey, styleIn, avoidMergeTransform) {
         for (var i1 = 0; i1 < len; i1++) merged.push(styleOutTransform[i1]);
         styleOut.transform = merged;
       }
-      if (flatTransforms) {
-        outer: for (var fk in flatTransforms) {
-          var ck = fk === "x" ? "translateX" : fk === "y" ? "translateY" : fk;
-          for (var j1 = 0; j1 < len; j1++) {
-            for (var sk1 in styleOutTransform[j1]) {
-              if (ck === sk1) continue outer;
-              break;
-            }
-          }
-          mergeTransform(styleOut, fk, flatTransforms[fk]);
+      if (flatTransforms) outer: for (var fk in flatTransforms) {
+        var ck = fk === "x" ? "translateX" : fk === "y" ? "translateY" : fk;
+        for (var j1 = 0; j1 < len; j1++) for (var sk1 in styleOutTransform[j1]) {
+          if (ck === sk1) continue outer;
+          break;
         }
+        mergeTransform(styleOut, fk, flatTransforms[fk]);
       }
-    } else if (flatTransforms) {
-      mergeFlatTransforms(styleOut, flatTransforms);
-    }
-  }
-  if (!styleProps.noNormalize) {
-    fixStyles(styleOut);
-  }
-  if (originalValues) {
-    styleOriginalValues.set(styleOut, originalValues);
+    } else if (flatTransforms) mergeFlatTransforms(styleOut, flatTransforms);
   }
+  if (!styleProps.noNormalize) fixStyles(styleOut);
+  if (originalValues) styleOriginalValues.set(styleOut, originalValues);
   return styleOut;
 };
-var useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : function () {};
+isWeb && React.useInsertionEffect;
 var useSplitStyles = function (a, b, c, d, e, f, g, h, i, j, k, l, m) {
   "use no memo";
 
-  var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j, k, l, m);
-  if (false) {
-    useInsertEffectCompat(function () {
-      if (res) {
-        insertStyleRules(res.rulesToInsert);
-      }
-    }, [res === null || res === void 0 ? void 0 : res.rulesToInsert]);
-  }
-  return res;
+  return getSplitStyles(a, b, c, d, e, f, g, h, i, j, k, l, m);
 };
-function addStyleToInsertRules(rulesToInsert, styleObject) {
-  if (false) {
-    var identifier = styleObject[StyleObjectIdentifier];
-    if (shouldInsertStyleRules(identifier)) {
-      updateRules(identifier, styleObject[StyleObjectRules]);
-      rulesToInsert[identifier] = styleObject;
-    }
-  }
-}
+function addStyleToInsertRules(rulesToInsert, styleObject) {}
 var defaultColor = process.env.GUI_DEFAULT_COLOR || "rgba(0,0,0,0)";
 var animatableDefaults = {
   ...Object.fromEntries(Object.entries(tokenCategories.color).map(function (param) {
@@ -1254,9 +821,7 @@ var animatableDefaults = {
 var mergeTransform = function (obj, key, val) {
   var backwards = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
   var _obj;
-  if (typeof obj.transform === "string") {
-    return;
-  }
+  if (typeof obj.transform === "string") return;
   (_obj = obj).transform || (_obj.transform = []);
   obj.transform[backwards ? "unshift" : "push"]({
     [mapTransformKeys[key] || key]: val
@@ -1267,17 +832,14 @@ var mapTransformKeys = {
   y: "translateY"
 };
 function passDownProp(viewProps, key, val) {
-  var shouldMergeObject = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
-  if (shouldMergeObject) {
+  if (arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false) {
     var next = {
       ...viewProps[key],
       ...val
     };
     delete viewProps[key];
     viewProps[key] = next;
-  } else {
-    viewProps[key] = val;
-  }
+  } else viewProps[key] = val;
 }
 function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp, originalVal) {
   var usedKeys = styleState.usedKeys;
@@ -1286,49 +848,30 @@ function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, i
     var bumpedImportance = defaultMediaImportance + importanceBump;
     importance = !usedKeys[key] || bumpedImportance > usedKeys[key] ? bumpedImportance : null;
   }
-  if (process.env.NODE_ENV === "development" && debugProp === "verbose") {
-    log(`mergeMediaByImportance ${key} importance usedKey ${usedKeys[key]} next ${importance}`);
-  }
-  if (importance === null) {
-    return false;
-  }
+  if (process.env.NODE_ENV === "development" && debugProp === "verbose") log(`mergeMediaByImportance ${key} importance usedKey ${usedKeys[key]} next ${importance}`);
+  if (importance === null) return false;
   if (key in pseudoDescriptors) {
     var descriptor = pseudoDescriptors[key];
     var descriptorKey = descriptor.stateKey || descriptor.name;
-    var isDisabled = styleState.componentState[descriptorKey] === false;
-    if (isDisabled) {
-      return false;
-    }
+    if (styleState.componentState[descriptorKey] === false) return false;
     var pseudoOriginalValues = styleOriginalValues.get(value);
-    for (var subKey in value) {
-      mergeStyle(styleState, subKey, value[subKey], importance, false, pseudoOriginalValues === null || pseudoOriginalValues === void 0 ? void 0 : pseudoOriginalValues[subKey]);
-    }
-  } else {
-    mergeStyle(styleState, key, value, importance, false, originalVal);
-  }
+    for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance, false, pseudoOriginalValues === null || pseudoOriginalValues === void 0 ? void 0 : pseudoOriginalValues[subKey]);
+  } else mergeStyle(styleState, key, value, importance, false, originalVal);
   return true;
 }
 function normalizeStyle(style) {
   var out = {};
   for (var key in style) {
     var val = style[key];
-    if (key in stylePropsTransform) {
-      mergeTransform(out, key, val);
-    } else {
-      out[key] = normalizeValueWithProperty(val, key);
-    }
-  }
-  if (isWeb && Array.isArray(out.transform)) {
-    out.transform = transformsToString(out.transform);
+    if (key in stylePropsTransform) mergeTransform(out, key, val);else out[key] = normalizeValueWithProperty(val, key);
   }
+  if (isWeb && Array.isArray(out.transform)) out.transform = transformsToString(out.transform);
   fixStyles(out);
   return out;
 }
 function applyDefaultStyle(pkey, styleState) {
   var defaultValues = animatableDefaults[pkey];
-  if (defaultValues != null && !(pkey in styleState.usedKeys) && (!styleState.style || !(pkey in styleState.style))) {
-    mergeStyle(styleState, pkey, defaultValues, 1);
-  }
+  if (defaultValues != null && !(pkey in styleState.usedKeys) && (!styleState.style || !(pkey in styleState.style))) mergeStyle(styleState, pkey, defaultValues, 1);
 }
 export { PROP_SPLIT, getSplitStyles, getSubStyle, styleOriginalValues, useSplitStyles };
 //# sourceMappingURL=getSplitStyles.native.js.map