@tamagui/core 2.0.0-1768992908401 → 2.0.0-1769035103261

package/dist/native.cjs

@@ -6,18 +6,18 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a, prop, b2[prop]);
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a, prop, b2[prop]);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -36,15 +36,15 @@ var __async = (__this, __arguments, generator) => {
     var fulfilled = (value) => {
       try {
         step(generator.next(value));
-      } catch (e2) {
-        reject(e2);
+      } catch (e) {
+        reject(e);
       }
     };
     var rejected = (value) => {
       try {
         step(generator.throw(value));
-      } catch (e2) {
-        reject(e2);
+      } catch (e) {
+        reject(e);
       }
     };
     var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
@@ -54,33 +54,33 @@ var __async = (__this, __arguments, generator) => {
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-function _interopNamespaceDefault(e2) {
+function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e2) {
-    for (const k in e2) {
+  if (e) {
+    for (const k in e) {
       if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e2, k);
+        const d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: () => e2[k]
+          get: () => e[k]
         });
       }
     }
   }
-  n.default = e2;
+  n.default = e;
   return Object.freeze(n);
 }
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
-    const e2 = m[i];
-    if (typeof e2 !== "string" && !Array.isArray(e2)) {
-      for (const k in e2) {
+    const e = m[i];
+    if (typeof e !== "string" && !Array.isArray(e)) {
+      for (const k in e) {
         if (k !== "default" && !(k in n)) {
-          const d = Object.getOwnPropertyDescriptor(e2, k);
+          const d = Object.getOwnPropertyDescriptor(e, k);
           if (d) {
             Object.defineProperty(n, k, d.get ? d : {
               enumerable: true,
-              get: () => e2[k]
+              get: () => e[k]
             });
           }
         }
@@ -387,7 +387,7 @@ function supportsPassiveEvents() {
         return supported = true, false;
       }
     }), window.addEventListener("test", null, options), window.removeEventListener("test", null, options);
-  } catch (e2) {
+  } catch (e) {
   }
   return supported;
 }
@@ -410,7 +410,7 @@ function createEventHandle(type, options) {
     if (target == null || typeof target.addEventListener != "function") throw new Error("createEventHandle: called on an invalid target.");
     const element = target;
     if (listener != null) {
-      const compatListener = (e2) => listener(normalizeEvent(e2));
+      const compatListener = (e) => listener(normalizeEvent(e));
       return element.addEventListener(type, compatListener, opts2), function() {
         element == null ? void 0 : element.removeEventListener(type, compatListener, opts2);
       };
@@ -585,13 +585,13 @@ var getElementLayoutEvent = function(nodeRect, parentRect) {
     },
     timeStamp: Date.now()
   };
-}, getRelativeDimensions = function(a, b2) {
+}, getRelativeDimensions = function(a, b) {
   var {
     height,
     left,
     top,
     width
-  } = a, x = left - b2.left, y = top - b2.top;
+  } = a, x = left - b.left, y = top - b.top;
   return {
     x,
     y,
@@ -1822,40 +1822,40 @@ function requireNormalizeColor() {
     }
     return null;
   }
-  function hue2rgb(p, q, t2) {
-    if (t2 < 0) {
-      t2 += 1;
+  function hue2rgb(p, q, t) {
+    if (t < 0) {
+      t += 1;
     }
-    if (t2 > 1) {
-      t2 -= 1;
+    if (t > 1) {
+      t -= 1;
     }
-    if (t2 < 1 / 6) {
-      return p + (q - p) * 6 * t2;
+    if (t < 1 / 6) {
+      return p + (q - p) * 6 * t;
     }
-    if (t2 < 1 / 2) {
+    if (t < 1 / 2) {
       return q;
     }
-    if (t2 < 2 / 3) {
-      return p + (q - p) * (2 / 3 - t2) * 6;
+    if (t < 2 / 3) {
+      return p + (q - p) * (2 / 3 - t) * 6;
     }
     return p;
   }
-  function hslToRgb(h2, s2, l) {
-    const q = l < 0.5 ? l * (1 + s2) : l + s2 - l * s2;
+  function hslToRgb(h, s, l) {
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
     const p = 2 * l - q;
-    const r = hue2rgb(p, q, h2 + 1 / 3);
-    const g = hue2rgb(p, q, h2);
-    const b2 = hue2rgb(p, q, h2 - 1 / 3);
-    return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b2 * 255) << 8;
-  }
-  function hwbToRgb(h2, w2, b2) {
-    if (w2 + b2 >= 1) {
-      const gray = Math.round(w2 * 255 / (w2 + b2));
+    const r = hue2rgb(p, q, h + 1 / 3);
+    const g = hue2rgb(p, q, h);
+    const b = hue2rgb(p, q, h - 1 / 3);
+    return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;
+  }
+  function hwbToRgb(h, w, b) {
+    if (w + b >= 1) {
+      const gray = Math.round(w * 255 / (w + b));
       return gray << 24 | gray << 16 | gray << 8;
     }
-    const red = hue2rgb(0, 1, h2 + 1 / 3) * (1 - w2 - b2) + w2;
-    const green = hue2rgb(0, 1, h2) * (1 - w2 - b2) + w2;
-    const blue = hue2rgb(0, 1, h2 - 1 / 3) * (1 - w2 - b2) + w2;
+    const red = hue2rgb(0, 1, h + 1 / 3) * (1 - w - b) + w;
+    const green = hue2rgb(0, 1, h) * (1 - w - b) + w;
+    const blue = hue2rgb(0, 1, h - 1 / 3) * (1 - w - b) + w;
     return Math.round(red * 255) << 24 | Math.round(green * 255) << 16 | Math.round(blue * 255) << 8;
   }
   const NUMBER = "[-+]?\\d*\\.?\\d+";
@@ -2241,11 +2241,11 @@ const normalizeColor$3 = /* @__PURE__ */ _mergeNamespaces({
 }, [normalizeColorExports]);
 var norm = index || normalizeColor$3, normalizeCSSColor = norm;
 function rgba(colorInt) {
-  var r = Math.round((colorInt & 4278190080) >>> 24), g = Math.round((colorInt & 16711680) >>> 16), b2 = Math.round((colorInt & 65280) >>> 8), a = ((colorInt & 255) >>> 0) / 255;
+  var r = Math.round((colorInt & 4278190080) >>> 24), g = Math.round((colorInt & 16711680) >>> 16), b = Math.round((colorInt & 65280) >>> 8), a = ((colorInt & 255) >>> 0) / 255;
   return {
     r,
     g,
-    b: b2,
+    b,
     a
   };
 }
@@ -2262,8 +2262,8 @@ const normalizeColor$2 = (color, opacity = 1) => {
   if (typeof color == "string" && isWebColor$1(color)) return color;
   const colorInt = processColor$1(color);
   if (colorInt != null) {
-    const r = colorInt >> 16 & 255, g = colorInt >> 8 & 255, b2 = colorInt & 255, alpha = ((colorInt >> 24 & 255) / 255 * opacity).toFixed(2);
-    return `rgba(${r},${g},${b2},${alpha})`;
+    const r = colorInt >> 16 & 255, g = colorInt >> 8 & 255, b = colorInt & 255, alpha = ((colorInt >> 24 & 255) / 255 * opacity).toFixed(2);
+    return `rgba(${r},${g},${b},${alpha})`;
   }
   if (typeof color == "string") return color;
 };
@@ -2280,14 +2280,14 @@ const focusableElements$1 = {
   blur(node) {
     try {
       node.blur();
-    } catch (e2) {
+    } catch (e) {
     }
   },
   focus(node) {
     try {
       const name = node.nodeName;
       node.getAttribute("tabIndex") == null && focusableElements$1[name] == null && node.setAttribute("tabIndex", "-1"), node.focus();
-    } catch (e2) {
+    } catch (e) {
     }
   },
   measure(node, callback) {
@@ -2402,9 +2402,9 @@ const requests = {}, ImageLoader = {
   load(uri, onLoad, onError) {
     id += 1;
     const image = new window.Image();
-    return image.onerror = onError, image.onload = (e2) => {
+    return image.onerror = onError, image.onload = (e) => {
       const onDecode = () => onLoad({
-        nativeEvent: e2
+        nativeEvent: e
       });
       typeof image.decode == "function" ? image.decode().then(onDecode, onDecode) : setTimeout(onDecode, 0);
     }, image.src = uri, requests[`${id}`] = image, id;
@@ -2434,8 +2434,8 @@ const normalizeColor$1 = (color, opacity = 1) => {
   if (typeof color == "string" && isWebColor(color)) return color;
   const colorInt = processColor(color);
   if (colorInt != null) {
-    const r = colorInt >> 16 & 255, g = colorInt >> 8 & 255, b2 = colorInt & 255, alpha = ((colorInt >> 24 & 255) / 255 * opacity).toFixed(2);
-    return `rgba(${r},${g},${b2},${alpha})`;
+    const r = colorInt >> 16 & 255, g = colorInt >> 8 & 255, b = colorInt & 255, alpha = ((colorInt >> 24 & 255) / 255 * opacity).toFixed(2);
+    return `rgba(${r},${g},${b},${alpha})`;
   }
 };
 function pick(obj, list) {
@@ -2512,14 +2512,14 @@ const focusableElements = {
   blur(node) {
     try {
       node.blur();
-    } catch (e2) {
+    } catch (e) {
     }
   },
   focus(node) {
     try {
       const name = node.nodeName;
       node.getAttribute("tabIndex") == null && focusableElements[name] == null && node.setAttribute("tabIndex", "-1"), node.focus();
-    } catch (e2) {
+    } catch (e) {
     }
   },
   measure(node, callback) {
@@ -2599,24 +2599,24 @@ function useHover(targetRef, config) {
   useLayoutEffectImpl(() => {
     const target = targetRef.current;
     if (target !== null) {
-      const hoverEnd = function(e2) {
-        onHoverEnd == null ? void 0 : onHoverEnd(e2), onHoverChange == null ? void 0 : onHoverChange(false), addMoveListener(target, null), addLeaveListener(target, null);
-      }, leaveListener = function(e2) {
+      const hoverEnd = function(e) {
+        onHoverEnd == null ? void 0 : onHoverEnd(e), onHoverChange == null ? void 0 : onHoverChange(false), addMoveListener(target, null), addLeaveListener(target, null);
+      }, leaveListener = function(e) {
         const target2 = targetRef.current;
-        target2 != null && getPointerType(e2) !== "touch" && (contain && dispatchCustomEvent(target2, unlockEventType), hoverEnd(e2));
-      }, moveListener = function(e2) {
-        getPointerType(e2) !== "touch" && onHoverUpdate != null && (e2.x == null && (e2.x = e2.clientX), e2.y == null && (e2.y = e2.clientY), onHoverUpdate(e2));
-      }, hoverStart = function(e2) {
-        onHoverStart == null ? void 0 : onHoverStart(e2), onHoverChange == null ? void 0 : onHoverChange(true), onHoverUpdate != null && addMoveListener(target, disabled ? null : moveListener), addLeaveListener(target, disabled ? null : leaveListener);
+        target2 != null && getPointerType(e) !== "touch" && (contain && dispatchCustomEvent(target2, unlockEventType), hoverEnd(e));
+      }, moveListener = function(e) {
+        getPointerType(e) !== "touch" && onHoverUpdate != null && (e.x == null && (e.x = e.clientX), e.y == null && (e.y = e.clientY), onHoverUpdate(e));
+      }, hoverStart = function(e) {
+        onHoverStart == null ? void 0 : onHoverStart(e), onHoverChange == null ? void 0 : onHoverChange(true), onHoverUpdate != null && addMoveListener(target, disabled ? null : moveListener), addLeaveListener(target, disabled ? null : leaveListener);
       };
-      addEnterListener(target, disabled ? null : function(e2) {
+      addEnterListener(target, disabled ? null : function(e) {
         const target2 = targetRef.current;
-        if (target2 != null && getPointerType(e2) !== "touch") {
-          contain && dispatchCustomEvent(target2, lockEventType), hoverStart(e2);
+        if (target2 != null && getPointerType(e) !== "touch") {
+          contain && dispatchCustomEvent(target2, lockEventType), hoverStart(e);
           const lockListener = function(lockEvent) {
-            lockEvent.target !== target2 && hoverEnd(e2);
+            lockEvent.target !== target2 && hoverEnd(e);
           }, unlockListener = function(lockEvent) {
-            lockEvent.target !== target2 && hoverStart(e2);
+            lockEvent.target !== target2 && hoverStart(e);
           };
           addLockListener(target2, disabled ? null : lockListener), addUnlockListener(target2, disabled ? null : unlockListener);
         }
@@ -2681,12 +2681,12 @@ class TaskQueue {
       try {
         typeof task == "object" && task && "gen" in task ? this._genPromise(task) : typeof task == "object" && task && "run" in task ? task.run() : (invariant(typeof task == "function", `Expected Function, SimpleTask, or PromiseTask, but got:
 ` + JSON.stringify(task, null, 2)), task());
-      } catch (e2) {
-        if (e2 instanceof Error) {
+      } catch (e) {
+        if (e instanceof Error) {
           const taskName = task && typeof task == "object" && "name" in task ? task.name : "";
-          e2.message = "TaskQueue: Error with task " + taskName + ": " + e2.message;
+          e.message = "TaskQueue: Error with task " + taskName + ": " + e.message;
         }
-        throw e2;
+        throw e;
       }
     }
   }
@@ -3420,7 +3420,7 @@ class AnimatedWithChildren extends AnimatedNode {
     if (super.__callListeners(value), !this.__isNative) for (const child of this._children) child.__getValue && child.__callListeners(child.__getValue());
   }
 }
-const linear = (t2) => t2;
+const linear = (t) => t;
 function createInterpolation(config) {
   if (config.outputRange && typeof config.outputRange[0] == "string") return createInterpolationFromStringOutputRange(config);
   const outputRange = config.outputRange, inputRange = config.inputRange;
@@ -3450,8 +3450,8 @@ function colorToRgba(input) {
   let normalizedColor = normalizeColor$1(input);
   if (normalizedColor === null || typeof normalizedColor != "number") return input;
   normalizedColor = normalizedColor || 0;
-  const r = (normalizedColor & 4278190080) >>> 24, g = (normalizedColor & 16711680) >>> 16, b2 = (normalizedColor & 65280) >>> 8, a = (normalizedColor & 255) / 255;
-  return `rgba(${r}, ${g}, ${b2}, ${a})`;
+  const r = (normalizedColor & 4278190080) >>> 24, g = (normalizedColor & 16711680) >>> 16, b = (normalizedColor & 65280) >>> 8, a = (normalizedColor & 255) / 255;
+  return `rgba(${r}, ${g}, ${b}, ${a})`;
 }
 const stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;
 function createInterpolationFromStringOutputRange(config) {
@@ -4268,31 +4268,31 @@ const styles$h = {
     display: "inline-flex"
   }
 };
-function normalizeScrollEvent$1(e2) {
+function normalizeScrollEvent$1(e) {
   return {
     nativeEvent: {
       contentOffset: {
         get x() {
-          return e2.target.scrollLeft;
+          return e.target.scrollLeft;
         },
         get y() {
-          return e2.target.scrollTop;
+          return e.target.scrollTop;
         }
       },
       contentSize: {
         get height() {
-          return e2.target.scrollHeight;
+          return e.target.scrollHeight;
         },
         get width() {
-          return e2.target.scrollWidth;
+          return e.target.scrollWidth;
         }
       },
       layoutMeasurement: {
         get height() {
-          return e2.target.offsetHeight;
+          return e.target.offsetHeight;
         },
         get width() {
-          return e2.target.offsetWidth;
+          return e.target.offsetWidth;
         }
       }
     },
@@ -4324,23 +4324,23 @@ const ScrollViewBase$1 = React__namespace.forwardRef((props, forwardedRef) => {
     "style"
   ]), scrollState = React__namespace.useRef({ isScrolling: false, scrollLastTick: 0 }), scrollTimeout = React__namespace.useRef(null), scrollRef = React__namespace.useRef(null);
   function createPreventableScrollHandler(handler) {
-    return (e2) => {
-      scrollEnabled && handler && handler(e2);
+    return (e) => {
+      scrollEnabled && handler && handler(e);
     };
   }
-  function handleScroll(e2) {
-    e2.stopPropagation(), e2.target === scrollRef.current && (e2.persist(), scrollTimeout.current != null && clearTimeout(scrollTimeout.current), scrollTimeout.current = setTimeout(() => {
-      handleScrollEnd(e2);
-    }, 100), scrollState.current.isScrolling ? shouldEmitScrollEvent$1(scrollState.current.scrollLastTick, scrollEventThrottle) && handleScrollTick(e2) : handleScrollStart(e2));
+  function handleScroll(e) {
+    e.stopPropagation(), e.target === scrollRef.current && (e.persist(), scrollTimeout.current != null && clearTimeout(scrollTimeout.current), scrollTimeout.current = setTimeout(() => {
+      handleScrollEnd(e);
+    }, 100), scrollState.current.isScrolling ? shouldEmitScrollEvent$1(scrollState.current.scrollLastTick, scrollEventThrottle) && handleScrollTick(e) : handleScrollStart(e));
   }
-  function handleScrollStart(e2) {
-    scrollState.current.isScrolling = true, handleScrollTick(e2);
+  function handleScrollStart(e) {
+    scrollState.current.isScrolling = true, handleScrollTick(e);
   }
-  function handleScrollTick(e2) {
-    scrollState.current.scrollLastTick = Date.now(), onScroll && onScroll(normalizeScrollEvent$1(e2));
+  function handleScrollTick(e) {
+    scrollState.current.scrollLastTick = Date.now(), onScroll && onScroll(normalizeScrollEvent$1(e));
   }
-  function handleScrollEnd(e2) {
-    scrollState.current.isScrolling = false, onScroll && onScroll(normalizeScrollEvent$1(e2));
+  function handleScrollEnd(e) {
+    scrollState.current.isScrolling = false, onScroll && onScroll(normalizeScrollEvent$1(e));
   }
   const hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4511,17 +4511,17 @@ let ScrollView$1 = class ScrollView extends React.Component {
      * relevant to you. (For example, only if you receive these callbacks after
      * you had explicitly focused a node etc).
      */
-    __publicField(this, "scrollResponderKeyboardWillShow", (e2) => {
-      this.keyboardWillOpenTo = e2, this.props.onKeyboardWillShow && this.props.onKeyboardWillShow(e2);
+    __publicField(this, "scrollResponderKeyboardWillShow", (e) => {
+      this.keyboardWillOpenTo = e, this.props.onKeyboardWillShow && this.props.onKeyboardWillShow(e);
     });
-    __publicField(this, "scrollResponderKeyboardWillHide", (e2) => {
-      this.keyboardWillOpenTo = null, this.props.onKeyboardWillHide && this.props.onKeyboardWillHide(e2);
+    __publicField(this, "scrollResponderKeyboardWillHide", (e) => {
+      this.keyboardWillOpenTo = null, this.props.onKeyboardWillHide && this.props.onKeyboardWillHide(e);
     });
-    __publicField(this, "scrollResponderKeyboardDidShow", (e2) => {
-      e2 && (this.keyboardWillOpenTo = e2), this.props.onKeyboardDidShow && this.props.onKeyboardDidShow(e2);
+    __publicField(this, "scrollResponderKeyboardDidShow", (e) => {
+      e && (this.keyboardWillOpenTo = e), this.props.onKeyboardDidShow && this.props.onKeyboardDidShow(e);
     });
-    __publicField(this, "scrollResponderKeyboardDidHide", (e2) => {
-      this.keyboardWillOpenTo = null, this.props.onKeyboardDidHide && this.props.onKeyboardDidHide(e2);
+    __publicField(this, "scrollResponderKeyboardDidHide", (e) => {
+      this.keyboardWillOpenTo = null, this.props.onKeyboardDidHide && this.props.onKeyboardDidHide(e);
     });
   }
   /**
@@ -4621,13 +4621,13 @@ let ScrollView$1 = class ScrollView extends React.Component {
     const scrollView = /* @__PURE__ */ jsxRuntime.jsx(ScrollViewClass, __spreadProps(__spreadValues({}, props), { ref: this._setScrollNodeRef.bind(this), children: contentContainer }));
     return refreshControl ? React.cloneElement(refreshControl, { style: props.style }, scrollView) : scrollView;
   }
-  _handleContentOnLayout(e2) {
+  _handleContentOnLayout(e) {
     var _a, _b;
-    const { width, height } = e2.nativeEvent.layout;
+    const { width, height } = e.nativeEvent.layout;
     (_b = (_a = this.props).onContentSizeChange) == null ? void 0 : _b.call(_a, width, height);
   }
-  _handleScroll(e2) {
-    this.props.keyboardDismissMode === "on-drag" && dismissKeyboard(), this.scrollResponderHandleScroll(e2);
+  _handleScroll(e) {
+    this.props.keyboardDismissMode === "on-drag" && dismissKeyboard(), this.scrollResponderHandleScroll(e);
   }
   _setInnerViewRef(node) {
     this._innerViewRef = node;
@@ -4680,7 +4680,7 @@ let ScrollView$1 = class ScrollView extends React.Component {
    *
    * Invoke this from an `onStartShouldSetResponderCapture` event.
    */
-  scrollResponderHandleStartShouldSetResponderCapture(e2) {
+  scrollResponderHandleStartShouldSetResponderCapture(e) {
     return this.scrollResponderIsAnimating();
   }
   /**
@@ -4719,26 +4719,26 @@ let ScrollView$1 = class ScrollView extends React.Component {
    *
    * @param {SyntheticEvent} e Event.
    */
-  scrollResponderHandleTouchEnd(e2) {
-    const nativeEvent = e2.nativeEvent;
-    this.isTouching = nativeEvent.touches.length !== 0, this.props.onTouchEnd && this.props.onTouchEnd(e2);
+  scrollResponderHandleTouchEnd(e) {
+    const nativeEvent = e.nativeEvent;
+    this.isTouching = nativeEvent.touches.length !== 0, this.props.onTouchEnd && this.props.onTouchEnd(e);
   }
   /**
    * Invoke this from an `onResponderRelease` event.
    */
-  scrollResponderHandleResponderRelease(e2) {
-    this.props.onResponderRelease && this.props.onResponderRelease(e2);
+  scrollResponderHandleResponderRelease(e) {
+    this.props.onResponderRelease && this.props.onResponderRelease(e);
     const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
-    !this.props.keyboardShouldPersistTaps && currentlyFocusedTextInput != null && e2.target !== currentlyFocusedTextInput && !this.observedScrollSinceBecomingResponder && !this.becameResponderWhileAnimating && (this.props.onScrollResponderKeyboardDismissed && this.props.onScrollResponderKeyboardDismissed(e2), TextInputState.blurTextInput(currentlyFocusedTextInput));
+    !this.props.keyboardShouldPersistTaps && currentlyFocusedTextInput != null && e.target !== currentlyFocusedTextInput && !this.observedScrollSinceBecomingResponder && !this.becameResponderWhileAnimating && (this.props.onScrollResponderKeyboardDismissed && this.props.onScrollResponderKeyboardDismissed(e), TextInputState.blurTextInput(currentlyFocusedTextInput));
   }
-  scrollResponderHandleScroll(e2) {
-    this.observedScrollSinceBecomingResponder = true, this.props.onScroll && this.props.onScroll(e2);
+  scrollResponderHandleScroll(e) {
+    this.observedScrollSinceBecomingResponder = true, this.props.onScroll && this.props.onScroll(e);
   }
   /**
    * Invoke this from an `onResponderGrant` event.
    */
-  scrollResponderHandleResponderGrant(e2) {
-    this.observedScrollSinceBecomingResponder = false, this.props.onResponderGrant && this.props.onResponderGrant(e2), this.becameResponderWhileAnimating = this.scrollResponderIsAnimating();
+  scrollResponderHandleResponderGrant(e) {
+    this.observedScrollSinceBecomingResponder = false, this.props.onResponderGrant && this.props.onResponderGrant(e), this.becameResponderWhileAnimating = this.scrollResponderIsAnimating();
   }
   /**
    * Unfortunately, `onScrollBeginDrag` also fires when *stopping* the scroll
@@ -4747,26 +4747,26 @@ let ScrollView$1 = class ScrollView extends React.Component {
    *
    * Invoke this from an `onScrollBeginDrag` event.
    */
-  scrollResponderHandleScrollBeginDrag(e2) {
-    this.props.onScrollBeginDrag && this.props.onScrollBeginDrag(e2);
+  scrollResponderHandleScrollBeginDrag(e) {
+    this.props.onScrollBeginDrag && this.props.onScrollBeginDrag(e);
   }
   /**
    * Invoke this from an `onScrollEndDrag` event.
    */
-  scrollResponderHandleScrollEndDrag(e2) {
-    this.props.onScrollEndDrag && this.props.onScrollEndDrag(e2);
+  scrollResponderHandleScrollEndDrag(e) {
+    this.props.onScrollEndDrag && this.props.onScrollEndDrag(e);
   }
   /**
    * Invoke this from an `onMomentumScrollBegin` event.
    */
-  scrollResponderHandleMomentumScrollBegin(e2) {
-    this.lastMomentumScrollBeginTime = Date.now(), this.props.onMomentumScrollBegin && this.props.onMomentumScrollBegin(e2);
+  scrollResponderHandleMomentumScrollBegin(e) {
+    this.lastMomentumScrollBeginTime = Date.now(), this.props.onMomentumScrollBegin && this.props.onMomentumScrollBegin(e);
   }
   /**
    * Invoke this from an `onMomentumScrollEnd` event.
    */
-  scrollResponderHandleMomentumScrollEnd(e2) {
-    this.lastMomentumScrollEndTime = Date.now(), this.props.onMomentumScrollEnd && this.props.onMomentumScrollEnd(e2);
+  scrollResponderHandleMomentumScrollEnd(e) {
+    this.lastMomentumScrollEndTime = Date.now(), this.props.onMomentumScrollEnd && this.props.onMomentumScrollEnd(e);
   }
   /**
    * Invoke this from an `onTouchStart` event.
@@ -4779,8 +4779,8 @@ let ScrollView$1 = class ScrollView extends React.Component {
    *
    * @param {SyntheticEvent} e Touch Start event.
    */
-  scrollResponderHandleTouchStart(e2) {
-    this.isTouching = true, this.props.onTouchStart && this.props.onTouchStart(e2);
+  scrollResponderHandleTouchStart(e) {
+    this.isTouching = true, this.props.onTouchStart && this.props.onTouchStart(e);
   }
   /**
    * Invoke this from an `onTouchMove` event.
@@ -4793,11 +4793,11 @@ let ScrollView$1 = class ScrollView extends React.Component {
    *
    * @param {SyntheticEvent} e Touch Start event.
    */
-  scrollResponderHandleTouchMove(e2) {
-    this.props.onTouchMove && this.props.onTouchMove(e2);
+  scrollResponderHandleTouchMove(e) {
+    this.props.onTouchMove && this.props.onTouchMove(e);
   }
-  scrollResponderHandleTerminate(e2) {
-    this.props.onResponderTerminate && this.props.onResponderTerminate(e2);
+  scrollResponderHandleTerminate(e) {
+    this.props.onResponderTerminate && this.props.onResponderTerminate(e);
   }
   /**
    * A helper function for this class that lets us quickly determine if the
@@ -4812,8 +4812,8 @@ let ScrollView$1 = class ScrollView extends React.Component {
    */
   scrollResponderFlashScrollIndicators() {
   }
-  scrollResponderTextInputFocusError(e2) {
-    console.error("Error measuring text field: ", e2);
+  scrollResponderTextInputFocusError(e) {
+    console.error("Error measuring text field: ", e);
   }
 };
 const commonStyle$1 = {
@@ -5907,18 +5907,18 @@ const Image$1 = React__namespace.forwardRef((props, ref) => {
       }
     }
   }
-  function handleLayout(e2) {
+  function handleLayout(e) {
     if (resizeMode === "center" || resizeMode === "repeat" || onLayout) {
-      const { layout: layout2 } = e2.nativeEvent;
-      onLayout && onLayout(e2), updateLayout(layout2);
+      const { layout: layout2 } = e.nativeEvent;
+      onLayout && onLayout(e), updateLayout(layout2);
     }
   }
   const uri = resolveAssetUri$1(source);
   return React__namespace.useEffect(() => {
     abortPendingRequest(), uri != null && (updateState(LOADING$1), onLoadStart && onLoadStart(), requestRef.current = ImageLoader.load(
       uri,
-      function(e2) {
-        updateState(LOADED$1), onLoad && onLoad(e2), onLoadEnd && onLoadEnd();
+      function(e) {
+        updateState(LOADED$1), onLoad && onLoad(e), onLoadEnd && onLoadEnd();
       },
       function() {
         updateState(ERRORED$1), onError && onError({
@@ -6259,8 +6259,8 @@ const pickProps$4 = (props) => pick(props, forwardPropsListText), Text$3 = React
       onStartShouldSetResponderCapture
     });
     const handleClick = React__namespace.useCallback(
-      (e2) => {
-        onClick != null ? onClick(e2) : onPress != null && (e2.stopPropagation(), onPress(e2));
+      (e) => {
+        onClick != null ? onClick(e) : onPress != null && (e.stopPropagation(), onPress(e));
       },
       [onClick, onPress]
     );
@@ -7088,18 +7088,18 @@ const Image = React__namespace.forwardRef((props, ref) => {
       }
     }
   }
-  function handleLayout(e2) {
+  function handleLayout(e) {
     if (resizeMode === "center" || resizeMode === "repeat" || onLayout) {
       const {
         layout: layout2
-      } = e2.nativeEvent;
-      onLayout && onLayout(e2), updateLayout(layout2);
+      } = e.nativeEvent;
+      onLayout && onLayout(e), updateLayout(layout2);
     }
   }
   const uri = resolveAssetUri(source);
   return React__namespace.useEffect(() => {
-    abortPendingRequest(), uri != null && (updateState(LOADING), onLoadStart && onLoadStart(), requestRef.current = ImageLoader.load(uri, function(e2) {
-      updateState(LOADED), onLoad && onLoad(e2), onLoadEnd && onLoadEnd();
+    abortPendingRequest(), uri != null && (updateState(LOADING), onLoadStart && onLoadStart(), requestRef.current = ImageLoader.load(uri, function(e) {
+      updateState(LOADED), onLoad && onLoad(e), onLoadEnd && onLoadEnd();
     }, function() {
       updateState(ERRORED), onError && onError({
         nativeEvent: {
@@ -7291,14 +7291,14 @@ function Pressable(props, forwardedRef) {
     hovered,
     focused,
     pressed
-  }, blurHandler = React__namespace.useCallback((e2) => {
-    disabled || e2.nativeEvent.target === hostRef.current && (setFocused(false), onBlur == null ? void 0 : onBlur(e2));
-  }, [disabled, hostRef, setFocused, onBlur]), focusHandler = React__namespace.useCallback((e2) => {
-    disabled || e2.nativeEvent.target === hostRef.current && (setFocused(true), onFocus == null ? void 0 : onFocus(e2));
-  }, [disabled, hostRef, setFocused, onFocus]), contextMenuHandler = React__namespace.useCallback((e2) => {
-    onContextMenuPress == null ? void 0 : onContextMenuPress(e2), onContextMenu == null ? void 0 : onContextMenu(e2);
-  }, [onContextMenu, onContextMenuPress]), keyDownHandler = React__namespace.useCallback((e2) => {
-    onKeyDownPress == null ? void 0 : onKeyDownPress(e2), onKeyDown2 == null ? void 0 : onKeyDown2(e2);
+  }, blurHandler = React__namespace.useCallback((e) => {
+    disabled || e.nativeEvent.target === hostRef.current && (setFocused(false), onBlur == null ? void 0 : onBlur(e));
+  }, [disabled, hostRef, setFocused, onBlur]), focusHandler = React__namespace.useCallback((e) => {
+    disabled || e.nativeEvent.target === hostRef.current && (setFocused(true), onFocus == null ? void 0 : onFocus(e));
+  }, [disabled, hostRef, setFocused, onFocus]), contextMenuHandler = React__namespace.useCallback((e) => {
+    onContextMenuPress == null ? void 0 : onContextMenuPress(e), onContextMenu == null ? void 0 : onContextMenu(e);
+  }, [onContextMenu, onContextMenuPress]), keyDownHandler = React__namespace.useCallback((e) => {
+    onKeyDownPress == null ? void 0 : onKeyDownPress(e), onKeyDown2 == null ? void 0 : onKeyDown2(e);
   }, [onKeyDown2, onKeyDownPress]);
   return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues(__spreadValues({}, rest), pressEventHandlers), {
     accessibilityDisabled: disabled,
@@ -7344,31 +7344,31 @@ const styles$4 = StyleSheet.create({
     paddingLeft: `${cssFunction}(safe-area-inset-left)`
   }
 });
-function normalizeScrollEvent(e2) {
+function normalizeScrollEvent(e) {
   return {
     nativeEvent: {
       contentOffset: {
         get x() {
-          return e2.target.scrollLeft;
+          return e.target.scrollLeft;
         },
         get y() {
-          return e2.target.scrollTop;
+          return e.target.scrollTop;
         }
       },
       contentSize: {
         get height() {
-          return e2.target.scrollHeight;
+          return e.target.scrollHeight;
         },
         get width() {
-          return e2.target.scrollWidth;
+          return e.target.scrollWidth;
         }
       },
       layoutMeasurement: {
         get height() {
-          return e2.target.offsetHeight;
+          return e.target.offsetHeight;
         },
         get width() {
-          return e2.target.offsetWidth;
+          return e.target.offsetWidth;
         }
       }
     },
@@ -7403,23 +7403,23 @@ const ScrollViewBase = React__namespace.forwardRef((props, forwardedRef) => {
     scrollLastTick: 0
   }), scrollTimeout = React__namespace.useRef(null), scrollRef = React__namespace.useRef(null);
   function createPreventableScrollHandler(handler) {
-    return (e2) => {
-      scrollEnabled && handler && handler(e2);
+    return (e) => {
+      scrollEnabled && handler && handler(e);
     };
   }
-  function handleScroll(e2) {
-    e2.stopPropagation(), e2.target === scrollRef.current && (e2.persist(), scrollTimeout.current != null && clearTimeout(scrollTimeout.current), scrollTimeout.current = setTimeout(() => {
-      handleScrollEnd(e2);
-    }, 100), scrollState.current.isScrolling ? shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle) && handleScrollTick(e2) : handleScrollStart(e2));
+  function handleScroll(e) {
+    e.stopPropagation(), e.target === scrollRef.current && (e.persist(), scrollTimeout.current != null && clearTimeout(scrollTimeout.current), scrollTimeout.current = setTimeout(() => {
+      handleScrollEnd(e);
+    }, 100), scrollState.current.isScrolling ? shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle) && handleScrollTick(e) : handleScrollStart(e));
   }
-  function handleScrollStart(e2) {
-    scrollState.current.isScrolling = true, handleScrollTick(e2);
+  function handleScrollStart(e) {
+    scrollState.current.isScrolling = true, handleScrollTick(e);
   }
-  function handleScrollTick(e2) {
-    scrollState.current.scrollLastTick = Date.now(), onScroll && onScroll(normalizeScrollEvent(e2));
+  function handleScrollTick(e) {
+    scrollState.current.scrollLastTick = Date.now(), onScroll && onScroll(normalizeScrollEvent(e));
   }
-  function handleScrollEnd(e2) {
-    scrollState.current.isScrolling = false, onScroll && onScroll(normalizeScrollEvent(e2));
+  function handleScrollEnd(e) {
+    scrollState.current.isScrolling = false, onScroll && onScroll(normalizeScrollEvent(e));
   }
   const hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
   return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues({}, rest), {
@@ -7600,17 +7600,17 @@ class ScrollView2 extends React.Component {
      * relevant to you. (For example, only if you receive these callbacks after
      * you had explicitly focused a node etc).
      */
-    __publicField(this, "scrollResponderKeyboardWillShow", (e2) => {
-      this.keyboardWillOpenTo = e2, this.props.onKeyboardWillShow && this.props.onKeyboardWillShow(e2);
+    __publicField(this, "scrollResponderKeyboardWillShow", (e) => {
+      this.keyboardWillOpenTo = e, this.props.onKeyboardWillShow && this.props.onKeyboardWillShow(e);
     });
-    __publicField(this, "scrollResponderKeyboardWillHide", (e2) => {
-      this.keyboardWillOpenTo = null, this.props.onKeyboardWillHide && this.props.onKeyboardWillHide(e2);
+    __publicField(this, "scrollResponderKeyboardWillHide", (e) => {
+      this.keyboardWillOpenTo = null, this.props.onKeyboardWillHide && this.props.onKeyboardWillHide(e);
     });
-    __publicField(this, "scrollResponderKeyboardDidShow", (e2) => {
-      e2 && (this.keyboardWillOpenTo = e2), this.props.onKeyboardDidShow && this.props.onKeyboardDidShow(e2);
+    __publicField(this, "scrollResponderKeyboardDidShow", (e) => {
+      e && (this.keyboardWillOpenTo = e), this.props.onKeyboardDidShow && this.props.onKeyboardDidShow(e);
     });
-    __publicField(this, "scrollResponderKeyboardDidHide", (e2) => {
-      this.keyboardWillOpenTo = null, this.props.onKeyboardDidHide && this.props.onKeyboardDidHide(e2);
+    __publicField(this, "scrollResponderKeyboardDidHide", (e) => {
+      this.keyboardWillOpenTo = null, this.props.onKeyboardDidHide && this.props.onKeyboardDidHide(e);
     });
   }
   /**
@@ -7702,16 +7702,16 @@ class ScrollView2 extends React.Component {
       style: props.style
     }, scrollView) : scrollView;
   }
-  _handleContentOnLayout(e2) {
+  _handleContentOnLayout(e) {
     var _a, _b;
     const {
       width,
       height
-    } = e2.nativeEvent.layout;
+    } = e.nativeEvent.layout;
     (_b = (_a = this.props).onContentSizeChange) == null ? void 0 : _b.call(_a, width, height);
   }
-  _handleScroll(e2) {
-    this.props.keyboardDismissMode === "on-drag" && dismissKeyboard(), this.scrollResponderHandleScroll(e2);
+  _handleScroll(e) {
+    this.props.keyboardDismissMode === "on-drag" && dismissKeyboard(), this.scrollResponderHandleScroll(e);
   }
   _setInnerViewRef(node) {
     this._innerViewRef = node;
@@ -7764,7 +7764,7 @@ class ScrollView2 extends React.Component {
    *
    * Invoke this from an `onStartShouldSetResponderCapture` event.
    */
-  scrollResponderHandleStartShouldSetResponderCapture(e2) {
+  scrollResponderHandleStartShouldSetResponderCapture(e) {
     return this.scrollResponderIsAnimating();
   }
   /**
@@ -7803,26 +7803,26 @@ class ScrollView2 extends React.Component {
    *
    * @param {SyntheticEvent} e Event.
    */
-  scrollResponderHandleTouchEnd(e2) {
-    const nativeEvent = e2.nativeEvent;
-    this.isTouching = nativeEvent.touches.length !== 0, this.props.onTouchEnd && this.props.onTouchEnd(e2);
+  scrollResponderHandleTouchEnd(e) {
+    const nativeEvent = e.nativeEvent;
+    this.isTouching = nativeEvent.touches.length !== 0, this.props.onTouchEnd && this.props.onTouchEnd(e);
   }
   /**
    * Invoke this from an `onResponderRelease` event.
    */
-  scrollResponderHandleResponderRelease(e2) {
-    this.props.onResponderRelease && this.props.onResponderRelease(e2);
+  scrollResponderHandleResponderRelease(e) {
+    this.props.onResponderRelease && this.props.onResponderRelease(e);
     const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
-    !this.props.keyboardShouldPersistTaps && currentlyFocusedTextInput != null && e2.target !== currentlyFocusedTextInput && !this.observedScrollSinceBecomingResponder && !this.becameResponderWhileAnimating && (this.props.onScrollResponderKeyboardDismissed && this.props.onScrollResponderKeyboardDismissed(e2), TextInputState.blurTextInput(currentlyFocusedTextInput));
+    !this.props.keyboardShouldPersistTaps && currentlyFocusedTextInput != null && e.target !== currentlyFocusedTextInput && !this.observedScrollSinceBecomingResponder && !this.becameResponderWhileAnimating && (this.props.onScrollResponderKeyboardDismissed && this.props.onScrollResponderKeyboardDismissed(e), TextInputState.blurTextInput(currentlyFocusedTextInput));
   }
-  scrollResponderHandleScroll(e2) {
-    this.observedScrollSinceBecomingResponder = true, this.props.onScroll && this.props.onScroll(e2);
+  scrollResponderHandleScroll(e) {
+    this.observedScrollSinceBecomingResponder = true, this.props.onScroll && this.props.onScroll(e);
   }
   /**
    * Invoke this from an `onResponderGrant` event.
    */
-  scrollResponderHandleResponderGrant(e2) {
-    this.observedScrollSinceBecomingResponder = false, this.props.onResponderGrant && this.props.onResponderGrant(e2), this.becameResponderWhileAnimating = this.scrollResponderIsAnimating();
+  scrollResponderHandleResponderGrant(e) {
+    this.observedScrollSinceBecomingResponder = false, this.props.onResponderGrant && this.props.onResponderGrant(e), this.becameResponderWhileAnimating = this.scrollResponderIsAnimating();
   }
   /**
    * Unfortunately, `onScrollBeginDrag` also fires when *stopping* the scroll
@@ -7831,26 +7831,26 @@ class ScrollView2 extends React.Component {
    *
    * Invoke this from an `onScrollBeginDrag` event.
    */
-  scrollResponderHandleScrollBeginDrag(e2) {
-    this.props.onScrollBeginDrag && this.props.onScrollBeginDrag(e2);
+  scrollResponderHandleScrollBeginDrag(e) {
+    this.props.onScrollBeginDrag && this.props.onScrollBeginDrag(e);
   }
   /**
    * Invoke this from an `onScrollEndDrag` event.
    */
-  scrollResponderHandleScrollEndDrag(e2) {
-    this.props.onScrollEndDrag && this.props.onScrollEndDrag(e2);
+  scrollResponderHandleScrollEndDrag(e) {
+    this.props.onScrollEndDrag && this.props.onScrollEndDrag(e);
   }
   /**
    * Invoke this from an `onMomentumScrollBegin` event.
    */
-  scrollResponderHandleMomentumScrollBegin(e2) {
-    this.lastMomentumScrollBeginTime = Date.now(), this.props.onMomentumScrollBegin && this.props.onMomentumScrollBegin(e2);
+  scrollResponderHandleMomentumScrollBegin(e) {
+    this.lastMomentumScrollBeginTime = Date.now(), this.props.onMomentumScrollBegin && this.props.onMomentumScrollBegin(e);
   }
   /**
    * Invoke this from an `onMomentumScrollEnd` event.
    */
-  scrollResponderHandleMomentumScrollEnd(e2) {
-    this.lastMomentumScrollEndTime = Date.now(), this.props.onMomentumScrollEnd && this.props.onMomentumScrollEnd(e2);
+  scrollResponderHandleMomentumScrollEnd(e) {
+    this.lastMomentumScrollEndTime = Date.now(), this.props.onMomentumScrollEnd && this.props.onMomentumScrollEnd(e);
   }
   /**
    * Invoke this from an `onTouchStart` event.
@@ -7863,8 +7863,8 @@ class ScrollView2 extends React.Component {
    *
    * @param {SyntheticEvent} e Touch Start event.
    */
-  scrollResponderHandleTouchStart(e2) {
-    this.isTouching = true, this.props.onTouchStart && this.props.onTouchStart(e2);
+  scrollResponderHandleTouchStart(e) {
+    this.isTouching = true, this.props.onTouchStart && this.props.onTouchStart(e);
   }
   /**
    * Invoke this from an `onTouchMove` event.
@@ -7877,11 +7877,11 @@ class ScrollView2 extends React.Component {
    *
    * @param {SyntheticEvent} e Touch Start event.
    */
-  scrollResponderHandleTouchMove(e2) {
-    this.props.onTouchMove && this.props.onTouchMove(e2);
+  scrollResponderHandleTouchMove(e) {
+    this.props.onTouchMove && this.props.onTouchMove(e);
   }
-  scrollResponderHandleTerminate(e2) {
-    this.props.onResponderTerminate && this.props.onResponderTerminate(e2);
+  scrollResponderHandleTerminate(e) {
+    this.props.onResponderTerminate && this.props.onResponderTerminate(e);
   }
   /**
    * A helper function for this class that lets us quickly determine if the
@@ -7896,8 +7896,8 @@ class ScrollView2 extends React.Component {
    */
   scrollResponderFlashScrollIndicators() {
   }
-  scrollResponderTextInputFocusError(e2) {
-    console.error("Error measuring text field: ", e2);
+  scrollResponderTextInputFocusError(e) {
+    console.error("Error measuring text field: ", e);
   }
 }
 const commonStyle = {
@@ -8015,8 +8015,8 @@ const pickProps$1 = (props) => pick(props, forwardPropsListText), Text$2 = React
     onStartShouldSetResponder,
     onStartShouldSetResponderCapture
   });
-  const handleClick = React__namespace.useCallback((e2) => {
-    onClick != null ? onClick(e2) : onPress != null && (e2.stopPropagation(), onPress(e2));
+  const handleClick = React__namespace.useCallback((e) => {
+    onClick != null ? onClick(e) : onPress != null && (e.stopPropagation(), onPress(e));
   }, [onClick, onPress]);
   let component = hasTextAncestor ? "span" : "div";
   const langDirection = props.lang != null ? getLocaleDirection(props.lang) : null, componentDirection = props.dir || langDirection, supportedProps = pickProps$1(rest);
@@ -8102,7 +8102,7 @@ const isSelectionStale = (node, selection) => {
     } = selection;
     try {
       node.setSelectionRange(start, end || start);
-    } catch (e2) {
+    } catch (e) {
     }
   }
 }, forwardPropsList = Object.assign({}, forwardedProps.defaultProps, forwardedProps.accessibilityProps, forwardedProps.clickProps, forwardedProps.focusProps, forwardedProps.keyboardProps, forwardedProps.mouseProps, forwardedProps.touchProps, forwardedProps.styleProps, {
@@ -8227,37 +8227,37 @@ const TextInput = React__namespace.forwardRef((props, forwardedRef) => {
       hostNode != null && (hostNode.value = "");
     }, hostNode.isFocused = () => hostNode != null && TextInputState.currentlyFocusedField() === hostNode, handleContentSizeChange(hostNode));
   }, [handleContentSizeChange]);
-  function handleBlur(e2) {
-    TextInputState._currentlyFocusedNode = null, onBlur && (e2.nativeEvent.text = e2.target.value, onBlur(e2));
+  function handleBlur(e) {
+    TextInputState._currentlyFocusedNode = null, onBlur && (e.nativeEvent.text = e.target.value, onBlur(e));
   }
-  function handleChange(e2) {
-    const hostNode = e2.target, text = hostNode.value;
-    e2.nativeEvent.text = text, handleContentSizeChange(hostNode), onChange && onChange(e2), onChangeText && onChangeText(text);
+  function handleChange(e) {
+    const hostNode = e.target, text = hostNode.value;
+    e.nativeEvent.text = text, handleContentSizeChange(hostNode), onChange && onChange(e), onChangeText && onChangeText(text);
   }
-  function handleFocus(e2) {
-    const hostNode = e2.target;
-    onFocus && (e2.nativeEvent.text = hostNode.value, onFocus(e2)), hostNode != null && (TextInputState._currentlyFocusedNode = hostNode, clearTextOnFocus && (hostNode.value = ""), selectTextOnFocus && (focusTimeout != null && clearTimeout(focusTimeout), focusTimeout = setTimeout(() => {
+  function handleFocus(e) {
+    const hostNode = e.target;
+    onFocus && (e.nativeEvent.text = hostNode.value, onFocus(e)), hostNode != null && (TextInputState._currentlyFocusedNode = hostNode, clearTextOnFocus && (hostNode.value = ""), selectTextOnFocus && (focusTimeout != null && clearTimeout(focusTimeout), focusTimeout = setTimeout(() => {
       hostNode == null ? void 0 : hostNode.select();
     }, 0)));
   }
-  function handleKeyDown(e2) {
-    const hostNode = e2.target;
-    e2.stopPropagation();
-    const shouldBlurOnSubmit = blurOnSubmit != null ? blurOnSubmit : !multiline, nativeEvent = e2.nativeEvent, isComposing = isEventComposing(nativeEvent);
-    onKeyPress && onKeyPress(e2), e2.key === "Enter" && !e2.shiftKey && // Do not call submit if composition is occuring.
-    !isComposing && !e2.isDefaultPrevented() && ((blurOnSubmit || !multiline) && onSubmitEditing && (e2.preventDefault(), nativeEvent.text = e2.target.value, onSubmitEditing(e2)), shouldBlurOnSubmit && hostNode != null && setTimeout(() => hostNode.blur(), 0));
+  function handleKeyDown(e) {
+    const hostNode = e.target;
+    e.stopPropagation();
+    const shouldBlurOnSubmit = blurOnSubmit != null ? blurOnSubmit : !multiline, nativeEvent = e.nativeEvent, isComposing = isEventComposing(nativeEvent);
+    onKeyPress && onKeyPress(e), e.key === "Enter" && !e.shiftKey && // Do not call submit if composition is occuring.
+    !isComposing && !e.isDefaultPrevented() && ((blurOnSubmit || !multiline) && onSubmitEditing && (e.preventDefault(), nativeEvent.text = e.target.value, onSubmitEditing(e)), shouldBlurOnSubmit && hostNode != null && setTimeout(() => hostNode.blur(), 0));
   }
-  function handleSelectionChange(e2) {
+  function handleSelectionChange(e) {
     if (onSelectionChange) try {
-      const node = e2.target, {
+      const node = e.target, {
         selectionStart,
         selectionEnd
       } = node;
-      e2.nativeEvent.selection = {
+      e.nativeEvent.selection = {
         start: selectionStart,
         end: selectionEnd
-      }, e2.nativeEvent.text = e2.target.value, onSelectionChange(e2);
-    } catch (e3) {
+      }, e.nativeEvent.text = e.target.value, onSelectionChange(e);
+    } catch (e2) {
     }
   }
   useIsomorphicLayoutEffect$1(() => {
@@ -8408,7 +8408,7 @@ var matchMediaImpl = matchMediaFallback, matchMedia$1 = function() {
 };
 function matchMediaFallback(query2) {
   return !process.env.IS_STATIC && false, {
-    match: function(a, b2) {
+    match: function(a, b) {
       return false;
     },
     addListener: function() {
@@ -9551,12 +9551,32 @@ __spreadValues({}, stylePropsAll);
 function normalizeValueWithProperty(value) {
   return value;
 }
-var _loop$1 = function(parent) {
+var _loop = function(parent) {
   var _exec, _exec_index, prefix = parent.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent.length);
-  expansionsNoPrefix[parent] = expansionsNoPrefix[parent].map(function(k) {
+  EXPANSIONS[parent] = EXPANSIONS[parent].map(function(k) {
     return `${prefix}${k}`;
   });
-}, resizeModeMap = {
+};
+function expandStyle(key, value) {
+  if (isAndroid && key === "elevationAndroid") return [["elevation", value]];
+  switch (key) {
+    case "objectFit": {
+      var resizeMode = resizeModeMap[value] || "cover";
+      return [["resizeMode", resizeMode]];
+    }
+    case "verticalAlign":
+      return [["textAlignVertical", verticalAlignMap[value] || "auto"]];
+    case "position":
+      return value === "fixed" || value === "sticky" ? [["position", "absolute"]] : void 0;
+  }
+  if (key in nativeExpansions) return nativeExpansions[key].map(function(k) {
+    return [k, value];
+  });
+  if (key in EXPANSIONS) return EXPANSIONS[key].map(function(k) {
+    return [k, value];
+  });
+}
+var resizeModeMap = {
   fill: "stretch",
   none: "center",
   "scale-down": "contain",
@@ -9567,78 +9587,7 @@ var _loop$1 = function(parent) {
   middle: "center",
   bottom: "bottom",
   auto: "auto"
-}, webToNativeDynamicExpansion = {
-  objectFit: function(val) {
-    var resizeMode = resizeModeMap[val] || "cover";
-    return [["resizeMode", resizeMode]];
-  },
-  verticalAlign: function(val) {
-    return [["textAlignVertical", verticalAlignMap[val] || "auto"]];
-  }
-}, vert$1 = ["Top", "Bottom"], es = ["End", "Start"], t = ["Top"], b = ["Bottom"], s = ["Start"], e = ["End"], h = ["Height"], w = ["Width"], expansionsNoPrefix = {
-  borderBlockColor: ["TopColor", "BottomColor"],
-  borderInlineColor: ["EndColor", "StartColor"],
-  borderBlockWidth: ["TopWidth", "BottomWidth"],
-  borderInlineWidth: ["EndWidth", "StartWidth"],
-  borderBlockStyle: ["TopStyle", "BottomStyle"],
-  borderInlineStyle: ["EndStyle", "StartStyle"],
-  marginBlock: vert$1,
-  marginInline: es,
-  paddingBlock: vert$1,
-  paddingInline: es,
-  borderBlockStartColor: ["TopColor"],
-  borderBlockEndColor: ["BottomColor"],
-  borderInlineStartColor: ["StartColor"],
-  borderInlineEndColor: ["EndColor"],
-  borderBlockStartWidth: ["TopWidth"],
-  borderBlockEndWidth: ["BottomWidth"],
-  borderInlineStartWidth: ["StartWidth"],
-  borderInlineEndWidth: ["EndWidth"],
-  borderBlockStartStyle: ["TopStyle"],
-  borderBlockEndStyle: ["BottomStyle"],
-  borderInlineStartStyle: ["StartStyle"],
-  borderInlineEndStyle: ["EndStyle"],
-  marginBlockStart: t,
-  marginBlockEnd: b,
-  marginInlineStart: s,
-  marginInlineEnd: e,
-  paddingBlockStart: t,
-  paddingBlockEnd: b,
-  paddingInlineStart: s,
-  paddingInlineEnd: e,
-  minBlockSize: h,
-  maxBlockSize: h,
-  minInlineSize: w,
-  maxInlineSize: w
-};
-for (var parent$1 in expansionsNoPrefix) _loop$1(parent$1);
-var expansions = {
-  inset: ["top", "right", "bottom", "left"],
-  insetBlock: ["top", "bottom"],
-  insetBlockStart: ["top"],
-  insetBlockEnd: ["bottom"],
-  insetInlineStart: ["left"],
-  insetInlineEnd: ["right"],
-  blockSize: ["height"],
-  inlineSize: ["width"]
-}, webToNativeExpansion = Object.assign(expansionsNoPrefix, expansions);
-var _loop = function(parent) {
-  var _exec, _exec_index, prefix = parent.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent.length);
-  EXPANSIONS[parent] = EXPANSIONS[parent].map(function(k) {
-    return `${prefix}${k}`;
-  });
-};
-function expandStyle(key, value) {
-  if (isAndroid && key === "elevationAndroid") return [["elevation", value]];
-  if (key in EXPANSIONS) return EXPANSIONS[key].map(function(key2) {
-    return [key2, value];
-  });
-  if (key in webToNativeExpansion) return webToNativeExpansion[key].map(function(key2) {
-    return [key2, value];
-  });
-  if (key in webToNativeDynamicExpansion) return webToNativeDynamicExpansion[key](value);
-}
-var all = ["Top", "Right", "Bottom", "Left"], horiz = ["Right", "Left"], vert = ["Top", "Bottom"], EXPANSIONS = {
+}, all = ["Top", "Right", "Bottom", "Left"], horiz = ["Right", "Left"], vert = ["Top", "Bottom"], EXPANSIONS = __spreadValues({
   borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
   borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
   borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
@@ -9648,8 +9597,56 @@ var all = ["Top", "Right", "Bottom", "Left"], horiz = ["Right", "Left"], vert =
   padding: all,
   paddingHorizontal: horiz,
   paddingVertical: vert
-};
+}, isWeb);
 for (var parent in EXPANSIONS) _loop(parent);
+var nativeExpansions = {
+  // logical border properties
+  borderBlockColor: ["borderTopColor", "borderBottomColor"],
+  borderInlineColor: ["borderEndColor", "borderStartColor"],
+  borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
+  borderInlineWidth: ["borderEndWidth", "borderStartWidth"],
+  borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
+  borderInlineStyle: ["borderEndStyle", "borderStartStyle"],
+  borderBlockStartColor: ["borderTopColor"],
+  borderBlockEndColor: ["borderBottomColor"],
+  borderInlineStartColor: ["borderStartColor"],
+  borderInlineEndColor: ["borderEndColor"],
+  borderBlockStartWidth: ["borderTopWidth"],
+  borderBlockEndWidth: ["borderBottomWidth"],
+  borderInlineStartWidth: ["borderStartWidth"],
+  borderInlineEndWidth: ["borderEndWidth"],
+  borderBlockStartStyle: ["borderTopStyle"],
+  borderBlockEndStyle: ["borderBottomStyle"],
+  borderInlineStartStyle: ["borderStartStyle"],
+  borderInlineEndStyle: ["borderEndStyle"],
+  // logical margin/padding
+  marginBlock: ["marginTop", "marginBottom"],
+  marginInline: ["marginEnd", "marginStart"],
+  paddingBlock: ["paddingTop", "paddingBottom"],
+  paddingInline: ["paddingEnd", "paddingStart"],
+  marginBlockStart: ["marginTop"],
+  marginBlockEnd: ["marginBottom"],
+  marginInlineStart: ["marginStart"],
+  marginInlineEnd: ["marginEnd"],
+  paddingBlockStart: ["paddingTop"],
+  paddingBlockEnd: ["paddingBottom"],
+  paddingInlineStart: ["paddingStart"],
+  paddingInlineEnd: ["paddingEnd"],
+  // logical sizing
+  minBlockSize: ["minHeight"],
+  maxBlockSize: ["maxHeight"],
+  minInlineSize: ["minWidth"],
+  maxInlineSize: ["maxWidth"],
+  blockSize: ["height"],
+  inlineSize: ["width"],
+  // inset
+  inset: ["top", "right", "bottom", "left"],
+  insetBlock: ["top", "bottom"],
+  insetBlockStart: ["top"],
+  insetBlockEnd: ["bottom"],
+  insetInlineStart: ["left"],
+  insetInlineEnd: ["right"]
+};
 var cache$1 = /* @__PURE__ */ new WeakMap(), getVariantExtras = function(styleState) {
   if (cache$1.has(styleState)) return cache$1.get(styleState);
   var {
@@ -9816,9 +9813,9 @@ var propMapper = function(key, value, styleState, disabled, map) {
     }
     styleProps2.disableExpandShorthands || key in conf2.shorthands && (key = conf2.shorthands[key]);
     var originalValue = value;
-    if (value != null && (typeof value == "string" && value[0] === "$" ? value = getTokenForKey(key, value, styleProps2, styleState) : (key === "boxShadow" || key === "filter") && typeof value == "string" && value.includes("$") ? value = value.replace(/(\$[\w.-]+)/g, function(t2) {
-      var r = getTokenForKey("size", t2, styleProps2, styleState);
-      return r == null && (r = getTokenForKey("color", t2, styleProps2, styleState)), r != null ? String(r) : t2;
+    if (value != null && (typeof value == "string" && value[0] === "$" ? value = getTokenForKey(key, value, styleProps2, styleState) : (key === "boxShadow" || key === "filter") && typeof value == "string" && value.includes("$") ? value = value.replace(/(\$[\w.-]+)/g, function(t) {
+      var r = getTokenForKey("size", t, styleProps2, styleState);
+      return r == null && (r = getTokenForKey("color", t, styleProps2, styleState)), r != null ? String(r) : t;
     }) : isVariable(value) ? value = resolveVariableValue(key, value, styleProps2.resolveValues) : isRemValue(value) && (value = resolveRem(value))), value != null) {
       key === "fontFamily" && lastFontFamilyToken && (styleState.fontFamily = lastFontFamilyToken);
       var expanded = styleProps2.noExpand ? null : expandStyle(key, value);
@@ -10044,8 +10041,8 @@ function resolveVariableValue(key, valOrVar, resolveValues) {
   }
   return valOrVar;
 }
-var sortString = function(a, b2) {
-  return a < b2 ? -1 : a > b2 ? 1 : 0;
+var sortString = function(a, b) {
+  return a < b ? -1 : a > b ? 1 : 0;
 };
 function transformsToString(transforms) {
   return transforms.map(
@@ -10367,8 +10364,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 };
 function mergeFlatTransforms(target, flatTransforms) {
   Object.entries(flatTransforms).sort(function(param, param1) {
-    var [a] = param, [b2] = param1;
-    return sortString(a, b2);
+    var [a] = param, [b] = param1;
+    return sortString(a, b);
   }).forEach(function(param) {
     var [key, val] = param;
     mergeTransform(target, key, val, true);
@@ -10452,8 +10449,8 @@ var getSubStyle = function(styleState, subKey, styleIn, avoidMergeTransform) {
     } else flatTransforms && mergeFlatTransforms(styleOut, flatTransforms);
   }
   return styleProps2.noNormalize || fixStyles(styleOut), originalValues && styleOriginalValues.set(styleOut, originalValues), styleOut;
-}, useSplitStyles = function(a, b2, c, d, e2, f, g, h2, i, j, k, l) {
-  var res = getSplitStyles(a, b2, c, d, e2, f, g, h2, i, j, k, l);
+}, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j, k, l) {
+  var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j, k, l);
   return res;
 };
 var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", animatableDefaults = __spreadProps(__spreadValues({}, Object.fromEntries(Object.entries(tokenCategories.color).map(function(param) {
@@ -10608,7 +10605,7 @@ var Theme = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     React.Children.only(finalChildren), finalChildren = /* @__PURE__ */ React.cloneElement(finalChildren, {
       ref
     });
-  } catch (e2) {
+  } catch (e) {
   }
   var stateRef = React.useRef({
     hasEverThemed: false
@@ -11121,8 +11118,8 @@ function createComponent(staticConfig) {
       animations && (animations.ref && (animatedRef = animations.ref), isHydrated && animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`)));
     }
     !isPassthrough && groupContext && // avoids onLayout if we don't need it
-    props.containerType !== "normal" && (nonTamaguiProps.onLayout = composeEventHandlers(nonTamaguiProps.onLayout, function(e2) {
-      var _stateRef_current_group, layout = e2.nativeEvent.layout;
+    props.containerType !== "normal" && (nonTamaguiProps.onLayout = composeEventHandlers(nonTamaguiProps.onLayout, function(e) {
+      var _stateRef_current_group, layout = e.nativeEvent.layout;
       groupContext.state.layout = layout, (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.emit({
         layout
       }), !stateRef.current.hasMeasured && props.untilMeasured === "hide" && setState(function(prev) {
@@ -11178,45 +11175,45 @@ function createComponent(staticConfig) {
     }, [groupContext, groupEmitter, state]);
     var runtimePressStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur || componentContext.setParentFocusState), hasDynamicGroupChildren = !!(groupName && state.hasDynGroupChildren), attachPress = !!(hasDynamicGroupChildren || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || (pseudos == null ? void 0 : pseudos.focusVisibleStyle)), runtimeHoverStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(hasDynamicGroupChildren || runtimeHoverStyle), attachHover = isWeb, shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(hasDynamicGroupChildren || runtimePressStyle);
     var events = shouldAttach ? __spreadValues(__spreadValues(__spreadProps(__spreadValues({
-      onPressOut: attachPress ? function(e2) {
-        unPress(), onPressOut == null ? void 0 : onPressOut(e2), onMouseUp == null ? void 0 : onMouseUp(e2);
+      onPressOut: attachPress ? function(e) {
+        unPress(), onPressOut == null ? void 0 : onPressOut(e), onMouseUp == null ? void 0 : onMouseUp(e);
       } : void 0
     }, attachPress && {
-      onMouseEnter: function(e2) {
+      onMouseEnter: function(e) {
         var next = {};
-        needsHoverState && true && (next.hover = true), needsPressState && state.pressIn && (next.press = true), setStateShallow(next), onHoverIn == null ? void 0 : onHoverIn(e2), onMouseEnter == null ? void 0 : onMouseEnter(e2);
+        needsHoverState && true && (next.hover = true), needsPressState && state.pressIn && (next.press = true), setStateShallow(next), onHoverIn == null ? void 0 : onHoverIn(e), onMouseEnter == null ? void 0 : onMouseEnter(e);
       },
-      onMouseLeave: function(e2) {
+      onMouseLeave: function(e) {
         var next = {};
-        needsHoverState && (next.hover = false), needsPressState && (next.press = false, next.pressIn = false), setStateShallow(next), onHoverOut == null ? void 0 : onHoverOut(e2), onMouseLeave == null ? void 0 : onMouseLeave(e2);
+        needsHoverState && (next.hover = false), needsPressState && (next.press = false, next.pressIn = false), setStateShallow(next), onHoverOut == null ? void 0 : onHoverOut(e), onMouseLeave == null ? void 0 : onMouseLeave(e);
       }
     }), {
-      onPressIn: attachPress ? function(e2) {
+      onPressIn: attachPress ? function(e) {
         needsPressState && setStateShallow({
           press: true,
           pressIn: true
-        }), onPressIn == null ? void 0 : onPressIn(e2), onMouseDown == null ? void 0 : onMouseDown(e2);
+        }), onPressIn == null ? void 0 : onPressIn(e), onMouseDown == null ? void 0 : onMouseDown(e);
       } : void 0,
-      onPress: attachPress ? function(e2) {
-        unPress(), onPress == null ? void 0 : onPress(e2);
+      onPress: attachPress ? function(e) {
+        unPress(), onPress == null ? void 0 : onPress(e);
       } : void 0
     }), attachPress && onLongPress && {
-      onLongPress: function(e2) {
-        unPress(), onLongPress == null ? void 0 : onLongPress(e2);
+      onLongPress: function(e) {
+        unPress(), onLongPress == null ? void 0 : onLongPress(e);
       }
     }), attachFocus && {
-      onFocus: function(e2) {
+      onFocus: function(e) {
         var next = {};
-        componentContext.setParentFocusState && (next.focusWithin = true), (pseudos == null ? void 0 : pseudos.focusVisibleStyle) && lastInteractionWasKeyboard.value ? next.focusVisible = true : next.focus = true, setStateShallow(next), onFocus == null ? void 0 : onFocus(e2);
+        componentContext.setParentFocusState && (next.focusWithin = true), (pseudos == null ? void 0 : pseudos.focusVisibleStyle) && lastInteractionWasKeyboard.value ? next.focusVisible = true : next.focus = true, setStateShallow(next), onFocus == null ? void 0 : onFocus(e);
       },
-      onBlur: function(e2) {
+      onBlur: function(e) {
         componentContext.setParentFocusState && componentContext.setParentFocusState({
           focusWithin: false
         }), setStateShallow({
           focus: false,
           focusVisible: false,
           focusWithin: false
-        }), onBlur == null ? void 0 : onBlur(e2);
+        }), onBlur == null ? void 0 : onBlur(e);
       }
     }) : null;
     if (events && !asChild) {
@@ -11710,8 +11707,8 @@ function getThemesDeduped(themes2, colorTokens) {
     for (var _iterator = sortedThemeNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
       var themeName = _step.value, darkOrLightSpecificPrefix = themeName.startsWith("dark") ? "dark" : themeName.startsWith("light") ? "light" : "", rawTheme = themes2[themeName], key = darkOrLightSpecificPrefix + JSON.stringify(rawTheme);
       if (existing.has(key)) {
-        var e2 = existing.get(key);
-        e2.names.push(themeName);
+        var e = existing.get(key);
+        e.names.push(themeName);
         continue;
       }
       var theme = __spreadValues(__spreadValues({}, colorTokens), rawTheme);