@tamagui/core 1.79.12 → 1.79.13

package/dist/test.native.js

@@ -692,6 +692,51 @@ var require_index_native = __commonJS({
   }
 });
 
+// ../simple-hash/dist/cjs/index.native.js
+var require_index_native2 = __commonJS({
+  "../simple-hash/dist/cjs/index.native.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
+    __export2(src_exports2, {
+      simpleHash: () => simpleHash
+    });
+    module2.exports = __toCommonJS2(src_exports2);
+    var cache = /* @__PURE__ */ new Map(), simpleHash = (str, hashMin = 10) => {
+      if (cache.has(str))
+        return cache.get(str);
+      let hash = 0, valids = "", len = str.length;
+      for (let i = 0; i < len; i++) {
+        let char = str.charCodeAt(i);
+        if (hashMin !== "strict" && (char === 46 && (valids += "d0t"), isValidCSSCharCode(char) && len <= hashMin)) {
+          valids += str[i];
+          continue;
+        }
+        hash = hashChar(hash, str[i]);
+      }
+      let res = valids + (hash ? Math.abs(hash) : "");
+      return cache.size > 1e4 && cache.clear(), cache.set(str, res), res;
+    }, hashChar = (hash, c) => Math.imul(31, hash) + c.charCodeAt(0) | 0;
+    function isValidCSSCharCode(code) {
+      return (
+        // A-Z
+        code >= 65 && code <= 90 || // a-z
+        code >= 97 && code <= 122 || // _
+        code === 95 || // -
+        code === 45 || // 0-9
+        code >= 48 && code <= 57
+      );
+    }
+  }
+});
+
 // ../helpers/dist/cjs/clamp.native.js
 var require_clamp_native = __commonJS({
   "../helpers/dist/cjs/clamp.native.js"(exports, module2) {
@@ -807,6 +852,20 @@ var require_concatClassName_native = __commonJS({
   }
 });
 
+// ../helpers/dist/cjs/types.native.js
+var require_types_native2 = __commonJS({
+  "../helpers/dist/cjs/types.native.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), types_exports = {};
+    module2.exports = __toCommonJS2(types_exports);
+  }
+});
+
 // ../constants/dist/cjs/constants.native.js
 var require_constants_native = __commonJS({
   "../constants/dist/cjs/constants.native.js"(exports, module2) {
@@ -839,7 +898,7 @@ var require_constants_native = __commonJS({
 });
 
 // ../constants/dist/cjs/index.native.js
-var require_index_native2 = __commonJS({
+var require_index_native3 = __commonJS({
   "../constants/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -880,7 +939,7 @@ var require_validStyleProps_native = __commonJS({
       validStylesOnBaseProps: () => validStylesOnBaseProps
     });
     module2.exports = __toCommonJS2(validStyleProps_exports);
-    var import_constants2 = require_index_native2(), placeHolderTextColors = {
+    var import_constants3 = require_index_native3(), placeHolderTextColors = {
       placeholderTextColor: !0
     }, validStylesOnBaseProps = {
       ...placeHolderTextColors
@@ -1050,7 +1109,7 @@ var require_validStyleProps_native = __commonJS({
       ...validStylesOnBaseProps,
       ...stylePropsTransform,
       ...stylePropsUnitless,
-      ...import_constants2.isAndroid ? { elevationAndroid: !0 } : {}
+      ...import_constants3.isAndroid ? { elevationAndroid: !0 } : {}
     }, stylePropsFont = {
       fontFamily: !0,
       fontSize: !0,
@@ -1083,23 +1142,9 @@ var require_validStyleProps_native = __commonJS({
   }
 });
 
-// ../helpers/dist/cjs/types.native.js
-var require_types_native2 = __commonJS({
-  "../helpers/dist/cjs/types.native.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from == "object" || typeof from == "function")
-        for (let key of __getOwnPropNames2(from))
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), types_exports = {};
-    module2.exports = __toCommonJS2(types_exports);
-  }
-});
-
-// ../simple-hash/dist/cjs/index.native.js
-var require_index_native3 = __commonJS({
-  "../simple-hash/dist/cjs/index.native.js"(exports, module2) {
+// ../helpers/dist/cjs/withStaticProperties.native.js
+var require_withStaticProperties_native = __commonJS({
+  "../helpers/dist/cjs/withStaticProperties.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
       for (var name in all)
@@ -1109,36 +1154,26 @@ var require_index_native3 = __commonJS({
         for (let key of __getOwnPropNames2(from))
           !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
       return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
-    __export2(src_exports2, {
-      simpleHash: () => simpleHash
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), withStaticProperties_exports = {};
+    __export2(withStaticProperties_exports, {
+      withStaticProperties: () => withStaticProperties
     });
-    module2.exports = __toCommonJS2(src_exports2);
-    var cache = /* @__PURE__ */ new Map(), simpleHash = (str, hashMin = 10) => {
-      if (cache.has(str))
-        return cache.get(str);
-      let hash = 0, valids = "", len = str.length;
-      for (let i = 0; i < len; i++) {
-        let char = str.charCodeAt(i);
-        if (hashMin !== "strict" && (char === 46 && (valids += "d0t"), isValidCSSCharCode(char) && len <= hashMin)) {
-          valids += str[i];
-          continue;
+    module2.exports = __toCommonJS2(withStaticProperties_exports);
+    var import_react3 = require("react"), Decorated = Symbol(), withStaticProperties = function(component, staticProps) {
+      let next = (() => {
+        if (component[Decorated]) {
+          let _ = (0, import_react3.forwardRef)(
+            (props, ref) => (0, import_react3.createElement)(component, { ...props, ref })
+          );
+          for (let key in component) {
+            let v = component[key];
+            _[key] = v && typeof v == "object" ? { ...v } : v;
+          }
         }
-        hash = hashChar(hash, str[i]);
-      }
-      let res = valids + (hash ? Math.abs(hash) : "");
-      return cache.size > 1e4 && cache.clear(), cache.set(str, res), res;
-    }, hashChar = (hash, c) => Math.imul(31, hash) + c.charCodeAt(0) | 0;
-    function isValidCSSCharCode(code) {
-      return (
-        // A-Z
-        code >= 65 && code <= 90 || // a-z
-        code >= 97 && code <= 122 || // _
-        code === 95 || // -
-        code === 45 || // 0-9
-        code >= 48 && code <= 57
-      );
-    }
+        return component;
+      })();
+      return Object.assign(next, staticProps), next[Decorated] = !0, next;
+    };
   }
 });
 
@@ -1153,12 +1188,13 @@ var require_index_native4 = __commonJS({
       return to;
     }, __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default")), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
     module2.exports = __toCommonJS2(src_exports2);
+    __reExport2(src_exports2, require_index_native2(), module2.exports);
     __reExport2(src_exports2, require_clamp_native(), module2.exports);
     __reExport2(src_exports2, require_composeEventHandlers_native(), module2.exports);
     __reExport2(src_exports2, require_concatClassName_native(), module2.exports);
-    __reExport2(src_exports2, require_validStyleProps_native(), module2.exports);
     __reExport2(src_exports2, require_types_native2(), module2.exports);
-    __reExport2(src_exports2, require_index_native3(), module2.exports);
+    __reExport2(src_exports2, require_validStyleProps_native(), module2.exports);
+    __reExport2(src_exports2, require_withStaticProperties_native(), module2.exports);
   }
 });
 
@@ -1194,7 +1230,7 @@ var require_config_native = __commonJS({
       useTokens: () => useTokens
     });
     module2.exports = __toCommonJS2(config_exports);
-    var import_constants2 = require_index_native2(), conf, setConfig = (next) => {
+    var import_constants3 = require_index_native3(), conf, setConfig = (next) => {
       conf = next, configListeners.forEach((cb) => cb(next));
     }, setConfigFont = (name, font, fontParsed) => {
       conf.fonts[name] = font, conf.fontsParsed[`$${name}`] = fontParsed;
@@ -1216,7 +1252,7 @@ var require_config_native = __commonJS({
     }, getTokenObject = (value, group) => {
       var _a, _b;
       return conf.specificTokens[value] ?? (group ? (_a = tokensMerged[group]) == null ? void 0 : _a[value] : (_b = tokensMerged[Object.keys(tokensMerged).find((cat) => tokensMerged[cat][value]) || ""]) == null ? void 0 : _b[value]);
-    }, getToken2 = (value, group, useVariable = import_constants2.isWeb) => {
+    }, getToken2 = (value, group, useVariable = import_constants3.isWeb) => {
       let token = getTokenObject(value, group);
       return useVariable ? token == null ? void 0 : token.variable : token == null ? void 0 : token.val;
     }, getTokenValue2 = (value, group) => getToken2(value, group, !1), useTokens = getTokens2, getThemes2 = () => conf.themes, configListeners = /* @__PURE__ */ new Set(), onConfiguredOnce = (cb) => {
@@ -1264,7 +1300,7 @@ var require_createVariable_native = __commonJS({
       variableToString: () => variableToString
     });
     module2.exports = __toCommonJS2(createVariable_exports);
-    var import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_config = require_config_native(), IS_VAR = "isVar", createVariable = (props, skipHash = !1) => {
+    var import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), IS_VAR = "isVar", createVariable = (props, skipHash = !1) => {
       if (!skipHash && isVariable(props))
         return props;
       let { key, name, val } = props;
@@ -1273,11 +1309,11 @@ var require_createVariable_native = __commonJS({
         key,
         name: skipHash ? "" : (0, import_helpers.simpleHash)(name, 40),
         val,
-        variable: import_constants2.isWeb ? skipHash ? `var(--${name})` : createCSSVariable(name) : ""
+        variable: import_constants3.isWeb ? skipHash ? `var(--${name})` : createCSSVariable(name) : ""
       };
     };
     function variableToString(vrble, getValue = !1) {
-      return isVariable(vrble) ? !getValue && import_constants2.isWeb && vrble.variable ? vrble.variable : `${vrble.val}` : `${vrble || ""}`;
+      return isVariable(vrble) ? !getValue && import_constants3.isWeb && vrble.variable ? vrble.variable : `${vrble.val}` : `${vrble || ""}`;
     }
     function isVariable(v) {
       return v && typeof v == "object" && IS_VAR in v;
@@ -1330,7 +1366,7 @@ var require_insertStyleRule_native = __commonJS({
       updateRules: () => updateRules
     });
     module2.exports = __toCommonJS2(insertStyleRule_exports);
-    var import_constants2 = require_index_native2(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = () => allSelectors, getAllRules = () => Object.values(allRules), getAllTransforms = () => insertedTransforms;
+    var import_constants3 = require_index_native3(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = () => allSelectors, getAllRules = () => Object.values(allRules), getAllTransforms = () => insertedTransforms;
     function addTransform(identifier, css, rule) {
       let s = css.indexOf("transform:");
       if (s === -1)
@@ -1340,7 +1376,7 @@ var require_insertStyleRule_native = __commonJS({
         return insertedTransforms[identifier] = value, !0;
     }
     function listenForSheetChanges() {
-      import_constants2.isClient && new MutationObserver((entries) => {
+      import_constants3.isClient && new MutationObserver((entries) => {
         for (let entry of entries)
           if (entry instanceof HTMLStyleElement && entry.sheet || entry instanceof HTMLLinkElement && entry.href.endsWith(".css")) {
             break;
@@ -1457,7 +1493,7 @@ var require_insertStyleRule_native = __commonJS({
     var getIdentifierFromTamaguiSelector = (selector) => {
       let res = selector.slice(7);
       return selector.includes(":") ? res.replace(/:[a-z]+$/, "") : res;
-    }, sheet = import_constants2.isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
+    }, sheet = import_constants3.isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
     function updateRules(identifier, rules) {
       return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform") ? addTransform(identifier, rules[0]) : !0);
     }
@@ -1478,11 +1514,12 @@ var require_insertStyleRule_native = __commonJS({
           }
       }
     }
+    var minInsertAmt = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 2;
     function shouldInsertStyleRules(identifier) {
       if (process.env.IS_STATIC === "is_static")
         return !0;
       let total = totalSelectorsInserted.get(identifier);
-      return total === void 0 || total < 2;
+      return total === void 0 || total < minInsertAmt;
     }
   }
 });
@@ -1695,20 +1732,14 @@ var require_ComponentContext_native = __commonJS({
       ComponentContext: () => ComponentContext
     });
     module2.exports = __toCommonJS2(ComponentContext_exports);
-    var import_createStyledContext = require_createStyledContext_native(), listeners = /* @__PURE__ */ new Set(), ComponentContext = (0, import_createStyledContext.createStyledContext)({
+    var import_createStyledContext = require_createStyledContext_native(), ComponentContext = (0, import_createStyledContext.createStyledContext)({
       disableSSR: void 0,
       inText: !1,
       language: null,
       animationDriver: null,
       groups: {
-        emit: (name, state) => {
-          listeners.forEach((l) => l(name, state));
-        },
-        subscribe(cb) {
-          return listeners.add(cb), () => {
-            listeners.delete(cb);
-          };
-        },
+        emit: null,
+        subscribe: null,
         state: {}
       }
     });
@@ -1776,7 +1807,7 @@ var require_useMedia_native = __commonJS({
       useMediaListeners: () => useMediaListeners
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants2 = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_createProxy = require_createProxy_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), mediaState2 = {}, mediaQueryConfig2 = {}, getMedia2 = () => mediaState2, mediaKeys = /* @__PURE__ */ new Set(), isMediaKey = (key) => {
+    var import_constants3 = require_index_native3(), import_react3 = require("react"), import_config = require_config_native(), import_createProxy = require_createProxy_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), mediaState2 = {}, mediaQueryConfig2 = {}, getMedia2 = () => mediaState2, mediaKeys = /* @__PURE__ */ new Set(), isMediaKey = (key) => {
       if (mediaKeys.has(key))
         return !0;
       if (key[0] === "$") {
@@ -1820,7 +1851,7 @@ var require_useMedia_native = __commonJS({
       }
     }
     function useMediaListeners(config) {
-      config.disableSSR || (0, import_constants2.useIsomorphicLayoutEffect)(() => {
+      config.disableSSR || (0, import_constants3.useIsomorphicLayoutEffect)(() => {
         setupMediaListeners();
       }, []);
     }
@@ -1838,7 +1869,7 @@ var require_useMedia_native = __commonJS({
       return listeners.add(subscriber), () => listeners.delete(subscriber);
     }
     function useMedia2(uid, componentContext) {
-      let internal = (0, import_react3.useRef)(), initialState = ((componentContext ? (0, import_useDisableSSR.getDisableSSR)(componentContext) : (0, import_useDisableSSR.useDisableSSR)()) || !import_constants2.isWeb ? mediaState2 : initState) || {}, state = (0, import_react3.useSyncExternalStore)(
+      let internal = (0, import_react3.useRef)(), initialState = ((componentContext ? (0, import_useDisableSSR.getDisableSSR)(componentContext) : (0, import_useDisableSSR.useDisableSSR)()) || !import_constants3.isWeb ? mediaState2 : initState) || {}, state = (0, import_react3.useSyncExternalStore)(
         subscribe,
         () => {
           if (!internal.current)
@@ -2832,10 +2863,10 @@ var require_normalizeColor_native = __commonJS({
       rgba: () => import_normalize_css_color2.rgba
     });
     module2.exports = __toCommonJS2(normalizeColor_exports);
-    var import_constants2 = require_index_native2(), import_normalize_css_color = require_index_native7(), import_normalize_css_color2 = require_index_native7(), normalizeColor = (color, opacity) => {
+    var import_constants3 = require_index_native3(), import_normalize_css_color = require_index_native7(), import_normalize_css_color2 = require_index_native7(), normalizeColor = (color, opacity) => {
       if (!color)
         return;
-      if (color[0] === "$" || color[0] === "v" && color.startsWith("var(") || import_constants2.isWeb && opacity === 1)
+      if (color[0] === "$" || color[0] === "v" && color.startsWith("var(") || import_constants3.isWeb && opacity === 1)
         return color;
       let colorProcessed = (0, import_normalize_css_color.normalizeCSSColor)(color);
       if (colorProcessed != null) {
@@ -2864,13 +2895,13 @@ var require_normalizeValueWithProperty_native = __commonJS({
       reverseMapClassNameToValue: () => reverseMapClassNameToValue
     });
     module2.exports = __toCommonJS2(normalizeValueWithProperty_exports);
-    var import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_insertStyleRule = require_insertStyleRule_native(), stylePropsAllPlusTransforms = {
+    var import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_insertStyleRule = require_insertStyleRule_native(), stylePropsAllPlusTransforms = {
       ...import_helpers.stylePropsAll,
       translateX: !0,
       translateY: !0
     };
     function normalizeValueWithProperty(value, property) {
-      if (!import_constants2.isWeb || typeof value == "boolean" || property && property in import_helpers.stylePropsUnitless || property && !(property in stylePropsAllPlusTransforms))
+      if (!import_constants3.isWeb || typeof value == "boolean" || property && property in import_helpers.stylePropsUnitless || property && !(property in stylePropsAllPlusTransforms))
         return value;
       let res = value;
       return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
@@ -2946,13 +2977,13 @@ var require_expandStyles_native = __commonJS({
       fixStyles: () => fixStyles
     });
     module2.exports = __toCommonJS2(expandStyles_exports);
-    var import_constants2 = require_index_native2(), import_normalizeShadow = require_normalizeShadow_native();
+    var import_constants3 = require_index_native3(), import_normalizeShadow = require_normalizeShadow_native();
     function fixStyles(style) {
       "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius || style.shadowColor || style.shadowOpacity || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
       for (let key in borderDefaults)
         key in style && !style[borderDefaults[key]] && (style[borderDefaults[key]] = "solid");
     }
-    var nativeStyle = import_constants2.isWeb ? null : "borderStyle", borderDefaults = {
+    var nativeStyle = import_constants3.isWeb ? null : "borderStyle", borderDefaults = {
       borderWidth: "borderStyle",
       borderBottomWidth: nativeStyle || "borderBottomStyle",
       borderTopWidth: nativeStyle || "borderTopStyle",
@@ -3028,14 +3059,14 @@ var require_expandStyle_native = __commonJS({
       expandStyle: () => expandStyle
     });
     module2.exports = __toCommonJS2(expandStyle_exports);
-    var import_constants2 = require_index_native2();
+    var import_constants3 = require_index_native3();
     function expandStyle(key, value) {
       if (!1)
         switch (key) {
           case "textAlignVertical":
           case "writingDirection":
         }
-      if (import_constants2.isAndroid && key === "elevationAndroid")
+      if (import_constants3.isAndroid && key === "elevationAndroid")
         return [["elevation", value]];
       if (key in EXPANSIONS)
         return EXPANSIONS[key].map((key2) => [key2, value]);
@@ -3056,7 +3087,7 @@ var require_expandStyle_native = __commonJS({
       padding: all,
       paddingHorizontal: horiz,
       paddingVertical: vert,
-      ...import_constants2.isWeb && {
+      ...import_constants3.isWeb && {
         // react-native only supports borderStyle
         borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
         // react-native doesn't support X / Y
@@ -3212,9 +3243,9 @@ var require_propMapper_native = __commonJS({
       propMapper: () => propMapper
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    var import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_config = require_config_native(), import_isDevTools = require_isDevTools_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_expandStylesAndRemoveNullishValues = require_expandStylesAndRemoveNullishValues_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
+    var import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_isDevTools = require_isDevTools_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_expandStylesAndRemoveNullishValues = require_expandStylesAndRemoveNullishValues_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
       var _a;
-      if (!import_constants2.isAndroid && key === "elevationAndroid")
+      if (!import_constants3.isAndroid && key === "elevationAndroid")
         return;
       if (value === "unset") {
         let unsetVal = (_a = styleStateIn.conf.unset) == null ? void 0 : _a[key];
@@ -3426,9 +3457,9 @@ var require_getSplitStyles_native = __commonJS({
       useSplitStyles: () => useSplitStyles
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-", getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
+    var import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-", getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
       var _a, _b, _c, _e, _f, _g;
-      conf = conf || (0, import_config.getConfig)(), import_constants2.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
+      conf = conf || (0, import_config.getConfig)(), import_constants3.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
       let { shorthands } = conf, {
         isHOC,
         isText,
@@ -3438,7 +3469,7 @@ var require_getSplitStyles_native = __commonJS({
         inlineWhenUnflattened,
         parentStaticConfig,
         acceptsClassName
-      } = staticConfig, validStyleProps = isText ? import_helpers.stylePropsText : import_helpers.validStyles, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants2.isWeb && !styleProps.noClassNames, rulesToInsert = [], classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, style = {}, className = "", mediaStylesSeen = 0, styleState = {
+      } = staticConfig, validStyleProps = isText ? import_helpers.stylePropsText : import_helpers.validStyles, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants3.isWeb && !styleProps.noClassNames, rulesToInsert = [], classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, style = {}, className = "", mediaStylesSeen = 0, styleState = {
         curProps: { ...props },
         classNames,
         conf,
@@ -3458,7 +3489,7 @@ var require_getSplitStyles_native = __commonJS({
         if (styleProps.disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || keyInit in skipProps && !isHOC)
           continue;
         let valInitType = typeof valInit;
-        if (styleState.curProps[keyInit] = valInit, !import_constants2.isAndroid && keyInit === "elevationAndroid")
+        if (styleState.curProps[keyInit] = valInit, !import_constants3.isAndroid && keyInit === "elevationAndroid")
           continue;
         if (keyInit === "userSelect")
           keyInit = "selectable", valInit = valInit !== "none";
@@ -3550,7 +3581,7 @@ var require_getSplitStyles_native = __commonJS({
                     `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}` in usedKeys || psuedoStyle.identifier;
                 } else {
                   let descriptorKey = descriptor.stateKey || descriptor.name, pseudoState = componentState[descriptorKey], isDisabled = isExit ? !styleProps.isExiting : !pseudoState;
-                  import_constants2.isWeb && !import_constants2.isClient && isEnter && (isDisabled = !1);
+                  import_constants3.isWeb && !import_constants3.isClient && isEnter && (isDisabled = !1);
                   let importance = descriptor.priority;
                   for (let pkey in pseudoStyleObject) {
                     let val2 = pseudoStyleObject[pkey];
@@ -3578,7 +3609,7 @@ var require_getSplitStyles_native = __commonJS({
                   let platform = key.slice(10);
                   if (
                     // supports web, ios, android
-                    platform !== import_constants2.currentPlatform && // supports web, native
+                    platform !== import_constants3.currentPlatform && // supports web, native
                     platform !== "native"
                   )
                     continue;
@@ -3670,7 +3701,7 @@ var require_getSplitStyles_native = __commonJS({
               if (
                 // is HOC we can just pass through the styles as props
                 // this fixes issues where style prop got merged with wrong priority
-                !isHOC && (key in validStyleProps || import_constants2.isAndroid && key === "elevation")
+                !isHOC && (key in validStyleProps || import_constants3.isAndroid && key === "elevation")
               ) {
                 mergeStyle(styleState, key, val);
                 continue;
@@ -3683,7 +3714,7 @@ var require_getSplitStyles_native = __commonJS({
             }
         }
       }
-      if (props.style && mergeStylePropIntoStyle(styleState, props.style), styleProps.noNormalize !== !1 && ((0, import_expandStyles.fixStyles)(style), import_constants2.isWeb && !staticConfig.isReactNative && (0, import_getStylesAtomic.styleToCSS)(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
+      if (props.style && mergeStylePropIntoStyle(styleState, props.style), styleProps.noNormalize !== !1 && ((0, import_expandStyles.fixStyles)(style), import_constants3.isWeb && !staticConfig.isReactNative && (0, import_getStylesAtomic.styleToCSS)(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
         mergeTransform(style, key, val, !0);
       }), parentSplitStyles && !shouldDoClasses))
         for (let key in parentSplitStyles.style)
@@ -3717,12 +3748,12 @@ var require_getSplitStyles_native = __commonJS({
     };
     function mergeStyle(styleState, key, val, disableNormalize = !1) {
       let { classNames, viewProps, style, usedKeys, styleProps } = styleState;
-      if (import_constants2.isWeb && (val == null ? void 0 : val[0]) === "_")
+      if (import_constants3.isWeb && (val == null ? void 0 : val[0]) === "_")
         classNames[key] = val, usedKeys[key] ||= 1;
       else if (key in import_helpers.stylePropsTransform)
         styleState.transforms ||= {}, styleState.transforms[key] = val;
       else {
-        let out = import_constants2.isWeb && !disableNormalize && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
+        let out = import_constants3.isWeb && !disableNormalize && !styleProps.noNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
         key in import_helpers.validStylesOnBaseProps ? viewProps[key] = out : style[key] = out;
       }
     }
@@ -3749,7 +3780,7 @@ var require_getSplitStyles_native = __commonJS({
         Object.assign(isRNW ? styleState.classNames : styleState.style, style);
       }
     }
-    var useInsertEffectCompat = import_constants2.isWeb ? import_react3.useInsertionEffect || import_constants2.useIsomorphicLayoutEffect : () => {
+    var useInsertEffectCompat = import_constants3.isWeb ? import_react3.useInsertionEffect || import_constants3.useIsomorphicLayoutEffect : () => {
     }, useSplitStyles = (...args) => {
       let res = getSplitStyles(...args);
       return useInsertEffectCompat(() => {
@@ -3927,7 +3958,7 @@ var require_ThemeManager_native = __commonJS({
       getManagers: () => getManagers
     });
     module2.exports = __toCommonJS2(ThemeManager_exports);
-    var import_constants2 = require_index_native2(), import_config = require_config_native(), import_constants22 = require_constants_native2(), emptyState = { name: "" };
+    var import_constants3 = require_index_native3(), import_config = require_config_native(), import_constants22 = require_constants_native2(), emptyState = { name: "" };
     function getHasThemeUpdatingProps(props) {
       return props.name || props.componentName || props.inverse || props.reset;
     }
@@ -4026,8 +4057,15 @@ var require_ThemeManager_native = __commonJS({
           potentials = [...componentPotentials, ...potentials, ...allComponentThemes];
         }
         let found = potentials.find((t) => t in themes);
-        if (typeof props.debug == "string" && console.info(" - ", { found, potentials, baseManager, nextName, baseName, prefix }), found) {
-          let names = found.split("_"), [firstName, ...restNames] = names, lastName = names[names.length - 1], isComponent = lastName[0] === lastName[0].toUpperCase(), scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0, pre = import_constants22.THEME_CLASSNAME_PREFIX, className = import_constants2.isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "", parentState = (_a = baseManager || parentManager) == null ? void 0 : _a.state, parentName = parentState == null ? void 0 : parentState.name;
+        if (typeof props.debug == "string" && console.info(" getState ", {
+          found,
+          potentials,
+          baseManager,
+          nextName,
+          baseName,
+          prefix
+        }), found) {
+          let names = found.split("_"), [firstName, ...restNames] = names, lastName = names[names.length - 1], isComponent = lastName[0] === lastName[0].toUpperCase(), scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0, pre = import_constants22.THEME_CLASSNAME_PREFIX, className = import_constants3.isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "", parentState = (_a = baseManager || parentManager) == null ? void 0 : _a.state, parentName = parentState == null ? void 0 : parentState.name;
           result = {
             name: found,
             parentName,
@@ -4094,7 +4132,7 @@ var require_useTheme_native = __commonJS({
       useThemeWithState: () => useThemeWithState
     });
     module2.exports = __toCommonJS2(useTheme_exports);
-    var import_constants2 = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_createProxy = require_createProxy_native(), import_createShallowSetState = require_createShallowSetState_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_getThemeUnwrapped = require_getThemeUnwrapped_native(), emptyProps = { name: null }, cached;
+    var import_constants3 = require_index_native3(), import_react3 = require("react"), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_createProxy = require_createProxy_native(), import_createShallowSetState = require_createShallowSetState_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_getThemeUnwrapped = require_getThemeUnwrapped_native(), emptyProps = { name: null }, cached;
     function getDefaultThemeProxied() {
       if (cached)
         return cached;
@@ -4109,7 +4147,7 @@ var require_useTheme_native = __commonJS({
         props,
         !1,
         keys.current,
-        import_constants2.isServer ? void 0 : () => {
+        import_constants3.isServer ? void 0 : () => {
           var _a, _b;
           return ((_a = props.shouldUpdate) == null ? void 0 : _a.call(props)) ?? (keys.current.length > 0 ? !0 : void 0);
         }
@@ -4151,7 +4189,7 @@ var require_useTheme_native = __commonJS({
                   else if (subkey === "get")
                     return (platform) => {
                       let outVal = (0, import_createVariable.getVariable)(val);
-                      if (platform !== "web" && import_constants2.isIos && !deopt && config.settings.fastSchemeChange && !someParentIsInversed(themeManager) && scheme) {
+                      if (platform !== "web" && import_constants3.isIos && !deopt && config.settings.fastSchemeChange && !someParentIsInversed(themeManager) && scheme) {
                         let oppositeThemeName = name.replace(
                           scheme === "dark" ? "dark" : "light",
                           scheme === "dark" ? "light" : "dark"
@@ -4204,7 +4242,7 @@ var require_useTheme_native = __commonJS({
         if (forceShouldChange || next && !(forceUpdate !== !0 && !manager.getStateShouldChange(next, prevState)))
           return next;
       }
-      if (import_constants2.isServer || (0, import_react3.useEffect)(() => {
+      if (import_constants3.isServer || (0, import_react3.useEffect)(() => {
         if (!themeManager)
           return;
         if (props.inverse && !mounted) {
@@ -4339,7 +4377,7 @@ var require_Theme_native = __commonJS({
       useThemedChildren: () => useThemedChildren
     });
     module2.exports = __toCommonJS2(Theme_exports);
-    var import_constants2 = require_index_native2(), import_react3 = __toESM2(require("react")), import_createVariable = require_createVariable_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime = require("react/jsx-runtime"), Theme = (0, import_react3.forwardRef)(function(props, ref) {
+    var import_constants3 = require_index_native3(), import_react3 = __toESM2(require("react")), import_createVariable = require_createVariable_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime = require("react/jsx-runtime"), Theme = (0, import_react3.forwardRef)(function(props, ref) {
       if (props.disable)
         return props.children;
       let isRoot = !!props._isRoot, disableDirectChildTheme = props["disable-child-theme"], themeState = (0, import_useTheme.useChangeThemeEffect)(props, isRoot), children = (0, import_react3.useMemo)(() => {
@@ -4368,7 +4406,7 @@ var require_Theme_native = __commonJS({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, { name: themeManager.state.parentName, children: child.props.children })
       ) : child));
       let elementsWithContext = themeManager ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeManagerContext.ThemeManagerContext.Provider, { value: themeManager, children: next }) : next;
-      return forceClassName === !1 ? elementsWithContext : import_constants2.isWeb && !avoidWrap ? wrapThemeElements({
+      return forceClassName === !1 ? elementsWithContext : import_constants3.isWeb && !avoidWrap ? wrapThemeElements({
         children: elementsWithContext,
         themeState,
         forceClassName,
@@ -4486,7 +4524,7 @@ var require_Slot_native = __commonJS({
       Slottable: () => Slottable
     });
     module2.exports = __toCommonJS2(Slot_exports);
-    var import_compose_refs = require_index_native5(), import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_react3 = require("react"), import_jsx_runtime = require("react/jsx-runtime"), Slot = (0, import_react3.forwardRef)(function(props, forwardedRef) {
+    var import_compose_refs = require_index_native5(), import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_jsx_runtime = require("react/jsx-runtime"), Slot = (0, import_react3.forwardRef)(function(props, forwardedRef) {
       let { children, ...slotProps } = props;
       if ((0, import_react3.isValidElement)(children)) {
         let mergedProps = mergeSlotProps(children, slotProps);
@@ -4499,7 +4537,7 @@ var require_Slot_native = __commonJS({
         );
       }
       return import_react3.Children.count(children) > 1 ? import_react3.Children.only(null) : null;
-    }), Slottable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }), pressMap = import_constants2.isWeb ? {
+    }), Slottable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }), pressMap = import_constants3.isWeb ? {
       onPress: "onClick",
       onPressOut: "onMouseUp",
       onPressIn: "onMouseDown"
@@ -4547,7 +4585,7 @@ var require_createComponent_native = __commonJS({
       spacedChildren: () => spacedChildren
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_compose_refs = require_index_native5(), import_constants2 = require_index_native2(), import_helpers = require_index_native4(), import_use_did_finish_ssr = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_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(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime = require("react/jsx-runtime"), tamaguiConfig, AnimatedText, AnimatedView, initialTheme, mouseUps = /* @__PURE__ */ new Set();
+    var import_compose_refs = require_index_native5(), import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_use_did_finish_ssr = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_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(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime = require("react/jsx-runtime"), tamaguiConfig, AnimatedText, AnimatedView, initialTheme, mouseUps = /* @__PURE__ */ new Set();
     if (typeof document < "u") {
       let cancelTouches = () => {
         mouseUps.forEach((x) => x()), mouseUps.clear();
@@ -4595,19 +4633,27 @@ var require_createComponent_native = __commonJS({
         let curDefaultProps = styledContextProps ? { ...defaultProps, ...styledContextProps } : defaultProps, props = propsIn;
         curDefaultProps && (props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn));
         let debugProp = props.debug, componentName = props.componentName || staticConfig.componentName, isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)(), stateRef = (0, import_react3.useRef)(
-          void 0
-        );
-        stateRef.current ||= {};
-        let hostRef = (0, import_react3.useRef)(null), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!(props.animation || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, willBeAnimated = (() => {
-          if (import_constants2.isServer && !supportsCSSVars)
+          {}
+        ), hostRef = (0, import_react3.useRef)(null), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!(props.animation || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, willBeAnimated = (() => {
+          if (import_constants3.isServer && !supportsCSSVars)
             return !1;
           let curState = stateRef.current;
           return !!(hasAnimationProp && !isHOC && useAnimations || curState.hasAnimated);
-        })(), usePresence = animationsConfig == null ? void 0 : animationsConfig.usePresence, presence = willBeAnimated && (usePresence == null ? void 0 : usePresence()) || null, hasEnterStyle = !!props.enterStyle, needsMount = !!((!import_constants2.isWeb || import_constants2.isClient) && willBeAnimated), initialState = willBeAnimated ? supportsCSSVars ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted, states = (0, import_react3.useState)(initialState), state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState), groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
-        if (groupName) {
+        })(), usePresence = animationsConfig == null ? void 0 : animationsConfig.usePresence, presence = willBeAnimated && (usePresence == null ? void 0 : usePresence()) || null, hasEnterStyle = !!props.enterStyle, needsMount = !!((!import_constants3.isWeb || import_constants3.isClient) && willBeAnimated), initialState = willBeAnimated ? supportsCSSVars ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted, states = (0, import_react3.useState)(initialState), state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState), groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
+        if (groupName && !stateRef.current.group && (stateRef.current.group = {
+          listeners: /* @__PURE__ */ new Set(),
+          emit(name, state2) {
+            this.listeners.forEach((l) => l(name, state2));
+          },
+          subscribe(cb) {
+            return this.listeners.add(cb), () => {
+              this.listeners.delete(cb);
+            };
+          }
+        }), groupName) {
           let groupContextState = componentContext.groups.state, og = setStateShallow;
           setStateShallow = (state2) => {
-            og(state2), componentContext.groups.emit(groupName, {
+            og(state2), stateRef.current.group.emit(groupName, {
               pseudo: state2
             });
             let next = {
@@ -4618,8 +4664,8 @@ var require_createComponent_native = __commonJS({
           };
         }
         let isAnimated = willBeAnimated;
-        willBeAnimated && !supportsCSSVars && !presence && isHydrated && (import_constants2.isServer || state.unmounted === !0) && (isAnimated = !1), willBeAnimated && !stateRef.current.hasAnimated && (stateRef.current.hasAnimated = !0);
-        let componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName, hasTextAncestor = !!(import_constants2.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_c = props.accessibilityState) == null ? void 0 : _c.disabled), element = import_constants2.isWeb && (!Component || typeof Component == "string") && props.tag || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div");
+        willBeAnimated && !supportsCSSVars && !presence && isHydrated && (import_constants3.isServer || state.unmounted === !0) && (isAnimated = !1), willBeAnimated && !stateRef.current.hasAnimated && (stateRef.current.hasAnimated = !0);
+        let componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName, hasTextAncestor = !!(import_constants3.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_c = props.accessibilityState) == null ? void 0 : _c.disabled), element = import_constants3.isWeb && (!Component || typeof Component == "string") && props.tag || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div");
         AnimatedText = animationsConfig ? animationsConfig.Text : BaseTextComponent, AnimatedView = animationsConfig ? animationsConfig.View : BaseViewComponent;
         let elementType = isText ? (isAnimated ? AnimatedText : null) || BaseTextComponent : (isAnimated ? AnimatedView : null) || BaseViewComponent;
         if (isAnimated && presence) {
@@ -4629,7 +4675,7 @@ var require_createComponent_native = __commonJS({
             isEntering && enterVariant ? props[enterVariant] = !0 : isExiting2 && exitVariant && (props[exitVariant] = !enterExitVariant);
           }
         }
-        let isAnimatedReactNative = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = !!(staticConfig.isReactNative || isAnimatedReactNative), shouldAvoidClasses = !!(!import_constants2.isWeb || isAnimated || !staticConfig.acceptsClassName || propsIn.disableClassName), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, disableThemeProp = !1, disableTheme = disableThemeProp && !willBeAnimated || isHOC;
+        let isAnimatedReactNative = hasAnimationProp && (animationsConfig == null ? void 0 : animationsConfig.isReactNative), isReactNative = !!(staticConfig.isReactNative || isAnimatedReactNative), shouldAvoidClasses = !!(!import_constants3.isWeb || isAnimated || !staticConfig.acceptsClassName || propsIn.disableClassName), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, disableThemeProp = !1, disableTheme = disableThemeProp && !willBeAnimated || isHOC;
         props.themeShallow && (stateRef.current.themeShallow = !0);
         let themeStateProps = {
           name: props.theme,
@@ -4727,7 +4773,7 @@ var require_createComponent_native = __commonJS({
         isHOC && _themeProp && (viewProps.theme = _themeProp), groupName && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(
           nonTamaguiProps.onLayout,
           (e) => {
-            componentContext.groups.emit(groupName, {
+            stateRef.current.group.emit(groupName, {
               layout: e.nativeEvent.layout
             }), !stateRef.current.hasMeasured && props.untilMeasured === "hide" && setState((prev) => ({ ...prev })), stateRef.current.hasMeasured = !0;
           }
@@ -4785,7 +4831,7 @@ var require_createComponent_native = __commonJS({
         fontFamily && fontFamily[0] === "$" && (fontFamily = fontFamily.slice(1));
         let fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "", style = avoidAnimationStyle ? splitStyles.style : animationStyles || splitStyles.style, className;
         viewProps.style = style;
-        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), attachFocus = !!(runtimePressStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants2.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants2.isWeb || asChild), events = !!(attachFocus || attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle) && !isDisabled && !props.asChild ? {
+        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), attachFocus = !!(runtimePressStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants3.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants3.isWeb || asChild), events = !!(attachFocus || attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle) && !isDisabled && !props.asChild ? {
           onPressOut: attachPress ? (e) => {
             unPress(), onPressOut == null || onPressOut(e), onMouseUp == null || onMouseUp(e);
           } : void 0,
@@ -4803,10 +4849,10 @@ var require_createComponent_native = __commonJS({
             runtimePressStyle && setStateShallow({
               press: !0,
               pressIn: !0
-            }), onPressIn == null || onPressIn(e), onMouseDown == null || onMouseDown(e), import_constants2.isWeb && mouseUps.add(unPress);
+            }), onPressIn == null || onPressIn(e), onMouseDown == null || onMouseDown(e), import_constants3.isWeb && mouseUps.add(unPress);
           } : void 0,
           onPress: attachPress ? (e) => {
-            unPress(), import_constants2.isWeb && (onClick == null || onClick(e)), onPress == null || onPress(e);
+            unPress(), import_constants3.isWeb && (onClick == null || onClick(e)), onPress == null || onPress(e);
           } : void 0,
           ...attachPress && onLongPress && {
             onLongPress: (e) => {
@@ -4853,9 +4899,9 @@ var require_createComponent_native = __commonJS({
           events,
           staticConfig
         )), useChildrenResult ? content = useChildrenResult : content = (0, import_react3.createElement)(elementType, viewProps, content);
-        let subGroupContext = (0, import_react3.useMemo)(() => {
-          if (groupName)
-            return {
+        let groupState = stateRef.current.group, subGroupContext = (0, import_react3.useMemo)(() => {
+          if (!(!groupState || !groupName))
+            return groupState.listeners.clear(), {
               ...componentContext.groups,
               // change reference so as we mutate it doesn't affect siblings etc
               state: {
@@ -4869,7 +4915,9 @@ var require_createComponent_native = __commonJS({
                     height: fromPx(splitStyles.style.height)
                   }
                 }
-              }
+              },
+              emit: groupState.emit,
+              subscribe: groupState.subscribe
             };
         }, [groupName]);
         if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { groups: subGroupContext, children: content })), content = disableThemeProp ? content : (0, import_Theme.useThemedChildren)(themeState, content, themeStateProps, !1), staticConfig.context) {
@@ -5405,7 +5453,7 @@ var require_createTamagui_native = __commonJS({
       createTamagui: () => createTamagui
     });
     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_constants3 = require_index_native3(), 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 createTamagui(configIn) {
       var _a;
       if (createdConfigs.has(configIn))
@@ -5451,9 +5499,9 @@ var require_createTamagui_native = __commonJS({
           for (let key in tokens)
             for (let skey in tokens[key]) {
               let variable = tokens[key][skey];
-              specificTokens[`$${key}.${skey}`] = variable, import_constants2.isWeb && ((0, import_registerCSSVariable.registerCSSVariable)(variable), declarations.push((0, import_registerCSSVariable.variableToCSS)(variable, key === "zIndex")));
+              specificTokens[`$${key}.${skey}`] = variable, import_constants3.isWeb && ((0, import_registerCSSVariable.registerCSSVariable)(variable), declarations.push((0, import_registerCSSVariable.variableToCSS)(variable, key === "zIndex")));
             }
-          if (import_constants2.isWeb) {
+          if (import_constants3.isWeb) {
             let declarationsToRuleSet2 = function(decs, selector = "") {
               return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
             };
@@ -5480,7 +5528,7 @@ var require_createTamagui_native = __commonJS({
           cssRuleSets,
           getThemeRulesSets() {
             let themeRuleSets = [];
-            if (import_constants2.isWeb)
+            if (import_constants3.isWeb)
               for (let { names, theme } of dedupedThemes) {
                 let nextRules = (0, import_getThemeCSSRules.getThemeCSSRules)({
                   config: configIn,
@@ -5858,41 +5906,6 @@ var require_isTamaguiElement_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/helpers/withStaticProperties.native.js
-var require_withStaticProperties_native = __commonJS({
-  "../web/dist/cjs/helpers/withStaticProperties.native.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
-    }, __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from == "object" || typeof from == "function")
-        for (let key of __getOwnPropNames2(from))
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), withStaticProperties_exports = {};
-    __export2(withStaticProperties_exports, {
-      withStaticProperties: () => withStaticProperties
-    });
-    module2.exports = __toCommonJS2(withStaticProperties_exports);
-    var import_react3 = require("react"), Decorated = Symbol(), withStaticProperties = function(component, staticProps) {
-      let next = (() => {
-        if (component[Decorated]) {
-          let _ = (0, import_react3.forwardRef)(
-            (props, ref) => (0, import_react3.createElement)(component, { ...props, ref })
-          );
-          for (let key in component) {
-            let v = component[key];
-            _[key] = v && typeof v == "object" ? { ...v } : v;
-          }
-        }
-        return component;
-      })();
-      return Object.assign(next, staticProps), next[Decorated] = !0, next;
-    };
-  }
-});
-
 // ../web/dist/cjs/internalWithTheme.native.js
 var require_internalWithTheme_native = __commonJS({
   "../web/dist/cjs/internalWithTheme.native.js"(exports, module2) {
@@ -5934,10 +5947,10 @@ var require_useThemeName_native = __commonJS({
       useThemeName: () => useThemeName
     });
     module2.exports = __toCommonJS2(useThemeName_exports);
-    var import_constants2 = require_index_native2(), import_react3 = require("react"), import_ThemeManagerContext = require_ThemeManagerContext_native();
+    var import_constants3 = require_index_native3(), import_react3 = require("react"), import_ThemeManagerContext = require_ThemeManagerContext_native();
     function useThemeName(opts) {
       let manager = (0, import_react3.useContext)(import_ThemeManagerContext.ThemeManagerContext), [name, setName] = (0, import_react3.useState)((manager == null ? void 0 : manager.state.name) || "");
-      return (0, import_constants2.useIsomorphicLayoutEffect)(() => {
+      return (0, import_constants3.useIsomorphicLayoutEffect)(() => {
         if (manager)
           return setName(manager.state.name), manager.onChangeTheme((next, manager2) => {
             let name2 = opts != null && opts.parent && manager2.state.parentName || next;
@@ -5993,7 +6006,7 @@ var require_useIsTouchDevice_native = __commonJS({
       useIsTouchDevice: () => useIsTouchDevice
     });
     module2.exports = __toCommonJS2(useIsTouchDevice_exports);
-    var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native6(), useIsTouchDevice = () => import_constants2.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants2.isTouchable : !1 : !0;
+    var import_constants3 = require_index_native3(), import_use_did_finish_ssr = require_index_native6(), useIsTouchDevice = () => import_constants3.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants3.isTouchable : !1 : !0;
   }
 });
 
@@ -6014,9 +6027,9 @@ var require_Stack_native = __commonJS({
       Stack: () => Stack2
     });
     module2.exports = __toCommonJS2(Stack_exports);
-    var import_helpers = require_index_native4(), import_constants2 = require_constants_native2(), import_createComponent = require_createComponent_native(), Stack2 = (0, import_createComponent.createComponent)({
+    var import_helpers = require_index_native4(), import_constants3 = require_constants_native2(), import_createComponent = require_createComponent_native(), Stack2 = (0, import_createComponent.createComponent)({
       acceptsClassName: !0,
-      defaultProps: import_constants2.stackDefaultStyles,
+      defaultProps: import_constants3.stackDefaultStyles,
       validStyles: import_helpers.validStyles
     });
   }
@@ -6173,7 +6186,7 @@ var require_ThemeProvider_native = __commonJS({
       ThemeProvider: () => ThemeProvider
     });
     module2.exports = __toCommonJS2(ThemeProvider_exports);
-    var import_constants2 = require_index_native2(), import_react3 = require("react"), import_constants22 = require_constants_native2(), import_Theme = require_Theme_native(), import_jsx_runtime = require("react/jsx-runtime"), ThemeProvider = (props) => (import_constants2.isClient && (0, import_react3.useLayoutEffect)(() => {
+    var import_constants3 = require_index_native3(), import_react3 = require("react"), import_constants22 = require_constants_native2(), import_Theme = require_Theme_native(), import_jsx_runtime = require("react/jsx-runtime"), ThemeProvider = (props) => (import_constants3.isClient && (0, import_react3.useLayoutEffect)(() => {
       if (props.disableRootThemeClass)
         return;
       let cn = `${import_constants22.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`, target = props.themeClassNameOnRoot ? document.documentElement : document.body;
@@ -6241,14 +6254,14 @@ var require_TamaguiProvider_native = __commonJS({
       TamaguiProvider: () => TamaguiProvider
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_constants2 = require_index_native2(), React = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_jsx_runtime = require("react/jsx-runtime");
+    var import_constants3 = require_index_native3(), React = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_jsx_runtime = require("react/jsx-runtime");
     function TamaguiProvider({
       children,
       disableInjectCSS,
       config,
       ...themePropsProvider
     }) {
-      return import_constants2.isWeb && import_constants2.isServer || (0, import_useMedia.useMediaListeners)(config), import_constants2.isClient && React.useLayoutEffect(() => {
+      return import_constants3.isWeb && import_constants3.isServer || (0, import_useMedia.useMediaListeners)(config), import_constants3.isClient && React.useLayoutEffect(() => {
         if (document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), disableInjectCSS)
           return;
         let style = document.createElement("style");
@@ -6307,10 +6320,10 @@ var require_useGet_native = __commonJS({
       useGet: () => useGet
     });
     module2.exports = __toCommonJS2(useGet_exports);
-    var import_react3 = require("react"), isWeb = !1, isClient = typeof window < "u", useIsomorphicLayoutEffect3 = !isWeb || isClient ? import_react3.useLayoutEffect : import_react3.useEffect;
+    var import_constants3 = require_index_native3(), import_react3 = require("react");
     function useGet(currentValue, initialValue, forwardToFunction) {
       let curRef = (0, import_react3.useRef)(initialValue ?? currentValue);
-      return useIsomorphicLayoutEffect3(() => {
+      return (0, import_constants3.useIsomorphicLayoutEffect)(() => {
         curRef.current = currentValue;
       }), (0, import_react3.useCallback)(
         forwardToFunction ? (...args) => {
@@ -6432,7 +6445,6 @@ var require_index_native9 = __commonJS({
     __reExport2(src_exports2, require_themeable_native(), module2.exports);
     __reExport2(src_exports2, require_themes_native(), module2.exports);
     __reExport2(src_exports2, require_createShallowSetState_native(), module2.exports);
-    __reExport2(src_exports2, require_withStaticProperties_native(), module2.exports);
     __reExport2(src_exports2, require_internalWithTheme_native(), module2.exports);
     var import_useMedia = require_useMedia_native();
     __reExport2(src_exports2, require_useTheme_native(), module2.exports);
@@ -6454,7 +6466,7 @@ var require_index_native9 = __commonJS({
     __reExport2(src_exports2, require_index_native8(), module2.exports);
     __reExport2(src_exports2, require_index_native5(), module2.exports);
     __reExport2(src_exports2, require_index_native4(), module2.exports);
-    __reExport2(src_exports2, require_index_native2(), module2.exports);
+    __reExport2(src_exports2, require_index_native3(), module2.exports);
     __reExport2(src_exports2, require_setupHooks_native(), module2.exports);
   }
 });
@@ -6517,7 +6529,7 @@ __export(src_exports, {
   View: () => View
 });
 module.exports = __toCommonJS(src_exports);
-var import_react_native_use_responder_events = __toESM(require_index_native()), import_web2 = __toESM(require_index_native9()), import_react2 = require("react");
+var import_react_native_use_responder_events = __toESM(require_index_native()), import_web = __toESM(require_index_native9()), import_react2 = require("react");
 
 // src/createOptimizedView.native.tsx
 var import_react = require("react");
@@ -6733,7 +6745,7 @@ function getBaseViews() {
 }
 
 // src/hooks/useElementLayout.tsx
-var import_constants = __toESM(require_index_native2());
+var import_constants = __toESM(require_index_native3());
 
 // src/helpers/getBoundingClientRect.tsx
 var getBoundingClientRect = (node) => {
@@ -6752,7 +6764,7 @@ var getRect = (node) => {
 };
 
 // src/hooks/useElementLayout.tsx
-var LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeObserver = null;
+var LayoutHandlers = /* @__PURE__ */ new WeakMap(), LayoutTimeouts = /* @__PURE__ */ new WeakMap(), resizeObserver = null;
 typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
   for (let { target } of entries) {
     let onLayout = LayoutHandlers.get(target);
@@ -6771,10 +6783,14 @@ typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new Resiz
 }));
 var measureLayout = (node, relativeTo, callback) => {
   let relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
-  relativeNode instanceof HTMLElement && setTimeout(() => {
-    let relativeRect = getBoundingClientRect(relativeNode), { height, left, top, width } = getRect(node), x = left - relativeRect.left, y = top - relativeRect.top;
-    callback(x, y, width, height, left, top);
-  }, 0);
+  if (relativeNode instanceof HTMLElement) {
+    clearTimeout(LayoutTimeouts.get(relativeNode));
+    let tm = setTimeout(() => {
+      let relativeRect = getBoundingClientRect(relativeNode), { height, left, top, width } = getRect(node), x = left - relativeRect.left, y = top - relativeRect.top;
+      callback(x, y, width, height, left, top), LayoutTimeouts.delete(relativeNode);
+    }, 0);
+    LayoutTimeouts.set(relativeNode, tm);
+  }
 };
 function useElementLayout(ref, onLayout) {
   (0, import_constants.useIsomorphicLayoutEffect)(() => {
@@ -6789,9 +6805,9 @@ function useElementLayout(ref, onLayout) {
 }
 
 // src/hooks/usePlatformMethods.ts
-var import_web = __toESM(require_index_native9());
+var import_constants2 = __toESM(require_index_native3());
 function usePlatformMethods(hostRef) {
-  (0, import_web.useIsomorphicLayoutEffect)(() => {
+  (0, import_constants2.useIsomorphicLayoutEffect)(() => {
     let node = hostRef.current;
     node && (node.measure = (callback) => measureLayout(node, null, callback), node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success), node.measureInWindow = (callback) => {
       node && setTimeout(() => {
@@ -6807,8 +6823,8 @@ var Pressability = require_fake_react_native().default, usePressability = (init_
 
 // src/index.tsx
 __reExport(src_exports, __toESM(require_index_native9()), module.exports);
-var View = import_web2.View, Stack = import_web2.Stack, Text = import_web2.Text, baseViews = getBaseViews();
-(0, import_web2.setupHooks)({
+var View = import_web.View, Stack = import_web.Stack, Text = import_web.Text, baseViews = getBaseViews();
+(0, import_web.setupHooks)({
   getBaseViews,
   usePropsTransform(elementType, propsIn, hostRef) {
     let {
@@ -6869,7 +6885,7 @@ var View = import_web2.View, Stack = import_web2.Stack, Text = import_web2.Text,
           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);
@@ -6877,7 +6893,7 @@ var View = import_web2.View, Stack = import_web2.Stack, Text = import_web2.Text,
       if (events && events.onPress)
         for (let key in pressability) {
           let 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;
         }
     }
   },