@tamagui/core 2.0.0-1768586279389 → 2.0.0-1768696252732

package/dist/test.native.cjs

@@ -31,6 +31,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactNative = require("react-native");
 function _interopNamespaceDefault(e2) {
@@ -69,290 +70,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_development = {};
-var hasRequiredReactJsxRuntime_development;
-function requireReactJsxRuntime_development() {
-  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-  hasRequiredReactJsxRuntime_development = 1;
-  /**
-   * @license React
-   * react-jsx-runtime.development.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.
-   */
-  (function() {
-    function getComponentNameFromType(type) {
-      if (null == type) return null;
-      if ("function" === typeof type)
-        return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
-      if ("string" === typeof type) return type;
-      switch (type) {
-        case REACT_FRAGMENT_TYPE:
-          return "Fragment";
-        case REACT_PROFILER_TYPE:
-          return "Profiler";
-        case REACT_STRICT_MODE_TYPE:
-          return "StrictMode";
-        case REACT_SUSPENSE_TYPE:
-          return "Suspense";
-        case REACT_SUSPENSE_LIST_TYPE:
-          return "SuspenseList";
-        case REACT_ACTIVITY_TYPE:
-          return "Activity";
-      }
-      if ("object" === typeof type)
-        switch ("number" === typeof type.tag && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), type.$$typeof) {
-          case REACT_PORTAL_TYPE:
-            return "Portal";
-          case REACT_CONTEXT_TYPE:
-            return (type.displayName || "Context") + ".Provider";
-          case REACT_CONSUMER_TYPE:
-            return (type._context.displayName || "Context") + ".Consumer";
-          case REACT_FORWARD_REF_TYPE:
-            var innerType = type.render;
-            type = type.displayName;
-            type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
-            return type;
-          case REACT_MEMO_TYPE:
-            return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
-          case REACT_LAZY_TYPE:
-            innerType = type._payload;
-            type = type._init;
-            try {
-              return getComponentNameFromType(type(innerType));
-            } catch (x) {
-            }
-        }
-      return null;
-    }
-    function testStringCoercion(value) {
-      return "" + value;
-    }
-    function checkKeyStringCoercion(value) {
-      try {
-        testStringCoercion(value);
-        var JSCompiler_inline_result = false;
-      } catch (e2) {
-        JSCompiler_inline_result = true;
-      }
-      if (JSCompiler_inline_result) {
-        JSCompiler_inline_result = console;
-        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-        var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
-        JSCompiler_temp_const.call(
-          JSCompiler_inline_result,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          JSCompiler_inline_result$jscomp$0
-        );
-        return testStringCoercion(value);
-      }
-    }
-    function getTaskName(type) {
-      if (type === REACT_FRAGMENT_TYPE) return "<>";
-      if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE)
-        return "<...>";
-      try {
-        var name = getComponentNameFromType(type);
-        return name ? "<" + name + ">" : "<...>";
-      } catch (x) {
-        return "<...>";
-      }
-    }
-    function getOwner() {
-      var dispatcher = ReactSharedInternals.A;
-      return null === dispatcher ? null : dispatcher.getOwner();
-    }
-    function UnknownOwner() {
-      return Error("react-stack-top-frame");
-    }
-    function hasValidKey(config) {
-      if (hasOwnProperty.call(config, "key")) {
-        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-        if (getter && getter.isReactWarning) return false;
-      }
-      return void 0 !== config.key;
-    }
-    function defineKeyPropWarningGetter(props, displayName) {
-      function warnAboutAccessingKey() {
-        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          displayName
-        ));
-      }
-      warnAboutAccessingKey.isReactWarning = true;
-      Object.defineProperty(props, "key", {
-        get: warnAboutAccessingKey,
-        configurable: true
-      });
-    }
-    function elementRefGetterWithDeprecationWarning() {
-      var componentName = getComponentNameFromType(this.type);
-      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      ));
-      componentName = this.props.ref;
-      return void 0 !== componentName ? componentName : null;
-    }
-    function ReactElement(type, key, self, source, owner, props, debugStack, debugTask) {
-      self = props.ref;
-      type = {
-        $$typeof: REACT_ELEMENT_TYPE,
-        type,
-        key,
-        props,
-        _owner: owner
-      };
-      null !== (void 0 !== self ? self : null) ? Object.defineProperty(type, "ref", {
-        enumerable: false,
-        get: elementRefGetterWithDeprecationWarning
-      }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-      type._store = {};
-      Object.defineProperty(type._store, "validated", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: 0
-      });
-      Object.defineProperty(type, "_debugInfo", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: null
-      });
-      Object.defineProperty(type, "_debugStack", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugStack
-      });
-      Object.defineProperty(type, "_debugTask", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugTask
-      });
-      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-      return type;
-    }
-    function jsxDEVImpl(type, config, maybeKey, isStaticChildren, source, self, debugStack, debugTask) {
-      var children = config.children;
-      if (void 0 !== children)
-        if (isStaticChildren)
-          if (isArrayImpl(children)) {
-            for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++)
-              validateChildKeys(children[isStaticChildren]);
-            Object.freeze && Object.freeze(children);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else validateChildKeys(children);
-      if (hasOwnProperty.call(config, "key")) {
-        children = getComponentNameFromType(type);
-        var keys = Object.keys(config).filter(function(k) {
-          return "key" !== k;
-        });
-        isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
-        didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error(
-          'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
-          isStaticChildren,
-          children,
-          keys,
-          children
-        ), didWarnAboutKeySpread[children + isStaticChildren] = true);
-      }
-      children = null;
-      void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
-      hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
-      if ("key" in config) {
-        maybeKey = {};
-        for (var propName in config)
-          "key" !== propName && (maybeKey[propName] = config[propName]);
-      } else maybeKey = config;
-      children && defineKeyPropWarningGetter(
-        maybeKey,
-        "function" === typeof type ? type.displayName || type.name || "Unknown" : type
-      );
-      return ReactElement(
-        type,
-        children,
-        self,
-        source,
-        getOwner(),
-        maybeKey,
-        debugStack,
-        debugTask
-      );
-    }
-    function validateChildKeys(node) {
-      "object" === typeof node && null !== node && node.$$typeof === REACT_ELEMENT_TYPE && node._store && (node._store.validated = 1);
-    }
-    var React$1 = React, REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    React$1 = {
-      "react-stack-bottom-frame": function(callStackForError) {
-        return callStackForError();
-      }
-    };
-    var specialPropKeyWarningShown;
-    var didWarnAboutElementRef = {};
-    var unknownOwnerDebugStack = React$1["react-stack-bottom-frame"].bind(
-      React$1,
-      UnknownOwner
-    )();
-    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-    var didWarnAboutKeySpread = {};
-    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-    reactJsxRuntime_development.jsx = function(type, config, maybeKey, source, self) {
-      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-      return jsxDEVImpl(
-        type,
-        config,
-        maybeKey,
-        false,
-        source,
-        self,
-        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
-        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-      );
-    };
-    reactJsxRuntime_development.jsxs = function(type, config, maybeKey, source, self) {
-      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-      return jsxDEVImpl(
-        type,
-        config,
-        maybeKey,
-        true,
-        source,
-        self,
-        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
-        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-      );
-    };
-  })();
-  return reactJsxRuntime_development;
-}
-var hasRequiredJsxRuntime;
-function requireJsxRuntime() {
-  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-  hasRequiredJsxRuntime = 1;
-  {
-    jsxRuntime.exports = requireReactJsxRuntime_development();
-  }
-  return jsxRuntime.exports;
-}
-var jsxRuntimeExports = requireJsxRuntime();
 var pseudoDescriptorsBase = {
   // order of keys here important! in priority order
   hoverStyle: {
@@ -401,7 +118,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;
 }
@@ -425,13 +142,13 @@ var mergeProps = function(defaultProps, props) {
 };
 function mergeProp(out, defaultProps, props, key) {
   var val = props[key];
-  if (defaultProps && key in defaultProps && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$9(val)) === "object") {
+  if (defaultProps && key in defaultProps && (key in pseudoDescriptors || key[0] === "$") && val && (typeof val > "u" ? "undefined" : _type_of$a(val)) === "object") {
     var defaultVal = defaultProps[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;
 }
@@ -439,7 +156,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$5.has(arg)) k += cache$5.get(arg);
     else {
@@ -472,9 +189,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
       })
@@ -590,6 +307,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);
@@ -798,7 +527,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;
 }
@@ -807,7 +536,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);
   };
 }
@@ -1115,6 +844,7 @@ var textColors = {
   elevationAndroid: true
 } : {}), {
   boxShadow: true,
+  border: true,
   filter: true,
   // RN 0.76/0.77+ style props (New Architecture)
   boxSizing: true,
@@ -1151,7 +881,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;
 }
@@ -1165,14 +895,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;
 }
@@ -1199,7 +929,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;
@@ -1531,7 +1261,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,
@@ -1567,7 +1297,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));
@@ -1656,6 +1386,9 @@ var defaultOffset = {
   height: 0,
   width: 0
 };
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
 var normalizeColor_1;
 var hasRequiredNormalizeColor;
 function requireNormalizeColor() {
@@ -2461,12 +2194,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 = {};
@@ -2553,7 +2286,7 @@ 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,
@@ -2561,7 +2294,7 @@ var skipProps = {
 };
 skipProps["data-test-renders"] = 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;
 }
@@ -2634,7 +2367,7 @@ var resolveTok = function(v, cat, sp, ss) {
     }
     styleProps.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, styleProps, styleState) : key === "filter" && (typeof value > "u" ? "undefined" : _type_of$3(value)) === "object" ? value = filterObjResolve(value, styleProps, styleState) : typeof value == "string" && value[0] === "$" ? value = getTokenForKey(key, value, styleProps, 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, styleProps, styleState) : key === "filter" && (typeof value > "u" ? "undefined" : _type_of$4(value)) === "object" ? value = filterObjResolve(value, styleProps, styleState) : typeof value == "string" && value[0] === "$" ? value = getTokenForKey(key, value, styleProps, 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, styleProps, styleState);
       return r != null ? String(r) : t2;
     }) : key === "filter" && typeof value == "string" && value.includes("$") ? value = value.replace(/(\$[\w.-]+)/g, function(t2) {
@@ -2793,7 +2526,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 = {
@@ -2880,7 +2613,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;
 }
@@ -2906,7 +2639,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     if (keyInit === "jestAnimatedStyle") return "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, styleProps.noClass), "continue";
+      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit > "u" ? "undefined" : _type_of$3(valInit)) === "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass), "continue";
     }
     if (disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className") return "continue";
     if (keyInit in skipProps && !noSkip && !isHOC) {
@@ -3091,7 +2824,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     inlineWhenUnflattened,
     parentStaticConfig,
     acceptsClassName
-  } = staticConfig, viewProps = {}, mediaState = styleProps.mediaState || exports.mediaState, shouldDoClasses = acceptsClassName && isWeb, rulesToInsert = void 0, classNames = {}, pseudos = null, hasMedia = false, dynamicThemeAccess, pseudoGroups, mediaGroups;
+  } = staticConfig, viewProps = {}, mediaState = styleProps.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 = {
@@ -3282,9 +3017,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
@@ -3329,6 +3069,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();
@@ -3426,7 +3178,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
   });
@@ -3440,7 +3192,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;
@@ -3466,21 +3218,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
       }));
     }
@@ -3495,7 +3247,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
   });
@@ -3511,7 +3263,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;
 }
@@ -3589,7 +3341,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) {
@@ -3600,7 +3352,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, [
@@ -3609,7 +3361,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;
@@ -3617,24 +3369,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
@@ -3656,7 +3407,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;
@@ -3677,7 +3428,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,
@@ -3734,7 +3495,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
@@ -3752,7 +3513,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 = (
@@ -3894,7 +3655,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
@@ -3913,6 +3674,7 @@ function createComponent(staticConfig) {
         componentState: state,
         styleProps,
         theme,
+        themeName,
         pseudos: pseudos || null,
         staticConfig,
         stateRef
@@ -3943,24 +3705,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,
@@ -4041,26 +3806,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
@@ -4719,9 +4493,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) {
@@ -4732,7 +4506,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
   }));
@@ -4740,7 +4514,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,
@@ -4764,11 +4538,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,
@@ -4776,10 +4553,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]
   });
 }
@@ -5029,7 +4806,7 @@ var DisableLayoutContextKey = /* @__PURE__ */ React.createContext(""), LayoutMea
     children
   } = param, id = React.useId();
   return useIsomorphicLayoutEffect(function() {
-  }, [disable, id]), /* @__PURE__ */ jsxRuntimeExports.jsx(DisableLayoutContextKey.Provider, {
+  }, [disable, id]), /* @__PURE__ */ jsxRuntime.jsx(DisableLayoutContextKey.Provider, {
     value: id,
     children
   });
@@ -5059,7 +4836,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) => {
   {
@@ -5223,6 +5000,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;