tamagui 2.0.0-1768586279389 → 2.0.0-1768636514428

package/dist/native.cjs

@@ -53,6 +53,7 @@ var __async = (__this, __arguments, generator) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e2) {
@@ -92,58 +93,6 @@ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 if (typeof globalThis["__DEV__"] === "undefined") {
   globalThis["__DEV__"] = false;
 }
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_production;
-function requireReactJsxRuntime_production() {
-  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-  hasRequiredReactJsxRuntime_production = 1;
-  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-  function jsxProd(type, config, maybeKey) {
-    var key = null;
-    void 0 !== maybeKey && (key = "" + maybeKey);
-    void 0 !== config.key && (key = "" + config.key);
-    if ("key" in config) {
-      maybeKey = {};
-      for (var propName in config)
-        "key" !== propName && (maybeKey[propName] = config[propName]);
-    } else maybeKey = config;
-    config = maybeKey.ref;
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type,
-      key,
-      ref: void 0 !== config ? config : null,
-      props: maybeKey
-    };
-  }
-  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-  reactJsxRuntime_production.jsx = jsxProd;
-  reactJsxRuntime_production.jsxs = jsxProd;
-  return reactJsxRuntime_production;
-}
-var hasRequiredJsxRuntime;
-function requireJsxRuntime() {
-  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-  hasRequiredJsxRuntime = 1;
-  {
-    jsxRuntime.exports = requireReactJsxRuntime_production();
-  }
-  return jsxRuntime.exports;
-}
-var jsxRuntimeExports = requireJsxRuntime();
 var pseudoDescriptorsBase = {
   // order of keys here important! in priority order
   hoverStyle: {
@@ -263,9 +212,9 @@ function createStyledContext(defaultValues) {
     ]), scope = getNamespacedScope(scopeIn), next = React.useMemo(function() {
       return __disableMergeDefaultValues ? values : mergeProps(defaultValues, values);
     }, [objectIdentityKey(values)]), ScopedProvider = OGProvider;
-    return scope && (ScopedProvider = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ jsxRuntimeExports.jsx(LastScopeInNamespace.Provider, {
+    return scope && (ScopedProvider = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ jsxRuntime.jsx(LastScopeInNamespace.Provider, {
       value: scope,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScopedProvider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(ScopedProvider, {
         value: next,
         children
       })
@@ -598,7 +547,7 @@ function LocaleProvider(props) {
     locale,
     children
   } = props;
-  return direction || locale ? /* @__PURE__ */ jsxRuntimeExports.jsx(LocaleContext.Provider, {
+  return direction || locale ? /* @__PURE__ */ jsxRuntime.jsx(LocaleContext.Provider, {
     value: {
       direction: locale ? getLocaleDirection(locale) : direction,
       locale
@@ -618,7 +567,7 @@ var LayoutHandlers = /* @__PURE__ */ new WeakMap(), LayoutDisableKey = /* @__PUR
     children
   } = param, id2 = React.useId();
   return useIsomorphicLayoutEffect(function() {
-  }, [disable, id2]), /* @__PURE__ */ jsxRuntimeExports.jsx(DisableLayoutContextKey.Provider, {
+  }, [disable, id2]), /* @__PURE__ */ jsxRuntime.jsx(DisableLayoutContextKey.Provider, {
     value: id2,
     children
   });
@@ -1759,6 +1708,9 @@ const stylesFromProps = /* @__PURE__ */ new WeakMap(), createDOMProps = (element
   return _id && (domProps.id = _id), testID != null && (domProps["data-testid"] = testID), domProps;
 };
 const isWebColor$1 = (color) => color === "currentcolor" || color === "currentColor" || color === "inherit" || color.startsWith("var(");
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
 var normalizeColor_1;
 var hasRequiredNormalizeColor;
 function requireNormalizeColor() {
@@ -2847,7 +2799,7 @@ const useCreateElement$1 = (component, props, options) => {
     if (!styles2) return;
     const styleObj = {};
     for (const style of styles2) styleObj[style[0]] = style;
-  }, [styles2]), /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+  }, [styles2]), /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [element, styleTags]
   });
 }, createElement$1 = (component, props, options) => {
@@ -2855,7 +2807,7 @@ const useCreateElement$1 = (component, props, options) => {
     element,
     styles: styles2
   } = createElementAndStyles$1(component, props);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [element, styles2 ? getStyleTags() : null]
   });
 }, createElementAndStyles$1 = (component, props, options) => {
@@ -2864,7 +2816,7 @@ const useCreateElement$1 = (component, props, options) => {
   const Component = accessibilityComponent || component, domProps = createDOMProps(Component, props), styles2 = stylesFromProps.get(domProps);
   let element = React.createElement(Component, domProps);
   return {
-    element: domProps.dir ? /* @__PURE__ */ jsxRuntimeExports.jsx(LocaleProvider, {
+    element: domProps.dir ? /* @__PURE__ */ jsxRuntime.jsx(LocaleProvider, {
       direction: domProps.dir,
       locale: domProps.lang,
       children: element
@@ -4067,7 +4019,7 @@ function createAnimatedComponent(Component) {
     } = _a, passthroughProps = __objRest(_a, [
       "style"
     ]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, __spreadProps(__spreadValues(__spreadValues({}, reducedProps), passthroughProps), {
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues(__spreadValues({}, reducedProps), passthroughProps), {
       style: [style, passthroughStyle],
       ref
     }));
@@ -4215,13 +4167,13 @@ const useCreateElement = (component, props, options) => {
     const styleObj = {};
     for (const style of styles2)
       styleObj[style[0]] = style;
-  }, [styles2]), /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  }, [styles2]), /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     element,
     styleTags
   ] });
 }, createElement = (component, props, options) => {
   const { element, styles: styles2 } = createElementAndStyles(component, props);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     element,
     styles2 ? getStyleTags() : null
   ] });
@@ -4231,7 +4183,7 @@ const useCreateElement = (component, props, options) => {
   const Component = accessibilityComponent || component, domProps = createDOMProps(Component, props), styles2 = stylesFromProps.get(domProps);
   let element = React.createElement(Component, domProps);
   return {
-    element: domProps.dir ? /* @__PURE__ */ jsxRuntimeExports.jsx(LocaleProvider, { direction: domProps.dir, locale: domProps.lang, children: element }) : element,
+    element: domProps.dir ? /* @__PURE__ */ jsxRuntime.jsx(LocaleProvider, { direction: domProps.dir, locale: domProps.lang, children: element }) : element,
     styles: styles2
   };
 };
@@ -4394,7 +4346,7 @@ const ScrollViewBase$1 = React__namespace.forwardRef((props, forwardedRef) => {
     scrollState.current.isScrolling = false, onScroll && onScroll(normalizeScrollEvent$1(e2));
   }
   const hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     View$3,
     __spreadProps(__spreadValues({}, rest), {
       onScroll: handleScroll,
@@ -4627,7 +4579,7 @@ let ScrollView$2 = class ScrollView extends React.Component {
     });
     const hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices), children = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(this.props.children, (child, i) => {
       const isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
-      return child != null && (isSticky || pagingEnabled) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      return child != null && (isSticky || pagingEnabled) ? /* @__PURE__ */ jsxRuntime.jsx(
         View$3,
         {
           style: StyleSheet.compose(
@@ -4637,7 +4589,7 @@ let ScrollView$2 = class ScrollView extends React.Component {
           children: child
         }
       ) : child;
-    }) : this.props.children, contentContainer = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    }) : this.props.children, contentContainer = /* @__PURE__ */ jsxRuntime.jsx(
       View$3,
       __spreadProps(__spreadValues({}, contentSizeChangeProps), {
         collapsable: false,
@@ -4669,7 +4621,7 @@ let ScrollView$2 = class ScrollView extends React.Component {
       onResponderTerminate: this.scrollResponderHandleTerminate.bind(this)
     }), ScrollViewClass = ScrollViewBase$1;
     invariant(ScrollViewClass !== void 0, "ScrollViewClass must not be undefined");
-    const scrollView = /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollViewClass, __spreadProps(__spreadValues({}, props), { ref: this._setScrollNodeRef.bind(this), children: contentContainer }));
+    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) {
@@ -4908,7 +4860,7 @@ const commonStyle$1 = {
   pagingEnabledChild: {
     scrollSnapAlign: "start"
   }
-}, ForwardedScrollView$1 = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollView$2, __spreadProps(__spreadValues({}, props), { forwardedRef })));
+}, ForwardedScrollView$1 = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(ScrollView$2, __spreadProps(__spreadValues({}, props), { forwardedRef })));
 ForwardedScrollView$1.displayName = "ScrollView";
 function RefreshControl(props) {
   const _a = props, {
@@ -4935,7 +4887,7 @@ function RefreshControl(props) {
     "title",
     "titleColor"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$3, __spreadValues({}, rest));
+  return /* @__PURE__ */ jsxRuntime.jsx(View$3, __spreadValues({}, rest));
 }
 class Batchinator {
   constructor(callback, delayMS) {
@@ -5269,7 +5221,7 @@ function VirtualizedListCellContextProvider({ cellKey, children }) {
     () => currContext == null ? null : __spreadProps(__spreadValues({}, currContext), { cellKey }),
     [currContext, cellKey]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualizedListContext.Provider, { value: context2, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(VirtualizedListContext.Provider, { value: context2, children });
 }
 class CellRenderer extends React__namespace.Component {
   constructor() {
@@ -5367,8 +5319,8 @@ class CellRenderer extends React__namespace.Component {
       ItemSeparatorComponent
     ) : (
       // $FlowFixMe[incompatible-type]
-      ItemSeparatorComponent && /* @__PURE__ */ jsxRuntimeExports.jsx(ItemSeparatorComponent, __spreadValues({}, this.state.separatorProps))
-    ), cellStyle = inversionStyle ? horizontal ? [styles$e.rowReverse, inversionStyle] : [styles$e.columnReverse, inversionStyle] : horizontal ? [styles$e.row, inversionStyle] : inversionStyle, result = CellRendererComponent ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      ItemSeparatorComponent && /* @__PURE__ */ jsxRuntime.jsx(ItemSeparatorComponent, __spreadValues({}, this.state.separatorProps))
+    ), cellStyle = inversionStyle ? horizontal ? [styles$e.rowReverse, inversionStyle] : [styles$e.columnReverse, inversionStyle] : horizontal ? [styles$e.row, inversionStyle] : inversionStyle, result = CellRendererComponent ? /* @__PURE__ */ jsxRuntime.jsxs(
       CellRendererComponent,
       __spreadProps(__spreadValues({
         cellKey,
@@ -5382,7 +5334,7 @@ class CellRenderer extends React__namespace.Component {
           itemSeparator
         ]
       })
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(
       View$3,
       __spreadProps(__spreadValues({
         style: cellStyle,
@@ -5394,7 +5346,7 @@ class CellRenderer extends React__namespace.Component {
         ]
       })
     );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualizedListCellContextProvider, { cellKey: this.props.cellKey, children: result });
+    return /* @__PURE__ */ jsxRuntime.jsx(VirtualizedListCellContextProvider, { cellKey: this.props.cellKey, children: result });
   }
 }
 const styles$e = StyleSheet.create({
@@ -5616,14 +5568,14 @@ class VirtualizedList extends StateSafePureComponent {
       "viewabilityConfig",
       "viewabilityConfigCallbackPairs"
     ]);
-    return getItemCount(data) === 0 ? ListEmptyComponent ? /* @__PURE__ */ jsxRuntimeExports.jsx(ListEmptyComponent, {}) : null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return getItemCount(data) === 0 ? ListEmptyComponent ? /* @__PURE__ */ jsxRuntime.jsx(ListEmptyComponent, {}) : null : /* @__PURE__ */ jsxRuntime.jsx(
       ForwardedScrollView$1,
       __spreadProps(__spreadValues({}, restProps), {
         ref: this._captureRef,
         onContentSizeChange: this._onContentSizeChange,
         onLayout: this._onLayout,
         onScroll: this._onScroll,
-        refreshControl: onRefresh && /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshControl, { refreshing, onRefresh }),
+        refreshControl: onRefresh && /* @__PURE__ */ jsxRuntime.jsx(RefreshControl, { refreshing, onRefresh }),
         scrollEventThrottle: scrollEventThrottleOrDefault(this.props.scrollEventThrottle),
         removeClippedSubviews,
         children: this._renderChildren()
@@ -5635,7 +5587,7 @@ class VirtualizedList extends StateSafePureComponent {
     for (let i = 0; i < getItemCount(data); i++) {
       const item = getItem(data, i);
       items.push(
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           CellRenderer,
           {
             cellKey: String(i),
@@ -5707,13 +5659,13 @@ class FlatList extends React.PureComponent {
       return numColumns > 1 ? (invariant(Array.isArray(items), "FlatList: Expected each item to be an array with multiple columns."), items.map((item, kk) => keyExtractor$1(item, index2 * numColumns + kk)).join(":")) : keyExtractor$1(items, index2);
     });
     __publicField(this, "_renderer", (ListItemComponent2, renderItem, columnWrapperStyle, numColumns, extraData) => {
-      const cols = numColumnsOrDefault(numColumns), render = (props) => ListItemComponent2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemComponent2, __spreadValues({}, props)) : renderItem ? renderItem(props) : null, renderProp = (info) => {
+      const cols = numColumnsOrDefault(numColumns), render = (props) => ListItemComponent2 ? /* @__PURE__ */ jsxRuntime.jsx(ListItemComponent2, __spreadValues({}, props)) : renderItem ? renderItem(props) : null, renderProp = (info) => {
         if (cols > 1) {
           const {
             item,
             index: index2
           } = info;
-          return invariant(Array.isArray(item), "Expected array of items with numColumns > 1"), /* @__PURE__ */ jsxRuntimeExports.jsx(View$3, {
+          return invariant(Array.isArray(item), "Expected array of items with numColumns > 1"), /* @__PURE__ */ jsxRuntime.jsx(View$3, {
             style: [styles$d.row, columnWrapperStyle],
             children: item.map((it, kk) => {
               const element = render({
@@ -5721,7 +5673,7 @@ class FlatList extends React.PureComponent {
                 index: index2 * cols + kk,
                 separators: info.separators
               });
-              return element != null ? /* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, {
+              return element != null ? /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, {
                 children: element
               }, kk) : null;
             })
@@ -5794,7 +5746,7 @@ class FlatList extends React.PureComponent {
       "removeClippedSubviews",
       "strictMode"
     ]), renderer = strictMode ? this._memoizedRenderer : this._renderer;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualizedList, __spreadValues(__spreadProps(__spreadValues({}, restProps), {
+    return /* @__PURE__ */ jsxRuntime.jsx(VirtualizedList, __spreadValues(__spreadProps(__spreadValues({}, restProps), {
       getItem: this._getItem,
       getItemCount: this._getItemCount,
       keyExtractor: this._keyExtractor,
@@ -5809,7 +5761,7 @@ const styles$d = {
     flexDirection: "row"
   }
 };
-const FlatListWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(FlatList, __spreadProps(__spreadValues({
+const FlatListWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(FlatList, __spreadProps(__spreadValues({
   scrollEventThrottle: 1e-4
 }, props), {
   ref
@@ -5850,7 +5802,7 @@ const ERRORED$1 = "ERRORED", LOADED$1 = "LOADED", LOADING$1 = "LOADING", IDLE$1
 let _filterId$1 = 0;
 const svgDataUriPattern$1 = /^(data:image\/svg\+xml;utf8,)(.*)/;
 function createTintColorSVG$1(tintColor, id2) {
-  return tintColor && id2 != null ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return tintColor && id2 != null ? /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
       style: {
@@ -5859,9 +5811,9 @@ function createTintColorSVG$1(tintColor, id2) {
         visibility: "hidden",
         width: 0
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("filter", { id: `tint-${id2}`, suppressHydrationWarning: true, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("feFlood", { floodColor: `${tintColor}` }, tintColor),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("feComposite", { in2: "SourceAlpha", operator: "atop" })
+      children: /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: `tint-${id2}`, suppressHydrationWarning: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("feFlood", { floodColor: `${tintColor}` }, tintColor),
+        /* @__PURE__ */ jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "atop" })
       ] }) })
     }
   ) : null;
@@ -5983,7 +5935,7 @@ const Image$2 = React__namespace.forwardRef((props, ref) => {
       requestRef.current != null && (ImageLoader.abort(requestRef.current), requestRef.current = null);
     }
     return abortPendingRequest;
-  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ jsxRuntime.jsxs(
     View$3,
     __spreadProps(__spreadValues({}, rest), {
       "aria-label": accessibilityLabel,
@@ -5998,7 +5950,7 @@ const Image$2 = React__namespace.forwardRef((props, ref) => {
         flatStyle
       ],
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           View$3,
           {
             style: [
@@ -6075,7 +6027,7 @@ const styles$c = StyleSheet.create({
   }
 });
 createAnimatedComponent(ImageWithStatics$1);
-const ScrollViewWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardedScrollView$1, __spreadProps(__spreadValues({
+const ScrollViewWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(ForwardedScrollView$1, __spreadProps(__spreadValues({
   scrollEventThrottle: 1e-4
 }, props), {
   ref
@@ -6147,7 +6099,7 @@ class VirtualizedSectionList extends React__namespace.PureComponent {
     for (const section of this.props.sections)
       stickyHeaderIndices == null ? void 0 : stickyHeaderIndices.push(itemCount + listHeaderOffset), itemCount += 2, itemCount += this.props.getItemCount(section.data);
     const renderItem = this._renderItem(itemCount);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       VirtualizedList,
       __spreadProps(__spreadValues({}, passThroughProps), {
         keyExtractor: this._keyExtractor,
@@ -6222,7 +6174,7 @@ class SectionList extends React__namespace.PureComponent {
   }
   render() {
     const _a = this.props, { sections } = _a, passThroughProps = __objRest(_a, ["sections"]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       VirtualizedSectionList,
       __spreadProps(__spreadValues({}, passThroughProps), {
         sections,
@@ -6236,7 +6188,7 @@ class SectionList extends React__namespace.PureComponent {
   }
 }
 var SectionList_default = SectionList;
-const SectionListWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(SectionList_default, __spreadProps(__spreadValues({
+const SectionListWithEventThrottle = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(SectionList_default, __spreadProps(__spreadValues({
   scrollEventThrottle: 1e-4
 }, props), {
   ref
@@ -6333,7 +6285,7 @@ const pickProps$4 = (props) => pick(props, forwardPropsListText), Text$5 = React
     const platformMethodsRef = usePlatformMethods(supportedProps), setRef2 = useMergeRefs$1(hostRef, platformMethodsRef, forwardedRef);
     supportedProps.ref = setRef2;
     const element = useCreateElement(component, supportedProps);
-    return hasTextAncestor ? element : /* @__PURE__ */ jsxRuntimeExports.jsx(TextAncestorContext.Provider, { value: true, children: element });
+    return hasTextAncestor ? element : /* @__PURE__ */ jsxRuntime.jsx(TextAncestorContext.Provider, { value: true, children: element });
   }
 );
 Text$5.displayName = "Text";
@@ -6566,7 +6518,7 @@ function requireReactDom_production() {
   reactDom_production.useFormStatus = function() {
     return ReactSharedInternals.H.useHostTransitionStatus();
   };
-  reactDom_production.version = "19.1.0";
+  reactDom_production.version = "19.2.3";
   return reactDom_production;
 }
 var hasRequiredReactDom;
@@ -6683,16 +6635,16 @@ const RootTagContext$1 = React__namespace.createContext(null), AppContainer = Re
     children,
     WrapperComponent
   } = props;
-  let innerView = /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+  let innerView = /* @__PURE__ */ jsxRuntime.jsx(View$2, {
     pointerEvents: "box-none",
     style: styles$9.appContainer,
     children
   }, 1);
-  return WrapperComponent && (innerView = /* @__PURE__ */ jsxRuntimeExports.jsx(WrapperComponent, {
+  return WrapperComponent && (innerView = /* @__PURE__ */ jsxRuntime.jsx(WrapperComponent, {
     children: innerView
-  })), /* @__PURE__ */ jsxRuntimeExports.jsx(RootTagContext$1.Provider, {
+  })), /* @__PURE__ */ jsxRuntime.jsx(RootTagContext$1.Provider, {
     value: props.rootTag,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(View$2, {
       pointerEvents: "box-none",
       ref: forwardedRef,
       style: styles$9.appContainer,
@@ -6927,7 +6879,7 @@ class UnimplementedView extends React.Component {
     });
   }
   render() {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadValues({}, this.props));
+    return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadValues({}, this.props));
   }
 }
 function TouchableOpacityImpl(props, forwardedRef) {
@@ -6979,7 +6931,7 @@ function TouchableOpacityImpl(props, forwardedRef) {
       setOpacityInactive(250), onPressOut == null ? void 0 : onPressOut(event);
     }
   }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, setOpacityActive, setOpacityInactive]), pressEventHandlers = usePressEvents(hostRef, pressConfig);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$3, __spreadProps(__spreadValues(__spreadValues({}, rest), pressEventHandlers), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$3, __spreadProps(__spreadValues(__spreadValues({}, rest), pressEventHandlers), {
     accessibilityDisabled: disabled,
     focusable: !disabled && focusable !== false,
     ref: setRef2,
@@ -7048,7 +7000,7 @@ function TouchableWithoutFeedbackImpl(props, forwardedRef) {
 }
 const TouchableWithoutFeedback = React__namespace.memo(React__namespace.forwardRef(TouchableWithoutFeedbackImpl));
 TouchableWithoutFeedback.displayName = "TouchableWithoutFeedback";
-const createSvgCircle = (style) => /* @__PURE__ */ jsxRuntimeExports.jsx("circle", {
+const createSvgCircle = (style) => /* @__PURE__ */ jsxRuntime.jsx("circle", {
   cx: "16",
   cy: "16",
   fill: "none",
@@ -7068,7 +7020,7 @@ const createSvgCircle = (style) => /* @__PURE__ */ jsxRuntimeExports.jsx("circle
     "hidesWhenStopped",
     "size",
     "style"
-  ]), svg = /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", {
+  ]), svg = /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     height: "100%",
     viewBox: "0 0 32 32",
     width: "100%",
@@ -7081,13 +7033,13 @@ const createSvgCircle = (style) => /* @__PURE__ */ jsxRuntimeExports.jsx("circle
       strokeDashoffset: 60
     })]
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues({}, other), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues({}, other), {
     accessibilityRole: "progressbar",
     accessibilityValueMax: 1,
     accessibilityValueMin: 0,
     ref: forwardedRef,
     style: [styles$7.container, style],
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(View$2, {
       children: svg,
       style: [typeof size == "number" ? {
         height: size,
@@ -7139,20 +7091,20 @@ const ERRORED = "ERRORED", LOADED = "LOADED", LOADING = "LOADING", IDLE = "IDLE"
 let _filterId = 0;
 const svgDataUriPattern = /^(data:image\/svg\+xml;utf8,)(.*)/;
 function createTintColorSVG(tintColor, id2) {
-  return tintColor && id2 != null ? /* @__PURE__ */ jsxRuntimeExports.jsx("svg", {
+  return tintColor && id2 != null ? /* @__PURE__ */ jsxRuntime.jsx("svg", {
     style: {
       position: "absolute",
       height: 0,
       visibility: "hidden",
       width: 0
     },
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx("defs", {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("filter", {
+    children: /* @__PURE__ */ jsxRuntime.jsx("defs", {
+      children: /* @__PURE__ */ jsxRuntime.jsxs("filter", {
         id: `tint-${id2}`,
         suppressHydrationWarning: true,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("feFlood", {
+        children: [/* @__PURE__ */ jsxRuntime.jsx("feFlood", {
           floodColor: `${tintColor}`
-        }, tintColor), /* @__PURE__ */ jsxRuntimeExports.jsx("feComposite", {
+        }, tintColor), /* @__PURE__ */ jsxRuntime.jsx("feComposite", {
           in2: "SourceAlpha",
           operator: "atop"
         })]
@@ -7292,13 +7244,13 @@ const Image$1 = React__namespace.forwardRef((props, ref) => {
       requestRef.current != null && (ImageLoader.abort(requestRef.current), requestRef.current = null);
     }
     return abortPendingRequest;
-  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ jsxRuntimeExports.jsxs(View$2, __spreadProps(__spreadValues({}, rest), {
+  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ jsxRuntime.jsxs(View$2, __spreadProps(__spreadValues({}, rest), {
     "aria-label": accessibilityLabel,
     onLayout: handleLayout,
     pointerEvents,
     ref,
     style: [style, styles$6.root, hasTextAncestor && styles$6.inline, imageSizeStyle, flatStyle],
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+    children: [/* @__PURE__ */ jsxRuntime.jsx(View$2, {
       style: [...[].concat(styles$6.image), resizeModeStyles[resizeMode], {
         backgroundImage,
         filter
@@ -7382,10 +7334,10 @@ const emptyObject$2 = {}, ImageBackground = React.forwardRef((props, forwardedRe
     height,
     width
   } = StyleSheet.flatten(style);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(View$2, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(View$2, {
     ref: forwardedRef,
     style,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ImageWithStatics, __spreadProps(__spreadValues({}, rest), {
+    children: [/* @__PURE__ */ jsxRuntime.jsx(ImageWithStatics, __spreadProps(__spreadValues({}, rest), {
       ref: imageRef,
       style: [{
         // Temporary Workaround:
@@ -7481,7 +7433,7 @@ function Pressable(props, forwardedRef) {
   }, [onContextMenu, onContextMenuPress]), keyDownHandler = React__namespace.useCallback((e2) => {
     onKeyDownPress == null ? void 0 : onKeyDownPress(e2), onKeyDown2 == null ? void 0 : onKeyDown2(e2);
   }, [onKeyDown2, onKeyDownPress]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues(__spreadValues({}, rest), pressEventHandlers), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues(__spreadValues({}, rest), pressEventHandlers), {
     accessibilityDisabled: disabled,
     focusable: !disabled && focusable !== false,
     onBlur: blurHandler,
@@ -7511,7 +7463,7 @@ const cssFunction = canUseDOM$1 && window.CSS && window.CSS.supports && window.C
   } = _a, rest = __objRest(_a, [
     "style"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues({}, rest), {
     ref,
     style: StyleSheet.compose(styles$4.root, style)
   }));
@@ -7603,7 +7555,7 @@ const ScrollViewBase = React__namespace.forwardRef((props, forwardedRef) => {
     scrollState.current.isScrolling = false, onScroll && onScroll(normalizeScrollEvent(e2));
   }
   const hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues({}, rest), {
     onScroll: handleScroll,
     onTouchMove: createPreventableScrollHandler(onTouchMove),
     onWheel: createPreventableScrollHandler(onWheel),
@@ -7846,11 +7798,11 @@ let ScrollView$1 = class ScrollView2 extends React.Component {
     });
     const hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices), children = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(this.props.children, (child, i) => {
       const isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
-      return child != null && (isSticky || pagingEnabled) ? /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+      return child != null && (isSticky || pagingEnabled) ? /* @__PURE__ */ jsxRuntime.jsx(View$2, {
         style: StyleSheet.compose(isSticky && styles$2.stickyHeader, pagingEnabled && styles$2.pagingEnabledChild),
         children: child
       }) : child;
-    }) : this.props.children, contentContainer = /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, __spreadProps(__spreadValues({}, contentSizeChangeProps), {
+    }) : this.props.children, contentContainer = /* @__PURE__ */ jsxRuntime.jsx(View$2, __spreadProps(__spreadValues({}, contentSizeChangeProps), {
       collapsable: false,
       ref: this._setInnerViewRef.bind(this),
       style: [horizontal && styles$2.contentContainerHorizontal, centerContent && styles$2.contentContainerCenterContent, contentContainerStyle],
@@ -7875,7 +7827,7 @@ let ScrollView$1 = class ScrollView2 extends React.Component {
       onResponderTerminate: this.scrollResponderHandleTerminate.bind(this)
     }), ScrollViewClass = ScrollViewBase;
     invariant(ScrollViewClass !== void 0, "ScrollViewClass must not be undefined");
-    const scrollView = /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollViewClass, __spreadProps(__spreadValues({}, props), {
+    const scrollView = /* @__PURE__ */ jsxRuntime.jsx(ScrollViewClass, __spreadProps(__spreadValues({}, props), {
       ref: this._setScrollNodeRef.bind(this),
       children: contentContainer
     }));
@@ -8124,7 +8076,7 @@ const commonStyle = {
   pagingEnabledChild: {
     scrollSnapAlign: "start"
   }
-}, ForwardedScrollView = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollView$1, __spreadProps(__spreadValues({}, props), {
+}, ForwardedScrollView = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(ScrollView$1, __spreadProps(__spreadValues({}, props), {
   forwardedRef
 })));
 ForwardedScrollView.displayName = "ScrollView";
@@ -8214,7 +8166,7 @@ const pickProps$1 = (props) => pick(props, forwardPropsListText), Text$4 = React
   const platformMethodsRef = usePlatformMethods(supportedProps), setRef2 = useMergeRefs$1(hostRef, platformMethodsRef, forwardedRef);
   supportedProps.ref = setRef2;
   const element = useCreateElement$1(component, supportedProps);
-  return hasTextAncestor ? element : /* @__PURE__ */ jsxRuntimeExports.jsx(TextAncestorContext.Provider, {
+  return hasTextAncestor ? element : /* @__PURE__ */ jsxRuntime.jsx(TextAncestorContext.Provider, {
     value: true,
     children: element
   });
@@ -10630,9 +10582,14 @@ var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", animata
 }))), {
   opacity: 1,
   scale: 1,
+  scaleX: 1,
+  scaleY: 1,
   rotate: "0deg",
-  rotateY: "0deg",
   rotateX: "0deg",
+  rotateY: "0deg",
+  rotateZ: "0deg",
+  skewX: "0deg",
+  skewY: "0deg",
   x: 0,
   y: 0,
   borderRadius: 0
@@ -10774,7 +10731,7 @@ function getThemedChildren(themeState, children, props) {
     forceClassName
   } = props, state = stateRef.current, hasEverThemed = state.hasEverThemed, shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
   if (!shouldRenderChildrenWithTheme) return children;
-  children = /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeStateContext.Provider, {
+  children = /* @__PURE__ */ jsxRuntime.jsx(ThemeStateContext.Provider, {
     value: themeState.id,
     children
   });
@@ -10788,7 +10745,7 @@ function getThemedChildren(themeState, children, props) {
     var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
     if (!parentState) throw new Error("‼️010");
     children = React.Children.toArray(children).map(function(child) {
-      return /* @__PURE__ */ React.isValidElement(child) ? passThrough ? child : /* @__PURE__ */ React.cloneElement(child, void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, {
+      return /* @__PURE__ */ React.isValidElement(child) ? passThrough ? child : /* @__PURE__ */ React.cloneElement(child, void 0, /* @__PURE__ */ jsxRuntime.jsx(Theme, {
         name: parentState.name,
         children: child.props.children
       })) : child;
@@ -10814,21 +10771,21 @@ function themeable(Component, staticConfig) {
     }
     var element = (
       // @ts-expect-error its ok
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Component, __spreadProps(__spreadValues({
+      /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({
         ref
       }, rest), {
         "data-disable-theme": true
       }))
     ), filteredProps = null, compName = componentName || (staticConfig == null ? void 0 : staticConfig.componentName);
     if (compName && (filteredProps || (filteredProps = {}), filteredProps.componentName = compName), "debug" in props && (filteredProps || (filteredProps = {}), filteredProps.debug = props.debug), "theme" in props && (filteredProps || (filteredProps = {}), filteredProps.name = props.theme), "themeReset" in props && (filteredProps || (filteredProps = {}), filteredProps.reset = themeReset), optimize && !filteredProps) return element;
-    var contents = /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, __spreadProps(__spreadValues({
+    var contents = /* @__PURE__ */ jsxRuntime.jsx(Theme, __spreadProps(__spreadValues({
       "disable-child-theme": true
     }, filteredProps), {
       children: element
     }));
     if (context2) {
       var Provider = context2.Provider, contextValue = React.useContext(context2);
-      contents = /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, __spreadProps(__spreadValues(__spreadValues({}, contextValue), overriddenContextProps), {
+      contents = /* @__PURE__ */ jsxRuntime.jsx(Provider, __spreadProps(__spreadValues(__spreadValues({}, contextValue), overriddenContextProps), {
         children: contents
       }));
     }
@@ -10843,7 +10800,7 @@ var ClientOnlyContext = /* @__PURE__ */ React.createContext(false), ClientOnly =
     children,
     enabled
   } = param, existingValue = React.useContext(ClientOnlyContext);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ClientOnlyContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ClientOnlyContext.Provider, {
     value: enabled != null ? enabled : existingValue,
     children
   });
@@ -10961,7 +10918,7 @@ var is19 = React.version.startsWith("19."), Slot = /* @__PURE__ */ React.memo(/*
   var {
     children
   } = param;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children
   });
 };
@@ -11283,24 +11240,27 @@ function createComponent(staticConfig) {
         });
         return;
       }
-      var tm;
       if (state.unmounted) {
-        if ((animationDriver == null ? void 0 : animationDriver.supportsCSS) || isAndroid) return tm = setTimeout(function() {
-          setStateShallow({
-            unmounted: false
-          });
-        }), function() {
-          return clearTimeout(tm);
-        };
+        if (supportsCSS) {
+          var cancelled = false;
+          return requestAnimationFrame(function() {
+            cancelled || requestAnimationFrame(function() {
+              cancelled || setStateShallow({
+                unmounted: false
+              });
+            });
+          }), function() {
+            cancelled = true;
+          };
+        }
         setStateShallow({
           unmounted: false
         });
-        return;
       }
       return function() {
         componentSetStates.delete(setState);
       };
-    }, [state.unmounted, disabled]), useIsomorphicLayoutEffect(function() {
+    }, [state.unmounted, supportsCSS]), useIsomorphicLayoutEffect(function() {
       if (!disabled && !(!pseudoGroups && !mediaGroups) && allGroupContexts) return subscribeToContextGroup({
         groupContext: allGroupContexts,
         setStateShallow,
@@ -11388,19 +11348,19 @@ function createComponent(staticConfig) {
     !isHOC && ResetPresence2 && willBeAnimated && (hasEnterStyle || presenceState)), hasEverReset = stateRef.current.hasEverResetPresence;
     needsReset && !hasEverReset && (stateRef.current.hasEverResetPresence = true);
     var renderReset = needsReset || hasEverReset;
-    if (renderReset && ResetPresence2 && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(ResetPresence2, {
+    if (renderReset && ResetPresence2 && (content = /* @__PURE__ */ jsxRuntime.jsx(ResetPresence2, {
       disabled: !needsReset,
       children: content
-    })), "focusWithinStyle" in propsIn && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, componentContext), {
+    })), "focusWithinStyle" in propsIn && (content = /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, componentContext), {
       setParentFocusState: setStateShallow,
       children: content
-    }))), "group" in props && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(GroupContext.Provider, {
+    }))), "group" in props && (content = /* @__PURE__ */ jsxRuntime.jsx(GroupContext.Provider, {
       value: allGroupContexts,
       children: content
     })), content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef), overriddenContextProps && contextForOverride) {
       var Provider = contextForOverride.Provider;
       for (var key1 in styledContextValue) key1 in overriddenContextProps || (overriddenContextProps[key1] = styledContextValue[key1]);
-      debugProp && console.info("overriddenContextProps", overriddenContextProps), content = /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, __spreadProps(__spreadValues({
+      content = /* @__PURE__ */ jsxRuntime.jsx(Provider, __spreadProps(__spreadValues({
         __disableMergeDefaultValues: true
       }, overriddenContextProps), {
         children: content
@@ -12014,9 +11974,9 @@ function useThemeName() {
 }
 var Configuration = function(props) {
   var current = React.useContext(ComponentContext), _props_disableSSR;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ClientOnly, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ClientOnly, {
     enabled: (_props_disableSSR = props.disableSSR) !== null && _props_disableSSR !== void 0 ? _props_disableSSR : current.disableSSR,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContext.Provider, __spreadValues(__spreadValues({}, current), props))
+    children: /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadValues(__spreadValues({}, current), props))
   });
 };
 function FontLanguage(param) {
@@ -12027,7 +11987,7 @@ function FontLanguage(param) {
   ]), parentProps = React.useContext(ComponentContext), language = React.useMemo(function() {
     return props;
   }, [JSON.stringify(props)]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, parentProps), {
+  return /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, parentProps), {
     language,
     children
   }));
@@ -12035,7 +11995,7 @@ function FontLanguage(param) {
 var ThemeProvider = function(props) {
   var addThemeClassName = getSetting("addThemeClassName");
   var forceClassName = addThemeClassName === void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Theme, {
     className: props.className,
     name: props.defaultTheme,
     forceClassName,
@@ -12059,11 +12019,11 @@ function TamaguiProvider$2(param) {
   }, []);
   var memoizedInsets = React.useMemo(function() {
     return insets;
-  }, [insets == null ? void 0 : insets.top, insets == null ? void 0 : insets.right, insets == null ? void 0 : insets.bottom, insets == null ? void 0 : insets.left]), contents = /* @__PURE__ */ jsxRuntimeExports.jsx(UnmountedClassName, {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContext.Provider, {
+  }, [insets == null ? void 0 : insets.top, insets == null ? void 0 : insets.right, insets == null ? void 0 : insets.bottom, insets == null ? void 0 : insets.left]), contents = /* @__PURE__ */ jsxRuntime.jsx(UnmountedClassName, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, {
       animationDriver: config == null ? void 0 : config.animations,
       insets: memoizedInsets,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, {
         defaultTheme,
         reset,
         className,
@@ -12071,10 +12031,10 @@ function TamaguiProvider$2(param) {
       })
     })
   });
-  return getSetting("disableSSR") && (contents = /* @__PURE__ */ jsxRuntimeExports.jsx(ClientOnly, {
+  return getSetting("disableSSR") && (contents = /* @__PURE__ */ jsxRuntime.jsx(ClientOnly, {
     enabled: true,
     children: contents
-  })), /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+  })), /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [contents, false]
   });
 }
@@ -12196,8 +12156,8 @@ function spacedChildren(props) {
         spaceFlex,
         separator,
         key: child.key
-      })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, {
-        children: isZStack ? /* @__PURE__ */ jsxRuntimeExports.jsx(AbsoluteFill, {
+      })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */ jsxRuntime.jsx(React.Fragment, {
+        children: isZStack ? /* @__PURE__ */ jsxRuntime.jsx(AbsoluteFill, {
           children: child
         }) : child
       }, `${index2}0t`)), !(isUnspaced(child) && index2 === 0) && !isZStack) {
@@ -12207,7 +12167,7 @@ function spacedChildren(props) {
           direction,
           space,
           spaceFlex
-        })), final.push(/* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, {
+        })), final.push(/* @__PURE__ */ jsxRuntime.jsx(React.Fragment, {
           children: separator
         }, `${index2}03t`)), hasSpace && final.push(createSpacer({
           key: `_${index2}01t`,
@@ -12240,7 +12200,7 @@ function createSpacer(param) {
     space,
     spaceFlex
   } = param;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer, __spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(Spacer, __spreadValues({
     // @ts-ignore
     size: space,
     // @ts-ignore
@@ -12278,7 +12238,7 @@ function useConstant(fn) {
 }
 var PresenceContext = /* @__PURE__ */ React__namespace.createContext(null), ResetPresence = function(props) {
   var parent = React__namespace.useContext(PresenceContext);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PresenceContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(PresenceContext.Provider, {
     value: props.disable ? parent : null,
     children: props.children
   });
@@ -12367,7 +12327,7 @@ var PresenceChild = /* @__PURE__ */ React__namespace.memo(function(param) {
     });
   }, [isPresent2]), React__namespace.useEffect(function() {
     !isPresent2 && !presenceChildren.size && (onExitComplete == null ? void 0 : onExitComplete());
-  }, [isPresent2]), /* @__PURE__ */ jsxRuntimeExports.jsx(PresenceContext.Provider, {
+  }, [isPresent2]), /* @__PURE__ */ jsxRuntime.jsx(PresenceContext.Provider, {
     value: context2,
     children
   });
@@ -12405,14 +12365,14 @@ var AnimatePresence = function(param) {
   } = param, _useContext_forceRender, forceRender = (_useContext_forceRender = React.useContext(LayoutGroupContext).forceRender) !== null && _useContext_forceRender !== void 0 ? _useContext_forceRender : useForceUpdate(), filteredChildren = onlyElements(children), presentChildren = React.useRef(filteredChildren), allChildren = React.useRef(/* @__PURE__ */ new Map()).current, exiting = React.useRef(/* @__PURE__ */ new Set()).current;
   updateChildLookup(filteredChildren, allChildren);
   var isInitialRender = React.useRef(true);
-  if (passThrough) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  if (passThrough) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children
   });
   if (useIsomorphicLayoutEffect(function() {
     isInitialRender.current = false;
-  }, []), isInitialRender.current) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  }, []), isInitialRender.current) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: filteredChildren.map(function(child) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(PresenceChild, {
+      return /* @__PURE__ */ jsxRuntime.jsx(PresenceChild, {
         isPresent: true,
         enterExitVariant,
         exitVariant,
@@ -12438,7 +12398,7 @@ var AnimatePresence = function(param) {
             return presentChild.key === key2;
           });
           presentChildren.current.splice(removeIndex, 1), exiting.size || (presentChildren.current = filteredChildren, forceRender(), onExitComplete == null ? void 0 : onExitComplete());
-        }, exitingComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(PresenceChild, {
+        }, exitingComponent = /* @__PURE__ */ jsxRuntime.jsx(PresenceChild, {
           isPresent: false,
           onExitComplete: onExit,
           presenceAffectsLayout,
@@ -12453,7 +12413,7 @@ var AnimatePresence = function(param) {
     }
   }), childrenToRender = childrenToRender.map(function(child) {
     var key2 = child.key;
-    return exiting.has(key2) ? child : /* @__PURE__ */ jsxRuntimeExports.jsx(PresenceChild, {
+    return exiting.has(key2) ? child : /* @__PURE__ */ jsxRuntime.jsx(PresenceChild, {
       isPresent: true,
       exitVariant,
       enterVariant,
@@ -12462,7 +12422,7 @@ var AnimatePresence = function(param) {
       custom,
       children: child
     }, getChildKey(child));
-  }), presentChildren.current = childrenToRender, /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  }), presentChildren.current = childrenToRender, /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: exiting.size ? childrenToRender : (
       // biome-ignore lint/correctness/useJsxKeyInIterable: <explanation>
       childrenToRender.map(function(child) {
@@ -12527,7 +12487,7 @@ var COLLAPSIBLE_NAME = "Collapsible", {
     defaultProp: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleProvider, {
     scope: __scopeCollapsible,
     disabled,
     contentId: React__namespace.useId(),
@@ -12537,7 +12497,7 @@ var COLLAPSIBLE_NAME = "Collapsible", {
         return !prevOpen;
       });
     }, [setOpen]),
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Stack$1, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(Stack$1, __spreadProps(__spreadValues({
       "data-state": getState$4(open2),
       "data-disabled": disabled ? "" : void 0
     }, collapsibleProps), {
@@ -12557,7 +12517,7 @@ var TRIGGER_NAME$4 = "CollapsibleTrigger", CollapsibleTriggerFrame = styled(Stac
     "__scopeCollapsible",
     "children"
   ]), context2 = useCollapsibleContext(__scopeCollapsible);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleTriggerFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleTriggerFrame, __spreadProps(__spreadValues({
     "aria-controls": context2.contentId,
     "aria-expanded": context2.open || false,
     "data-state": getState$4(context2.open),
@@ -12585,11 +12545,11 @@ var CONTENT_NAME$3 = "CollapsibleContent", CollapsibleContentFrame = styled(Stac
     // @ts-expect-error
     "__scopeCollapsible"
   ]), context2 = useCollapsibleContext(__scopeCollapsible);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, __spreadProps(__spreadValues({}, contentProps), {
-    children: forceMount || context2.open ? /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContentFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, __spreadProps(__spreadValues({}, contentProps), {
+    children: forceMount || context2.open ? /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContentFrame, __spreadProps(__spreadValues({
       ref: forwardedRef
     }, contentProps), {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResetPresence, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(ResetPresence, {
         children
       })
     })) : null
@@ -13004,7 +12964,7 @@ var usePressability = require("react-native/Libraries/Pressability/usePressabili
 var TamaguiProvider$1 = function(props) {
   return useIsomorphicLayoutEffect(function() {
     enable();
-  }, []), /* @__PURE__ */ jsxRuntimeExports.jsx(TamaguiProvider$2, __spreadValues({}, props));
+  }, []), /* @__PURE__ */ jsxRuntime.jsx(TamaguiProvider$2, __spreadValues({}, props));
 }, createTamagui$1 = function(conf2) {
   return conf2.media && (conf2.media = createMedia(conf2.media)), createTamagui$2(conf2);
 }, baseViews = getBaseViews();
@@ -13057,7 +13017,7 @@ function createCollection(name) {
       scope,
       children
     } = props, ref = React.useRef(void 0), itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionProviderImpl, {
+    return /* @__PURE__ */ jsxRuntime.jsx(CollectionProviderImpl, {
       scope,
       itemMap,
       collectionRef: ref,
@@ -13070,7 +13030,7 @@ function createCollection(name) {
       scope,
       children
     } = props, context2 = useCollectionContext(scope), composedRefs = useComposedRefs(forwardedRef, context2.collectionRef);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Slot, {
+    return /* @__PURE__ */ jsxRuntime.jsx(Slot, {
       ref: composedRefs,
       children
     });
@@ -13090,7 +13050,7 @@ function createCollection(name) {
       }, itemData)), function() {
         return void context2.itemMap.delete(ref);
       };
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Slot, {
+    }), /* @__PURE__ */ jsxRuntime.jsx(Slot, {
       [ITEM_DATA_ATTR]: "",
       ref: composedRefs,
       children
@@ -13570,7 +13530,7 @@ function wrapChildrenInText(TextComponent, propsIn, extraProps) {
   return color && (props.color = color), fontFamily && (props.fontFamily = fontFamily), fontSize && (props.fontSize = fontSize), fontWeight && (props.fontWeight = fontWeight), letterSpacing && (props.letterSpacing = letterSpacing), textAlign && (props.textAlign = textAlign), size && (props.size = size), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), React.Children.toArray(children).map(function(child, index2) {
     return typeof child == "string" ? (
       // so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TextComponent, __spreadProps(__spreadValues(__spreadValues({}, props), textProps), {
+      /* @__PURE__ */ jsxRuntime.jsx(TextComponent, __spreadProps(__spreadValues(__spreadValues({}, props), textProps), {
         children: child
       }), index2)
     ) : child;
@@ -13587,11 +13547,11 @@ var ACCORDION_NAME = "Accordion", ACCORDION_KEYS = ["Home", "End", "ArrowDown",
   } = _a, accordionProps = __objRest(_a, [
     "type"
   ]), singleProps = accordionProps, multipleProps = accordionProps;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collection.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, {
     scope: props.__scopeAccordion || ACCORDION_CONTEXT,
-    children: type === "multiple" ? /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionImplMultiple, __spreadProps(__spreadValues({}, multipleProps), {
+    children: type === "multiple" ? /* @__PURE__ */ jsxRuntime.jsx(AccordionImplMultiple, __spreadProps(__spreadValues({}, multipleProps), {
       ref: forwardedRef
-    })) : /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionImplSingle, __spreadProps(__spreadValues({}, singleProps), {
+    })) : /* @__PURE__ */ jsxRuntime.jsx(AccordionImplSingle, __spreadProps(__spreadValues({}, singleProps), {
       ref: forwardedRef
     }))
   });
@@ -13628,17 +13588,17 @@ var {
     defaultProp: defaultValue2 || "",
     onChange: onValueChange
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionValueProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionValueProvider, {
     scope: props.__scopeAccordion,
     value: value ? [value] : [],
     onItemOpen: setValue,
     onItemClose: React__namespace.useCallback(function() {
       return collapsible && setValue("");
     }, [setValue, collapsible]),
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionCollapsibleProvider, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(AccordionCollapsibleProvider, {
       scope: props.__scopeAccordion,
       collapsible,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionImpl, __spreadProps(__spreadValues({}, accordionSingleProps), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(AccordionImpl, __spreadProps(__spreadValues({}, accordionSingleProps), {
         ref: forwardedRef
       }))
     })
@@ -13670,15 +13630,15 @@ var {
       });
     });
   }, [setValue]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionValueProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionValueProvider, {
     scope: props.__scopeAccordion,
     value: value || [],
     onItemOpen: handleItemOpen,
     onItemClose: handleItemClose,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionCollapsibleProvider, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(AccordionCollapsibleProvider, {
       scope: props.__scopeAccordion,
       collapsible: true,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionImpl, __spreadProps(__spreadValues({}, accordionMultipleProps), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(AccordionImpl, __spreadProps(__spreadValues({}, accordionMultipleProps), {
         ref: forwardedRef
       }))
     })
@@ -13739,14 +13699,14 @@ var {
       }
     }
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionImplProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionImplProvider, {
     scope: __scopeAccordion,
     disabled,
     direction: dir,
     orientation,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Collection.Slot, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, {
       scope: __scopeAccordion || ACCORDION_CONTEXT,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, __spreadValues(__spreadValues({
+      children: /* @__PURE__ */ jsxRuntime.jsx(YStack, __spreadValues(__spreadValues({
         "data-orientation": orientation,
         ref: composedRef
       }, accordionProps), isWeb))
@@ -13763,12 +13723,12 @@ var {
     "__scopeAccordion",
     "value"
   ]), accordionContext = useAccordionContext(__scopeAccordion), valueContext = useAccordionValueContext(__scopeAccordion), triggerId = React__namespace.useId(), open2 = value && valueContext.value.includes(value) || false, disabled = accordionContext.disabled || props.disabled;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionItemProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemProvider, {
     scope: __scopeAccordion,
     open: open2,
     disabled,
     triggerId,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(Collapsible, __spreadProps(__spreadValues({
       "data-orientation": accordionContext.orientation,
       "data-state": open2 ? "open" : "closed",
       __scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT
@@ -13789,7 +13749,7 @@ var HEADER_NAME = "AccordionHeader", AccordionHeader = /* @__PURE__ */ React__na
   } = _a, headerProps = __objRest(_a, [
     "__scopeAccordion"
   ]), accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(H1, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(H1, __spreadProps(__spreadValues({
     "data-orientation": accordionContext.orientation,
     "data-state": getState$3(itemContext.open),
     "data-disabled": itemContext.disabled ? "" : void 0
@@ -13828,9 +13788,9 @@ var AccordionTriggerFrame = styled(Collapsible.Trigger, {
   } = _a, triggerProps = __objRest(_a, [
     "__scopeAccordion"
   ]), accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion), collapsibleContext = useAccordionCollapsibleContext(__scopeAccordion);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collection.ItemSlot, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Collection.ItemSlot, {
     scope: __scopeAccordion || ACCORDION_CONTEXT,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTriggerFrame, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(AccordionTriggerFrame, __spreadProps(__spreadValues({
       //   @ts-ignore
       __scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT,
       "aria-disabled": itemContext.open && !collapsibleContext.collapsible || void 0,
@@ -13858,7 +13818,7 @@ var AccordionTriggerFrame = styled(Collapsible.Trigger, {
   } = _a, contentProps = __objRest(_a, [
     "__scopeAccordion"
   ]), accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionContentFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContentFrame, __spreadProps(__spreadValues({
     role: "region",
     "aria-labelledby": itemContext.triggerId,
     "data-orientation": accordionContext.orientation,
@@ -13873,12 +13833,12 @@ var AccordionTriggerFrame = styled(Collapsible.Trigger, {
   } = _a, rest = __objRest(_a, [
     "children"
   ]), [height, setHeight] = React__namespace.useState(0);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(View, __spreadProps(__spreadValues({
     ref,
     height: itemContext.open ? height : 0,
     position: "relative"
   }, rest), {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(View, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(View, {
       position: "absolute",
       width: "100%",
       onLayout: function(param) {
@@ -13949,11 +13909,11 @@ var StackZIndexContext = function(param) {
   var {
     children,
     zIndex
-  } = param, existing = React.useContext(ZIndexStackContext), content = /* @__PURE__ */ jsxRuntimeExports.jsx(ZIndexStackContext.Provider, {
+  } = param, existing = React.useContext(ZIndexStackContext), content = /* @__PURE__ */ jsxRuntime.jsx(ZIndexStackContext.Provider, {
     value: existing + 1,
     children
   });
-  return typeof zIndex < "u" && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(ZIndexHardcodedContext.Provider, {
+  return typeof zIndex < "u" && (content = /* @__PURE__ */ jsxRuntime.jsx(ZIndexHardcodedContext.Provider, {
     value: zIndex,
     children: content
   })), content;
@@ -14048,11 +14008,11 @@ var registerHost = function(state, hostName) {
     };
     return next;
   }, [dispatch]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PortalDispatchContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(PortalDispatchContext.Provider, {
     value: transitionDispatch,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(PortalStateContext.Provider, {
+    children: /* @__PURE__ */ jsxRuntime.jsxs(PortalStateContext.Provider, {
       value: state,
-      children: [children, shouldAddRootHost && /* @__PURE__ */ jsxRuntimeExports.jsx(PortalHost, {
+      children: [children, shouldAddRootHost && /* @__PURE__ */ jsxRuntime.jsx(PortalHost, {
         name: rootHostName
       })]
     })
@@ -14060,11 +14020,11 @@ var registerHost = function(state, hostName) {
 }, PortalProvider = /* @__PURE__ */ React.memo(PortalProviderComponent);
 PortalProvider.displayName = "PortalProvider";
 var defaultRenderer = function(children) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children
   });
 }, PortalHost = /* @__PURE__ */ React.memo(function(props) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PortalHostNonNative, __spreadValues({}, props));
+  return /* @__PURE__ */ jsxRuntime.jsx(PortalHostNonNative, __spreadValues({}, props));
 });
 function PortalHostNonNative(props) {
   var {
@@ -14152,7 +14112,7 @@ var createPortal = (function() {
   var rootTag = React__namespace.useContext(RootTagContext), zIndex = useStackedZIndex(getStackedZIndexProps(propsIn)), {
     children,
     passThrough
-  } = propsIn, contents = /* @__PURE__ */ jsxRuntimeExports.jsx(View, {
+  } = propsIn, contents = /* @__PURE__ */ jsxRuntime.jsx(View, {
     pointerEvents: "box-none",
     position: "absolute",
     inset: 0,
@@ -14161,7 +14121,7 @@ var createPortal = (function() {
     passThrough,
     children
   });
-  return !createPortal || !USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ jsxRuntimeExports.jsx(GorhomPortalItem, {
+  return !createPortal || !USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ jsxRuntime.jsx(GorhomPortalItem, {
     passThrough,
     hostName: "root",
     children: contents
@@ -14184,9 +14144,9 @@ var AdaptContext = createStyledContext({
   } = _a, context2 = __objRest(_a, [
     "children"
   ]), scope = context2.scopeName || "", lastScope = React.useContext(LastAdaptContextScope);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(LastAdaptContextScope.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(LastAdaptContextScope.Provider, {
     value: lastScope || context2.lastScope || "",
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(AdaptContext.Provider, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(AdaptContext.Provider, __spreadProps(__spreadValues({
       scope,
       lastScope: lastScope || context2.lastScope
     }, context2), {
@@ -14206,7 +14166,7 @@ var AdaptContext = createStyledContext({
     if (Contents) return Contents;
     if (AdaptPortals.has(portalName)) return AdaptPortals.get(portalName);
     var element = function() {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(PortalHost, {
+      return /* @__PURE__ */ jsxRuntime.jsx(PortalHost, {
         name: portalName,
         forwardProps: typeof portal == "boolean" ? void 0 : portal == null ? void 0 : portal.forwardProps
       }, id2);
@@ -14219,9 +14179,9 @@ var AdaptContext = createStyledContext({
     };
   }, [portalName]);
   var [when, setWhen] = React.useState(null), [platform2, setPlatform] = React.useState(null), [children2, setChildren] = React.useState(null);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(LastAdaptContextScope.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(LastAdaptContextScope.Provider, {
     value: scope,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProvideAdaptContext, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(ProvideAdaptContext, {
       Contents: FinalContents,
       when,
       platform: platform2,
@@ -14264,11 +14224,11 @@ var Adapt = withStaticProperties(function(props) {
   var output;
   if (typeof children == "function") {
     var Component = context2 == null ? void 0 : context2.Contents;
-    output = children(Component ? /* @__PURE__ */ jsxRuntimeExports.jsx(Component, {}) : null);
+    output = children(Component ? /* @__PURE__ */ jsxRuntime.jsx(Component, {}) : null);
   } else output = children;
   return useIsomorphicLayoutEffect(function() {
     typeof children == "function" && output !== void 0 && (context2 == null ? void 0 : context2.setChildren(output));
-  }, [output]), /* @__PURE__ */ jsxRuntimeExports.jsx(StackZIndexContext, {
+  }, [output]), /* @__PURE__ */ jsxRuntime.jsx(StackZIndexContext, {
     children: enabled ? output : null
   });
 }, {
@@ -14277,7 +14237,7 @@ var Adapt = withStaticProperties(function(props) {
   var isActive = useAdaptIsActive(props.scope), {
     portalName
   } = useAdaptContext(props.scope);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GorhomPortalItem, {
+  return /* @__PURE__ */ jsxRuntime.jsx(GorhomPortalItem, {
     passThrough: !isActive,
     hostName: portalName,
     children: props.children
@@ -14305,7 +14265,7 @@ function createContext(rootComponentName, defaultContext) {
     ]), value = React__namespace.useMemo(function() {
       return context2;
     }, Object.values(context2));
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Context.Provider, {
+    return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, {
       value,
       children
     });
@@ -14333,7 +14293,7 @@ function createContextScope(scopeName) {
       ]), Context = (scope == null || (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index2]) || BaseContext, value = React__namespace.useMemo(function() {
         return context2;
       }, Object.values(context2));
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Context.Provider, {
+      return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, {
         value,
         children
       });
@@ -14416,7 +14376,7 @@ function FocusScopeController(props) {
       focusOnIdle
     };
   }, [enabled, loop, trapped, stableOnMountAutoFocus, stableOnUnmountAutoFocus, forceUnmount, focusOnIdle]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FocusScopeControllerProvider, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(FocusScopeControllerProvider, __spreadProps(__spreadValues({
     scope: __scopeFocusScope
   }, contextValue), {
     children
@@ -14451,7 +14411,7 @@ var SheetController = function(param) {
       onOpenChange
     };
   }, [id2, onOpenChange, open2, hidden, disableDrag]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SheetControllerContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetControllerContext.Provider, {
     value: memoValue,
     children
   });
@@ -14474,9 +14434,9 @@ var DialogContext = createStyledContext(
   } = _a, triggerProps = __objRest(_a, [
     "scope"
   ]), isInsideButton = React__namespace.useContext(ButtonNestingContext), context2 = useDialogContext(scope), composedTriggerRef = useComposedRefs(forwardedRef, context2.triggerRef);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonNestingContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ButtonNestingContext.Provider, {
     value: true,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTriggerFrame, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(DialogTriggerFrame, __spreadProps(__spreadValues({
       tag: isInsideButton ? "span" : "button",
       "aria-haspopup": "dialog",
       "aria-expanded": context2.open,
@@ -14521,18 +14481,18 @@ var DialogContext = createStyledContext(
   var {
     context: context2,
     children
-  } = param, themeName = useThemeName(), isAdapted = useAdaptIsActive(context2.adaptScope), adaptContext = useAdaptContext(context2.adaptScope), content = /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, {
+  } = param, themeName = useThemeName(), isAdapted = useAdaptIsActive(context2.adaptScope), adaptContext = useAdaptContext(context2.adaptScope), content = /* @__PURE__ */ jsxRuntime.jsx(Theme, {
     name: themeName,
     children
   });
-  return needsRepropagation$1 && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(ProvideAdaptContext, __spreadProps(__spreadValues({}, adaptContext), {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogProvider, __spreadProps(__spreadValues({}, context2), {
+  return needsRepropagation$1 && (content = /* @__PURE__ */ jsxRuntime.jsx(ProvideAdaptContext, __spreadProps(__spreadValues({}, adaptContext), {
+    children: /* @__PURE__ */ jsxRuntime.jsx(DialogProvider, __spreadProps(__spreadValues({}, context2), {
       children: content
     }))
-  }))), isAdapted ? /* @__PURE__ */ jsxRuntimeExports.jsx(AdaptPortalContents, {
+  }))), isAdapted ? /* @__PURE__ */ jsxRuntime.jsx(AdaptPortalContents, {
     scope: context2.adaptScope,
     children: content
-  }) : context2.modal ? /* @__PURE__ */ jsxRuntimeExports.jsx(GorhomPortalItem, {
+  }) : context2.modal ? /* @__PURE__ */ jsxRuntime.jsx(GorhomPortalItem, {
     hostName: context2.modal ? "root" : context2.adaptScope,
     children: content
   }) : content;
@@ -14549,9 +14509,9 @@ var DialogContext = createStyledContext(
   isMountedOrOpen && isFullyHidden && setIsFullyHidden(false);
   var handleExitComplete = React__namespace.useCallback(function() {
     setIsFullyHidden(true);
-  }, []), zIndex = getExpandedShorthand("zIndex", props), contents = /* @__PURE__ */ jsxRuntimeExports.jsx(StackZIndexContext, {
+  }, []), zIndex = getExpandedShorthand("zIndex", props), contents = /* @__PURE__ */ jsxRuntime.jsx(StackZIndexContext, {
     zIndex: resolveViewZIndex(zIndex),
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, {
       passThrough: isAdapted,
       onExitComplete: handleExitComplete,
       children: isMountedOrOpen || isAdapted ? children : null
@@ -14560,9 +14520,9 @@ var DialogContext = createStyledContext(
     // NOTE: we remove the inner frame, but not the portal itself
     // saw a bug when we removed and re-added portals that caused stale inner contents of the portal
     // seems like a React bug itself but leaving this for now as it fixes
-    isFullyHidden && !isAdapted ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LayoutMeasurementController, {
+    isFullyHidden && !isAdapted ? null : /* @__PURE__ */ jsxRuntime.jsx(LayoutMeasurementController, {
       disable: !isMountedOrOpen,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogPortalFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      children: /* @__PURE__ */ jsxRuntime.jsx(DialogPortalFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         ref
       }, isWeb), {
         // passThrough={isAdapted}
@@ -14573,7 +14533,7 @@ var DialogContext = createStyledContext(
       }))
     })
   );
-  return isAdapted ? framedContents : /* @__PURE__ */ jsxRuntimeExports.jsx(DialogPortalItem, {
+  return isAdapted ? framedContents : /* @__PURE__ */ jsxRuntime.jsx(DialogPortalItem, {
     context: context2,
     children: framedContents
   });
@@ -14611,7 +14571,7 @@ var DialogContext = createStyledContext(
   } = _b, overlayProps = __objRest(_b, [
     "forceMount"
   ]), isAdapted = useAdaptIsActive(context2.adaptScope);
-  return !forceMount && (!context2.modal || isAdapted) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlayFrame, __spreadProps(__spreadValues({
+  return !forceMount && (!context2.modal || isAdapted) ? null : /* @__PURE__ */ jsxRuntime.jsx(DialogOverlayFrame, __spreadProps(__spreadValues({
     "data-state": getState$2(context2.open),
     // TODO: this will be apply for v2
     // onPress={() => {
@@ -14638,7 +14598,9 @@ var DialogContext = createStyledContext(
         padded: true,
         radiused: true,
         elevate: true,
-        zIndex: 1e5
+        zIndex: 1e5,
+        // Ensure content receives pointer events (fixes React 19 + display:contents inheritance)
+        pointerEvents: "auto"
       }
     }
   },
@@ -14655,12 +14617,12 @@ var DialogContext = createStyledContext(
     forceMount = context2.forceMount
   } = _b, contentProps = __objRest(_b, [
     "forceMount"
-  ]), contents = /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-    children: context2.modal ? /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentModal, __spreadProps(__spreadValues({
+  ]), contents = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: context2.modal ? /* @__PURE__ */ jsxRuntime.jsx(DialogContentModal, __spreadProps(__spreadValues({
       context: context2
     }, contentProps), {
       ref: forwardedRef
-    })) : /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentNonModal, __spreadProps(__spreadValues({
+    })) : /* @__PURE__ */ jsxRuntime.jsx(DialogContentNonModal, __spreadProps(__spreadValues({
       context: context2
     }, contentProps), {
       ref: forwardedRef
@@ -14675,7 +14637,7 @@ var DialogContext = createStyledContext(
     "children",
     "context"
   ]), contentRef = React__namespace.useRef(null), composedRefs = useComposedRefs(forwardedRef, context2.contentRef, contentRef);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentImpl, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogContentImpl, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
     context: context2,
     ref: composedRefs,
     // we make sure focus isn't trapped once `DialogContent` has been closed
@@ -14702,7 +14664,7 @@ var DialogContext = createStyledContext(
   }));
 }), DialogContentNonModal = /* @__PURE__ */ React__namespace.forwardRef(function(props, forwardedRef) {
   var hasInteractedOutsideRef = React__namespace.useRef(false);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentImpl, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogContentImpl, __spreadProps(__spreadValues({}, props), {
     ref: forwardedRef,
     trapFocus: false,
     disableOutsidePointerEvents: false,
@@ -14752,11 +14714,11 @@ var DialogContext = createStyledContext(
     // TODO react 19 type workaround
     void 0
   ), composedRefs = useComposedRefs(forwardedRef, contentRef), isAdapted = useAdaptIsActive(context2.adaptScope);
-  if (isAdapted) return !context2.open ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(DialogPortalItem, {
+  if (isAdapted) return !context2.open ? null : /* @__PURE__ */ jsxRuntime.jsx(DialogPortalItem, {
     context: context2,
     children: contentProps.children
   });
-  var contents = /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContentFrame, __spreadValues({
+  var contents = /* @__PURE__ */ jsxRuntime.jsx(DialogContentFrame, __spreadValues({
     ref: composedRefs,
     id: context2.contentId,
     role: "dialog",
@@ -14774,7 +14736,7 @@ var DialogContext = createStyledContext(
   } = _a, titleProps = __objRest(_a, [
     "scope"
   ]), context2 = useDialogContext(scope);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitleFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogTitleFrame, __spreadProps(__spreadValues({
     id: context2.titleId
   }, titleProps), {
     ref: forwardedRef
@@ -14787,7 +14749,7 @@ var DialogContext = createStyledContext(
   } = _a, descriptionProps = __objRest(_a, [
     "scope"
   ]), context2 = useDialogContext(scope);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescriptionFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogDescriptionFrame, __spreadProps(__spreadValues({
     id: context2.descriptionId
   }, descriptionProps), {
     ref: forwardedRef
@@ -14803,7 +14765,7 @@ var DialogContext = createStyledContext(
     "scope",
     "displayWhenAdapted"
   ]), context2 = useDialogContext(scope), isAdapted = useAdaptIsActive(context2.adaptScope), isInsideButton = React__namespace.useContext(ButtonNestingContext);
-  return isAdapted && !displayWhenAdapted ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(DialogCloseFrame, __spreadProps(__spreadValues({
+  return isAdapted && !displayWhenAdapted ? null : /* @__PURE__ */ jsxRuntime.jsx(DialogCloseFrame, __spreadProps(__spreadValues({
     "aria-label": "Dialog Close",
     tag: isInsideButton ? "span" : "button"
   }, closeProps), {
@@ -14855,15 +14817,15 @@ var TITLE_WARNING_NAME = "DialogTitleWarning", [DialogWarningProvider, useWarnin
     return {
       open: setOpen
     };
-  }, [setOpen]), /* @__PURE__ */ jsxRuntimeExports.jsx(AdaptParent, {
+  }, [setOpen]), /* @__PURE__ */ jsxRuntime.jsx(AdaptParent, {
     scope: adaptScope,
     portal: {
       forwardProps: props
     },
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogProvider, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(DialogProvider, __spreadProps(__spreadValues({
       scope
     }, context2), {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogSheetController, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(DialogSheetController, {
         onOpenChange: setOpen,
         scope,
         children
@@ -14883,7 +14845,7 @@ var TITLE_WARNING_NAME = "DialogTitleWarning", [DialogWarningProvider, useWarnin
 });
 var DialogSheetController = function(props) {
   var context2 = useDialogContext(props.scope), isAdapted = useAdaptIsActive(context2.adaptScope);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SheetController, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetController, {
     onOpenChange: function(val) {
       if (isAdapted) {
         var _props_onOpenChange;
@@ -14910,7 +14872,7 @@ var getAlertDialogScope = function(scope) {
       "onPress",
       "__onPress"
     ]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(NativeAlertDialogTriggerFrame, __spreadProps(__spreadValues({}, rest), {
+    return /* @__PURE__ */ jsxRuntime.jsx(NativeAlertDialogTriggerFrame, __spreadProps(__spreadValues({}, rest), {
       onPress: composeEventHandlers(onPress, __onPress)
     }));
   }
@@ -14919,7 +14881,7 @@ var getAlertDialogScope = function(scope) {
   } = _b, triggerProps = __objRest(_b, [
     "scope"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTrigger, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogTrigger, __spreadProps(__spreadValues({
     scope: getAlertDialogScope(scope)
   }, triggerProps), {
     ref: forwardedRef
@@ -14931,7 +14893,7 @@ var AlertDialogPortal = function(props) {
   } = _a, portalProps = __objRest(_a, [
     "scope"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogPortal, __spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPortal, __spreadValues({
     scope: getAlertDialogScope(scope)
   }, portalProps));
 }, OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = styled(DialogOverlayFrame, {
@@ -14942,7 +14904,7 @@ var AlertDialogPortal = function(props) {
   } = _a, overlayProps = __objRest(_a, [
     "scope"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlay, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, __spreadProps(__spreadValues({
     scope: getAlertDialogScope(scope)
   }, overlayProps), {
     ref: forwardedRef
@@ -14958,15 +14920,15 @@ var AlertDialogPortal = function(props) {
     "scope",
     "children"
   ]), dialogScope = getAlertDialogScope(scope), contentRef = React__namespace.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), cancelRef = React__namespace.useRef(null), destructiveRef = React__namespace.useRef(null);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogWarningProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogWarningProvider, {
     contentName: CONTENT_NAME$1,
     titleName: TITLE_NAME,
     docsSlug: "alert-dialog",
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogContextProvider, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(AlertDialogContextProvider, {
       scope,
       cancelRef,
       destructiveRef,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, __spreadProps(__spreadValues({
+      children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, __spreadProps(__spreadValues({
         role: "alertdialog",
         "aria-modal": true,
         scope: dialogScope
@@ -14988,7 +14950,7 @@ var AlertDialogPortal = function(props) {
           * This is because we want the accessibility checks to run only once the content is actually
           * open and that behaviour is already encapsulated in `DialogContent`.
           */
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Slottable, {
+          /* @__PURE__ */ jsxRuntime.jsx(Slottable, {
             children
           }),
           false
@@ -15004,7 +14966,7 @@ var AlertDialogPortal = function(props) {
   } = _a, titleProps = __objRest(_a, [
     "scope"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, __spreadProps(__spreadValues({
     scope: getAlertDialogScope(scope)
   }, titleProps), {
     ref: forwardedRef
@@ -15017,7 +14979,7 @@ var AlertDialogPortal = function(props) {
   } = _a, descriptionProps = __objRest(_a, [
     "scope"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, __spreadProps(__spreadValues({
     scope: getAlertDialogScope(scope)
   }, descriptionProps), {
     ref: forwardedRef
@@ -15030,7 +14992,7 @@ var AlertDialogPortal = function(props) {
   } = _a, actionProps = __objRest(_a, [
     "scope"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogClose, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogClose, __spreadProps(__spreadValues({
     scope: getAlertDialogScope(scope)
   }, actionProps), {
     ref: forwardedRef
@@ -15045,7 +15007,7 @@ var AlertDialogPortal = function(props) {
   ]), {
     cancelRef
   } = useAlertDialogContentContext(scope), ref = useComposedRefs(forwardedRef, cancelRef);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogClose, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogClose, __spreadProps(__spreadValues({
     scope: getAlertDialogScope(scope)
   }, cancelProps), {
     ref
@@ -15060,7 +15022,7 @@ var AlertDialogPortal = function(props) {
   ]), {
     destructiveRef
   } = useAlertDialogContentContext(scope), ref = useComposedRefs(forwardedRef, destructiveRef);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DialogClose, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogClose, __spreadProps(__spreadValues({
     scope: getAlertDialogScope(scope)
   }, destructiveProps), {
     ref
@@ -15114,7 +15076,7 @@ var AlertDialogPortal = function(props) {
     __onPress: function() {
       setOpen(true);
     }
-  }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, __spreadProps(__spreadValues({
+  }) : /* @__PURE__ */ jsxRuntime.jsx(Dialog, __spreadProps(__spreadValues({
     scope: dialogScope
   }, alertDialogProps), {
     modal: true
@@ -15251,7 +15213,7 @@ function createImage(options) {
       onError({
         type: "error"
       });
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Component, __spreadValues({
+    }), /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadValues({
       ref
     }, finalProps));
   }), comp = Component;
@@ -15323,10 +15285,10 @@ var AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createCon
     setStatus(resolvedSrc ? "idle" : "error");
   }, [resolvedSrc]), React__namespace.useEffect(function() {
     onLoadingStatusChange(status), context2.onImageLoadingStatusChange(status);
-  }, [status]), resolvedSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
+  }, [status]), resolvedSrc ? /* @__PURE__ */ jsxRuntime.jsx(YStack, {
     fullscreen: true,
     zIndex: 1,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, __spreadProps(__spreadValues(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(Image, __spreadProps(__spreadValues(__spreadValues({
       fullscreen: true,
       objectFit: "cover"
     }, typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
@@ -15372,7 +15334,7 @@ var FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = styled(YStack, {
         return clearTimeout(timerId);
       };
     }
-  }, [delayMs]), canRender && context2.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsxRuntimeExports.jsx(AvatarFallbackFrame, __spreadProps(__spreadValues({}, fallbackProps), {
+  }, [delayMs]), canRender && context2.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsxRuntime.jsx(AvatarFallbackFrame, __spreadProps(__spreadValues({}, fallbackProps), {
     ref: forwardedRef
   })) : null;
 });
@@ -15389,12 +15351,12 @@ var AvatarFrame = styled(Square, {
     "__scopeAvatar",
     "size"
   ]), [imageLoadingStatus, setImageLoadingStatus] = React__namespace.useState("idle");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AvatarProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AvatarProvider, {
     size,
     scope: __scopeAvatar,
     imageLoadingStatus,
     onImageLoadingStatusChange: setImageLoadingStatus,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(AvatarFrame, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFrame, __spreadProps(__spreadValues({
       size
     }, avatarProps), {
       ref: forwardedRef
@@ -15601,9 +15563,9 @@ var context$2 = createStyledContext({
     unstyled: process.env.TAMAGUI_HEADLESS === "1",
     size: finalSize != null ? finalSize : styledContext == null ? void 0 : styledContext.size
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonNestingContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ButtonNestingContext.Provider, {
     value: true,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Frame$1, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsxs(Frame$1, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
       ref
     }, props), isNested && {
       tag: "span"
@@ -15838,10 +15800,10 @@ var NAME$2 = "Label", [LabelProvider, useLabelContextImpl] = createContext(NAME$
     "htmlFor",
     "id"
   ]), controlRef = React__namespace.useRef(null), ref = React__namespace.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), backupId = React__namespace.useId(), id2 = idProp != null ? idProp : backupId;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(LabelProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(LabelProvider, {
     id: id2,
     controlRef,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFrame, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(LabelFrame, __spreadProps(__spreadValues({
       id: id2,
       // @ts-ignore
       htmlFor
@@ -15985,7 +15947,7 @@ function createCheckbox(createProps) {
       });
     }, [props.id, props.disabled]);
     var renderNative = shouldRenderNativePlatform(native);
-    if (renderNative === "web") return /* @__PURE__ */ jsxRuntimeExports.jsx("input", {
+    if (renderNative === "web") return /* @__PURE__ */ jsxRuntime.jsx("input", {
       type: "checkbox",
       defaultChecked: isIndeterminate(checked) ? false : checked,
       tabIndex: -1,
@@ -16002,12 +15964,12 @@ function createCheckbox(createProps) {
         disabled: checkboxProps.disabled
       };
     }, [checked, checkboxProps.disabled]), _propsActive_size1, _ref1, _ref2;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxContext.Provider, {
+    return /* @__PURE__ */ jsxRuntime.jsx(CheckboxContext.Provider, {
       value: memoizedContext,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CheckboxStyledContext.Provider, {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(CheckboxStyledContext.Provider, {
         size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext == null ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
         scaleIcon: (_ref2 = scaleIcon != null ? scaleIcon : styledContext == null ? void 0 : styledContext.scaleIcon) !== null && _ref2 !== void 0 ? _ref2 : 1,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Frame2, __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !unstyled && {
+        children: [/* @__PURE__ */ jsxRuntime.jsx(Frame2, __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !unstyled && {
           width: size,
           height: size
         }), {
@@ -16051,7 +16013,7 @@ function createCheckbox(createProps) {
       });
     }
     var context2 = React.useContext(CheckboxContext);
-    return forceMount || isIndeterminate(context2.checked) || context2.checked === true ? /* @__PURE__ */ jsxRuntimeExports.jsx(Indicator, __spreadProps(__spreadValues({
+    return forceMount || isIndeterminate(context2.checked) || context2.checked === true ? /* @__PURE__ */ jsxRuntime.jsx(Indicator, __spreadProps(__spreadValues({
       pointerEvents: "none"
     }, indicatorProps), {
       ref: forwardedRef,
@@ -16081,7 +16043,7 @@ var FORM_NAME = "Form", FormFrame = styled(Stack, {
     "children",
     "onPress"
   ]), context2 = useFormContext(TRIGGER_NAME$2, __scopeForm);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormTriggerFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(FormTriggerFrame, __spreadProps(__spreadValues({
     tag: "button"
   }, triggerProps), {
     ref: forwardedRef,
@@ -16094,10 +16056,10 @@ var FORM_NAME = "Form", FormFrame = styled(Stack, {
   } = _a, props = __objRest(_a, [
     "onSubmit"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormProvider, {
     scope: props.__scopeForm,
     onSubmit,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(FormFrame, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(FormFrame, __spreadProps(__spreadValues({
       ref
     }, props), {
       onSubmit: function(e2) {
@@ -16131,10 +16093,10 @@ function useIndexedChildren(children) {
   var parentMaxIndexPath = React__namespace.useContext(MaxIndexContext), indexPathString = React__namespace.useContext(IndexContext), childrenCount = React__namespace.Children.count(children), maxIndexPath = React__namespace.useMemo(function() {
     return parentMaxIndexPath.concat(childrenCount - 1);
   }, [childrenCount]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MaxIndexContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(MaxIndexContext.Provider, {
     value: maxIndexPath,
     children: React__namespace.Children.map(children, function(child, index2) {
-      return /* @__PURE__ */ React__namespace.isValidElement(child) ? /* @__PURE__ */ jsxRuntimeExports.jsx(IndexContext.Provider, {
+      return /* @__PURE__ */ React__namespace.isValidElement(child) ? /* @__PURE__ */ jsxRuntime.jsx(IndexContext.Provider, {
         value: indexPathString ? `${indexPathString}.${index2.toString()}` : index2.toString(),
         children: child
       }, child.key) : child;
@@ -16225,7 +16187,7 @@ function createGroup(verticalDefault) {
         return prev - 1;
       });
     }, []), flexValue = flex === true ? 1 : flex === false ? 0 : flex;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(GroupProvider, {
+    return /* @__PURE__ */ jsxRuntime.jsx(GroupProvider, {
       disablePassBorderRadius,
       vertical: orientation === "vertical",
       // @ts-ignore this just popped up since new version expo 49
@@ -16234,7 +16196,7 @@ function createGroup(verticalDefault) {
       onItemMount,
       onItemUnmount,
       scope: __scopeGroup,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(GroupFrame, __spreadProps(__spreadValues({
+      children: /* @__PURE__ */ jsxRuntime.jsx(GroupFrame, __spreadProps(__spreadValues({
         ref,
         size,
         flexDirection: orientation === "horizontal" ? "row" : "column",
@@ -16286,7 +16248,7 @@ var GroupItem = /* @__PURE__ */ React.forwardRef(function(props, _ref) {
     orientation,
     showScrollIndicator = false
   } = param;
-  return scrollable ? /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardedScrollView, __spreadProps(__spreadValues(__spreadValues({}, orientation === "vertical" && {
+  return scrollable ? /* @__PURE__ */ jsxRuntime.jsx(ForwardedScrollView, __spreadProps(__spreadValues(__spreadValues({}, orientation === "vertical" && {
     showsVerticalScrollIndicator: showScrollIndicator
   }), orientation === "horizontal" && {
     horizontal: true,
@@ -16523,17 +16485,17 @@ var NAME$1 = "ListItem", context$1 = createStyledContext({
     fontSize: propsIn.size,
     fontWeight
   } : void 0);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsxs(ListItemFrame, __spreadProps(__spreadValues({
     ref
   }, rest), {
-    children: [themedIcon, title || subTitle ? /* @__PURE__ */ jsxRuntimeExports.jsxs(YStack, {
+    children: [themedIcon, title || subTitle ? /* @__PURE__ */ jsxRuntime.jsxs(YStack, {
       flex: 1,
-      children: [title ? typeof title == "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemTitle, {
+      children: [title ? typeof title == "string" ? /* @__PURE__ */ jsxRuntime.jsx(ListItemTitle, {
         unstyled,
         size,
         children: title
-      }) : title : null, subTitle ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-        children: typeof subTitle == "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemSubtitle, {
+      }) : title : null, subTitle ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: typeof subTitle == "string" ? /* @__PURE__ */ jsxRuntime.jsx(ListItemSubtitle, {
           unstyled,
           size,
           children: subTitle
@@ -16569,7 +16531,7 @@ function Animate(param) {
     });
   }, [lazyMount, present]);
   var mounted = present ? lazyMount ? lazyMounted : present : false;
-  return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */ jsxRuntimeExports.jsx(PresenceChild, __spreadProps(__spreadValues({
+  return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */ jsxRuntime.jsx(PresenceChild, __spreadProps(__spreadValues({
     isPresent: true
   }, !passThrough && {
     initial: props.initial ? void 0 : false,
@@ -16584,11 +16546,11 @@ function Animate(param) {
     custom: props.custom
   }), {
     children
-  })) : /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, __spreadProps(__spreadValues({
+  })) : /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, __spreadProps(__spreadValues({
     passThrough
   }, props), {
     children: mounted || passThrough ? children : null
-  })) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  })) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children
   });
 }
@@ -17614,10 +17576,10 @@ var PopperContextFast = createStyledContext(
     "scope",
     "children"
   ]), slowContext = getContextSlow(context2);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PopperProviderFast, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(PopperProviderFast, __spreadProps(__spreadValues({
     scope
   }, context2), {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopperProviderSlow, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(PopperProviderSlow, __spreadProps(__spreadValues({
       scope
     }, slowContext), {
       children
@@ -17715,9 +17677,9 @@ function Popper(props) {
       open: !!open2
     }, floating);
   }, [open2, size, floating.x, floating.y, floating.placement, JSON.stringify(middlewareData.arrow || null), JSON.stringify(middlewareData.transformOrigin || null), floating.isPositioned]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(LayoutMeasurementController, {
+  return /* @__PURE__ */ jsxRuntime.jsx(LayoutMeasurementController, {
     disable: !isOpen,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopperProvider, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(PopperProvider, __spreadProps(__spreadValues({
       scope
     }, popperContext), {
       children
@@ -17751,7 +17713,7 @@ var PopperAnchor = YStack.styleable(function(props, forwardedRef) {
     // web handles this onMouseEnter below so it can support multiple targets + hovering
     safeSetReference
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View, __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, rest), refProps), {
+  return /* @__PURE__ */ jsxRuntime.jsx(View, __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, rest), refProps), {
     ref: composedRefs
   }), shouldHandleInHover));
 }), PopperContentFrame = styled(YStack, {
@@ -17836,12 +17798,12 @@ var PopperAnchor = YStack.styleable(function(props, forwardedRef) {
   } = _b, floatingProps = __objRest(_b, [
     "style"
   ]), transformOriginStyle = void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(View, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(View, __spreadProps(__spreadValues({
     passThrough,
     ref: contentRefs,
     contain: "layout style"
   }, passThrough ? null : floatingProps), {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopperContentFrame, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(PopperContentFrame, __spreadProps(__spreadValues({
       passThrough
     }, !passThrough && __spreadValues(__spreadValues(__spreadValues({
       "data-placement": placement,
@@ -17919,10 +17881,10 @@ var PopperAnchor = YStack.styleable(function(props, forwardedRef) {
       (_context_onArrowSize = context2.onArrowSize) === null || _context_onArrowSize === void 0 || _context_onArrowSize.call(context2, size);
     }, [size, context2.onArrowSize]);
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PopperArrowOuterFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(PopperArrowOuterFrame, __spreadProps(__spreadValues({
     ref: refs
   }, arrowStyle), {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopperArrowFrame, __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(PopperArrowFrame, __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
       width: size,
       height: size
     }, arrowProps), innerArrowStyle), {
@@ -17976,7 +17938,7 @@ var needsRepropagation = isAndroid || isIos && !USE_NATIVE_PORTAL, PopoverContex
     return onCustomAnchorAdd(), function() {
       return onCustomAnchorRemove();
     };
-  }, [onCustomAnchorAdd, onCustomAnchorRemove]), /* @__PURE__ */ jsxRuntimeExports.jsx(PopperAnchor, __spreadProps(__spreadValues({
+  }, [onCustomAnchorAdd, onCustomAnchorRemove]), /* @__PURE__ */ jsxRuntime.jsx(PopperAnchor, __spreadProps(__spreadValues({
     scope
   }, rest), {
     ref: forwardedRef
@@ -17988,7 +17950,7 @@ var needsRepropagation = isAndroid || isIos && !USE_NATIVE_PORTAL, PopoverContex
     "scope"
   ]), context2 = usePopoverContext(scope), anchorTo = context2.anchorTo, composedTriggerRef = useComposedRefs(forwardedRef, context2.triggerRef);
   if (!props.children) return null;
-  var trigger = /* @__PURE__ */ jsxRuntimeExports.jsx(View, __spreadProps(__spreadValues({
+  var trigger = /* @__PURE__ */ jsxRuntime.jsx(View, __spreadProps(__spreadValues({
     "aria-expanded": context2.open,
     // TODO not matching
     // aria-controls={context.contentId}
@@ -18013,7 +17975,7 @@ var needsRepropagation = isAndroid || isIos && !USE_NATIVE_PORTAL, PopoverContex
       })
     } : null;
   }, [context2.anchorTo, anchorTo == null ? void 0 : anchorTo.x, anchorTo == null ? void 0 : anchorTo.y, anchorTo == null ? void 0 : anchorTo.x, anchorTo == null ? void 0 : anchorTo.height, anchorTo == null ? void 0 : anchorTo.width]);
-  return context2.hasCustomAnchor ? trigger : /* @__PURE__ */ jsxRuntimeExports.jsx(PopperAnchor, __spreadProps(__spreadValues({}, virtualRef && {
+  return context2.hasCustomAnchor ? trigger : /* @__PURE__ */ jsxRuntime.jsx(PopperAnchor, __spreadProps(__spreadValues({}, virtualRef && {
     virtualRef
   }), {
     scope,
@@ -18038,14 +18000,14 @@ var needsRepropagation = isAndroid || isIos && !USE_NATIVE_PORTAL, PopoverContex
     context2.open && isFullyHidden && setIsFullyHidden(false);
   }, [context2.open, isFullyHidden]), !context2.keepChildrenMounted && isFullyHidden && !context2.open) return null;
   var _contentImplProps_pointerEvents;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverPortal, {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPortal, {
     passThrough: context2.breakpointActive,
     context: context2,
     zIndex,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(Stack, {
       passThrough: context2.breakpointActive,
       pointerEvents: context2.open ? (_contentImplProps_pointerEvents = contentImplProps.pointerEvents) !== null && _contentImplProps_pointerEvents !== void 0 ? _contentImplProps_pointerEvents : "auto" : "none",
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContentImpl, __spreadProps(__spreadValues({}, contentImplProps), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(PopoverContentImpl, __spreadProps(__spreadValues({}, contentImplProps), {
         context: context2,
         enableRemoveScroll,
         ref: composedRefs,
@@ -18090,11 +18052,11 @@ function RepropagateParentContexts(param) {
     context: context2,
     popperContext
   } = param;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PopperProvider, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(PopperProvider, __spreadProps(__spreadValues({
     scope: context2.popoverScope
   }, popperContext), {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContext.Provider, __spreadProps(__spreadValues({}, context2), {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProvideAdaptContext, __spreadProps(__spreadValues({}, adaptContext), {
+    children: /* @__PURE__ */ jsxRuntime.jsx(PopoverContext.Provider, __spreadProps(__spreadValues({}, context2), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(ProvideAdaptContext, __spreadProps(__spreadValues({}, adaptContext), {
         children
       }))
     }))
@@ -18107,14 +18069,14 @@ var PortalAdaptSafe = function(param) {
   } = param;
   if (needsRepropagation) {
     var parentContexts = useParentContexts(context2.popoverScope);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(AdaptPortalContents, {
+    return /* @__PURE__ */ jsxRuntime.jsx(AdaptPortalContents, {
       scope: context2.adaptScope,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(RepropagateParentContexts, __spreadProps(__spreadValues({}, parentContexts), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(RepropagateParentContexts, __spreadProps(__spreadValues({}, parentContexts), {
         children
       }))
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AdaptPortalContents, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AdaptPortalContents, {
     scope: context2.adaptScope,
     children
   });
@@ -18129,26 +18091,26 @@ function PopoverPortal(param) {
   } = param, themeName = useThemeName(), content = children;
   if (needsRepropagation) {
     var parentContexts = useParentContexts(context2.popoverScope);
-    content = /* @__PURE__ */ jsxRuntimeExports.jsx(RepropagateParentContexts, __spreadProps(__spreadValues({}, parentContexts), {
+    content = /* @__PURE__ */ jsxRuntime.jsx(RepropagateParentContexts, __spreadProps(__spreadValues({}, parentContexts), {
       children: content
     }));
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Portal, {
     passThrough,
     stackZIndex: true,
     zIndex,
     children: (
       /* forceClassName avoids forced re-mount renders for some reason... see the HeadMenu as you change tints a few times */
       /* without this you'll see the site menu re-rendering. It must be something in wrapping children in Theme */
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Theme, {
+      /* @__PURE__ */ jsxRuntime.jsxs(Theme, {
         passThrough,
         contain: true,
         forceClassName: true,
         name: themeName,
-        children: [!!context2.open && !context2.breakpointActive && /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
+        children: [!!context2.open && !context2.breakpointActive && /* @__PURE__ */ jsxRuntime.jsx(YStack, {
           fullscreen: true,
           onPress: composeEventHandlers(onPress, context2.onOpenToggle)
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx(StackZIndexContext, {
+        }), /* @__PURE__ */ jsxRuntime.jsx(StackZIndexContext, {
           zIndex: resolveViewZIndex(zIndex),
           children: content
         })]
@@ -18196,25 +18158,25 @@ var PopoverContentImpl = /* @__PURE__ */ React__namespace.forwardRef(function(pr
     keepChildrenMounted
   } = context2, handleExitComplete = React__namespace.useCallback(function() {
     setIsFullyHidden == null ? void 0 : setIsFullyHidden(true);
-  }, [setIsFullyHidden]), contents = /* @__PURE__ */ jsxRuntimeExports.jsx(ResetPresence, {
+  }, [setIsFullyHidden]), contents = /* @__PURE__ */ jsxRuntime.jsx(ResetPresence, {
     disable: context2.breakpointActive,
     children
   });
-  return context2.breakpointActive, /* @__PURE__ */ jsxRuntimeExports.jsx(Animate, {
+  return context2.breakpointActive, /* @__PURE__ */ jsxRuntime.jsx(Animate, {
     type: "presence",
     present: !!open2,
     keepChildrenMounted: !!keepChildrenMounted,
     onExitComplete: handleExitComplete,
     lazyMount,
     passThrough: context2.breakpointActive,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopperContent, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(PopperContent, __spreadProps(__spreadValues({
       scope,
       "data-state": getState$1(open2),
       id: context2.contentId,
       ref: forwardedRef,
       passThrough: context2.breakpointActive
     }, contentProps), {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(PortalAdaptSafe, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(PortalAdaptSafe, {
         context: context2,
         children: contents
       })
@@ -18227,7 +18189,7 @@ var PopoverClose = /* @__PURE__ */ React__namespace.forwardRef(function(props, f
   } = _a, rest = __objRest(_a, [
     "scope"
   ]), context2 = usePopoverContext(scope);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsxRuntime.jsx(YStack, __spreadProps(__spreadValues({}, rest), {
     ref: forwardedRef,
     componentName: "PopoverClose",
     onPress: composeEventHandlers(props.onPress, function() {
@@ -18241,7 +18203,7 @@ var PopoverClose = /* @__PURE__ */ React__namespace.forwardRef(function(props, f
   } = _a, rest = __objRest(_a, [
     "scope"
   ]), context2 = usePopoverContext(scope), isAdapted = useAdaptIsActive(context2.adaptScope);
-  return isAdapted ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(PopperArrow, __spreadProps(__spreadValues({
+  return isAdapted ? null : /* @__PURE__ */ jsxRuntime.jsx(PopperArrow, __spreadProps(__spreadValues({
     scope,
     componentName: "PopoverArrow"
   }, rest), {
@@ -18253,7 +18215,7 @@ var PopoverClose = /* @__PURE__ */ React__namespace.forwardRef(function(props, f
   } = _a, props = __objRest(_a, [
     "scope"
   ]), context2 = usePopoverContext(scope);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollView3, __spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(ScrollView3, __spreadValues({
     ref,
     // when adapted, no pointer events!
     pointerEvents: context2.breakpointActive ? "none" : void 0,
@@ -18266,10 +18228,10 @@ var PopoverClose = /* @__PURE__ */ React__namespace.forwardRef(function(props, f
   } = _a, props = __objRest(_a, [
     "scope"
   ]), id2 = React__namespace.useId(), adaptScope = `PopoverAdapt${scope}`;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AdaptParent, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AdaptParent, {
     scope: adaptScope,
     portal: true,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverInner, __spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(PopoverInner, __spreadValues({
       adaptScope,
       ref,
       id: id2,
@@ -18362,16 +18324,16 @@ var PopoverClose = /* @__PURE__ */ React__namespace.forwardRef(function(props, f
     }, []),
     keepChildrenMounted
   }, memoizedChildren = React__namespace.useMemo(function() {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContext.Provider, __spreadProps(__spreadValues({
+    return /* @__PURE__ */ jsxRuntime.jsx(PopoverContext.Provider, __spreadProps(__spreadValues({
       scope
     }, popoverContext), {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverSheetController, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(PopoverSheetController, {
         context: popoverContext,
         onOpenChange: setOpen,
         children
       })
     }));
-  }, [scope, setOpen, children, ...Object.values(popoverContext)]), contents = /* @__PURE__ */ jsxRuntimeExports.jsx(Popper, __spreadProps(__spreadValues({
+  }, [scope, setOpen, children, ...Object.values(popoverContext)]), contents = /* @__PURE__ */ jsxRuntime.jsx(Popper, __spreadProps(__spreadValues({
     open: open2,
     passThrough: isAdapted,
     scope,
@@ -18379,7 +18341,7 @@ var PopoverClose = /* @__PURE__ */ React__namespace.forwardRef(function(props, f
   }, restProps), {
     children: memoizedChildren
   }));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: contents
   });
 });
@@ -18392,7 +18354,7 @@ var PopoverSheetController = function(param) {
   } = _a, props = __objRest(_a, [
     "context"
   ]), showSheet = useShowPopoverSheet(context2), breakpointActive = context2.breakpointActive, getShowSheet = useGet(showSheet);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SheetController, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetController, {
     onOpenChange: function(val) {
       if (getShowSheet()) {
         var _props_onOpenChange;
@@ -18429,7 +18391,7 @@ var PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = c
     "__scopeProgress",
     "transition"
   ]), context2 = useProgressContext(INDICATOR_NAME, __scopeProgress), _context_value, pct = context2.max - ((_context_value = context2.value) !== null && _context_value !== void 0 ? _context_value : 0), x = -(context2.width === 0 ? 300 : context2.width) * (pct / context2.max), _context_value1;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressIndicatorFrame, __spreadProps(__spreadValues(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(ProgressIndicatorFrame, __spreadProps(__spreadValues(__spreadValues({
     "data-state": getProgressState(context2.value, context2.max),
     "data-value": (_context_value1 = context2.value) !== null && _context_value1 !== void 0 ? _context_value1 : void 0,
     "data-max": context2.max,
@@ -18498,12 +18460,12 @@ var DEFAULT_MAX = 100, ProgressFrame = styled(YStack, {
     "getValueLabel",
     "size"
   ]), max2 = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max2) ? Math.round(valueProp) : null, valueLabel = isNumber(value) ? getValueLabel(value, max2) : void 0, [width, setWidth] = React__namespace.useState(0);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ProgressProvider, {
     scope: __scopeProgress,
     value,
     max: max2,
     width,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressFrame, __spreadProps(__spreadValues(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(ProgressFrame, __spreadProps(__spreadValues(__spreadValues({
       "aria-valuemax": max2,
       "aria-valuemin": 0,
       "aria-valuenow": isNumber(value) ? value : void 0,
@@ -18645,7 +18607,7 @@ var BubbleInput = function(props) {
       });
       setChecked.call(input, checked), input.dispatchEvent(event);
     }
-  }, [prevChecked, checked, bubbles]), /* @__PURE__ */ jsxRuntimeExports.jsx("input", __spreadProps(__spreadValues({
+  }, [prevChecked, checked, bubbles]), /* @__PURE__ */ jsxRuntime.jsx("input", __spreadProps(__spreadValues({
     type: "radio",
     defaultChecked: checked
   }, inputProps), {
@@ -18743,7 +18705,7 @@ var useRadioGroupItem = function(params) {
     },
     checked,
     isFormControl,
-    bubbleInput: /* @__PURE__ */ jsxRuntimeExports.jsx(BubbleInput, __spreadValues({
+    bubbleInput: /* @__PURE__ */ jsxRuntime.jsx(BubbleInput, __spreadValues({
       isHidden: !native,
       control: button,
       bubbles: !hasConsumerStoppedPropagationRef.current,
@@ -18798,7 +18760,7 @@ var ITEM_NAME$1 = "RovingFocusGroupItem", RovingFocusGroupItem = /* @__PURE__ */
   } = _a, props = __objRest(_a, [
     "children"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ jsxRuntime.jsx(Stack, __spreadProps(__spreadValues({}, props), {
     children
   }));
 });
@@ -18809,7 +18771,7 @@ var GROUP_NAME$1 = "RovingFocusGroup", RovingFocusGroup = withStaticProperties(/
   } = _a, props = __objRest(_a, [
     "children"
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ jsxRuntime.jsx(Stack, __spreadProps(__spreadValues({}, props), {
     children
   }));
 }), {
@@ -18866,10 +18828,10 @@ function createRadioGroup(createProps) {
       native,
       accentColor
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(RadioGroupContext.Provider, {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.Provider, {
       value: providerValue,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(RovingFocusGroup, __spreadProps(__spreadValues({}, rovingFocusGroupAttrs), {
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(RadioGroupFrame, __spreadValues(__spreadProps(__spreadValues({}, frameAttrs), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroup, __spreadProps(__spreadValues({}, rovingFocusGroupAttrs), {
+        children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupFrame, __spreadValues(__spreadProps(__spreadValues({}, frameAttrs), {
           ref
         }), rest))
       }))
@@ -18902,11 +18864,11 @@ function createRadioGroup(createProps) {
       disabled,
       onPress
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(RadioGroupItemContext.Provider, {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupItemContext.Provider, {
       value: providerValue,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RovingFocusGroup.Item, __spreadProps(__spreadValues({}, rovingFocusGroupAttrs), {
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(RadioGroupItemFrame, __spreadValues(__spreadProps(__spreadValues({}, frameAttrs), {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroup.Item, __spreadProps(__spreadValues({}, rovingFocusGroupAttrs), {
+          children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupItemFrame, __spreadValues(__spreadProps(__spreadValues({}, frameAttrs), {
             ref
           }), rest))
         })), isFormControl]
@@ -18929,7 +18891,7 @@ function createRadioGroup(createProps) {
     } = _b, useIndicatorRest = __objRest(_b, [
       "checked"
     ]);
-    return forceMount || checked ? /* @__PURE__ */ jsxRuntimeExports.jsx(Indicator, __spreadValues(__spreadProps(__spreadValues({}, useIndicatorRest), {
+    return forceMount || checked ? /* @__PURE__ */ jsxRuntime.jsx(Indicator, __spreadValues(__spreadProps(__spreadValues({}, useIndicatorRest), {
       ref: forwardedRef
     }), indicatorProps)) : null;
   });
@@ -19030,11 +18992,11 @@ var {
     itemContext,
     children
   } = param;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectProvider, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectProvider, __spreadProps(__spreadValues({
     isInSheet: true,
     scope: context2.scopeName
   }, context2), {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItemParentProvider, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(SelectItemParentProvider, __spreadProps(__spreadValues({
       scope: context2.scopeName
     }, itemContext), {
       children
@@ -19125,15 +19087,15 @@ var ITEM_NAME = "SelectItem", {
       onPress: handleSelect
     };
   }, [handleSelect]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItemContextProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectItemContextProvider, {
     scope,
     value,
     textId: textId || "",
     isSelected,
-    children: shouldRenderWebNative ? /* @__PURE__ */ jsxRuntimeExports.jsx("option", {
+    children: shouldRenderWebNative ? /* @__PURE__ */ jsxRuntime.jsx("option", {
       value,
       children: props.children
-    }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ListItem2.Frame, __spreadValues(__spreadValues(__spreadValues({
+    }) : /* @__PURE__ */ jsxRuntime.jsx(ListItem2.Frame, __spreadValues(__spreadValues(__spreadValues({
       tag: "div",
       componentName: ITEM_NAME,
       ref: composedRefs,
@@ -19186,7 +19148,7 @@ var ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = styled(SizableText,
     "scope",
     "className"
   ]), context2 = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), ref = React__namespace.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), itemContext = useSelectItemContext(scope), contents = React__namespace.useRef(null);
-  return contents.current = /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItemTextFrame, __spreadProps(__spreadValues({
+  return contents.current = /* @__PURE__ */ jsxRuntime.jsx(SelectItemTextFrame, __spreadProps(__spreadValues({
     className,
     size: itemParentContext.size,
     id: itemContext.textId
@@ -19198,9 +19160,9 @@ var ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = styled(SizableText,
     return itemParentContext.valueSubscribe(function(val) {
       val === itemContext.value && context2.setSelectedItem(contents.current);
     });
-  }, [itemContext.value]), itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  }, [itemContext.value]), itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children
-  }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: contents.current
   });
 });
@@ -19219,7 +19181,7 @@ var TRIGGER_NAME$1 = "SelectTrigger", SelectTrigger = /* @__PURE__ */ React__nam
     "disabled",
     "unstyled"
   ]), context2 = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), composedRefs = useComposedRefs(forwardedRef, (_context_floatingContext = context2.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
-  return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(ListItem2, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+  return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */ jsxRuntime.jsx(ListItem2, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
     componentName: TRIGGER_NAME$1,
     unstyled,
     tag: "button",
@@ -19253,14 +19215,14 @@ var SelectViewport = function(props) {
     scope,
     children
   } = props, context2 = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), themeName = useThemeName(), adaptContext = useAdaptContext();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AdaptPortalContents, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AdaptPortalContents, {
     scope: context2.adaptScope,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(Theme, {
       name: themeName,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardSelectContext, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(ForwardSelectContext, {
         itemContext: itemParentContext,
         context: context2,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(AdaptContext.Provider, __spreadProps(__spreadValues({}, adaptContext), {
+        children: /* @__PURE__ */ jsxRuntime.jsx(AdaptContext.Provider, __spreadProps(__spreadValues({}, adaptContext), {
           children
         }))
       })
@@ -19289,7 +19251,7 @@ var VALUE_NAME = "SelectValue", SelectValueFrame = styled(SizableText, {
     forwardedRef,
     context2.onValueNodeChange
   ), isEmptyValue = context2.value == null || context2.value === "", renderedValue = (_context_renderValue = context2.renderValue) === null || _context_renderValue === void 0 ? void 0 : _context_renderValue.call(context2, context2.value), _ref, children = (_ref = childrenProp != null ? childrenProp : renderedValue) !== null && _ref !== void 0 ? _ref : context2.selectedItem, selectValueChildren = isEmptyValue ? placeholder != null ? placeholder : children : children;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValueFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !props.unstyled && {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectValueFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !props.unstyled && {
     size: itemParentContext.size,
     ellipsis: true,
     // we don't want events from the portalled `SelectValue` children to bubble
@@ -19315,7 +19277,7 @@ var SelectIcon = styled(XStack, {
   name: "SelectIcon",
   // @ts-ignore
   "aria-hidden": true,
-  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Paragraph, {
+  children: /* @__PURE__ */ jsxRuntime.jsx(Paragraph, {
     children: "▼"
   })
 }), SelectItemIndicatorFrame = styled(XStack, {
@@ -19326,7 +19288,7 @@ var SelectIcon = styled(XStack, {
   } = _a, itemIndicatorProps = __objRest(_a, [
     "scope"
   ]), context2 = useSelectItemParentContext(scope), itemContext = useSelectItemContext(scope);
-  return context2.shouldRenderWebNative ? null : itemContext.isSelected ? /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItemIndicatorFrame, __spreadProps(__spreadValues({
+  return context2.shouldRenderWebNative ? null : itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(SelectItemIndicatorFrame, __spreadProps(__spreadValues({
     "aria-hidden": true
   }, itemIndicatorProps), {
     ref: forwardedRef
@@ -19368,7 +19330,7 @@ var SelectIcon = styled(XStack, {
       }));
     };
     return context2.open && context2.activeIndex !== null && update2(context2.activeIndex), itemContext.activeIndexSubscribe(update2);
-  }, [context2.open, itemContext.listRef]), layout ? /* @__PURE__ */ jsxRuntimeExports.jsx(SelectIndicatorFrame, __spreadProps(__spreadValues({
+  }, [context2.open, itemContext.listRef]), layout ? /* @__PURE__ */ jsxRuntime.jsx(SelectIndicatorFrame, __spreadProps(__spreadValues({
     ref: forwardedRef
   }, props), {
     width: layout.width,
@@ -19430,13 +19392,13 @@ var SelectIcon = styled(XStack, {
   } = _a, groupProps = __objRest(_a, [
     "scope"
   ]), groupId = React__namespace.useId(), context2 = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), _itemParentContext_size, size = (_itemParentContext_size = itemParentContext.size) !== null && _itemParentContext_size !== void 0 ? _itemParentContext_size : "$true", nativeSelectRef = React__namespace.useRef(null), content = (function() {
-    return itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ jsxRuntimeExports.jsx(NativeSelectFrame, {
+    return itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ jsxRuntime.jsx(NativeSelectFrame, {
       asChild: true,
       size,
       // @ts-expect-error until we support typing based on tag
       value: context2.value,
       id: itemParentContext.id,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(NativeSelectTextFrame, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(NativeSelectTextFrame, {
         // @ts-ignore it's ok since tag="select"
         onChange: function(event) {
           itemParentContext.onChange(event.currentTarget.value);
@@ -19450,7 +19412,7 @@ var SelectIcon = styled(XStack, {
         },
         children: props.children
       })
-    }) : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectGroupFrame, __spreadProps(__spreadValues({
+    }) : /* @__PURE__ */ jsxRuntime.jsx(SelectGroupFrame, __spreadProps(__spreadValues({
       // @ts-ignore
       role: "group",
       "aria-labelledby": groupId
@@ -19458,7 +19420,7 @@ var SelectIcon = styled(XStack, {
       ref: forwardedRef
     }));
   })();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectGroupContextProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, {
     scope,
     id: groupId || "",
     children: content
@@ -19473,7 +19435,7 @@ var LABEL_NAME = "SelectLabel", SelectLabelText = styled(ListItem2.Text, {
   } = _a, labelProps = __objRest(_a, [
     "scope"
   ]), context2 = useSelectItemParentContext(scope), groupContext = useSelectGroupContext(scope);
-  return context2.shouldRenderWebNative ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(ListItem2, __spreadProps(__spreadValues({
+  return context2.shouldRenderWebNative ? null : /* @__PURE__ */ jsxRuntime.jsx(ListItem2, __spreadProps(__spreadValues({
     tag: "div",
     componentName: LABEL_NAME,
     fontWeight: "800",
@@ -19490,7 +19452,7 @@ var SelectSeparator = styled(Separator, {
   name: "SelectSeparator"
 }), SelectSheetController = function(props) {
   var context2 = useSelectContext(props.scope), showSheet = useShowSelectSheet(context2), isAdapted = useAdaptIsActive(context2.adaptScope), getShowSheet = useGet(showSheet);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SheetController, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetController, {
     onOpenChange: function(val) {
       getShowSheet() && props.onOpenChange(val);
     },
@@ -19499,15 +19461,15 @@ var SelectSeparator = styled(Separator, {
     children: props.children
   });
 }, SelectSheetImpl = function(props) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children
   });
 }, Select = withStaticProperties(function(props) {
   var adaptScope = `AdaptSelect${props.scope || ""}`;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AdaptParent, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AdaptParent, {
     scope: adaptScope,
     portal: true,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectInner, __spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(SelectInner, __spreadValues({
       scope: props.scope,
       adaptScope
     }, props))
@@ -19599,7 +19561,7 @@ function SelectInner(props) {
       return prev !== index2 ? (typeof index2 == "number" && emitActiveIndex(index2), index2) : prev;
     });
   }, 0, {}, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItemParentProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectItemParentProvider, {
     scopeName: scope,
     scope,
     adaptScope,
@@ -19622,7 +19584,7 @@ function SelectInner(props) {
       listContentRef.current[index2] = value2;
     }, []),
     shouldRenderWebNative,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectProvider, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(SelectProvider, {
       scope,
       scopeName: scope,
       adaptScope,
@@ -19642,10 +19604,10 @@ function SelectInner(props) {
       open: open2,
       native,
       renderValue,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectSheetController, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(SelectSheetController, {
         onOpenChange: setOpen,
         scope,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectImpl, __spreadProps(__spreadValues({
+        children: /* @__PURE__ */ jsxRuntime.jsx(SelectImpl, __spreadProps(__spreadValues({
           activeIndexRef,
           listContentRef,
           selectedIndexRef
@@ -19787,19 +19749,19 @@ function setupNativeSheet(platform2, RNIOSModal) {
       var _props_onOpenChange;
       (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 || _props_onOpenChange.call(props, open2), setOpen(next);
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetProvider, __spreadProps(__spreadValues({
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(SheetProvider, __spreadProps(__spreadValues({
         setHasScrollView: emptyFn
       }, providerProps), {
         onlyShowFrame: true,
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ModalSheetView, {
+          /* @__PURE__ */ jsxRuntime.jsx(ModalSheetView, {
             ref,
             onModalDidDismiss: function() {
               return setOpenInternal(false);
             },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModalSheetViewMainContent, {
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+            children: /* @__PURE__ */ jsxRuntime.jsx(ModalSheetViewMainContent, {
+              children: /* @__PURE__ */ jsxRuntime.jsx(View$2, {
                 style: {
                   flex: 1
                 },
@@ -19809,7 +19771,7 @@ function setupNativeSheet(platform2, RNIOSModal) {
           }),
           /* for some reason select triggers wont show on native if this isn't inside the actual tree not inside implementation... */
           /* so just hiding it here for now... not great... */
-          /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, {
+          /* @__PURE__ */ jsxRuntime.jsx(YStack, {
             position: "absolute",
             opacity: 0,
             pointerEvents: "none",
@@ -20049,18 +20011,18 @@ var hiddenSize = 10000.1, relativeDimensionTo = "screen", SheetImplementationCus
     `${maxSnapPoint}${"%"}`
   ) : maxSnapPoint, setHasScrollView = React.useCallback(function(val) {
     hasScrollView.current = val;
-  }, []), contents = /* @__PURE__ */ jsxRuntimeExports.jsx(LayoutMeasurementController, {
+  }, []), contents = /* @__PURE__ */ jsxRuntime.jsx(LayoutMeasurementController, {
     disable: !open2,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ParentSheetContext.Provider, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(ParentSheetContext.Provider, {
       value: nextParentContext,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SheetProvider, __spreadProps(__spreadValues({}, providerProps), {
+      children: /* @__PURE__ */ jsxRuntime.jsxs(SheetProvider, __spreadProps(__spreadValues({}, providerProps), {
         setHasScrollView,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, {
+        children: [/* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, {
           custom: {
             open: open2
           },
           children: shouldHideParentSheet || !open2 ? null : overlayComponent
-        }), snapPointsMode !== "percent" && /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+        }), snapPointsMode !== "percent" && /* @__PURE__ */ jsxRuntime.jsx(View$2, {
           style: {
             opacity: 0,
             position: "absolute",
@@ -20071,7 +20033,7 @@ var hiddenSize = 10000.1, relativeDimensionTo = "screen", SheetImplementationCus
             pointerEvents: "none"
           },
           onLayout: handleMaxContentViewLayout
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatedView, __spreadProps(__spreadValues({
+        }), /* @__PURE__ */ jsxRuntime.jsx(AnimatedView, __spreadProps(__spreadValues({
           ref
         }, panResponder == null ? void 0 : panResponder.panHandlers), {
           onLayout: handleAnimationViewLayout,
@@ -20100,7 +20062,7 @@ var hiddenSize = 10000.1, relativeDimensionTo = "screen", SheetImplementationCus
   });
   if (!USE_NATIVE_PORTAL) {
     var adaptContext = useAdaptContext();
-    contents = /* @__PURE__ */ jsxRuntimeExports.jsx(ProvideAdaptContext, __spreadProps(__spreadValues({}, adaptContext), {
+    contents = /* @__PURE__ */ jsxRuntime.jsx(ProvideAdaptContext, __spreadProps(__spreadValues({}, adaptContext), {
       children: (
         /* @ts-ignore */
         contents
@@ -20109,11 +20071,11 @@ var hiddenSize = 10000.1, relativeDimensionTo = "screen", SheetImplementationCus
   }
   var shouldMountChildren = unmountChildrenWhenHidden ? !!opacity : true;
   if (modal) {
-    var modalContents = /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, __spreadProps(__spreadValues({
+    var modalContents = /* @__PURE__ */ jsxRuntime.jsx(Portal, __spreadProps(__spreadValues({
       stackZIndex: zIndex
     }, portalProps), {
-      children: shouldMountChildren && /* @__PURE__ */ jsxRuntimeExports.jsx(ContainerComponent, {
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, {
+      children: shouldMountChildren && /* @__PURE__ */ jsxRuntime.jsx(ContainerComponent, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(Theme, {
           contain: true,
           forceClassName: true,
           name: themeName,
@@ -20121,7 +20083,7 @@ var hiddenSize = 10000.1, relativeDimensionTo = "screen", SheetImplementationCus
         })
       })
     }));
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SheetInsideSheetContext.Provider, {
+    return /* @__PURE__ */ jsxRuntime.jsx(SheetInsideSheetContext.Provider, {
       value: onInnerSheet,
       children: modalContents
     });
@@ -20207,7 +20169,7 @@ var SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = /* @__PURE__ *
     };
     return React.useEffect(function() {
       scrollBridge.hasScrollableContent = hasScrollableContent;
-    }, [hasScrollableContent]), /* @__PURE__ */ jsxRuntimeExports.jsxs(ScrollView3, __spreadProps(__spreadValues({
+    }, [hasScrollableContent]), /* @__PURE__ */ jsxRuntime.jsxs(ScrollView3, __spreadProps(__spreadValues({
       onLayout: function(e2) {
         parentHeight.current = Math.ceil(e2.nativeEvent.layout.height), setIsScrollable();
       },
@@ -20247,7 +20209,7 @@ var SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = /* @__PURE__ *
     }, props), {
       children: [
         /* content height measurer */
-        /* @__PURE__ */ jsxRuntimeExports.jsx(View, {
+        /* @__PURE__ */ jsxRuntime.jsx(View, {
           position: "absolute",
           inset: 0,
           pointerEvents: "none",
@@ -20296,7 +20258,7 @@ function createSheet(param) {
     ]), context2 = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet), composedRef = useComposedRefs(context2.handleRef, forwardedRef);
     return context2.onlyShowFrame ? null : (
       // @ts-ignore
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Handle2, __spreadValues({
+      /* @__PURE__ */ jsxRuntime.jsx(Handle2, __spreadValues({
         ref: composedRef,
         onPress: function() {
           var max2 = context2.snapPoints.length + (context2.dismissOnSnapToBottom ? -1 : 0), nextPos = (context2.position + 1) % max2;
@@ -20313,7 +20275,7 @@ function createSheet(param) {
     ]), context2 = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet), element = React.useMemo(function() {
       return (
         // @ts-ignore
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay2, __spreadProps(__spreadValues({}, props), {
+        /* @__PURE__ */ jsxRuntime.jsx(Overlay2, __spreadProps(__spreadValues({}, props), {
           onPress: composeEventHandlers(props.onPress, context2.dismissOnOverlayPress ? function() {
             context2.setOpen(false);
           } : void 0)
@@ -20349,7 +20311,7 @@ function createSheet(param) {
       var shouldUseFixedHeight = hasFit && !open2 && stableFrameSize.current;
       return (
         // @ts-expect-error
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Frame2, __spreadProps(__spreadValues({
+        /* @__PURE__ */ jsxRuntime.jsxs(Frame2, __spreadProps(__spreadValues({
           ref: composedContentRef,
           flex: hasFit && open2 ? 0 : 1,
           flexBasis: hasFit ? "auto" : void 0,
@@ -20357,10 +20319,10 @@ function createSheet(param) {
           pointerEvents: open2 ? "auto" : "none",
           "data-state": open2 ? "open" : "closed"
         }, props), {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(StackZIndexContext, {
+          children: [/* @__PURE__ */ jsxRuntime.jsx(StackZIndexContext, {
             zIndex: resolveViewZIndex(props.zIndex),
             children
-          }), adjustPaddingForOffscreenContent && /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, {
+          }), adjustPaddingForOffscreenContent && /* @__PURE__ */ jsxRuntime.jsx(Stack, {
             "data-sheet-offscreen-pad": true,
             height: offscreenSize,
             width: "100%"
@@ -20368,15 +20330,15 @@ function createSheet(param) {
         }))
       );
     }, [open2, props, frameSize, offscreenSize, adjustPaddingForOffscreenContent, hasFit]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(RemoveScroll, {
+        /* @__PURE__ */ jsxRuntime.jsx(RemoveScroll, {
           enabled: !disableRemoveScroll && context2.open,
           children: sheetContents
         }),
         /* below frame hide when bouncing past 100% */
         !disableHideBottomOverflow && // @ts-ignore
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Frame2, __spreadProps(__spreadValues({}, props), {
+        /* @__PURE__ */ jsxRuntime.jsx(Frame2, __spreadProps(__spreadValues({}, props), {
           componentName: "SheetCover",
           // biome-ignore lint/correctness/noChildrenProp: <explanation>
           children: null,
@@ -20401,7 +20363,7 @@ function createSheet(param) {
       isShowingNonSheet
     } = useSheetController(), SheetImplementation = SheetImplementationCustom;
     if (props.native && Platform.OS === "ios") ;
-    return isShowingNonSheet || false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SheetImplementation, __spreadValues({
+    return isShowingNonSheet || false ? null : /* @__PURE__ */ jsxRuntime.jsx(SheetImplementation, __spreadValues({
       ref
     }, props));
   }), components = {
@@ -20607,7 +20569,7 @@ var SliderFrame = styled(YStack, {
     "onEndKeyDown",
     "onStepKeyDown"
   ]), context2 = useSliderContext(__scopeSlider);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SliderFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(SliderFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
     size: "$4"
   }, sliderProps), {
     "data-orientation": sliderProps.orientation,
@@ -20680,14 +20642,14 @@ var SliderHorizontal = /* @__PURE__ */ React__namespace.forwardRef(function(prop
       });
     });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SliderOrientationProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SliderOrientationProvider, {
     scope: props.__scopeSlider,
     startEdge: isDirectionLTR ? "left" : "right",
     endEdge: isDirectionLTR ? "right" : "left",
     direction: isDirectionLTR ? 1 : -1,
     sizeProp: "width",
     size: state.size,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(SliderImpl, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(SliderImpl, __spreadProps(__spreadValues({
       ref: composeRefs(forwardedRef, sliderRef),
       dir: direction
     }, sliderProps), {
@@ -20751,14 +20713,14 @@ var SliderVertical = /* @__PURE__ */ React__namespace.forwardRef(function(props,
       });
     });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SliderOrientationProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SliderOrientationProvider, {
     scope: props.__scopeSlider,
     startEdge: "bottom",
     endEdge: "top",
     sizeProp: "height",
     size: state.size,
     direction: 1,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(SliderImpl, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(SliderImpl, __spreadProps(__spreadValues({
       ref: composeRefs(forwardedRef, sliderRef)
     }, sliderProps), {
       orientation: "vertical",
@@ -20807,7 +20769,7 @@ var SliderVertical = /* @__PURE__ */ React__namespace.forwardRef(function(props,
   } = _a, trackProps = __objRest(_a, [
     "__scopeSlider"
   ]), context2 = useSliderContext(__scopeSlider);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SliderTrackFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(SliderTrackFrame, __spreadProps(__spreadValues({
     "data-disabled": context2.disabled ? "" : void 0,
     "data-orientation": context2.orientation,
     orientation: context2.orientation,
@@ -20830,7 +20792,7 @@ var RANGE_NAME = "SliderTrackActive", SliderTrackActiveFrame = styled(SliderFram
   ]), context2 = useSliderContext(__scopeSlider), orientation = useSliderOrientationContext(__scopeSlider), ref = React__namespace.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), valuesCount = context2.values.length, percentages = context2.values.map(function(value) {
     return convertValueToPercentage(value, context2.min, context2.max);
   }), offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0, offsetEnd = 100 - Math.max(...percentages);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SliderTrackActiveFrame, __spreadValues(__spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(SliderTrackActiveFrame, __spreadValues(__spreadProps(__spreadValues({
     orientation: context2.orientation,
     "data-orientation": context2.orientation,
     "data-disabled": context2.disabled ? "" : void 0,
@@ -20914,7 +20876,7 @@ var getThumbSize = function(val) {
     left: "auto",
     right: "auto"
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SliderThumbFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(SliderThumbFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
     ref: composedRefs,
     role: "slider",
     "aria-label": props["aria-label"] || label,
@@ -21002,7 +20964,7 @@ var getThumbSize = function(val) {
     });
   }
   var SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SliderProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(SliderProvider, {
     scope: props.__scopeSlider,
     disabled,
     min: min2,
@@ -21012,7 +20974,7 @@ var getThumbSize = function(val) {
     values,
     orientation,
     size: sizeProp,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(SliderOriented, __spreadProps(__spreadValues({
+    children: /* @__PURE__ */ jsxRuntime.jsx(SliderOriented, __spreadProps(__spreadValues({
       "aria-disabled": disabled,
       "data-disabled": disabled ? "" : void 0
     }, sliderProps), {
@@ -21164,7 +21126,7 @@ function createSwitch(createProps) {
       unstyled: unstyledContext,
       size: sizeContext
     } = styledContext, _ref, unstyled = process.env.TAMAGUI_HEADLESS === "1" ? true : (_ref = unstyledProp != null ? unstyledProp : unstyledContext) !== null && _ref !== void 0 ? _ref : false, _ref1, size = (_ref1 = sizeProp != null ? sizeProp : sizeContext) !== null && _ref1 !== void 0 ? _ref1 : "$true", initialChecked = React__namespace.useRef(checked).current, initialWidth = getVariableValue(props.width, "size"), [thumbWidth, setThumbWidth] = React__namespace.useState(typeof initialWidth == "number" ? initialWidth : 0), distance = frameWidth - thumbWidth, x = initialChecked ? checked ? 0 : -distance : checked ? distance : 0;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Thumb2, __spreadValues(__spreadProps(__spreadValues({
+    return /* @__PURE__ */ jsxRuntime.jsx(Thumb2, __spreadValues(__spreadProps(__spreadValues({
       ref: forwardedRef,
       unstyled
     }, unstyled === false && __spreadValues({
@@ -21228,7 +21190,7 @@ function createSwitch(createProps) {
       });
     }, [props.id, props.disabled]);
     var renderNative = shouldRenderNativePlatform(native);
-    if (renderNative === "android" || renderNative === "ios") return /* @__PURE__ */ jsxRuntimeExports.jsx(UnimplementedView, __spreadValues({
+    if (renderNative === "android" || renderNative === "ios") return /* @__PURE__ */ jsxRuntime.jsx(UnimplementedView, __spreadValues({
       value: checked,
       onValueChange: setChecked
     }, nativeProps));
@@ -21242,9 +21204,9 @@ function createSwitch(createProps) {
       var next = e2.nativeEvent.layout.width;
       next !== frameWidth && setFrameInnerWidth(next);
     }, _styledContext_unstyled, _ref3, unstyled = (_ref3 = (_styledContext_unstyled = styledContext.unstyled) !== null && _styledContext_unstyled !== void 0 ? _styledContext_unstyled : props.unstyled) !== null && _ref3 !== void 0 ? _ref3 : false, _styledContext_size, _ref4;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(SwitchContext.Provider, {
+    return /* @__PURE__ */ jsxRuntime.jsxs(SwitchContext.Provider, {
       value,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Frame2, __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Frame2, __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues(__spreadValues({
         ref: switchRef,
         tag: "button"
       }, isWeb), !unstyled && {
@@ -21257,7 +21219,7 @@ function createSwitch(createProps) {
         // expected variants
         checked,
         disabled,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(View$2, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(View$2, {
           style: measureContainerStyle,
           onLayout: handleLayout,
           children: frameWidth ? props.children : null
@@ -21340,13 +21302,13 @@ function createTabs(createProps) {
       "loop",
       "children"
     ]), context2 = useTabsContext(__scopeTabs);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(RovingFocusGroup, {
+    return /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroup, {
       __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
       orientation: context2.orientation,
       dir: context2.dir,
       loop,
       asChild: true,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Group, __spreadProps(__spreadValues({
+      children: /* @__PURE__ */ jsxRuntime.jsx(Group, __spreadProps(__spreadValues({
         role: "tablist",
         componentName: TAB_LIST_NAME,
         "aria-orientation": context2.orientation,
@@ -21384,14 +21346,14 @@ function createTabs(createProps) {
       isSelected && layout && (onInteraction == null ? void 0 : onInteraction("select", layout));
     }, [isSelected, value, layout]);
     var _props_onPress;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Theme, {
+    return /* @__PURE__ */ jsxRuntime.jsx(Theme, {
       name: isSelected && !disableActiveTheme ? "active" : null,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(RovingFocusGroup.Item, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroup.Item, {
         __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
         asChild: true,
         focusable: !disabled,
         active: isSelected,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFrame, __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+        children: /* @__PURE__ */ jsxRuntime.jsx(TabFrame, __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
           onLayout: function(event) {
             setLayout(event.nativeEvent.layout);
           },
@@ -21435,7 +21397,7 @@ function createTabs(createProps) {
       "forceMount",
       "children"
     ]), context2 = useTabsContext(__scopeTabs), isSelected = value === context2.value, show = forceMount || isSelected, triggerId = makeTriggerId(context2.baseId, value), contentId = makeContentId(context2.baseId, value);
-    return show ? /* @__PURE__ */ jsxRuntimeExports.jsx(ContentFrame, __spreadProps(__spreadValues({
+    return show ? /* @__PURE__ */ jsxRuntime.jsx(ContentFrame, __spreadProps(__spreadValues({
       "data-state": isSelected ? "active" : "inactive",
       "data-orientation": context2.orientation,
       role: "tabpanel",
@@ -21480,7 +21442,7 @@ function createTabs(createProps) {
         return v - 1;
       });
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsProvider, {
+    return /* @__PURE__ */ jsxRuntime.jsx(TabsProvider, {
       scope: __scopeTabs,
       baseId: React__namespace.useId(),
       value,
@@ -21492,7 +21454,7 @@ function createTabs(createProps) {
       registerTrigger,
       triggersCount,
       unregisterTrigger,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabsFrame, __spreadProps(__spreadValues({
+      children: /* @__PURE__ */ jsxRuntime.jsx(TabsFrame, __spreadProps(__spreadValues({
         direction,
         //   dir={direction}
         "data-orientation": orientation
@@ -21710,7 +21672,7 @@ var context = createStyledContext({
     onChange: onPressedChange,
     defaultProp: defaultPressed
   }), _props_onPress;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !props.unstyled && {
+  return /* @__PURE__ */ jsxRuntime.jsx(ToggleFrame, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, !props.unstyled && {
     theme: pressed ? "accent" : null,
     themeShallow: true
   }), {
@@ -21758,18 +21720,18 @@ var TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem
   }, sizeProps), rest), {
     children,
     toggledStyle
-  }), inner = /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupItemImpl, __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
+  }), inner = /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupItemImpl, __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
     ref: forwardedRef,
     // focusable={!disabled}
     tabIndex: disabled ? -1 : 0,
     disabled
   }), groupItemProps));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupItemProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupItemProvider, {
     scope: props.__scopeToggleGroup,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(context.Provider, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(context.Provider, {
       color,
       toggledStyle,
-      children: context$12.rovingFocus ? /* @__PURE__ */ jsxRuntimeExports.jsx(RovingFocusGroup.Item, {
+      children: context$12.rovingFocus ? /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroup.Item, {
         asChild: "except-style",
         __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
         focusable: !disabled,
@@ -21790,7 +21752,7 @@ var ToggleGroupItemImpl = /* @__PURE__ */ React.forwardRef(function(props, forwa
   ]), valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = {
     "aria-pressed": void 0
   }, typeProps = valueContext.type === "single" ? singleProps : void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Toggle, __spreadProps(__spreadValues(__spreadValues({}, typeProps), itemProps), {
+  return /* @__PURE__ */ jsxRuntime.jsx(Toggle, __spreadProps(__spreadValues(__spreadValues({}, typeProps), itemProps), {
     ref: forwardedRef,
     onPressedChange: function(pressed) {
       pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
@@ -21811,13 +21773,13 @@ var ToggleGroupItemImpl = /* @__PURE__ */ React.forwardRef(function(props, forwa
     });
   }, [props.id]), type === "single") {
     var singleProps = toggleGroupProps;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupImplSingle, __spreadProps(__spreadValues({}, singleProps), {
+    return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImplSingle, __spreadProps(__spreadValues({}, singleProps), {
       ref: forwardedRef
     }));
   }
   if (type === "multiple") {
     var multipleProps = toggleGroupProps;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupImplMultiple, __spreadProps(__spreadValues({}, multipleProps), {
+    return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImplMultiple, __spreadProps(__spreadValues({}, multipleProps), {
       ref: forwardedRef
     }));
   }
@@ -21846,7 +21808,7 @@ var {
     defaultProp: defaultValue2,
     onChange: onValueChange
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupValueProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupValueProvider, {
     scope: props.__scopeToggleGroup,
     type: "single",
     value: value ? [value] : [],
@@ -21855,7 +21817,7 @@ var {
     onItemDeactivate: React.useCallback(function() {
       return disableDeactivation ? null : setValue("");
     }, [setValue, disableDeactivation]),
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupImpl, __spreadProps(__spreadValues({}, toggleGroupSingleProps), {
+    children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImpl, __spreadProps(__spreadValues({}, toggleGroupSingleProps), {
       ref: forwardedRef
     }))
   });
@@ -21888,14 +21850,14 @@ var {
       });
     });
   }, [setValue]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupValueProvider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupValueProvider, {
     scope: props.__scopeToggleGroup,
     type: "multiple",
     value,
     defaultValue: value,
     onItemActivate: handleButtonActivate,
     onItemDeactivate: handleButtonDeactivate,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupImpl, __spreadProps(__spreadValues({}, toggleGroupMultipleProps), {
+    children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImpl, __spreadProps(__spreadValues({}, toggleGroupMultipleProps), {
       ref: forwardedRef
     }))
   });
@@ -21954,21 +21916,21 @@ var ToggleGroupImplElementFrame = styled(Group, {
   }, toggleGroupProps), adjustedSize = getVariableValue(getSize(sizeProp, {
     shift: sizeAdjust
   })), size = Math.round(adjustedSize * 0.45);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupContext, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext, {
     scope: __scopeToggleGroup,
     rovingFocus,
     disabled,
     size,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(context.Provider, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(context.Provider, {
       color,
       toggledStyle,
-      children: rovingFocus ? /* @__PURE__ */ jsxRuntimeExports.jsx(RovingFocusGroup, {
+      children: rovingFocus ? /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroup, {
         asChild: "except-style",
         __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
         orientation,
         dir: direction,
         loop,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupImplElementFrame, __spreadValues({
+        children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImplElementFrame, __spreadValues({
           "aria-orientation": orientation,
           orientation,
           // axis={orientation}
@@ -21976,7 +21938,7 @@ var ToggleGroupImplElementFrame = styled(Group, {
           "data-disabled": disabled ? "" : void 0,
           unstyled
         }, commonProps))
-      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupImplElementFrame, __spreadValues({
+      }) : /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupImplElementFrame, __spreadValues({
         "aria-orientation": orientation,
         ref: forwardedRef,
         orientation,
@@ -22072,7 +22034,7 @@ VisuallyHidden.isVisuallyHidden = true;
 const createTamagui = createTamagui$1;
 const TamaguiProvider = (_d) => {
   var _e = _d, { children } = _e, props = __objRest(_e, ["children"]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TamaguiProvider$1, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ZIndexStackContext.Provider, { value: 1, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PortalProvider, { shouldAddRootHost: true, children }) }) }));
+  return /* @__PURE__ */ jsxRuntime.jsx(TamaguiProvider$1, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxRuntime.jsx(ZIndexStackContext.Provider, { value: 1, children: /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { shouldAddRootHost: true, children }) }) }));
 };
 const AnchorFrame = styled(SizableText, {
   name: "Anchor",
@@ -22082,7 +22044,7 @@ const AnchorFrame = styled(SizableText, {
 const Anchor = AnchorFrame.styleable(
   (_f, ref) => {
     var _g = _f, { href, target } = _g, props = __objRest(_g, ["href", "target"]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       AnchorFrame,
       __spreadProps(__spreadValues(__spreadValues({}, props), {
         onPress: (event) => {
@@ -22360,7 +22322,7 @@ var StyledInput = styled(TextInput, styledBody[0], styledBody[1]), Input = Style
     onSelectionChange: onSelectionChange ? handleSelectionChange : void 0,
     autoComplete
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledInput, __spreadValues({
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledInput, __spreadValues({
     ref: composedRefs
   }, finalProps));
 });
@@ -22393,7 +22355,7 @@ const Spinner = YStack.styleable((props, ref) => {
   if (color && color[0] === "$") {
     color = variableToString(theme[color]);
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(YStack, __spreadProps(__spreadValues({ ref }, stackProps), { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ActivityIndicator, { size, color }) }));
+  return /* @__PURE__ */ jsxRuntime.jsx(YStack, __spreadProps(__spreadValues({ ref }, stackProps), { children: /* @__PURE__ */ jsxRuntime.jsx(ActivityIndicator, { size, color }) }));
 });
 const Text = styled(Text$2, {
   variants: {