@tamagui/core 2.0.0-1768586279389 → 2.0.0-1768636514428

package/dist/native.cjs

@@ -52,6 +52,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -89,58 +90,6 @@ function _mergeNamespaces(n, m) {
   return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }));
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-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: {
@@ -260,9 +209,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
       })
@@ -595,7 +544,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
@@ -615,7 +564,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
   });
@@ -1756,6 +1705,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() {
@@ -2844,7 +2796,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) => {
@@ -2852,7 +2804,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) => {
@@ -2861,7 +2813,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
@@ -4064,7 +4016,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
     }));
@@ -4212,13 +4164,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
   ] });
@@ -4228,7 +4180,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
   };
 };
@@ -4391,7 +4343,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,
@@ -4624,7 +4576,7 @@ let ScrollView$1 = 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(
@@ -4634,7 +4586,7 @@ let ScrollView$1 = 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,
@@ -4666,7 +4618,7 @@ let ScrollView$1 = 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) {
@@ -4905,7 +4857,7 @@ const commonStyle$1 = {
   pagingEnabledChild: {
     scrollSnapAlign: "start"
   }
-}, ForwardedScrollView$1 = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollView$1, __spreadProps(__spreadValues({}, props), { forwardedRef })));
+}, ForwardedScrollView$1 = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(ScrollView$1, __spreadProps(__spreadValues({}, props), { forwardedRef })));
 ForwardedScrollView$1.displayName = "ScrollView";
 function RefreshControl(props) {
   const _a = props, {
@@ -4932,7 +4884,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) {
@@ -5266,7 +5218,7 @@ function VirtualizedListCellContextProvider({ cellKey, children }) {
     () => currContext == null ? null : __spreadProps(__spreadValues({}, currContext), { cellKey }),
     [currContext, cellKey]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualizedListContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(VirtualizedListContext.Provider, { value: context, children });
 }
 class CellRenderer extends React__namespace.Component {
   constructor() {
@@ -5364,8 +5316,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,
@@ -5379,7 +5331,7 @@ class CellRenderer extends React__namespace.Component {
           itemSeparator
         ]
       })
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(
       View$3,
       __spreadProps(__spreadValues({
         style: cellStyle,
@@ -5391,7 +5343,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({
@@ -5613,14 +5565,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()
@@ -5632,7 +5584,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),
@@ -5704,13 +5656,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", (ListItemComponent, renderItem, columnWrapperStyle, numColumns, extraData) => {
-      const cols = numColumnsOrDefault(numColumns), render = (props) => ListItemComponent ? /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemComponent, __spreadValues({}, props)) : renderItem ? renderItem(props) : null, renderProp = (info) => {
+      const cols = numColumnsOrDefault(numColumns), render = (props) => ListItemComponent ? /* @__PURE__ */ jsxRuntime.jsx(ListItemComponent, __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({
@@ -5718,7 +5670,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;
             })
@@ -5791,7 +5743,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,
@@ -5806,7 +5758,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
@@ -5847,7 +5799,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: {
@@ -5856,9 +5808,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;
@@ -5980,7 +5932,7 @@ 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(
+  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ jsxRuntime.jsxs(
     View$3,
     __spreadProps(__spreadValues({}, rest), {
       "aria-label": accessibilityLabel,
@@ -5995,7 +5947,7 @@ const Image$1 = React__namespace.forwardRef((props, ref) => {
         flatStyle
       ],
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           View$3,
           {
             style: [
@@ -6072,7 +6024,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
@@ -6144,7 +6096,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,
@@ -6219,7 +6171,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,
@@ -6233,7 +6185,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
@@ -6330,7 +6282,7 @@ const pickProps$4 = (props) => pick(props, forwardPropsListText), Text$3 = 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$3.displayName = "Text";
@@ -6563,7 +6515,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;
@@ -6680,16 +6632,16 @@ const RootTagContext = React__namespace.createContext(null), AppContainer = Reac
     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.Provider, {
+  })), /* @__PURE__ */ jsxRuntime.jsx(RootTagContext.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,
@@ -6794,7 +6746,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) {
@@ -6846,7 +6798,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,
@@ -6915,7 +6867,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",
@@ -6935,7 +6887,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%",
@@ -6948,13 +6900,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,
@@ -7006,20 +6958,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"
         })]
@@ -7159,13 +7111,13 @@ const Image = 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
@@ -7249,10 +7201,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:
@@ -7348,7 +7300,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,
@@ -7378,7 +7330,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)
   }));
@@ -7470,7 +7422,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),
@@ -7713,11 +7665,11 @@ 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],
@@ -7742,7 +7694,7 @@ 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
     }));
@@ -7991,7 +7943,7 @@ const commonStyle = {
   pagingEnabledChild: {
     scrollSnapAlign: "start"
   }
-}, ForwardedScrollView = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollView2, __spreadProps(__spreadValues({}, props), {
+}, ForwardedScrollView = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(ScrollView2, __spreadProps(__spreadValues({}, props), {
   forwardedRef
 })));
 ForwardedScrollView.displayName = "ScrollView";
@@ -8081,7 +8033,7 @@ const pickProps$1 = (props) => pick(props, forwardPropsListText), Text$2 = 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
   });
@@ -9415,7 +9367,7 @@ var _withStableStyle = function(Component, styleProvider) {
     }), media = hasMediaKeys ? useMedia() : null, resolvedExpressions = media ? _expressions.map(function(expr) {
       return typeof expr == "string" ? media[expr] : expr;
     }) : _expressions;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, __spreadValues({
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadValues({
       ref,
       style: styleProvider(theme, resolvedExpressions)
     }, rest));
@@ -10587,9 +10539,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
@@ -10731,7 +10688,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
   });
@@ -10745,7 +10702,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;
@@ -10771,21 +10728,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 (context) {
       var Provider = context.Provider, contextValue = React.useContext(context);
-      contents = /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, __spreadProps(__spreadValues(__spreadValues({}, contextValue), overriddenContextProps), {
+      contents = /* @__PURE__ */ jsxRuntime.jsx(Provider, __spreadProps(__spreadValues(__spreadValues({}, contextValue), overriddenContextProps), {
         children: contents
       }));
     }
@@ -10800,7 +10757,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
   });
@@ -10922,7 +10879,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
   });
 };
@@ -11244,24 +11201,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,
@@ -11349,19 +11309,19 @@ function createComponent(staticConfig) {
     !isHOC && ResetPresence && willBeAnimated && (hasEnterStyle || presenceState)), hasEverReset = stateRef.current.hasEverResetPresence;
     needsReset && !hasEverReset && (stateRef.current.hasEverResetPresence = true);
     var renderReset = needsReset || hasEverReset;
-    if (renderReset && ResetPresence && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(ResetPresence, {
+    if (renderReset && ResetPresence && (content = /* @__PURE__ */ jsxRuntime.jsx(ResetPresence, {
       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
@@ -12019,9 +11979,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) {
@@ -12032,7 +11992,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
   }));
@@ -12040,7 +12000,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,
@@ -12064,11 +12024,11 @@ function TamaguiProvider$1(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,
@@ -12076,10 +12036,10 @@ function TamaguiProvider$1(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]
   });
 }
@@ -12572,7 +12532,7 @@ const TamaguiProvider = (props) => {
   useIsomorphicLayoutEffect(() => {
     enable();
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TamaguiProvider$1, __spreadValues({}, props));
+  return /* @__PURE__ */ jsxRuntime.jsx(TamaguiProvider$1, __spreadValues({}, props));
 };
 const createTamagui = (conf2) => {
   {