@tamagui/core 1.129.5 → 1.129.6-1751237024118

package/dist/test.native.js

@@ -442,7 +442,7 @@ var require_constants_native = __commonJS({
         return isChrome;
       },
       isClient: function() {
-        return isClient2;
+        return isClient;
       },
       isIos: function() {
         return isIos;
@@ -467,7 +467,7 @@ var require_constants_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_native_exports);
-    var import_react3 = require("react"), import_react22 = require("react"), import_react_native = require_fake_react_native(), IS_REACT_19 = !!import_react22.use, isWeb = !1, isWindowDefined = !1, isServer = !1, isClient2 = !1, useIsomorphicLayoutEffect2 = import_react3.useLayoutEffect, isChrome = !1, isWebTouchable = !1, isTouchable = !0, isAndroid = import_react_native.Platform.OS === "android" || process.env.TEST_NATIVE_PLATFORM === "android", isIos = import_react_native.Platform.OS === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios", platforms = {
+    var import_react3 = require("react"), import_react22 = require("react"), import_react_native = require_fake_react_native(), IS_REACT_19 = !!import_react22.use, isWeb = !1, isWindowDefined = !1, isServer = !1, isClient = !1, useIsomorphicLayoutEffect2 = import_react3.useLayoutEffect, isChrome = !1, isWebTouchable = !1, isTouchable = !0, isAndroid = import_react_native.Platform.OS === "android" || process.env.TEST_NATIVE_PLATFORM === "android", isIos = import_react_native.Platform.OS === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios", platforms = {
       ios: "ios",
       android: "android"
     }, currentPlatform = platforms[import_react_native.Platform.OS] || "native";
@@ -556,7 +556,7 @@ var require_shouldRenderNativePlatform_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(shouldRenderNativePlatform_exports);
-    var import_constants2 = require_index_native2(), ALL_PLATFORMS = [
+    var import_constants = require_index_native2(), ALL_PLATFORMS = [
       "web",
       "android",
       "ios"
@@ -567,7 +567,7 @@ var require_shouldRenderNativePlatform_native = __commonJS({
       try {
         for (var _iterator = ALL_PLATFORMS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
           var platform = _step.value;
-          if (platform === import_constants2.currentPlatform && userRequestedPlatforms.has(platform)) return platform;
+          if (platform === import_constants.currentPlatform && userRequestedPlatforms.has(platform)) return platform;
         }
       } catch (err) {
         _didIteratorError = !0, _iteratorError = err;
@@ -662,7 +662,7 @@ var require_validStyleProps_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(validStyleProps_exports);
-    var import_constants2 = require_index_native2(), textColors = {
+    var import_constants = require_index_native2(), textColors = {
       color: !0,
       textDecorationColor: !0,
       textShadowColor: !0
@@ -860,7 +860,7 @@ var require_validStyleProps_native = __commonJS({
       ...stylePropsUnitless,
       boxShadow: !0,
       filter: !0,
-      ...import_constants2.isAndroid ? {
+      ...import_constants.isAndroid ? {
         elevationAndroid: !0
       } : {}
     }, stylePropsFont = {
@@ -1188,7 +1188,7 @@ var require_config_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(config_exports);
-    var import_constants2 = require_index_native2(), import_constants22 = require_constants_native2(), conf, getSetting2 = function(key) {
+    var import_constants = require_index_native2(), import_constants2 = require_constants_native2(), conf, getSetting2 = function(key) {
       var _conf_settings_key;
       return (_conf_settings_key = conf.settings[key]) !== null && _conf_settings_key !== void 0 ? _conf_settings_key : (
         // @ts-expect-error
@@ -1221,7 +1221,7 @@ var require_config_native = __commonJS({
         return tokensMerged[cat][value];
       }) || ""]) === null || _tokensMerged_ === void 0 ? void 0 : _tokensMerged_[value];
     }, getToken2 = function(value, group) {
-      var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants2.isWeb, token = getTokenObject(value, group);
+      var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants.isWeb, token = getTokenObject(value, group);
       return useVariable ? token == null ? void 0 : token.variable : token == null ? void 0 : token.val;
     }, getTokenValue2 = function(value, group) {
       if (!(value === "unset" || value === "auto")) return getToken2(value, group, !1);
@@ -1316,7 +1316,7 @@ var require_createVariable_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createVariable_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_config = require_config_native();
+    var import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_config = require_config_native();
     function constructCSSVariableName(name) {
       return `var(--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${name})`;
     }
@@ -1329,12 +1329,12 @@ var require_createVariable_native = __commonJS({
         key,
         name: skipHash ? name : (0, import_helpers2.simpleHash)(name, 40),
         val,
-        variable: import_constants2.isWeb ? skipHash ? constructCSSVariableName(name) : createCSSVariable(name) : ""
+        variable: import_constants.isWeb ? skipHash ? constructCSSVariableName(name) : createCSSVariable(name) : ""
       };
     };
     function variableToString(vrble) {
       var getValue = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      return isVariable(vrble) ? !getValue && import_constants2.isWeb && vrble.variable ? vrble.variable : `${vrble.val}` : `${vrble || ""}`;
+      return isVariable(vrble) ? !getValue && import_constants.isWeb && vrble.variable ? vrble.variable : `${vrble.val}` : `${vrble || ""}`;
     }
     function isVariable(v) {
       return v && typeof v == "object" && "isVar" in v;
@@ -1448,7 +1448,7 @@ var require_insertStyleRule_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(insertStyleRule_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = function() {
+    var import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = function() {
       return allSelectors;
     }, getAllRules = function() {
       return Object.values(allRules);
@@ -1463,7 +1463,7 @@ var require_insertStyleRule_native = __commonJS({
       }
     }
     function listenForSheetChanges() {
-      if (import_constants2.isClient) {
+      if (import_constants.isClient) {
         var mo = new MutationObserver(function(entries) {
           var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
           try {
@@ -1526,7 +1526,7 @@ var require_insertStyleRule_native = __commonJS({
       nonce = _;
     }
     function insertStyleRules(rulesToInsert) {
-      if (!sheet && import_constants2.isClient && document.head) {
+      if (!sheet && import_constants.isClient && document.head) {
         var styleTag = document.createElement("style");
         nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
       }
@@ -1823,7 +1823,7 @@ var require_useMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants2 = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), mediaState2 = {}, mediaQueryConfig2 = {}, getMedia2 = function() {
+    var import_constants = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), mediaState2 = {}, mediaQueryConfig2 = {}, getMedia2 = function() {
       return mediaState2;
     }, mediaKeys = /* @__PURE__ */ new Set(), mediaKeyRegex = /\$(platform|theme|group)-/, isMediaKey = function(key) {
       if (mediaKeys.has(key)) return !0;
@@ -1869,7 +1869,7 @@ var require_useMedia_native = __commonJS({
         }
         update();
       };
-      if (!(import_constants2.isWeb && import_constants2.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
+      if (!(import_constants.isWeb && import_constants.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
         setupVersion = mediaVersion, unlisten();
         for (var key in mediaQueryConfig2) _loop(key);
       }
@@ -2339,7 +2339,7 @@ var require_createStyledContext_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createStyledContext_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_objectIdentityKey = require_objectIdentityKey_native(), createReactContext = import_react3.default[Math.random(), "createContext"];
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_objectIdentityKey = require_objectIdentityKey_native(), createReactContext = import_react3.default[Math.random(), "createContext"];
     function createStyledContext(defaultValues) {
       var OGContext = createReactContext(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map();
       function getOrCreateScopedContext(scope) {
@@ -2356,7 +2356,7 @@ var require_createStyledContext_native = __commonJS({
         }, [
           (0, import_objectIdentityKey.objectIdentityKey)(values)
         ]), Provider22 = OGProvider;
-        return scope && (Provider22 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider22, {
+        return scope && (Provider22 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Provider22, {
           value: next,
           children
         });
@@ -3578,7 +3578,7 @@ var require_expandStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(expandStyles_exports);
-    var import_constants2 = require_index_native2(), import_normalizeShadow = require_normalizeShadow_native();
+    var import_constants = require_index_native2(), import_normalizeShadow = require_normalizeShadow_native();
     function fixStyles(style) {
       "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
       for (var key in borderDefaults) if (key in style) {
@@ -3586,7 +3586,7 @@ var require_expandStyles_native = __commonJS({
         (_style = style)[_borderDefaults_key = borderDefaults[key]] || (_style[_borderDefaults_key] = "solid");
       }
     }
-    var nativeStyle = import_constants2.isWeb ? null : "borderStyle", borderDefaults = {
+    var nativeStyle = import_constants.isWeb ? null : "borderStyle", borderDefaults = {
       borderWidth: "borderStyle",
       borderBottomWidth: nativeStyle || "borderBottomStyle",
       borderTopWidth: nativeStyle || "borderTopStyle",
@@ -3694,13 +3694,13 @@ var require_isActivePlatform_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(isActivePlatform_exports);
-    var import_constants2 = require_index_native2();
+    var import_constants = require_index_native2();
     function isActivePlatform(key) {
       if (!key.startsWith("$platform")) return !0;
       var platform = key.slice(10);
       return (
         // web, ios, android
-        platform === import_constants2.currentPlatform || // web, native
+        platform === import_constants.currentPlatform || // web, native
         platform === "native"
       );
     }
@@ -3857,14 +3857,14 @@ var require_normalizeValueWithProperty_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(normalizeValueWithProperty_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), stylePropsAllPlusTransforms = {
+    var import_constants = require_index_native2(), import_helpers2 = require_index_native3(), stylePropsAllPlusTransforms = {
       ...import_helpers2.stylePropsAll,
       translateX: !0,
       translateY: !0
     };
     function normalizeValueWithProperty(value) {
       var property = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
-      if (!import_constants2.isWeb || import_helpers2.stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value == "boolean") return value;
+      if (!import_constants.isWeb || import_helpers2.stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value == "boolean") return value;
       var res = value;
       return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
     }
@@ -4124,14 +4124,14 @@ var require_expandStyle_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(expandStyle_exports);
-    var import_constants2 = require_index_native2(), import_config = require_config_native(), import_webToNativeProps = require_webToNativeProps_native(), _loop = function(parent2) {
+    var import_constants = require_index_native2(), import_config = require_config_native(), import_webToNativeProps = require_webToNativeProps_native(), _loop = function(parent2) {
       var _exec, _exec_index, prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);
       EXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {
         return `${prefix}${k}`;
       });
     };
     function expandStyle(key, value) {
-      if (import_constants2.isAndroid && key === "elevationAndroid") return [
+      if (import_constants.isAndroid && key === "elevationAndroid") return [
         [
           "elevation",
           value
@@ -4191,7 +4191,7 @@ var require_expandStyle_native = __commonJS({
       padding: all,
       paddingHorizontal: horiz,
       paddingVertical: vert,
-      ...import_constants2.isWeb && {
+      ...import_constants.isWeb && {
         // react-native only supports borderStyle
         borderStyle: [
           "TopStyle",
@@ -4614,9 +4614,9 @@ var require_propMapper_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_normalizeStyle = require_normalizeStyle_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = function(key, value, styleState, disabled, map) {
+    var import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_normalizeStyle = require_normalizeStyle_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = function(key, value, styleState, disabled, map) {
       if (disabled) return map(key, value);
-      if (lastFontFamilyToken = null, !(!import_constants2.isAndroid && key === "elevationAndroid")) {
+      if (lastFontFamilyToken = null, !(!import_constants.isAndroid && key === "elevationAndroid")) {
         var { conf, styleProps, staticConfig } = styleState;
         if (value === "unset") {
           var _conf_unset, unsetVal = (_conf_unset = conf.unset) === null || _conf_unset === void 0 ? void 0 : _conf_unset[key];
@@ -5012,7 +5012,7 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_getDynamicVal = require_getDynamicVal_native(), 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(), conf, PROP_SPLIT = "-";
+    var import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_getDynamicVal = require_getDynamicVal_native(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = 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(), conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, validStyles2, accept) {
       return key in validStyles2 ? !0 : accept && key in accept;
     }
@@ -5033,7 +5033,7 @@ var require_getSplitStyles_native = __commonJS({
         var valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles2, accept);
         if (0) var _viewProps2, _dataSet;
         if (!isValidStyleKeyInit) {
-          if (!import_constants2.isAndroid && keyInit === "elevationAndroid") return "continue";
+          if (!import_constants.isAndroid && keyInit === "elevationAndroid") return "continue";
           if (keyInit === "userSelect") keyInit = "selectable", valInit = valInit !== "none";
           else if (keyInit.startsWith("data-")) return "continue";
         }
@@ -5071,7 +5071,7 @@ var require_getSplitStyles_native = __commonJS({
               viewProps[key4] = val2;
               return;
             }
-            if (!isHOC && isValidStyleKey(key4, validStyles2, accept) || import_constants2.isAndroid && key4 === "elevation") {
+            if (!isHOC && isValidStyleKey(key4, validStyles2, accept) || import_constants.isAndroid && key4 === "elevation") {
               mergeStyle(styleState, key4, val2);
               return;
             }
@@ -5179,7 +5179,7 @@ var require_getSplitStyles_native = __commonJS({
                   return;
                 var mediaStyle1 = getSubStyle(styleState, key4, val2, !0), importanceBump = 0;
                 if (isThemeMedia) {
-                  if (dynamicThemeAccess = !0, import_constants2.isIos && (0, import_config.getSetting)("fastSchemeChange")) {
+                  if (dynamicThemeAccess = !0, import_constants.isIos && (0, import_config.getSetting)("fastSchemeChange")) {
                     var _styleState3;
                     (_styleState3 = styleState).style || (_styleState3.style = {});
                     var scheme = mediaKeyShort, oppositeScheme = (0, import_getDynamicVal.getOppositeScheme)(mediaKeyShort);
@@ -5239,8 +5239,8 @@ var require_getSplitStyles_native = __commonJS({
       };
       conf = conf || (0, import_config.getConfig)();
       var animationDriver = (componentContext == null ? void 0 : componentContext.animationDriver) || conf.animations;
-      import_constants2.isWeb && styleProps.isAnimated && animationDriver.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants2.isWeb && !styleProps.noClass && !styleProps.isAnimated, rulesToInsert = void 0, classNames = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles2 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers2.stylePropsText : import_helpers2.validStyles), styleState = {
+      import_constants.isWeb && styleProps.isAnimated && animationDriver.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
+      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants.isWeb && !styleProps.noClass && !styleProps.isAnimated, rulesToInsert = void 0, classNames = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles2 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers2.stylePropsText : import_helpers2.validStyles), styleState = {
         classNames,
         conf,
         props,
@@ -5266,7 +5266,7 @@ var require_getSplitStyles_native = __commonJS({
       for (var keyOg in props) _loop(keyOg);
       var avoidNormalize = styleProps.noNormalize === !1;
       if (!avoidNormalize) {
-        if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), !styleProps.noExpand && !styleProps.noMergeStyle && import_constants2.isWeb && !isReactNative && (0, import_getCSSStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms) {
+        if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), !styleProps.noExpand && !styleProps.noMergeStyle && import_constants.isWeb && !isReactNative && (0, import_getCSSStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms) {
           var _styleState;
           (_styleState = styleState).style || (_styleState.style = {}), mergeFlatTransforms(styleState.style, styleState.flatTransforms);
         }
@@ -5363,7 +5363,7 @@ var require_getSplitStyles_native = __commonJS({
         var _styleState;
         (_styleState = styleState).flatTransforms || (_styleState.flatTransforms = {}), styleState.flatTransforms[key] = val;
       } else {
-        var shouldNormalize = import_constants2.isWeb && !disableNormalize && !styleProps.noNormalize, out = shouldNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
+        var shouldNormalize = import_constants.isWeb && !disableNormalize && !styleProps.noNormalize, out = shouldNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
         if (
           // accept is for props not styles
           staticConfig.accept && key in staticConfig.accept
@@ -5400,7 +5400,7 @@ var require_getSplitStyles_native = __commonJS({
         styleState.flatTransforms && mergeFlatTransforms(styleOut, styleState.flatTransforms);
       }
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
-    }, useInsertEffectCompat = import_constants2.isWeb ? import_react3.default.useInsertionEffect || import_constants2.useIsomorphicLayoutEffect : function() {
+    }, useInsertEffectCompat = import_constants.isWeb ? import_react3.default.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : function() {
     }, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j, k) {
       var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j, k);
       return res;
@@ -5464,7 +5464,7 @@ var require_getSplitStyles_native = __commonJS({
         var val = style[key];
         key in import_helpers2.stylePropsTransform ? mergeTransform(out, key, val) : out[key] = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
       }
-      return import_constants2.isWeb && Array.isArray(out.transform) && (out.transform = (0, import_transformsToString.transformsToString)(out.transform)), (0, import_expandStyles.fixStyles)(out), out;
+      return import_constants.isWeb && Array.isArray(out.transform) && (out.transform = (0, import_transformsToString.transformsToString)(out.transform)), (0, import_expandStyles.fixStyles)(out), out;
     }
     function applyDefaultStyle(pkey, styleState) {
       var defaultValues = animatableDefaults[pkey];
@@ -5589,9 +5589,9 @@ var require_setElementProps_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/helpers/useCreateShallowSetState.native.js
-var require_useCreateShallowSetState_native = __commonJS({
-  "../web/dist/cjs/helpers/useCreateShallowSetState.native.js"(exports2, module2) {
+// ../../packages/is-equal-shallow/dist/cjs/index.native.js
+var require_index_native6 = __commonJS({
+  "../../packages/is-equal-shallow/dist/cjs/index.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, {
@@ -5625,10 +5625,10 @@ var require_useCreateShallowSetState_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, useCreateShallowSetState_exports = {};
-    __export2(useCreateShallowSetState_exports, {
+    }, index_exports2 = {};
+    __export2(index_exports2, {
       isEqualShallow: function() {
-        return isEqualShallow2;
+        return isEqualShallow;
       },
       mergeIfNotShallowEqual: function() {
         return mergeIfNotShallowEqual;
@@ -5637,7 +5637,7 @@ var require_useCreateShallowSetState_native = __commonJS({
         return useCreateShallowSetState;
       }
     });
-    module2.exports = __toCommonJS2(useCreateShallowSetState_exports);
+    module2.exports = __toCommonJS2(index_exports2);
     var import_react3 = require("react");
     function useCreateShallowSetState(setter, debugIn) {
       return (0, import_react3.useCallback)(function(next) {
@@ -5650,12 +5650,12 @@ var require_useCreateShallowSetState_native = __commonJS({
       ]);
     }
     function mergeIfNotShallowEqual(prev, next, debug) {
-      return !prev || !next || isEqualShallow2(prev, next) ? prev || next : {
+      return !prev || !next || isEqualShallow(prev, next) ? prev || next : {
         ...prev,
         ...next
       };
     }
-    function isEqualShallow2(prev, next) {
+    function isEqualShallow(prev, next) {
       for (var key in next) if (prev[key] !== next[key]) return !1;
       return !0;
     }
@@ -5705,7 +5705,7 @@ var require_subscribeToContextGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(subscribeToContextGroup_exports);
-    var import_useMedia = require_useMedia_native(), import_useCreateShallowSetState = require_useCreateShallowSetState_native(), subscribeToContextGroup = function(param) {
+    var import_useMedia = require_useMedia_native(), import_is_equal_shallow = require_index_native6(), subscribeToContextGroup = function(param) {
       var { setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
       if (pseudoGroups || mediaGroups) {
         var _componentContext_groups_subscribe, _componentContext_groups;
@@ -5716,7 +5716,7 @@ var require_subscribeToContextGroup_native = __commonJS({
           };
           if (pseudo && pseudoGroups != null && pseudoGroups.has(String(name))) Object.assign(current.pseudo, pseudo), persist();
           else if (layout && mediaGroups) {
-            var mediaState2 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_useCreateShallowSetState.mergeIfNotShallowEqual)(current.media || {}, mediaState2);
+            var mediaState2 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(current.media || {}, mediaState2);
             next !== current.media && (Object.assign(current.media, next), persist());
           }
           function persist() {
@@ -5792,7 +5792,7 @@ var require_useThemeState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useThemeState_exports);
-    var import_constants2 = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_constants22 = require_constants_native2(), ThemeStateContext = (0, import_react3.createContext)(""), allListeners = /* @__PURE__ */ new Map(), listenersByParent = {}, HasRenderedOnce = /* @__PURE__ */ new WeakMap(), HadTheme = /* @__PURE__ */ new WeakMap(), PendingUpdate = /* @__PURE__ */ new Map(), states = /* @__PURE__ */ new Map(), localStates = /* @__PURE__ */ new Map(), shouldForce = !1, forceUpdateThemes2 = function() {
+    var import_constants = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_constants2 = require_constants_native2(), ThemeStateContext = (0, import_react3.createContext)(""), allListeners = /* @__PURE__ */ new Map(), listenersByParent = {}, HasRenderedOnce = /* @__PURE__ */ new WeakMap(), HadTheme = /* @__PURE__ */ new WeakMap(), PendingUpdate = /* @__PURE__ */ new Map(), states = /* @__PURE__ */ new Map(), localStates = /* @__PURE__ */ new Map(), shouldForce = !1, forceUpdateThemes2 = function() {
       cacheVersion++, shouldForce = !0, allListeners.forEach(function(cb) {
         return cb();
       });
@@ -5802,7 +5802,7 @@ var require_useThemeState_native = __commonJS({
       return rootThemeState;
     }, useThemeState = function(props) {
       var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, keys = arguments.length > 2 ? arguments[2] : void 0, { disable } = props, parentId = (0, import_react3.useContext)(ThemeStateContext);
-      if (!parentId && !isRoot) throw new Error(import_constants22.MISSING_THEME_MESSAGE);
+      if (!parentId && !isRoot) throw new Error(import_constants2.MISSING_THEME_MESSAGE);
       if (disable) return states.get(parentId) || {
         id: "",
         name: "light",
@@ -5825,7 +5825,7 @@ var require_useThemeState_native = __commonJS({
           ...next
         }, localStates.set(id, local)), Object.assign(local, next), local.id = id, states.set(id, next), local;
       }, state = (0, import_react3.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-      return (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+      return (0, import_constants.useIsomorphicLayoutEffect)(function() {
         if (!HasRenderedOnce.get(keys)) {
           HasRenderedOnce.set(keys, !0);
           return;
@@ -5856,7 +5856,7 @@ var require_useThemeState_native = __commonJS({
       ];
       if (!name) {
         var next = lastState ?? parentState;
-        if (!next) throw new Error(import_constants22.MISSING_THEME_MESSAGE);
+        if (!next) throw new Error(import_constants2.MISSING_THEME_MESSAGE);
         if (shouldRerender) {
           var updated = {
             ...parentState || lastState
@@ -6077,7 +6077,7 @@ var require_getThemeProxied_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getThemeProxied_exports);
-    var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), import_getDynamicVal = require_getDynamicVal_native(), cache = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
+    var import_constants = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), import_getDynamicVal = require_getDynamicVal_native(), cache = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
     function getThemeProxied(_props, _state, _keys) {
       if (!(_state != null && _state.theme)) return emptyObject;
       if (curKeys = _keys, curProps = _props, curState = _state, cache.has(curState.theme)) {
@@ -6096,7 +6096,7 @@ var require_getThemeProxied_native = __commonJS({
           },
           get(platform) {
             if (curState) {
-              var outVal = (0, import_createVariable.getVariable)(value), { name, scheme, inverses } = curState, shouldOptimize = scheme && platform !== "web" && import_constants2.isIos && !curProps.deopt && (0, import_config.getSetting)("fastSchemeChange") && inverses === 0 && (0, import_doesRootSchemeMatchSystem.doesRootSchemeMatchSystem)();
+              var outVal = (0, import_createVariable.getVariable)(value), { name, scheme, inverses } = curState, shouldOptimize = scheme && platform !== "web" && import_constants.isIos && !curProps.deopt && (0, import_config.getSetting)("fastSchemeChange") && inverses === 0 && (0, import_doesRootSchemeMatchSystem.doesRootSchemeMatchSystem)();
               if (shouldOptimize) {
                 var _config_themes_name, _config_themes_oppositeName, oppositeScheme = scheme === "dark" ? "light" : "dark", oppositeName = name.replace(scheme, oppositeScheme), color = (0, import_createVariable.getVariable)((_config_themes_name = config.themes[name]) === null || _config_themes_name === void 0 ? void 0 : _config_themes_name[key]), oppositeColor = (0, import_createVariable.getVariable)((_config_themes_oppositeName = config.themes[oppositeName]) === null || _config_themes_oppositeName === void 0 ? void 0 : _config_themes_oppositeName[key]), dynamicVal = (0, import_getDynamicVal.getDynamicVal)({
                   scheme,
@@ -6293,7 +6293,7 @@ var require_Theme_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Theme_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants2 = require_index_native2(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_useTheme = require_useTheme_native(), import_useThemeState = require_useThemeState_native(), import_ThemeDebug = require_ThemeDebug_native(), empty = {
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = require_index_native2(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_useTheme = require_useTheme_native(), import_useThemeState = require_useThemeState_native(), import_ThemeDebug = require_ThemeDebug_native(), empty = {
       className: "",
       style: {}
     }, Theme = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
@@ -6318,7 +6318,7 @@ var require_Theme_native = __commonJS({
     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 (!shouldRenderChildrenWithTheme) return children;
-      children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {
+      children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_useThemeState.ThemeStateContext.Provider, {
         value: themeState.id,
         children
       });
@@ -6329,22 +6329,22 @@ var require_Theme_native = __commonJS({
         var parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);
         if (!parentState) throw new Error("\u203C\uFE0F010");
         children = import_react3.Children.toArray(children).map(function(child) {
-          return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, {
+          return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Theme, {
             name: parentState.name,
             children: child.props.children
           })) : child;
         });
       }
       if (forceClassName === !1) return children;
-      if (import_constants2.isWeb) {
+      if (import_constants.isWeb) {
         var { className, style } = getThemeClassNameAndStyle(themeState, props, isRoot);
-        if (children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+        if (children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {
           className: `${className} _dsp_contents is_Theme`,
           style,
           children
         }), state.hasEverThemed === "wrapped") {
           var className1 = requiresExtraWrapper ? `${isInverse ? name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "" : ""} _dsp_contents` : "_dsp_contents";
-          children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+          children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {
             className: className1,
             children
           });
@@ -6423,7 +6423,7 @@ var require_themeable_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(themeable_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_Theme = require_Theme_native();
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_Theme = require_Theme_native();
     function themeable(Component, staticConfig) {
       var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, withThemeComponent = /* @__PURE__ */ import_react3.default.forwardRef(function(props, ref) {
         var { themeInverse, theme, componentName, themeReset, ...rest } = props, overriddenContextProps, context = staticConfig == null ? void 0 : staticConfig.context;
@@ -6433,21 +6433,21 @@ var require_themeable_native = __commonJS({
         }
         var element = (
           // @ts-expect-error its ok
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, {
             ref,
             ...rest,
             "data-disable-theme": !0
           })
         ), filteredProps = null, compName = componentName || (staticConfig == null ? void 0 : staticConfig.componentName);
         if (compName && (filteredProps || (filteredProps = {}), filteredProps.componentName = compName), "debug" in props && (filteredProps || (filteredProps = {}), filteredProps.debug = props.debug), "theme" in props && (filteredProps || (filteredProps = {}), filteredProps.name = props.theme), "themeInverse" in props && (filteredProps || (filteredProps = {}), filteredProps.inverse = props.themeInverse), "themeReset" in props && (filteredProps || (filteredProps = {}), filteredProps.reset = themeReset), optimize && !filteredProps) return element;
-        var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
+        var contents = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Theme.Theme, {
           "disable-child-theme": !0,
           ...filteredProps,
           children: element
         });
         if (context) {
           var Provider = context.Provider, contextValue = import_react3.default.useContext(context);
-          contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {
+          contents = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Provider, {
             ...contextValue,
             ...overriddenContextProps,
             children: contents
@@ -6503,9 +6503,9 @@ var require_wrapStyleTags_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(wrapStyleTags_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_helpers2 = require_index_native3(), import_constants2 = require_index_native2();
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_helpers2 = require_index_native3(), import_constants = require_index_native2();
     function wrapStyleTags(styles, content) {
-      return import_constants2.IS_REACT_19, content;
+      return import_constants.IS_REACT_19, content;
     }
   }
 });
@@ -6556,9 +6556,9 @@ var require_ClientOnly_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ClientOnly_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), ClientOnlyContext2 = /* @__PURE__ */ (0, import_react3.createContext)(!1), ClientOnly2 = function(param) {
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_react3 = require("react"), ClientOnlyContext2 = /* @__PURE__ */ (0, import_react3.createContext)(!1), ClientOnly2 = function(param) {
       var { children } = param;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClientOnlyContext2.Provider, {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClientOnlyContext2.Provider, {
         value: !0,
         children
       });
@@ -6567,7 +6567,7 @@ var require_ClientOnly_native = __commonJS({
 });
 
 // ../use-did-finish-ssr/dist/cjs/index.native.js
-var require_index_native6 = __commonJS({
+var require_index_native7 = __commonJS({
   "../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) {
@@ -6690,15 +6690,15 @@ var require_useComponentState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native6(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_useCreateShallowSetState = require_useCreateShallowSetState_native(), useComponentState = function(props, param, staticConfig, config) {
-      var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(import_constants2.IS_REACT_19 ? !isHydrated : !1), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
+    var import_constants = require_index_native2(), import_use_did_finish_ssr = require_index_native7(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_is_equal_shallow = require_index_native6(), useComponentState = function(props, param, staticConfig, config) {
+      var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(import_constants.IS_REACT_19 ? !isHydrated : !1), 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;
       !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
       var willBeAnimatedClient = function() {
         var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
         return !!(next || curStateRef.hasAnimated);
-      }(), willBeAnimated = !import_constants2.isServer && willBeAnimatedClient;
+      }(), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
       willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
       var { disableClassName } = props, presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver == null ? void 0 : animationDriver.isReactNative) || !supportsCSSVars), hasEnterState = hasEnterStyle || isEntering, shouldEnter = hasEnterState || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
       // this is just for a better ux, supports css variables for light/dark, media queries, etc
@@ -6715,20 +6715,20 @@ var require_useComponentState_native = __commonJS({
         ...states[0],
         [props.forceStyle]: !0
       } : states[0], setState = states[1], isAnimated = willBeAnimated;
-      import_constants2.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), state.disabled = disabled, setState(function(_) {
+      import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), state.disabled = disabled, setState(function(_) {
         return {
           ...state
         };
       }));
-      var groupName = props.group, setStateShallow = (0, import_useCreateShallowSetState.useCreateShallowSetState)(setState, props.debug);
+      var groupName = props.group, setStateShallow = (0, import_is_equal_shallow.useCreateShallowSetState)(setState, props.debug);
       if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
         var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
         (0, import_isObj.isObj)(custom) && Object.assign(props, custom);
         var exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
         state.unmounted && env && staticConfig.variants[env] ? props[env] = !0 : isExiting && exv && (props[exv] = exitVariant !== enterExitVariant);
       }
-      var noClass = !import_constants2.isWeb || !!props.forceStyle || isAnimated && (animationDriver == null ? void 0 : animationDriver.needsWebStyles);
-      if (import_constants2.isWeb && (!import_constants2.isServer || isHydrated)) {
+      var noClass = !import_constants.isWeb || !!props.forceStyle || isAnimated && (animationDriver == null ? void 0 : animationDriver.needsWebStyles);
+      if (import_constants.isWeb && (!import_constants.isServer || isHydrated)) {
         var isAnimatedAndHydrated = isAnimated && !supportsCSSVars, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || !state.unmounted), isDisabledManually = disableClassName && !state.unmounted;
         (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (noClass = !0);
       }
@@ -6906,7 +6906,7 @@ var require_Slot_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slot_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = 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_runtime2 = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants = require_index_native2(), import_helpers2 = require_index_native3(), 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);
@@ -6918,12 +6918,12 @@ var require_Slot_native = __commonJS({
       return import_react3.Children.count(children) > 1 ? import_react3.Children.only(null) : null;
     })), Slottable = function(param) {
       var { children } = param;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {
         children
       });
     };
     Slottable.displayName = "Slottable";
-    var pressMap = import_constants2.isWeb ? {
+    var pressMap = import_constants.isWeb ? {
       onPress: "onClick",
       onPressOut: "onMouseUp",
       onPressIn: "onMouseDown"
@@ -7021,8 +7021,8 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), componentSetStates = /* @__PURE__ */ new Set();
-    typeof document < "u" && (cancelTouches = function() {
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), componentSetStates = /* @__PURE__ */ new Set();
+    typeof window < "u" && (cancelTouches = function() {
       componentSetStates.forEach(function(setState) {
         return setState(function(prev) {
           return prev.press || prev.pressIn ? {
@@ -7036,7 +7036,7 @@ var require_createComponent_native = __commonJS({
     var cancelTouches, BaseText, BaseView, hasSetupBaseViews = !1, lastInteractionWasKeyboard = {
       value: !1
     };
-    import_constants2.isWeb && globalThis.document && (document.addEventListener("keydown", function() {
+    import_constants.isWeb && globalThis.document && (document.addEventListener("keydown", function() {
       lastInteractionWasKeyboard.value = !0;
     }), document.addEventListener("mousedown", function() {
       lastInteractionWasKeyboard.value = !1;
@@ -7085,7 +7085,7 @@ var require_createComponent_native = __commonJS({
           ...styledContextProps
         } : defaultProps, props = propsIn;
         curDefaultProps && (props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn));
-        var componentName2 = props.componentName || staticConfig.componentName, animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config), { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState, setStateShallow = componentState.setStateShallow, hasTextAncestor = !!(import_constants2.isWeb && isText && componentContext.inText), isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants2.isWeb && isTaggable && tagProp || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
+        var componentName2 = props.componentName || staticConfig.componentName, animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config), { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState, setStateShallow = componentState.setStateShallow, hasTextAncestor = !!(import_constants.isWeb && isText && componentContext.inText), isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants.isWeb && isTaggable && tagProp || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
         animationDriver && isAnimated && // this should really be behind another prop as it's not really related to
         // "needsWebStyles" basically with motion we just animate a plain div, but
         // we still have animated.View/Text for Sheet which wants to control
@@ -7103,7 +7103,7 @@ var require_createComponent_native = __commonJS({
           return !!stateRef.current.isListeningToTheme;
         }), themeStateProps.deopt = willBeAnimated, !1) {
           var name, type, dataIs, banner;
-          if (console.info(`%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`, "background: green; color: white;"), !import_constants2.isServer) var ch, childLog;
+          if (console.info(`%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`, "background: green; color: white;"), !import_constants.isServer) var ch, childLog;
         }
         var [theme, themeState] = (0, import_useTheme.useThemeWithState)(themeStateProps);
         elementType = Component || elementType;
@@ -7177,7 +7177,7 @@ var require_createComponent_native = __commonJS({
         var animationStyles, shouldUseAnimation = (
           // if it supports css vars we run it on server too to get matching initial style
           (supportsCSSVars ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC
-        );
+        ), animatedRef;
         if (shouldUseAnimation) {
           var useStyleEmitter = animationDriver != null && animationDriver.avoidReRenders ? function(listener) {
             stateRef.current.useStyleListener = listener;
@@ -7196,7 +7196,7 @@ var require_createComponent_native = __commonJS({
             staticConfig,
             stateRef
           });
-          animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`));
+          animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`), animations.ref && (animatedRef = animations.ref));
         }
         groupName && (nonTamaguiProps.onLayout = (0, import_helpers2.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
           var layout = e.nativeEvent.layout;
@@ -7209,14 +7209,14 @@ var require_createComponent_native = __commonJS({
           }), stateRef.current.hasMeasured = !0;
         })), viewProps = ((_hooks_usePropsTransform = import_setupHooks.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_setupHooks.hooks, elementType, nonTamaguiProps, stateRef, curStateRef.willHydrate)) || nonTamaguiProps, curStateRef.composedRef || (curStateRef.composedRef = (0, import_compose_refs.composeRefs)(function(x) {
           return stateRef.current.host = x;
-        }, forwardedRef, import_setElementProps.setElementProps)), viewProps.ref = curStateRef.composedRef;
+        }, forwardedRef, import_setElementProps.setElementProps, animatedRef)), viewProps.ref = curStateRef.composedRef;
         var { pseudoGroups, mediaGroups } = splitStyles, unPress = function() {
           setStateShallow({
             press: !1,
             pressIn: !1
           });
         };
-        (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+        (0, import_constants.useIsomorphicLayoutEffect)(function() {
           if (state.unmounted === !0 && hasEnterStyle) {
             setStateShallow({
               unmounted: "should-enter"
@@ -7226,7 +7226,7 @@ var require_createComponent_native = __commonJS({
           var tm;
           if (state.unmounted) {
             var _config_animations2, _animationDriver_supportsCSSVars;
-            if (((_animationDriver_supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars) !== null && _animationDriver_supportsCSSVars !== void 0 ? _animationDriver_supportsCSSVars : !(config == null || (_config_animations2 = config.animations) === null || _config_animations2 === void 0) && _config_animations2.supportsCSSVars) || import_constants2.isAndroid) return tm = setTimeout(function() {
+            if (((_animationDriver_supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars) !== null && _animationDriver_supportsCSSVars !== void 0 ? _animationDriver_supportsCSSVars : !(config == null || (_config_animations2 = config.animations) === null || _config_animations2 === void 0) && _config_animations2.supportsCSSVars) || import_constants.isAndroid) return tm = setTimeout(function() {
               setStateShallow({
                 unmounted: !1
               });
@@ -7257,7 +7257,7 @@ var require_createComponent_native = __commonJS({
           mediaGroups ? Object.keys([
             ...mediaGroups
           ]).join("") : 0
-        ]), (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+        ]), (0, import_constants.useIsomorphicLayoutEffect)(function() {
           var _curStateRef_group;
           if (groupName) {
             curStateRef.group.emit(groupName, {
@@ -7277,7 +7277,7 @@ var require_createComponent_native = __commonJS({
           groupName,
           state
         ]);
-        var runtimePressStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur || componentContext.setParentFocusState), hasDynamicGroupChildren = !!(groupName && state.hasDynGroupChildren), attachPress = !!(hasDynamicGroupChildren || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(hasDynamicGroupChildren || runtimeHoverStyle), attachHover = import_constants2.isWeb && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(hasDynamicGroupChildren || runtimePressStyle), events = shouldAttach ? {
+        var runtimePressStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur || componentContext.setParentFocusState), hasDynamicGroupChildren = !!(groupName && state.hasDynGroupChildren), attachPress = !!(hasDynamicGroupChildren || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(hasDynamicGroupChildren || runtimeHoverStyle), attachHover = import_constants.isWeb && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(hasDynamicGroupChildren || runtimePressStyle), events = shouldAttach ? {
           onPressOut: attachPress ? function(e) {
             unPress(), onPressOut == null || onPressOut(e), onMouseUp == null || onMouseUp(e);
           } : void 0,
@@ -7295,10 +7295,10 @@ var require_createComponent_native = __commonJS({
             needsPressState && setStateShallow({
               press: !0,
               pressIn: !0
-            }), onPressIn == null || onPressIn(e), onMouseDown == null || onMouseDown(e), import_constants2.isWeb && componentSetStates.add(setState);
+            }), onPressIn == null || onPressIn(e), onMouseDown == null || onMouseDown(e), import_constants.isWeb && componentSetStates.add(setState);
           } : void 0,
           onPress: attachPress ? function(e) {
-            unPress(), import_constants2.isWeb && (onClick == null || onClick(e)), onPress == null || onPress(e);
+            unPress(), import_constants.isWeb && (onClick == null || onClick(e)), onPress == null || onPress(e);
           } : void 0,
           ...attachPress && onLongPress && {
             onLongPress: function(e) {
@@ -7359,7 +7359,7 @@ var require_createComponent_native = __commonJS({
         var useChildrenResult;
         import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps)), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ import_react3.default.createElement(elementType, viewProps, content);
         var ResetPresence = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence;
-        ResetPresence && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResetPresence, {
+        ResetPresence && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ResetPresence, {
           children: content
         }));
         var groupState = curStateRef.group, subGroupContext = import_react3.default.useMemo(function() {
@@ -7385,7 +7385,7 @@ var require_createComponent_native = __commonJS({
         }, [
           groupName
         ]);
-        if (("group" in props || propsIn.focusWithinStyle) && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+        if (("group" in props || propsIn.focusWithinStyle) && (content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ComponentContext.ComponentContext.Provider, {
           ...componentContext,
           groups: subGroupContext,
           setParentFocusState: setStateShallow,
@@ -7401,7 +7401,7 @@ var require_createComponent_native = __commonJS({
         }
         if (overriddenContextProps) {
           var Provider = staticConfig.context.Provider;
-          content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {
+          content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Provider, {
             ...contextValue,
             ...overriddenContextProps,
             children: content
@@ -7409,7 +7409,7 @@ var require_createComponent_native = __commonJS({
         }
         if (0) {
           var element1, title;
-          if (!import_constants2.isWeb)
+          if (!import_constants.isWeb)
             for (var key2 in splitStylesStyle) ;
         }
         return content;
@@ -7430,7 +7430,7 @@ var require_createComponent_native = __commonJS({
         return Component2.staticConfig = extendStyledConfig(extended), Component2.styleable = styleable, Component2;
       }
       function styleable(Component2, options) {
-        var _Component_render, skipForwardRef = import_constants2.IS_REACT_19 && typeof Component2 == "function" && Component2.length === 1 || ((_Component_render = Component2.render) === null || _Component_render === void 0 ? void 0 : _Component_render.length) === 2, out = skipForwardRef ? Component2 : /* @__PURE__ */ import_react3.default.forwardRef(Component2), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig);
+        var _Component_render, skipForwardRef = import_constants.IS_REACT_19 && typeof Component2 == "function" && Component2.length === 1 || ((_Component_render = Component2.render) === null || _Component_render === void 0 ? void 0 : _Component_render.length) === 2, out = skipForwardRef ? Component2 : /* @__PURE__ */ import_react3.default.forwardRef(Component2), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig);
         return out = options != null && options.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig, !0), process.env.TAMAGUI_MEMOIZE_STYLEABLE && (out = /* @__PURE__ */ import_react3.default.memo(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
       }
       return res.extractable = extractable, res.styleable = styleable, res;
@@ -7455,7 +7455,7 @@ var require_createComponent_native = __commonJS({
       componentName: "Spacer",
       validStyles: import_helpers2.validStyles,
       defaultProps: {
-        ...import_constants22.stackDefaultStyles,
+        ...import_constants2.stackDefaultStyles,
         // avoid nesting issues
         tag: "span",
         size: !0,
@@ -7498,8 +7498,8 @@ var require_createComponent_native = __commonJS({
             spaceFlex,
             separator,
             key: child.key
-          })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.default.Fragment, {
-            children: isZStack ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AbsoluteFill, {
+          })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.default.Fragment, {
+            children: isZStack ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AbsoluteFill, {
               children: child
             }) : child
           }, `${index}0t`)), !(isUnspaced(child) && index === 0) && !isZStack) {
@@ -7509,7 +7509,7 @@ var require_createComponent_native = __commonJS({
               direction,
               space,
               spaceFlex
-            })), final.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.default.Fragment, {
+            })), final.push(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.default.Fragment, {
               children: separator
             }, `${index}03t`)), hasSpace && final.push(createSpacer({
               key: `_${index}01t`,
@@ -7537,7 +7537,7 @@ var require_createComponent_native = __commonJS({
     }
     function createSpacer(param) {
       var { key, direction, space, spaceFlex } = param;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spacer, {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spacer, {
         size: space,
         direction,
         ...typeof spaceFlex < "u" && {
@@ -7551,7 +7551,7 @@ var require_createComponent_native = __commonJS({
     }
     var AbsoluteFill = createComponent({
       defaultProps: {
-        ...import_constants22.stackDefaultStyles,
+        ...import_constants2.stackDefaultStyles,
         flexDirection: "column",
         position: "absolute",
         top: 0,
@@ -7707,7 +7707,7 @@ var require_createVariables_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createVariables_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
+    var import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
       var parentPath = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", isFont = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
       if (cache.has(tokens)) return tokens;
       var res = {}, i = 0;
@@ -7725,7 +7725,7 @@ var require_createVariables_native = __commonJS({
             name,
             key: keyWithPrefix
           });
-          import_constants2.isWeb && (finalValue.needsPx = val.needsPx), res[key] = finalValue;
+          import_constants.isWeb && (finalValue.needsPx = val.needsPx), res[key] = finalValue;
           continue;
         }
         if (val && typeof val == "object") {
@@ -8174,7 +8174,7 @@ var require_insertFont_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(insertFont_exports);
-    var import_config = require_config_native(), import_constants2 = require_constants_native2(), import_createFont = require_createFont_native(), import_createVariables = require_createVariables_native(), import_registerCSSVariable = require_registerCSSVariable_native();
+    var import_config = require_config_native(), import_constants = require_constants_native2(), import_createFont = require_createFont_native(), import_createVariables = require_createVariables_native(), import_registerCSSVariable = require_registerCSSVariable_native();
     function insertFont(name, fontIn) {
       var font = (0, import_createFont.createFont)(fontIn), tokened = (0, import_createVariables.createVariables)(font, name), parsed = parseFont(tokened);
       if (0) var fontVars, styleElement;
@@ -8256,7 +8256,7 @@ var require_createTamagui_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createTamagui_exports);
-    var import_constants2 = require_index_native2(), 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();
+    var import_constants = require_index_native2(), 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 shouldTokenCategoryHaveUnits(category) {
       var UNIT_CATEGORIES = /* @__PURE__ */ new Set([
         "size",
@@ -8285,7 +8285,7 @@ var require_createTamagui_native = __commonJS({
       var foundThemes;
       if (configIn.themes) {
         var noThemes = Object.keys(configIn.themes).length === 0;
-        noThemes && (foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed)), import_constants2.IS_REACT_19 && process.env.TAMAGUI_SKIP_THEME_OPTIMIZATION || noThemes && (0, import_insertStyleRule.listenForSheetChanges)();
+        noThemes && (foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed)), import_constants.IS_REACT_19 && process.env.TAMAGUI_SKIP_THEME_OPTIMIZATION || noThemes && (0, import_insertStyleRule.listenForSheetChanges)();
       }
       var fontSizeTokens = null, fontsParsed;
       if (configIn.fonts) {
@@ -8309,7 +8309,7 @@ var require_createTamagui_native = __commonJS({
         var cssRuleSets = [], declarations = [], fontDeclarations = {};
         for (var key2 in tokens) for (var skey in tokens[key2]) {
           var variable = tokens[key2][skey];
-          if (specificTokens[`$${key2}.${skey}`] = variable, import_constants2.isWeb) {
+          if (specificTokens[`$${key2}.${skey}`] = variable, import_constants.isWeb) {
             (0, import_registerCSSVariable.registerCSSVariable)(variable);
             var variableNeedsPx = variable.needsPx === !0, categoryNeedsPx = shouldTokenCategoryHaveUnits(key2), shouldBeUnitless = !(variableNeedsPx || categoryNeedsPx);
             declarations.push((0, import_registerCSSVariable.variableToCSS)(variable, shouldBeUnitless));
@@ -8327,7 +8327,7 @@ var require_createTamagui_native = __commonJS({
           cssRuleSets,
           getThemeRulesSets() {
             var themeRuleSets = [];
-            if (import_constants2.isWeb) {
+            if (import_constants.isWeb) {
               var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
               try {
                 for (var _iterator = dedupedThemes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
@@ -8823,10 +8823,10 @@ var require_withStableStyle_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(withStableStyle_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_useTheme = require_useTheme_native(), _withStableStyle = function(Component, styleProvider) {
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_useTheme = require_useTheme_native(), _withStableStyle = function(Component, styleProvider) {
       return /* @__PURE__ */ import_react3.default.forwardRef(function(props, ref) {
         var { _expressions = [], ...rest } = props, theme = (0, import_useTheme.useTheme)();
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, {
           ref,
           style: styleProvider(theme, _expressions),
           ...rest
@@ -9237,8 +9237,8 @@ var require_useIsTouchDevice_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useIsTouchDevice_exports);
-    var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native6(), useIsTouchDevice = function() {
-      return import_constants2.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants2.isTouchable : !1 : !0;
+    var import_constants = require_index_native2(), import_use_did_finish_ssr = require_index_native7(), useIsTouchDevice = function() {
+      return import_constants.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : !1 : !0;
     };
   }
 });
@@ -9286,9 +9286,9 @@ var require_Stack_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Stack_exports);
-    var import_helpers2 = require_index_native3(), import_constants2 = require_constants_native2(), import_createComponent = require_createComponent_native(), Stack2 = (0, import_createComponent.createComponent)({
+    var import_helpers2 = require_index_native3(), import_constants = require_constants_native2(), import_createComponent = require_createComponent_native(), Stack2 = (0, import_createComponent.createComponent)({
       acceptsClassName: !0,
-      defaultProps: import_constants2.stackDefaultStyles,
+      defaultProps: import_constants.stackDefaultStyles,
       validStyles: import_helpers2.validStyles
     });
     Stack2.displayName = "Stack";
@@ -9356,7 +9356,7 @@ var require_useProps_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useProps_exports);
-    var import_constants2 = require_index_native2(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_getSplitStyles = require_getSplitStyles_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_Stack = require_Stack_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
+    var import_constants = require_index_native2(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_getSplitStyles = require_getSplitStyles_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_Stack = require_Stack_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
     function useProps(props, opts) {
       var [propsOut, styleOut] = usePropsAndStyle(props, {
         ...opts,
@@ -9392,7 +9392,7 @@ var require_useProps_native = __commonJS({
         resolveValues: "auto",
         ...opts
       }, null, componentContext), { mediaGroups, pseudoGroups } = splitStyles;
-      return (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+      return (0, import_constants.useIsomorphicLayoutEffect)(function() {
         if (!disabled) {
           if (state.unmounted) {
             setStateShallow({
@@ -9469,9 +9469,9 @@ var require_View_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(View_exports);
-    var import_helpers2 = require_index_native3(), import_constants2 = require_constants_native2(), import_createComponent = require_createComponent_native(), View2 = (0, import_createComponent.createComponent)({
+    var import_helpers2 = require_index_native3(), import_constants = require_constants_native2(), import_createComponent = require_createComponent_native(), View2 = (0, import_createComponent.createComponent)({
       acceptsClassName: !0,
-      defaultProps: import_constants2.stackDefaultStyles,
+      defaultProps: import_constants.stackDefaultStyles,
       validStyles: import_helpers2.validStyles
     });
   }
@@ -9596,11 +9596,11 @@ var require_ThemeProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ThemeProvider_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants2 = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_Theme = require_Theme_native(), ThemeProvider = function(props) {
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_constants2 = require_constants_native2(), import_Theme = require_Theme_native(), ThemeProvider = function(props) {
       var _props_disableRootThemeClass, disableRootThemeClass = (_props_disableRootThemeClass = props.disableRootThemeClass) !== null && _props_disableRootThemeClass !== void 0 ? _props_disableRootThemeClass : (0, import_config.getSetting)("disableRootThemeClass"), _props_themeClassNameOnRoot, themeClassNameOnRoot = (_props_themeClassNameOnRoot = props.themeClassNameOnRoot) !== null && _props_themeClassNameOnRoot !== void 0 ? _props_themeClassNameOnRoot : (0, import_config.getSetting)("themeClassNameOnRoot");
-      return import_constants2.isClient && (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+      return import_constants.isClient && (0, import_constants.useIsomorphicLayoutEffect)(function() {
         if (!disableRootThemeClass) {
-          var cn = `${import_constants22.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`, target = themeClassNameOnRoot ? document.documentElement : document.body;
+          var cn = `${import_constants2.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`, target = themeClassNameOnRoot ? document.documentElement : document.body;
           return target.classList.add(cn), function() {
             target.classList.remove(cn);
           };
@@ -9609,7 +9609,7 @@ var require_ThemeProvider_native = __commonJS({
         props.defaultTheme,
         disableRootThemeClass,
         themeClassNameOnRoot
-      ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
+      ]), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Theme.Theme, {
         className: props.className,
         name: props.defaultTheme,
         // if root class disabled, force class here
@@ -9677,13 +9677,13 @@ var require_FontLanguage_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(FontLanguage_native_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), FontLanguage = function(param) {
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), FontLanguage = function(param) {
       var { children, ...props } = param, language = import_react3.default.useMemo(function() {
         return props;
       }, [
         JSON.stringify(props)
       ]);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ComponentContext.ComponentContext.Provider, {
         language,
         children
       });
@@ -9743,26 +9743,14 @@ var require_TamaguiProvider_native = __commonJS({
     }, TamaguiProvider_exports = {};
     __export2(TamaguiProvider_exports, {
       TamaguiProvider: function() {
-        return TamaguiProvider;
-      },
-      ___onDidFinishClientRender: function() {
-        return ___onDidFinishClientRender2;
+        return TamaguiProvider2;
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), listeners = /* @__PURE__ */ new Set(), didRender = !1;
-    function ___onDidFinishClientRender2(cb) {
-      didRender ? cb() : listeners.add(cb);
-    }
-    function TamaguiProvider(param) {
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = require_index_native2(), import_use_did_finish_ssr = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
+    function TamaguiProvider2(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
-      (0, import_react3.useEffect)(function() {
-        return listeners.forEach(function(cb) {
-          return cb();
-        }), didRender = !0, function() {
-          didRender = !1;
-        };
-      }, []), import_constants2.IS_REACT_19 || import_constants2.isClient && (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+      import_constants.IS_REACT_19 || import_constants.isClient && (0, import_constants.useIsomorphicLayoutEffect)(function() {
         if (config && !disableInjectCSS) {
           var style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -9772,13 +9760,13 @@ var require_TamaguiProvider_native = __commonJS({
       }, [
         config,
         disableInjectCSS
-      ]), (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+      ]), (0, import_constants.useIsomorphicLayoutEffect)(function() {
         (0, import_useMedia.updateMediaListeners)();
       }, []);
-      var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+      var contents = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(UnmountedClassName, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ComponentContext.ComponentContext.Provider, {
           animationDriver: config == null ? void 0 : config.animations,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.ThemeProvider, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ThemeProvider.ThemeProvider, {
             themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
             disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
             defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
@@ -9788,9 +9776,9 @@ var require_TamaguiProvider_native = __commonJS({
           })
         })
       });
-      return (0, import_config.getSetting)("disableSSR") && (contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_did_finish_ssr.ClientOnly, {
+      return (0, import_config.getSetting)("disableSSR") && (contents = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_use_did_finish_ssr.ClientOnly, {
         children: contents
-      })), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      })), /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, {
         children: [
           contents,
           !1
@@ -9801,7 +9789,7 @@ var require_TamaguiProvider_native = __commonJS({
       var [mounted, setMounted] = import_react3.default.useState(!1);
       return import_react3.default.useEffect(function() {
         setMounted(!0);
-      }, []), import_constants2.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+      }, []), import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {
         style: {
           display: "contents"
         },
@@ -9809,7 +9797,7 @@ var require_TamaguiProvider_native = __commonJS({
         children: props.children
       }) : props.children;
     }
-    TamaguiProvider.displayName = "TamaguiProvider";
+    TamaguiProvider2.displayName = "TamaguiProvider";
   }
 });
 
@@ -9868,12 +9856,12 @@ var require_Configuration_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Configuration_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_use_did_finish_ssr = require_index_native6(), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), Configuration = function(props) {
-      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext), clientOnly = (0, import_react3.useContext)(import_use_did_finish_ssr.ClientOnlyContext), children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_use_did_finish_ssr = require_index_native7(), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), Configuration = function(props) {
+      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext), clientOnly = (0, import_react3.useContext)(import_use_did_finish_ssr.ClientOnlyContext), children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ComponentContext.ComponentContext.Provider, {
         ...current,
         ...props
       });
-      return clientOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_did_finish_ssr.ClientOnly, {
+      return clientOnly ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_use_did_finish_ssr.ClientOnly, {
         children
       }) : children;
     };
@@ -9936,10 +9924,10 @@ var require_useGet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useGet_exports);
-    var import_constants2 = require_index_native2(), React3 = __toESM2(require("react"));
+    var import_constants = require_index_native2(), React3 = __toESM2(require("react"));
     function useGet(currentValue, initialValue, forwardToFunction) {
       var curRef = React3.useRef(initialValue ?? currentValue);
-      return (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+      return (0, import_constants.useIsomorphicLayoutEffect)(function() {
         curRef.current = currentValue;
       }), React3.useCallback(forwardToFunction ? function() {
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
@@ -10006,7 +9994,7 @@ var require_useEvent_native = __commonJS({
 });
 
 // ../use-event/dist/cjs/index.native.js
-var require_index_native7 = __commonJS({
+var require_index_native8 = __commonJS({
   "../use-event/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) {
@@ -10046,7 +10034,7 @@ var require_index_native7 = __commonJS({
 });
 
 // ../web/dist/cjs/index.native.js
-var require_index_native8 = __commonJS({
+var require_index_native9 = __commonJS({
   "../web/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -10163,7 +10151,7 @@ var require_index_native8 = __commonJS({
     __reExport2(index_exports2, require_withStableStyle_native(), module2.exports);
     __reExport2(index_exports2, require_createMediaStyle_native(), module2.exports);
     __reExport2(index_exports2, require_getShorthandValue_native(), module2.exports);
-    __reExport2(index_exports2, require_useCreateShallowSetState_native(), module2.exports);
+    __reExport2(index_exports2, require_index_native6(), module2.exports);
     __reExport2(index_exports2, require_createStyledContext_native(), module2.exports);
     __reExport2(index_exports2, require_expandStyles_native(), module2.exports);
     __reExport2(index_exports2, require_getExpandedShorthands_native(), module2.exports);
@@ -10204,8 +10192,8 @@ var require_index_native8 = __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_native6(), module2.exports);
     __reExport2(index_exports2, require_index_native7(), module2.exports);
+    __reExport2(index_exports2, require_index_native8(), module2.exports);
     __reExport2(index_exports2, require_index_native4(), module2.exports);
     __reExport2(index_exports2, require_index_native3(), module2.exports);
     __reExport2(index_exports2, require_index_native2(), module2.exports);
@@ -10590,15 +10578,15 @@ var require_createMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createMedia_exports);
-    var import_web3 = require_index_native8(), import_matchMedia = require_matchMedia_native2();
+    var import_web2 = require_index_native9(), import_matchMedia = require_matchMedia_native2();
     function createMedia2(media) {
-      return (0, import_web3.setupMatchMedia)(import_matchMedia.matchMedia), media;
+      return (0, import_web2.setupMatchMedia)(import_matchMedia.matchMedia), media;
     }
   }
 });
 
 // ../react-native-media-driver/dist/cjs/index.native.js
-var require_index_native9 = __commonJS({
+var require_index_native10 = __commonJS({
   "../react-native-media-driver/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) {
@@ -10679,7 +10667,7 @@ var require_utils_native = __commonJS({
         return canUseDOM;
       },
       getBoundingClientRect: function() {
-        return getBoundingClientRect2;
+        return getBoundingClientRect;
       },
       getLowestCommonAncestor: function() {
         return getLowestCommonAncestor;
@@ -10704,7 +10692,7 @@ var require_utils_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(utils_exports);
-    var keyName = "__reactResponderId", canUseDOM = !!(typeof window < "u" && window.document && window.document.createElement), getBoundingClientRect2 = function(node) {
+    var keyName = "__reactResponderId", canUseDOM = !!(typeof window < "u" && window.document && window.document.createElement), getBoundingClientRect = function(node) {
       if (node && node.nodeType === 1 && node.getBoundingClientRect) return node.getBoundingClientRect();
     };
     function getEventPath(domEvent) {
@@ -11552,7 +11540,7 @@ var require_useResponderEvents_native = __commonJS({
 });
 
 // ../react-native-use-responder-events/dist/cjs/index.native.js
-var require_index_native10 = __commonJS({
+var require_index_native11 = __commonJS({
   "../react-native-use-responder-events/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) {
@@ -11590,6 +11578,235 @@ var require_index_native10 = __commonJS({
   }
 });
 
+// ../use-element-layout/dist/cjs/index.native.js
+var require_index_native12 = __commonJS({
+  "../use-element-layout/dist/cjs/index.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);
+    }, index_exports2 = {};
+    __export2(index_exports2, {
+      enable: function() {
+        return enable2;
+      },
+      getElementLayoutEvent: function() {
+        return getElementLayoutEvent2;
+      },
+      getElementLayoutEventAsync: function() {
+        return getElementLayoutEventAsync;
+      },
+      getRect: function() {
+        return getRect2;
+      },
+      measureLayout: function() {
+        return measureLayout2;
+      },
+      measureLayoutAsync: function() {
+        return measureLayoutAsync;
+      },
+      setOnLayoutStrategy: function() {
+        return setOnLayoutStrategy2;
+      },
+      useElementLayout: function() {
+        return useElementLayout2;
+      }
+    });
+    module2.exports = __toCommonJS2(index_exports2);
+    var import_constants = require_index_native2(), import_is_equal_shallow = require_index_native6(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), strategy = "async";
+    function setOnLayoutStrategy2(state) {
+      strategy = state;
+    }
+    var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), DebounceTimers = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, DEBOUNCE_DELAY = 32, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
+    function enable2() {
+      avoidUpdates && (avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
+        return cb();
+      }), queuedUpdates.clear()));
+    }
+    if (import_constants.isClient && rAF) {
+      layoutOnAnimationFrame = function() {
+        var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
+        if (lastFrameAt = now, strategy !== "off") {
+          var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
+          hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+        }
+        rAF(layoutOnAnimationFrame);
+      }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2;
+      async function updateLayoutIfChanged(node) {
+        var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
+        if (typeof onLayout == "function") {
+          var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
+          if (!cachedRect || // has changed one rect
+          !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+            var event = getElementLayoutEvent2(node);
+            queuedUpdates.set(node, function() {
+              return onLayout(event);
+            });
+          } else if (strategy === "async") {
+            var now = Date.now();
+            LastChangeTime.set(node, now);
+            var existingTimer = DebounceTimers.get(node);
+            existingTimer && clearTimeout(existingTimer);
+            var timer = setTimeout(async function() {
+              var lastChange = LastChangeTime.get(node) || 0, timeSinceChange = Date.now() - lastChange;
+              if (timeSinceChange >= DEBOUNCE_DELAY) {
+                var event2 = await getElementLayoutEventAsync(node);
+                onLayout(event2), DebounceTimers.delete(node);
+              } else {
+                var remainingDelay = DEBOUNCE_DELAY - timeSinceChange, newTimer = setTimeout(async function() {
+                  var event3 = await getElementLayoutEventAsync(node);
+                  onLayout(event3), DebounceTimers.delete(node);
+                }, remainingDelay);
+                DebounceTimers.set(node, newTimer);
+              }
+            }, DEBOUNCE_DELAY);
+            DebounceTimers.set(node, timer);
+          } else {
+            var event1 = getElementLayoutEvent2(node);
+            onLayout(event1);
+          }
+        }
+      }
+      rAF(layoutOnAnimationFrame);
+    }
+    var layoutOnAnimationFrame, layoutOnAnimationFrame2, lastFrameAt, numDroppedFramesUntilPause, getElementLayoutEvent2 = function(target) {
+      var res = null;
+      if (measureLayout2(target, null, function(x, y, width, height, left, top) {
+        res = {
+          nativeEvent: {
+            layout: {
+              x,
+              y,
+              width,
+              height,
+              left,
+              top
+            },
+            target
+          },
+          timeStamp: Date.now()
+        };
+      }), !res) throw new Error("\u203C\uFE0F");
+      return res;
+    }, measureLayout2 = function(node, relativeTo, callback) {
+      var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
+      if (relativeNode instanceof HTMLElement) {
+        var nodeDim = node.getBoundingClientRect(), relativeNodeDim = relativeNode.getBoundingClientRect();
+        if (relativeNodeDim && nodeDim) {
+          var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
+          callback(x, y, width, height, left, top);
+        }
+      }
+    }, getElementLayoutEventAsync = async function(target) {
+      var layout = await measureLayoutAsync(target);
+      if (!layout) throw new Error("\u203C\uFE0F");
+      return {
+        nativeEvent: {
+          layout,
+          target
+        },
+        timeStamp: Date.now()
+      };
+    }, measureLayoutAsync = async function(node, relativeTo) {
+      var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
+      if (relativeNode instanceof HTMLElement) {
+        var [nodeDim, relativeNodeDim] = await Promise.all([
+          node.getBoundingClientRect(),
+          relativeNode.getBoundingClientRect()
+        ]);
+        if (relativeNodeDim && nodeDim) {
+          var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
+          return {
+            x,
+            y,
+            width,
+            height,
+            left,
+            top
+          };
+        }
+      }
+      return null;
+    }, getRelativeDimensions = function(a, b) {
+      var { height, left, top, width } = a, x = left - b.left, y = top - b.top;
+      return {
+        x,
+        y,
+        width,
+        height,
+        left,
+        top
+      };
+    };
+    function useElementLayout2(ref, onLayout) {
+      var _ref_current, node = ensureWebElement((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.host);
+      node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(function() {
+        var _ref_current2;
+        if (onLayout) {
+          var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
+          if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent2(node2)), function() {
+            Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
+            var timer = DebounceTimers.get(node2);
+            timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
+          };
+        }
+      }, [
+        ref,
+        !!onLayout
+      ]);
+    }
+    function ensureWebElement(x) {
+      if (!(typeof HTMLElement > "u")) return x instanceof HTMLElement ? x : void 0;
+    }
+    var getBoundingClientRect = function(node) {
+      var _node_getBoundingClientRect;
+      if (!(!node || node.nodeType !== 1)) return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
+    }, getRect2 = function(node) {
+      var rect = getBoundingClientRect(node);
+      if (rect) {
+        var { x, y, top, left } = rect;
+        return {
+          x,
+          y,
+          width: node.offsetWidth,
+          height: node.offsetHeight,
+          top,
+          left
+        };
+      }
+    };
+  }
+});
+
 // ../../packages/fake-react-native/idFn.js
 var idFn_exports = {};
 __export(idFn_exports, {
@@ -11607,14 +11824,15 @@ var init_idFn = __esm({
 var index_exports = {};
 __export(index_exports, {
   Stack: () => Stack,
+  TamaguiProvider: () => TamaguiProvider,
   Text: () => Text,
   View: () => View,
   createTamagui: () => createTamagui,
-  getElementLayoutEvent: () => getElementLayoutEvent,
-  setOnLayoutStrategy: () => setOnLayoutStrategy
+  getElementLayoutEvent: () => import_use_element_layout2.getElementLayoutEvent,
+  setOnLayoutStrategy: () => import_use_element_layout2.setOnLayoutStrategy
 });
 module.exports = __toCommonJS(index_exports);
-var import_react_native_media_driver = __toESM(require_index_native9()), import_react_native_use_responder_events = __toESM(require_index_native10()), import_web2 = __toESM(require_index_native8()), import_react2 = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime"), import_react_native_media_driver = __toESM(require_index_native10()), import_react_native_use_responder_events = __toESM(require_index_native11()), import_web = __toESM(require_index_native9()), import_react2 = __toESM(require("react")), import_use_element_layout = __toESM(require_index_native12());
 
 // src/addNativeValidStyles.native.ts
 var import_helpers = __toESM(require_index_native3());
@@ -11843,181 +12061,34 @@ function getBaseViews() {
   };
 }
 
-// src/helpers/getBoundingClientRect.tsx
-var getBoundingClientRect = function(node) {
-  var _node_getBoundingClientRect;
-  if (!(!node || node.nodeType !== 1))
-    return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
-};
-
-// src/helpers/getRect.tsx
-var getRect = function(node) {
-  var rect = getBoundingClientRect(node);
-  if (rect) {
-    var { x, y, top, left } = rect;
-    return {
-      x,
-      y,
-      width: node.offsetWidth,
-      height: node.offsetHeight,
-      top,
-      left
-    };
-  }
-};
-
-// src/hooks/useElementLayout.tsx
-var import_constants = __toESM(require_index_native2()), import_web = __toESM(require_index_native8()), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), strategy = "async";
-function setOnLayoutStrategy(state) {
-  strategy = state;
-}
-var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), DebounceTimers = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, DEBOUNCE_DELAY = 32;
-if (import_constants.isClient && rAF) {
-  let layoutOnAnimationFrame = function() {
-    var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
-    if (lastFrameAt = now, strategy !== "off") {
-      var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
-      hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
-    }
-    rAF(layoutOnAnimationFrame);
-  };
-  layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2, (0, import_web.___onDidFinishClientRender)(function() {
-    avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
-      return cb();
-    }), queuedUpdates.clear());
-  });
-  async function updateLayoutIfChanged(node) {
-    var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
-    if (typeof onLayout == "function") {
-      var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
-      if (!cachedRect || // has changed one rect
-      !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect)))
-        if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
-          var event = getElementLayoutEvent(node);
-          queuedUpdates.set(node, function() {
-            return onLayout(event);
-          });
-        } else if (strategy === "async") {
-          var now = Date.now();
-          LastChangeTime.set(node, now);
-          var existingTimer = DebounceTimers.get(node);
-          existingTimer && clearTimeout(existingTimer);
-          var timer = setTimeout(async function() {
-            var lastChange = LastChangeTime.get(node) || 0, timeSinceChange = Date.now() - lastChange;
-            if (timeSinceChange >= DEBOUNCE_DELAY) {
-              var event2 = await getElementLayoutEventAsync(node);
-              onLayout(event2), DebounceTimers.delete(node);
-            } else {
-              var remainingDelay = DEBOUNCE_DELAY - timeSinceChange, newTimer = setTimeout(async function() {
-                var event3 = await getElementLayoutEventAsync(node);
-                onLayout(event3), DebounceTimers.delete(node);
-              }, remainingDelay);
-              DebounceTimers.set(node, newTimer);
-            }
-          }, DEBOUNCE_DELAY);
-          DebounceTimers.set(node, timer);
-        } else {
-          var event1 = getElementLayoutEvent(node);
-          onLayout(event1);
-        }
-    }
-  }
-  rAF(layoutOnAnimationFrame);
-}
-var avoidUpdates, queuedUpdates, lastFrameAt, numDroppedFramesUntilPause, layoutOnAnimationFrame2, getElementLayoutEvent = function(target) {
-  var res = null;
-  if (measureLayout(target, null, function(x, y, width, height, left, top) {
-    res = {
-      nativeEvent: {
-        layout: {
-          x,
-          y,
-          width,
-          height,
-          left,
-          top
-        },
-        target
-      },
-      timeStamp: Date.now()
-    };
-  }), !res)
-    throw new Error("\u203C\uFE0F");
-  return res;
-}, measureLayout = function(node, relativeTo, callback) {
-  var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
-  if (relativeNode instanceof HTMLElement) {
-    var nodeDim = node.getBoundingClientRect(), relativeNodeDim = relativeNode.getBoundingClientRect();
-    if (relativeNodeDim && nodeDim) {
-      var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
-      callback(x, y, width, height, left, top);
-    }
-  }
-}, getElementLayoutEventAsync = async function(target) {
-  var res = null;
-  if (await measureLayoutAsync(target, null, function(x, y, width, height, left, top) {
-    res = {
-      nativeEvent: {
-        layout: {
-          x,
-          y,
-          width,
-          height,
-          left,
-          top
-        },
-        target
-      },
-      timeStamp: Date.now()
-    };
-  }), !res)
-    throw new Error("\u203C\uFE0F");
-  return res;
-}, measureLayoutAsync = async function(node, relativeTo, callback) {
-  var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
-  if (relativeNode instanceof HTMLElement) {
-    var [nodeDim, relativeNodeDim] = await Promise.all([
-      node.getBoundingClientRect(),
-      relativeNode.getBoundingClientRect()
-    ]);
-    if (relativeNodeDim && nodeDim) {
-      var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
-      callback(x, y, width, height, left, top);
-    }
-  }
-}, getRelativeDimensions = function(a, b) {
-  var { height, left, top, width } = a, x = left - b.left, y = top - b.top;
-  return {
-    x,
-    y,
-    width,
-    height,
-    left,
-    top
-  };
-};
-
 // src/vendor/Pressability.native.tsx
 var Pressability = require_fake_react_native().default, usePressability = (init_idFn(), __toCommonJS(idFn_exports)).default;
 
 // src/index.tsx
-__reExport(index_exports, __toESM(require_index_native8()), module.exports);
+var import_use_element_layout2 = __toESM(require_index_native12());
+__reExport(index_exports, __toESM(require_index_native9()), module.exports);
 addNativeValidStyles();
-var createTamagui = function(conf) {
-  return conf.media && (conf.media = (0, import_react_native_media_driver.createMedia)(conf.media)), (0, import_web2.createTamagui)(conf);
+var TamaguiProvider = function(props) {
+  return (0, import_web.useIsomorphicLayoutEffect)(function() {
+    (0, import_use_element_layout.enable)();
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.TamaguiProvider, {
+    ...props
+  });
+}, createTamagui = function(conf) {
+  return conf.media && (conf.media = (0, import_react_native_media_driver.createMedia)(conf.media)), (0, import_web.createTamagui)(conf);
 }, baseViews = getBaseViews();
-(0, import_web2.setupHooks)({
+(0, import_web.setupHooks)({
   getBaseViews,
   setElementProps: function(node) {
     if (node && !node.measure) {
       var _node, _node1, _node2;
       (_node = node).measure || (_node.measure = function(callback) {
-        return measureLayout(node, null, callback);
+        return (0, import_use_element_layout.measureLayout)(node, null, callback);
       }), (_node1 = node).measureLayout || (_node1.measureLayout = function(relativeToNode, success) {
-        return measureLayout(node, relativeToNode, success);
+        return (0, import_use_element_layout.measureLayout)(node, relativeToNode, success);
       }), (_node2 = node).measureInWindow || (_node2.measureInWindow = function(callback) {
         setTimeout(function() {
-          var { height, left, top, width } = getRect(node);
+          var { height, left, top, width } = (0, import_use_element_layout.getRect)(node);
           callback(left, top, width, height);
         }, 0);
       });
@@ -12038,7 +12109,7 @@ var createTamagui = function(conf) {
           onPressIn,
           onPressOut: onPressOut || onPress
         };
-        onPressOut && onPress && (inputEvents.onPressOut = (0, import_web2.composeEventHandlers)(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
+        onPressOut && onPress && (inputEvents.onPressOut = (0, import_web.composeEventHandlers)(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
       }
     } else {
       events && viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
@@ -12046,7 +12117,7 @@ var createTamagui = function(conf) {
       if (events && events.onPress)
         for (var key in pressability) {
           var og = viewProps[key], val = pressability[key];
-          viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web2.composeEventHandlers)(og, val) : val;
+          viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web.composeEventHandlers)(og, val) : val;
         }
     }
   },
@@ -12055,10 +12126,11 @@ var createTamagui = function(conf) {
 });
 var dontComposePressabilityKeys = {
   onClick: !0
-}, View = import_web2.View, Stack = import_web2.Stack, Text = import_web2.Text;
+}, View = import_web.View, Stack = import_web.Stack, Text = import_web.Text;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Stack,
+  TamaguiProvider,
   Text,
   View,
   createTamagui,