@tamagui/core 1.89.28 → 1.89.30

package/dist/native.js

@@ -531,6 +531,7 @@ var require_ResponderTouchHistoryStore_native = __commonJS({
       function ResponderTouchHistoryStore2() {
         _class_call_check(this, ResponderTouchHistoryStore2), _define_property2(this, "_touchHistory", {
           touchBank: [],
+          //Array<TouchRecord>
           numberActiveTouches: 0,
           // If there is only one active touch, we remember its location. This prevents
           // us having to loop through all of the touches all the time in the most
@@ -744,7 +745,8 @@ var require_ResponderSystem_native = __commonJS({
     }
     function eventListener(domEvent) {
       var eventType = domEvent.type, eventTarget = domEvent.target;
-      if (eventType === "touchstart" && (isEmulatingMouseEvents = !0), (eventType === "touchmove" || trackedTouchCount > 1) && (isEmulatingMouseEvents = !1), !(eventType === "mousedown" && isEmulatingMouseEvents || eventType === "mousemove" && isEmulatingMouseEvents || // Ignore mousemove if a mousedown didn't occur first
+      if (eventType === "touchstart" && (isEmulatingMouseEvents = !0), (eventType === "touchmove" || trackedTouchCount > 1) && (isEmulatingMouseEvents = !1), // Ignore browser emulated mouse events
+      !(eventType === "mousedown" && isEmulatingMouseEvents || eventType === "mousemove" && isEmulatingMouseEvents || // Ignore mousemove if a mousedown didn't occur first
       eventType === "mousemove" && trackedTouchCount < 1)) {
         if (isEmulatingMouseEvents && eventType === "mouseup") {
           trackedTouchCount === 0 && (isEmulatingMouseEvents = !1);
@@ -944,27 +946,27 @@ var require_useResponderEvents_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useResponderEvents_exports);
-    var React2 = __toESM2(require("react")), ResponderSystem = __toESM2(require_ResponderSystem_native());
+    var React = __toESM2(require("react")), ResponderSystem = __toESM2(require_ResponderSystem_native());
     __reExport2(useResponderEvents_exports, require_utils_native(), module2.exports);
     var emptyObject = {};
     function useResponderEvents2(hostRef) {
-      var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : emptyObject, id = React2.useId(), isAttachedRef = React2.useRef(!1);
-      React2.useEffect(function() {
+      var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : emptyObject, id = React.useId(), isAttachedRef = React.useRef(!1);
+      React.useEffect(function() {
         return ResponderSystem.attachListeners(), function() {
           ResponderSystem.removeNode(id);
         };
       }, [
         id
-      ]), React2.useEffect(function() {
+      ]), React.useEffect(function() {
         var onMoveShouldSetResponder = config.onMoveShouldSetResponder, onMoveShouldSetResponderCapture = config.onMoveShouldSetResponderCapture, onScrollShouldSetResponder = config.onScrollShouldSetResponder, onScrollShouldSetResponderCapture = config.onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder = config.onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture = config.onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder = config.onStartShouldSetResponder, onStartShouldSetResponderCapture = config.onStartShouldSetResponderCapture, requiresResponderSystem = onMoveShouldSetResponder != null || onMoveShouldSetResponderCapture != null || onScrollShouldSetResponder != null || onScrollShouldSetResponderCapture != null || onSelectionChangeShouldSetResponder != null || onSelectionChangeShouldSetResponderCapture != null || onStartShouldSetResponder != null || onStartShouldSetResponderCapture != null, node = hostRef.current;
         requiresResponderSystem ? (ResponderSystem.addNode(id, node, config), isAttachedRef.current = !0) : isAttachedRef.current && (ResponderSystem.removeNode(id), isAttachedRef.current = !1);
       }, [
         config,
         hostRef,
         id
-      ]), process.env.NODE_ENV === "development" && (React2.useDebugValue({
+      ]), process.env.NODE_ENV === "development" && (React.useDebugValue({
         isResponder: hostRef.current === ResponderSystem.getResponderNode()
-      }), React2.useDebugValue(config));
+      }), React.useDebugValue(config));
     }
   }
 });
@@ -1571,7 +1573,13 @@ var require_shouldRenderNativePlatform_native = __commonJS({
       return null;
     }
     function resolvePlatformNames(nativeProp) {
-      var platforms = nativeProp === !0 ? ALL_PLATFORMS : nativeProp === !1 ? [] : Array.isArray(nativeProp) ? nativeProp : [
+      var platforms = nativeProp === !0 ? (
+        // all native platforms
+        ALL_PLATFORMS
+      ) : nativeProp === !1 ? (
+        // no native platform
+        []
+      ) : Array.isArray(nativeProp) ? nativeProp : [
         nativeProp
       ], set = new Set(platforms);
       return set.has("mobile") && (set.add("android"), set.add("ios"), set.delete("mobile")), set;
@@ -1779,75 +1787,86 @@ var require_validStyleProps_native = __commonJS({
       rotateY: !0,
       rotateX: !0,
       rotateZ: !0
-    }, stylePropsView = _object_spread2({
-      backfaceVisibility: !0,
-      borderBottomEndRadius: !0,
-      borderBottomStartRadius: !0,
-      borderBottomWidth: !0,
-      borderLeftWidth: !0,
-      borderRightWidth: !0,
-      borderStyle: !0,
-      borderTopEndRadius: !0,
-      borderTopStartRadius: !0,
-      borderTopWidth: !0,
-      borderWidth: !0,
-      transform: !0,
-      transformOrigin: !0,
-      alignContent: !0,
-      alignItems: !0,
-      alignSelf: !0,
-      borderEndWidth: !0,
-      borderStartWidth: !0,
-      bottom: !0,
-      display: !0,
-      end: !0,
-      flexBasis: !0,
-      flexDirection: !0,
-      flexWrap: !0,
-      gap: !0,
-      columnGap: !0,
-      rowGap: !0,
-      justifyContent: !0,
-      left: !0,
-      margin: !0,
-      marginBlockEnd: !0,
-      marginBlockStart: !0,
-      marginInlineEnd: !0,
-      marginInline: !0,
-      marginInlineStart: !0,
-      marginBottom: !0,
-      marginEnd: !0,
-      marginHorizontal: !0,
-      marginLeft: !0,
-      marginRight: !0,
-      marginStart: !0,
-      marginTop: !0,
-      marginVertical: !0,
-      overflow: !0,
-      padding: !0,
-      paddingBottom: !0,
-      paddingInline: !0,
-      paddingBlock: !0,
-      paddingBlockStart: !0,
-      paddingInlineEnd: !0,
-      paddingInlineStart: !0,
-      paddingEnd: !0,
-      paddingHorizontal: !0,
-      paddingLeft: !0,
-      paddingRight: !0,
-      paddingStart: !0,
-      paddingTop: !0,
-      paddingVertical: !0,
-      position: !0,
-      right: !0,
-      start: !0,
-      top: !0,
-      direction: !0,
-      shadowOffset: !0,
-      shadowRadius: !0
-    }, tokenCategories.color, tokenCategories.radius, tokenCategories.size, tokenCategories.radius, stylePropsTransform, stylePropsUnitless, !1, import_constants.isAndroid ? {
-      elevationAndroid: !0
-    } : {}), stylePropsFont = {
+    }, stylePropsView = _object_spread2(
+      {
+        backfaceVisibility: !0,
+        borderBottomEndRadius: !0,
+        borderBottomStartRadius: !0,
+        borderBottomWidth: !0,
+        borderLeftWidth: !0,
+        borderRightWidth: !0,
+        borderStyle: !0,
+        borderTopEndRadius: !0,
+        borderTopStartRadius: !0,
+        borderTopWidth: !0,
+        borderWidth: !0,
+        transform: !0,
+        transformOrigin: !0,
+        alignContent: !0,
+        alignItems: !0,
+        alignSelf: !0,
+        borderEndWidth: !0,
+        borderStartWidth: !0,
+        bottom: !0,
+        display: !0,
+        end: !0,
+        flexBasis: !0,
+        flexDirection: !0,
+        flexWrap: !0,
+        gap: !0,
+        columnGap: !0,
+        rowGap: !0,
+        justifyContent: !0,
+        left: !0,
+        margin: !0,
+        marginBlockEnd: !0,
+        marginBlockStart: !0,
+        marginInlineEnd: !0,
+        marginInline: !0,
+        marginInlineStart: !0,
+        marginBottom: !0,
+        marginEnd: !0,
+        marginHorizontal: !0,
+        marginLeft: !0,
+        marginRight: !0,
+        marginStart: !0,
+        marginTop: !0,
+        marginVertical: !0,
+        overflow: !0,
+        padding: !0,
+        paddingBottom: !0,
+        paddingInline: !0,
+        paddingBlock: !0,
+        paddingBlockStart: !0,
+        paddingInlineEnd: !0,
+        paddingInlineStart: !0,
+        paddingEnd: !0,
+        paddingHorizontal: !0,
+        paddingLeft: !0,
+        paddingRight: !0,
+        paddingStart: !0,
+        paddingTop: !0,
+        paddingVertical: !0,
+        position: !0,
+        right: !0,
+        start: !0,
+        top: !0,
+        direction: !0,
+        shadowOffset: !0,
+        shadowRadius: !0
+      },
+      tokenCategories.color,
+      tokenCategories.radius,
+      tokenCategories.size,
+      tokenCategories.radius,
+      stylePropsTransform,
+      stylePropsUnitless,
+      // allow a few web only ones
+      !1,
+      import_constants.isAndroid ? {
+        elevationAndroid: !0
+      } : {}
+    ), stylePropsFont = {
       fontFamily: !0,
       fontSize: !0,
       fontStyle: !0,
@@ -1855,14 +1874,18 @@ var require_validStyleProps_native = __commonJS({
       letterSpacing: !0,
       lineHeight: !0,
       textTransform: !0
-    }, stylePropsTextOnly = _object_spread2(_object_spread_props(_object_spread2(_object_spread_props(_object_spread2({}, stylePropsFont), {
-      textAlign: !0,
-      textDecorationLine: !0,
-      textDecorationStyle: !0
-    }), textColors), {
-      textShadowOffset: !0,
-      textShadowRadius: !0
-    }), !1), stylePropsText = _object_spread2({}, stylePropsView, stylePropsTextOnly), stylePropsAll = stylePropsText, validPseudoKeys = {
+    }, stylePropsTextOnly = _object_spread2(
+      _object_spread_props(_object_spread2(_object_spread_props(_object_spread2({}, stylePropsFont), {
+        textAlign: !0,
+        textDecorationLine: !0,
+        textDecorationStyle: !0
+      }), textColors), {
+        textShadowOffset: !0,
+        textShadowRadius: !0
+      }),
+      // allow some web only ones
+      !1
+    ), stylePropsText = _object_spread2({}, stylePropsView, stylePropsTextOnly), stylePropsAll = stylePropsText, validPseudoKeys = {
       enterStyle: !0,
       exitStyle: !0,
       hoverStyle: !0,
@@ -2179,7 +2202,12 @@ var require_config_native = __commonJS({
       tokensMerged = _;
     }
     var getTokens2 = function() {
-      var prefixed = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}).prefixed;
+      var prefixed = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : (
+        /**
+        * Force either with $ or without $ prefix
+        */
+        {}
+      )).prefixed;
       if (process.env.NODE_ENV === "development" && !conf)
         throw new Error("Haven't called createTamagui yet");
       var tokens = conf.tokens, tokensParsed = conf.tokensParsed;
@@ -2678,6 +2706,7 @@ var require_insertStyleRule_native = __commonJS({
           if (collectThemes && (text.startsWith(":root.t_") || text.startsWith(":root .t_")))
             return [
               text.slice(0, 20),
+              // just used as uid
               rule,
               !0
             ];
@@ -3688,7 +3717,10 @@ var require_ThemeManager_native = __commonJS({
         return (x == null ? void 0 : x.state.name) || "";
       });
       isDirectParentAComponentTheme && allComponentThemes.shift();
-      for (var base = baseName.split(import_constants2.THEME_NAME_SEPARATOR), max = base.length, min = props.componentName && !nextName ? max : 0, i = max; i >= min; i--) {
+      for (var base = baseName.split(import_constants2.THEME_NAME_SEPARATOR), max = base.length, min = props.componentName && !nextName ? max : (
+        // component name only don't search upwards
+        0
+      ), i = max; i >= min; i--) {
         var prefix = base.slice(0, i).join(import_constants2.THEME_NAME_SEPARATOR);
         props.inverse && (prefix = inverseThemeName(prefix));
         var potentials = [];
@@ -4545,7 +4577,7 @@ var require_compose_refs_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(compose_refs_exports);
-    var React2 = __toESM2(require("react"));
+    var React = __toESM2(require("react"));
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -4592,7 +4624,7 @@ var require_compose_refs_native = __commonJS({
     function useComposedRefs() {
       for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++)
         refs[_key] = arguments[_key];
-      return React2.useCallback(composeRefs.apply(void 0, _to_consumable_array(refs)), refs);
+      return React.useCallback(composeRefs.apply(void 0, _to_consumable_array(refs)), refs);
     }
   }
 });
@@ -4776,7 +4808,7 @@ var require_objectIdentityKey_native = __commonJS({
 var require_createStyledContext_native = __commonJS({
   "../web/dist/cjs/helpers/createStyledContext.native.js"(exports2, module2) {
     "use strict";
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all)
         __defProp2(target, name, {
           get: all[name],
@@ -4807,18 +4839,6 @@ var require_createStyledContext_native = __commonJS({
           }
         }
       return to;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -4830,7 +4850,7 @@ var require_createStyledContext_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createStyledContext_exports);
-    var import_react3 = __toESM2(require("react")), import_objectIdentityKey = require_objectIdentityKey_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_objectIdentityKey = require_objectIdentityKey_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -4875,7 +4895,12 @@ var require_createStyledContext_native = __commonJS({
           "children",
           "scope"
         ]), next = (0, import_react3.useMemo)(function() {
-          return _object_spread2({}, defaultValues, values);
+          return _object_spread2(
+            {},
+            // this ! is a workaround for ts error
+            defaultValues,
+            values
+          );
         }, [
           (0, import_objectIdentityKey.objectIdentityKey)(values)
         ]), Provider22 = OGProvider;
@@ -4883,9 +4908,10 @@ var require_createStyledContext_native = __commonJS({
           var ScopedContext = scopedContexts.get(scope);
           ScopedContext || (ScopedContext = /* @__PURE__ */ (0, import_react3.createContext)(defaultValues), scopedContexts.set(scope, ScopedContext)), Provider22 = ScopedContext.Provider;
         }
-        return /* @__PURE__ */ import_react3.default.createElement(Provider22, {
-          value: next
-        }, children);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider22, {
+          value: next,
+          children
+        });
       }, useStyledContext = function(scope) {
         var context = scope ? scopedContexts.get(scope) : OGContext;
         return (0, import_react3.useContext)(context);
@@ -5413,7 +5439,13 @@ var require_createMediaStyle_native = __commonJS({
             ];
           })));
         }
-        var mediaKey = groupMediaKey || mediaKeyIn, mediaSelector1 = selectors[mediaKey], screenStr = negate ? "not all and " : "", mediaQuery = "".concat(screenStr).concat(mediaSelector1), precedenceImportancePrefix1 = groupMediaKey ? "" : enableMediaPropOrder ? new Array(priority).fill(":root").join("") : prefixes[mediaKey], prefix = groupMediaKey ? "@container ".concat(containerName) : "@media";
+        var mediaKey = groupMediaKey || mediaKeyIn, mediaSelector1 = selectors[mediaKey], screenStr = negate ? "not all and " : "", mediaQuery = "".concat(screenStr).concat(mediaSelector1), precedenceImportancePrefix1 = groupMediaKey ? "" : enableMediaPropOrder ? (
+          // this new array should be cached
+          new Array(priority).fill(":root").join("")
+        ) : (
+          // @ts-ignore
+          prefixes[mediaKey]
+        ), prefix = groupMediaKey ? "@container ".concat(containerName) : "@media";
         groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", " and ".concat(mediaQuery, " {")).replace("and screen and", "and") : styleRule = "".concat(prefix, " ").concat(mediaQuery, "{").concat(precedenceImportancePrefix1).concat(styleInner, "}"), groupMediaKey && (styleRule = "@supports (contain: ".concat(conf.settings.webContainerType || "inline-size", ") {").concat(styleRule, "}"));
       }
       return {
@@ -5505,16 +5537,52 @@ var require_normalize_color = __commonJS({
       parse255(match[3]) << 16 | // g
       parse255(match[4]) << 8 | // b
       parse1(match[5])) >>> // a
-      0 : (match = matchers.hex3.exec(color)) ? parseInt(match[1] + match[1] + // r
-      match[2] + match[2] + // g
-      match[3] + match[3] + // b
-      "ff", 16) >>> 0 : (match = matchers.hex8.exec(color)) ? parseInt(match[1], 16) >>> 0 : (match = matchers.hex4.exec(color)) ? parseInt(match[1] + match[1] + // r
-      match[2] + match[2] + // g
-      match[3] + match[3] + // b
-      match[4] + match[4], 16) >>> 0 : (match = matchers.hsl.exec(color)) ? (hslToRgb(parse360(match[1]), parsePercentage(match[2]), parsePercentage(match[3])) | 255) >>> // a
-      0 : (match = matchers.hsla.exec(color)) ? match[6] !== void 0 ? (hslToRgb(parse360(match[6]), parsePercentage(match[7]), parsePercentage(match[8])) | parse1(match[9])) >>> // a
-      0 : (hslToRgb(parse360(match[2]), parsePercentage(match[3]), parsePercentage(match[4])) | parse1(match[5])) >>> // a
-      0 : (match = matchers.hwb.exec(color)) ? (hwbToRgb(parse360(match[1]), parsePercentage(match[2]), parsePercentage(match[3])) | 255) >>> // a
+      0 : (match = matchers.hex3.exec(color)) ? parseInt(
+        match[1] + match[1] + // r
+        match[2] + match[2] + // g
+        match[3] + match[3] + // b
+        "ff",
+        // a
+        16
+      ) >>> 0 : (match = matchers.hex8.exec(color)) ? parseInt(match[1], 16) >>> 0 : (match = matchers.hex4.exec(color)) ? parseInt(
+        match[1] + match[1] + // r
+        match[2] + match[2] + // g
+        match[3] + match[3] + // b
+        match[4] + match[4],
+        // a
+        16
+      ) >>> 0 : (match = matchers.hsl.exec(color)) ? (hslToRgb(
+        parse360(match[1]),
+        // h
+        parsePercentage(match[2]),
+        // s
+        parsePercentage(match[3])
+      ) | // l
+      255) >>> // a
+      0 : (match = matchers.hsla.exec(color)) ? match[6] !== void 0 ? (hslToRgb(
+        parse360(match[6]),
+        // h
+        parsePercentage(match[7]),
+        // s
+        parsePercentage(match[8])
+      ) | // l
+      parse1(match[9])) >>> // a
+      0 : (hslToRgb(
+        parse360(match[2]),
+        // h
+        parsePercentage(match[3]),
+        // s
+        parsePercentage(match[4])
+      ) | // l
+      parse1(match[5])) >>> // a
+      0 : (match = matchers.hwb.exec(color)) ? (hwbToRgb(
+        parse360(match[1]),
+        // h
+        parsePercentage(match[2]),
+        // w
+        parsePercentage(match[3])
+      ) | // b
+      255) >>> // a
       0 : null);
     }
     function hue2rgb(p, q, t) {
@@ -6922,6 +6990,7 @@ var require_skipProps_native = __commonJS({
       disableOptimization: 1,
       tag: 1,
       style: 1,
+      // handled after loop so pseudos set usedKeys and override it if necessary
       group: 1,
       themeInverse: 1
     };
@@ -7167,7 +7236,8 @@ var require_propMapper_native = __commonJS({
             res[subKey] = val;
           else if (variants && subKey in variants) {
             if (styleState.curProps[subKey] = val, parentVariantKey && parentVariantKey === key)
-              res[subKey] = val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val;
+              res[subKey] = // SYNC WITH *1
+              val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val;
             else {
               var variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
               if (variantOut) {
@@ -8329,7 +8399,7 @@ var require_Theme_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Theme_exports);
-    var import_constants = 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();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = 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();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -8373,10 +8443,11 @@ var require_Theme_native = __commonJS({
           });
         } catch {
         }
-      return process.env.NODE_ENV === "development" && props.debug === "visualize" && (finalChildren = /* @__PURE__ */ import_react3.default.createElement(import_ThemeDebug.ThemeDebug, {
+      return process.env.NODE_ENV === "development" && props.debug === "visualize" && (finalChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
         themeState,
-        themeProps: props
-      }, finalChildren)), getThemedChildren(themeState, finalChildren, props, isRoot);
+        themeProps: props,
+        children: finalChildren
+      })), getThemedChildren(themeState, finalChildren, props, isRoot);
     });
     Theme.displayName = "Theme";
     Theme.avoidForwardRef = !0;
@@ -8389,13 +8460,15 @@ var require_Theme_native = __commonJS({
         return children;
       var next = children;
       shallow && (next = import_react3.Children.toArray(children).map(function(child) {
-        return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ import_react3.default.createElement(Theme, {
-          name: themeManager.state.parentName
-        }, child.props.children)) : child;
+        return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, {
+          name: themeManager.state.parentName,
+          children: child.props.children
+        })) : child;
       }));
-      var elementsWithContext = /* @__PURE__ */ import_react3.default.createElement(import_ThemeManagerContext.ThemeManagerIDContext.Provider, {
-        value: themeManager.id
-      }, next);
+      var elementsWithContext = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeManagerContext.ThemeManagerIDContext.Provider, {
+        value: themeManager.id,
+        children: next
+      });
       return forceClassName === !1 ? elementsWithContext : import_constants.isWeb ? wrapThemeElements({
         children: elementsWithContext,
         themeState,
@@ -8407,15 +8480,17 @@ var require_Theme_native = __commonJS({
       var children = param.children, themeState = param.themeState, forceClassName = param.forceClassName, isRoot = param.isRoot;
       if (isRoot && forceClassName === !1)
         return children;
-      var inverse = themeState.inversed, requiresExtraWrapper = inverse != null || forceClassName, _getThemeClassNameAndStyle = getThemeClassNameAndStyle(themeState, isRoot), className = _getThemeClassNameAndStyle.className, style = _getThemeClassNameAndStyle.style, themedChildren = /* @__PURE__ */ import_react3.default.createElement("span", {
+      var inverse = themeState.inversed, requiresExtraWrapper = inverse != null || forceClassName, _getThemeClassNameAndStyle = getThemeClassNameAndStyle(themeState, isRoot), className = _getThemeClassNameAndStyle.className, style = _getThemeClassNameAndStyle.style, themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
         className: "".concat(className, " _dsp_contents is_Theme"),
-        style
-      }, children);
+        style,
+        children
+      });
       if (requiresExtraWrapper) {
         var _themeState_state, name = ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", inverseClassName = name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "";
-        themedChildren = /* @__PURE__ */ import_react3.default.createElement("span", {
-          className: "".concat(inverse ? inverseClassName : "", " _dsp_contents")
-        }, themedChildren);
+        themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+          className: "".concat(inverse ? inverseClassName : "", " _dsp_contents"),
+          children: themedChildren
+        });
       }
       return themedChildren;
     }
@@ -8484,7 +8559,7 @@ var require_themeable_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(themeable_exports);
-    var import_react3 = require("react"), import_Theme = require_Theme_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_Theme = require_Theme_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -8547,19 +8622,20 @@ var require_themeable_native = __commonJS({
           "themeReset"
         ]), element = (
           // @ts-expect-error its ok
-          /* @__PURE__ */ React.createElement(Component, _object_spread_props(_object_spread2({
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, _object_spread_props(_object_spread2({
             ref
           }, rest), {
             "data-disable-theme": !0
           }))
-        ), contents = /* @__PURE__ */ React.createElement(import_Theme.Theme, {
+        ), contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
           componentName: componentName || (staticConfig == null ? void 0 : staticConfig.componentName),
           name: theme,
           "disable-child-theme": !0,
           debug: props.debug,
           inverse: themeInverse,
-          reset: themeReset
-        }, element);
+          reset: themeReset,
+          children: element
+        });
         return contents;
       }), withTheme = withThemeComponent;
       return withTheme.displayName = "Themed(".concat((Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "Anonymous", ")"), withTheme;
@@ -8672,7 +8748,7 @@ var require_Slot_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slot_exports);
-    var import_compose_refs = require_index_native5(), import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react");
+    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native5(), import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react");
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -8741,7 +8817,9 @@ var require_Slot_native = __commonJS({
     Slot.displayName = "Slot";
     var Slottable = function(param) {
       var children = param.children;
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children
+      });
     };
     Slottable.displayName = "Slottable";
     var pressMap = import_constants.isWeb ? {
@@ -8843,7 +8921,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_compose_refs = require_index_native5(), import_constants = 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_constants2 = 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_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_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();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native5(), import_constants = 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_constants2 = 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_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_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();
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -9545,7 +9623,9 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         var useChildrenResult;
         import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps, events, staticConfig)), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ (0, import_react3.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__ */ import_react3.default.createElement(ResetPresence, null, content)), process.env.NODE_ENV === "development" && time && time(_templateObject18());
+        ResetPresence && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResetPresence, {
+          children: content
+        })), process.env.NODE_ENV === "development" && time && time(_templateObject18());
         var groupState = curState.group, subGroupContext = (0, import_react3.useMemo)(function() {
           var _splitStyles_style, _splitStyles_style1;
           if (!(!groupState || !groupName))
@@ -9566,12 +9646,14 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         }, [
           groupName
         ]);
-        if (groupName && subGroupContext && (content = /* @__PURE__ */ import_react3.default.createElement(import_ComponentContext.ComponentContext.Provider, _object_spread_props(_object_spread2({}, componentContext), {
-          groups: subGroupContext
-        }), content)), process.env.NODE_ENV === "development" && time && time(_templateObject19()), content = disableTheme ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1), process.env.NODE_ENV === "development" && time && time(_templateObject20()), process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ import_react3.default.createElement(import_ThemeDebug.ThemeDebug, {
+        if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, _object_spread_props(_object_spread2({}, componentContext), {
+          groups: subGroupContext,
+          children: content
+        }))), process.env.NODE_ENV === "development" && time && time(_templateObject19()), content = disableTheme ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1), process.env.NODE_ENV === "development" && time && time(_templateObject20()), process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
           themeState,
-          themeProps: props
-        }, content)), staticConfig.context) {
+          themeProps: props,
+          children: content
+        })), staticConfig.context) {
           var contextProps = staticConfig.context.props;
           for (var key1 in contextProps)
             if (viewProps.style && key1 in viewProps.style || key1 in viewProps) {
@@ -9583,7 +9665,9 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         }
         if (overriddenContextProps) {
           var Provider = staticConfig.context.Provider;
-          content = /* @__PURE__ */ import_react3.default.createElement(Provider, _object_spread2({}, contextValue, overriddenContextProps), content);
+          content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, _object_spread_props(_object_spread2({}, contextValue, overriddenContextProps), {
+            children: content
+          }));
         }
         if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
           var element1 = typeof elementType == "string" ? elementType : "Component", title = "render <".concat(element1, " /> (").concat(internalID, ") with props");
@@ -9716,9 +9800,11 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             spaceFlex,
             separator,
             key: child.key
-          })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */ import_react3.default.createElement(import_react3.Fragment, {
-            key: index
-          }, isZStack ? /* @__PURE__ */ import_react3.default.createElement(AbsoluteFill, null, child) : child)), !(isUnspaced(child) && index === 0) && !isZStack) {
+          })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.Fragment, {
+            children: isZStack ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AbsoluteFill, {
+              children: child
+            }) : child
+          }, index)), !(isUnspaced(child) && index === 0) && !isZStack) {
             var next = childrenList[index + 1];
             next && !isUnspaced(next) && (separator ? (hasSpace && final.push(createSpacer({
               key: "_".concat(index, "_00tmgui"),
@@ -9754,13 +9840,12 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     }
     function createSpacer(param) {
       var key = param.key, direction = param.direction, space = param.space, spaceFlex = param.spaceFlex;
-      return /* @__PURE__ */ import_react3.default.createElement(Spacer, _object_spread2({
-        key,
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spacer, _object_spread2({
         size: space,
         direction
       }, (typeof spaceFlex > "u" ? "undefined" : _type_of(spaceFlex)) < "u" && {
         flex: spaceFlex === !0 ? 1 : spaceFlex === !1 ? 0 : spaceFlex
-      }));
+      }), key);
     }
     function isUnspaced(child) {
       var t = child == null ? void 0 : child.type;
@@ -11540,7 +11625,7 @@ var require_withStableStyle_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(withStableStyle_exports);
-    var import_react3 = require("react"), import_useTheme = require_useTheme_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_useTheme = require_useTheme_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -11584,7 +11669,7 @@ var require_withStableStyle_native = __commonJS({
         var _props__expressions = props._expressions, _expressions = _props__expressions === void 0 ? [] : _props__expressions, rest = _object_without_properties(props, [
           "_expressions"
         ]), theme = (0, import_useTheme.useTheme)();
-        return /* @__PURE__ */ React.createElement(Component, _object_spread2({
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, _object_spread2({
           ref,
           style: styleProvider(theme, _expressions)
         }, rest));
@@ -12316,7 +12401,7 @@ var require_ThemeProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ThemeProvider_exports);
-    var import_constants = require_index_native3(), import_react3 = require("react"), import_constants2 = require_constants_native2(), import_Theme = require_Theme_native(), ThemeProvider = function(props) {
+    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), import_react3 = require("react"), import_constants2 = require_constants_native2(), import_Theme = require_Theme_native(), ThemeProvider = function(props) {
       return import_constants.isClient && (0, import_react3.useLayoutEffect)(function() {
         if (!props.disableRootThemeClass) {
           var cn = "".concat(import_constants2.THEME_CLASSNAME_PREFIX).concat(props.defaultTheme), target = props.themeClassNameOnRoot ? document.documentElement : document.body;
@@ -12328,14 +12413,15 @@ var require_ThemeProvider_native = __commonJS({
         props.defaultTheme,
         props.disableRootThemeClass,
         props.themeClassNameOnRoot
-      ]), /* @__PURE__ */ React.createElement(import_Theme.Theme, {
+      ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
         className: props.className,
         name: props.defaultTheme,
         // if root class disabled, force class here
         forceClassName: !props.disableRootThemeClass,
         // @ts-expect-error
-        _isRoot: !0
-      }, props.children);
+        _isRoot: !0,
+        children: props.children
+      });
     };
   }
 });
@@ -12386,7 +12472,7 @@ var require_FontLanguage_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(FontLanguage_native_exports);
-    var import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native();
     function _object_without_properties(source, excluded) {
       if (source == null)
         return {};
@@ -12414,9 +12500,10 @@ var require_FontLanguage_native = __commonJS({
       }, [
         JSON.stringify(props)
       ]);
-      return /* @__PURE__ */ React.createElement(import_ComponentContext.ComponentContext.Provider, {
-        language
-      }, children);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+        language,
+        children
+      });
     };
     FontLanguage.displayName = "FontLanguage";
   }
@@ -12480,7 +12567,7 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_constants = require_index_native3(), React2 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), React = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -12540,7 +12627,7 @@ var require_TamaguiProvider_native = __commonJS({
         "disableInjectCSS",
         "config"
       ]);
-      (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && React2.useLayoutEffect(function() {
+      (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && React.useLayoutEffect(function() {
         if (config && (config.disableSSR || document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), !disableInjectCSS)) {
           var style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -12552,14 +12639,16 @@ var require_TamaguiProvider_native = __commonJS({
         disableInjectCSS
       ]);
       var _themePropsProvider_defaultTheme;
-      return /* @__PURE__ */ React2.createElement(import_ComponentContext.ComponentContext.Provider, {
-        animationDriver: config == null ? void 0 : config.animations
-      }, /* @__PURE__ */ React2.createElement(import_ThemeProvider.ThemeProvider, _object_spread_props(_object_spread2({
-        themeClassNameOnRoot: config == null ? void 0 : config.themeClassNameOnRoot,
-        disableRootThemeClass: config == null ? void 0 : config.disableRootThemeClass
-      }, themePropsProvider), {
-        defaultTheme: (_themePropsProvider_defaultTheme = themePropsProvider.defaultTheme) !== null && _themePropsProvider_defaultTheme !== void 0 ? _themePropsProvider_defaultTheme : config ? Object.keys(config.themes)[0] : ""
-      }), children));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+        animationDriver: config == null ? void 0 : config.animations,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.ThemeProvider, _object_spread_props(_object_spread2({
+          themeClassNameOnRoot: config == null ? void 0 : config.themeClassNameOnRoot,
+          disableRootThemeClass: config == null ? void 0 : config.disableRootThemeClass
+        }, themePropsProvider), {
+          defaultTheme: (_themePropsProvider_defaultTheme = themePropsProvider.defaultTheme) !== null && _themePropsProvider_defaultTheme !== void 0 ? _themePropsProvider_defaultTheme : config ? Object.keys(config.themes)[0] : "",
+          children
+        }))
+      });
     }
     TamaguiProvider.displayName = "TamaguiProvider";
   }
@@ -12611,7 +12700,7 @@ var require_Configuration_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Configuration_exports);
-    var import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -12633,7 +12722,7 @@ var require_Configuration_native = __commonJS({
     }
     var Configuration = function(props) {
       var current = (0, import_react3.useContext)(import_ComponentContext.ComponentContext);
-      return /* @__PURE__ */ React.createElement(import_ComponentContext.ComponentContext.Provider, _object_spread2({}, current, props));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, _object_spread2({}, current, props));
     };
     Configuration.displayName = "Configuration";
   }
@@ -13013,7 +13102,10 @@ var import_react_native_use_responder_events = __toESM(require_index_native()),
 // src/createOptimizedView.native.tsx
 var import_react = require("react");
 function createOptimizedView(children, viewProps, baseViews2) {
-  var TextAncestor = baseViews2.TextAncestor, ViewNativeComponent = baseViews2.View, accessibilityElementsHidden = viewProps.accessibilityElementsHidden, accessibilityLabel = viewProps.accessibilityLabel, accessibilityLabelledBy = viewProps.accessibilityLabelledBy, accessibilityLiveRegion = viewProps.accessibilityLiveRegion, accessibilityRole = viewProps.accessibilityRole, accessibilityState = viewProps.accessibilityState, accessibilityValue = viewProps.accessibilityValue, ariaBusy = viewProps["aria-busy"], ariaChecked = viewProps["aria-checked"], ariaDisabled = viewProps["aria-disabled"], ariaExpanded = viewProps["aria-expanded"], ariaHidden = viewProps["aria-hidden"], ariaLabel = viewProps["aria-label"], ariaLabelledBy = viewProps["aria-labelledby"], ariaLive = viewProps["aria-live"], ariaSelected = viewProps["aria-selected"], ariaValueMax = viewProps["aria-valuemax"], ariaValueMin = viewProps["aria-valuemin"], ariaValueNow = viewProps["aria-valuenow"], ariaValueText = viewProps["aria-valuetext"], focusable = viewProps.focusable, id = viewProps.id, importantForAccessibility = viewProps.importantForAccessibility, nativeID = viewProps.nativeID, pointerEvents = viewProps.pointerEvents, role = viewProps.role, tabIndex = viewProps.tabIndex, _ariaLabelledBy_split, _accessibilityLabelledBy = (_ariaLabelledBy_split = ariaLabelledBy == null ? void 0 : ariaLabelledBy.split(/\s*,\s*/g)) !== null && _ariaLabelledBy_split !== void 0 ? _ariaLabelledBy_split : accessibilityLabelledBy, _accessibilityState;
+  var TextAncestor = baseViews2.TextAncestor, ViewNativeComponent = baseViews2.View, accessibilityElementsHidden = (
+    // ...otherProps
+    viewProps.accessibilityElementsHidden
+  ), accessibilityLabel = viewProps.accessibilityLabel, accessibilityLabelledBy = viewProps.accessibilityLabelledBy, accessibilityLiveRegion = viewProps.accessibilityLiveRegion, accessibilityRole = viewProps.accessibilityRole, accessibilityState = viewProps.accessibilityState, accessibilityValue = viewProps.accessibilityValue, ariaBusy = viewProps["aria-busy"], ariaChecked = viewProps["aria-checked"], ariaDisabled = viewProps["aria-disabled"], ariaExpanded = viewProps["aria-expanded"], ariaHidden = viewProps["aria-hidden"], ariaLabel = viewProps["aria-label"], ariaLabelledBy = viewProps["aria-labelledby"], ariaLive = viewProps["aria-live"], ariaSelected = viewProps["aria-selected"], ariaValueMax = viewProps["aria-valuemax"], ariaValueMin = viewProps["aria-valuemin"], ariaValueNow = viewProps["aria-valuenow"], ariaValueText = viewProps["aria-valuetext"], focusable = viewProps.focusable, id = viewProps.id, importantForAccessibility = viewProps.importantForAccessibility, nativeID = viewProps.nativeID, pointerEvents = viewProps.pointerEvents, role = viewProps.role, tabIndex = viewProps.tabIndex, _ariaLabelledBy_split, _accessibilityLabelledBy = (_ariaLabelledBy_split = ariaLabelledBy == null ? void 0 : ariaLabelledBy.split(/\s*,\s*/g)) !== null && _ariaLabelledBy_split !== void 0 ? _ariaLabelledBy_split : accessibilityLabelledBy, _accessibilityState;
   (accessibilityState != null || ariaBusy != null || ariaChecked != null || ariaDisabled != null || ariaExpanded != null || ariaSelected != null) && (_accessibilityState = {
     busy: ariaBusy ?? (accessibilityState == null ? void 0 : accessibilityState.busy),
     checked: ariaChecked ?? (accessibilityState == null ? void 0 : accessibilityState.checked),
@@ -13221,47 +13313,50 @@ function _object_spread(target) {
   return target;
 }
 var baseViews = getBaseViews();
-(0, import_web.setupHooks)(_object_spread({
-  getBaseViews,
-  usePropsTransform: function(elementType, propsIn, stateRef, willHydrate) {
-    if (0) {
-      var isDOM, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, collapsable, focusable, accessible, accessibilityDisabled, onLayout, hrefAttrs, plainDOMProps;
-      if (willHydrate || isDOM)
-        var hostRef;
-      if (isDOM && plainDOMProps.href && hrefAttrs)
-        var download, rel, target;
+(0, import_web.setupHooks)(_object_spread(
+  {
+    getBaseViews,
+    usePropsTransform: function(elementType, propsIn, stateRef, willHydrate) {
+      if (0) {
+        var isDOM, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, collapsable, focusable, accessible, accessibilityDisabled, onLayout, hrefAttrs, plainDOMProps;
+        if (willHydrate || isDOM)
+          var hostRef;
+        if (isDOM && plainDOMProps.href && hrefAttrs)
+          var download, rel, target;
+      }
+    },
+    useEvents: function(viewProps, events, param, setStateShallow, staticConfig) {
+      var pseudos = param.pseudos;
+      if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {
+        if (events) {
+          var onPressIn = events.onPressIn, onPressOut = events.onPressOut, onPress = events.onPress, inputEvents = {
+            onPressIn,
+            onPressOut: onPressOut || onPress
+          };
+          onPressOut && onPress && (inputEvents.onPressOut = (0, import_web.composeEventHandlers)(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
+        }
+      } else {
+        events && viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
+        var pressability = usePressability(events);
+        if (events && (process.env.NODE_ENV === "development" && viewProps.debug && console.info("Checking for press ".concat(!!events.onPress, " then applying pressability props: ").concat(Object.keys(pressability || {}))), events.onPress))
+          for (var key in pressability) {
+            var og = viewProps[key], val = pressability[key];
+            viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web.composeEventHandlers)(og, val) : val;
+          }
+      }
     }
   },
-  useEvents: function(viewProps, events, param, setStateShallow, staticConfig) {
-    var pseudos = param.pseudos;
-    if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {
-      if (events) {
-        var onPressIn = events.onPressIn, onPressOut = events.onPressOut, onPress = events.onPress, inputEvents = {
-          onPressIn,
-          onPressOut: onPressOut || onPress
-        };
-        onPressOut && onPress && (inputEvents.onPressOut = (0, import_web.composeEventHandlers)(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
+  {
+    useChildren: function(elementType, children, viewProps, events, staticConfig) {
+      if (process.env.NODE_ENV !== "test") {
+        if (elementType === baseViews.View)
+          return createOptimizedView(children, viewProps, baseViews);
+        if (process.env.TAMAGUI_OPTIMIZE_NATIVE_VIEWS && elementType === baseViews.Text)
+          return viewProps.children = children, /* @__PURE__ */ (0, import_react2.createElement)("RCTText", viewProps);
       }
-    } else {
-      events && viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
-      var pressability = usePressability(events);
-      if (events && (process.env.NODE_ENV === "development" && viewProps.debug && console.info("Checking for press ".concat(!!events.onPress, " then applying pressability props: ").concat(Object.keys(pressability || {}))), events.onPress))
-        for (var key in pressability) {
-          var og = viewProps[key], val = pressability[key];
-          viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web.composeEventHandlers)(og, val) : val;
-        }
-    }
-  }
-}, {
-  useChildren: function(elementType, children, viewProps, events, staticConfig) {
-    if (process.env.NODE_ENV !== "test") {
-      if (elementType === baseViews.View)
-        return createOptimizedView(children, viewProps, baseViews);
-      if (process.env.TAMAGUI_OPTIMIZE_NATIVE_VIEWS && elementType === baseViews.Text)
-        return viewProps.children = children, /* @__PURE__ */ (0, import_react2.createElement)("RCTText", viewProps);
     }
   }
-}));
+));
 var dontComposePressabilityKeys = {
   onClick: !0
 }, View = import_web.View, Stack = import_web.Stack, Text = import_web.Text;