tamagui 1.125.2 → 1.125.3

package/dist/native.js

@@ -2424,7 +2424,7 @@ var require_insertStyleRule_native = __commonJS({
         return insertStyleRules;
       },
       insertedTransforms: function() {
-        return insertedTransforms2;
+        return insertedTransforms;
       },
       listenForSheetChanges: function() {
         return listenForSheetChanges;
@@ -2443,12 +2443,12 @@ var require_insertStyleRule_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(insertStyleRule_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms2 = {}, getAllSelectors = function() {
+    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), 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:");
@@ -2457,7 +2457,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_constants4.isClient) {
@@ -2729,75 +2729,6 @@ var require_insertStyleRule_native = __commonJS({
   }
 });
 
-// ../../core/use-did-finish-ssr/dist/cjs/index.native.js
-var require_index_native11 = __commonJS({
-  "../../core/use-did-finish-ssr/dist/cjs/index.native.js"(exports2, module2) {
-    "use strict";
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __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;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, index_exports2 = {};
-    __export2(index_exports2, {
-      useClientValue: function() {
-        return useClientValue;
-      },
-      useDidFinishSSR: function() {
-        return useDidFinishSSR2;
-      }
-    });
-    module2.exports = __toCommonJS2(index_exports2);
-    var React4 = __toESM2(require("react"));
-    function useDidFinishSSR2(value) {
-      return value ?? !0;
-    }
-    function useClientValue(value) {
-      var done = useDidFinishSSR2();
-      return done ? typeof value == "function" ? value() : value : void 0;
-    }
-  }
-});
-
 // ../../core/web/dist/cjs/helpers/matchMedia.native.js
 var require_matchMedia_native = __commonJS({
   "../../core/web/dist/cjs/helpers/matchMedia.native.js"(exports2, module2) {
@@ -2967,62 +2898,11 @@ var require_pseudoDescriptors_native = __commonJS({
   }
 });
 
-// ../../core/web/dist/cjs/hooks/useDisableSSR.native.js
-var require_useDisableSSR_native = __commonJS({
-  "../../core/web/dist/cjs/hooks/useDisableSSR.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);
-    }, useDisableSSR_exports = {};
-    __export2(useDisableSSR_exports, {
-      getDisableSSR: function() {
-        return getDisableSSR;
-      }
-    });
-    module2.exports = __toCommonJS2(useDisableSSR_exports);
-    var import_config = require_config_native();
-    function getDisableSSR(componentContext) {
-      var _componentContext_disableSSR;
-      return (_componentContext_disableSSR = componentContext == null ? void 0 : componentContext.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : (0, import_config.getSetting)("disableSSR");
-    }
-  }
-});
-
 // ../../core/web/dist/cjs/hooks/useMedia.native.js
 var require_useMedia_native = __commonJS({
   "../../core/web/dist/cjs/hooks/useMedia.native.js"(exports2, module2) {
     "use strict";
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    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
@@ -3050,18 +2930,6 @@ var require_useMedia_native = __commonJS({
         }
       }
       return to;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -3113,12 +2981,15 @@ var require_useMedia_native = __commonJS({
       setupMediaListeners: function() {
         return setupMediaListeners;
       },
+      updateMediaListeners: function() {
+        return updateMediaListeners;
+      },
       useMedia: function() {
         return useMedia3;
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native11(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), mediaState3 = (
+    var import_constants4 = require_index_native6(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), mediaState3 = (
       // development only safeguard
       process.env.NODE_ENV === "development" ? new Proxy({}, {
         get(target, key) {
@@ -3164,27 +3035,26 @@ var require_useMedia_native = __commonJS({
         if (!match) throw new Error("\u26A0\uFE0F No match");
         match.addListener(update), dispose.add(function() {
           match.removeListener(update);
-        }), update();
+        });
         function update() {
           var next = !!getMatch().matches;
           next !== mediaState3[key2] && (mediaState3 = {
             ...mediaState3,
             [key2]: next
-          }, updateCurrentState());
+          }, updateMediaListeners());
         }
+        update();
       };
       if (!(import_constants4.isWeb && import_constants4.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
         setupVersion = mediaVersion, unlisten();
         for (var key in mediaQueryConfig3) _loop(key);
       }
     }
-    var listeners = /* @__PURE__ */ new Set(), flushing = !1, flushVersion = -1;
-    function updateCurrentState() {
-      flushing && flushVersion === mediaVersion || (flushVersion = mediaVersion, flushing = !0, Promise.resolve().then(function() {
-        flushing = !1, listeners.forEach(function(cb) {
-          return cb(mediaState3);
-        });
-      }));
+    var listeners = /* @__PURE__ */ new Set();
+    function updateMediaListeners() {
+      listeners.forEach(function(cb) {
+        return cb(mediaState3);
+      });
     }
     var States = /* @__PURE__ */ new WeakMap();
     function setMediaShouldUpdate(ref, enabled, keys) {
@@ -3200,18 +3070,22 @@ var require_useMedia_native = __commonJS({
         listeners.delete(subscriber);
       };
     }
-    var CurrentKeysMap = /* @__PURE__ */ new WeakMap();
     function useMedia3(cc, debug) {
-      var disableSSR = (0, import_config.getSetting)("disableSSR") || (0, import_useDisableSSR.getDisableSSR)(cc), isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), initialState = isHydrated || disableSSR || !import_constants4.isWeb ? mediaState3 : initState, [state, setState] = import_react3.default.useState(initialState);
-      CurrentKeysMap.get(setState) || CurrentKeysMap.set(setState, /* @__PURE__ */ new Set());
-      var currentKeys = CurrentKeysMap.get(setState);
-      function getSnapshot(cur) {
-        if (!currentKeys) return cur;
+      var componentState = cc ? States.get(cc) : null, internalRef = (0, import_react3.useRef)();
+      internalRef.current || (internalRef.current = {
+        keys: /* @__PURE__ */ new Set()
+      });
+      var { keys, lastState = (0, import_config.getSetting)("disableSSR") ? mediaState3 : initState } = internalRef.current;
+      keys.size && keys.clear();
+      var state = (0, import_react3.useSyncExternalStore)(subscribe, function() {
+        if (componentState != null && componentState.enabled) return internalRef.current.lastState = mediaState3, mediaState3;
+        var curKeys = (componentState == null ? void 0 : componentState.keys) || keys;
+        if (!curKeys.size) return lastState;
         var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
         try {
-          for (var _iterator = currentKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+          for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
             var key = _step.value;
-            if (mediaState3[key] !== cur[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia()\u270D\uFE0F", key, cur[key], ">", mediaState3[key]), mediaState3;
+            if (mediaState3[key] !== lastState[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", mediaState3[key]), internalRef.current.lastState = mediaState3, mediaState3;
           }
         } catch (err) {
           _didIteratorError = !0, _iteratorError = err;
@@ -3222,42 +3096,17 @@ var require_useMedia_native = __commonJS({
             if (_didIteratorError) throw _iteratorError;
           }
         }
-        return cur;
-      }
-      var isRendering = !0, isInitialState = state === initialState;
-      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        isRendering = !1;
-      }), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        var update = function() {
-          return setState(function(prev) {
-            var next = getSnapshot(prev);
-            return next;
-          });
-        };
-        update();
-        var tm = setTimeout(function() {
-          currentKeys.size && update();
-        }), dispose2 = subscribe(update);
-        return function() {
-          dispose2(), tm && clearTimeout(tm);
-        };
-      }, [
-        setState
-      ]), new Proxy(state, {
+        return lastState;
+      }, getServerSnapshot);
+      return new Proxy(state, {
         get(_, key) {
-          if (isRendering && !disableMediaTouch && typeof key == "string") {
-            currentKeys.add(key);
-            var shouldUpdate = state[key] !== mediaState3[key];
-            if (shouldUpdate && (process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key), !isInitialState)) {
-              var next = getSnapshot(state);
-              next !== state && setState(next);
-            }
-          }
-          return Reflect.get(state, key);
+          return !disableMediaTouch && typeof key == "string" && keys.add(key), Reflect.get(state, key);
         }
       });
     }
-    var disableMediaTouch = !1;
+    var getServerSnapshot = function() {
+      return initState;
+    }, disableMediaTouch = !1;
     function _disableMediaTouch2(val) {
       disableMediaTouch = val;
     }
@@ -3531,7 +3380,7 @@ var require_compose_refs_native = __commonJS({
 });
 
 // ../../core/compose-refs/dist/cjs/index.native.js
-var require_index_native12 = __commonJS({
+var require_index_native11 = __commonJS({
   "../../core/compose-refs/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -3963,6 +3812,59 @@ var require_defaultComponentState_native = __commonJS({
   }
 });
 
+// ../../core/web/dist/cjs/helpers/consoleLog.native.js
+var require_consoleLog_native = __commonJS({
+  "../../core/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_constants4 = require_index_native6(), groupEnd = console.groupEnd.bind(console), gc = console.groupCollapsed.bind(console), groupCollapsed = import_constants4.isWeb ? gc : console.info;
+  }
+});
+
 // ../../core/web/dist/cjs/helpers/getShorthandValue.native.js
 var require_getShorthandValue_native = __commonJS({
   "../../core/web/dist/cjs/helpers/getShorthandValue.native.js"(exports2, module2) {
@@ -4733,7 +4635,7 @@ var require_normalize_color = __commonJS({
 });
 
 // ../../core/normalize-css-color/dist/cjs/index.native.js
-var require_index_native13 = __commonJS({
+var require_index_native12 = __commonJS({
   "../../core/normalize-css-color/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -4856,7 +4758,7 @@ var require_normalizeColor_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(normalizeColor_exports);
-    var import_normalize_css_color = require_index_native13(), import_normalize_css_color2 = require_index_native13(), normalizeColor = function(color, opacity) {
+    var import_normalize_css_color = require_index_native12(), import_normalize_css_color2 = require_index_native12(), normalizeColor = function(color, opacity) {
       if (color) {
         if (color[0] === "$") return color;
         if (color.startsWith("var(")) {
@@ -5207,6 +5109,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);
         }
@@ -5255,13 +5159,10 @@ var require_normalizeValueWithProperty_native = __commonJS({
     __export2(normalizeValueWithProperty_exports, {
       normalizeValueWithProperty: function() {
         return normalizeValueWithProperty;
-      },
-      reverseMapClassNameToValue: function() {
-        return reverseMapClassNameToValue;
       }
     });
     module2.exports = __toCommonJS2(normalizeValueWithProperty_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_insertStyleRule = require_insertStyleRule_native(), stylePropsAllPlusTransforms = {
+    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), stylePropsAllPlusTransforms = {
       ...import_helpers.stylePropsAll,
       translateX: !0,
       translateY: !0
@@ -5272,23 +5173,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_helpers.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;
-    }
   }
 });
 
@@ -6446,7 +6330,7 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), 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_constants4.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
+    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), 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, validStyles, accept) {
       return key in validStyles ? !0 : accept && key in accept;
     }
@@ -6459,19 +6343,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, validStyles, 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_constants4.isAndroid && keyInit === "elevationAndroid") return "continue";
           if (keyInit === "userSelect") keyInit = "selectable", valInit = valInit !== "none";
@@ -6482,8 +6360,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_helpers.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_helpers.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
@@ -6493,11 +6371,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
@@ -6507,16 +6385,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, 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;
@@ -6525,23 +6403,23 @@ var require_getSplitStyles_native = __commonJS({
               mergeStyle(styleState, key4, val2);
               return;
             }
-            if (isPseudo = key4 in import_helpers.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_helpers.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") {
@@ -6553,15 +6431,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_helpers.StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
-                    fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), mergeClassName(transforms, classNames, fullKey, psuedoStyle[import_helpers.StyleObjectIdentifier], isMediaOrPseudo1, !0));
+                    fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), classNames[fullKey] = psuedoStyle[import_helpers.StyleObjectIdentifier]);
                   }
                 } catch (err) {
                   _didIteratorError2 = !0, _iteratorError2 = err;
@@ -6575,14 +6450,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];
@@ -6614,7 +6489,7 @@ var require_getSplitStyles_native = __commonJS({
             if (isMedia) {
               if (!val2) return;
               var hasSpace = val2.space, mediaKeyShort = key4.slice(isMedia == "theme" ? 7 : 1);
-              if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key4)) return;
+              if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && ((!hasMedia || typeof hasMedia == "boolean") && (hasMedia = /* @__PURE__ */ new Set()), hasMedia.add(mediaKeyShort)), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key4)) return;
               if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} ${key4}`, {
                 key: key4,
                 val: val2,
@@ -6639,7 +6514,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_helpers.StyleObjectProperty]}${subKey}${PROP_SPLIT}${mediaKeyShort}${style3[import_helpers.StyleObjectPseudo] || ""}`;
-                      fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(transforms, classNames, fullKey1, out[import_helpers.StyleObjectIdentifier], !0, !0));
+                      fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), classNames[fullKey1] = out[import_helpers.StyleObjectIdentifier]);
                     }
                   }
                 } catch (err) {
@@ -6653,8 +6528,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, mediaState3[mediaKeyShort], importanceBump, debug);
                   didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
                 }, mergeMediaStyle = mergeMediaStyle2, isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
@@ -6717,18 +6592,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_constants4.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 = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
+      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
       process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-setup`;
       var styleState = {
         classNames,
@@ -6752,7 +6625,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_constants4.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_constants4.isClient && ((0, import_consoleLog.groupCollapsed)("getSplitStyles (collapsed)"), (0, import_log.log)({
         props,
         staticConfig,
         shouldDoClasses,
@@ -6763,7 +6636,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`;
@@ -6771,13 +6644,7 @@ var require_getSplitStyles_native = __commonJS({
       if (!avoidNormalize) {
         if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), !styleProps.noExpand && !styleProps.noMergeStyle && import_constants4.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;
@@ -6799,10 +6666,6 @@ var require_getSplitStyles_native = __commonJS({
             } finally {
             }
           }
-          if (transforms) for (var namespace in transforms) {
-            var hash, val1, identifier1;
-            if (import_constants4.isClient && !insertedTransforms[identifier1]) var rule;
-          }
         }
         if (isReactNative) {
           if (viewProps.tabIndex === 0) var _viewProps, _accessible;
@@ -6856,13 +6719,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
@@ -6870,20 +6732,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_constants4.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_helpers.stylePropsTransform) {
+      var disableNormalize = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, { viewProps, styleProps, staticConfig } = styleState;
+      if (key in import_helpers.stylePropsTransform) {
         var _styleState;
         (_styleState = styleState).flatTransforms || (_styleState.flatTransforms = {}), styleState.flatTransforms[key] = val;
       } else {
@@ -6894,7 +6758,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;
         }
       }
     }
@@ -6909,6 +6777,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_constants4.isWeb ? import_react3.default.useInsertionEffect || import_constants4.useIsomorphicLayoutEffect : function() {
     }, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j) {
@@ -7149,8 +7027,7 @@ var require_createShallowSetState_native = __commonJS({
     var import_react3 = require("react"), callImmediate = function(cb) {
       return cb();
     };
-    function createShallowSetState(setter, onlyAllow, transition, debugIn, callback) {
-      var debug = !0;
+    function createShallowSetState(setter, onlyAllow, transition, debug, callback) {
       return (0, import_react3.useCallback)(function(next) {
         var wrap = transition ? import_react3.startTransition : callImmediate;
         wrap(function() {
@@ -7163,8 +7040,7 @@ var require_createShallowSetState_native = __commonJS({
         setter,
         onlyAllow ? onlyAllow.join("") : "",
         transition,
-        debug,
-        callback
+        debug
       ]);
     }
     function mergeIfNotShallowEqual(prev, next, onlyAllow, debug) {
@@ -7895,7 +7771,7 @@ var require_Theme_native = __commonJS({
     Theme2.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_runtime6.jsx)(import_ThemeDebug.ThemeDebug, {
+      if (process.env.NODE_ENV === "development" && props.debug === "visualize" && (children = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeDebug.ThemeDebug, {
         themeState,
         themeProps: props,
         children
@@ -8101,6 +7977,75 @@ var require_wrapStyleTags_native = __commonJS({
   }
 });
 
+// ../../core/use-did-finish-ssr/dist/cjs/index.native.js
+var require_index_native13 = __commonJS({
+  "../../core/use-did-finish-ssr/dist/cjs/index.native.js"(exports2, module2) {
+    "use strict";
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __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;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, index_exports2 = {};
+    __export2(index_exports2, {
+      useClientValue: function() {
+        return useClientValue;
+      },
+      useDidFinishSSR: function() {
+        return useDidFinishSSR2;
+      }
+    });
+    module2.exports = __toCommonJS2(index_exports2);
+    var React4 = __toESM2(require("react"));
+    function useDidFinishSSR2(value) {
+      return value ?? !0;
+    }
+    function useClientValue(value) {
+      var done = useDidFinishSSR2();
+      return done ? typeof value == "function" ? value() : value : void 0;
+    }
+  }
+});
+
 // ../../core/web/dist/cjs/hooks/useComponentState.native.js
 var require_useComponentState_native = __commonJS({
   "../../core/web/dist/cjs/hooks/useComponentState.native.js"(exports2, module2) {
@@ -8144,7 +8089,7 @@ var require_useComponentState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native11(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
+    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native13(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
       var { animationDriver, groups } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
       stateRef.current || (stateRef.current = {});
       var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
@@ -8170,8 +8115,10 @@ var require_useComponentState_native = __commonJS({
       import_constants4.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
         ...state
       }));
-      var groupName = props.group, groupContextState = groups == null ? void 0 : groups.state, setStateWrapper = (0, import_react3.useMemo)(function() {
-        if (groupContextState && groupName) return function(state2) {
+      var groupName = props.group, setStateWrapper;
+      if (groupName) {
+        var groupContextState = groups.state;
+        setStateWrapper = function(state2) {
           curStateRef.group.emit(groupName, {
             pseudo: state2
           });
@@ -8181,11 +8128,8 @@ var require_useComponentState_native = __commonJS({
           };
           groupContextState[groupName] = next;
         };
-      }, [
-        groupContextState,
-        curStateRef,
-        groupName
-      ]), setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
+      }
+      var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
         "disabled"
       ] : void 0, !1, props.debug, setStateWrapper);
       if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
@@ -8353,7 +8297,7 @@ var require_Slot_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slot_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
       var { children, ...slotProps } = props;
       if (/* @__PURE__ */ (0, import_react3.isValidElement)(children)) {
         var mergedProps = mergeSlotProps(children, slotProps);
@@ -8468,7 +8412,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), 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_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), 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) {
@@ -8605,9 +8549,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,
@@ -8621,7 +8565,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`;
@@ -8649,7 +8593,7 @@ var require_createComponent_native = __commonJS({
         }
         curStateRef.isListeningToTheme = splitStyles.dynamicThemeAccess;
         var hasRuntimeMediaKeys = splitStyles.hasMedia && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && splitStyles.hasMedia === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
-        process.env.NODE_ENV === "development" && debugProp === "verbose" && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(stateRef, shouldListenForMedia, mediaListeningKeys);
+        process.env.NODE_ENV === "development" && debugProp === "verbose" && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(componentContext, shouldListenForMedia, mediaListeningKeys);
         var { viewProps: viewPropsIn, pseudos, style: splitStylesStyle, classNames, space } = splitStyles, propsWithAnimation = props, {
           asChild,
           children,
@@ -8726,24 +8670,22 @@ 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_constants4.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() {
-              tm && clearTimeout(tm);
-            };
+              return;
+            }
             var dispose = pseudoGroups || mediaGroups ? (0, import_subscribeToContextGroup.subscribeToContextGroup)({
               componentContext,
               setStateShallow,
@@ -8752,7 +8694,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               pseudoGroups
             }) : null;
             return function() {
-              tm && clearTimeout(tm), dispose == null || dispose(), componentSetStates.delete(setState);
+              dispose == null || dispose(), componentSetStates.delete(setState);
             };
           }
         }, [
@@ -8919,7 +8861,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_constants4.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,
@@ -8950,7 +8892,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:");
@@ -9797,7 +9739,6 @@ var require_createTamagui_native = __commonJS({
     var import_constants4 = require_index_native6(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_Tamagui = require_Tamagui_native(), createdConfigs = /* @__PURE__ */ new WeakMap();
     function createTamagui2(configIn) {
       var _configIn_settings;
-      if (process.env.NODE_ENV === "test" && globalThis.__tamaguiConfig) return console.warn("Warning: You somehow have duplicate Tamagui dependencies, this can cause issues. Tamagui is working around this by loading a previously loaded config in test mode. "), globalThis.__tamaguiConfig;
       if (createdConfigs.has(configIn)) return configIn;
       var tokensParsed = {}, tokens = (0, import_createVariables.createVariables)(configIn.tokens || {});
       if (configIn.tokens) {
@@ -9945,7 +9886,7 @@ ${JSON.stringify(variable, null, 2)}`);
         specificTokens,
         defaultFontToken
       };
-      if ((0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), process.env.NODE_ENV === "test" && (globalThis.__tamaguiConfig = config), import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
+      if ((0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
         return cb(config);
       }), import_config.configListeners.clear()), process.env.NODE_ENV === "development") {
         var _process_env_DEBUG;
@@ -10760,7 +10701,7 @@ var require_useIsTouchDevice_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useIsTouchDevice_exports);
-    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native11(), useIsTouchDevice2 = function() {
+    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native13(), useIsTouchDevice2 = function() {
       return import_constants4.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants4.isTouchable : !1 : !0;
     };
   }
@@ -11270,7 +11211,7 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_ThemeProvider = require_ThemeProvider_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useMedia = require_useMedia_native();
     function TamaguiProvider2(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
       return process.env.TAMAGUI_REACT_19 || import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
@@ -11283,7 +11224,9 @@ var require_TamaguiProvider_native = __commonJS({
       }, [
         config,
         disableInjectCSS
-      ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
+      ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        (0, import_useMedia.updateMediaListeners)();
+      }, []), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UnmountedClassName, {
             children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
@@ -11543,9 +11486,9 @@ var require_index_native14 = __commonJS({
     __reExport2(index_exports2, require_FontLanguage_native(), module2.exports);
     __reExport2(index_exports2, require_TamaguiProvider_native(), module2.exports);
     __reExport2(index_exports2, require_Configuration_native(), module2.exports);
-    __reExport2(index_exports2, require_index_native11(), module2.exports);
+    __reExport2(index_exports2, require_index_native13(), module2.exports);
     __reExport2(index_exports2, require_index_native8(), module2.exports);
-    __reExport2(index_exports2, require_index_native12(), module2.exports);
+    __reExport2(index_exports2, require_index_native11(), module2.exports);
     __reExport2(index_exports2, require_index_native7(), module2.exports);
     __reExport2(index_exports2, require_index_native6(), module2.exports);
     __reExport2(index_exports2, require_setupHooks_native(), module2.exports);
@@ -14084,7 +14027,7 @@ var require_Collection_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Collection_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_react3 = __toESM2(require("react"));
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_react3 = __toESM2(require("react"));
     function createCollection(name) {
       var { Provider: CollectionProviderImpl, useStyledContext: useCollectionContext } = (0, import_core12.createStyledContext)({
         collectionRef: {
@@ -15619,7 +15562,7 @@ var require_Accordion_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Accordion_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native15(), import_collection = require_index_native19(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native15(), import_collection = require_index_native19(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
       "Home",
       "End",
       "ArrowDown",
@@ -18234,7 +18177,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_portal2 = require_index_native28(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_contexts = require_contexts_native(), import_helpers = require_helpers_native2(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, relativeDimensionTo = import_constants4.isWeb ? "window" : "screen", SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_portal2 = require_index_native28(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_contexts = require_contexts_native(), import_helpers = require_helpers_native2(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, relativeDimensionTo = import_constants4.isWeb ? "window" : "screen", SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var parentSheet = import_react3.default.useContext(import_contexts.ParentSheetContext), { animation, animationConfig: animationConfigProp, modal = !1, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = !1, unmountChildrenWhenHidden = !1, portalProps, containerComponent: ContainerComponent = import_react3.default.Fragment } = props, state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = import_react3.default.useState(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
         onOverlayComponent: setOverlayComponent
       }), { frameSize, setFrameSize, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps, { open, controller, isHidden } = state, sheetRef = import_react3.default.useRef(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef, providerProps.contentRef), { animationDriver } = (0, import_core12.useConfiguration)(), animationConfig = function() {
@@ -18683,7 +18626,7 @@ var require_SheetScrollView_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetScrollView_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_compose_refs = require_index_native12(), import_scroll_view = require_index_native35(), import_SheetContext = require_SheetContext_native(), SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = /* @__PURE__ */ import_react3.default.forwardRef(function(param, ref) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_compose_refs = require_index_native11(), import_scroll_view = require_index_native35(), import_SheetContext = require_SheetContext_native(), SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = /* @__PURE__ */ import_react3.default.forwardRef(function(param, ref) {
       var { __scopeSheet, children, onScroll, ...props } = param, context = (0, import_SheetContext.useSheetContext)(SHEET_SCROLL_VIEW_NAME, __scopeSheet), { scrollBridge } = context, scrollRef = import_react3.default.useRef(null), state = import_react3.default.useRef({
         lastPageY: 0,
         dragAt: 0,
@@ -18872,7 +18815,7 @@ var require_createSheet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createSheet_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_remove_scroll = require_index_native34(), import_use_did_finish_ssr = require_index_native11(), import_react3 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_use_did_finish_ssr = require_index_native13(), import_z_index_stack2 = require_index_native27(), import_react3 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
     function createSheet(param) {
       var { Handle, Frame, Overlay } = param, SheetHandle = Handle.styleable(function(param2, forwardedRef) {
         var { __scopeSheet, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_HANDLE_NAME, __scopeSheet), composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
@@ -18912,24 +18855,27 @@ var require_createSheet_native = __commonJS({
         ]), context.onlyShowFrame, null;
       })), SheetFrame = Frame.extractable(/* @__PURE__ */ (0, import_react3.forwardRef)(function(param2, forwardedRef) {
         var { __scopeSheet, adjustPaddingForOffscreenContent, disableHideBottomOverflow, children, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_NAME, __scopeSheet), { hasFit, removeScrollEnabled, frameSize, contentRef, open } = context, composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context), sheetContents = (0, import_react3.useMemo)(function() {
-          return (
-            // @ts-ignore
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Frame, {
-              ref: composedContentRef,
-              flex: hasFit ? 0 : 1,
-              height: hasFit ? void 0 : frameSize,
-              pointerEvents: open ? "auto" : "none",
-              ...props,
-              children: [
-                children,
-                adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
-                  "data-sheet-offscreen-pad": !0,
-                  height: offscreenSize,
-                  width: "100%"
-                })
-              ]
-            })
-          );
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
+            zIndex: (0, import_portal2.resolveViewZIndex)(props.zIndex),
+            children: (
+              /* @ts-expect-error */
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Frame, {
+                ref: composedContentRef,
+                flex: hasFit ? 0 : 1,
+                height: hasFit ? void 0 : frameSize,
+                pointerEvents: open ? "auto" : "none",
+                ...props,
+                children: [
+                  children,
+                  adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
+                    "data-sheet-offscreen-pad": !0,
+                    height: offscreenSize,
+                    width: "100%"
+                  })
+                ]
+              })
+            )
+          });
         }, [
           open,
           props,
@@ -19439,7 +19385,7 @@ var require_Dialog_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Dialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dismissable = require_index_native32(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dismissable = require_index_native32(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
     }), DialogTrigger = DialogTriggerFrame.styleable(function(props, forwardedRef) {
       var { __scopeDialog, ...triggerProps } = props, isInsideButton = React4.useContext(import_stacks3.ButtonNestingContext), context = useDialogContext(TRIGGER_NAME, __scopeDialog), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
@@ -19466,7 +19412,6 @@ var require_Dialog_native = __commonJS({
             alignItems: "center",
             justifyContent: "center",
             fullscreen: !0,
-            zIndex: 1e5,
             ...import_constants4.isWeb && {
               maxHeight: "100vh",
               position: "fixed"
@@ -19501,9 +19446,12 @@ var require_Dialog_native = __commonJS({
         setIsFullyHidden(!0);
       }, []);
       if (context.modal) {
-        var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
-          onExitComplete: handleExitComplete,
-          children: isShowing || isAdapted ? children : null
+        var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
+          zIndex: (0, import_portal2.resolveViewZIndex)(props.zIndex),
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
+            onExitComplete: handleExitComplete,
+            children: isShowing || isAdapted ? children : null
+          })
         });
         if (isFullyHidden && !isAdapted) return null;
         var framedContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalProvider2, {
@@ -19515,16 +19463,15 @@ var require_Dialog_native = __commonJS({
             children: contents
           })
         });
-        if (import_constants4.isWeb) {
-          var _props_zIndex;
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
-            zIndex: (_props_zIndex = props.zIndex) !== null && _props_zIndex !== void 0 ? _props_zIndex : 1e5,
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, {
-              children: framedContents
-            })
-          });
-        }
-        return framedContents;
+        return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
+          zIndex: props.zIndex,
+          // set to 1000 which "boosts" it 1000 above baseline for current context
+          // this makes sure its above (this first 1k) popovers on the same layer
+          stackZIndex: 1e3,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, {
+            children: framedContents
+          })
+        }) : framedContents;
       }
       return children;
     }, PassthroughTheme = function(param) {
@@ -19570,14 +19517,16 @@ var require_Dialog_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogContent = DialogContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(param, forwardedRef) {
-      var { __scopeDialog, ...props } = param, portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, {
-        context,
-        ...contentProps,
-        ref: forwardedRef
-      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentNonModal, {
-        context,
-        ...contentProps,
-        ref: forwardedRef
+      var { __scopeDialog, ...props } = param, portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
+        children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, {
+          context,
+          ...contentProps,
+          ref: forwardedRef
+        }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentNonModal, {
+          context,
+          ...contentProps,
+          ref: forwardedRef
+        })
       });
       return !import_constants4.isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_remove_scroll.RemoveScroll, {
         forwardProps: !0,
@@ -19988,7 +19937,7 @@ var require_AlertDialog_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(AlertDialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dialog = require_index_native37(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dialog = require_index_native37(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
       import_dialog.createDialogScope
     ]), useDialogScope = (0, import_dialog.createDialogScope)(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
@@ -21883,7 +21832,7 @@ var require_focusableInputHOC_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(focusableInputHOC_exports);
-    var import_compose_refs = require_index_native12(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_registerFocusable = require_registerFocusable_native();
+    var import_compose_refs = require_index_native11(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_registerFocusable = require_registerFocusable_native();
     function useFocusable2(param) {
       var { isInput, props, ref } = param, { id, onChangeText, value, defaultValue } = props, inputValue = import_react3.default.useRef(value || defaultValue || ""), unregisterFocusable = import_react3.default.useRef(), inputRef = import_react3.default.useCallback(function(input) {
         var _unregisterFocusable_current;
@@ -22053,7 +22002,7 @@ var require_Label_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Label_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_create_context = require_index_native30(), import_focusable2 = require_index_native46(), import_get_button_sized2 = require_index_native21(), import_get_font_sized2 = require_index_native23(), import_text2 = require_index_native24(), import_web = require_index_native14(), React4 = __toESM2(require("react")), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_create_context = require_index_native30(), import_focusable2 = require_index_native46(), import_get_button_sized2 = require_index_native21(), import_get_font_sized2 = require_index_native23(), import_text2 = require_index_native24(), import_web = require_index_native14(), React4 = __toESM2(require("react")), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
       id: void 0,
       controlRef: {
         current: null
@@ -22465,7 +22414,7 @@ var require_useCheckbox_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useCheckbox_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_react3 = __toESM2(require("react")), import_BubbleInput = require_BubbleInput_native(), import_utils3 = require_utils_native2();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_react3 = __toESM2(require("react")), import_BubbleInput = require_BubbleInput_native(), import_utils3 = require_utils_native2();
     function useCheckbox(props, param, ref) {
       var [checked, setChecked] = param, { labelledBy: ariaLabelledby, name, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = props, [button, setButton] = import_react3.default.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(ref, setButton), hasConsumerStoppedPropagationRef = import_react3.default.useRef(!1), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, parentKeyDown = props.onKeyDown, handleKeyDown = (0, import_react3.useMemo)(function() {
         return (0, import_helpers.composeEventHandlers)(parentKeyDown, function(event) {
@@ -25183,7 +25132,7 @@ var require_Popper_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_get_token2 = require_index_native20(), import_stacks3 = require_index_native22(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext, checkFloating = {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_get_token2 = require_index_native20(), import_stacks3 = require_index_native22(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext, checkFloating = {
       name: "checkFloating",
       fn(data) {
         return {
@@ -25595,7 +25544,7 @@ var require_Popover_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React4.useEffect(function() {
         return onCustomAnchorAdd(), function() {
@@ -25651,18 +25600,20 @@ var require_Popover_native = __commonJS({
       });
     }), PopoverContent = import_popper.PopperContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { allowPinchZoom, trapFocus, disableRemoveScroll = !0, zIndex, __scopePopover, ...contentImplProps } = props, context = usePopoverContext(__scopePopover), contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React4.useRef(!1), [isFullyHidden, setIsFullyHidden] = React4.useState(!context.open);
-      return context.open && isFullyHidden && setIsFullyHidden(!1), React4.useEffect(function() {
+      if (context.open && isFullyHidden && setIsFullyHidden(!1), React4.useEffect(function() {
         if (context.open) {
           var content = contentRef.current;
           if (content) return (0, import_aria_hidden.hideOthers)(content);
         }
       }, [
         context.open
-      ]), !context.keepChildrenMounted && isFullyHidden ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentPortal, {
+      ]), !context.keepChildrenMounted && isFullyHidden) return null;
+      var _contentImplProps_pointerEvents;
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentPortal, {
         __scopePopover,
-        zIndex: props.zIndex,
+        zIndex,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
-          pointerEvents: context.open ? "auto" : "none",
+          pointerEvents: context.open ? (_contentImplProps_pointerEvents = contentImplProps.pointerEvents) !== null && _contentImplProps_pointerEvents !== void 0 ? _contentImplProps_pointerEvents : "auto" : "none",
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentImpl, {
             ...contentImplProps,
             disableRemoveScroll,
@@ -25708,7 +25659,7 @@ var require_Popover_native = __commonJS({
       });
     }
     function PopoverContentPortal(props) {
-      var { __scopePopover } = props, _props_zIndex, zIndex = (_props_zIndex = props.zIndex) !== null && _props_zIndex !== void 0 ? _props_zIndex : 15e4, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
+      var { __scopePopover } = props, zIndex = props.zIndex, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
       return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverRepropagateContext, {
         scope: __scopePopover || POPOVER_SCOPE,
         popperContext,
@@ -25716,6 +25667,7 @@ var require_Popover_native = __commonJS({
         adaptContext,
         children: props.children
       })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
+        stackZIndex: !0,
         zIndex,
         children: (
           /* forceClassName avoids forced re-mount renders for some reason... see the HeadMenu as you change tints a few times */
@@ -25728,7 +25680,10 @@ var require_Popover_native = __commonJS({
                 fullscreen: !0,
                 onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
               }),
-              contents
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
+                zIndex: (0, import_portal2.resolveViewZIndex)(zIndex),
+                children: contents
+              })
             ]
           })
         )
@@ -26501,7 +26456,7 @@ var require_useRadioGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useRadioGroup_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_focusable2 = require_index_native46(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_use_controllable_state = require_index_native10(), import_react3 = require("react"), import_BubbleInput = require_BubbleInput_native2(), import_utils3 = require_utils_native3();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_focusable2 = require_index_native46(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_use_controllable_state = require_index_native10(), import_react3 = require("react"), import_BubbleInput = require_BubbleInput_native2(), import_utils3 = require_utils_native3();
     function useRadioGroup(params) {
       var { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
@@ -27583,7 +27538,7 @@ var require_SelectItem_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectItem_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_list_item = require_index_native54(), React4 = __toESM2(require("react")), import_context = require_context_native2(), ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_list_item = require_index_native54(), React4 = __toESM2(require("react")), import_context = require_context_native2(), ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(function(props, forwardedRef) {
       var { __scopeSelect, value, disabled = !1, textValue: textValueProp, index, ...restProps } = props, { props: listItemProps } = (0, import_list_item.useListItem)({
         ...!props.unstyled && {
           ellipse: !0
@@ -27748,7 +27703,7 @@ var require_SelectItemText_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectItemText_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_core12 = require_index_native18(), import_text2 = require_index_native24(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectItem = require_SelectItem_native(), ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = (0, import_core12.styled)(import_text2.SizableText, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_core12 = require_index_native18(), import_text2 = require_index_native24(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectItem = require_SelectItem_native(), ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = (0, import_core12.styled)(import_text2.SizableText, {
       name: ITEM_TEXT_NAME,
       variants: {
         unstyled: {
@@ -27896,7 +27851,7 @@ var require_SelectTrigger_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectTrigger_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_core12 = require_index_native18(), import_list_item = require_index_native54(), React4 = __toESM2(require("react")), import_context = require_context_native2(), TRIGGER_NAME = "SelectTrigger", isPointerCoarse = import_core12.isWeb && import_core12.isClient ? window.matchMedia("(pointer:coarse)").matches : !0, SelectTrigger = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_core12 = require_index_native18(), import_list_item = require_index_native54(), React4 = __toESM2(require("react")), import_context = require_context_native2(), TRIGGER_NAME = "SelectTrigger", isPointerCoarse = import_core12.isWeb && import_core12.isClient ? window.matchMedia("(pointer:coarse)").matches : !0, SelectTrigger = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var _context_floatingContext, { __scopeSelect, disabled = !1, unstyled = !1, ...triggerProps } = props, context = (0, import_context.useSelectContext)(TRIGGER_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(TRIGGER_NAME, __scopeSelect), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
       return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_list_item.ListItem, {
         componentName: TRIGGER_NAME,
@@ -28112,7 +28067,7 @@ var require_Select_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_focusable2 = require_index_native46(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_list_item = require_index_native54(), import_separator = require_index_native63(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_debounce = require_index_native64(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_focusable2 = require_index_native46(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_list_item = require_index_native54(), import_separator = require_index_native63(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_debounce = require_index_native64(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
       name: VALUE_NAME,
       userSelect: "none"
     }), SelectValue = SelectValueFrame.styleable(function(param, forwardedRef) {
@@ -28887,7 +28842,7 @@ var require_Slider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_helpers2 = require_index_native7(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), React4 = __toESM2(require("react")), import_constants22 = require_constants_native6(), import_helpers3 = require_helpers_native3(), import_SliderImpl = require_SliderImpl_native(), activeSliderMeasureListeners = /* @__PURE__ */ new Set();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_helpers2 = require_index_native7(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), React4 = __toESM2(require("react")), import_constants22 = require_constants_native6(), import_helpers3 = require_helpers_native3(), import_SliderImpl = require_SliderImpl_native(), activeSliderMeasureListeners = /* @__PURE__ */ new Set();
     import_constants4.isWeb && import_constants4.isClient && !process.env.TAMAGUI_DISABLE_SLIDER_INTERVAL && ((_setInterval = setInterval) === null || _setInterval === void 0 || _setInterval(
       function() {
         activeSliderMeasureListeners.forEach(function(cb) {
@@ -29428,7 +29383,7 @@ var require_useSwitch_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useSwitch_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_use_previous = require_index_native48(), React4 = __toESM2(require("react"));
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_use_previous = require_index_native48(), React4 = __toESM2(require("react"));
     function useSwitch(props, param, ref) {
       var [checked, setChecked] = param;
       return {
@@ -29944,14 +29899,14 @@ var require_Tabs_native = __commonJS({
     }, Tabs_exports = {};
     __export2(Tabs_exports, {
       Tabs: function() {
-        return Tabs;
+        return Tabs2;
       },
       useTabsContext: function() {
         return useTabsContext;
       }
     });
     module2.exports = __toCommonJS2(Tabs_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_get_button_sized2 = require_index_native21(), import_group = require_index_native52(), import_helpers = require_index_native7(), import_roving_focus = require_index_native61(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_get_button_sized2 = require_index_native21(), import_group = require_index_native52(), import_helpers = require_index_native7(), import_roving_focus = require_index_native61(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_roving_focus.RovingFocusGroup, {
         __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
@@ -30163,7 +30118,7 @@ var require_Tabs_native = __commonJS({
           ref: forwardedRef
         })
       });
-    }), Tabs = (0, import_helpers.withStaticProperties)(TabsComponent, {
+    }), Tabs2 = (0, import_helpers.withStaticProperties)(TabsComponent, {
       List: TabsList,
       /**
       * @deprecated Use Tabs.Tab instead
@@ -30172,7 +30127,6 @@ var require_Tabs_native = __commonJS({
       Tab: TabsTrigger,
       Content: TabsContent
     });
-    Tabs.displayName = TABS_NAME;
     function makeTriggerId(baseId, value) {
       return `${baseId}-trigger-${value}`;
     }
@@ -31487,7 +31441,7 @@ __reExport(index_exports, __toESM(require_index_native41()), module.exports);
 __reExport(index_exports, __toESM(require_index_native44()), module.exports);
 __reExport(index_exports, __toESM(require_index_native45()), module.exports);
 __reExport(index_exports, __toESM(require_index_native50()), module.exports);
-__reExport(index_exports, __toESM(require_index_native12()), module.exports);
+__reExport(index_exports, __toESM(require_index_native11()), module.exports);
 __reExport(index_exports, __toESM(require_index_native30()), module.exports);
 __reExport(index_exports, __toESM(require_index_native37()), module.exports);
 __reExport(index_exports, __toESM(require_index_native42()), module.exports);