@tamagui/core 2.0.0-1768586279389 → 2.0.0-1768696252732

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: {
@@ -189,7 +138,7 @@ var pseudoDescriptorsBase = {
     priority: 5
   }
 }), defaultMediaImportance = Object.keys(pseudoDescriptors).length;
-function _type_of$9(obj) {
+function _type_of$a(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -213,13 +162,13 @@ var mergeProps = function(defaultProps2, props) {
 };
 function mergeProp(out, defaultProps2, props, key) {
   var val = props[key];
-  if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$9(val)) === "object") {
+  if (defaultProps2 && key in defaultProps2 && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$a(val)) === "object") {
     var defaultVal = defaultProps2[key];
-    defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$9(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
+    defaultVal && (typeof defaultVal > "u" ? "undefined" : _type_of$a(defaultVal)) === "object" && (val = mergeProps(defaultVal, val));
   }
   out[key] = val;
 }
-function _type_of$8(obj) {
+function _type_of$9(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -227,7 +176,7 @@ function objectIdentityKey(obj) {
   var k = "";
   for (var key in obj) {
     k += key;
-    var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$8(arg);
+    var arg = obj[key], type = typeof arg > "u" ? "undefined" : _type_of$9(arg);
     if (!arg || type !== "object" && type !== "function") k += type + arg;
     else if (cache$6.has(arg)) k += cache$6.get(arg);
     else {
@@ -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
   });
@@ -8438,6 +8390,18 @@ var getTokens = function() {
 };
 function setupDev(conf2) {
 }
+function loadAnimationDriver(name, driver) {
+  var config = getConfigFromGlobalOrLocal();
+  if (!config) {
+    return;
+  }
+  config.animations && !("default" in config.animations) && (config.animations = {
+    default: config.animations
+  }), config.animations ? config.animations[name] = driver : config.animations = {
+    default: driver,
+    [name]: driver
+  };
+}
 var matchMediaImpl = matchMediaFallback, matchMedia$1 = function() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
   return matchMediaImpl(...args);
@@ -8646,7 +8610,7 @@ function clamp(value, param) {
   var [min, max] = param;
   return Math.min(max, Math.max(min, value));
 }
-function _type_of$7(obj) {
+function _type_of$8(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -8655,7 +8619,7 @@ function composeEventHandlers(og, next) {
     checkDefaultPrevented = true
   } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   return !og || !next ? next || og || void 0 : function(event) {
-    if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$7(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
+    if (og == null ? void 0 : og(event), !event || !(checkDefaultPrevented && (typeof event > "u" ? "undefined" : _type_of$8(event)) === "object" && "defaultPrevented" in event) || // @ts-ignore
     "defaultPrevented" in event && !event.defaultPrevented) return next == null ? void 0 : next(event);
   };
 }
@@ -8963,6 +8927,7 @@ var textColors = {
   elevationAndroid: true
 } : {}), {
   boxShadow: true,
+  border: true,
   filter: true,
   // RN 0.76/0.77+ style props (New Architecture)
   boxSizing: true,
@@ -8999,7 +8964,7 @@ var textColors = {
   disabledStyle: true,
   focusWithinStyle: true
 }, validStyles = stylePropsView;
-function _type_of$6(obj) {
+function _type_of$7(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -9013,14 +8978,14 @@ var Decorated = Symbol(), withStaticProperties = function(component, staticProps
       });
       for (var key in component) {
         var v = component[key];
-        _2[key] = v && (typeof v > "u" ? "undefined" : _type_of$6(v)) === "object" ? __spreadValues({}, v) : v;
+        _2[key] = v && (typeof v > "u" ? "undefined" : _type_of$7(v)) === "object" ? __spreadValues({}, v) : v;
       }
     }
     return component;
   })();
   return Object.assign(next, staticProps), next[Decorated] = true, next;
 };
-function _type_of$5(obj) {
+function _type_of$6(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -9047,7 +9012,7 @@ function variableToString(vrble) {
   return isVariable(vrble) ? `${vrble.val}` : `${vrble || ""}`;
 }
 function isVariable(v) {
-  return v && (typeof v > "u" ? "undefined" : _type_of$5(v)) === "object" && "isVar" in v;
+  return v && (typeof v > "u" ? "undefined" : _type_of$6(v)) === "object" && "isVar" in v;
 }
 function getVariable(nameOrVariable) {
   var group = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "size", _tokens_group;
@@ -9379,7 +9344,7 @@ function getThemeProxied(_props, _state, _keys) {
           var outVal = getVariable(value), {
             name,
             scheme
-          } = curState, shouldOptimize = scheme && platform !== "web" && isIos && !curProps.deopt && getSetting("fastSchemeChange") && doesRootSchemeMatchSystem();
+          } = curState, shouldOptimize = scheme && platform !== "web" && isIos && !curProps.deopt && !curState.isInverse && getSetting("fastSchemeChange") && doesRootSchemeMatchSystem();
           if (shouldOptimize) {
             var _config_themes_name, _config_themes_oppositeName, oppositeScheme = scheme === "dark" ? "light" : "dark", oppositeName = name.replace(scheme, oppositeScheme), color = getVariable((_config_themes_name = config.themes[name]) === null || _config_themes_name === void 0 ? void 0 : _config_themes_name[key]), oppositeColor = getVariable((_config_themes_oppositeName = config.themes[oppositeName]) === null || _config_themes_oppositeName === void 0 ? void 0 : _config_themes_oppositeName[key]), dynamicVal = getDynamicVal({
               scheme,
@@ -9415,7 +9380,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));
@@ -9768,12 +9733,12 @@ function getFontsForLanguage(fonts, language) {
   })));
   return fontLanguageCache.set(language, next), next;
 }
-function _type_of$4(obj) {
+function _type_of$5(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var isObj = function(x) {
-  return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$4(x)) === "object";
+  return x && !Array.isArray(x) && (typeof x > "u" ? "undefined" : _type_of$5(x)) === "object";
 };
 function normalizeStyle$1(style) {
   var disableNormalize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, res = {};
@@ -9860,14 +9825,14 @@ var skipProps = {
   debug: 1,
   componentName: 1,
   disableOptimization: 1,
-  tag: 1,
+  render: 1,
   style: 1,
   // handled after loop so pseudos set usedKeys and override it if necessary
   group: 1,
   animatePresence: 1
 };
 Object.assign(skipProps, webPropsToSkip);
-function _type_of$3(obj) {
+function _type_of$4(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -9940,7 +9905,7 @@ var resolveTok = function(v, cat, sp, ss) {
     }
     styleProps2.disableExpandShorthands || key in conf2.shorthands && (key = conf2.shorthands[key]);
     var originalValue = value;
-    if (value != null && (key === "boxShadow" && (typeof value > "u" ? "undefined" : _type_of$3(value)) === "object" ? value = boxShadowObjResolve(value, styleProps2, styleState) : key === "filter" && (typeof value > "u" ? "undefined" : _type_of$3(value)) === "object" ? value = filterObjResolve(value, styleProps2, styleState) : typeof value == "string" && value[0] === "$" ? value = getTokenForKey(key, value, styleProps2, styleState) : key === "boxShadow" && typeof value == "string" && value.includes("$") ? value = value.replace(/(\$[\w.-]+)/g, function(t2) {
+    if (value != null && (key === "boxShadow" && (typeof value > "u" ? "undefined" : _type_of$4(value)) === "object" ? value = boxShadowObjResolve(value, styleProps2, styleState) : key === "filter" && (typeof value > "u" ? "undefined" : _type_of$4(value)) === "object" ? value = filterObjResolve(value, styleProps2, styleState) : typeof value == "string" && value[0] === "$" ? value = getTokenForKey(key, value, styleProps2, styleState) : key === "boxShadow" && typeof value == "string" && value.includes("$") ? value = value.replace(/(\$[\w.-]+)/g, function(t2) {
       var cat = /^\$-?\d/.test(t2) ? "size" : "color", r = getTokenForKey(cat, t2, styleProps2, styleState);
       return r != null ? String(r) : t2;
     }) : key === "filter" && typeof value == "string" && value.includes("$") ? value = value.replace(/(\$[\w.-]+)/g, function(t2) {
@@ -10099,7 +10064,7 @@ function getVariantDefinition(variant, value, conf2) {
       var fontSizeVariant = variant["...fontSize"];
       if (fontSizeVariant && conf2.fontSizeTokens.has(value)) return fontSizeVariant;
     }
-    return variant[`:${typeof value > "u" ? "undefined" : _type_of$3(value)}`] || variant["..."];
+    return variant[`:${typeof value > "u" ? "undefined" : _type_of$4(value)}`] || variant["..."];
   }
 }
 var fontShorthand = {
@@ -10186,7 +10151,7 @@ function transformsToString(transforms) {
     }
   ).join(" ");
 }
-function _type_of$2(obj) {
+function _type_of$3(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -10211,7 +10176,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     if (keyInit === "children") return viewProps[keyInit] = valInit, "continue";
     if (accept) {
       var accepted = accept[keyInit];
-      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit > "u" ? "undefined" : _type_of$2(valInit)) === "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps2.noClass), "continue";
+      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit > "u" ? "undefined" : _type_of$3(valInit)) === "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps2.noClass), "continue";
     }
     if (disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className") return "continue";
     if (keyInit in skipProps && !noSkip && !isHOC) {
@@ -10396,7 +10361,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     inlineWhenUnflattened,
     parentStaticConfig,
     acceptsClassName
-  } = staticConfig, viewProps = {}, mediaState = styleProps2.mediaState || exports.mediaState, shouldDoClasses = acceptsClassName && isWeb, rulesToInsert = void 0, classNames = {}, pseudos = null, hasMedia = false, dynamicThemeAccess, pseudoGroups, mediaGroups;
+  } = staticConfig, viewProps = {}, mediaState = styleProps2.mediaState || exports.mediaState, shouldDoClasses = acceptsClassName && isWeb, rulesToInsert = void 0, classNames = {};
+  props.space;
+  var pseudos = null, hasMedia = false, dynamicThemeAccess, pseudoGroups, mediaGroups;
   props.className || "";
   var mediaStylesSeen = 0, validStyles$1 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText : validStyles);
   var styleState = {
@@ -10587,9 +10554,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
@@ -10634,6 +10606,18 @@ function applyDefaultStyle(pkey, styleState) {
   var defaultValues = animatableDefaults[pkey];
   defaultValues != null && !(pkey in styleState.usedKeys) && (!styleState.style || !(pkey in styleState.style)) && mergeStyle(styleState, pkey, defaultValues, 1);
 }
+var isEventHandler = /^on[A-Z]/;
+function mergeSlotStyleProps(base, overlay) {
+  for (var key in overlay) {
+    var baseVal = base[key], overlayVal = overlay[key];
+    overlayVal !== void 0 && (key === "style" ? base.style = baseVal && overlayVal ? __spreadValues(__spreadValues({}, baseVal), overlayVal) : overlayVal || baseVal : key === "className" ? base.className = baseVal && overlayVal ? `${baseVal} ${overlayVal}` : overlayVal || baseVal : key === "ref" ? base.ref = baseVal && overlayVal ? composeRefs(baseVal, overlayVal) : overlayVal || baseVal : isEventHandler.test(key) && typeof baseVal == "function" && typeof overlayVal == "function" ? base[key] = composeEventHandlers(baseVal, overlayVal) : base[key] = overlayVal);
+  }
+  return base;
+}
+function mergeRenderElementProps(elementProps, viewProps, children) {
+  var merged = mergeSlotStyleProps(__spreadValues({}, elementProps), viewProps);
+  return merged.children = children, merged;
+}
 function setElementProps(element) {
   element && !element.getBoundingClientRect && (element.getBoundingClientRect = function() {
     if (element.unstable_getBoundingClientRect != null) return element.unstable_getBoundingClientRect();
@@ -10731,7 +10715,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 +10729,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 +10755,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 +10784,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
   });
@@ -10816,7 +10800,7 @@ function useClientValue(value) {
   useDidFinishSSR();
   return typeof value == "function" ? value() : value;
 }
-function _type_of$1(obj) {
+function _type_of$2(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -10894,7 +10878,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 function hasAnimatedStyleValue(style) {
   return Object.keys(style).some(function(k) {
     var val = style[k];
-    return val && (typeof val > "u" ? "undefined" : _type_of$1(val)) === "object" && "_animation" in val;
+    return val && (typeof val > "u" ? "undefined" : _type_of$2(val)) === "object" && "_animation" in val;
   });
 }
 var isDisabled = function(props) {
@@ -10905,7 +10889,7 @@ var hooks = {};
 function setupHooks(next) {
   Object.assign(hooks, next);
 }
-var is19 = React.version.startsWith("19."), Slot = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+var Slot = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
   var _a = props, {
     children
   } = _a, slotProps = __objRest(_a, [
@@ -10914,7 +10898,7 @@ var is19 = React.version.startsWith("19."), Slot = /* @__PURE__ */ React.memo(/*
   if (/* @__PURE__ */ React.isValidElement(children)) {
     var mergedProps = mergeSlotProps(children, slotProps);
     return /* @__PURE__ */ React.cloneElement(children, children.type.avoidForwardRef ? mergedProps : __spreadProps(__spreadValues({}, mergedProps), {
-      ref: composeRefs(forwardedRef, is19 ? children.props.ref : children.ref)
+      ref: composeRefs(forwardedRef, children.props.ref)
     }));
   }
   return React.Children.count(children) > 1 ? React.Children.only(null) : null;
@@ -10922,24 +10906,23 @@ 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
   });
 };
 Slottable.displayName = "Slottable";
 var pressMap = {};
 function mergeSlotProps(child, slotProps) {
-  var childProps = child.props, overrideProps = __spreadValues({}, childProps), isHTMLChild = typeof child.type == "string";
+  var childProps = child.props, isHTMLChild = typeof child.type == "string";
   if (isHTMLChild) for (var key in pressMap) key in slotProps && (slotProps[pressMap[key]] = slotProps[key], delete slotProps[key]);
-  for (var propName in childProps) {
-    var slotPropValue = slotProps[propName], childPropValue = childProps[propName];
-    isHTMLChild && propName in pressMap && (propName = pressMap[propName], delete overrideProps[propName]);
-    var isHandler = handleRegex.test(propName);
-    isHandler ? overrideProps[propName] = composeEventHandlers(childPropValue, slotPropValue) : propName === "style" ? overrideProps[propName] = __spreadValues(__spreadValues({}, slotPropValue), childPropValue) : propName === "className" && (overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" "));
-  }
-  return __spreadValues(__spreadValues({}, slotProps), overrideProps);
+  var merged = mergeSlotStyleProps(slotProps, childProps);
+  if (isHTMLChild) for (var key1 in pressMap) key1 in merged && (merged[pressMap[key1]] = merged[key1], delete merged[key1]);
+  return merged;
+}
+function _type_of$1(obj) {
+  "@swc/helpers - typeof";
+  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-var handleRegex = /^on[A-Z]/;
 var componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set(["hover", "press", "pressIn", "group", "focus", "focusWithin", "media", "group"]);
 var BaseText, BaseView, hasSetupBaseViews = false, lastInteractionWasKeyboard = {
   value: false
@@ -10961,7 +10944,7 @@ function createComponent(staticConfig) {
     isHOC
   } = staticConfig;
   var component = /* @__PURE__ */ React.forwardRef(function(propsIn, forwardedRef) {
-    var _hooks_usePropsTransform, _hooks_useEvents, _config_animations;
+    var _hooks_usePropsTransform, _hooks_useEvents;
     if (!hasSetupBaseViews) {
       var _hooks_getBaseViews;
       hasSetupBaseViews = true;
@@ -10978,7 +10961,17 @@ function createComponent(staticConfig) {
       nextProps && (props = nextProps), overriddenContextProps = overrides;
     }
     var componentName2 = props.componentName || staticConfig.componentName;
-    var groupContextParent = React.useContext(GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = useComponentState(props, (animationDriver == null ? void 0 : animationDriver.isStub) ? null : animationDriver, staticConfig), {
+    var groupContextParent = React.useContext(GroupContext), animationDriver = (function() {
+      if (props.animatedBy && (config == null ? void 0 : config.animations)) {
+        var animations2 = config.animations;
+        if ("default" in animations2) {
+          var _animations_props_animatedBy;
+          return (_animations_props_animatedBy = animations2[props.animatedBy]) !== null && _animations_props_animatedBy !== void 0 ? _animations_props_animatedBy : animations2.default;
+        }
+        return props.animatedBy === "default" ? animations2 : null;
+      }
+      return componentContext.animationDriver;
+    })(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = useComponentState(props, (animationDriver == null ? void 0 : animationDriver.isStub) ? null : animationDriver, staticConfig), {
       disabled,
       groupName,
       hasAnimationProp,
@@ -11035,7 +11028,7 @@ function createComponent(staticConfig) {
         }
       });
     }, [stateRef, groupName, groupContextParent]), setStateShallow = componentState.setStateShallow;
-    var isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || "div", elementType = isText ? BaseTextComponent : BaseViewComponent;
+    var isTaggable = !Component || typeof Component == "string", renderProp = props.render, element = Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || "div", elementType = isText ? BaseTextComponent : BaseViewComponent;
     animationDriver && isAnimated && // this should really be behind another prop as it's not really related to
     // "needsWebStyles" basically with motion we just animate a plain div, but
     // we still have animated.View/Text for Sheet which wants to control
@@ -11053,7 +11046,7 @@ function createComponent(staticConfig) {
       return !!stateRef.current.isListeningToTheme;
     }, themeStateProps.deopt = willBeAnimated, false) ;
     var [theme, themeState] = useThemeWithState(themeStateProps);
-    elementType = Component || elementType;
+    elementType = element || elementType;
     var mediaState = useMedia(componentContext);
     setDidGetVariableValue(false);
     var resolveValues = (
@@ -11195,7 +11188,7 @@ function createComponent(staticConfig) {
       "onClick",
       "theme"
     ]), viewProps = nonTamaguiProps;
-    !isTaggable && props.forceStyle && (viewProps.forceStyle = props.forceStyle), isHOC && (typeof _themeProp < "u" && (viewProps.theme = _themeProp), typeof passThrough < "u" && (viewProps.passThrough = passThrough)), tagProp && elementType.acceptTagProp && (viewProps.tag = tagProp);
+    !isTaggable && props.forceStyle && (viewProps.forceStyle = props.forceStyle), isHOC && (typeof _themeProp < "u" && (viewProps.theme = _themeProp), typeof passThrough < "u" && (viewProps.passThrough = passThrough)), renderProp && elementType.acceptTagProp && (viewProps.render = renderProp);
     var animationStyles, shouldUseAnimation = (
       // if it supports css vars we run it on server too to get matching initial style
       (supportsCSS ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC
@@ -11214,6 +11207,7 @@ function createComponent(staticConfig) {
         componentState: state,
         styleProps: styleProps2,
         theme,
+        themeName,
         pseudos: pseudos || null,
         staticConfig,
         stateRef
@@ -11244,24 +11238,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,
@@ -11342,26 +11339,35 @@ function createComponent(staticConfig) {
       }
     });
     var useChildrenResult;
-    hooks.useChildren && (useChildrenResult = hooks.useChildren(elementType, content, viewProps)), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ React.createElement(elementType, viewProps, content);
-    var ResetPresence = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence, needsReset = !!// not when passing down to child
+    if (hooks.useChildren && (useChildrenResult = hooks.useChildren(elementType, content, viewProps)), useChildrenResult) content = useChildrenResult;
+    else if (typeof renderProp == "function") {
+      var renderProps = __spreadProps(__spreadValues({}, viewProps), {
+        children: content
+      });
+      content = renderProp(renderProps, state);
+    } else if (renderProp && (typeof renderProp > "u" ? "undefined" : _type_of$1(renderProp)) === "object" && /* @__PURE__ */ React.isValidElement(renderProp)) {
+      var elementProps = renderProp.props || {}, mergedProps = mergeRenderElementProps(elementProps, viewProps, content);
+      content = /* @__PURE__ */ React.cloneElement(renderProp, mergedProps);
+    } else content = /* @__PURE__ */ React.createElement(elementType, viewProps, content);
+    var ResetPresence = animationDriver == null ? void 0 : animationDriver.ResetPresence, needsReset = !!// not when passing down to child
     (!asChild && // not when passThrough
     splitStyles && // not when HOC
     !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 +12025,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 +12038,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 +12046,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 +12070,14 @@ 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, {
-      animationDriver: config == null ? void 0 : config.animations,
+  }, [insets == null ? void 0 : insets.top, insets == null ? void 0 : insets.right, insets == null ? void 0 : insets.bottom, insets == null ? void 0 : insets.left]), defaultAnimationDriver2 = React.useMemo(function() {
+    var animations = config == null ? void 0 : config.animations;
+    return animations ? "default" in animations ? animations.default : animations : null;
+  }, [config == null ? void 0 : config.animations]), contents = /* @__PURE__ */ jsxRuntime.jsx(UnmountedClassName, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, {
+      animationDriver: defaultAnimationDriver2,
       insets: memoizedInsets,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, {
         defaultTheme,
         reset,
         className,
@@ -12076,10 +12085,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 +12581,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) => {
   {
@@ -12736,6 +12745,7 @@ exports.isVariable = isVariable;
 exports.isWeb = isWeb;
 exports.isWebTouchable = isWebTouchable;
 exports.isWindowDefined = isWindowDefined;
+exports.loadAnimationDriver = loadAnimationDriver;
 exports.matchMedia = matchMedia$1;
 exports.mediaKeyMatch = mediaKeyMatch;
 exports.mediaObjectToString = mediaObjectToString;