@ariakit/react-components 0.1.0 → 0.1.2

package/dist/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useBooleanEvent,\n  useEvent,\n  useId,\n  useMergeRefs,\n  usePortalRef,\n  useSafeLayoutEffect,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { sync } from \"@ariakit/store\";\nimport {\n  contains,\n  getActiveElement,\n  getDocument,\n  getWindow,\n  addGlobalEventListener,\n  getFirstTabbableIn,\n  isFocusable,\n  chain,\n  isSafari,\n} from \"@ariakit/utils\";\nimport type { BooleanOrCallback } from \"@ariakit/utils\";\nimport type {\n  ComponentPropsWithRef,\n  ElementType,\n  FC,\n  ReactElement,\n  KeyboardEvent as ReactKeyboardEvent,\n  RefObject,\n  SyntheticEvent,\n} from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { DisclosureContentOptions } from \"../disclosure/disclosure-content.tsx\";\nimport {\n  isHidden,\n  useDisclosureContent,\n} from \"../disclosure/disclosure-content.tsx\";\nimport { useFocusableContainer } from \"../focusable/focusable-container.tsx\";\nimport type { FocusableOptions } from \"../focusable/focusable.tsx\";\nimport { useFocusable } from \"../focusable/focusable.tsx\";\nimport { HeadingLevel } from \"../heading/heading-level.tsx\";\nimport type { PortalOptions } from \"../portal/portal.tsx\";\nimport { usePortal } from \"../portal/portal.tsx\";\nimport { DialogBackdrop } from \"./dialog-backdrop.tsx\";\nimport {\n  DialogDescriptionContext,\n  DialogHeadingContext,\n  DialogScopedContextProvider,\n  useDialogProviderContext,\n} from \"./dialog-context.tsx\";\nimport type { DialogStore } from \"./dialog-store.ts\";\nimport { useDialogStore } from \"./dialog-store.ts\";\nimport { disableTree, disableTreeOutside } from \"./utils/disable-tree.ts\";\nimport { isElementMarked, markTreeOutside } from \"./utils/mark-tree-outside.ts\";\nimport { prependHiddenDismiss } from \"./utils/prepend-hidden-dismiss.ts\";\nimport { supportsInert } from \"./utils/supports-inert.ts\";\nimport { useHideOnInteractOutside } from \"./utils/use-hide-on-interact-outside.ts\";\nimport { useNestedDialogs } from \"./utils/use-nested-dialogs.tsx\";\nimport { usePreventBodyScroll } from \"./utils/use-prevent-body-scroll.ts\";\nimport { createWalkTreeSnapshot } from \"./utils/walk-tree-outside.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\nconst isSafariBrowser = isSafari();\n\nfunction isAlreadyFocusingAnotherElement(dialog?: HTMLElement | null) {\n  const activeElement = getActiveElement(dialog);\n  if (!activeElement) return false;\n  if (dialog && contains(dialog, activeElement)) return false;\n  if (isFocusable(activeElement)) return true;\n  return false;\n}\n\nfunction getElementFromProp(\n  prop?: HTMLElement | RefObject<HTMLElement | null> | null,\n  focusable = false,\n) {\n  if (!prop) return null;\n  const element = \"current\" in prop ? prop.current : prop;\n  if (!element) return null;\n  if (focusable) return isFocusable(element) ? element : null;\n  return element;\n}\n\n/**\n * Returns props to create a `Dialog` component.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx\n * const store = useDialogStore();\n * const props = useDialog({ store });\n * <Role {...props}>Dialog</Role>\n * ```\n */\nexport const useDialog = createHook<TagName, DialogOptions>(function useDialog({\n  store: storeProp,\n  open: openProp,\n  onClose,\n  focusable = true,\n  modal = true,\n  portal = modal,\n  backdrop = modal,\n  hideOnEscape = true,\n  hideOnInteractOutside = true,\n  getPersistentElements,\n  preventBodyScroll = modal,\n  autoFocusOnShow = true,\n  autoFocusOnHide = true,\n  initialFocus,\n  finalFocus,\n  unmountOnHide,\n  unstable_treeSnapshotKey,\n  ...props\n}) {\n  const context = useDialogProviderContext();\n  const ref = useRef<HTMLType>(null);\n\n  const store = useDialogStore({\n    store: storeProp || context,\n    open: openProp,\n    setOpen(open) {\n      if (open) return;\n      const dialog = ref.current;\n      if (!dialog) return;\n      const event = new Event(\"close\", { bubbles: false, cancelable: true });\n      if (onClose) {\n        dialog.addEventListener(\"close\", onClose, { once: true });\n      }\n      dialog.dispatchEvent(event);\n      if (!event.defaultPrevented) return;\n      store.setOpen(true);\n    },\n  });\n\n  // domReady can be also the portal node element so it's updated when the\n  // portal node changes (like in between re-renders), triggering effects\n  // again.\n  const { portalRef, domReady } = usePortalRef(portal, props.portalRef);\n  // Sets preserveTabOrder to true only if the dialog is not a modal and is\n  // open.\n  const preserveTabOrderProp = props.preserveTabOrder;\n  const preserveTabOrder = useStoreState(\n    store,\n    (state) => preserveTabOrderProp && !modal && state.mounted,\n  );\n  const id = useId(props.id);\n  const open = useStoreState(store, \"open\");\n  const mounted = useStoreState(store, \"mounted\");\n  const contentElement = useStoreState(store, \"contentElement\");\n  const hidden = isHidden(mounted, props.hidden, props.alwaysVisible);\n\n  usePreventBodyScroll(contentElement, id, preventBodyScroll && !hidden);\n\n  // Tracks whether the dialog was hidden by an outside click or context menu.\n  // When true, focusOnHide skips focus restoration to match native HTML\n  // behavior where trigger buttons don't receive focus when you click outside.\n  // Reset when the dialog opens to avoid stale flags from prevented closes\n  // (e.g., onClose calling event.preventDefault), async closes with\n  // animations, or when autoFocusOnHide is disabled.\n  const interactedOutsideRef = useRef(false);\n  useSafeLayoutEffect(() => {\n    return sync(store, [\"open\"], (state) => {\n      if (!state.open) return;\n      interactedOutsideRef.current = false;\n    });\n  }, [store]);\n  useHideOnInteractOutside(\n    store,\n    hideOnInteractOutside,\n    domReady,\n    interactedOutsideRef,\n  );\n\n  const { wrapElement, nestedDialogs } = useNestedDialogs(store);\n  props = useWrapElement(props, wrapElement, [wrapElement]);\n\n  // On Safari, buttons don't receive focus on mousedown unless they have an\n  // explicit tabIndex. Non-Ariakit buttons (which don't go through\n  // useFocusable) won't have this, so activeElement may still be BODY when the\n  // dialog opens. We track the last mousedown target as a fallback.\n  const lastMousedownRef = useRef<Element | null>(null);\n\n  if (isSafariBrowser) {\n    useEffect(() => {\n      if (!domReady) return;\n      const dialog = ref.current;\n      if (!dialog) return;\n      const doc = getDocument(dialog);\n      const onMousedown = (event: MouseEvent) => {\n        lastMousedownRef.current = event.target as Element;\n      };\n      doc.addEventListener(\"mousedown\", onMousedown, true);\n      return () => {\n        doc.removeEventListener(\"mousedown\", onMousedown, true);\n      };\n    }, [domReady]);\n  }\n\n  // Sets disclosure element using the current active element right after the\n  // dialog is opened.\n  useSafeLayoutEffect(() => {\n    if (!open) return;\n    const dialog = ref.current;\n    const activeElement = getActiveElement(dialog, true);\n    if (!activeElement) return;\n    if (activeElement.tagName === \"BODY\") {\n      // Safari fallback: use the last mousedown target when activeElement is\n      // BODY (happens with native buttons that lack an explicit tabIndex).\n      const fallback = lastMousedownRef.current;\n      lastMousedownRef.current = null;\n      if (!fallback?.isConnected) return;\n      if (!isFocusable(fallback)) return;\n      if (dialog && contains(dialog, fallback)) return;\n      store.setDisclosureElement(fallback as HTMLElement);\n      return;\n    }\n    // The disclosure element can't be inside the dialog.\n    if (dialog && contains(dialog, activeElement)) return;\n    store.setDisclosureElement(activeElement);\n  }, [store, open]);\n\n  // Sets --dialog-viewport-height CSS variable to the height of the visual\n  // viewport. This allows the dialog to be positioned correctly when the\n  // viewport height changes (e.g., when the keyboard is shown on mobile).\n  useEffect(() => {\n    if (!mounted) return;\n    if (!domReady) return;\n    const dialog = ref.current;\n    if (!dialog) return;\n    const win = getWindow(dialog);\n    const viewport = win.visualViewport || win;\n    const setViewportHeight = () => {\n      const height = win.visualViewport?.height ?? win.innerHeight;\n      dialog.style.setProperty(\"--dialog-viewport-height\", `${height}px`);\n    };\n    setViewportHeight();\n    viewport.addEventListener(\"resize\", setViewportHeight);\n    return () => {\n      viewport.removeEventListener(\"resize\", setViewportHeight);\n    };\n  }, [mounted, domReady]);\n\n  // Renders a hidden dismiss button at the top of the modal dialog element. So\n  // that screen reader users aren't trapped in the dialog when there's no\n  // visible dismiss button.\n  useEffect(() => {\n    if (!modal) return;\n    if (!mounted) return;\n    if (!domReady) return;\n    const dialog = ref.current;\n    if (!dialog) return;\n    // If there's already a DialogDismiss component, it does nothing.\n    const existingDismiss = dialog.querySelector(\"[data-dialog-dismiss]\");\n    if (existingDismiss) return;\n    return prependHiddenDismiss(dialog, store.hide);\n  }, [store, modal, mounted, domReady]);\n\n  // When the dialog is animated, the open state will be false and the mounted\n  // state will be true. The dialog will still be visible until the animation is\n  // complete. We need to disable the dialog tree completely in this case. TODO:\n  // We should probably do this in a more generic way in the DisclosureContent\n  // component.\n  useSafeLayoutEffect(() => {\n    if (!supportsInert()) return;\n    if (open) return;\n    if (!mounted) return;\n    if (!domReady) return;\n    const dialog = ref.current;\n    if (!dialog) return;\n    return disableTree(dialog);\n  }, [open, mounted, domReady]);\n\n  const canTakeTreeSnapshot = open && domReady;\n\n  useSafeLayoutEffect(() => {\n    if (!id) return;\n    if (!canTakeTreeSnapshot) return;\n    const dialog = ref.current;\n    // When the dialog opens, we capture a snapshot of the document. This\n    // snapshot is then used to disable elements outside the dialog in the\n    // subsequent effect. However, the issue arises as this next effect also\n    // relies on nested dialogs. Meaning, each time a nested dialog is rendered,\n    // we capture a new document snapshot, which might disable third-party\n    // dialogs. Hence, we take the snapshot here, independent of any nested\n    // dialogs.\n    return createWalkTreeSnapshot(id, [dialog]);\n  }, [id, canTakeTreeSnapshot, unstable_treeSnapshotKey]);\n\n  const getPersistentElementsProp = useEvent(getPersistentElements);\n\n  // Disables/enables the element tree around the modal dialog element.\n  useSafeLayoutEffect(() => {\n    if (!id) return;\n    if (!canTakeTreeSnapshot) return;\n    const { disclosureElement } = store.getState();\n    const dialog = ref.current;\n    const persistentElements = getPersistentElementsProp() || [];\n    const allElements = [\n      dialog,\n      ...persistentElements,\n      ...nestedDialogs.map((dialog) => dialog.getState().contentElement),\n    ];\n    if (modal) {\n      return chain(\n        markTreeOutside(id, allElements),\n        disableTreeOutside(id, allElements),\n      );\n    }\n    return markTreeOutside(id, [disclosureElement, ...allElements]);\n  }, [\n    id,\n    store,\n    canTakeTreeSnapshot,\n    getPersistentElementsProp,\n    nestedDialogs,\n    modal,\n    unstable_treeSnapshotKey,\n  ]);\n\n  const mayAutoFocusOnShow = !!autoFocusOnShow;\n  const autoFocusOnShowProp = useBooleanEvent(autoFocusOnShow);\n  // We have to wait for the dialog to be mounted before allowing focusable\n  // elements to be auto focused. Otherwise, there could be unintended scroll\n  // jumps. See select-animated browser tests.\n  const [autoFocusEnabled, setAutoFocusEnabled] = useState(false);\n\n  // Auto focus on show.\n  useEffect(() => {\n    if (!open) return;\n    if (!mayAutoFocusOnShow) return;\n    // Makes sure to wait for the portalNode to be created before moving focus.\n    // This is useful for when the Dialog component is unmounted when hidden.\n    if (!domReady) return;\n    // The dialog element may change for different reasons. For example, when\n    // the modal or portal props change, the HTML structure will also change,\n    // which will affect the dialog element reference. That's why we're\n    // listening to contentElement state here instead of getting the ref.current\n    // value. This ensures this effect will re-run when the dialog element\n    // reference changes.\n    if (!contentElement?.isConnected) return;\n    const element =\n      getElementFromProp(initialFocus, true) ||\n      // If no initial focus is specified, we try to focus the first element\n      // with the autofocus attribute. If it's an Ariakit component, the\n      // Focusable component will consume the autoFocus prop and add the\n      // data-autofocus attribute to the element instead.\n      contentElement.querySelector<HTMLElement>(\n        \"[data-autofocus=true],[autofocus]\",\n      ) ||\n      // We have to fallback to the first focusable element otherwise portaled\n      // dialogs with preserveTabOrder set to true will not receive focus\n      // properly because the elements aren't tabbable until the dialog receives\n      // focus.\n      getFirstTabbableIn(contentElement, true, portal && preserveTabOrder) ||\n      // Finally, we fallback to the dialog element itself.\n      contentElement;\n    const isElementFocusable = isFocusable(element);\n    if (!autoFocusOnShowProp(isElementFocusable ? element : null)) return;\n    setAutoFocusEnabled(true);\n    queueMicrotask(() => {\n      // If the dialog was closed between scheduling and executing this\n      // microtask, skip the focus call. Otherwise, focusing a now-hidden\n      // element could steal focus from the disclosure that focusOnHide already\n      // restored.\n      if (!store.getState().open) return;\n      element.focus();\n      // Safari doesn't scroll to the element on focus, so we have to do it\n      // manually here.\n      if (!isSafariBrowser) return;\n      if (!isElementFocusable) return;\n      element.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n    });\n  }, [\n    open,\n    mayAutoFocusOnShow,\n    domReady,\n    contentElement,\n    initialFocus,\n    portal,\n    preserveTabOrder,\n    store,\n    autoFocusOnShowProp,\n  ]);\n\n  const mayAutoFocusOnHide = !!autoFocusOnHide;\n  const autoFocusOnHideProp = useBooleanEvent(autoFocusOnHide);\n\n  // Sets a `hasOpened` flag on an effect so we only auto focus on hide if the\n  // dialog was open before.\n  const [hasOpened, setHasOpened] = useState(false);\n\n  useSafeLayoutEffect(() => {\n    if (!open) return;\n    setHasOpened(true);\n    return () => setHasOpened(false);\n  }, [open]);\n\n  const focusOnHide = useCallback(\n    (dialog: HTMLElement | null, retry = true) => {\n      // Hide was triggered by clicking or right-clicking outside the dialog.\n      // Native HTML dialogs and popovers don't restore focus to the trigger\n      // in this case, so we skip focus restoration entirely.\n      if (interactedOutsideRef.current) return;\n      const { disclosureElement } = store.getState();\n      // Hide was triggered by a click/focus on a tabbable element outside the\n      // dialog. We won't change focus then.\n      if (isAlreadyFocusingAnotherElement(dialog)) return;\n      let element = getElementFromProp(finalFocus) || disclosureElement;\n      if (element?.id) {\n        const doc = getDocument(element);\n        const selector = `[aria-activedescendant=\"${element.id}\"]`;\n        const composite = doc.querySelector<HTMLElement>(selector);\n        // If the element is an item in a composite widget that handles focus\n        // with the `aria-activedescendant` attribute, we want to focus on the\n        // composite element itself.\n        if (composite) {\n          element = composite;\n        }\n      }\n      // If the element is not focusable by the time the dialog is hidden, it's\n      // probably because it's an element inside another popover or menu that\n      // also got hidden when this dialog was shown. We'll try to focus on their\n      // disclosure element instead.\n      if (element && !isFocusable(element)) {\n        const maybeParentDialog = element.closest(\"[data-dialog]\");\n        if (maybeParentDialog?.id) {\n          const doc = getDocument(maybeParentDialog);\n          const selector = `[aria-controls~=\"${maybeParentDialog.id}\"]`;\n          const control = doc.querySelector<HTMLElement>(selector);\n          if (control) {\n            element = control;\n          }\n        }\n      }\n      const isElementFocusable = element && isFocusable(element);\n      if (!isElementFocusable && retry) {\n        // If the element is still not focusable by this time, we retry once\n        // again on the next frame. This is sometimes necessary because there\n        // may be nested dialogs that still need a tick to remove the inert\n        // attribute from elements outside.\n        requestAnimationFrame(() => focusOnHide(dialog, false));\n        return;\n      }\n      if (!autoFocusOnHideProp(isElementFocusable ? element : null)) return;\n      if (!isElementFocusable) return;\n      element?.focus();\n    },\n    [store, finalFocus, autoFocusOnHideProp],\n  );\n\n  const focusedOnHideRef = useRef(false);\n\n  // Auto focus on hide with an always rendered dialog.\n  useSafeLayoutEffect(() => {\n    if (open) return;\n    if (!hasOpened) return;\n    if (!mayAutoFocusOnHide) return;\n    const dialog = ref.current;\n    // We don't want to focus on hide twice if the dialog is not unmounted, so\n    // we set this flag here that will be checked in the cleanup effect below.\n    focusedOnHideRef.current = true;\n    focusOnHide(dialog);\n  }, [open, hasOpened, domReady, mayAutoFocusOnHide, focusOnHide]);\n\n  // Auto focus on hide with a dialog that gets unmounted when hidden.\n  useEffect(() => {\n    if (!hasOpened) return;\n    if (!mayAutoFocusOnHide) return;\n    const dialog = ref.current;\n    return () => {\n      if (focusedOnHideRef.current) {\n        focusedOnHideRef.current = false;\n        return;\n      }\n      focusOnHide(dialog);\n    };\n  }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);\n\n  const hideOnEscapeProp = useBooleanEvent(hideOnEscape);\n\n  // Hide on Escape.\n  useEffect(() => {\n    if (!domReady) return;\n    if (!mounted) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      if (event.defaultPrevented) return;\n      const dialog = ref.current;\n      if (!dialog) return;\n      // Ignore the event if the current dialog is marked by another dialog.\n      // This guarantees that only the topmost dialog will close on Escape.\n      if (isElementMarked(dialog)) return;\n      const target = event.target as Element | null;\n      if (!target) return;\n      const { disclosureElement } = store.getState();\n      // This considers valid targets only the disclosure element or descendants\n      // of the dialog element.\n      const isValidTarget = () => {\n        if (target.tagName === \"BODY\") return true;\n        if (contains(dialog, target)) return true;\n        if (!disclosureElement) return true;\n        if (contains(disclosureElement, target)) return true;\n        return false;\n      };\n      if (!isValidTarget()) return;\n      if (!hideOnEscapeProp(event)) return;\n      store.hide();\n    };\n    // We're attatching the listener to the document instead of the dialog\n    // element so we can listen to the Escape key anywhere in the document, even\n    // when the dialog is not focused. By using the capture phase, users can\n    // call `event.stopPropagation()` on the `hideOnEscape` function prop.\n    const win = contentElement ? getWindow(contentElement) : undefined;\n    return addGlobalEventListener(\"keydown\", onKeyDown, true, win);\n  }, [store, domReady, mounted, contentElement, hideOnEscapeProp]);\n\n  // Resets the heading levels inside the modal dialog so they start with h1.\n  props = useWrapElement(\n    props,\n    (element) => (\n      <HeadingLevel level={modal ? 1 : undefined}>{element}</HeadingLevel>\n    ),\n    [modal],\n  );\n\n  const hiddenProp = props.hidden;\n  const alwaysVisible = props.alwaysVisible;\n\n  // Wraps the dialog with a backdrop element if the backdrop prop is truthy.\n  props = useWrapElement(\n    props,\n    (element) => {\n      if (!backdrop) return element;\n      return (\n        <>\n          <DialogBackdrop\n            store={store}\n            backdrop={backdrop}\n            hidden={hiddenProp}\n            alwaysVisible={alwaysVisible}\n          />\n          {element}\n        </>\n      );\n    },\n    [store, backdrop, hiddenProp, alwaysVisible],\n  );\n\n  const [headingId, setHeadingId] = useState<string>();\n  const [descriptionId, setDescriptionId] = useState<string>();\n\n  props = useWrapElement(\n    props,\n    (element) => (\n      <DialogScopedContextProvider value={store}>\n        <DialogHeadingContext.Provider value={setHeadingId}>\n          <DialogDescriptionContext.Provider value={setDescriptionId}>\n            {element}\n          </DialogDescriptionContext.Provider>\n        </DialogHeadingContext.Provider>\n      </DialogScopedContextProvider>\n    ),\n    [store],\n  );\n\n  props = {\n    \"data-dialog\": \"\",\n    role: \"dialog\",\n    tabIndex: focusable ? -1 : undefined,\n    \"aria-labelledby\": props[\"aria-label\"] != null ? undefined : headingId,\n    \"aria-describedby\": descriptionId,\n    ...props,\n    id,\n    ref: useMergeRefs(ref, props.ref),\n  };\n\n  props = useFocusableContainer({\n    ...props,\n    autoFocusOnShow: autoFocusEnabled,\n  });\n  props = useDisclosureContent({ store, ...props });\n  props = useFocusable({ ...props, focusable });\n  props = usePortal({ portal, ...props, portalRef, preserveTabOrder });\n\n  return props;\n});\n\nexport function createDialogComponent<T extends DialogOptions>(\n  Component: FC<T>,\n  useProviderContext = useDialogProviderContext,\n) {\n  return forwardRef(function DialogComponent(props: T) {\n    const context = useProviderContext();\n    const store = props.store || context;\n    const mounted = useStoreState(\n      store,\n      (state) => !props.unmountOnHide || state?.mounted || !!props.open,\n    );\n    if (!mounted) return null;\n    return <Component {...props} />;\n  });\n}\n\n/**\n * Renders a dialog similar to the native `dialog` element that's rendered in a\n * [`portal`](https://ariakit.com/reference/dialog#portal) by default.\n *\n * The dialog can be either\n * [`modal`](https://ariakit.com/reference/dialog#modal) or non-modal. The\n * visibility state can be controlled with the\n * [`open`](https://ariakit.com/reference/dialog#open) and\n * [`onClose`](https://ariakit.com/reference/dialog#onclose) props.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx {4-6}\n * const [open, setOpen] = useState(false);\n *\n * <button onClick={() => setOpen(true)}>Open dialog</button>\n * <Dialog open={open} onClose={() => setOpen(false)}>\n *   Dialog\n * </Dialog>\n * ```\n */\nexport const Dialog = createDialogComponent(\n  forwardRef(function Dialog(props: DialogProps) {\n    const htmlProps = useDialog(props);\n    return createElement(TagName, htmlProps);\n  }),\n  useDialogProviderContext,\n);\n\nexport interface DialogOptions<T extends ElementType = TagName>\n  extends FocusableOptions<T>, PortalOptions<T>, DisclosureContentOptions<T> {\n  /**\n   * Object returned by the\n   * [`useDialogStore`](https://ariakit.com/reference/use-dialog-store) hook. If\n   * not provided, the closest\n   * [`DialogProvider`](https://ariakit.com/reference/dialog-provider)\n   * component's context will be used. Otherwise, an internal store will be\n   * created.\n   */\n  store?: DialogStore;\n  /**\n   * Controls the open state of the dialog. This is similar to the\n   * [`open`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/open)\n   * attribute on native dialog elements.\n   *\n   * Live examples:\n   * - [Dialog with scrollable\n   *   backdrop](https://ariakit.com/examples/dialog-backdrop-scrollable)\n   * - [Dialog with details &\n   *   summary](https://ariakit.com/examples/dialog-details)\n   * - [Warning on Dialog\n   *   hide](https://ariakit.com/examples/dialog-hide-warning)\n   * - [Dialog with Menu](https://ariakit.com/examples/dialog-menu)\n   */\n  open?: boolean;\n  /**\n   * This is an event handler prop triggered when the dialog's `close` event is\n   * dispatched. The `close` event is similar to the native dialog\n   * [`close`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/close_event)\n   * event. The only difference is that this event can be canceled with\n   * `event.preventDefault()`, which will prevent the dialog from hiding.\n   *\n   * It's important to note that this event only fires when the dialog store's\n   * [`open`](https://ariakit.com/reference/use-dialog-store#open) state is set\n   * to `false`. If the controlled\n   * [`open`](https://ariakit.com/reference/dialog#open) prop value changes, or\n   * if the dialog's visibility is altered in any other way (such as unmounting\n   * the dialog without adjusting the open state), this event won't be\n   * triggered.\n   *\n   * Live examples:\n   * - [Dialog with scrollable\n   *   backdrop](https://ariakit.com/examples/dialog-backdrop-scrollable)\n   * - [Dialog with details &\n   *   summary](https://ariakit.com/examples/dialog-details)\n   * - [Warning on Dialog\n   *   hide](https://ariakit.com/examples/dialog-hide-warning)\n   * - [Dialog with Menu](https://ariakit.com/examples/dialog-menu)\n   */\n  onClose?: (event: Event) => void;\n  /**\n   * Determines whether the dialog is modal. Modal dialogs have distinct states\n   * and behaviors:\n   * - The [`portal`](https://ariakit.com/reference/dialog#portal) and\n   *   [`preventBodyScroll`](https://ariakit.com/reference/dialog#preventbodyscroll)\n   *   props are set to `true`. They can still be manually set to `false`.\n   * - When using the [`Heading`](https://ariakit.com/reference/heading) or\n   *   [`DialogHeading`](https://ariakit.com/reference/dialog-heading)\n   *   components within the dialog, their level will be reset so they start\n   *   with `h1`.\n   * - A visually hidden dismiss button will be rendered if the\n   *   [`DialogDismiss`](https://ariakit.com/reference/dialog-dismiss) component\n   *   hasn't been used. This allows screen reader users to close the dialog.\n   * - When the dialog is open, element tree outside it will be inert.\n   *\n   * Live examples:\n   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)\n   * - [Dialog with details &\n   *   summary](https://ariakit.com/examples/dialog-details)\n   * - [Form with Select](https://ariakit.com/examples/form-select)\n   * - [Context menu](https://ariakit.com/examples/menu-context-menu)\n   * - [Responsive Popover](https://ariakit.com/examples/popover-responsive)\n   * @default true\n   */\n  modal?: boolean;\n  /**\n   * Determines whether there will be a backdrop behind the dialog. On modal\n   * dialogs, this is `true` by default. Besides a `boolean`, this prop can also\n   * be a React component or JSX element that will be rendered as the backdrop.\n   *\n   * **Note**: If a custom component is used, it must [accept ref and spread all\n   * props to its underlying DOM\n   * element](https://ariakit.com/guide/composition#custom-components-must-be-open-for-extension),\n   * the same way a native element would.\n   *\n   * Live examples:\n   * - [Animated Dialog](https://ariakit.com/examples/dialog-animated)\n   * - [Dialog with scrollable\n   *   backdrop](https://ariakit.com/examples/dialog-backdrop-scrollable)\n   * - [Dialog with\n   *   Motion](https://ariakit.com/examples/dialog-framer-motion)\n   * - [Dialog with Menu](https://ariakit.com/examples/dialog-menu)\n   * - [Nested Dialog](https://ariakit.com/examples/dialog-nested)\n   * - [Dialog with Next.js App\n   *   Router](https://ariakit.com/examples/dialog-next-router)\n   * @example\n   * ```jsx\n   * <Dialog backdrop={<div className=\"backdrop\" />} />\n   * ```\n   */\n  backdrop?:\n    | boolean\n    | ReactElement<ComponentPropsWithRef<\"div\">>\n    | ElementType<ComponentPropsWithRef<\"div\">>;\n  /**\n   * Determines if the dialog will hide when the user presses the Escape key.\n   *\n   * This prop can be either a boolean or a function that accepts an event as an\n   * argument and returns a boolean. The event object represents the keydown\n   * event that initiated the hide action, which could be either a native\n   * keyboard event or a React synthetic event.\n   *\n   * **Note**: When placing Ariakit dialogs inside third-party dialogs, using\n   * `event.stopPropagation()` within this function will stop the event from\n   * reaching the third-party dialog, closing only the Ariakit dialog.\n   * @default true\n   */\n  hideOnEscape?: BooleanOrCallback<KeyboardEvent | ReactKeyboardEvent>;\n  /**\n   * Determines if the dialog should hide when the user clicks or focuses on an\n   * element outside the dialog.\n   *\n   * This prop can be either a boolean or a function that takes an event as an\n   * argument and returns a boolean. The event object represents the event that\n   * triggered the action, which could be a native event or a React synthetic\n   * event of various types.\n   *\n   * Live examples:\n   * - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   * @default true\n   */\n  hideOnInteractOutside?: BooleanOrCallback<Event | SyntheticEvent>;\n  /**\n   * When a dialog is open, the elements outside of it are disabled to prevent\n   * interaction if the dialog is\n   * [`modal`](https://ariakit.com/reference/dialog#modal). For non-modal\n   * dialogs, interacting with elements outside the dialog prompts it to close.\n   *\n   * This function allows you to return an iterable collection of elements that\n   * will be considered as part of the dialog, thus excluding them from this\n   * behavior.\n   *\n   * **Note**: The elements returned by this function must exist in the DOM when\n   * the dialog opens.\n   *\n   * Live examples:\n   * - [Dialog with\n   *   React-Toastify](https://ariakit.com/examples/dialog-react-toastify)\n   */\n  getPersistentElements?: () => Iterable<Element>;\n  /**\n   * Determines whether the body scrolling will be prevented when the dialog is\n   * shown. This is automatically set to `true` when the dialog is\n   * [`modal`](https://ariakit.com/reference/dialog#modal). You can disable this\n   * prop if you want to implement your own logic.\n   */\n  preventBodyScroll?: boolean;\n  /**\n   * Determines whether an element inside the dialog will receive focus when the\n   * dialog is shown. By default, this is usually the first tabbable element in\n   * the dialog or the dialog itself. The\n   * [`initialFocus`](https://ariakit.com/reference/dialog#initialfocus) prop\n   * can be used to set a different element to receive focus.\n   *\n   * Live examples:\n   * - [Warning on Dialog\n   *   hide](https://ariakit.com/examples/dialog-hide-warning)\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   * @default true\n   */\n  autoFocusOnShow?: BooleanOrCallback<HTMLElement | null>;\n  /**\n   * Determines whether an element outside of the dialog will be focused when\n   * the dialog is hidden if another element hasn't been focused in the action\n   * of hiding the dialog (for example, by clicking or tabbing into another\n   * tabbable element outside of the dialog).\n   *\n   * By default, this is usually the disclosure element. The\n   * [`finalFocus`](https://ariakit.com/reference/dialog#finalfocus) prop can be\n   * used to define a different element to be focused.\n   *\n   * Live examples:\n   * - [Dialog with Next.js App\n   *   Router](https://ariakit.com/examples/dialog-next-router)\n   * - [Sliding menu](https://ariakit.com/examples/menu-slide)\n   * @default true\n   */\n  autoFocusOnHide?: BooleanOrCallback<HTMLElement | null>;\n  /**\n   * Specifies the element that will receive focus when the dialog is first\n   * opened. It can be an `HTMLElement` or a `React.RefObject` with an\n   * `HTMLElement`.\n   *\n   * If\n   * [`autoFocusOnShow`](https://ariakit.com/reference/dialog#autofocusonshow)\n   * is set to `false`, this prop will have no effect. If left unset, the dialog\n   * will attempt to determine the initial focus element in the following order:\n   * 1. A [Focusable](https://ariakit.com/components/focusable) element with an\n   *    [`autoFocus`](https://ariakit.com/reference/focusable#autofocus) prop.\n   * 2. The first tabbable element inside the dialog.\n   * 3. The first focusable element inside the dialog.\n   * 4. The dialog element itself.\n   */\n  initialFocus?: HTMLElement | RefObject<HTMLElement | null> | null;\n  /**\n   * Determines the element that will receive focus once the dialog is closed,\n   * provided that no other element has been focused while the dialog was being\n   * hidden (e.g., by clicking or tabbing into another tabbable element outside\n   * of the dialog).\n   * - If\n   *   [`autoFocusOnHide`](https://ariakit.com/reference/dialog#autofocusonhide)\n   *   is set to `false`, this prop will have no effect.\n   * - If left unset, the element that was focused before the dialog was opened\n   *   will be focused again.\n   */\n  finalFocus?: HTMLElement | RefObject<HTMLElement | null> | null;\n  /**\n   * @private\n   */\n  unstable_treeSnapshotKey?: string | number | boolean | null;\n}\n\nexport type DialogProps<T extends ElementType = TagName> = Props<\n  T,\n  DialogOptions<T>\n>;\n"],"mappings":"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"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useBooleanEvent,\n  useEvent,\n  useId,\n  useMergeRefs,\n  usePortalRef,\n  useSafeLayoutEffect,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { sync } from \"@ariakit/store\";\nimport {\n  contains,\n  getActiveElement,\n  getDocument,\n  getWindow,\n  addGlobalEventListener,\n  getFirstTabbableIn,\n  isElement,\n  isNode,\n  isFocusable,\n  chain,\n  isSafari,\n} from \"@ariakit/utils\";\nimport type { BooleanOrCallback } from \"@ariakit/utils\";\nimport type {\n  ComponentPropsWithRef,\n  ElementType,\n  FC,\n  ReactElement,\n  KeyboardEvent as ReactKeyboardEvent,\n  RefObject,\n  SyntheticEvent,\n} from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { DisclosureContentOptions } from \"../disclosure/disclosure-content.tsx\";\nimport {\n  isHidden,\n  useDisclosureContent,\n} from \"../disclosure/disclosure-content.tsx\";\nimport { useFocusableContainer } from \"../focusable/focusable-container.tsx\";\nimport type { FocusableOptions } from \"../focusable/focusable.tsx\";\nimport { useFocusable } from \"../focusable/focusable.tsx\";\nimport { HeadingLevel } from \"../heading/heading-level.tsx\";\nimport type { PortalOptions } from \"../portal/portal.tsx\";\nimport { usePortal } from \"../portal/portal.tsx\";\nimport { DialogBackdrop } from \"./dialog-backdrop.tsx\";\nimport {\n  DialogDescriptionContext,\n  DialogHeadingContext,\n  DialogScopedContextProvider,\n  useDialogProviderContext,\n} from \"./dialog-context.tsx\";\nimport type { DialogStore } from \"./dialog-store.ts\";\nimport { useDialogStore } from \"./dialog-store.ts\";\nimport { disableTree, disableTreeOutside } from \"./utils/disable-tree.ts\";\nimport { isElementMarked, markTreeOutside } from \"./utils/mark-tree-outside.ts\";\nimport { prependHiddenDismiss } from \"./utils/prepend-hidden-dismiss.ts\";\nimport { supportsInert } from \"./utils/supports-inert.ts\";\nimport { useHideOnInteractOutside } from \"./utils/use-hide-on-interact-outside.ts\";\nimport { useNestedDialogs } from \"./utils/use-nested-dialogs.tsx\";\nimport { usePreventBodyScroll } from \"./utils/use-prevent-body-scroll.ts\";\nimport { createWalkTreeSnapshot } from \"./utils/walk-tree-outside.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\nconst isSafariBrowser = isSafari();\n\nfunction isAlreadyFocusingAnotherElement(dialog?: HTMLElement | null) {\n  const activeElement = getActiveElement(dialog);\n  if (!activeElement) return false;\n  if (dialog && contains(dialog, activeElement)) return false;\n  if (isFocusable(activeElement)) return true;\n  return false;\n}\n\nfunction getElementFromProp(\n  prop?: HTMLElement | RefObject<HTMLElement | null> | null,\n  focusable = false,\n) {\n  if (!prop) return null;\n  const element = \"current\" in prop ? prop.current : prop;\n  if (!element) return null;\n  if (focusable) return isFocusable(element) ? element : null;\n  return element;\n}\n\n/**\n * Returns props to create a `Dialog` component.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx\n * const store = useDialogStore();\n * const props = useDialog({ store });\n * <Role {...props}>Dialog</Role>\n * ```\n */\nexport const useDialog = createHook<TagName, DialogOptions>(function useDialog({\n  store: storeProp,\n  open: openProp,\n  onClose,\n  focusable = true,\n  modal = true,\n  portal = modal,\n  backdrop = modal,\n  hideOnEscape = true,\n  hideOnInteractOutside = true,\n  getPersistentElements,\n  preventBodyScroll = modal,\n  autoFocusOnShow = true,\n  autoFocusOnHide = true,\n  initialFocus,\n  finalFocus,\n  unmountOnHide,\n  unstable_treeSnapshotKey,\n  ...props\n}) {\n  const context = useDialogProviderContext();\n  const ref = useRef<HTMLType>(null);\n\n  const store = useDialogStore({\n    store: storeProp || context,\n    open: openProp,\n    setOpen(open) {\n      if (open) return;\n      const dialog = ref.current;\n      if (!dialog) return;\n      const event = new Event(\"close\", { bubbles: false, cancelable: true });\n      if (onClose) {\n        dialog.addEventListener(\"close\", onClose, { once: true });\n      }\n      dialog.dispatchEvent(event);\n      if (!event.defaultPrevented) return;\n      store.setOpen(true);\n    },\n  });\n\n  // domReady can be also the portal node element so it's updated when the\n  // portal node changes (like in between re-renders), triggering effects\n  // again.\n  const { portalRef, domReady } = usePortalRef(portal, props.portalRef);\n  // Sets preserveTabOrder to true only if the dialog is not a modal and is\n  // open.\n  const preserveTabOrderProp = props.preserveTabOrder;\n  const preserveTabOrder = useStoreState(\n    store,\n    (state) => preserveTabOrderProp && !modal && state.mounted,\n  );\n  const id = useId(props.id);\n  const open = useStoreState(store, \"open\");\n  const mounted = useStoreState(store, \"mounted\");\n  const contentElement = useStoreState(store, \"contentElement\");\n  const hidden = isHidden(mounted, props.hidden, props.alwaysVisible);\n\n  usePreventBodyScroll(contentElement, id, preventBodyScroll && !hidden);\n\n  // Tracks whether the dialog was hidden by an outside click or context menu.\n  // When true, focusOnHide skips focus restoration to match native HTML\n  // behavior where trigger buttons don't receive focus when you click outside.\n  // Reset when the dialog opens to avoid stale flags from prevented closes\n  // (e.g., onClose calling event.preventDefault), async closes with\n  // animations, or when autoFocusOnHide is disabled.\n  const interactedOutsideRef = useRef(false);\n  useSafeLayoutEffect(() => {\n    return sync(store, [\"open\"], (state) => {\n      if (!state.open) return;\n      interactedOutsideRef.current = false;\n    });\n  }, [store]);\n  useHideOnInteractOutside(\n    store,\n    hideOnInteractOutside,\n    domReady,\n    interactedOutsideRef,\n  );\n\n  const { wrapElement, nestedDialogs } = useNestedDialogs(store);\n  props = useWrapElement(props, wrapElement, [wrapElement]);\n\n  // On Safari, buttons don't receive focus on mousedown unless they have an\n  // explicit tabIndex. Non-Ariakit buttons (which don't go through\n  // useFocusable) won't have this, so activeElement may still be BODY when the\n  // dialog opens. We track the last mousedown target as a fallback.\n  const lastMousedownRef = useRef<Element | null>(null);\n\n  if (isSafariBrowser) {\n    useEffect(() => {\n      if (!domReady) return;\n      const dialog = ref.current;\n      if (!dialog) return;\n      const doc = getDocument(dialog);\n      const onMousedown = (event: MouseEvent) => {\n        lastMousedownRef.current = event.target as Element;\n      };\n      doc.addEventListener(\"mousedown\", onMousedown, true);\n      return () => {\n        doc.removeEventListener(\"mousedown\", onMousedown, true);\n      };\n    }, [domReady]);\n  }\n\n  // Sets disclosure element using the current active element right after the\n  // dialog is opened.\n  useSafeLayoutEffect(() => {\n    if (!open) return;\n    const dialog = ref.current;\n    const activeElement = getActiveElement(dialog, true);\n    if (!activeElement) return;\n    if (activeElement.tagName === \"BODY\") {\n      // Safari fallback: use the last mousedown target when activeElement is\n      // BODY (happens with native buttons that lack an explicit tabIndex).\n      const fallback = lastMousedownRef.current;\n      lastMousedownRef.current = null;\n      if (!fallback?.isConnected) return;\n      if (!isFocusable(fallback)) return;\n      if (dialog && contains(dialog, fallback)) return;\n      store.setDisclosureElement(fallback as HTMLElement);\n      return;\n    }\n    // The disclosure element can't be inside the dialog.\n    if (dialog && contains(dialog, activeElement)) return;\n    store.setDisclosureElement(activeElement);\n  }, [store, open]);\n\n  // Sets --dialog-viewport-height CSS variable to the height of the visual\n  // viewport. This allows the dialog to be positioned correctly when the\n  // viewport height changes (e.g., when the keyboard is shown on mobile).\n  useEffect(() => {\n    if (!mounted) return;\n    if (!domReady) return;\n    const dialog = ref.current;\n    if (!dialog) return;\n    const win = getWindow(dialog);\n    const viewport = win.visualViewport || win;\n    const setViewportHeight = () => {\n      const height = win.visualViewport?.height ?? win.innerHeight;\n      dialog.style.setProperty(\"--dialog-viewport-height\", `${height}px`);\n    };\n    setViewportHeight();\n    viewport.addEventListener(\"resize\", setViewportHeight);\n    return () => {\n      viewport.removeEventListener(\"resize\", setViewportHeight);\n    };\n  }, [mounted, domReady]);\n\n  // Renders a hidden dismiss button at the top of the modal dialog element. So\n  // that screen reader users aren't trapped in the dialog when there's no\n  // visible dismiss button.\n  useEffect(() => {\n    if (!modal) return;\n    if (!mounted) return;\n    if (!domReady) return;\n    const dialog = ref.current;\n    if (!dialog) return;\n    // If there's already a DialogDismiss component, it does nothing.\n    const existingDismiss = dialog.querySelector(\"[data-dialog-dismiss]\");\n    if (existingDismiss) return;\n    return prependHiddenDismiss(dialog, store.hide);\n  }, [store, modal, mounted, domReady]);\n\n  // When the dialog is animated, the open state will be false and the mounted\n  // state will be true. The dialog will still be visible until the animation is\n  // complete. We need to disable the dialog tree completely in this case. TODO:\n  // We should probably do this in a more generic way in the DisclosureContent\n  // component.\n  useSafeLayoutEffect(() => {\n    if (!supportsInert()) return;\n    if (open) return;\n    if (!mounted) return;\n    if (!domReady) return;\n    const dialog = ref.current;\n    if (!dialog) return;\n    return disableTree(dialog);\n  }, [open, mounted, domReady]);\n\n  const canTakeTreeSnapshot = open && domReady;\n\n  useSafeLayoutEffect(() => {\n    if (!id) return;\n    if (!canTakeTreeSnapshot) return;\n    const dialog = ref.current;\n    // When the dialog opens, we capture a snapshot of the document. This\n    // snapshot is then used to disable elements outside the dialog in the\n    // subsequent effect. However, the issue arises as this next effect also\n    // relies on nested dialogs. Meaning, each time a nested dialog is rendered,\n    // we capture a new document snapshot, which might disable third-party\n    // dialogs. Hence, we take the snapshot here, independent of any nested\n    // dialogs.\n    return createWalkTreeSnapshot(id, [dialog]);\n  }, [id, canTakeTreeSnapshot, unstable_treeSnapshotKey]);\n\n  const getPersistentElementsProp = useEvent(getPersistentElements);\n\n  // Disables/enables the element tree around the modal dialog element.\n  useSafeLayoutEffect(() => {\n    if (!id) return;\n    if (!canTakeTreeSnapshot) return;\n    const { disclosureElement } = store.getState();\n    const dialog = ref.current;\n    const persistentElements = getPersistentElementsProp() || [];\n    const allElements = [\n      dialog,\n      ...persistentElements,\n      ...nestedDialogs.map((dialog) => dialog.getState().contentElement),\n    ];\n    if (modal) {\n      return chain(\n        markTreeOutside(id, allElements),\n        disableTreeOutside(id, allElements),\n      );\n    }\n    return markTreeOutside(id, [disclosureElement, ...allElements]);\n  }, [\n    id,\n    store,\n    canTakeTreeSnapshot,\n    getPersistentElementsProp,\n    nestedDialogs,\n    modal,\n    unstable_treeSnapshotKey,\n  ]);\n\n  const mayAutoFocusOnShow = !!autoFocusOnShow;\n  const autoFocusOnShowProp = useBooleanEvent(autoFocusOnShow);\n  // We have to wait for the dialog to be mounted before allowing focusable\n  // elements to be auto focused. Otherwise, there could be unintended scroll\n  // jumps. See select-animated browser tests.\n  const [autoFocusEnabled, setAutoFocusEnabled] = useState(false);\n\n  // Auto focus on show.\n  useEffect(() => {\n    if (!open) return;\n    if (!mayAutoFocusOnShow) return;\n    // Makes sure to wait for the portalNode to be created before moving focus.\n    // This is useful for when the Dialog component is unmounted when hidden.\n    if (!domReady) return;\n    // The dialog element may change for different reasons. For example, when\n    // the modal or portal props change, the HTML structure will also change,\n    // which will affect the dialog element reference. That's why we're\n    // listening to contentElement state here instead of getting the ref.current\n    // value. This ensures this effect will re-run when the dialog element\n    // reference changes.\n    if (!contentElement?.isConnected) return;\n    const element =\n      getElementFromProp(initialFocus, true) ||\n      // If no initial focus is specified, we try to focus the first element\n      // with the autofocus attribute. If it's an Ariakit component, the\n      // Focusable component will consume the autoFocus prop and add the\n      // data-autofocus attribute to the element instead.\n      contentElement.querySelector<HTMLElement>(\n        \"[data-autofocus=true],[autofocus]\",\n      ) ||\n      // We have to fallback to the first focusable element otherwise portaled\n      // dialogs with preserveTabOrder set to true will not receive focus\n      // properly because the elements aren't tabbable until the dialog receives\n      // focus.\n      getFirstTabbableIn(contentElement, true, portal && preserveTabOrder) ||\n      // Finally, we fallback to the dialog element itself.\n      contentElement;\n    const isElementFocusable = isFocusable(element);\n    if (!autoFocusOnShowProp(isElementFocusable ? element : null)) return;\n    setAutoFocusEnabled(true);\n    queueMicrotask(() => {\n      // If the dialog was closed between scheduling and executing this\n      // microtask, skip the focus call. Otherwise, focusing a now-hidden\n      // element could steal focus from the disclosure that focusOnHide already\n      // restored.\n      if (!store.getState().open) return;\n      element.focus();\n      // Safari doesn't scroll to the element on focus, so we have to do it\n      // manually here.\n      if (!isSafariBrowser) return;\n      if (!isElementFocusable) return;\n      element.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n    });\n  }, [\n    open,\n    mayAutoFocusOnShow,\n    domReady,\n    contentElement,\n    initialFocus,\n    portal,\n    preserveTabOrder,\n    store,\n    autoFocusOnShowProp,\n  ]);\n\n  const mayAutoFocusOnHide = !!autoFocusOnHide;\n  const autoFocusOnHideProp = useBooleanEvent(autoFocusOnHide);\n\n  // Sets a `hasOpened` flag on an effect so we only auto focus on hide if the\n  // dialog was open before.\n  const [hasOpened, setHasOpened] = useState(false);\n\n  useSafeLayoutEffect(() => {\n    if (!open) return;\n    setHasOpened(true);\n    return () => setHasOpened(false);\n  }, [open]);\n\n  const focusOnHide = useCallback(\n    (dialog: HTMLElement | null, retry = true) => {\n      // Hide was triggered by clicking or right-clicking outside the dialog.\n      // Native HTML dialogs and popovers don't restore focus to the trigger\n      // in this case, so we skip focus restoration entirely.\n      if (interactedOutsideRef.current) return;\n      const { disclosureElement } = store.getState();\n      // Hide was triggered by a click/focus on a tabbable element outside the\n      // dialog. We won't change focus then.\n      if (isAlreadyFocusingAnotherElement(dialog)) return;\n      let element = getElementFromProp(finalFocus) || disclosureElement;\n      if (element?.id) {\n        const doc = getDocument(element);\n        const selector = `[aria-activedescendant=\"${element.id}\"]`;\n        const composite = doc.querySelector<HTMLElement>(selector);\n        // If the element is an item in a composite widget that handles focus\n        // with the `aria-activedescendant` attribute, we want to focus on the\n        // composite element itself.\n        if (composite) {\n          element = composite;\n        }\n      }\n      // If the element is not focusable by the time the dialog is hidden, it's\n      // probably because it's an element inside another popover or menu that\n      // also got hidden when this dialog was shown. We'll try to focus on their\n      // disclosure element instead.\n      if (element && !isFocusable(element)) {\n        const maybeParentDialog = element.closest(\"[data-dialog]\");\n        if (maybeParentDialog?.id) {\n          const doc = getDocument(maybeParentDialog);\n          const selector = `[aria-controls~=\"${maybeParentDialog.id}\"]`;\n          const control = doc.querySelector<HTMLElement>(selector);\n          if (control) {\n            element = control;\n          }\n        }\n      }\n      const isElementFocusable = element && isFocusable(element);\n      if (!isElementFocusable && retry) {\n        // If the element is still not focusable by this time, we retry once\n        // again on the next frame. This is sometimes necessary because there\n        // may be nested dialogs that still need a tick to remove the inert\n        // attribute from elements outside.\n        requestAnimationFrame(() => focusOnHide(dialog, false));\n        return;\n      }\n      if (!autoFocusOnHideProp(isElementFocusable ? element : null)) return;\n      if (!isElementFocusable) return;\n      element?.focus();\n    },\n    [store, finalFocus, autoFocusOnHideProp],\n  );\n\n  const focusedOnHideRef = useRef(false);\n\n  // Auto focus on hide with an always rendered dialog.\n  useSafeLayoutEffect(() => {\n    if (open) return;\n    if (!hasOpened) return;\n    if (!mayAutoFocusOnHide) return;\n    const dialog = ref.current;\n    // We don't want to focus on hide twice if the dialog is not unmounted, so\n    // we set this flag here that will be checked in the cleanup effect below.\n    focusedOnHideRef.current = true;\n    focusOnHide(dialog);\n  }, [open, hasOpened, domReady, mayAutoFocusOnHide, focusOnHide]);\n\n  // Auto focus on hide with a dialog that gets unmounted when hidden.\n  useEffect(() => {\n    if (!hasOpened) return;\n    if (!mayAutoFocusOnHide) return;\n    const dialog = ref.current;\n    return () => {\n      if (focusedOnHideRef.current) {\n        focusedOnHideRef.current = false;\n        return;\n      }\n      focusOnHide(dialog);\n    };\n  }, [hasOpened, mayAutoFocusOnHide, focusOnHide]);\n\n  const hideOnEscapeProp = useBooleanEvent(hideOnEscape);\n\n  // Hide on Escape.\n  useEffect(() => {\n    if (!domReady) return;\n    if (!mounted) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      if (event.defaultPrevented) return;\n      const dialog = ref.current;\n      if (!dialog) return;\n      // Ignore the event if the current dialog is marked by another dialog.\n      // This guarantees that only the topmost dialog will close on Escape.\n      if (isElementMarked(dialog)) return;\n      const target = event.target;\n      // Guard against non-node targets (e.g. a synthetic event dispatched on\n      // window) so `contains` doesn't throw. `isNode` rather than `isElement`\n      // keeps non-element nodes working with `contains`, as before.\n      if (!isNode(target)) return;\n      const { disclosureElement } = store.getState();\n      // This considers valid targets only the disclosure element or descendants\n      // of the dialog element.\n      const isValidTarget = () => {\n        if (isElement(target) && target.tagName === \"BODY\") return true;\n        if (contains(dialog, target)) return true;\n        if (!disclosureElement) return true;\n        if (contains(disclosureElement, target)) return true;\n        return false;\n      };\n      if (!isValidTarget()) return;\n      if (!hideOnEscapeProp(event)) return;\n      store.hide();\n    };\n    // We're attatching the listener to the document instead of the dialog\n    // element so we can listen to the Escape key anywhere in the document, even\n    // when the dialog is not focused. By using the capture phase, users can\n    // call `event.stopPropagation()` on the `hideOnEscape` function prop.\n    const win = contentElement ? getWindow(contentElement) : undefined;\n    return addGlobalEventListener(\"keydown\", onKeyDown, true, win);\n  }, [store, domReady, mounted, contentElement, hideOnEscapeProp]);\n\n  // Resets the heading levels inside the modal dialog so they start with h1.\n  props = useWrapElement(\n    props,\n    (element) => (\n      <HeadingLevel level={modal ? 1 : undefined}>{element}</HeadingLevel>\n    ),\n    [modal],\n  );\n\n  const hiddenProp = props.hidden;\n  const alwaysVisible = props.alwaysVisible;\n\n  // Wraps the dialog with a backdrop element if the backdrop prop is truthy.\n  props = useWrapElement(\n    props,\n    (element) => {\n      if (!backdrop) return element;\n      return (\n        <>\n          <DialogBackdrop\n            store={store}\n            backdrop={backdrop}\n            hidden={hiddenProp}\n            alwaysVisible={alwaysVisible}\n          />\n          {element}\n        </>\n      );\n    },\n    [store, backdrop, hiddenProp, alwaysVisible],\n  );\n\n  const [headingId, setHeadingId] = useState<string>();\n  const [descriptionId, setDescriptionId] = useState<string>();\n\n  props = useWrapElement(\n    props,\n    (element) => (\n      <DialogScopedContextProvider value={store}>\n        <DialogHeadingContext.Provider value={setHeadingId}>\n          <DialogDescriptionContext.Provider value={setDescriptionId}>\n            {element}\n          </DialogDescriptionContext.Provider>\n        </DialogHeadingContext.Provider>\n      </DialogScopedContextProvider>\n    ),\n    [store],\n  );\n\n  props = {\n    \"data-dialog\": \"\",\n    role: \"dialog\",\n    tabIndex: focusable ? -1 : undefined,\n    \"aria-labelledby\": props[\"aria-label\"] != null ? undefined : headingId,\n    \"aria-describedby\": descriptionId,\n    ...props,\n    id,\n    ref: useMergeRefs(ref, props.ref),\n  };\n\n  props = useFocusableContainer({\n    ...props,\n    autoFocusOnShow: autoFocusEnabled,\n  });\n  props = useDisclosureContent({ store, ...props });\n  props = useFocusable({ ...props, focusable });\n  props = usePortal({ portal, ...props, portalRef, preserveTabOrder });\n\n  return props;\n});\n\nexport function createDialogComponent<T extends DialogOptions>(\n  Component: FC<T>,\n  useProviderContext = useDialogProviderContext,\n) {\n  return forwardRef(function DialogComponent(props: T) {\n    const context = useProviderContext();\n    const store = props.store || context;\n    const mounted = useStoreState(\n      store,\n      (state) => !props.unmountOnHide || state?.mounted || !!props.open,\n    );\n    if (!mounted) return null;\n    return <Component {...props} />;\n  });\n}\n\nconst DialogImpl = forwardRef(function DialogImpl(props: DialogProps) {\n  const htmlProps = useDialog(props);\n  return createElement(TagName, htmlProps);\n});\n\nconst DialogWithStore = createDialogComponent(\n  DialogImpl,\n  useDialogProviderContext,\n);\n\nconst DialogWithInternalStore = forwardRef(function DialogWithInternalStore(\n  props: DialogProps,\n) {\n  const store = useDialogStore({ open: props.open });\n  return <DialogWithStore {...props} store={store} />;\n});\n\n/**\n * Renders a dialog similar to the native `dialog` element that's rendered in a\n * [`portal`](https://ariakit.com/reference/dialog#portal) by default.\n *\n * The dialog can be either\n * [`modal`](https://ariakit.com/reference/dialog#modal) or non-modal. The\n * visibility state can be controlled with the\n * [`open`](https://ariakit.com/reference/dialog#open) and\n * [`onClose`](https://ariakit.com/reference/dialog#onclose) props.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx {4-6}\n * const [open, setOpen] = useState(false);\n *\n * <button onClick={() => setOpen(true)}>Open dialog</button>\n * <Dialog open={open} onClose={() => setOpen(false)}>\n *   Dialog\n * </Dialog>\n * ```\n */\nexport const Dialog = forwardRef(function Dialog(props: DialogProps) {\n  const context = useDialogProviderContext();\n  // The hoisted store is only needed for the unmountOnHide mounted-state gate.\n  if (props.store || context || !props.unmountOnHide) {\n    return <DialogWithStore {...props} />;\n  }\n  return <DialogWithInternalStore {...props} />;\n});\n\nexport interface DialogOptions<T extends ElementType = TagName>\n  extends FocusableOptions<T>, PortalOptions<T>, DisclosureContentOptions<T> {\n  /**\n   * Object returned by the\n   * [`useDialogStore`](https://ariakit.com/reference/use-dialog-store) hook. If\n   * not provided, the closest\n   * [`DialogProvider`](https://ariakit.com/reference/dialog-provider)\n   * component's context will be used. Otherwise, an internal store will be\n   * created.\n   */\n  store?: DialogStore;\n  /**\n   * Controls the open state of the dialog. This is similar to the\n   * [`open`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/open)\n   * attribute on native dialog elements.\n   *\n   * Live examples:\n   * - [Dialog with scrollable\n   *   backdrop](https://ariakit.com/examples/dialog-backdrop-scrollable)\n   * - [Dialog with details &\n   *   summary](https://ariakit.com/examples/dialog-details)\n   * - [Warning on Dialog\n   *   hide](https://ariakit.com/examples/dialog-hide-warning)\n   * - [Dialog with Menu](https://ariakit.com/examples/dialog-menu)\n   */\n  open?: boolean;\n  /**\n   * This is an event handler prop triggered when the dialog's `close` event is\n   * dispatched. The `close` event is similar to the native dialog\n   * [`close`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/close_event)\n   * event. The only difference is that this event can be canceled with\n   * `event.preventDefault()`, which will prevent the dialog from hiding.\n   *\n   * It's important to note that this event only fires when the dialog store's\n   * [`open`](https://ariakit.com/reference/use-dialog-store#open) state is set\n   * to `false`. If the controlled\n   * [`open`](https://ariakit.com/reference/dialog#open) prop value changes, or\n   * if the dialog's visibility is altered in any other way (such as unmounting\n   * the dialog without adjusting the open state), this event won't be\n   * triggered.\n   *\n   * Live examples:\n   * - [Dialog with scrollable\n   *   backdrop](https://ariakit.com/examples/dialog-backdrop-scrollable)\n   * - [Dialog with details &\n   *   summary](https://ariakit.com/examples/dialog-details)\n   * - [Warning on Dialog\n   *   hide](https://ariakit.com/examples/dialog-hide-warning)\n   * - [Dialog with Menu](https://ariakit.com/examples/dialog-menu)\n   */\n  onClose?: (event: Event) => void;\n  /**\n   * Determines whether the dialog is modal. Modal dialogs have distinct states\n   * and behaviors:\n   * - The [`portal`](https://ariakit.com/reference/dialog#portal) and\n   *   [`preventBodyScroll`](https://ariakit.com/reference/dialog#preventbodyscroll)\n   *   props are set to `true`. They can still be manually set to `false`.\n   * - When using the [`Heading`](https://ariakit.com/reference/heading) or\n   *   [`DialogHeading`](https://ariakit.com/reference/dialog-heading)\n   *   components within the dialog, their level will be reset so they start\n   *   with `h1`.\n   * - A visually hidden dismiss button will be rendered if the\n   *   [`DialogDismiss`](https://ariakit.com/reference/dialog-dismiss) component\n   *   hasn't been used. This allows screen reader users to close the dialog.\n   * - When the dialog is open, element tree outside it will be inert.\n   *\n   * Live examples:\n   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)\n   * - [Dialog with details &\n   *   summary](https://ariakit.com/examples/dialog-details)\n   * - [Form with Select](https://ariakit.com/examples/form-select)\n   * - [Context menu](https://ariakit.com/examples/menu-context-menu)\n   * - [Responsive Popover](https://ariakit.com/examples/popover-responsive)\n   * @default true\n   */\n  modal?: boolean;\n  /**\n   * Determines whether there will be a backdrop behind the dialog. On modal\n   * dialogs, this is `true` by default. Besides a `boolean`, this prop can also\n   * be a React component or JSX element that will be rendered as the backdrop.\n   *\n   * **Note**: If a custom component is used, it must [accept ref and spread all\n   * props to its underlying DOM\n   * element](https://ariakit.com/guide/composition#custom-components-must-be-open-for-extension),\n   * the same way a native element would.\n   *\n   * Live examples:\n   * - [Animated Dialog](https://ariakit.com/examples/dialog-animated)\n   * - [Dialog with scrollable\n   *   backdrop](https://ariakit.com/examples/dialog-backdrop-scrollable)\n   * - [Dialog with\n   *   Motion](https://ariakit.com/examples/dialog-framer-motion)\n   * - [Dialog with Menu](https://ariakit.com/examples/dialog-menu)\n   * - [Nested Dialog](https://ariakit.com/examples/dialog-nested)\n   * - [Dialog with Next.js App\n   *   Router](https://ariakit.com/examples/dialog-next-router)\n   * @example\n   * ```jsx\n   * <Dialog backdrop={<div className=\"backdrop\" />} />\n   * ```\n   */\n  backdrop?:\n    | boolean\n    | ReactElement<ComponentPropsWithRef<\"div\">>\n    | ElementType<ComponentPropsWithRef<\"div\">>;\n  /**\n   * Determines if the dialog will hide when the user presses the Escape key.\n   *\n   * This prop can be either a boolean or a function that accepts an event as an\n   * argument and returns a boolean. The event object represents the keydown\n   * event that initiated the hide action, which could be either a native\n   * keyboard event or a React synthetic event.\n   *\n   * **Note**: When placing Ariakit dialogs inside third-party dialogs, using\n   * `event.stopPropagation()` within this function will stop the event from\n   * reaching the third-party dialog, closing only the Ariakit dialog.\n   * @default true\n   */\n  hideOnEscape?: BooleanOrCallback<KeyboardEvent | ReactKeyboardEvent>;\n  /**\n   * Determines if the dialog should hide when the user clicks or focuses on an\n   * element outside the dialog.\n   *\n   * This prop can be either a boolean or a function that takes an event as an\n   * argument and returns a boolean. The event object represents the event that\n   * triggered the action, which could be a native event or a React synthetic\n   * event of various types.\n   *\n   * Live examples:\n   * - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   * @default true\n   */\n  hideOnInteractOutside?: BooleanOrCallback<Event | SyntheticEvent>;\n  /**\n   * When a dialog is open, the elements outside of it are disabled to prevent\n   * interaction if the dialog is\n   * [`modal`](https://ariakit.com/reference/dialog#modal). For non-modal\n   * dialogs, interacting with elements outside the dialog prompts it to close.\n   *\n   * This function allows you to return an iterable collection of elements that\n   * will be considered as part of the dialog, thus excluding them from this\n   * behavior.\n   *\n   * **Note**: The elements returned by this function must exist in the DOM when\n   * the dialog opens.\n   *\n   * Live examples:\n   * - [Dialog with\n   *   React-Toastify](https://ariakit.com/examples/dialog-react-toastify)\n   */\n  getPersistentElements?: () => Iterable<Element>;\n  /**\n   * Determines whether the body scrolling will be prevented when the dialog is\n   * shown. This is automatically set to `true` when the dialog is\n   * [`modal`](https://ariakit.com/reference/dialog#modal). You can disable this\n   * prop if you want to implement your own logic.\n   */\n  preventBodyScroll?: boolean;\n  /**\n   * Determines whether an element inside the dialog will receive focus when the\n   * dialog is shown. By default, this is usually the first tabbable element in\n   * the dialog or the dialog itself. The\n   * [`initialFocus`](https://ariakit.com/reference/dialog#initialfocus) prop\n   * can be used to set a different element to receive focus.\n   *\n   * Live examples:\n   * - [Warning on Dialog\n   *   hide](https://ariakit.com/examples/dialog-hide-warning)\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   * @default true\n   */\n  autoFocusOnShow?: BooleanOrCallback<HTMLElement | null>;\n  /**\n   * Determines whether an element outside of the dialog will be focused when\n   * the dialog is hidden if another element hasn't been focused in the action\n   * of hiding the dialog (for example, by clicking or tabbing into another\n   * tabbable element outside of the dialog).\n   *\n   * By default, this is usually the disclosure element. The\n   * [`finalFocus`](https://ariakit.com/reference/dialog#finalfocus) prop can be\n   * used to define a different element to be focused.\n   *\n   * Live examples:\n   * - [Dialog with Next.js App\n   *   Router](https://ariakit.com/examples/dialog-next-router)\n   * - [Sliding menu](https://ariakit.com/examples/menu-slide)\n   * @default true\n   */\n  autoFocusOnHide?: BooleanOrCallback<HTMLElement | null>;\n  /**\n   * Specifies the element that will receive focus when the dialog is first\n   * opened. It can be an `HTMLElement` or a `React.RefObject` with an\n   * `HTMLElement`.\n   *\n   * If\n   * [`autoFocusOnShow`](https://ariakit.com/reference/dialog#autofocusonshow)\n   * is set to `false`, this prop will have no effect. If left unset, the dialog\n   * will attempt to determine the initial focus element in the following order:\n   * 1. A [Focusable](https://ariakit.com/components/focusable) element with an\n   *    [`autoFocus`](https://ariakit.com/reference/focusable#autofocus) prop.\n   * 2. The first tabbable element inside the dialog.\n   * 3. The first focusable element inside the dialog.\n   * 4. The dialog element itself.\n   */\n  initialFocus?: HTMLElement | RefObject<HTMLElement | null> | null;\n  /**\n   * Determines the element that will receive focus once the dialog is closed,\n   * provided that no other element has been focused while the dialog was being\n   * hidden (e.g., by clicking or tabbing into another tabbable element outside\n   * of the dialog).\n   * - If\n   *   [`autoFocusOnHide`](https://ariakit.com/reference/dialog#autofocusonhide)\n   *   is set to `false`, this prop will have no effect.\n   * - If left unset, the element that was focused before the dialog was opened\n   *   will be focused again.\n   */\n  finalFocus?: HTMLElement | RefObject<HTMLElement | null> | null;\n  /**\n   * @private\n   */\n  unstable_treeSnapshotKey?: string | number | boolean | null;\n}\n\nexport type DialogProps<T extends ElementType = TagName> = Props<\n  T,\n  DialogOptions<T>\n>;\n"],"mappings":"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"}

package/dist/dialog/utils/disable-accessibility-tree-outside.d.ts

@@ -1,7 +1,5 @@
 //#region src/dialog/utils/disable-accessibility-tree-outside.d.ts
-type Elements = Array<Element | null>;
 declare function hideElementFromAccessibilityTree(element: Element): () => void;
-declare function disableAccessibilityTreeOutside(id: string, elements: Elements): () => void;
 //#endregion
-export { disableAccessibilityTreeOutside, hideElementFromAccessibilityTree };
+export { hideElementFromAccessibilityTree };
 //# sourceMappingURL=disable-accessibility-tree-outside.d.ts.map

package/dist/dialog/utils/disable-accessibility-tree-outside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disable-accessibility-tree-outside.d.ts","names":["Elements","Element","Array","hideElementFromAccessibilityTree","element","disableAccessibilityTreeOutside","id","elements"],"sources":["../../../src/dialog/utils/disable-accessibility-tree-outside.d.ts"],"mappings":";KAAKA,QAAAA,GAAWE,KAAK,CAACD,OAAAA;AAAAA,iBACEE,gCAAAA,CAAiCC,OAAgB,EAAPH,OAAO;AAAA,iBACjDI,+BAAAA,CAAgCC,EAAAA,UAAYC,QAAAA,EAAUP,QAAQ"}
+{"version":3,"file":"disable-accessibility-tree-outside.d.ts","names":["hideElementFromAccessibilityTree","Element","element"],"sources":["../../../src/dialog/utils/disable-accessibility-tree-outside.d.ts"],"mappings":";iBAAwBA,gCAAAA,CAAiCE,OAAgB,EAAPD,OAAO"}

package/dist/dialog/utils/disable-accessibility-tree-outside.js

@@ -1,24 +1,10 @@
 "use client";
-import { isBackdrop } from "./is-backdrop.js";
 import { setAttribute } from "./orchestrate.js";
-import { walkTreeOutside } from "./walk-tree-outside.js";
 //#region src/dialog/utils/disable-accessibility-tree-outside.ts
 function hideElementFromAccessibilityTree(element) {
 	return setAttribute(element, "aria-hidden", "true");
 }
-function disableAccessibilityTreeOutside(id, elements) {
-	const cleanups = [];
-	const ids = elements.map((el) => el?.id);
-	walkTreeOutside(id, elements, (element) => {
-		if (isBackdrop(element, ...ids)) return;
-		cleanups.unshift(hideElementFromAccessibilityTree(element));
-	});
-	const restoreAccessibilityTree = () => {
-		for (const cleanup of cleanups) cleanup();
-	};
-	return restoreAccessibilityTree;
-}
 //#endregion
-export { disableAccessibilityTreeOutside, hideElementFromAccessibilityTree };
+export { hideElementFromAccessibilityTree };
 
 //# sourceMappingURL=disable-accessibility-tree-outside.js.map

package/dist/dialog/utils/disable-accessibility-tree-outside.js.map

@@ -1 +1 @@
-{"version":3,"file":"disable-accessibility-tree-outside.js","names":[],"sources":["../../../src/dialog/utils/disable-accessibility-tree-outside.ts"],"sourcesContent":["import { isBackdrop } from \"./is-backdrop.ts\";\nimport { setAttribute } from \"./orchestrate.ts\";\nimport { walkTreeOutside } from \"./walk-tree-outside.ts\";\n\ntype Elements = Array<Element | null>;\n\nexport function hideElementFromAccessibilityTree(element: Element) {\n  return setAttribute(element, \"aria-hidden\", \"true\");\n}\n\nexport function disableAccessibilityTreeOutside(\n  id: string,\n  elements: Elements,\n) {\n  const cleanups: Array<() => void> = [];\n  const ids = elements.map((el) => el?.id);\n\n  walkTreeOutside(id, elements, (element) => {\n    if (isBackdrop(element, ...ids)) return;\n    cleanups.unshift(hideElementFromAccessibilityTree(element));\n  });\n\n  const restoreAccessibilityTree = () => {\n    for (const cleanup of cleanups) {\n      cleanup();\n    }\n  };\n\n  return restoreAccessibilityTree;\n}\n"],"mappings":";;;;;SAOS,iCAAsB,SAAqB;CACpD,OAAA,aAAA,SAAA,eAAA,MAAA;AAEA;SAIQ,gCAA+B,IAAA,UAAA;CACrC,MAAM,WAAM,CAAA;CAEZ,MAAA,MAAA,SAAoB,KAAA,OAAW,IAAA,EAAA;iBACd,IAAA,WAAe,YAAG;EACjC,IAAA,WAAS,SAAQ,GAAA,GAAA,GAAA;EAClB,SAAA,QAAA,iCAAA,OAAA,CAAA;CAED,CAAA;OACO,iCACH;EAEJ,KAAA,MAAA,WAAA,UAAA,QAAA;CAEA;CACF,OAAA"}
+{"version":3,"file":"disable-accessibility-tree-outside.js","names":[],"sources":["../../../src/dialog/utils/disable-accessibility-tree-outside.ts"],"sourcesContent":["import { setAttribute } from \"./orchestrate.ts\";\n\nexport function hideElementFromAccessibilityTree(element: Element) {\n  return setAttribute(element, \"aria-hidden\", \"true\");\n}\n"],"mappings":";;;SAGS,iCAAsB,SAAqB;CACpD,OAAA,aAAA,SAAA,eAAA,MAAA"}

package/dist/dialog/utils/use-hide-on-interact-outside.d.ts

@@ -1,5 +1,5 @@
 import { t as DialogStore } from "../../dialog-store-Cjt12T_Y.js";
-import { n as DialogOptions } from "../../dialog-C__C-zX2.js";
+import { n as DialogOptions } from "../../dialog-D23r2ZWj.js";
 import { MutableRefObject } from "react";
 
 //#region src/dialog/utils/use-hide-on-interact-outside.d.ts

package/dist/dialog/utils/use-hide-on-interact-outside.js

@@ -2,7 +2,7 @@
 import { isElementMarked } from "./mark-tree-outside.js";
 import { usePreviousMouseDownRef } from "./use-previous-mouse-down-ref.js";
 import { useEvent, useSafeLayoutEffect } from "@ariakit/react-utils";
-import { addGlobalEventListener, contains, getDocument, getWindow } from "@ariakit/utils";
+import { addGlobalEventListener, contains, getDocument, getWindow, isElement } from "@ariakit/utils";
 import { useEffect, useRef } from "react";
 import { useStoreState } from "@ariakit/react-store";
 //#region src/dialog/utils/use-hide-on-interact-outside.ts
@@ -51,7 +51,7 @@ function useEventOutside({ store, type, listener, capture, domReady }) {
 			const { contentElement, disclosureElement } = store.getState();
 			const target = event.target;
 			if (!contentElement) return;
-			if (!target) return;
+			if (!isElement(target)) return;
 			if (!isInDocument(target)) return;
 			if (contains(contentElement, target)) return;
 			if (isDisclosure(disclosureElement, target)) return;

package/dist/dialog/utils/use-hide-on-interact-outside.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-hide-on-interact-outside.js","names":[],"sources":["../../../src/dialog/utils/use-hide-on-interact-outside.ts"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport { useEvent, useSafeLayoutEffect } from \"@ariakit/react-utils\";\nimport {\n  contains,\n  getDocument,\n  getWindow,\n  addGlobalEventListener,\n} from \"@ariakit/utils\";\nimport type { MutableRefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\nimport type { DialogStore } from \"../dialog-store.ts\";\nimport type { DialogOptions } from \"../dialog.tsx\";\nimport { isElementMarked } from \"./mark-tree-outside.ts\";\nimport { usePreviousMouseDownRef } from \"./use-previous-mouse-down-ref.ts\";\n\ninterface EventOutsideOptions {\n  store: DialogStore;\n  type: string;\n  listener: (event: Event) => void;\n  capture?: boolean;\n  domReady?: boolean | HTMLElement | null;\n}\n\nfunction isInDocument(target: Element) {\n  if (target.tagName === \"HTML\") return true;\n  return contains(getDocument(target).body, target);\n}\n\nfunction isDisclosure(disclosure: Element | null, target: Element) {\n  if (!disclosure) return false;\n  if (contains(disclosure, target)) return true;\n  const activeId = target.getAttribute(\"aria-activedescendant\");\n  if (activeId) {\n    const activeElement = getDocument(disclosure).getElementById(activeId);\n    if (activeElement) {\n      return contains(disclosure, activeElement);\n    }\n  }\n  return false;\n}\n\nfunction isMouseEventOnDialog(event: Event | MouseEvent, dialog: Element) {\n  if (!(\"clientY\" in event)) return false;\n  const rect = dialog.getBoundingClientRect();\n  if (rect.width === 0 || rect.height === 0) return false;\n  return (\n    rect.top <= event.clientY &&\n    event.clientY <= rect.top + rect.height &&\n    rect.left <= event.clientX &&\n    event.clientX <= rect.left + rect.width\n  );\n}\n\nfunction useEventOutside({\n  store,\n  type,\n  listener,\n  capture,\n  domReady,\n}: EventOutsideOptions) {\n  const callListener = useEvent(listener);\n  const open = useStoreState(store, \"open\");\n  const contentElement = useStoreState(store, \"contentElement\");\n  const focusedRef = useRef(false);\n\n  useSafeLayoutEffect(() => {\n    if (!open) return;\n    if (!domReady) return;\n    if (!contentElement) return;\n    const onFocus = () => {\n      focusedRef.current = true;\n    };\n    contentElement.addEventListener(\"focusin\", onFocus, true);\n    return () => contentElement.removeEventListener(\"focusin\", onFocus, true);\n  }, [open, domReady, contentElement]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onEvent = (event: Event) => {\n      const { contentElement, disclosureElement } = store.getState();\n      const target = event.target as Element | null;\n      if (!contentElement) return;\n      if (!target) return;\n      // When an element is unmounted right after it receives focus, the focus\n      // event is triggered after that, when the element isn't part of the\n      // current document anymore. We just ignore it.\n      if (!isInDocument(target)) return;\n      // Event inside dialog\n      if (contains(contentElement, target)) return;\n      // Event on disclosure\n      if (isDisclosure(disclosureElement, target)) return;\n      // Event on focus trap\n      if (target.hasAttribute(\"data-focus-trap\")) return;\n      // Clicked on dialog's bounding box\n      if (isMouseEventOnDialog(event, contentElement)) return;\n      // We need to check if the content element has been focused at least once\n      // before checking if it's marked. This is so hovercards and tooltips\n      // don't stay open when new nodes are added to the DOM and focused.\n      const focused = focusedRef.current;\n      if (focused && !isElementMarked(target, contentElement.id)) return;\n      // Finally, if the target has been marked as \"outside\" or is an ancestor\n      // of the content element, we call the listener.\n      callListener(event);\n    };\n    const win = contentElement ? getWindow(contentElement) : undefined;\n    return addGlobalEventListener(type, onEvent, capture, win);\n  }, [open, capture, store, type, callListener, contentElement]);\n}\n\nfunction shouldHideOnInteractOutside(\n  hideOnInteractOutside: DialogOptions[\"hideOnInteractOutside\"],\n  event: Event,\n) {\n  if (typeof hideOnInteractOutside === \"function\") {\n    return hideOnInteractOutside(event);\n  }\n  return !!hideOnInteractOutside;\n}\n\nexport function useHideOnInteractOutside(\n  store: DialogStore,\n  hideOnInteractOutside: DialogOptions[\"hideOnInteractOutside\"],\n  domReady?: boolean | HTMLElement | null,\n  interactedOutsideRef?: MutableRefObject<boolean>,\n) {\n  const open = useStoreState(store, \"open\");\n  const contentElement = useStoreState(store, \"contentElement\");\n  const contentWindow = contentElement ? getWindow(contentElement) : undefined;\n  const previousMouseDownRef = usePreviousMouseDownRef(open, contentWindow);\n  const props = { store, domReady, capture: true };\n\n  useEventOutside({\n    ...props,\n    type: \"click\",\n    listener: (event) => {\n      const { contentElement } = store.getState();\n      const previousMouseDown = previousMouseDownRef.current as Element | null;\n      // If there's no previously mousedown'd element, this probably means that\n      // the dialog opened with a mousedown event, and a subsequent click event\n      // was dispatched outside of the dialog. See form-select example. We just\n      // ignore this.\n      if (!previousMouseDown) return;\n      // This prevents the dialog from closing by dragging the cursor (for\n      // example, selecting some text inside the dialog and releasing the mouse\n      // outside of it). See:\n      // - https://github.com/ariakit/ariakit/issues/1336\n      // - https://github.com/ariakit/ariakit/issues/2330\n      if (!isElementMarked(previousMouseDown, contentElement?.id)) return;\n      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;\n      if (interactedOutsideRef) {\n        interactedOutsideRef.current = true;\n      }\n      store.hide();\n    },\n  });\n\n  useEventOutside({\n    ...props,\n    type: \"focusin\",\n    listener: (event) => {\n      const { contentElement } = store.getState();\n      if (!contentElement) return;\n      // Fix for https://github.com/ariakit/ariakit/issues/619\n      if (event.target === getDocument(contentElement)) return;\n      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;\n      store.hide();\n    },\n  });\n\n  useEventOutside({\n    ...props,\n    type: \"contextmenu\",\n    listener: (event) => {\n      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;\n      if (interactedOutsideRef) {\n        interactedOutsideRef.current = true;\n      }\n      store.hide();\n    },\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-hide-on-interact-outside.js","names":[],"sources":["../../../src/dialog/utils/use-hide-on-interact-outside.ts"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport { useEvent, useSafeLayoutEffect } from \"@ariakit/react-utils\";\nimport {\n  contains,\n  getDocument,\n  getWindow,\n  addGlobalEventListener,\n  isElement,\n} from \"@ariakit/utils\";\nimport type { MutableRefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\nimport type { DialogStore } from \"../dialog-store.ts\";\nimport type { DialogOptions } from \"../dialog.tsx\";\nimport { isElementMarked } from \"./mark-tree-outside.ts\";\nimport { usePreviousMouseDownRef } from \"./use-previous-mouse-down-ref.ts\";\n\ninterface EventOutsideOptions {\n  store: DialogStore;\n  type: string;\n  listener: (event: Event) => void;\n  capture?: boolean;\n  domReady?: boolean | HTMLElement | null;\n}\n\nfunction isInDocument(target: Element) {\n  if (target.tagName === \"HTML\") return true;\n  return contains(getDocument(target).body, target);\n}\n\nfunction isDisclosure(disclosure: Element | null, target: Element) {\n  if (!disclosure) return false;\n  if (contains(disclosure, target)) return true;\n  const activeId = target.getAttribute(\"aria-activedescendant\");\n  if (activeId) {\n    const activeElement = getDocument(disclosure).getElementById(activeId);\n    if (activeElement) {\n      return contains(disclosure, activeElement);\n    }\n  }\n  return false;\n}\n\nfunction isMouseEventOnDialog(event: Event | MouseEvent, dialog: Element) {\n  if (!(\"clientY\" in event)) return false;\n  const rect = dialog.getBoundingClientRect();\n  if (rect.width === 0 || rect.height === 0) return false;\n  return (\n    rect.top <= event.clientY &&\n    event.clientY <= rect.top + rect.height &&\n    rect.left <= event.clientX &&\n    event.clientX <= rect.left + rect.width\n  );\n}\n\nfunction useEventOutside({\n  store,\n  type,\n  listener,\n  capture,\n  domReady,\n}: EventOutsideOptions) {\n  const callListener = useEvent(listener);\n  const open = useStoreState(store, \"open\");\n  const contentElement = useStoreState(store, \"contentElement\");\n  const focusedRef = useRef(false);\n\n  useSafeLayoutEffect(() => {\n    if (!open) return;\n    if (!domReady) return;\n    if (!contentElement) return;\n    const onFocus = () => {\n      focusedRef.current = true;\n    };\n    contentElement.addEventListener(\"focusin\", onFocus, true);\n    return () => contentElement.removeEventListener(\"focusin\", onFocus, true);\n  }, [open, domReady, contentElement]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onEvent = (event: Event) => {\n      const { contentElement, disclosureElement } = store.getState();\n      const target = event.target;\n      if (!contentElement) return;\n      if (!isElement(target)) return;\n      // When an element is unmounted right after it receives focus, the focus\n      // event is triggered after that, when the element isn't part of the\n      // current document anymore. We just ignore it.\n      if (!isInDocument(target)) return;\n      // Event inside dialog\n      if (contains(contentElement, target)) return;\n      // Event on disclosure\n      if (isDisclosure(disclosureElement, target)) return;\n      // Event on focus trap\n      if (target.hasAttribute(\"data-focus-trap\")) return;\n      // Clicked on dialog's bounding box\n      if (isMouseEventOnDialog(event, contentElement)) return;\n      // We need to check if the content element has been focused at least once\n      // before checking if it's marked. This is so hovercards and tooltips\n      // don't stay open when new nodes are added to the DOM and focused.\n      const focused = focusedRef.current;\n      if (focused && !isElementMarked(target, contentElement.id)) return;\n      // Finally, if the target has been marked as \"outside\" or is an ancestor\n      // of the content element, we call the listener.\n      callListener(event);\n    };\n    const win = contentElement ? getWindow(contentElement) : undefined;\n    return addGlobalEventListener(type, onEvent, capture, win);\n  }, [open, capture, store, type, callListener, contentElement]);\n}\n\nfunction shouldHideOnInteractOutside(\n  hideOnInteractOutside: DialogOptions[\"hideOnInteractOutside\"],\n  event: Event,\n) {\n  if (typeof hideOnInteractOutside === \"function\") {\n    return hideOnInteractOutside(event);\n  }\n  return !!hideOnInteractOutside;\n}\n\nexport function useHideOnInteractOutside(\n  store: DialogStore,\n  hideOnInteractOutside: DialogOptions[\"hideOnInteractOutside\"],\n  domReady?: boolean | HTMLElement | null,\n  interactedOutsideRef?: MutableRefObject<boolean>,\n) {\n  const open = useStoreState(store, \"open\");\n  const contentElement = useStoreState(store, \"contentElement\");\n  const contentWindow = contentElement ? getWindow(contentElement) : undefined;\n  const previousMouseDownRef = usePreviousMouseDownRef(open, contentWindow);\n  const props = { store, domReady, capture: true };\n\n  useEventOutside({\n    ...props,\n    type: \"click\",\n    listener: (event) => {\n      const { contentElement } = store.getState();\n      const previousMouseDown = previousMouseDownRef.current as Element | null;\n      // If there's no previously mousedown'd element, this probably means that\n      // the dialog opened with a mousedown event, and a subsequent click event\n      // was dispatched outside of the dialog. See form-select example. We just\n      // ignore this.\n      if (!previousMouseDown) return;\n      // This prevents the dialog from closing by dragging the cursor (for\n      // example, selecting some text inside the dialog and releasing the mouse\n      // outside of it). See:\n      // - https://github.com/ariakit/ariakit/issues/1336\n      // - https://github.com/ariakit/ariakit/issues/2330\n      if (!isElementMarked(previousMouseDown, contentElement?.id)) return;\n      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;\n      if (interactedOutsideRef) {\n        interactedOutsideRef.current = true;\n      }\n      store.hide();\n    },\n  });\n\n  useEventOutside({\n    ...props,\n    type: \"focusin\",\n    listener: (event) => {\n      const { contentElement } = store.getState();\n      if (!contentElement) return;\n      // Fix for https://github.com/ariakit/ariakit/issues/619\n      if (event.target === getDocument(contentElement)) return;\n      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;\n      store.hide();\n    },\n  });\n\n  useEventOutside({\n    ...props,\n    type: \"contextmenu\",\n    listener: (event) => {\n      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;\n      if (interactedOutsideRef) {\n        interactedOutsideRef.current = true;\n      }\n      store.hide();\n    },\n  });\n}\n"],"mappings":";;;;;;;;SAyBM,aAAO,QAAY;CACvB,IAAA,OAAO,YAAS,QAAY,OAAQ;CACtC,OAAA,SAAA,YAAA,MAAA,EAAA,MAAA,MAAA;AAEA;SACO,aAAY,YAAO,QAAA;CACxB,IAAI,CAAA,YAAS,OAAA;CACb,IAAA,SAAM,YAAkB,MAAA,GAAA,OAAa;CACrC,MAAI,WAAU,OAAA,aAAA,uBAAA;KACZ,UAAM;EACN,MAAI,gBACF,YAAO,UAAS,EAAA,eAAyB,QAAA;EAE7C,IAAA,eAAA,OAAA,SAAA,YAAA,aAAA;CACA;CACF,OAAA;AAEA;SACQ,qBAAqB,OAAO,QAAA;CAClC,IAAA,EAAM,aAAO,QAAO,OAAA;CACpB,MAAI,OAAK,OAAU,sBAAqB;CACxC,IAAA,KACE,UAAY,KAAA,KAAM,WAClB,GAAM,OAAA;CAIV,OAAA,KAAA,OAAA,MAAA,WAAA,MAAA,WAAA,KAAA,MAAA,KAAA,UAAA,KAAA,QAAA,MAAA,WAAA,MAAA,WAAA,KAAA,OAAA,KAAA;AAEA;SAOQ,gBAAe,EAAA,OAAS,MAAQ,UAAA,SAAA,YAAA;CACtC,MAAM,eAAO,SAAc,QAAO;CAClC,MAAM,OAAA,cAAiB,OAAA,MAAc;CACrC,MAAM,iBAAa,cAAY,OAAA,gBAAA;CAE/B,MAAA,aAAA,OAA0B,KAAA;2BACb;EACX,IAAI,CAAC,MAAA;EACL,IAAI,CAAC,UAAA;EACL,IAAA,CAAA,gBAAM;QACJ,gBAAqB;GACvB,WAAA,UAAA;EACA;EACA,eAAa,iBAAe,WAAA,SAAoB,IAAA;EAClD,aAAG,eAAA,oBAAA,WAAA,SAAA,IAAA;IAAC;EAAM;EAAU;EAAe;CAEnC,CAAA;iBACa;EACX,IAAA,CAAA,MAAM;QACJ,WAAQ,UAAgB;GACxB,MAAM,EAAA,gBAAe,sBAAA,MAAA,SAAA;GACrB,MAAK,SAAA,MAAgB;GACrB,IAAI,CAAC,gBAAgB;GAIrB,IAAI,CAAC,UAAA,MAAa,GAAM;GAExB,IAAI,CAAA,aAAS,MAAA,GAAA;GAEb,IAAI,SAAA,gBAAa,MAAA,GAAmB;GAEpC,IAAI,aAAO,mBAAa,MAAiB,GAAG;GAE5C,IAAI,OAAA,aAAA,iBAA4B,GAAA;GAKhC,IADgB,qBAAW,OACX,cAAgB,GAAA;GAGhC,IAAA,WAAa,WAAK,CAAA,gBAAA,QAAA,eAAA,EAAA,GAAA;GACpB,aAAA,KAAA;EAEA;EACF,OAAG,uBAAA,MAAA,SAAA,SAAA,iBAAA,UAAA,cAAA,IAAA,KAAA,CAAA;IAAC;EAAM;EAAS;EAAO;EAAM;EAAc;EAAe;CAC/D,CAAA;AAEA;SAIM,4BAAO,uBACF,OAAA;CAET,IAAA,OAAS,0BAAA,YAAA,OAAA,sBAAA,KAAA;CACX,OAAA,CAAA,CAAA;AAEA;SAMQ,yBAAqB,OAAa,uBAAA,UAAA,sBAAA;CACxC,MAAM,OAAA,cAAiB,OAAA,MAAc;CAErC,MAAM,iBAAA,cAAuB,OAAA,gBADP;CAEtB,MAAM,uBAAQ,wBAAA,MAAA,iBAAA,UAAA,cAAA,IAAA,KAAA,CAAA;OAAE,QAAA;EAAO;EAAU;EAAc,SAAA;CAE/C;iBACK;EACH,GAAA;EACA,MAAA;aACU,UAAA;GACR,MAAM,EAAA,mBAAoB,MAAA,SAAA;GAK1B,MAAK,oBAAmB,qBAAA;GAMxB,IAAI,CAAC,mBAAgB;GACrB,IAAI,CAAC,gBAAA,mBAA4B,gBAAuB,EAAA,GAAK;GAC7D,IAAI,CAAA,4BACF,uBAAqB,KAAU,GAAA;GAEjC,IAAA,sBAAW,qBAAA,UAAA;GACb,MAAA,KAAA;EACD;CAED,CAAA;iBACK;EACH,GAAA;EACA,MAAA;aACU,UAAA;GACR,MAAK,EAAA,mBAAgB,MAAA,SAAA;GAErB,IAAI,CAAA,gBAAiB;GACrB,IAAI,MAAC,WAAA,YAA4B,cAAA,GAAA;GACjC,IAAA,CAAA,4BAAW,uBAAA,KAAA,GAAA;GACb,MAAA,KAAA;EACD;CAED,CAAA;iBACK;EACH,GAAA;EACA,MAAA;aACO,UAAA;GACL,IAAI,CAAA,4BACF,uBAAqB,KAAU,GAAA;GAEjC,IAAA,sBAAW,qBAAA,UAAA;GACb,MAAA,KAAA;EACD;CACH,CAAA"}

package/dist/dialog/utils/use-prevent-body-scroll.js

@@ -43,7 +43,8 @@ function usePreventBodyScroll(contentElement, contentId, enabled) {
 			});
 			return () => {
 				restoreStyle();
-				win.scrollTo({
+				// istanbul ignore next: JSDOM doesn't implement window.scrollTo
+				if (process.env.NODE_ENV !== "test") win.scrollTo({
 					left: scrollX,
 					top: scrollY,
 					behavior: "instant"

package/dist/dialog/utils/use-prevent-body-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-prevent-body-scroll.js","names":[],"sources":["../../../src/dialog/utils/use-prevent-body-scroll.ts"],"sourcesContent":["// Based on https://github.com/floating-ui/floating-ui/blob/1201e72e67a80e479122293d46d96c9bbc8f156d/packages/react-dom-interactions/src/FloatingOverlay.tsx\nimport { getDocument, getWindow, chain, isApple, isMac } from \"@ariakit/utils\";\nimport { useEffect } from \"react\";\nimport { assignStyle, setCSSProperty } from \"./orchestrate.ts\";\nimport { useRootDialog } from \"./use-root-dialog.ts\";\n\nfunction getPaddingProperty(documentElement: HTMLElement) {\n  // RTL <body> scrollbar\n  const documentLeft = documentElement.getBoundingClientRect().left;\n  const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft;\n  return scrollbarX ? \"paddingLeft\" : \"paddingRight\";\n}\n\nexport function usePreventBodyScroll(\n  contentElement: HTMLElement | null,\n  contentId?: string,\n  enabled?: boolean,\n) {\n  const isRootDialog = useRootDialog({\n    attribute: \"data-dialog-prevent-body-scroll\",\n    contentElement,\n    contentId,\n    enabled,\n  });\n\n  useEffect(() => {\n    if (!isRootDialog()) return;\n    if (!contentElement) return;\n    const doc = getDocument(contentElement);\n    const win = getWindow(contentElement);\n    const { documentElement, body } = doc;\n    const cssScrollbarWidth =\n      documentElement.style.getPropertyValue(\"--scrollbar-width\");\n    const scrollbarWidth = cssScrollbarWidth\n      ? Number.parseInt(cssScrollbarWidth, 10)\n      : win.innerWidth - documentElement.clientWidth;\n\n    const setScrollbarWidthProperty = () =>\n      setCSSProperty(\n        documentElement,\n        \"--scrollbar-width\",\n        `${scrollbarWidth}px`,\n      );\n\n    const paddingProperty = getPaddingProperty(documentElement);\n\n    const setStyle = () =>\n      assignStyle(body, {\n        overflow: \"hidden\",\n        [paddingProperty]: `${scrollbarWidth}px`,\n      });\n\n    // Only iOS doesn't respect `overflow: hidden` on document.body\n    const setIOSStyle = () => {\n      const { scrollX, scrollY, visualViewport } = win;\n\n      // iOS 12 does not support `visuaViewport`.\n      const offsetLeft = visualViewport?.offsetLeft ?? 0;\n      const offsetTop = visualViewport?.offsetTop ?? 0;\n\n      const restoreStyle = assignStyle(body, {\n        position: \"fixed\",\n        overflow: \"hidden\",\n        top: `${-(scrollY - Math.floor(offsetTop))}px`,\n        left: `${-(scrollX - Math.floor(offsetLeft))}px`,\n        right: \"0\",\n        [paddingProperty]: `${scrollbarWidth}px`,\n      });\n\n      return () => {\n        restoreStyle();\n        // istanbul ignore next: JSDOM doesn't implement window.scrollTo\n        if (process.env.NODE_ENV !== \"test\") {\n          win.scrollTo({ left: scrollX, top: scrollY, behavior: \"instant\" });\n        }\n      };\n    };\n\n    const isIOS = isApple() && !isMac();\n\n    return chain(\n      setScrollbarWidthProperty(),\n      isIOS ? setIOSStyle() : setStyle(),\n    );\n  }, [isRootDialog, contentElement]);\n}\n"],"mappings":";;;;;;SAQQ,mBAAe,iBAAgB;CAErC,MAAA,eAD8B,gBAAgB,sBAAgB,EAAA;CAEhE,OAAA,KAAA,MAAA,YAAA,IAAA,gBAAA,aAAA,gBAAA;AAEA;SAKQ,qBAAe,gBAAc,WAAA,SAAA;OACjC,eAAW,cAAA;EACX,WAAA;EACA;EACA;EACD;CAED,CAAA;iBACO;EACL,IAAI,CAAC,aAAA,GAAgB;EACrB,IAAA,CAAA,gBAAY;EACZ,MAAM,MAAM,YAAU,cAAc;EACpC,MAAM,MAAE,UAAA,cAA0B;EAClC,MAAM,EAAA,iBAAA,SACJ;EACF,MAAM,oBAAiB,gBAAA,MACnB,iBAAgB,mBAChB;EAEJ,MAAM,iBAAA,oBACJ,OAAA,SACE,mBACA,EAAA,IAAA,IAAA,aACG,gBACL;EAEF,MAAM,kCAAkB,eAAmB,iBAAe,qBAAA,GAAA,eAAA,GAAA;EAE1D,MAAM,kBACJ,mBAAkB,eAAA;QAChB,iBAAU,YAAA,MAAA;aACT;IACF,kBAAA,GAAA,eAAA;EAGH,CAAA;QACE,oBAAiB;GAGjB,MAAM,EAAA,SAAA,SAAa,mBAAgB;GACnC,MAAM,aAAY,gBAAgB,cAAa;GAE/C,MAAM,YAAA,gBAA2B,aAAM;SACrC,eAAU,YAAA,MAAA;IACV,UAAU;IACV,UAAU;IACV,KAAA,GAAM,EAAG,UAAE,KAAU,MAAK,SAAM,GAAU;IAC1C,MAAA,GAAO,EAAA,UAAA,KAAA,MAAA,UAAA,GAAA;WACN;KACF,kBAAA,GAAA,eAAA;GAED,CAAA;gBACE;IAGE,aAAa;QAAE,SAAM;KAAS,MAAK;KAAS,KAAA;KAAqB,UAAA;IAErE,CAAA;GACF;EAEA;EAEA,MAAA,QACE,QAAA,KAAA,CAAA,MAAA;EAGJ,OAAI,MAAA,0BAA6B,GAAA,QAAA,YAAA,IAAA,SAAA,CAAA;CACnC,GAAA,CAAA,cAAA,cAAA,CAAA"}
+{"version":3,"file":"use-prevent-body-scroll.js","names":[],"sources":["../../../src/dialog/utils/use-prevent-body-scroll.ts"],"sourcesContent":["// Based on https://github.com/floating-ui/floating-ui/blob/1201e72e67a80e479122293d46d96c9bbc8f156d/packages/react-dom-interactions/src/FloatingOverlay.tsx\nimport { getDocument, getWindow, chain, isApple, isMac } from \"@ariakit/utils\";\nimport { useEffect } from \"react\";\nimport { assignStyle, setCSSProperty } from \"./orchestrate.ts\";\nimport { useRootDialog } from \"./use-root-dialog.ts\";\n\nfunction getPaddingProperty(documentElement: HTMLElement) {\n  // RTL <body> scrollbar\n  const documentLeft = documentElement.getBoundingClientRect().left;\n  const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft;\n  return scrollbarX ? \"paddingLeft\" : \"paddingRight\";\n}\n\nexport function usePreventBodyScroll(\n  contentElement: HTMLElement | null,\n  contentId?: string,\n  enabled?: boolean,\n) {\n  const isRootDialog = useRootDialog({\n    attribute: \"data-dialog-prevent-body-scroll\",\n    contentElement,\n    contentId,\n    enabled,\n  });\n\n  useEffect(() => {\n    if (!isRootDialog()) return;\n    if (!contentElement) return;\n    const doc = getDocument(contentElement);\n    const win = getWindow(contentElement);\n    const { documentElement, body } = doc;\n    const cssScrollbarWidth =\n      documentElement.style.getPropertyValue(\"--scrollbar-width\");\n    const scrollbarWidth = cssScrollbarWidth\n      ? Number.parseInt(cssScrollbarWidth, 10)\n      : win.innerWidth - documentElement.clientWidth;\n\n    const setScrollbarWidthProperty = () =>\n      setCSSProperty(\n        documentElement,\n        \"--scrollbar-width\",\n        `${scrollbarWidth}px`,\n      );\n\n    const paddingProperty = getPaddingProperty(documentElement);\n\n    const setStyle = () =>\n      assignStyle(body, {\n        overflow: \"hidden\",\n        [paddingProperty]: `${scrollbarWidth}px`,\n      });\n\n    // Only iOS doesn't respect `overflow: hidden` on document.body\n    const setIOSStyle = () => {\n      const { scrollX, scrollY, visualViewport } = win;\n\n      // iOS 12 does not support `visuaViewport`.\n      const offsetLeft = visualViewport?.offsetLeft ?? 0;\n      const offsetTop = visualViewport?.offsetTop ?? 0;\n\n      const restoreStyle = assignStyle(body, {\n        position: \"fixed\",\n        overflow: \"hidden\",\n        top: `${-(scrollY - Math.floor(offsetTop))}px`,\n        left: `${-(scrollX - Math.floor(offsetLeft))}px`,\n        right: \"0\",\n        [paddingProperty]: `${scrollbarWidth}px`,\n      });\n\n      return () => {\n        restoreStyle();\n        // istanbul ignore next: JSDOM doesn't implement window.scrollTo\n        if (process.env.NODE_ENV !== \"test\") {\n          win.scrollTo({ left: scrollX, top: scrollY, behavior: \"instant\" });\n        }\n      };\n    };\n\n    const isIOS = isApple() && !isMac();\n\n    return chain(\n      setScrollbarWidthProperty(),\n      isIOS ? setIOSStyle() : setStyle(),\n    );\n  }, [isRootDialog, contentElement]);\n}\n"],"mappings":";;;;;;SAQQ,mBAAe,iBAAgB;CAErC,MAAA,eAD8B,gBAAgB,sBAAgB,EAAA;CAEhE,OAAA,KAAA,MAAA,YAAA,IAAA,gBAAA,aAAA,gBAAA;AAEA;SAKQ,qBAAe,gBAAc,WAAA,SAAA;OACjC,eAAW,cAAA;EACX,WAAA;EACA;EACA;EACD;CAED,CAAA;iBACO;EACL,IAAI,CAAC,aAAA,GAAgB;EACrB,IAAA,CAAA,gBAAY;EACZ,MAAM,MAAM,YAAU,cAAc;EACpC,MAAM,MAAE,UAAA,cAA0B;EAClC,MAAM,EAAA,iBAAA,SACJ;EACF,MAAM,oBAAiB,gBAAA,MACnB,iBAAgB,mBAChB;EAEJ,MAAM,iBAAA,oBACJ,OAAA,SACE,mBACA,EAAA,IAAA,IAAA,aACG,gBACL;EAEF,MAAM,kCAAkB,eAAmB,iBAAe,qBAAA,GAAA,eAAA,GAAA;EAE1D,MAAM,kBACJ,mBAAkB,eAAA;QAChB,iBAAU,YAAA,MAAA;aACT;IACF,kBAAA,GAAA,eAAA;EAGH,CAAA;QACE,oBAAiB;GAGjB,MAAM,EAAA,SAAA,SAAa,mBAAgB;GACnC,MAAM,aAAY,gBAAgB,cAAa;GAE/C,MAAM,YAAA,gBAA2B,aAAM;SACrC,eAAU,YAAA,MAAA;IACV,UAAU;IACV,UAAU;IACV,KAAA,GAAM,EAAG,UAAE,KAAU,MAAK,SAAM,GAAU;IAC1C,MAAA,GAAO,EAAA,UAAA,KAAA,MAAA,UAAA,GAAA;WACN;KACF,kBAAA,GAAA,eAAA;GAED,CAAA;gBACE;;;QAGiB,QAAM,IAAA,aAAA,QAAA,IAAA,SAAA;KAAS,MAAK;KAAS,KAAA;KAAqB,UAAA;IAErE,CAAA;GACF;EAEA;EAEA,MAAA,QACE,QAAA,KAAA,CAAA,MAAA;EAGJ,OAAI,MAAA,0BAA6B,GAAA,QAAA,YAAA,IAAA,SAAA,CAAA;CACnC,GAAA,CAAA,cAAA,cAAA,CAAA"}

package/dist/dialog/utils/use-previous-mouse-down-ref.d.ts

@@ -1,5 +1,5 @@
 //#region src/dialog/utils/use-previous-mouse-down-ref.d.ts
-declare function usePreviousMouseDownRef(enabled?: boolean, scope?: Window): import("react").MutableRefObject<EventTarget | null>;
+declare function usePreviousMouseDownRef(enabled?: boolean, scope?: Window): import("react").RefObject<EventTarget | null>;
 //#endregion
 export { usePreviousMouseDownRef };
 //# sourceMappingURL=use-previous-mouse-down-ref.d.ts.map

package/dist/dialog/utils/use-previous-mouse-down-ref.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-previous-mouse-down-ref.d.ts","names":["usePreviousMouseDownRef","Window","EventTarget","enabled","scope","MutableRefObject"],"sources":["../../../src/dialog/utils/use-previous-mouse-down-ref.d.ts"],"mappings":";iBAAwBA,uBAAAA,CAAwBG,OAAAA,YAAmBC,KAAAA,GAAQH,MAAAA,mBAAyBI,gBAAAA,CAAiBH,WAAW"}
+{"version":3,"file":"use-previous-mouse-down-ref.d.ts","names":["usePreviousMouseDownRef","Window","EventTarget","enabled","scope","RefObject"],"sources":["../../../src/dialog/utils/use-previous-mouse-down-ref.d.ts"],"mappings":";iBAAwBA,uBAAAA,CAAwBG,OAAAA,YAAmBC,KAAAA,GAAQH,MAAAA,mBAAyBI,SAAAA,CAAUH,WAAW"}

package/dist/{dialog-C__C-zX2.d.ts → dialog-D23r2ZWj.d.ts}

@@ -1,7 +1,7 @@
-import { n as FocusableOptions } from "./focusable-B00tOxtB.js";
+import { n as FocusableOptions } from "./focusable-dBZH13-T.js";
 import { t as DialogStore } from "./dialog-store-Cjt12T_Y.js";
 import { n as DisclosureContentOptions } from "./disclosure-content-BbPkZgAc.js";
-import { n as PortalOptions } from "./portal-CMBWiayp.js";
+import { n as PortalOptions } from "./portal-CKFTfCWH.js";
 import { Props } from "@ariakit/react-utils";
 import { ComponentPropsWithRef, ElementType, FC, KeyboardEvent as KeyboardEvent$1, ReactElement, RefObject, SyntheticEvent } from "react";
 import { BooleanOrCallback } from "@ariakit/utils";
@@ -41,7 +41,7 @@ declare function createDialogComponent<T extends DialogOptions>(Component: FC<T>
  * </Dialog>
  * ```
  */
-declare const Dialog: (props: DialogProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+declare const Dialog: (props: DialogProps) => import("react/jsx-runtime").JSX.Element;
 interface DialogOptions<T extends ElementType = TagName> extends FocusableOptions<T>, PortalOptions<T>, DisclosureContentOptions<T> {
   /**
    * Object returned by the
@@ -264,4 +264,4 @@ interface DialogOptions<T extends ElementType = TagName> extends FocusableOption
 type DialogProps<T extends ElementType = TagName> = Props<T, DialogOptions<T>>;
 //#endregion
 export { useDialog as a, createDialogComponent as i, DialogOptions as n, DialogProps as r, Dialog as t };
-//# sourceMappingURL=dialog-C__C-zX2.d.ts.map
+//# sourceMappingURL=dialog-D23r2ZWj.d.ts.map

package/dist/{dialog-C__C-zX2.d.ts.map → dialog-D23r2ZWj.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-C__C-zX2.d.ts","names":["Props","BooleanOrCallback","ComponentPropsWithRef","ElementType","FC","ReactElement","KeyboardEvent","ReactKeyboardEvent","RefObject","SyntheticEvent","DisclosureContentOptions","FocusableOptions","PortalOptions","DialogStore","TagName","useDialog","DialogOptions","Hook","createDialogComponent","T","Component","useProviderContext","props","JSX","Element","Dialog","DialogProps","Event","Iterable","HTMLElement","store","open","onClose","event","modal","backdrop","hideOnEscape","hideOnInteractOutside","getPersistentElements","preventBodyScroll","autoFocusOnShow","autoFocusOnHide","initialFocus","finalFocus","unstable_treeSnapshotKey"],"sources":["../src/dialog/dialog.d.ts"],"mappings":";;;;;;;;;cAOcc,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAFwB,cAahCC,SAAAA,iCAA0CE,IAAAA,QAAYD,aAAa;AAAA,iBAChEE,qBAAAA,WAAgCF,aAAAA,CAAAA,CAAeI,SAAAA,EAAWhB,EAAAA,CAAGe,CAAAA,GAAIE,kBAAAA,SAA2BR,WAAAA,gBAA2BS,KAAAA,EAAOH,CAAAA,iCAAkCI,GAAAA,CAAIC,OAAAA;;;AADpG;AACxF;;;;;;;;;;;;;;;;;cAqBqBC,MAAAA,GAASH,KAAAA,EAAOI,WAAW,wCAAwCH,GAAAA,CAAIC,OAAAA;AAAAA,UAC3ER,aAAAA,WAAwBb,WAAAA,GAAcW,OAAAA,UAAiBH,gBAAAA,CAAiBQ,CAAAA,GAAIP,aAAAA,CAAcO,CAAAA,GAAIT,wBAAAA,CAAyBS,CAAAA;EAtBgDI;;;AAAW;AAqBnM;;;;EAUIO,KAAAA,GAAQjB,WAAAA;EAVkBS;;;;AAAqE;AACnG;;;;;;;;;EAwBIS,IAAAA;EA4EkC7B;;;;;;;;;;;;;;;;;;;;;;;;EAnDlC8B,OAAAA,IAAWC,KAAAA,EAAON,KAAAA;EAjDiH;;;;;;;;;;;;;;;;;;;;;;;;EA0EnIO,KAAAA;EAwCiC5B;;;;;;;;;;;;;;;;;;;;;;;;;EAdjC6B,QAAAA,aAAqB9B,YAAAA,CAAaH,qBAAAA,WAAgCC,WAAAA,CAAYD,qBAAAA;EAqHtD;AAE5B;;;;;;;;;;;;EAzGIkC,YAAAA,GAAenC,iBAAAA,CAAkBK,aAAAA,GAAgBC,eAAAA;EAyGLO;;;;;;AAAmC;;;;;;;EA3F/EuB,qBAAAA,GAAwBpC,iBAAAA,CAAkB0B,KAAAA,GAAQlB,cAAAA;;;;;;;;;;;;;;;;;;EAkBlD6B,qBAAAA,SAA8BV,QAAAA,CAASJ,OAAAA;;;;;;;EAOvCe,iBAAAA;;;;;;;;;;;;;;;EAeAC,eAAAA,GAAkBvC,iBAAAA,CAAkB4B,WAAAA;;;;;;;;;;;;;;;;;EAiBpCY,eAAAA,GAAkBxC,iBAAAA,CAAkB4B,WAAAA;;;;;;;;;;;;;;;;EAgBpCa,YAAAA,GAAeb,WAAAA,GAAcrB,SAAAA,CAAUqB,WAAAA;;;;;;;;;;;;EAYvCc,UAAAA,GAAad,WAAAA,GAAcrB,SAAAA,CAAUqB,WAAAA;;;;EAIrCe,wBAAAA;AAAAA;AAAAA,KAEQlB,WAAAA,WAAsBvB,WAAAA,GAAcW,OAAAA,IAAWd,KAAAA,CAAMmB,CAAAA,EAAGH,aAAAA,CAAcG,CAAAA"}
+{"version":3,"file":"dialog-D23r2ZWj.d.ts","names":["Props","BooleanOrCallback","ComponentPropsWithRef","ElementType","FC","ReactElement","KeyboardEvent","ReactKeyboardEvent","RefObject","SyntheticEvent","DisclosureContentOptions","FocusableOptions","PortalOptions","DialogStore","TagName","useDialog","DialogOptions","Hook","createDialogComponent","T","Component","useProviderContext","props","JSX","Element","Dialog","DialogProps","Event","Iterable","HTMLElement","store","open","onClose","event","modal","backdrop","hideOnEscape","hideOnInteractOutside","getPersistentElements","preventBodyScroll","autoFocusOnShow","autoFocusOnHide","initialFocus","finalFocus","unstable_treeSnapshotKey"],"sources":["../src/dialog/dialog.d.ts"],"mappings":";;;;;;;;;cAOcc,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAFwB,cAahCC,SAAAA,iCAA0CE,IAAAA,QAAYD,aAAa;AAAA,iBAChEE,qBAAAA,WAAgCF,aAAAA,CAAAA,CAAeI,SAAAA,EAAWhB,EAAAA,CAAGe,CAAAA,GAAIE,kBAAAA,SAA2BR,WAAAA,gBAA2BS,KAAAA,EAAOH,CAAAA,iCAAkCI,GAAAA,CAAIC,OAAAA;;;AADpG;AACxF;;;;;;;;;;;;;;;;;cAqBqBC,MAAAA,GAASH,KAAAA,EAAOI,WAAW,iCAAiCH,GAAAA,CAAIC,OAAAA;AAAAA,UACpER,aAAAA,WAAwBb,WAAAA,GAAcW,OAAAA,UAAiBH,gBAAAA,CAAiBQ,CAAAA,GAAIP,aAAAA,CAAcO,CAAAA,GAAIT,wBAAAA,CAAyBS,CAAAA;EAtBgDI;;;AAAW;AAqBnM;;;;EAUIO,KAAAA,GAAQjB,WAAAA;EAVkBS;;;;AAA8D;AAC5F;;;;;;;;;EAwBIS,IAAAA;EA4EkC7B;;;;;;;;;;;;;;;;;;;;;;;;EAnDlC8B,OAAAA,IAAWC,KAAAA,EAAON,KAAAA;EAjDiH;;;;;;;;;;;;;;;;;;;;;;;;EA0EnIO,KAAAA;EAwCiC5B;;;;;;;;;;;;;;;;;;;;;;;;;EAdjC6B,QAAAA,aAAqB9B,YAAAA,CAAaH,qBAAAA,WAAgCC,WAAAA,CAAYD,qBAAAA;EAqHtD;AAE5B;;;;;;;;;;;;EAzGIkC,YAAAA,GAAenC,iBAAAA,CAAkBK,aAAAA,GAAgBC,eAAAA;EAyGLO;;;;;;AAAmC;;;;;;;EA3F/EuB,qBAAAA,GAAwBpC,iBAAAA,CAAkB0B,KAAAA,GAAQlB,cAAAA;;;;;;;;;;;;;;;;;;EAkBlD6B,qBAAAA,SAA8BV,QAAAA,CAASJ,OAAAA;;;;;;;EAOvCe,iBAAAA;;;;;;;;;;;;;;;EAeAC,eAAAA,GAAkBvC,iBAAAA,CAAkB4B,WAAAA;;;;;;;;;;;;;;;;;EAiBpCY,eAAAA,GAAkBxC,iBAAAA,CAAkB4B,WAAAA;;;;;;;;;;;;;;;;EAgBpCa,YAAAA,GAAeb,WAAAA,GAAcrB,SAAAA,CAAUqB,WAAAA;;;;;;;;;;;;EAYvCc,UAAAA,GAAad,WAAAA,GAAcrB,SAAAA,CAAUqB,WAAAA;;;;EAIrCe,wBAAAA;AAAAA;AAAAA,KAEQlB,WAAAA,WAAsBvB,WAAAA,GAAcW,OAAAA,IAAWd,KAAAA,CAAMmB,CAAAA,EAAGH,aAAAA,CAAcG,CAAAA"}

package/dist/{dialog-description-BCZJ1Kyd.d.ts → dialog-description-CJGxnEvk.d.ts}

@@ -32,7 +32,7 @@ declare const useDialogDescription: import("@ariakit/react-utils").Hook<"p", Dia
  * </Dialog>
  * ```
  */
-declare const DialogDescription: (props: DialogDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const DialogDescription: (props: DialogDescriptionProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface DialogDescriptionOptions<_T extends ElementType = TagName> extends Options {
   /**
    * Object returned by the
@@ -45,4 +45,4 @@ interface DialogDescriptionOptions<_T extends ElementType = TagName> extends Opt
 type DialogDescriptionProps<T extends ElementType = TagName> = Props<T, DialogDescriptionOptions<T>>;
 //#endregion
 export { useDialogDescription as i, DialogDescriptionOptions as n, DialogDescriptionProps as r, DialogDescription as t };
-//# sourceMappingURL=dialog-description-BCZJ1Kyd.d.ts.map
+//# sourceMappingURL=dialog-description-CJGxnEvk.d.ts.map

package/dist/{dialog-description-BCZJ1Kyd.d.ts.map → dialog-description-CJGxnEvk.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-description-BCZJ1Kyd.d.ts","names":["Options","Props","ElementType","DialogStore","TagName","useDialogDescription","DialogDescriptionOptions","Hook","DialogDescription","DialogDescriptionProps","props","ReactElement","JSXElementConstructor","_T","store","T"],"sources":["../src/dialog/dialog-description.d.ts"],"mappings":";;;;;cAGcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAa7B;;AAfqD,cAehCC,oBAAAA,iCAAqDE,IAAAA,MAAUD,wBAAwB;;AAAA;AAe5G;;;;;;;;;AAA2J;AAC3J;;cADqBE,iBAAAA,GAAoBE,KAAAA,EAAOD,sBAAsB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACrHN,wBAAAA,YAAoCJ,WAAAA,GAAcE,OAAAA,UAAiBJ,OAAAA;EAAjBI;;;;;;EAO/DU,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,sBAAAA,WAAiCP,WAAAA,GAAcE,OAAAA,IAAWH,KAAAA,CAAMc,CAAAA,EAAGT,wBAAAA,CAAyBS,CAAAA"}
+{"version":3,"file":"dialog-description-CJGxnEvk.d.ts","names":["Options","Props","ElementType","DialogStore","TagName","useDialogDescription","DialogDescriptionOptions","Hook","DialogDescription","DialogDescriptionProps","props","ReactElement","JSXElementConstructor","_T","store","T"],"sources":["../src/dialog/dialog-description.d.ts"],"mappings":";;;;;cAGcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAa7B;;AAfqD,cAehCC,oBAAAA,iCAAqDE,IAAAA,MAAUD,wBAAwB;;AAAA;AAe5G;;;;;;;;;AAA+J;AAC/J;;cADqBE,iBAAAA,GAAoBE,KAAAA,EAAOD,sBAAsB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACzHN,wBAAAA,YAAoCJ,WAAAA,GAAcE,OAAAA,UAAiBJ,OAAAA;EAAjBI;;;;;;EAO/DU,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,sBAAAA,WAAiCP,WAAAA,GAAcE,OAAAA,IAAWH,KAAAA,CAAMc,CAAAA,EAAGT,wBAAAA,CAAyBS,CAAAA"}

package/dist/{dialog-disclosure-DLD10zlb.d.ts → dialog-disclosure-DSESk5pv.d.ts}

@@ -1,5 +1,5 @@
 import { t as DialogStore } from "./dialog-store-Cjt12T_Y.js";
-import { n as DisclosureOptions } from "./disclosure-CQ37hPVP.js";
+import { n as DisclosureOptions } from "./disclosure-C4F4sCVZ.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -30,7 +30,7 @@ declare const useDialogDisclosure: import("@ariakit/react-utils").Hook<"button",
  * </DialogProvider>
  * ```
  */
-declare const DialogDisclosure: (props: DialogDisclosureProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const DialogDisclosure: (props: DialogDisclosureProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface DialogDisclosureOptions<T extends ElementType = TagName> extends DisclosureOptions<T> {
   /**
    * Object returned by the
@@ -44,4 +44,4 @@ interface DialogDisclosureOptions<T extends ElementType = TagName> extends Discl
 type DialogDisclosureProps<T extends ElementType = TagName> = Props<T, DialogDisclosureOptions<T>>;
 //#endregion
 export { useDialogDisclosure as i, DialogDisclosureOptions as n, DialogDisclosureProps as r, DialogDisclosure as t };
-//# sourceMappingURL=dialog-disclosure-DLD10zlb.d.ts.map
+//# sourceMappingURL=dialog-disclosure-DSESk5pv.d.ts.map

package/dist/{dialog-disclosure-DLD10zlb.d.ts.map → dialog-disclosure-DSESk5pv.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-disclosure-DLD10zlb.d.ts","names":["Props","ElementType","DisclosureOptions","DialogStore","TagName","useDialogDisclosure","DialogDisclosureOptions","Hook","DialogDisclosure","DialogDisclosureProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/dialog/dialog-disclosure.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAY7B;AAdqD,cAchCC,mBAAAA,iCAAoDE,IAAAA,WAAeD,uBAAuB;;;AAAA;AAa/G;;;;;;;;;cAAqBE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACnHN,uBAAAA,WAAkCL,WAAAA,GAAcG,OAAAA,UAAiBF,iBAAAA,CAAkBW,CAAAA;EAA5D;;;;;;;EAQpCC,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,qBAAAA,WAAgCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}
+{"version":3,"file":"dialog-disclosure-DSESk5pv.d.ts","names":["Props","ElementType","DisclosureOptions","DialogStore","TagName","useDialogDisclosure","DialogDisclosureOptions","Hook","DialogDisclosure","DialogDisclosureProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/dialog/dialog-disclosure.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAY7B;AAdqD,cAchCC,mBAAAA,iCAAoDE,IAAAA,WAAeD,uBAAuB;;;AAAA;AAa/G;;;;;;;;;cAAqBE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACvHN,uBAAAA,WAAkCL,WAAAA,GAAcG,OAAAA,UAAiBF,iBAAAA,CAAkBW,CAAAA;EAA5D;;;;;;;EAQpCC,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,qBAAAA,WAAgCR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}

package/dist/{dialog-dismiss-CnwEbzc6.d.ts → dialog-dismiss-DW3XQYvp.d.ts}

@@ -1,4 +1,4 @@
-import { n as ButtonOptions } from "./button-Cp853csH.js";
+import { n as ButtonOptions } from "./button-CVWcOgxs.js";
 import { t as DialogStore } from "./dialog-store-Cjt12T_Y.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
@@ -32,7 +32,7 @@ declare const useDialogDismiss: import("@ariakit/react-utils").Hook<"button", Di
  * </Dialog>
  * ```
  */
-declare const DialogDismiss: (props: DialogDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const DialogDismiss: (props: DialogDismissProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface DialogDismissOptions<T extends ElementType = TagName> extends ButtonOptions<T> {
   /**
    * Object returned by the
@@ -45,4 +45,4 @@ interface DialogDismissOptions<T extends ElementType = TagName> extends ButtonOp
 type DialogDismissProps<T extends ElementType = TagName> = Props<T, DialogDismissOptions<T>>;
 //#endregion
 export { useDialogDismiss as i, DialogDismissOptions as n, DialogDismissProps as r, DialogDismiss as t };
-//# sourceMappingURL=dialog-dismiss-CnwEbzc6.d.ts.map
+//# sourceMappingURL=dialog-dismiss-DW3XQYvp.d.ts.map

package/dist/{dialog-dismiss-CnwEbzc6.d.ts.map → dialog-dismiss-DW3XQYvp.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-dismiss-CnwEbzc6.d.ts","names":["Props","ElementType","ButtonOptions","DialogStore","TagName","useDialogDismiss","DialogDismissOptions","Hook","DialogDismiss","DialogDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/dialog/dialog-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAa7B;;AAfqD,cAehCC,gBAAAA,iCAAiDE,IAAAA,WAAeD,oBAAoB;;AAAA;AAczG;;;;;;;;;AAAmJ;AACnJ;cADqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7GN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,aAAAA,CAAcW,CAAAA;EAA7CZ;;;;;;EAO5Ca,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}
+{"version":3,"file":"dialog-dismiss-DW3XQYvp.d.ts","names":["Props","ElementType","ButtonOptions","DialogStore","TagName","useDialogDismiss","DialogDismissOptions","Hook","DialogDismiss","DialogDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/dialog/dialog-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAa7B;;AAfqD,cAehCC,gBAAAA,iCAAiDE,IAAAA,WAAeD,oBAAoB;;AAAA;AAczG;;;;;;;;;AAAuJ;AACvJ;cADqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACjHN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,aAAAA,CAAcW,CAAAA;EAA7CZ;;;;;;EAO5Ca,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}

package/dist/{dialog-heading-DQvnOfZH.d.ts → dialog-heading-DGA5d8VH.d.ts}

@@ -1,5 +1,5 @@
 import { t as DialogStore } from "./dialog-store-Cjt12T_Y.js";
-import { n as HeadingOptions } from "./heading-zY9g_9K-.js";
+import { n as HeadingOptions } from "./heading-D_AmeqL5.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -33,7 +33,7 @@ declare const useDialogHeading: import("@ariakit/react-utils").Hook<"h1", Dialog
  * </Dialog>
  * ```
  */
-declare const DialogHeading: (props: DialogHeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const DialogHeading: (props: DialogHeadingProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface DialogHeadingOptions<T extends ElementType = TagName> extends HeadingOptions<T> {
   /**
    * Object returned by the
@@ -46,4 +46,4 @@ interface DialogHeadingOptions<T extends ElementType = TagName> extends HeadingO
 type DialogHeadingProps<T extends ElementType = TagName> = Props<T, DialogHeadingOptions<T>>;
 //#endregion
 export { useDialogHeading as i, DialogHeadingOptions as n, DialogHeadingProps as r, DialogHeading as t };
-//# sourceMappingURL=dialog-heading-DQvnOfZH.d.ts.map
+//# sourceMappingURL=dialog-heading-DGA5d8VH.d.ts.map

package/dist/{dialog-heading-DQvnOfZH.d.ts.map → dialog-heading-DGA5d8VH.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-heading-DQvnOfZH.d.ts","names":["Props","ElementType","HeadingOptions","DialogStore","TagName","useDialogHeading","DialogHeadingOptions","Hook","DialogHeading","DialogHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/dialog/dialog-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAa7B;;AAfqD,cAehCC,gBAAAA,iCAAiDE,IAAAA,OAAWD,oBAAoB;;AAAA;AAerG;;;;;;;;;AAAmJ;AACnJ;;cADqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7GN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,cAAAA,CAAeW,CAAAA;EAAhCT;;;;;;EAO1DU,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}
+{"version":3,"file":"dialog-heading-DGA5d8VH.d.ts","names":["Props","ElementType","HeadingOptions","DialogStore","TagName","useDialogHeading","DialogHeadingOptions","Hook","DialogHeading","DialogHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../src/dialog/dialog-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFwB;;;;AAChC;AAAA;;;;AACQ;AAa7B;;AAfqD,cAehCC,gBAAAA,iCAAiDE,IAAAA,OAAWD,oBAAoB;;AAAA;AAerG;;;;;;;;;AAAuJ;AACvJ;;cADqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACjHN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,cAAAA,CAAeW,CAAAA;EAAhCT;;;;;;EAO1DU,KAAAA,GAAQX,WAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}

package/dist/disclosure/disclosure-content.js

@@ -44,7 +44,7 @@ function isHidden(mounted, hidden, alwaysVisible) {
 const useDisclosureContent = createHook(function useDisclosureContent({ store, alwaysVisible, ...props }) {
 	const context = useDisclosureProviderContext();
 	store = store || context;
-	invariant(store, "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component.");
 	const ref = useRef(null);
 	const id = useId(props.id);
 	const [transition, setTransition] = useState(null);