tamagui 1.133.0 → 1.134.0

package/dist/test.native.js

@@ -3410,10 +3410,11 @@ var require_mergeProps_native = __commonJS({
     };
     function mergeProp(out, defaultProps, props, key) {
       var val = props[key];
-      defaultProps && key in defaultProps && (key in import_pseudoDescriptors.pseudoDescriptors || key[0] === "$") && (val = {
-        ...defaultProps[key],
-        ...val
-      }), out[key] = val;
+      if (defaultProps && key in defaultProps && (key in import_pseudoDescriptors.pseudoDescriptors || key[0] === "$") && val && typeof val == "object") {
+        var defaultVal = defaultProps[key];
+        defaultVal && typeof defaultVal == "object" && (val = mergeProps(defaultVal, val));
+      }
+      out[key] = val;
     }
   }
 });
@@ -6254,7 +6255,7 @@ var require_getSplitStyles_native = __commonJS({
         (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
         var disablePropMap = isMediaOrPseudo || !isStyleLikeKey;
         (0, import_propMapper.propMapper)(keyInit, valInit, styleState, disablePropMap, function(key4, val2) {
-          var _parentStaticConfig_variants, isStyledContextProp = styleProps.styledContext && key4 in styleProps.styledContext;
+          var _parentStaticConfig_variants, isStyledContextProp = styledContext && key4 in styledContext;
           if (!isHOC && disablePropMap && !isStyledContextProp && !isMediaOrPseudo) {
             viewProps[key4] = val2;
             return;
@@ -6458,7 +6459,7 @@ var require_getSplitStyles_native = __commonJS({
           }
         }));
       }
-      var { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
+      var { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand, styledContext } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
       for (var keyOg in props) _loop(keyOg);
       var avoidNormalize = styleProps.noNormalize === !1;
       if (!avoidNormalize) {
@@ -8129,7 +8130,7 @@ var require_createComponent_native = __commonJS({
           var _propsIn_datatestrenders, _current, _;
           (_ = (_propsIn_datatestrenders = propsIn["data-test-renders"])[_current = "current"]) !== null && _ !== void 0 || (_propsIn_datatestrenders[_current] = 0), propsIn["data-test-renders"].current += 1;
         }
-        var { context, isReactNative } = staticConfig, styledContextValue = context ? import_react3.default.useContext(context) : void 0, overriddenContextProps = null, debugProp = propsIn.debug;
+        var { context, isReactNative } = staticConfig, debugProp = propsIn.debug, styledContextValue = context ? import_react3.default.useContext(context) : void 0, overriddenContextProps = null;
         if (0)
           var timer;
         var props = propsIn;
@@ -8214,7 +8215,7 @@ var require_createComponent_native = __commonJS({
           isExiting,
           isAnimated,
           willBeAnimated,
-          styledContext: context
+          styledContext: styledContextValue
         }, themeName = (themeState == null ? void 0 : themeState.name) || "", splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), isPassthrough = !splitStyles, groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
         if (!isPassthrough && groupContext && // avoids onLayout if we don't need it
         props.containerType !== "normal") {
@@ -23785,7 +23786,8 @@ var require_Popper_native = __commonJS({
         update: context.update,
         context: context.context,
         getFloatingProps: context.getFloatingProps,
-        getReferenceProps: context.getReferenceProps
+        getReferenceProps: context.getReferenceProps,
+        open: context.open
       };
     }
     var checkFloating = {
@@ -23854,9 +23856,11 @@ var require_Popper_native = __commonJS({
           arrowStyle: middlewareData.arrow,
           onArrowSize: setArrowSize,
           hasFloating: (_middlewareData_checkFloating = middlewareData.checkFloating) === null || _middlewareData_checkFloating === void 0 ? void 0 : _middlewareData_checkFloating.hasFloating,
+          open: !!open,
           ...floating
         };
       }, [
+        open,
         size2,
         floating.x,
         floating.y,
@@ -23928,7 +23932,7 @@ var require_Popper_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), PopperContent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { scope, enableAnimationForPositionChange, children, passThrough, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2 } = usePopperContext(scope), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React4.useState(enableAnimationForPositionChange);
+      var { scope, enableAnimationForPositionChange, children, passThrough, ...rest } = props, context = usePopperContext(scope), { strategy, placement, refs, x, y, getFloatingProps, size: size2, isPositioned } = context, contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React4.useState(enableAnimationForPositionChange);
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         needsMeasure && x && y && setNeedsMeasure(!1);
       }, [
@@ -23937,7 +23941,16 @@ var require_Popper_native = __commonJS({
         x,
         y
       ]);
-      var hide2 = x === 0 && y === 0, frameProps = {
+      var hide2 = x === 0 && y === 0, disableAnimationProp = (
+        // if they want to animate also when re-positioning allow it
+        enableAnimationForPositionChange === "even-when-repositioning" ? needsMeasure : !isPositioned || needsMeasure
+      ), [disableAnimation, setDisableAnimation] = React4.useState(disableAnimationProp);
+      React4.useEffect(function() {
+        setDisableAnimation(disableAnimationProp);
+      }, [
+        disableAnimationProp
+      ]);
+      var frameProps = {
         ref: contentRefs,
         x: x || 0,
         y: y || 0,
@@ -23947,7 +23960,7 @@ var require_Popper_native = __commonJS({
         opacity: 1,
         ...enableAnimationForPositionChange && {
           animation: rest.animation,
-          animateOnly: needsMeasure ? [] : rest.animateOnly,
+          animateOnly: disableAnimation ? [] : rest.animateOnly,
           // apply animation but disable it on initial render to avoid animating from 0 to the first position
           animatePresence: !1
         },