@ariakit/react-core 0.3.14 → 0.4.1

package/cjs/__chunks/JJH3U4MG.cjs

@@ -0,0 +1,527 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _375RXJFLcjs = require('./375RXJFL.cjs');
+
+
+
+var _4OFNVXGNcjs = require('./4OFNVXGN.cjs');
+
+
+var _344F3DYOcjs = require('./344F3DYO.cjs');
+
+
+var _5ZOCN23Xcjs = require('./5ZOCN23X.cjs');
+
+
+var _JVDUGICDcjs = require('./JVDUGICD.cjs');
+
+
+
+var _VV6WA3I6cjs = require('./VV6WA3I6.cjs');
+
+
+var _5GTNIPQ6cjs = require('./5GTNIPQ6.cjs');
+
+
+var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
+
+
+var _JF225FQ5cjs = require('./JF225FQ5.cjs');
+
+
+var _5SRODZ4Bcjs = require('./5SRODZ4B.cjs');
+
+
+var _J3OG6T3Bcjs = require('./J3OG6T3B.cjs');
+
+
+var _BBRNIJWOcjs = require('./BBRNIJWO.cjs');
+
+
+
+var _THCBJSSMcjs = require('./THCBJSSM.cjs');
+
+
+
+
+
+var _OLPMMKKOcjs = require('./OLPMMKKO.cjs');
+
+
+var _XRZ2L7EAcjs = require('./XRZ2L7EA.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+var _AD7LA3CEcjs = require('./AD7LA3CE.cjs');
+
+
+var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
+
+
+
+
+
+
+
+
+var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/dialog/dialog.tsx
+var _react = require('react');
+
+
+
+
+
+
+var _dom = require('@ariakit/core/utils/dom');
+
+
+
+var _events = require('@ariakit/core/utils/events');
+
+
+
+
+var _focus = require('@ariakit/core/utils/focus');
+var _misc = require('@ariakit/core/utils/misc');
+var _platform = require('@ariakit/core/utils/platform');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+var isSafariBrowser = _platform.isSafari.call(void 0, );
+function isAlreadyFocusingAnotherElement(dialog) {
+  const activeElement = _dom.getActiveElement.call(void 0, );
+  if (!activeElement)
+    return false;
+  if (dialog && _dom.contains.call(void 0, dialog, activeElement))
+    return false;
+  if (_focus.isFocusable.call(void 0, activeElement))
+    return true;
+  return false;
+}
+function getElementFromProp(prop, focusable = false) {
+  if (!prop)
+    return null;
+  const element = "current" in prop ? prop.current : prop;
+  if (!element)
+    return null;
+  if (focusable)
+    return _focus.isFocusable.call(void 0, element) ? element : null;
+  return element;
+}
+var useDialog = _Q67LZMDTcjs.createHook.call(void 0, function useDialog2(_a) {
+  var _b = _a, {
+    store: storeProp,
+    open: openProp,
+    onClose,
+    focusable = true,
+    modal = true,
+    portal = !!modal,
+    backdrop = !!modal,
+    hideOnEscape = true,
+    hideOnInteractOutside = true,
+    getPersistentElements,
+    preventBodyScroll = !!modal,
+    autoFocusOnShow = true,
+    autoFocusOnHide = true,
+    initialFocus,
+    finalFocus,
+    unmountOnHide
+  } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
+    "store",
+    "open",
+    "onClose",
+    "focusable",
+    "modal",
+    "portal",
+    "backdrop",
+    "hideOnEscape",
+    "hideOnInteractOutside",
+    "getPersistentElements",
+    "preventBodyScroll",
+    "autoFocusOnShow",
+    "autoFocusOnHide",
+    "initialFocus",
+    "finalFocus",
+    "unmountOnHide"
+  ]);
+  const context = _OLPMMKKOcjs.useDialogProviderContext.call(void 0, );
+  const ref = _react.useRef.call(void 0, null);
+  const store = _AD7LA3CEcjs.useDialogStore.call(void 0, {
+    store: storeProp || context,
+    open: openProp,
+    setOpen(open2) {
+      if (open2)
+        return;
+      const dialog = ref.current;
+      if (!dialog)
+        return;
+      const event = new Event("close", { bubbles: false, cancelable: true });
+      if (onClose) {
+        dialog.addEventListener("close", onClose, { once: true });
+      }
+      dialog.dispatchEvent(event);
+      if (!event.defaultPrevented)
+        return;
+      store.setOpen(true);
+    }
+  });
+  const { portalRef, domReady } = _EO6LS72Hcjs.usePortalRef.call(void 0, portal, props.portalRef);
+  const preserveTabOrderProp = props.preserveTabOrder;
+  const preserveTabOrder = store.useState(
+    (state) => preserveTabOrderProp && !modal && state.mounted
+  );
+  const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
+  const open = store.useState("open");
+  const mounted = store.useState("mounted");
+  const contentElement = store.useState("contentElement");
+  const hidden = _THCBJSSMcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
+  _344F3DYOcjs.usePreventBodyScroll.call(void 0, contentElement, id, preventBodyScroll && !hidden);
+  _JVDUGICDcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside, domReady);
+  const { wrapElement, nestedDialogs } = _5ZOCN23Xcjs.useNestedDialogs.call(void 0, store);
+  props = _EO6LS72Hcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!open)
+      return;
+    const dialog = ref.current;
+    const activeElement = _dom.getActiveElement.call(void 0, dialog, true);
+    if (!activeElement)
+      return;
+    if (activeElement.tagName === "BODY")
+      return;
+    if (dialog && _dom.contains.call(void 0, dialog, activeElement))
+      return;
+    store.setDisclosureElement(activeElement);
+  }, [store, open]);
+  if (isSafariBrowser) {
+    _react.useEffect.call(void 0, () => {
+      if (!mounted)
+        return;
+      const { disclosureElement } = store.getState();
+      if (!disclosureElement)
+        return;
+      if (!_dom.isButton.call(void 0, disclosureElement))
+        return;
+      const onMouseDown = () => {
+        let receivedFocus = false;
+        const onFocus = () => {
+          receivedFocus = true;
+        };
+        const options = { capture: true, once: true };
+        disclosureElement.addEventListener("focusin", onFocus, options);
+        _events.queueBeforeEvent.call(void 0, disclosureElement, "mouseup", () => {
+          disclosureElement.removeEventListener("focusin", onFocus, true);
+          if (receivedFocus)
+            return;
+          _focus.focusIfNeeded.call(void 0, disclosureElement);
+        });
+      };
+      disclosureElement.addEventListener("mousedown", onMouseDown);
+      return () => {
+        disclosureElement.removeEventListener("mousedown", onMouseDown);
+      };
+    }, [store, mounted]);
+  }
+  _react.useEffect.call(void 0, () => {
+    if (!modal)
+      return;
+    if (!mounted)
+      return;
+    if (!domReady)
+      return;
+    const dialog = ref.current;
+    if (!dialog)
+      return;
+    const existingDismiss = dialog.querySelector("[data-dialog-dismiss]");
+    if (existingDismiss)
+      return;
+    return _JF225FQ5cjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
+  }, [store, modal, mounted, domReady]);
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!_6IUEXB4Lcjs.supportsInert.call(void 0, ))
+      return;
+    if (open)
+      return;
+    if (!mounted)
+      return;
+    if (!domReady)
+      return;
+    const dialog = ref.current;
+    if (!dialog)
+      return;
+    return _4OFNVXGNcjs.disableTree.call(void 0, dialog);
+  }, [open, mounted, domReady]);
+  const canTakeTreeSnapshot = open && domReady;
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!id)
+      return;
+    if (!canTakeTreeSnapshot)
+      return;
+    const dialog = ref.current;
+    return _5GTNIPQ6cjs.createWalkTreeSnapshot.call(void 0, id, [dialog]);
+  }, [id, canTakeTreeSnapshot]);
+  const getPersistentElementsProp = _EO6LS72Hcjs.useEvent.call(void 0, getPersistentElements);
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!id)
+      return;
+    if (!canTakeTreeSnapshot)
+      return;
+    const { disclosureElement } = store.getState();
+    const dialog = ref.current;
+    const persistentElements = getPersistentElementsProp() || [];
+    const allElements = [
+      dialog,
+      ...persistentElements,
+      ...nestedDialogs.map((dialog2) => dialog2.getState().contentElement)
+    ];
+    if (modal) {
+      return _misc.chain.call(void 0, 
+        _VV6WA3I6cjs.markTreeOutside.call(void 0, id, allElements),
+        _4OFNVXGNcjs.disableTreeOutside.call(void 0, id, allElements)
+      );
+    }
+    return _VV6WA3I6cjs.markTreeOutside.call(void 0, id, [disclosureElement, ...allElements]);
+  }, [
+    id,
+    store,
+    canTakeTreeSnapshot,
+    getPersistentElementsProp,
+    nestedDialogs,
+    modal
+  ]);
+  const mayAutoFocusOnShow = !!autoFocusOnShow;
+  const autoFocusOnShowProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, autoFocusOnShow);
+  const [autoFocusEnabled, setAutoFocusEnabled] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (!open)
+      return;
+    if (!mayAutoFocusOnShow)
+      return;
+    if (!domReady)
+      return;
+    if (!(contentElement == null ? void 0 : contentElement.isConnected))
+      return;
+    const element = getElementFromProp(initialFocus, true) || // If no initial focus is specified, we try to focus the first element
+    // with the autofocus attribute. If it's an Ariakit component, the
+    // Focusable component will consume the autoFocus prop and add the
+    // data-autofocus attribute to the element instead.
+    contentElement.querySelector(
+      "[data-autofocus=true],[autofocus]"
+    ) || // We have to fallback to the first focusable element otherwise portaled
+    // dialogs with preserveTabOrder set to true will not receive focus
+    // properly because the elements aren't tabbable until the dialog receives
+    // focus.
+    _focus.getFirstTabbableIn.call(void 0, contentElement, true, portal && preserveTabOrder) || // Finally, we fallback to the dialog element itself.
+    contentElement;
+    const isElementFocusable = _focus.isFocusable.call(void 0, element);
+    if (!autoFocusOnShowProp(isElementFocusable ? element : null))
+      return;
+    setAutoFocusEnabled(true);
+    queueMicrotask(() => {
+      element.focus();
+      if (!isSafariBrowser)
+        return;
+      element.scrollIntoView({ block: "nearest", inline: "nearest" });
+    });
+  }, [
+    open,
+    mayAutoFocusOnShow,
+    domReady,
+    contentElement,
+    initialFocus,
+    portal,
+    preserveTabOrder,
+    autoFocusOnShowProp
+  ]);
+  const mayAutoFocusOnHide = !!autoFocusOnHide;
+  const autoFocusOnHideProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, autoFocusOnHide);
+  const [hasOpened, setHasOpened] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (!open)
+      return;
+    setHasOpened(true);
+    return () => setHasOpened(false);
+  }, [open]);
+  const focusOnHide = _react.useCallback.call(void 0, 
+    (dialog, retry = true) => {
+      const { disclosureElement } = store.getState();
+      if (isAlreadyFocusingAnotherElement(dialog))
+        return;
+      let element = getElementFromProp(finalFocus) || disclosureElement;
+      if (element == null ? void 0 : element.id) {
+        const doc = _dom.getDocument.call(void 0, element);
+        const selector = `[aria-activedescendant="${element.id}"]`;
+        const composite = doc.querySelector(selector);
+        if (composite) {
+          element = composite;
+        }
+      }
+      if (element && !_focus.isFocusable.call(void 0, element)) {
+        const maybeParentDialog = _dom.closest.call(void 0, element, "[data-dialog]");
+        if (maybeParentDialog && maybeParentDialog.id) {
+          const doc = _dom.getDocument.call(void 0, maybeParentDialog);
+          const selector = `[aria-controls~="${maybeParentDialog.id}"]`;
+          const control = doc.querySelector(selector);
+          if (control) {
+            element = control;
+          }
+        }
+      }
+      const isElementFocusable = element && _focus.isFocusable.call(void 0, element);
+      if (!isElementFocusable && retry) {
+        requestAnimationFrame(() => focusOnHide(dialog, false));
+        return;
+      }
+      if (!autoFocusOnHideProp(isElementFocusable ? element : null))
+        return;
+      if (!isElementFocusable)
+        return;
+      element == null ? void 0 : element.focus();
+    },
+    [store, finalFocus, autoFocusOnHideProp]
+  );
+  _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (open)
+      return;
+    if (!hasOpened)
+      return;
+    if (!mayAutoFocusOnHide)
+      return;
+    const dialog = ref.current;
+    focusOnHide(dialog);
+  }, [open, hasOpened, domReady, mayAutoFocusOnHide, focusOnHide]);
+  _react.useEffect.call(void 0, () => {
+    if (!hasOpened)
+      return;
+    if (!mayAutoFocusOnHide)
+      return;
+    const dialog = ref.current;
+    return () => focusOnHide(dialog);
+  }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);
+  const hideOnEscapeProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, hideOnEscape);
+  _react.useEffect.call(void 0, () => {
+    if (!domReady)
+      return;
+    if (!mounted)
+      return;
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape")
+        return;
+      if (event.defaultPrevented)
+        return;
+      const dialog = ref.current;
+      if (!dialog)
+        return;
+      if (_VV6WA3I6cjs.isElementMarked.call(void 0, dialog))
+        return;
+      const target = event.target;
+      if (!target)
+        return;
+      const { disclosureElement } = store.getState();
+      const isValidTarget = () => {
+        if (target.tagName === "BODY")
+          return true;
+        if (_dom.contains.call(void 0, dialog, target))
+          return true;
+        if (!disclosureElement)
+          return true;
+        if (_dom.contains.call(void 0, disclosureElement, target))
+          return true;
+        return false;
+      };
+      if (!isValidTarget())
+        return;
+      if (!hideOnEscapeProp(event))
+        return;
+      store.hide();
+    };
+    return _events.addGlobalEventListener.call(void 0, "keydown", onKeyDown, true);
+  }, [store, domReady, mounted, hideOnEscapeProp]);
+  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+    props,
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _J3OG6T3Bcjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
+    [modal]
+  );
+  const hiddenProp = props.hidden;
+  const alwaysVisible = props.alwaysVisible;
+  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+    props,
+    (element) => {
+      if (!backdrop)
+        return element;
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _375RXJFLcjs.DialogBackdrop,
+          {
+            store,
+            backdrop,
+            hidden: hiddenProp,
+            alwaysVisible
+          }
+        ),
+        element
+      ] });
+    },
+    [store, backdrop, hiddenProp, alwaysVisible]
+  );
+  const [headingId, setHeadingId] = _react.useState.call(void 0, );
+  const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
+  props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+    props,
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OLPMMKKOcjs.DialogScopedContextProvider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OLPMMKKOcjs.DialogHeadingContext.Provider, { value: setHeadingId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OLPMMKKOcjs.DialogDescriptionContext.Provider, { value: setDescriptionId, children: element }) }) }),
+    [store]
+  );
+  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    id,
+    "data-dialog": "",
+    role: "dialog",
+    tabIndex: focusable ? -1 : void 0,
+    "aria-labelledby": headingId,
+    "aria-describedby": descriptionId
+  }, props), {
+    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
+  });
+  props = _5SRODZ4Bcjs.useFocusableContainer.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    autoFocusOnShow: autoFocusEnabled
+  }));
+  props = _THCBJSSMcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+  props = _XRZ2L7EAcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { focusable }));
+  props = _BBRNIJWOcjs.usePortal.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
+  return props;
+});
+function createDialogComponent(Component, useProviderContext = _OLPMMKKOcjs.useDialogProviderContext) {
+  return _Q67LZMDTcjs.forwardRef.call(void 0, function DialogComponent(props) {
+    const context = useProviderContext();
+    const store = props.store || context;
+    const mounted = _OLOZ5JT2cjs.useStoreState.call(void 0, 
+      store,
+      (state) => !props.unmountOnHide || (state == null ? void 0 : state.mounted) || !!props.open
+    );
+    if (!mounted)
+      return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props));
+  });
+}
+var Dialog = createDialogComponent(
+  _Q67LZMDTcjs.forwardRef.call(void 0, function Dialog2(props) {
+    const htmlProps = useDialog(props);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  }),
+  _OLPMMKKOcjs.useDialogProviderContext
+);
+
+
+
+
+
+exports.useDialog = useDialog; exports.createDialogComponent = createDialogComponent; exports.Dialog = Dialog;

package/cjs/__chunks/JOJAOQVQ.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _PVRCH7FUcjs = require('./PVRCH7FU.cjs');
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+// src/popover/popover-heading.ts
+var TagName = "h1";
+var usePopoverHeading = _Q67LZMDTcjs.createHook.call(void 0, 
+  function usePopoverHeading2(props) {
+    props = _PVRCH7FUcjs.useDialogHeading.call(void 0, props);
+    return props;
+  }
+);
+var PopoverHeading = _Q67LZMDTcjs.forwardRef.call(void 0, function PopoverHeading2(props) {
+  const htmlProps = usePopoverHeading(props);
+  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+});
+
+
+
+
+exports.usePopoverHeading = usePopoverHeading; exports.PopoverHeading = PopoverHeading;

package/cjs/__chunks/KKTRLNQK.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _VYKATRVCcjs = require('./VYKATRVC.cjs');
+
+
+var _VNRUW2L6cjs = require('./VNRUW2L6.cjs');
+
+
+
+
+
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+
+
+
+var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
+
+// src/toolbar/toolbar-item.ts
+var TagName = "button";
+var useToolbarItem = _Q67LZMDTcjs.createHook.call(void 0, 
+  function useToolbarItem2(_a) {
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _VNRUW2L6cjs.useToolbarContext.call(void 0, );
+    store = store || context;
+    props = _VYKATRVCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var ToolbarItem = _Q67LZMDTcjs.memo.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function ToolbarItem2(props) {
+    const htmlProps = useToolbarItem(props);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  })
+);
+
+
+
+
+exports.useToolbarItem = useToolbarItem; exports.ToolbarItem = ToolbarItem;

package/cjs/__chunks/{OUEE5HOS.cjs → LM5EDRV3.cjs}

@@ -2,16 +2,16 @@
 
 
 
-var _ZL5DC555cjs = require('./ZL5DC555.cjs');
+var _JJH3U4MGcjs = require('./JJH3U4MG.cjs');
 
 
 
-var _UVBBMANLcjs = require('./UVBBMANL.cjs');
+var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
 
 
 
 
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
+var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
 
 
 
@@ -38,6 +38,7 @@ var _misc = require('@ariakit/core/utils/misc');
 
 var _dom = require('@floating-ui/dom');
 var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
 function createDOMRect(x = 0, y = 0, width = 0, height = 0) {
   if (typeof DOMRect === "function") {
     return new DOMRect(x, y, width, height);
@@ -155,8 +156,8 @@ function getArrowMiddleware(arrowElement, props) {
     padding: props.arrowPadding
   });
 }
-var usePopover = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
+var usePopover = _Q67LZMDTcjs.createHook.call(void 0, 
+  function usePopover2(_a) {
     var _b = _a, {
       store,
       modal = false,
@@ -196,7 +197,7 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
       "getAnchorRect",
       "updatePosition"
     ]);
-    const context = _UVBBMANLcjs.usePopoverProviderContext.call(void 0, );
+    const context = _FNVFJ5AFcjs.usePopoverProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -324,9 +325,7 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
-        _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-          role: "presentation"
-        }, wrapperProps), {
+        _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, wrapperProps), {
           style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
             // https://floating-ui.com/docs/computeposition#initial-layout
             position,
@@ -342,7 +341,7 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
     );
     props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UVBBMANLcjs.PopoverScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FNVFJ5AFcjs.PopoverScopedContextProvider, { value: store, children: element }),
       [store]
     );
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
@@ -350,13 +349,13 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
       // we can wait for the popover to be positioned before other components
       // move focus into it. For example, this attribute is observed by the
       // Combobox component with the autoSelect behavior.
-      "data-placing": !positioned ? "" : void 0
+      "data-placing": !positioned || void 0
     }, props), {
       style: _AV6KTKLEcjs.__spreadValues.call(void 0, {
         position: "relative"
       }, props.style)
     });
-    props = _ZL5DC555cjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _JJH3U4MGcjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -369,16 +368,13 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var Popover = _ZL5DC555cjs.createDialogComponent.call(void 0, 
-  _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
+var Popover = _JJH3U4MGcjs.createDialogComponent.call(void 0, 
+  _Q67LZMDTcjs.forwardRef.call(void 0, function Popover2(props) {
     const htmlProps = usePopover(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
+    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
   }),
-  _UVBBMANLcjs.usePopoverProviderContext
+  _FNVFJ5AFcjs.usePopoverProviderContext
 );
-if (process.env.NODE_ENV !== "production") {
-  Popover.displayName = "Popover";
-}