tamagui 1.90.2 → 1.90.4

package/dist/native.js

@@ -327,7 +327,7 @@ var require_usePresence_native = __commonJS({
           null,
           context
         ];
-      var isPresent2 = context.isPresent, onExitComplete = context.onExitComplete, register = context.register, id = (0, import_react2.useId)() || "";
+      var id = context.id, isPresent2 = context.isPresent, onExitComplete = context.onExitComplete, register = context.register;
       (0, import_react2.useEffect)(function() {
         return register(id);
       }, []);
@@ -453,7 +453,7 @@ var require_PresenceChild_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(PresenceChild_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_constant = require_index_native2(), import_use_presence = require_index_native3(), React2 = __toESM2(require("react")), import_react2 = require("react"), PresenceChild = function(param) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_constant = require_index_native2(), import_use_presence = require_index_native3(), React2 = __toESM2(require("react")), import_react2 = require("react"), PresenceChild = /* @__PURE__ */ React2.memo(function(param) {
       var children = param.children, initial = param.initial, isPresent = param.isPresent, onExitComplete = param.onExitComplete, exitVariant = param.exitVariant, enterVariant = param.enterVariant, enterExitVariant = param.enterExitVariant, presenceAffectsLayout = param.presenceAffectsLayout, custom = param.custom, presenceChildren = (0, import_use_constant.useConstant)(newChildrenMap), id = (0, import_react2.useId)() || "", context = React2.useMemo(
         function() {
           return {
@@ -464,8 +464,8 @@ var require_PresenceChild_native = __commonJS({
             exitVariant,
             enterVariant,
             enterExitVariant,
-            onExitComplete: function(id2) {
-              presenceChildren.set(id2, !0);
+            onExitComplete: function() {
+              presenceChildren.set(id, !0);
               var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
               try {
                 for (var _iterator = presenceChildren.values()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
@@ -485,9 +485,9 @@ var require_PresenceChild_native = __commonJS({
               }
               onExitComplete == null || onExitComplete();
             },
-            register: function(id2) {
-              return presenceChildren.set(id2, !1), function() {
-                return presenceChildren.delete(id2);
+            register: function() {
+              return presenceChildren.set(id, !1), function() {
+                return presenceChildren.delete(id);
               };
             }
           };
@@ -518,7 +518,7 @@ var require_PresenceChild_native = __commonJS({
         value: context,
         children
       });
-    };
+    });
     function newChildrenMap() {
       return /* @__PURE__ */ new Map();
     }
@@ -8099,8 +8099,6 @@ current`, _object_spread9({}, styleState.style)));
             mergeTransform(styleState.style, key6, val4, !0);
           });
         }
-        if (0)
-          var _styleState_style;
         if (parentSplitStyles) {
           if (0)
             for (var key2 in parentSplitStyles.classNames)
@@ -8112,6 +8110,8 @@ current`, _object_spread9({}, styleState.style)));
             }
         }
       }
+      if (0)
+        var _styleState_style, shouldStringifyTransforms;
       if (0) {
         if (styleState.style && shouldDoClasses) {
           var retainedStyles, shouldRetain;
@@ -9453,7 +9453,7 @@ var require_createComponent_native = __commonJS({
         process.env.NODE_ENV === "development" && time && time(_templateObject4());
         var hasTextAncestor = !!(import_constants4.isWeb && isText && componentContext.inText), _props_disabled, isDisabled = (_props_disabled = props.disabled) !== null && _props_disabled !== void 0 ? _props_disabled : (_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled;
         process.env.NODE_ENV === "development" && time && time(_templateObject5());
-        var isTaggable = !Component || typeof Component == "string", element = import_constants4.isWeb && isTaggable && props.tag || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
+        var isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants4.isWeb && isTaggable && tagProp || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
         animationsConfig && isAnimated && (elementType = animationsConfig[isText ? "Text" : "View"] || elementType);
         var disableThemeProp = !1, disableTheme = disableThemeProp || isHOC;
         process.env.NODE_ENV === "development" && time && time(_templateObject6()), props.themeShallow && (curState.themeShallow = !0);
@@ -9548,7 +9548,7 @@ var require_createComponent_native = __commonJS({
           "theme",
           "defaultVariants"
         ]), viewProps = nonTamaguiProps;
-        isHOC && _themeProp && (viewProps.theme = _themeProp);
+        isHOC && _themeProp && (viewProps.theme = _themeProp), elementType.acceptTagProp && (viewProps.tag = tagProp);
         var animationStyles;
         if (
           // if it supports css vars we run it on server too to get matching initial style
@@ -9579,9 +9579,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           }), !stateRef.current.hasMeasured && props.untilMeasured === "hide" && setState(function(prev) {
             return _object_spread9({}, prev);
           }), stateRef.current.hasMeasured = !0;
-        }));
-        var _hooks_usePropsTransform1;
-        viewProps = (_hooks_usePropsTransform1 = (_hooks_usePropsTransform = import_setupHooks.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_setupHooks.hooks, elementType, nonTamaguiProps, stateRef, curState.willHydrate)) !== null && _hooks_usePropsTransform1 !== void 0 ? _hooks_usePropsTransform1 : nonTamaguiProps, curState.composedRef || (curState.composedRef = (0, import_compose_refs.composeRefs)(function(x) {
+        })), viewProps = ((_hooks_usePropsTransform = import_setupHooks.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_setupHooks.hooks, elementType, nonTamaguiProps, stateRef, curState.willHydrate)) || nonTamaguiProps, curState.composedRef || (curState.composedRef = (0, import_compose_refs.composeRefs)(function(x) {
           return stateRef.current.host = x;
         }, forwardedRef)), viewProps.ref = curState.composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants4.isWeb && !isHOC && import_react2.Children.toArray(props.children).forEach(function(item) {
           typeof item == "string" && item !== `
@@ -21353,6 +21351,7 @@ var require_Dialog_native = __commonJS({
     var PORTAL_NAME = "DialogPortal", _createDialogContext1 = _sliced_to_array(createDialogContext(PORTAL_NAME, {
       forceMount: void 0
     }), 2), PortalProvider2 = _createDialogContext1[0], usePortalContext = _createDialogContext1[1], DialogPortalFrame = (0, import_core12.styled)(import_stacks3.YStack, {
+      pointerEvents: "none",
       variants: {
         unstyled: {
           false: _object_spread9({
@@ -21402,10 +21401,10 @@ var require_Dialog_native = __commonJS({
         "children"
       ]), context = useDialogContext(PORTAL_NAME, __scopeDialog), isShowing = forceMount || context.open, _React_useState = _sliced_to_array(React2.useState(!isShowing), 2), isFullyHidden = _React_useState[0], setIsFullyHidden = _React_useState[1];
       isShowing && isFullyHidden && setIsFullyHidden(!1);
-      var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
-        onExitComplete: function() {
-          setIsFullyHidden(!0);
-        },
+      var handleExitComplete = React2.useCallback(function() {
+        setIsFullyHidden(!0);
+      }, []), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
+        onExitComplete: handleExitComplete,
         children: isShowing ? children : null
       }), isSheet = useShowDialogSheet(context);
       if (isSheet)
@@ -26920,7 +26919,7 @@ var require_Group_native = __commonJS({
       }
     });
     function createGroup(verticalDefault) {
-      return (0, import_helpers.withStaticProperties)(/* @__PURE__ */ (0, import_react2.forwardRef)(function(props, ref) {
+      return (0, import_helpers.withStaticProperties)(GroupFrame.styleable(function(props, ref) {
         var activeProps = (0, import_core12.useProps)(props), __scopeGroup = activeProps.__scopeGroup, childrenProp = activeProps.children, space = activeProps.space, _activeProps_size = activeProps.size, size3 = _activeProps_size === void 0 ? "$true" : _activeProps_size, spaceDirection = activeProps.spaceDirection, separator = activeProps.separator, scrollable = activeProps.scrollable, _activeProps_axis = activeProps.axis, axis = _activeProps_axis === void 0 ? verticalDefault ? "vertical" : "horizontal" : _activeProps_axis, _activeProps_orientation = activeProps.orientation, orientation = _activeProps_orientation === void 0 ? axis : _activeProps_orientation, disabledProp = activeProps.disabled, disablePassBorderRadiusProp = activeProps.disablePassBorderRadius, borderRadius = activeProps.borderRadius, forceUseItem = activeProps.forceUseItem, restProps = _object_without_properties5(activeProps, [
           "__scopeGroup",
           "children",
@@ -28165,8 +28164,11 @@ var require_Animate_native = __commonJS({
         enterVariant: props.enterVariant,
         exitVariant: props.exitVariant,
         enterExitVariant: props.enterExitVariant,
-        presenceAffectsLayout: props.presenceAffectsLayout || !0,
+        // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+        // but since we always re-render this component on open changes this should be fine to leave off?
+        presenceAffectsLayout: !1,
         isPresent: props.present,
+        custom: props.custom,
         children
       }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, _object_spread_props8(_object_spread9({}, props), {
         children: props.present ? children : null
@@ -30997,40 +30999,35 @@ var require_Popover_native = __commonJS({
         "disableRemoveScroll",
         "freezeContentsWhenHidden",
         "setIsFullyHidden"
-      ]), context = usePopoverContext(__scopePopover), open = context.open, keepChildrenMounted = context.keepChildrenMounted, popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), contents = React2.useMemo(function() {
-        return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
-          style: {
-            display: "contents"
-          },
-          children
-        }) : children;
-      }, [
+      ]), context = usePopoverContext(__scopePopover), open = context.open, keepChildrenMounted = context.keepChildrenMounted, popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), contents = import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
+        style: dspContentsStyle,
         children
-      ]);
+      }) : children;
       if (context.breakpointActive) {
         var childrenWithoutScrollView = React2.Children.toArray(children).map(function(child) {
           return /* @__PURE__ */ React2.isValidElement(child) && child.type === import_react_native4.ScrollView ? child.props.children : child;
-        }), content = childrenWithoutScrollView;
-        return import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios" ? content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, _object_spread_props8(_object_spread9({
+        }), content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, {
+          children: childrenWithoutScrollView
+        });
+        return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, _object_spread_props8(_object_spread9({
           scope: __scopePopover || POPOVER_SCOPE
         }, popperContext), {
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, {
-            children: childrenWithoutScrollView
-          })
-        })) : content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, {
-          children: content
-        }), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, {
+          children: childrenWithoutScrollView
+        }))), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, {
           hostName: "".concat(context.id, "PopoverContents"),
           children: content
         });
       }
+      var handleExitComplete = React2.useCallback(function() {
+        setIsFullyHidden == null || setIsFullyHidden(!0);
+      }, [
+        setIsFullyHidden
+      ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate.Animate, {
         type: "presence",
         present: !!open,
         keepChildrenMounted,
-        onExitComplete: function() {
-          setIsFullyHidden && setIsFullyHidden(!0);
-        },
+        onExitComplete: handleExitComplete,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContent, _object_spread_props8(_object_spread9({
           __scopePopper: __scopePopover || POPOVER_SCOPE,
           "data-state": getState(open),
@@ -31042,9 +31039,7 @@ var require_Popover_native = __commonJS({
             allowPinchZoom: !0,
             // causes lots of bugs on touch web on site
             removeScrollBar: !1,
-            style: {
-              display: "contents"
-            },
+            style: dspContentsStyle,
             children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, {
               children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_focus_scope.FocusScope, {
                 loop: !0,
@@ -31058,7 +31053,9 @@ var require_Popover_native = __commonJS({
           })
         }), context.contentId)
       });
-    }), PopoverClose = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
+    }), dspContentsStyle = {
+      display: "contents"
+    }, PopoverClose = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
       var __scopePopover = props.__scopePopover, rest = _object_without_properties5(props, [
         "__scopePopover"
       ]), context = usePopoverContext(__scopePopover);
@@ -31101,11 +31098,11 @@ var require_Popover_native = __commonJS({
         onChange: function(val) {
           onOpenChange == null || onOpenChange(val, viaRef.current);
         }
-      }), 2), open = _useControllableState[0], setOpen = _useControllableState[1], sheetActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
+      }), 2), open = _useControllableState[0], setOpen = _useControllableState[1], handleOpenChange = (0, import_core12.useEvent)(function(val, via) {
+        viaRef.current = via, setOpen(val);
+      }), sheetActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
         open,
-        setOpen: function(val, via) {
-          viaRef.current = via, setOpen(val);
-        },
+        setOpen: handleOpenChange,
         disable: sheetActive,
         hoverable,
         disableFocus
@@ -31122,9 +31119,7 @@ var require_Popover_native = __commonJS({
         triggerRef,
         open,
         breakpointActive: sheetActive,
-        onOpenChange: function(val, via) {
-          viaRef.current = via, setOpen(val);
-        },
+        onOpenChange: handleOpenChange,
         onOpenToggle: (0, import_core12.useEvent)(function() {
           open && sheetActive || setOpen(!open);
         }),