@tamagui/core 2.0.0-1768636514428 → 2.0.0-1768696252732

package/dist/native.cjs

@@ -138,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;
 }
@@ -162,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;
 }
@@ -176,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 {
@@ -8390,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);
@@ -8598,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;
 }
@@ -8607,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);
   };
 }
@@ -8915,6 +8927,7 @@ var textColors = {
   elevationAndroid: true
 } : {}), {
   boxShadow: true,
+  border: true,
   filter: true,
   // RN 0.76/0.77+ style props (New Architecture)
   boxSizing: true,
@@ -8951,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;
 }
@@ -8965,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;
 }
@@ -8999,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;
@@ -9331,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,
@@ -9720,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 = {};
@@ -9812,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;
 }
@@ -9892,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) {
@@ -10051,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 = {
@@ -10138,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;
 }
@@ -10163,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) {
@@ -10348,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 = {
@@ -10591,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();
@@ -10773,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;
 }
@@ -10851,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) {
@@ -10862,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, [
@@ -10871,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;
@@ -10886,17 +10913,16 @@ var is19 = React.version.startsWith("19."), Slot = /* @__PURE__ */ React.memo(/*
 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
@@ -10918,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;
@@ -10935,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,
@@ -10992,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
@@ -11010,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 = (
@@ -11152,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
@@ -11171,6 +11207,7 @@ function createComponent(staticConfig) {
         componentState: state,
         styleProps: styleProps2,
         theme,
+        themeName,
         pseudos: pseudos || null,
         staticConfig,
         stateRef
@@ -11302,8 +11339,17 @@ 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;
@@ -12024,9 +12070,12 @@ 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__ */ jsxRuntime.jsx(UnmountedClassName, {
+  }, [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: config == null ? void 0 : config.animations,
+      animationDriver: defaultAnimationDriver2,
       insets: memoizedInsets,
       children: /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, {
         defaultTheme,
@@ -12696,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;

package/dist/test.native.cjs

@@ -118,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;
 }
@@ -142,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;
 }
@@ -156,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 {
@@ -307,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);
@@ -515,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;
 }
@@ -524,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);
   };
 }
@@ -832,6 +844,7 @@ var textColors = {
   elevationAndroid: true
 } : {}), {
   boxShadow: true,
+  border: true,
   filter: true,
   // RN 0.76/0.77+ style props (New Architecture)
   boxSizing: true,
@@ -868,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;
 }
@@ -882,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;
 }
@@ -916,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;
@@ -1248,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,
@@ -2181,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 = {};
@@ -2273,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,
@@ -2281,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;
 }
@@ -2354,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) {
@@ -2513,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 = {
@@ -2600,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;
 }
@@ -2626,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) {
@@ -2811,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 = {
@@ -3054,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();
@@ -3236,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;
 }
@@ -3314,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) {
@@ -3325,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, [
@@ -3334,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;
@@ -3349,17 +3376,16 @@ var is19 = React.version.startsWith("19."), Slot = /* @__PURE__ */ React.memo(/*
 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
@@ -3381,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;
@@ -3402,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,
@@ -3459,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
@@ -3477,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 = (
@@ -3619,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
@@ -3638,6 +3674,7 @@ function createComponent(staticConfig) {
         componentState: state,
         styleProps,
         theme,
+        themeName,
         pseudos: pseudos || null,
         staticConfig,
         stateRef
@@ -3769,8 +3806,17 @@ 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;
@@ -4492,9 +4538,12 @@ 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__ */ jsxRuntime.jsx(UnmountedClassName, {
+  }, [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: config == null ? void 0 : config.animations,
+      animationDriver: defaultAnimationDriver2,
       insets: memoizedInsets,
       children: /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, {
         defaultTheme,
@@ -4951,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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "2.0.0-1768636514428",
+  "version": "2.0.0-1768696252732",
   "type": "module",
   "source": "src/index.tsx",
   "main": "dist/cjs",
@@ -33,18 +33,18 @@
     "native-test.d.ts"
   ],
   "dependencies": {
-    "@tamagui/helpers": "2.0.0-1768636514428",
-    "@tamagui/react-native-media-driver": "2.0.0-1768636514428",
-    "@tamagui/react-native-use-pressable": "2.0.0-1768636514428",
-    "@tamagui/react-native-use-responder-events": "2.0.0-1768636514428",
-    "@tamagui/use-element-layout": "2.0.0-1768636514428",
-    "@tamagui/use-event": "2.0.0-1768636514428",
-    "@tamagui/web": "2.0.0-1768636514428"
+    "@tamagui/helpers": "2.0.0-1768696252732",
+    "@tamagui/react-native-media-driver": "2.0.0-1768696252732",
+    "@tamagui/react-native-use-pressable": "2.0.0-1768696252732",
+    "@tamagui/react-native-use-responder-events": "2.0.0-1768696252732",
+    "@tamagui/use-element-layout": "2.0.0-1768696252732",
+    "@tamagui/use-event": "2.0.0-1768696252732",
+    "@tamagui/web": "2.0.0-1768696252732"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-1768636514428",
-    "@tamagui/native-bundle": "2.0.0-1768636514428",
-    "@tamagui/react-native-web-lite": "2.0.0-1768636514428",
+    "@tamagui/build": "2.0.0-1768696252732",
+    "@tamagui/native-bundle": "2.0.0-1768696252732",
+    "@tamagui/react-native-web-lite": "2.0.0-1768696252732",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "*",