@tamagui/core 1.125.2 → 1.125.4

package/dist/test.native.js

@@ -1309,7 +1309,7 @@ var require_insertStyleRule_native = __commonJS({
         return insertStyleRules;
       },
       insertedTransforms: function() {
-        return insertedTransforms2;
+        return insertedTransforms;
       },
       listenForSheetChanges: function() {
         return listenForSheetChanges;
@@ -1328,18 +1328,18 @@ 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(), 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(), 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:");
       if (s !== -1) {
         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() {
@@ -2447,6 +2447,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) {
@@ -3690,6 +3743,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);
       }
@@ -3737,13 +3792,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
@@ -3754,15 +3806,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) {
-        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, res;
-      }
-    }
   }
 });
 
@@ -4907,7 +4950,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;
     }
@@ -4926,13 +4969,7 @@ var require_getSplitStyles_native = __commonJS({
           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";
@@ -4943,8 +4980,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
@@ -4954,16 +4991,16 @@ 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 (shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant) || !noSkip && keyInit in import_skipProps.skipProps) return "continue";
+        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 (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;
         (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;
           }
@@ -4976,18 +5013,18 @@ 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);
+              passDownProp(viewProps, key4, val2, isMediaOrPseudo);
               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") {
@@ -5002,7 +5039,7 @@ var require_getSplitStyles_native = __commonJS({
                 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;
@@ -5057,7 +5094,7 @@ var require_getSplitStyles_native = __commonJS({
                     var style3 = _step12.value, property = style3[import_helpers2.StyleObjectProperty], isSubStyle = property[0] === "$";
                     if (!(isSubStyle && !(0, import_isActivePlatform.isActivePlatform)(property))) {
                       var out = (0, import_createMediaStyle.createMediaStyle)(style3, mediaKeyShort, import_useMedia.mediaQueryConfig, isMedia, !1, priority), 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) {
@@ -5071,8 +5108,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";
@@ -5127,7 +5164,7 @@ var require_getSplitStyles_native = __commonJS({
         });
       };
       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), styleState = {
+      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), styleState = {
         classNames,
         conf,
         props,
@@ -5155,13 +5192,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;
@@ -5183,10 +5214,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;
@@ -5245,16 +5272,18 @@ var require_getSplitStyles_native = __commonJS({
         }
       return 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 {
@@ -5265,7 +5294,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;
         }
       }
     }
@@ -5280,6 +5313,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) {
@@ -5598,7 +5641,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: {},
@@ -6835,7 +6878,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(), 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(), componentSetStates = /* @__PURE__ */ new Set();
     typeof document < "u" && (cancelTouches = function() {
       componentSetStates.forEach(function(setState) {
         return setState(function(prev) {
@@ -7000,32 +7043,29 @@ var require_createComponent_native = __commonJS({
             pressIn: !1
           });
         };
-        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);
             };
           }
         }, [
@@ -9133,7 +9173,6 @@ var require_useProps_native = __commonJS({
             return;
           }
           return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
-            disabled,
             componentContext,
             setStateShallow,
             state,