tamagui 1.82.4 → 1.82.5

package/dist/native.js

@@ -1114,7 +1114,7 @@ var require_config_native = __commonJS({
     }, getConfig3 = () => {
       if (!conf)
         throw new Error(
-          process.env.NODE_ENV !== "production" ? "Missing tamagui config, you either have a duplicate config, or haven't set it up. Be sure createTamagui is called before rendering. Also, make sure all of your tamagui dependencies are on the same version (`tamagui`, `@tamagui/package-name`, etc.)" : "Err0"
+          process.env.NODE_ENV !== "production" ? "Missing tamagui config, you either have a duplicate config, or haven't set it up. Be sure createTamagui is called before rendering. Also, make sure all of your tamagui dependencies are on the same version (`tamagui`, `@tamagui/package-name`, etc.) not just in your package.json, but in your lockfile." : "Err0"
         );
       return conf;
     }, tokensMerged;
@@ -15242,7 +15242,9 @@ var require_Popper_native = __commonJS({
       React2.forwardRef(
         function(props, forwardedRef) {
           let { virtualRef, __scopePopper, ...anchorProps } = props, { anchorRef, getReferenceProps } = usePopperContext(__scopePopper), ref = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, anchorRef);
-          if (virtualRef)
+          if (React2.useEffect(() => {
+            anchorRef((virtualRef == null ? void 0 : virtualRef.current) || ref.current);
+          }, [anchorRef, virtualRef]), virtualRef)
             return null;
           let stackProps = {
             ref: composedRefs,
@@ -15278,7 +15280,7 @@ var require_Popper_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), PopperContent = React2.forwardRef(function(props, forwardedRef) {
-      let { __scopePopper, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2, isMounted, update } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), contents = React2.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      let { __scopePopper, enableAnimationForPositionChange, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2, isMounted, update } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), contents = React2.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         PopperContentFrame,
         {
           "data-placement": placement,
@@ -15288,8 +15290,10 @@ var require_Popper_native = __commonJS({
           ...rest
         },
         "popper-content-frame"
-      ), [placement, strategy, props]);
-      if ((0, import_constants22.useIsomorphicLayoutEffect)(() => {
+      ), [placement, strategy, props]), [hasInitialPosition, setHasInitialPosition] = React2.useState(!0);
+      if (React2.useEffect(() => {
+        (x || y) && setHasInitialPosition(!1);
+      }, [x, y]), (0, import_constants22.useIsomorphicLayoutEffect)(() => {
         isMounted && update();
       }, [isMounted]), !isMounted)
         return null;
@@ -15297,7 +15301,16 @@ var require_Popper_native = __commonJS({
         ref: contentRefs,
         x: x || 0,
         y: y || 0,
-        position: strategy
+        position: strategy,
+        ...enableAnimationForPositionChange && {
+          // apply animation but disable it on initial render to avoid animating from 0 to the first position
+          animation: rest.animation,
+          animateOnly: ["none"]
+        },
+        ...enableAnimationForPositionChange && !hasInitialPosition && {
+          animation: rest.animation,
+          animateOnly: rest.animateOnly
+        }
       };
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, { ...getFloatingProps ? getFloatingProps(frameProps) : frameProps, children: contents });
     }), PopperArrowFrame = (0, import_core13.styled)(import_stacks3.YStack, {
@@ -15461,7 +15474,28 @@ var require_Popover_native = __commonJS({
         }
       );
     }), PopoverTrigger = React2.forwardRef(function(props, forwardedRef) {
-      let { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef), trigger = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      let { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), anchorTo = context.anchorTo, composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+      if (anchorTo) {
+        let virtualRef = {
+          current: {
+            getBoundingClientRect: () => import_constants4.isWeb ? DOMRect.fromRect(anchorTo) : anchorTo,
+            ...!import_constants4.isWeb && {
+              measure: (c) => c(anchorTo == null ? void 0 : anchorTo.x, anchorTo == null ? void 0 : anchorTo.y, anchorTo == null ? void 0 : anchorTo.width, anchorTo == null ? void 0 : anchorTo.height),
+              measureInWindow: (c) => c(anchorTo == null ? void 0 : anchorTo.x, anchorTo == null ? void 0 : anchorTo.y, anchorTo == null ? void 0 : anchorTo.width, anchorTo == null ? void 0 : anchorTo.height)
+            }
+          }
+        };
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_popper.PopperAnchor,
+          {
+            virtualRef,
+            __scopePopper: __scopePopover || POPOVER_SCOPE
+          }
+        );
+      }
+      if (!props.children)
+        return null;
+      let trigger = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_core13.View,
         {
           "aria-haspopup": "dialog",
@@ -15643,47 +15677,62 @@ var require_Popover_native = __commonJS({
         }
       );
     }), Popover = (0, import_helpers.withStaticProperties)(
-      function(props) {
-        let {
-          children,
-          open: openProp,
-          defaultOpen,
-          onOpenChange,
-          __scopePopover,
-          keepChildrenMounted,
-          hoverable,
-          disableFocus,
-          ...restProps
-        } = props, id = React2.useId(), { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-          Contents: React2.useCallback(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, { name: `${id}PopoverContents` }), [])
-        }), sheetBreakpoint = when, triggerRef = React2.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React2.useState(!1), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
-          prop: openProp,
-          defaultProp: defaultOpen || !1,
-          onChange: onOpenChange
-        }), sheetActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
-          open,
-          setOpen,
-          disable: sheetActive,
-          hoverable,
-          disableFocus
-        }), popoverContext = {
-          id,
-          sheetBreakpoint,
-          contentId: React2.useId(),
-          triggerRef,
-          open,
-          breakpointActive: sheetActive,
-          onOpenChange: setOpen,
-          onOpenToggle: (0, import_core13.useEvent)(() => {
-            open && sheetActive || setOpen(!open);
-          }),
-          hasCustomAnchor,
-          onCustomAnchorAdd: React2.useCallback(() => setHasCustomAnchor(!0), []),
-          onCustomAnchorRemove: React2.useCallback(() => setHasCustomAnchor(!1), []),
-          keepChildrenMounted
-        }, contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.Popper, { __scopePopper: __scopePopover || POPOVER_SCOPE, stayInFrame: !0, ...restProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, { scope: __scopePopover, ...popoverContext, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverSheetController, { onOpenChange: setOpen, children }) }) });
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptProvider, { children: import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating.FloatingOverrideContext.Provider, { value: floatingContext, children: contents }) : contents });
-      },
+      React2.forwardRef(
+        (props, forwardedRef) => {
+          let {
+            children,
+            open: openProp,
+            defaultOpen,
+            onOpenChange,
+            __scopePopover,
+            keepChildrenMounted,
+            hoverable,
+            disableFocus,
+            ...restProps
+          } = props, id = React2.useId(), { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
+            Contents: React2.useCallback(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, { name: `${id}PopoverContents` }), [])
+          }), sheetBreakpoint = when, triggerRef = React2.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React2.useState(!1), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+            prop: openProp,
+            defaultProp: defaultOpen || !1,
+            onChange: onOpenChange
+          }), sheetActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
+            open,
+            setOpen,
+            disable: sheetActive,
+            hoverable,
+            disableFocus
+          }), [anchorTo, setAnchorTo] = React2.useState();
+          React2.useImperativeHandle(forwardedRef, () => ({
+            anchorTo: setAnchorTo
+          }));
+          let popoverContext = {
+            id,
+            sheetBreakpoint,
+            contentId: React2.useId(),
+            triggerRef,
+            open,
+            breakpointActive: sheetActive,
+            onOpenChange: setOpen,
+            onOpenToggle: (0, import_core13.useEvent)(() => {
+              open && sheetActive || setOpen(!open);
+            }),
+            hasCustomAnchor,
+            anchorTo,
+            onCustomAnchorAdd: React2.useCallback(() => setHasCustomAnchor(!0), []),
+            onCustomAnchorRemove: React2.useCallback(() => setHasCustomAnchor(!1), []),
+            keepChildrenMounted
+          }, contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_popper.Popper,
+            {
+              __scopePopper: __scopePopover || POPOVER_SCOPE,
+              stayInFrame: !0,
+              ...restProps,
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, { scope: __scopePopover, ...popoverContext, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverSheetController, { onOpenChange: setOpen, children }) })
+            }
+          );
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptProvider, { children: import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating.FloatingOverrideContext.Provider, { value: floatingContext, children: contents }) : contents });
+        }
+      ),
       {
         Anchor: PopoverAnchor,
         Arrow: PopoverArrow,