@tamagui/popover 2.0.0-rc.8 → 2.0.0

package/dist/cjs/Popover.native.js

@@ -4,33 +4,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var Popover_exports = {};
 __export(Popover_exports, {
   Popover: () => Popover,
@@ -39,192 +41,369 @@ __export(Popover_exports, {
   PopoverClose: () => PopoverClose,
   PopoverContent: () => PopoverContent,
   PopoverContext: () => PopoverContext,
+  PopoverContextProvider: () => PopoverContextProvider,
   PopoverTrigger: () => PopoverTrigger,
-  usePopoverContext: () => usePopoverContext
+  PopoverTriggerContext: () => PopoverTriggerContext,
+  PopoverZIndexContext: () => PopoverZIndexContext,
+  closeLastOpenedPopover: () => closeLastOpenedPopover,
+  closeOpenPopovers: () => closeOpenPopovers,
+  hasOpenPopovers: () => hasOpenPopovers,
+  usePopoverContext: () => usePopoverContext,
+  usePopoverOpen: () => usePopoverOpen,
+  usePopoverTriggerContext: () => usePopoverTriggerContext,
+  usePopoverTriggerSetup: () => usePopoverTriggerSetup
 });
 module.exports = __toCommonJS(Popover_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_polyfill_dev = require("@tamagui/polyfill-dev"),
-  import_adapt = require("@tamagui/adapt"),
-  import_animate = require("@tamagui/animate"),
-  import_animate_presence = require("@tamagui/animate-presence"),
-  import_compose_refs = require("@tamagui/compose-refs"),
-  import_constants = require("@tamagui/constants"),
-  import_core = require("@tamagui/core"),
-  import_floating = require("@tamagui/floating"),
-  import_focus_scope = require("@tamagui/focus-scope"),
-  import_helpers = require("@tamagui/helpers"),
-  import_popper = require("@tamagui/popper"),
-  import_portal = require("@tamagui/portal"),
-  import_remove_scroll = require("@tamagui/remove-scroll"),
-  import_scroll_view = require("@tamagui/scroll-view"),
-  import_controller = require("@tamagui/sheet/controller"),
-  import_stacks = require("@tamagui/stacks"),
-  import_use_controllable_state = require("@tamagui/use-controllable-state"),
-  import_z_index_stack = require("@tamagui/z-index-stack"),
-  React = __toESM(require("react"), 1),
-  import_useFloatingContext = require("./useFloatingContext.native.js"),
-  needsRepropagation = (0, import_portal.needsPortalRepropagation)(),
-  PopoverContext = (0, import_core.createStyledContext)(
-  // since we always provide this we can avoid setting here
-  {}, "Popover__"),
-  usePopoverContext = PopoverContext.useStyledContext,
-  PopoverAnchor = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-        scope,
-        ...rest
-      } = props,
-      context = usePopoverContext(scope),
-      {
-        onCustomAnchorAdd,
-        onCustomAnchorRemove
-      } = context || {};
-    return React.useEffect(function () {
-      return onCustomAnchorAdd(), function () {
-        return onCustomAnchorRemove();
-      };
-    }, [onCustomAnchorAdd, onCustomAnchorRemove]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.PopperAnchor, {
+var import_jsx_runtime = require("react/jsx-runtime");
+require("@tamagui/polyfill-dev");
+var import_adapt = require("@tamagui/adapt");
+var import_animate = require("@tamagui/animate");
+var import_animate_presence = require("@tamagui/animate-presence");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_dismissable = require("@tamagui/dismissable");
+var import_floating = require("@tamagui/floating");
+var import_focus_scope = require("@tamagui/focus-scope");
+var import_helpers = require("@tamagui/helpers");
+var import_popper = require("@tamagui/popper");
+var import_portal = require("@tamagui/portal");
+require("@tamagui/remove-scroll");
+var import_scroll_view = require("@tamagui/scroll-view");
+var import_controller = require("@tamagui/sheet/controller");
+var import_stacks = require("@tamagui/stacks");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var React = __toESM(require("react"), 1);
+var import_useFloatingContext = require("./useFloatingContext.native.js");
+var needsRepropagation = (0, import_portal.needsPortalRepropagation)();
+var openPopovers = /* @__PURE__ */new Set();
+var hasOpenPopovers = function () {
+  return openPopovers.size > 0;
+};
+var closeOpenPopovers = function () {
+  if (openPopovers.size === 0) return false;
+  openPopovers.forEach(function (setOpen) {
+    return setOpen(false);
+  });
+  return true;
+};
+var closeLastOpenedPopover = function () {
+  if (openPopovers.size === 0) return false;
+  var last = Array.from(openPopovers).pop();
+  if (last) {
+    last(false);
+    return true;
+  }
+  return false;
+};
+var PopoverContext = (0, import_core.createStyledContext)(
+// since we always provide this we can avoid setting here
+{}, "Popover__");
+var PopoverZIndexContext = /* @__PURE__ */React.createContext(void 0);
+var PopoverTriggerContext = (0, import_core.createStyledContext)({}, "PopoverTrigger__");
+var usePopoverContext = PopoverContext.useStyledContext;
+var usePopoverTriggerContext = PopoverTriggerContext.useStyledContext;
+function usePopoverOpen(scope) {
+  return usePopoverContext(scope).open;
+}
+function usePopoverTriggerSetup(open) {
+  var triggerStateSettersRef = React.useRef(/* @__PURE__ */new Map());
+  var activeTriggerIdRef = React.useRef(null);
+  var setActiveTrigger = (0, import_core.useEvent)(function (id) {
+    var prevId = activeTriggerIdRef.current;
+    if (prevId === id) return;
+    if (prevId) {
+      var _triggerStateSettersRef_current_get;
+      (_triggerStateSettersRef_current_get = triggerStateSettersRef.current.get(prevId)) === null || _triggerStateSettersRef_current_get === void 0 || _triggerStateSettersRef_current_get(false);
+    }
+    activeTriggerIdRef.current = id;
+    if (id && open) {
+      var _triggerStateSettersRef_current_get1;
+      (_triggerStateSettersRef_current_get1 = triggerStateSettersRef.current.get(id)) === null || _triggerStateSettersRef_current_get1 === void 0 || _triggerStateSettersRef_current_get1(true);
+    }
+  });
+  var registerTrigger = (0, import_core.useEvent)(function (id, setOpenState) {
+    triggerStateSettersRef.current.set(id, setOpenState);
+    setOpenState(activeTriggerIdRef.current === id && open);
+  });
+  var unregisterTrigger = (0, import_core.useEvent)(function (id) {
+    triggerStateSettersRef.current.delete(id);
+    if (activeTriggerIdRef.current === id) activeTriggerIdRef.current = null;
+  });
+  React.useEffect(function () {
+    if (!open) {
+      setActiveTrigger(null);
+      return;
+    }
+    var activeId = activeTriggerIdRef.current;
+    if (activeId) {
+      var _triggerStateSettersRef_current_get;
+      (_triggerStateSettersRef_current_get = triggerStateSettersRef.current.get(activeId)) === null || _triggerStateSettersRef_current_get === void 0 || _triggerStateSettersRef_current_get(true);
+    }
+  }, [open, setActiveTrigger]);
+  return {
+    setActiveTrigger,
+    registerTrigger,
+    unregisterTrigger
+  };
+}
+var PopoverContextProvider = /* @__PURE__ */React.memo(function (param) {
+  var {
+    scope,
+    children,
+    open,
+    onOpenChange,
+    onOpenToggle,
+    triggerRef,
+    id = "",
+    contentId,
+    hasCustomAnchor = false,
+    onCustomAnchorAdd = voidFn,
+    onCustomAnchorRemove = voidFn,
+    anchorTo,
+    adaptScope,
+    breakpointActive,
+    keepChildrenMounted,
+    disableDismissable,
+    hoverable
+  } = param;
+  var [branches] = React.useState(function () {
+    return /* @__PURE__ */new Set();
+  });
+  var {
+    setActiveTrigger,
+    registerTrigger,
+    unregisterTrigger
+  } = usePopoverTriggerSetup(open);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverContext.Provider, {
+    scope,
+    popoverScope: scope,
+    adaptScope,
+    id,
+    contentId,
+    triggerRef,
+    open,
+    onOpenChange,
+    onOpenToggle,
+    hasCustomAnchor,
+    onCustomAnchorAdd,
+    onCustomAnchorRemove,
+    anchorTo,
+    branches,
+    breakpointActive,
+    keepChildrenMounted,
+    disableDismissable,
+    hoverable,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverTriggerContext.Provider, {
       scope,
-      ...rest,
-      ref: forwardedRef
-    });
-  }),
-  PopoverTrigger = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-        scope,
-        ...rest
-      } = props,
-      context = usePopoverContext(scope),
-      anchorTo = context.anchorTo,
-      composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
-    if (!props.children) return null;
-    var trigger = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
-        "aria-expanded": context.open,
-        // TODO not matching
-        // aria-controls={context.contentId}
-        "data-state": getState(context.open),
-        ...rest,
-        // @ts-ignore
-        ref: composedTriggerRef,
-        onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
-      }),
-      virtualRef = React.useMemo(function () {
-        return anchorTo ? {
-          current: {
-            getBoundingClientRect: function () {
-              return import_constants.isWeb ? DOMRect.fromRect(anchorTo) : anchorTo;
-            },
-            ...(!import_constants.isWeb && {
-              measure: function (c) {
-                return c(anchorTo?.x, anchorTo?.y, anchorTo?.width, anchorTo?.height);
-              },
-              measureInWindow: function (c) {
-                return c(anchorTo?.x, anchorTo?.y, anchorTo?.width, anchorTo?.height);
-              }
-            })
+      triggerRef,
+      hasCustomAnchor,
+      anchorTo,
+      branches,
+      onOpenToggle,
+      setActiveTrigger,
+      registerTrigger,
+      unregisterTrigger,
+      children
+    })
+  });
+});
+var voidFn = function () {};
+var PopoverAnchor = /* @__PURE__ */React.memo(/* @__PURE__ */React.forwardRef(function PopoverAnchor2(props, forwardedRef) {
+  var {
+    scope,
+    ...rest
+  } = props;
+  var {
+    onCustomAnchorAdd,
+    onCustomAnchorRemove
+  } = usePopoverContext(scope) || {};
+  React.useEffect(function () {
+    onCustomAnchorAdd();
+    return function () {
+      return onCustomAnchorRemove();
+    };
+  }, [onCustomAnchorAdd, onCustomAnchorRemove]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.PopperAnchor, {
+    scope,
+    ...rest,
+    ref: forwardedRef
+  });
+}));
+var PopoverTrigger = /* @__PURE__ */React.memo(/* @__PURE__ */React.forwardRef(function PopoverTrigger2(props, forwardedRef) {
+  var {
+    scope,
+    disablePressTrigger,
+    ...rest
+  } = props;
+  var triggerContext = usePopoverTriggerContext(scope);
+  var triggerId = React.useId();
+  var [open, setOpen] = React.useState(false);
+  var anchorTo = triggerContext.anchorTo;
+  var triggerElRef = React.useRef(null);
+  var composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, triggerElRef);
+  var {
+    registerTrigger,
+    unregisterTrigger
+  } = triggerContext;
+  React.useEffect(function () {
+    registerTrigger(triggerId, setOpen);
+    return function () {
+      unregisterTrigger(triggerId);
+    };
+  }, [registerTrigger, unregisterTrigger, triggerId]);
+  if (!rest.children) return null;
+  var activateSelf = function () {
+    triggerContext.setActiveTrigger(triggerId);
+    var el = triggerElRef.current;
+    if (el) triggerContext.triggerRef.current = el;
+  };
+  var trigger = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
+    "aria-expanded": open,
+    "data-state": getState(open),
+    ...rest,
+    ref: composedTriggerRef,
+    onPress: (0, import_helpers.composeEventHandlers)(rest.onPress, function () {
+      if (disablePressTrigger) return;
+      triggerContext.setActiveTrigger(open ? null : triggerId);
+      triggerContext.onOpenToggle();
+    }),
+    onMouseEnter: (0, import_helpers.composeEventHandlers)(rest.onMouseEnter, activateSelf),
+    onPressIn: (0, import_helpers.composeEventHandlers)(rest.onPressIn, activateSelf),
+    onFocus: (0, import_helpers.composeEventHandlers)(rest.onFocus, activateSelf)
+  });
+  var virtualRef = React.useMemo(function () {
+    if (!anchorTo) return null;
+    return {
+      current: {
+        getBoundingClientRect: function () {
+          return import_constants.isWeb ? DOMRect.fromRect(anchorTo) : anchorTo;
+        },
+        ...(!import_constants.isWeb && {
+          measure: function (c) {
+            return c(anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.x, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.y, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.width, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.height);
+          },
+          measureInWindow: function (c) {
+            return c(anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.x, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.y, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.width, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.height);
           }
-        } : null;
-      }, [context.anchorTo, anchorTo?.x, anchorTo?.y, anchorTo?.height, anchorTo?.width]);
-    return context.hasCustomAnchor ? trigger : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.PopperAnchor, {
-      ...(virtualRef && {
-        virtualRef
-      }),
-      scope,
-      asChild: !0,
-      children: trigger
-    });
-  }),
-  PopoverContentFrame = (0, import_core.styled)(import_popper.PopperContentFrame, {
-    name: "Popover"
-  }),
-  PopoverContent = PopoverContentFrame.styleable(function (props, forwardedRef) {
-    var {
-        trapFocus,
-        enableRemoveScroll = !1,
-        zIndex,
-        scope,
-        ...contentImplProps
-      } = props,
-      context = usePopoverContext(scope),
-      contentRef = React.useRef(null),
-      composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef),
-      isRightClickOutsideRef = React.useRef(!1),
-      [isFullyHidden, setIsFullyHidden] = React.useState(!context.open);
-    if (React.useEffect(function () {
-      context.open && isFullyHidden && setIsFullyHidden(!1);
-    }, [context.open, isFullyHidden]), !context.keepChildrenMounted && isFullyHidden && !context.open) return null;
-    var _contentImplProps_pointerEvents;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverPortal, {
+        })
+      }
+    };
+  }, [triggerContext.anchorTo, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.x, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.y, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.height, anchorTo === null || anchorTo === void 0 ? void 0 : anchorTo.width]);
+  var wrappedTrigger = import_constants.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dismissable.DismissableBranch, {
+    branches: triggerContext.branches,
+    children: trigger
+  }) : trigger;
+  return triggerContext.hasCustomAnchor ? wrappedTrigger : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.PopperAnchor, {
+    ...(virtualRef && {
+      virtualRef
+    }),
+    scope,
+    asChild: true,
+    children: wrappedTrigger
+  });
+}));
+var PopoverContent = import_popper.PopperContentFrame.styleable(function PopoverContent2(props, forwardedRef) {
+  var {
+    trapFocus,
+    enableRemoveScroll = false,
+    zIndex: zIndexProp,
+    scope,
+    ...contentImplProps
+  } = props;
+  var context = usePopoverContext(scope);
+  var zIndexFromContext = React.useContext(PopoverZIndexContext);
+  var zIndex = zIndexProp !== null && zIndexProp !== void 0 ? zIndexProp : zIndexFromContext;
+  var open = usePopoverOpen(scope);
+  var contentRef = React.useRef(null);
+  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
+  var isRightClickOutsideRef = React.useRef(false);
+  var [isFullyHidden, setIsFullyHidden] = React.useState(!open);
+  (0, import_constants.useIsomorphicLayoutEffect)(function () {
+    if (open && isFullyHidden) setIsFullyHidden(false);
+  }, [open, isFullyHidden]);
+  if (!context.keepChildrenMounted) {
+    if (isFullyHidden && !open) return null;
+  }
+  var _contentImplProps_pointerEvents;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverPortal, {
+    passThrough: context.breakpointActive,
+    context,
+    open,
+    zIndex,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
       passThrough: context.breakpointActive,
-      context,
-      zIndex,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
-        passThrough: context.breakpointActive,
-        pointerEvents: context.open ? (_contentImplProps_pointerEvents = contentImplProps.pointerEvents) !== null && _contentImplProps_pointerEvents !== void 0 ? _contentImplProps_pointerEvents : "auto" : "none",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverContentImpl, {
-          ...contentImplProps,
-          context,
-          enableRemoveScroll,
-          ref: composedRefs,
-          setIsFullyHidden,
-          scope,
-          // we make sure we're not trapping once it's been closed
-          // (closed !== unmounted when animating out)
-          trapFocus: trapFocus ?? context.open,
-          disableOutsidePointerEvents: !0,
-          onCloseAutoFocus: props.onCloseAutoFocus === !1 ? void 0 : (0, import_helpers.composeEventHandlers)(props.onCloseAutoFocus, function (event) {
-            var _context_triggerRef_current;
-            event.defaultPrevented || (event.preventDefault(), isRightClickOutsideRef.current || (_context_triggerRef_current = context.triggerRef.current) === null || _context_triggerRef_current === void 0 || _context_triggerRef_current.focus());
-          }),
-          onPointerDownOutside: (0, import_helpers.composeEventHandlers)(props.onPointerDownOutside, function (event) {
-            var originalEvent = event.detail.originalEvent,
-              ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === !0,
-              isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-            isRightClickOutsideRef.current = isRightClick;
-          }, {
-            checkDefaultPrevented: !1
-          }),
-          // When focus is trapped, a `focusout` event may still happen.
-          // We make sure we don't trigger our `onDismiss` in such case.
-          onFocusOutside: (0, import_helpers.composeEventHandlers)(props.onFocusOutside, function (event) {
-            return event.preventDefault();
-          }, {
-            checkDefaultPrevented: !1
-          })
+      pointerEvents: open ? (_contentImplProps_pointerEvents = contentImplProps.pointerEvents) !== null && _contentImplProps_pointerEvents !== void 0 ? _contentImplProps_pointerEvents : "auto" : "none",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverContentImpl, {
+        ...contentImplProps,
+        context,
+        open,
+        enableRemoveScroll,
+        ref: composedRefs,
+        setIsFullyHidden,
+        scope,
+        trapFocus: trapFocus !== null && trapFocus !== void 0 ? trapFocus : open,
+        disableOutsidePointerEvents: true,
+        onCloseAutoFocus: props.onCloseAutoFocus === false ? void 0 : (0, import_helpers.composeEventHandlers)(props.onCloseAutoFocus, function (event) {
+          var _context_triggerRef_current;
+          if (event.defaultPrevented) return;
+          event.preventDefault();
+          if (!isRightClickOutsideRef.current) (_context_triggerRef_current = context.triggerRef.current) === null || _context_triggerRef_current === void 0 || _context_triggerRef_current.focus();
+        }),
+        onPointerDownOutside: (0, import_helpers.composeEventHandlers)(props.onPointerDownOutside, function (event) {
+          var originalEvent = event.detail.originalEvent;
+          var ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+          isRightClickOutsideRef.current = originalEvent.button === 2 || ctrlLeftClick;
+        }, {
+          checkDefaultPrevented: false
+        }),
+        onFocusOutside: (0, import_helpers.composeEventHandlers)(props.onFocusOutside, function (event) {
+          return event.preventDefault();
+        }, {
+          checkDefaultPrevented: false
         })
       })
-    });
-  }),
-  useParentContexts = function (scope) {
-    var context = usePopoverContext(scope),
-      popperContext = (0, import_popper.usePopperContext)(scope),
-      adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);
-    return {
-      popperContext,
-      adaptContext,
-      context
-    };
+    })
+  });
+});
+var useParentContexts = function (scope) {
+  var context = usePopoverContext(scope);
+  var triggerContext = usePopoverTriggerContext(scope);
+  return {
+    popperContext: (0, import_popper.usePopperContext)(scope),
+    adaptContext: (0, import_adapt.useAdaptContext)(context.adaptScope),
+    context,
+    triggerContext
   };
+};
 function RepropagateParentContexts(param) {
   var {
     adaptContext,
     children,
     context,
+    triggerContext,
     popperContext
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.PopperProvider, {
     scope: context.popoverScope,
     ...popperContext,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverContext.Provider, {
+      scope: context.popoverScope,
       ...context,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
-        ...adaptContext,
-        children
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverTriggerContext.Provider, {
+        scope: context.popoverScope,
+        ...triggerContext,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
+          ...adaptContext,
+          children
+        })
       })
     })
   });
 }
 var PortalAdaptSafe = function (param) {
+  "use no memo";
+
   var {
     children,
     context
@@ -245,15 +424,17 @@ var PortalAdaptSafe = function (param) {
   });
 };
 function PopoverPortal(param) {
+  "use no memo";
+
   var {
-      context,
-      zIndex,
-      passThrough,
-      children,
-      onPress
-    } = param,
-    themeName = (0, import_core.useThemeName)(),
-    content = children;
+    context,
+    open,
+    zIndex,
+    passThrough,
+    children,
+    onPress
+  } = param;
+  var content = children;
   if (needsRepropagation) {
     var parentContexts = useParentContexts(context.popoverScope);
     content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(RepropagateParentContexts, {
@@ -261,62 +442,58 @@ function PopoverPortal(param) {
       children: content
     });
   }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.Portal, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_portal.Portal, {
     passThrough,
-    stackZIndex: !0,
+    stackZIndex: true,
     zIndex,
-    children: (/* forceClassName avoids forced re-mount renders for some reason... see the HeadMenu as you change tints a few times */
-    /* without this you'll see the site menu re-rendering. It must be something in wrapping children in Theme */
-    /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_core.Theme, {
-      passThrough,
-      contain: !0,
-      forceClassName: !0,
-      name: themeName,
-      children: [!!context.open && !context.breakpointActive && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
-        fullscreen: !0,
-        onPress: (0, import_helpers.composeEventHandlers)(onPress, context.onOpenToggle)
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, {
-        zIndex: (0, import_portal.resolveViewZIndex)(zIndex),
-        children: content
-      })]
-    }))
+    children: [!!open && !context.breakpointActive && !context.hoverable && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+      fullscreen: true,
+      onPress: (0, import_helpers.composeEventHandlers)(onPress, context.onOpenToggle)
+    }), content]
   });
 }
-var PopoverContentImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+var PopoverContentImpl = /* @__PURE__ */React.forwardRef(function PopoverContentImpl2(props, forwardedRef) {
   var {
-      trapFocus,
-      scope,
-      onOpenAutoFocus,
-      onCloseAutoFocus,
-      disableOutsidePointerEvents,
-      disableFocusScope,
-      onEscapeKeyDown,
-      onPointerDownOutside,
-      onFocusOutside,
-      onInteractOutside,
-      children,
-      enableRemoveScroll,
-      freezeContentsWhenHidden,
-      setIsFullyHidden,
-      lazyMount,
-      context,
-      ...contentProps
-    } = props,
-    {
-      open,
-      keepChildrenMounted
-    } = context,
-    handleExitComplete = React.useCallback(function () {
-      setIsFullyHidden?.(!0);
-    }, [setIsFullyHidden]),
-    contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, {
-      disable: context.breakpointActive,
-      children
-    });
-  return context.breakpointActive, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate.Animate, {
+    trapFocus,
+    scope,
+    onOpenAutoFocus,
+    onCloseAutoFocus,
+    disableOutsidePointerEvents,
+    disableFocusScope,
+    onEscapeKeyDown,
+    onPointerDownOutside,
+    onFocusOutside,
+    onInteractOutside,
+    children,
+    enableRemoveScroll,
+    freezeContentsWhenHidden,
+    setIsFullyHidden,
+    lazyMount,
+    forceUnmount,
+    context,
+    open,
+    alwaysDisable,
+    ...contentProps
+  } = props;
+  var {
+    keepChildrenMounted,
+    disableDismissable
+  } = context;
+  var handleExitComplete = React.useCallback(function () {
+    setIsFullyHidden === null || setIsFullyHidden === void 0 || setIsFullyHidden(true);
+  }, [setIsFullyHidden]);
+  var contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, {
+    disable: context.breakpointActive,
+    children
+  });
+  React.useCallback(function () {
+    context.onOpenChange(false, "press");
+  }, [context]);
+  if (!context.breakpointActive) {}
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate.Animate, {
     type: "presence",
-    present: !!open,
-    keepChildrenMounted: !!keepChildrenMounted,
+    present: Boolean(open),
+    keepChildrenMounted: Boolean(keepChildrenMounted),
     onExitComplete: handleExitComplete,
     lazyMount,
     passThrough: context.breakpointActive,
@@ -326,6 +503,11 @@ var PopoverContentImpl = /* @__PURE__ */React.forwardRef(function (props, forwar
       id: context.contentId,
       ref: forwardedRef,
       passThrough: context.breakpointActive,
+      ...(!contentProps.unstyled && {
+        size: "$true",
+        backgroundColor: "$background",
+        alignItems: "center"
+      }),
       ...contentProps,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PortalAdaptSafe, {
         context,
@@ -334,212 +516,229 @@ var PopoverContentImpl = /* @__PURE__ */React.forwardRef(function (props, forwar
     }, context.contentId)
   });
 });
-var PopoverClose = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-        scope,
-        ...rest
-      } = props,
-      context = usePopoverContext(scope);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
-      ...rest,
-      ref: forwardedRef,
-      componentName: "PopoverClose",
-      onPress: (0, import_helpers.composeEventHandlers)(props.onPress, function () {
-        var _context_onOpenChange;
-        return context == null || (_context_onOpenChange = context.onOpenChange) === null || _context_onOpenChange === void 0 ? void 0 : _context_onOpenChange.call(context, !1, "press");
-      })
-    });
-  }),
-  PopoverArrow = import_popper.PopperArrowFrame.styleable(function (props, forwardedRef) {
-    var {
-        scope,
-        ...rest
-      } = props,
-      context = usePopoverContext(scope),
-      isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
-    return isAdapted ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.PopperArrow, {
-      scope,
-      componentName: "PopoverArrow",
-      ...rest,
-      ref: forwardedRef
-    });
-  }),
-  PopoverScrollView = /* @__PURE__ */React.forwardRef(function (param, ref) {
-    var {
-        scope,
-        ...props
-      } = param,
-      context = usePopoverContext(scope);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_scroll_view.ScrollView, {
+var PopoverClose = /* @__PURE__ */React.forwardRef(function PopoverClose2(props, forwardedRef) {
+  var {
+    scope,
+    ...rest
+  } = props;
+  var context = usePopoverContext(scope);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+    ...rest,
+    ref: forwardedRef,
+    componentName: "PopoverClose",
+    onPress: (0, import_helpers.composeEventHandlers)(props.onPress, function () {
+      var _context_onOpenChange;
+      return context === null || context === void 0 ? void 0 : (_context_onOpenChange = context.onOpenChange) === null || _context_onOpenChange === void 0 ? void 0 : _context_onOpenChange.call(context, false, "press");
+    })
+  });
+});
+var PopoverArrow = import_popper.PopperArrowFrame.styleable(function PopoverArrow2(props, forwardedRef) {
+  var {
+    scope,
+    ...rest
+  } = props;
+  var context = usePopoverContext(scope);
+  if ((0, import_adapt.useAdaptIsActive)(context.adaptScope)) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.PopperArrow, {
+    scope,
+    componentName: "PopoverArrow",
+    ...rest,
+    ref: forwardedRef
+  });
+});
+var PopoverScrollView = /* @__PURE__ */React.forwardRef(function (param, ref) {
+  var {
+    scope,
+    ...props
+  } = param;
+  var context = usePopoverContext(scope);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_scroll_view.ScrollView, {
+    ref,
+    pointerEvents: context.breakpointActive ? "none" : void 0,
+    scrollEnabled: !context.breakpointActive,
+    passThrough: context.breakpointActive,
+    ...props
+  });
+});
+var DEFAULT_SCOPE = "";
+var Popover = (0, import_helpers.withStaticProperties)(/* @__PURE__ */React.forwardRef(function Popover2(param, ref) {
+  var {
+    scope = DEFAULT_SCOPE,
+    ...props
+  } = param;
+  var id = React.useId();
+  var adaptScope = `PopoverAdapt${scope}`;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.AdaptParent, {
+    scope: adaptScope,
+    portal: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverInner, {
+      adaptScope,
       ref,
-      // when adapted, no pointer events!
-      pointerEvents: context.breakpointActive ? "none" : void 0,
-      scrollEnabled: !context.breakpointActive,
-      passThrough: context.breakpointActive,
+      id,
+      scope,
       ...props
-    });
-  }),
-  DEFAULT_SCOPE = "",
-  Popover = (0, import_helpers.withStaticProperties)(/* @__PURE__ */React.forwardRef(function (param, ref) {
-    var {
-        scope = DEFAULT_SCOPE,
-        ...props
-      } = param,
-      id = React.useId(),
-      adaptScope = `PopoverAdapt${scope}`;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.AdaptParent, {
-      scope: adaptScope,
-      portal: !0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverInner, {
-        adaptScope,
-        ref,
-        id,
-        scope,
-        ...props
-      })
-    });
-  }), {
-    Anchor: PopoverAnchor,
-    Arrow: PopoverArrow,
-    Trigger: PopoverTrigger,
-    Content: PopoverContent,
-    Close: PopoverClose,
-    Adapt: import_adapt.Adapt,
-    ScrollView: PopoverScrollView,
-    FocusScope: import_focus_scope.FocusScopeController
-  }),
-  PopoverInner = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-        children,
-        open: openProp,
-        defaultOpen,
-        onOpenChange,
-        scope = DEFAULT_SCOPE,
-        keepChildrenMounted: keepChildrenMountedProp,
-        hoverable,
-        disableFocus,
-        id,
-        adaptScope,
-        ...restProps
-      } = props,
-      triggerRef = React.useRef(null),
-      [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1),
-      viaRef = React.useRef(void 0),
-      [keepChildrenMounted] = (0, import_use_controllable_state.useControllableState)({
-        prop: keepChildrenMountedProp,
-        defaultProp: !1,
-        transition: keepChildrenMountedProp === "lazy"
-      }),
-      [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
-        prop: openProp,
-        defaultProp: defaultOpen || !1,
-        onChange: function (val) {
-          onOpenChange?.(val, viaRef.current);
-        }
-      }),
-      handleOpenChange = (0, import_core.useEvent)(function (val, via) {
-        viaRef.current = via, setOpen(val);
-      }),
-      isAdapted = (0, import_adapt.useAdaptIsActive)(adaptScope),
-      floatingContext = (0, import_useFloatingContext.useFloatingContext)({
-        open,
-        setOpen: handleOpenChange,
-        disable: isAdapted,
-        hoverable,
-        disableFocus
-      }),
-      [anchorTo, setAnchorToRaw] = React.useState(),
-      setAnchorTo = (0, import_core.useCreateShallowSetState)(setAnchorToRaw);
-    React.useImperativeHandle(forwardedRef, function () {
-      return {
-        anchorTo: setAnchorTo,
-        toggle: function () {
-          return setOpen(function (prev) {
-            return !prev;
-          });
-        },
-        open: function () {
-          return setOpen(!0);
-        },
-        close: function () {
-          return setOpen(!1);
-        },
-        setOpen
-      };
-    });
-    var popoverContext = {
-        popoverScope: scope,
-        adaptScope,
-        id,
-        contentId: React.useId(),
-        triggerRef,
-        open,
-        breakpointActive: isAdapted,
-        onOpenChange: handleOpenChange,
-        onOpenToggle: (0, import_core.useEvent)(function () {
-          open && isAdapted || setOpen(!open);
-        }),
-        hasCustomAnchor,
-        anchorTo,
-        onCustomAnchorAdd: React.useCallback(function () {
-          return setHasCustomAnchor(!0);
-        }, []),
-        onCustomAnchorRemove: React.useCallback(function () {
-          return setHasCustomAnchor(!1);
-        }, []),
-        keepChildrenMounted
-      },
-      memoizedChildren = React.useMemo(function () {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverContext.Provider, {
-          scope,
-          ...popoverContext,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverSheetController, {
-            context: popoverContext,
-            onOpenChange: setOpen,
-            children
-          })
+    })
+  });
+}), {
+  Anchor: PopoverAnchor,
+  Arrow: PopoverArrow,
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Close: PopoverClose,
+  Adapt: import_adapt.Adapt,
+  ScrollView: PopoverScrollView,
+  FocusScope: import_focus_scope.FocusScopeController
+});
+var PopoverInner = /* @__PURE__ */React.forwardRef(function PopoverInner2(props, forwardedRef) {
+  var {
+    children,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    scope = DEFAULT_SCOPE,
+    keepChildrenMounted: keepChildrenMountedProp,
+    hoverable,
+    disableFocus,
+    disableDismissable,
+    zIndex,
+    id,
+    adaptScope,
+    ...restProps
+  } = props;
+  var triggerRef = React.useRef(null);
+  var [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+  var viaRef = React.useRef(void 0);
+  var [keepChildrenMounted] = (0, import_use_controllable_state.useControllableState)({
+    prop: keepChildrenMountedProp,
+    defaultProp: false,
+    transition: keepChildrenMountedProp === "lazy"
+  });
+  var [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen || false,
+    onChange: function (val) {
+      onOpenChange === null || onOpenChange === void 0 || onOpenChange(val, viaRef.current);
+    }
+  });
+  React.useEffect(function () {
+    if (!open) return;
+    openPopovers.add(setOpen);
+    return function () {
+      openPopovers.delete(setOpen);
+    };
+  }, [open, setOpen]);
+  var handleOpenChange = (0, import_core.useEvent)(function (val, via) {
+    viaRef.current = via;
+    setOpen(val);
+  });
+  var isAdapted = (0, import_adapt.useAdaptIsActive)(adaptScope);
+  var floatingContext = (0, import_useFloatingContext.useFloatingContext)({
+    open,
+    setOpen: handleOpenChange,
+    disable: isAdapted,
+    hoverable,
+    disableFocus
+  });
+  var [anchorTo, setAnchorToRaw] = React.useState();
+  var setAnchorTo = (0, import_core.useCreateShallowSetState)(setAnchorToRaw);
+  React.useImperativeHandle(forwardedRef, function () {
+    return {
+      anchorTo: setAnchorTo,
+      toggle: function () {
+        return setOpen(function (prev) {
+          return !prev;
         });
-      }, [scope, setOpen, children, ...Object.values(popoverContext)]),
-      contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.Popper, {
+      },
+      open: function () {
+        return setOpen(true);
+      },
+      close: function () {
+        return setOpen(false);
+      },
+      setOpen
+    };
+  });
+  var contentId = React.useId();
+  var onOpenToggle = (0, import_core.useEvent)(function () {
+    if (open && isAdapted) return;
+    setOpen(!open);
+  });
+  var onCustomAnchorAdd = React.useCallback(function () {
+    return setHasCustomAnchor(true);
+  }, []);
+  var onCustomAnchorRemove = React.useCallback(function () {
+    return setHasCustomAnchor(false);
+  }, []);
+  var contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.Popper, {
+    open,
+    passThrough: isAdapted,
+    scope,
+    stayInFrame: true,
+    ...restProps,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverContextProvider, {
+      scope,
+      open,
+      onOpenChange: handleOpenChange,
+      onOpenToggle,
+      triggerRef,
+      id,
+      contentId,
+      hasCustomAnchor,
+      onCustomAnchorAdd,
+      onCustomAnchorRemove,
+      anchorTo,
+      adaptScope,
+      breakpointActive: isAdapted,
+      keepChildrenMounted,
+      disableDismissable,
+      hoverable,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverSheetController, {
+        onOpenChange: setOpen,
         open,
-        passThrough: isAdapted,
         scope,
-        stayInFrame: !0,
-        ...restProps,
-        children: memoizedChildren
-      });
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-      children: import_constants.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, {
-        value: floatingContext,
-        children: contents
-      }) : contents
-    });
+        children
+      })
+    })
+  });
+  var result = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: import_constants.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, {
+      value: floatingContext,
+      children: contents
+    }) : contents
+  });
+  if (zIndex !== void 0) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PopoverZIndexContext.Provider, {
+    value: zIndex,
+    children: result
   });
+  return result;
+});
 function getState(open) {
   return open ? "open" : "closed";
 }
 var PopoverSheetController = function (param) {
-    var {
-        context,
-        ...props
-      } = param,
-      showSheet = useShowPopoverSheet(context),
-      breakpointActive = context.breakpointActive,
-      getShowSheet = (0, import_core.useGet)(showSheet);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_controller.SheetController, {
-      onOpenChange: function (val) {
-        if (getShowSheet()) {
-          var _props_onOpenChange;
-          (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 || _props_onOpenChange.call(props, val);
-        }
-      },
-      open: context.open,
-      hidden: !breakpointActive,
-      children: props.children
-    });
-  },
-  useShowPopoverSheet = function (context) {
-    var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
-    return context.open === !1 ? !1 : isAdapted;
-  };
+  var {
+    open,
+    scope,
+    ...props
+  } = param;
+  var context = usePopoverContext(scope);
+  var showSheet = useShowPopoverSheet(context, open);
+  var breakpointActive = context === null || context === void 0 ? void 0 : context.breakpointActive;
+  var getShowSheet = (0, import_core.useGet)(showSheet);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_controller.SheetController, {
+    onOpenChange: function (val) {
+      if (getShowSheet()) {
+        var _props_onOpenChange;
+        (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 || _props_onOpenChange.call(props, val);
+      }
+    },
+    open,
+    hidden: !breakpointActive,
+    children: props.children
+  });
+};
+var useShowPopoverSheet = function (context, open) {
+  var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+  return open === false ? false : isAdapted;
+};
 //# sourceMappingURL=Popover.native.js.map