@tamagui/core 1.125.2 → 1.125.4

package/dist/native.js

@@ -1325,7 +1325,7 @@ var require_insertStyleRule_native = __commonJS({
         return insertStyleRules;
       },
       insertedTransforms: function() {
-        return insertedTransforms2;
+        return insertedTransforms;
       },
       listenForSheetChanges: function() {
         return listenForSheetChanges;
@@ -1344,12 +1344,12 @@ var require_insertStyleRule_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(insertStyleRule_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms2 = {}, getAllSelectors = function() {
+    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = function() {
       return allSelectors;
     }, getAllRules = function() {
       return Object.values(allRules);
     }, getAllTransforms = function() {
-      return insertedTransforms2;
+      return insertedTransforms;
     };
     function addTransform(identifier, css, rule) {
       var s = css.indexOf("transform:");
@@ -1358,7 +1358,7 @@ var require_insertStyleRule_native = __commonJS({
         return;
       }
       var startI = s + 10, endI = css.indexOf(";"), value = css.slice(startI, endI);
-      if (!insertedTransforms2[identifier]) return insertedTransforms2[identifier] = value, !0;
+      if (!insertedTransforms[identifier]) return insertedTransforms[identifier] = value, !0;
     }
     function listenForSheetChanges() {
       if (import_constants2.isClient) {
@@ -2713,6 +2713,59 @@ var require_defaultComponentState_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/consoleLog.native.js
+var require_consoleLog_native = __commonJS({
+  "../web/dist/cjs/helpers/consoleLog.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, consoleLog_exports = {};
+    __export2(consoleLog_exports, {
+      gc: function() {
+        return gc;
+      },
+      groupCollapsed: function() {
+        return groupCollapsed;
+      },
+      groupEnd: function() {
+        return groupEnd;
+      }
+    });
+    module2.exports = __toCommonJS2(consoleLog_exports);
+    var import_constants2 = require_index_native2(), groupEnd = console.groupEnd.bind(console), gc = console.groupCollapsed.bind(console), groupCollapsed = import_constants2.isWeb ? gc : console.info;
+  }
+});
+
 // ../web/dist/cjs/helpers/getShorthandValue.native.js
 var require_getShorthandValue_native = __commonJS({
   "../web/dist/cjs/helpers/getShorthandValue.native.js"(exports2, module2) {
@@ -3957,6 +4010,8 @@ var require_log_native = __commonJS({
         (0, import_useMedia._disableMediaTouch)(!0);
         try {
           return console.log(...args);
+        } catch (err) {
+          console.error(err);
         } finally {
           (0, import_useMedia._disableMediaTouch)(!1);
         }
@@ -4005,13 +4060,10 @@ var require_normalizeValueWithProperty_native = __commonJS({
     __export2(normalizeValueWithProperty_exports, {
       normalizeValueWithProperty: function() {
         return normalizeValueWithProperty;
-      },
-      reverseMapClassNameToValue: function() {
-        return reverseMapClassNameToValue;
       }
     });
     module2.exports = __toCommonJS2(normalizeValueWithProperty_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_insertStyleRule = require_insertStyleRule_native(), stylePropsAllPlusTransforms = {
+    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), stylePropsAllPlusTransforms = {
       ...import_helpers2.stylePropsAll,
       translateX: !0,
       translateY: !0
@@ -4022,23 +4074,6 @@ var require_normalizeValueWithProperty_native = __commonJS({
       var res = value;
       return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
     }
-    var rcache = {};
-    function reverseMapClassNameToValue(key, className) {
-      var selectors = (0, import_insertStyleRule.getAllSelectors)(), cssRule = selectors[className];
-      if (rcache[cssRule]) return rcache[cssRule];
-      if (!cssRule) {
-        process.env.NODE_ENV === "development" && console.warn(`No CSS rule found for ${key} looking for selector ".${className}", you may not be injecting extracted CSS`);
-        return;
-      }
-      var cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim(), res;
-      return cssVal.startsWith("var(") ? res = cssVal : import_helpers2.stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && Number.isNaN(res) && console.info("Tamagui invalid parsed value, NaN:", {
-        res,
-        cssVal,
-        cssRule,
-        key,
-        className
-      }), res;
-    }
   }
 });
 
@@ -5196,7 +5231,7 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), consoleGroupCollapsed = import_constants2.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
+    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_consoleLog = require_consoleLog_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, validStyles2, accept) {
       return key in validStyles2 ? !0 : accept && key in accept;
     }
@@ -5209,19 +5244,13 @@ var require_getSplitStyles_native = __commonJS({
           var accepted = accept[keyInit];
           if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass), "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 (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_consoleLog.groupEnd)(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys) return "continue";
         if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
           if (keyInit === "group" && !1) var identifier2, containerType, containerCSS;
           return "continue";
         }
         var valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles2, accept);
-        if (0) {
-          if (staticConfig.isReactNative && keyInit.startsWith("data-")) var _viewProps2, _dataSet;
-          if (isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
-            var isValidClassName, isMediaOrPseudo;
-            if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses) var _styleState3;
-          }
-        }
+        if (0) var _viewProps2, _dataSet;
         if (!isValidStyleKeyInit) {
           if (!import_constants2.isAndroid && keyInit === "elevationAndroid") return "continue";
           if (keyInit === "userSelect") keyInit = "selectable", valInit = valInit !== "none";
@@ -5232,8 +5261,8 @@ var require_getSplitStyles_native = __commonJS({
           return "continue";
         }
         if (0) var didUseKeyInit;
-        var isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers2.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
-        if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
+        var isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers2.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = !!(isMedia || isPseudo);
+        if (isMediaOrPseudo && keyInit.startsWith("$group-")) {
           var parts = keyInit.split("-");
           if (
             // check if its actually a simple group selector to avoid breaking selectors
@@ -5243,11 +5272,11 @@ var require_getSplitStyles_native = __commonJS({
             context != null && context.groups.subscribe && !(context != null && context.groups.state[name2]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
           }
         }
-        var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand;
+        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 ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-        if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed(`  \u{1F511} ${keyOg2}${keyInit !== keyOg2 ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
+        isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+        if (process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupEnd)(), (0, import_consoleLog.groupEnd)(), (0, import_consoleLog.groupCollapsed)(`  \u{1F511} ${keyOg2}${keyInit !== keyOg2 ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
           isVariant,
           valInit,
           shouldPassProp
@@ -5257,16 +5286,16 @@ var require_getSplitStyles_native = __commonJS({
           isVariant,
           isHOCShouldPassThrough,
           parentStaticConfig
-        })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant) || !noSkip && keyInit in import_skipProps.skipProps) return "continue";
+        })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !noSkip && keyInit in import_skipProps.skipProps) return "continue";
         (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
-        var disablePropMap = isMediaOrPseudo1 || !isStyleLikeKey;
+        var disablePropMap = isMediaOrPseudo || !isStyleLikeKey;
         if ((0, import_propMapper.propMapper)(keyInit, valInit, styleState, disablePropMap, function(key4, val2) {
           var _parentStaticConfig_variants;
-          if (!isHOC && disablePropMap && !isMediaOrPseudo1) {
+          if (!isHOC && disablePropMap && !isMediaOrPseudo) {
             viewProps[key4] = val2;
             return;
           }
-          if (process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("  \u{1F4A0} expanded", keyInit, "=>", key4), (0, import_log.log)(val2), console.groupEnd()), val2 != null && !(key4 in usedKeys)) {
+          if (process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupCollapsed)("  \u{1F4A0} expanded", keyInit, "=>", key4), (0, import_log.log)(val2), (0, import_consoleLog.groupEnd)()), val2 != null && !(key4 in usedKeys)) {
             if (key4 === "pointerEvents") {
               viewProps[key4] = val2;
               return;
@@ -5275,23 +5304,23 @@ var require_getSplitStyles_native = __commonJS({
               mergeStyle(styleState, key4, val2);
               return;
             }
-            if (isPseudo = key4 in import_helpers2.validPseudoKeys, isMedia = !isPseudo && (0, import_useMedia.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 (isPseudo = key4 in import_helpers2.validPseudoKeys, isMedia = !isPseudo && (0, import_useMedia.isMediaKey)(key4), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key4 in variants, inlineProps != null && inlineProps.has(key4) || process.env.IS_STATIC === "is_static" && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key4)) {
               var _props_key;
               viewProps[key4] = (_props_key = props[key4]) !== null && _props_key !== void 0 ? _props_key : val2;
             }
-            var shouldPassThrough2 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo1 || (parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
+            var shouldPassThrough2 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || (parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
             if (shouldPassThrough2) {
-              passDownProp(viewProps, key4, val2, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(` - passing down prop ${key4}`), (0, import_log.log)({
+              passDownProp(viewProps, key4, val2, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupCollapsed)(` - passing down prop ${key4}`), (0, import_log.log)({
                 val: val2,
                 after: {
                   ...viewProps[key4]
                 }
-              }), console.groupEnd());
+              }), (0, import_consoleLog.groupEnd)());
               return;
             }
             if (isPseudo) {
               if (!val2) return;
-              var pseudoStyleObject = getSubStyle(styleState, key4, val2, styleProps.noClass);
+              var pseudoStyleObject = getSubStyle(styleState, key4, val2, styleProps.noClass && process.env.IS_STATIC !== "is_static");
               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") {
@@ -5303,15 +5332,12 @@ var require_getSplitStyles_native = __commonJS({
               if (!descriptor) return;
               if (shouldDoClasses && !isExit) {
                 var pseudoStyles = (0, import_getCSSStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
-                process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key4), (0, import_log.log)({
-                  pseudoStyleObject,
-                  pseudoStyles
-                }), console.groupEnd());
+                process.env.NODE_ENV === "development" && debug === "verbose" && console.info("pseudo:", key4, pseudoStyleObject, pseudoStyles);
                 var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
                 try {
                   for (var _iterator2 = pseudoStyles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
                     var psuedoStyle = _step2.value, fullKey = `${psuedoStyle[import_helpers2.StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
-                    fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), mergeClassName(transforms, classNames, fullKey, psuedoStyle[import_helpers2.StyleObjectIdentifier], isMediaOrPseudo1, !0));
+                    fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), classNames[fullKey] = psuedoStyle[import_helpers2.StyleObjectIdentifier]);
                   }
                 } catch (err) {
                   _didIteratorError2 = !0, _iteratorError2 = err;
@@ -5325,14 +5351,14 @@ var require_getSplitStyles_native = __commonJS({
               }
               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" && ((0, import_consoleLog.groupCollapsed)("pseudo", key4, {
                   isDisabled
                 }), (0, import_log.log)({
                   pseudoStyleObject,
                   isDisabled,
                   descriptor,
                   componentState
-                }), console.groupEnd());
+                }), (0, import_consoleLog.groupEnd)());
                 var importance = descriptor.priority;
                 for (var pkey in pseudoStyleObject) {
                   var _$val = pseudoStyleObject[pkey];
@@ -5389,7 +5415,7 @@ var require_getSplitStyles_native = __commonJS({
                       var out = (0, import_createMediaStyle.createMediaStyle)(style3, mediaKeyShort, import_useMedia.mediaQueryConfig, isMedia, !1, priority);
                       process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out);
                       var subKey = isSubStyle ? style3[2] : "", fullKey1 = `${style3[import_helpers2.StyleObjectProperty]}${subKey}${PROP_SPLIT}${mediaKeyShort}${style3[import_helpers2.StyleObjectPseudo] || ""}`;
-                      fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(transforms, classNames, fullKey1, out[import_helpers2.StyleObjectIdentifier], !0, !0));
+                      fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), classNames[fullKey1] = out[import_helpers2.StyleObjectIdentifier]);
                     }
                   }
                 } catch (err) {
@@ -5403,8 +5429,8 @@ var require_getSplitStyles_native = __commonJS({
                 }
               } else {
                 var mergeMediaStyle2 = function(key5, val3) {
-                  var _styleState4;
-                  (_styleState4 = styleState).style || (_styleState4.style = {});
+                  var _styleState3;
+                  (_styleState3 = styleState).style || (_styleState3.style = {});
                   var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, usedKeys, mediaState2[mediaKeyShort], importanceBump, debug);
                   didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
                 }, mergeMediaStyle = mergeMediaStyle2, isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
@@ -5467,18 +5493,16 @@ var require_getSplitStyles_native = __commonJS({
           try {
             (0, import_log.log)(" \u2714\uFE0F expand complete", keyInit), (0, import_log.log)("style", {
               ...styleState.style
-            }), (0, import_log.log)("transforms", {
-              ...transforms
             }), (0, import_log.log)("viewProps", {
               ...viewProps
             });
           } catch {
           }
-          console.groupEnd();
+          (0, import_consoleLog.groupEnd)();
         }
       };
       conf = conf || (0, import_config.getConfig)(), import_constants2.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants2.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles2 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers2.stylePropsText : import_helpers2.validStyles);
+      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants2.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles2 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers2.stylePropsText : import_helpers2.validStyles);
       process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-setup`;
       var styleState = {
         classNames,
@@ -5502,7 +5526,7 @@ var require_getSplitStyles_native = __commonJS({
           }
         }));
       }
-      process.env.NODE_ENV === "development" && debug === "profile" && time`style-state`, process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants2.isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
+      process.env.NODE_ENV === "development" && debug === "profile" && time`style-state`, process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants2.isClient && ((0, import_consoleLog.groupCollapsed)("getSplitStyles (collapsed)"), (0, import_log.log)({
         props,
         staticConfig,
         shouldDoClasses,
@@ -5513,7 +5537,7 @@ var require_getSplitStyles_native = __commonJS({
         theme: {
           ...theme
         }
-      }), console.groupEnd());
+      }), (0, import_consoleLog.groupEnd)());
       var { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
       for (var keyOg in props) _loop(keyOg);
       process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-propsend`;
@@ -5521,13 +5545,7 @@ var require_getSplitStyles_native = __commonJS({
       if (!avoidNormalize) {
         if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), !styleProps.noExpand && !styleProps.noMergeStyle && import_constants2.isWeb && !isReactNative && (0, import_getCSSStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms) {
           var _styleState;
-          (_styleState = styleState).style || (_styleState.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
-            var [a] = param, [b] = param1;
-            return (0, import_sortString.sortString)(a, b);
-          }).forEach(function(param) {
-            var [key4, val2] = param;
-            mergeTransform(styleState.style, key4, val2, !0);
-          });
+          (_styleState = styleState).style || (_styleState.style = {}), mergeFlatTransforms(styleState.style, styleState.flatTransforms);
         }
         if (parentSplitStyles) {
           if (0) for (var key in parentSplitStyles.classNames) var val;
@@ -5549,10 +5567,6 @@ var require_getSplitStyles_native = __commonJS({
             } finally {
             }
           }
-          if (transforms) for (var namespace in transforms) {
-            var hash, val1, identifier1;
-            if (import_constants2.isClient && !insertedTransforms[identifier1]) var rule;
-          }
         }
         if (isReactNative) {
           if (viewProps.tabIndex === 0) var _viewProps, _accessible;
@@ -5606,13 +5620,12 @@ var require_getSplitStyles_native = __commonJS({
         } else style2 && (viewProps.style = style2);
       }
       if (process.env.NODE_ENV === "development" && debug === "verbose" && import_isDevTools.isDevTools) {
-        consoleGroupCollapsed("\u{1F539} getSplitStyles ===>");
+        (0, import_consoleLog.groupCollapsed)("\u{1F539} getSplitStyles ===>");
         try {
           var logs = {
             ...result,
             className,
             componentState,
-            transforms,
             viewProps,
             rulesToInsert,
             parentSplitStyles
@@ -5620,20 +5633,22 @@ var require_getSplitStyles_native = __commonJS({
           for (var key3 in logs) (0, import_log.log)(key3, logs[key3]);
         } catch {
         }
-        console.groupEnd();
+        (0, import_consoleLog.groupEnd)();
       }
       return process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-done`, result;
     };
-    function mergeClassName(transforms, classNames, key, val) {
-      var isMediaOrPseudo = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1, isInsertingNow = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1;
-      if (0) var _transforms, _ns, ns, transform;
+    function mergeFlatTransforms(target, flatTransforms) {
+      Object.entries(flatTransforms).sort(function(param, param1) {
+        var [a] = param, [b] = param1;
+        return (0, import_sortString.sortString)(a, b);
+      }).forEach(function(param) {
+        var [key, val] = param;
+        mergeTransform(target, key, val, !0);
+      });
     }
     function mergeStyle(styleState, key, val) {
-      var disableNormalize = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, { classNames, viewProps, usedKeys, styleProps, staticConfig } = styleState;
-      if (import_constants2.isWeb && (val == null ? void 0 : val[0]) === "_") {
-        var _usedKeys, _key;
-        classNames[key] = val, (_usedKeys = usedKeys)[_key = key] || (_usedKeys[_key] = 1);
-      } else if (key in import_helpers2.stylePropsTransform) {
+      var disableNormalize = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, { viewProps, styleProps, staticConfig } = styleState;
+      if (key in import_helpers2.stylePropsTransform) {
         var _styleState;
         (_styleState = styleState).flatTransforms || (_styleState.flatTransforms = {}), styleState.flatTransforms[key] = val;
       } else {
@@ -5644,7 +5659,11 @@ var require_getSplitStyles_native = __commonJS({
         ) viewProps[key] = out;
         else {
           var _styleState1;
-          (_styleState1 = styleState).style || (_styleState1.style = {}), styleState.style[key] = out;
+          (_styleState1 = styleState).style || (_styleState1.style = {}), 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;
         }
       }
     }
@@ -5659,6 +5678,16 @@ var require_getSplitStyles_native = __commonJS({
         }), key = key1;
       }, { staticConfig, conf: conf2, styleProps } = styleState, styleOut = {};
       for (var key in styleIn) _loop(key);
+      if (!avoidMergeTransform) {
+        if (Array.isArray(styleOut.transform)) {
+          var _styleState_style, parentTransform = (_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.transform;
+          parentTransform && (styleOut.transform = [
+            ...parentTransform,
+            ...styleOut.transform
+          ]);
+        }
+        styleState.flatTransforms && mergeFlatTransforms(styleOut, styleState.flatTransforms);
+      }
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
     }, useInsertEffectCompat = import_constants2.isWeb ? import_react3.default.useInsertionEffect || import_constants2.useIsomorphicLayoutEffect : function() {
     }, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j) {
@@ -5982,7 +6011,7 @@ var require_subscribeToContextGroup_native = __commonJS({
     });
     module2.exports = __toCommonJS2(subscribeToContextGroup_exports);
     var import_createShallowSetState = require_createShallowSetState_native(), import_useMedia = require_useMedia_native(), subscribeToContextGroup = function(param) {
-      var { disabled = !1, setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
+      var { setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
       if (pseudoGroups || mediaGroups) {
         var _componentContext_groups_subscribe, _componentContext_groups, current = {
           pseudo: {},
@@ -6643,7 +6672,7 @@ var require_Theme_native = __commonJS({
     Theme.avoidForwardRef = !0;
     function getThemedChildren(themeState, children, props) {
       var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, stateRef = arguments.length > 4 ? arguments[4] : void 0, { shallow, forceClassName } = props, state = stateRef.current, hasEverThemed = state.hasEverThemed, shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
-      if (process.env.NODE_ENV === "development" && props.debug && (children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
+      if (process.env.NODE_ENV === "development" && props.debug === "visualize" && (children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
         themeState,
         themeProps: props,
         children
@@ -7284,7 +7313,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_consoleLog = require_consoleLog_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
     typeof document < "u" && (cancelTouches = function() {
       componentSetStates.forEach(function(setState) {
         return setState(function(prev) {
@@ -7421,9 +7450,9 @@ var require_createComponent_native = __commonJS({
             supportsCSSVars
           });
           else {
-            console.groupEnd();
+            (0, import_consoleLog.groupEnd)();
             var ch = propsIn.children, childLog = typeof ch == "string" ? ch.length > 4 ? ch.slice(0, 4) + "..." : ch : "";
-            childLog.length && (childLog = `(children: ${childLog})`), console.groupCollapsed(`${childLog} Props:`), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props), (0, import_log.log)({
+            childLog.length && (childLog = `(children: ${childLog})`), (0, import_consoleLog.groupCollapsed)(`${childLog} Props:`), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props), (0, import_log.log)({
               state,
               staticConfig,
               elementType,
@@ -7437,7 +7466,7 @@ var require_createComponent_native = __commonJS({
               isHOC,
               hasAnimationProp,
               useAnimations
-            }), console.groupEnd();
+            }), (0, import_consoleLog.groupEnd)();
           }
         }
         process.env.NODE_ENV === "development" && time2 && time2`pre-theme-media`;
@@ -7542,34 +7571,31 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               }
               return styleObject;
             }, cssStyleDeclarationToObject = cssStyleDeclarationToObject2, computed = cssStyleDeclarationToObject2(getComputedStyle(stateRef.current.host));
-            console.groupCollapsed(`Rendered > (opacity: ${computed.opacity})`), console.warn(stateRef.current.host), console.warn(computed), console.groupEnd();
+            (0, import_consoleLog.groupCollapsed)(`Rendered > (opacity: ${computed.opacity})`), console.warn(stateRef.current.host), console.warn(computed), (0, import_consoleLog.groupEnd)();
           }
-        }), import_react3.default.useEffect(function() {
+        }), (0, import_constants2.useIsomorphicLayoutEffect)(function() {
           if (!disabled) {
-            var tm;
             if (state.unmounted === !0 && hasEnterStyle) {
               setStateShallow({
                 unmounted: "should-enter"
               });
               return;
             }
-            if (state.unmounted) return tm = setTimeout(function() {
+            if (state.unmounted) {
               setStateShallow({
                 unmounted: !1
               });
-            }), function() {
-              return clearTimeout(tm);
-            };
-            var dispose = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
-              disabled,
+              return;
+            }
+            var dispose = pseudoGroups || mediaGroups ? (0, import_subscribeToContextGroup.subscribeToContextGroup)({
               componentContext,
               setStateShallow,
               state,
               mediaGroups,
               pseudoGroups
-            });
+            }) : null;
             return function() {
-              clearTimeout(tm), dispose == null || dispose(), componentSetStates.delete(setState);
+              dispose == null || dispose(), componentSetStates.delete(setState);
             };
           }
         }, [
@@ -7736,7 +7762,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
           var element1 = typeof elementType == "string" ? elementType : "Component", title = `render <${element1} /> (${internalID}) with props`;
           if (import_constants2.isWeb) {
-            console.groupCollapsed(title);
+            (0, import_consoleLog.groupCollapsed)(title);
             try {
               (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("children", content), typeof window < "u" && (0, import_log.log)({
                 propsIn,
@@ -7767,7 +7793,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               });
             } catch {
             } finally {
-              console.groupEnd();
+              (0, import_consoleLog.groupEnd)();
             }
           } else {
             (0, import_log.log)(title), (0, import_log.log)("state: ", state), import_isDevTools.isDevTools && (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("final styles:");
@@ -9740,7 +9766,6 @@ var require_useProps_native = __commonJS({
             return;
           }
           return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
-            disabled,
             componentContext,
             setStateShallow,
             state,