@ariakit/react-core 0.1.7 → 0.2.0

package/esm/__chunks/{TCX5FQUL.js → NAG6UD2X.js}

@@ -1,6 +1,12 @@
 import {
   DialogBackdrop
-} from "./JXNLCNWG.js";
+} from "./MR75RQGW.js";
+import {
+  disableTreeOutside
+} from "./4H6H5RRM.js";
+import {
+  disableAccessibilityTreeOutside
+} from "./7A3SODQV.js";
 import {
   usePreventBodyScroll
 } from "./RBUEJWRA.js";
@@ -16,32 +22,26 @@ import {
 import {
   markTreeOutside
 } from "./BH4YAZB2.js";
-import {
-  disableTreeOutside
-} from "./4H6H5RRM.js";
-import {
-  disableAccessibilityTreeOutside
-} from "./7A3SODQV.js";
 import {
   useFocusableContainer
 } from "./6WVG5KFF.js";
 import {
   HeadingLevel
 } from "./6OMX4H3W.js";
+import {
+  usePortal
+} from "./2CA5JWPW.js";
 import {
   DialogContext,
   DialogDescriptionContext,
   DialogHeadingContext
 } from "./LNHZLQEK.js";
-import {
-  useFocusable
-} from "./AGWM73EZ.js";
-import {
-  usePortal
-} from "./USCWE5QL.js";
 import {
   useDisclosureContent
 } from "./6AJCHLAV.js";
+import {
+  useFocusable
+} from "./AGWM73EZ.js";
 import {
   createComponent,
   createElement,
@@ -82,22 +82,14 @@ import {
 } from "@ariakit/core/utils/focus";
 import { chain } from "@ariakit/core/utils/misc";
 import { isSafari } from "@ariakit/core/utils/platform";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var isSafariBrowser = isSafari();
-function isBackdrop(dialog, element) {
-  const id = dialog.id;
-  if (!id)
-    return;
-  return element.getAttribute("data-backdrop") === id;
-}
 function isAlreadyFocusingAnotherElement(dialog) {
   const activeElement = getActiveElement();
   if (!activeElement)
     return false;
   if (contains(dialog, activeElement))
     return false;
-  if (isBackdrop(dialog, activeElement))
-    return false;
   if (activeElement.hasAttribute("data-dialog"))
     return false;
   if (isFocusable(activeElement))
@@ -160,11 +152,15 @@ var useDialog = createHook(
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const contentElement = store.useState("contentElement");
-    usePreventBodyScroll(store, mounted && preventBodyScroll);
+    const hiddenProp = props.hidden;
+    usePreventBodyScroll(
+      store,
+      (mounted || hiddenProp === false) && preventBodyScroll
+    );
     useHideOnInteractOutside(store, hideOnInteractOutside);
     const { wrapElement, nestedDialogs } = useNestedDialogs(store);
     props = useWrapElement(props, wrapElement, [wrapElement]);
-    useEffect(() => {
+    useSafeLayoutEffect(() => {
       if (!open)
         return;
       const dialog = ref.current;
@@ -285,7 +281,8 @@ var useDialog = createHook(
       // receives focus.
       getFirstTabbableIn(contentElement, true, portal && preserveTabOrder) || // Finally, we fallback to the dialog element itself.
       contentElement;
-      if (!autoFocusOnShowProp(element))
+      const isElementFocusable = isFocusable(element);
+      if (!autoFocusOnShowProp(isElementFocusable ? element : null))
         return;
       setAutoFocusEnabled(true);
       element.focus();
@@ -321,9 +318,7 @@ var useDialog = createHook(
           return;
         const { disclosureElement } = store.getState();
         let element = getElementFromProp(finalFocus) || disclosureElement;
-        if (!element)
-          return;
-        if (element.id) {
+        if (element == null ? void 0 : element.id) {
           const doc = getDocument(element);
           const selector = `[aria-activedescendant="${element.id}"]`;
           const composite = doc.querySelector(selector);
@@ -331,7 +326,7 @@ var useDialog = createHook(
             element = composite;
           }
         }
-        if (!isFocusable(element)) {
+        if (element && !isFocusable(element)) {
           const maybeParentDialog = closest(element, "[data-dialog]");
           if (maybeParentDialog && maybeParentDialog.id) {
             const doc = getDocument(maybeParentDialog);
@@ -342,15 +337,16 @@ var useDialog = createHook(
             }
           }
         }
-        if (!isFocusable(element)) {
-          if (!retry)
-            return;
+        const isElementFocusable = element && isFocusable(element);
+        if (!isElementFocusable && retry) {
           requestAnimationFrame(() => focusOnHide(false));
           return;
         }
-        if (!autoFocusOnHideProp(element))
+        if (!autoFocusOnHideProp(isElementFocusable ? element : null))
+          return;
+        if (!isElementFocusable)
           return;
-        element.focus();
+        element == null ? void 0 : element.focus();
       };
       if (!open) {
         return focusOnHide();
@@ -400,34 +396,26 @@ var useDialog = createHook(
       (element) => /* @__PURE__ */ jsx(HeadingLevel, { level: modal ? 1 : void 0, children: element }),
       [modal]
     );
-    const hiddenProp = props.hidden;
     props = useWrapElement(
       props,
       (element) => {
         if (backdrop) {
-          return /* @__PURE__ */ jsx(
-            DialogBackdrop,
-            {
-              store,
-              backdrop,
-              backdropProps,
-              hideOnInteractOutside,
-              hideOnEscape,
-              hidden: hiddenProp,
-              children: element
-            }
-          );
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            backdrop && /* @__PURE__ */ jsx(
+              DialogBackdrop,
+              {
+                store,
+                backdrop,
+                backdropProps,
+                hidden: hiddenProp
+              }
+            ),
+            element
+          ] });
         }
         return element;
       },
-      [
-        store,
-        backdrop,
-        backdropProps,
-        hideOnInteractOutside,
-        hideOnEscape,
-        hiddenProp
-      ]
+      [store, backdrop, backdropProps, hiddenProp]
     );
     const [headingId, setHeadingId] = useState();
     const [descriptionId, setDescriptionId] = useState();

package/esm/__chunks/XIACQCPS.js

@@ -0,0 +1,21 @@
+import {
+  createComponent,
+  createElement,
+  createHook
+} from "./5ETIGB6O.js";
+
+// src/role/role.ts
+var useRole = createHook((props) => {
+  return props;
+});
+var Role = createComponent((props) => {
+  return createElement("div", props);
+});
+if (process.env.NODE_ENV !== "production") {
+  Role.displayName = "Role";
+}
+
+export {
+  useRole,
+  Role
+};

package/esm/combobox/combobox-item.js

@@ -12,9 +12,9 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,

package/esm/combobox/combobox-popover.js

@@ -4,31 +4,32 @@ import {
 import "../__chunks/5VGBBGF5.js";
 import {
   usePopover
-} from "../__chunks/RVIGSXKO.js";
-import "../__chunks/TCX5FQUL.js";
-import "../__chunks/JXNLCNWG.js";
+} from "../__chunks/MLEIJKSM.js";
+import "../__chunks/NAG6UD2X.js";
+import "../__chunks/MR75RQGW.js";
+import "../__chunks/4H6H5RRM.js";
+import "../__chunks/7A3SODQV.js";
 import "../__chunks/RBUEJWRA.js";
 import "../__chunks/T3WBUAHU.js";
 import "../__chunks/KUXENZYT.js";
+import "../__chunks/KOVUJERF.js";
 import "../__chunks/62DFK33R.js";
 import "../__chunks/BH4YAZB2.js";
-import "../__chunks/4H6H5RRM.js";
-import "../__chunks/7A3SODQV.js";
-import "../__chunks/KOVUJERF.js";
 import "../__chunks/DJESYNLE.js";
 import "../__chunks/6WVG5KFF.js";
 import "../__chunks/ISPCL6N4.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/6OMX4H3W.js";
+import "../__chunks/2CA5JWPW.js";
+import "../__chunks/DIO64N2C.js";
+import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
+import "../__chunks/XIACQCPS.js";
+import "../__chunks/6AJCHLAV.js";
 import "../__chunks/6GS36SYX.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/USCWE5QL.js";
-import "../__chunks/DIO64N2C.js";
-import "../__chunks/LDDPB3PY.js";
-import "../__chunks/6AJCHLAV.js";
 import "../__chunks/JQEVJM46.js";
 import {
   createComponent,

package/esm/combobox/combobox-store.d.ts

@@ -3,13 +3,6 @@ import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreStat
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
 export declare function useComboboxStoreOptions(props: ComboboxStoreProps): {
-    getAnchorRect: ((anchor: HTMLElement | null) => {
-        x?: number | undefined;
-        y?: number | undefined;
-        width?: number | undefined;
-        height?: number | undefined;
-    } | null) | undefined;
-    renderCallback: ((props: import("@ariakit/core/popover/popover-store").PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
     setOpen?: ((open: boolean) => void) | undefined;
     defaultOpen?: boolean | undefined;
     open?: boolean | undefined;

package/esm/combobox/combobox-store.js

@@ -6,7 +6,7 @@ import "../__chunks/MEYEPL2D.js";
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "../__chunks/SHGWT5HV.js";
+} from "../__chunks/5PIH3SMS.js";
 import "../__chunks/OBNQHP6V.js";
 import "../__chunks/HN4VMOUI.js";
 import {

package/esm/combobox/combobox.js

@@ -3,11 +3,11 @@ import {
 } from "../__chunks/D6NPK2DL.js";
 import {
   useComposite
-} from "../__chunks/OY5YT7OV.js";
+} from "../__chunks/RTOWJJVI.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createComponent,
   createElement,

package/esm/composite/composite-item.js

@@ -6,9 +6,9 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/5ETIGB6O.js";
 import "../__chunks/AV5WE37O.js";
 import "../__chunks/ASYR66PQ.js";

package/esm/composite/composite-overflow-disclosure.js

@@ -1,11 +1,10 @@
 import {
   usePopoverDisclosure
-} from "../__chunks/6O3TZMB4.js";
+} from "../__chunks/U2KSDJ3W.js";
 import "../__chunks/LSTZ5Q72.js";
 import "../__chunks/24P2K6AU.js";
-import "../__chunks/OQUXG6FE.js";
-import "../__chunks/6GS36SYX.js";
 import "../__chunks/D6NPK2DL.js";
+import "../__chunks/OQUXG6FE.js";
 import {
   useCompositeItem
 } from "../__chunks/M32DI6TL.js";
@@ -13,9 +12,10 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
+import "../__chunks/6GS36SYX.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createComponent,
   createElement,

package/esm/composite/composite-overflow-store.d.ts

@@ -1,19 +1,7 @@
 import * as Core from "@ariakit/core/composite/composite-overflow-store";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useCompositeOverflowStoreOptions(props: CompositeOverflowStoreProps): {
-    getAnchorRect: ((anchor: HTMLElement | null) => {
-        x?: number | undefined;
-        y?: number | undefined;
-        width?: number | undefined;
-        height?: number | undefined;
-    } | null) | undefined;
-    renderCallback: ((props: import("@ariakit/core/popover/popover-store").PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
-    setOpen?: ((open: boolean) => void) | undefined;
-    defaultOpen?: boolean | undefined;
-    open?: boolean | undefined;
-    animated?: number | boolean | undefined;
-};
+export declare function useCompositeOverflowStoreOptions(props: CompositeOverflowStoreProps): Partial<import("../disclosure/disclosure-store.js").DisclosureStoreOptions>;
 export declare function useCompositeOverflowStoreProps<T extends CompositeOverflowStore>(store: T, props: CompositeOverflowStoreProps): T;
 /**
  * Creates a composite overflow store.

package/esm/composite/composite-overflow-store.js

@@ -1,7 +1,7 @@
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "../__chunks/SHGWT5HV.js";
+} from "../__chunks/5PIH3SMS.js";
 import "../__chunks/OBNQHP6V.js";
 import "../__chunks/HN4VMOUI.js";
 import {

package/esm/composite/composite-overflow.js

@@ -1,30 +1,31 @@
 import {
   usePopover
-} from "../__chunks/RVIGSXKO.js";
-import "../__chunks/TCX5FQUL.js";
-import "../__chunks/JXNLCNWG.js";
+} from "../__chunks/MLEIJKSM.js";
+import "../__chunks/NAG6UD2X.js";
+import "../__chunks/MR75RQGW.js";
+import "../__chunks/4H6H5RRM.js";
+import "../__chunks/7A3SODQV.js";
 import "../__chunks/RBUEJWRA.js";
 import "../__chunks/T3WBUAHU.js";
 import "../__chunks/KUXENZYT.js";
+import "../__chunks/KOVUJERF.js";
 import "../__chunks/62DFK33R.js";
 import "../__chunks/BH4YAZB2.js";
-import "../__chunks/4H6H5RRM.js";
-import "../__chunks/7A3SODQV.js";
-import "../__chunks/KOVUJERF.js";
 import "../__chunks/DJESYNLE.js";
 import "../__chunks/6WVG5KFF.js";
 import "../__chunks/ISPCL6N4.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/6OMX4H3W.js";
+import "../__chunks/2CA5JWPW.js";
+import "../__chunks/DIO64N2C.js";
+import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
+import "../__chunks/XIACQCPS.js";
+import "../__chunks/6AJCHLAV.js";
 import "../__chunks/6GS36SYX.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/USCWE5QL.js";
-import "../__chunks/DIO64N2C.js";
-import "../__chunks/LDDPB3PY.js";
-import "../__chunks/6AJCHLAV.js";
 import "../__chunks/JQEVJM46.js";
 import {
   createComponent,

package/esm/composite/composite.js

@@ -1,11 +1,11 @@
 import {
   Composite,
   useComposite
-} from "../__chunks/OY5YT7OV.js";
+} from "../__chunks/RTOWJJVI.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/5ETIGB6O.js";
 import "../__chunks/ASYR66PQ.js";
 import "../__chunks/SXC6BPOF.js";

package/esm/dialog/dialog-backdrop.d.ts

@@ -1,7 +1,4 @@
-import type { ReactNode } from "react";
 import type { DialogProps } from "./dialog.js";
-type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "hideOnInteractOutside" | "hideOnEscape" | "hidden"> & {
-    children?: ReactNode;
-};
-export declare function DialogBackdrop({ store, backdrop, backdropProps, hideOnInteractOutside, hideOnEscape, hidden, children, }: DialogBackdropProps): JSX.Element;
+type DialogBackdropProps = Pick<DialogProps, "store" | "backdrop" | "backdropProps" | "hidden">;
+export declare function DialogBackdrop({ store, backdrop, backdropProps, hidden, }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/esm/dialog/dialog-backdrop.js

@@ -1,7 +1,10 @@
 import {
   DialogBackdrop
-} from "../__chunks/JXNLCNWG.js";
-import "../__chunks/7JNF6I52.js";
+} from "../__chunks/MR75RQGW.js";
+import "../__chunks/BH4YAZB2.js";
+import "../__chunks/DJESYNLE.js";
+import "../__chunks/ISPCL6N4.js";
+import "../__chunks/XIACQCPS.js";
 import "../__chunks/6AJCHLAV.js";
 import "../__chunks/5ETIGB6O.js";
 import "../__chunks/ASYR66PQ.js";

package/esm/dialog/dialog-dismiss.js

@@ -3,8 +3,8 @@ import {
   useDialogDismiss
 } from "../__chunks/TSWOSEC5.js";
 import "../__chunks/OQUXG6FE.js";
-import "../__chunks/LNHZLQEK.js";
 import "../__chunks/4QNHBDVS.js";
+import "../__chunks/LNHZLQEK.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/5ETIGB6O.js";

package/esm/dialog/dialog.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps, ElementType, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
+import type { ComponentPropsWithRef, ElementType, ReactElement, KeyboardEvent as ReactKeyboardEvent, RefObject, SyntheticEvent } from "react";
 import type { BooleanOrCallback } from "@ariakit/core/utils/types";
-import type { DisclosureContentOptions, DisclosureContentProps } from "../disclosure/disclosure-content.js";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.js";
 import type { FocusableOptions } from "../focusable/focusable.js";
 import type { PortalOptions } from "../portal/portal.js";
 import type { As, Props } from "../utils/types.js";
@@ -49,17 +49,30 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
     /**
      * Determines whether there will be a backdrop behind the dialog. On modal
      * dialogs, this is `true` by default. Besides a `boolean`, this prop can also
-     * be a React component that will be rendered as the backdrop.
+     * be a React component or JSX element that will be rendered as the backdrop.
+     *
+     * **If a custom component is used, it must accept ref and spread all props to
+     * its underlying DOM element**, the same way a native element would.
+     *
+     * Live examples:
+     * - [Animated Dialog](https://ariakit.org/examples/dialog-animated)
+     * - [Dialog with Framer
+     *   Motion](https://ariakit.org/examples/dialog-framer-motion)
+     * - [Dialog with Menu](https://ariakit.org/examples/dialog-menu)
+     * - [Nested Dialog](https://ariakit.org/examples/dialog-nested)
+     * - [Dialog with Next.js App
+     *   Router](https://ariakit.org/examples/dialog-next-router)
      * @example
      * ```jsx
-     * <Dialog backdrop={StyledBackdrop} />
+     * <Dialog backdrop={<div className="backdrop" />} />
      * ```
      */
-    backdrop?: boolean | ElementType<ComponentProps<"div">>;
+    backdrop?: boolean | ReactElement<ComponentPropsWithRef<"div">> | ElementType<ComponentPropsWithRef<"div">>;
     /**
      * Props that will be passed to the backdrop element if `backdrop` is `true`.
+     * @deprecated Use the `backdrop` prop instead.
      */
-    backdropProps?: Omit<DisclosureContentProps, "store">;
+    backdropProps?: ComponentPropsWithRef<"div">;
     /**
      * Determines whether the dialog will be hidden when the user presses the
      * Escape key.
@@ -96,7 +109,7 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
      * a different element to receive focus.
      * @default true
      */
-    autoFocusOnShow?: BooleanOrCallback<HTMLElement>;
+    autoFocusOnShow?: BooleanOrCallback<HTMLElement | null>;
     /**
      * Determines whether an element outside of the dialog will be focused when
      * the dialog is hidden if another element hasn't been focused in the action
@@ -106,7 +119,7 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
      * element to be focused.
      * @default true
      */
-    autoFocusOnHide?: BooleanOrCallback<HTMLElement>;
+    autoFocusOnHide?: BooleanOrCallback<HTMLElement | null>;
     /**
      * Specifies the element that will receive focus when the dialog is first
      * opened. It can be an `HTMLElement` or a `React.RefObject` with an

package/esm/dialog/dialog.js

@@ -1,29 +1,30 @@
 import {
   Dialog,
   useDialog
-} from "../__chunks/TCX5FQUL.js";
-import "../__chunks/JXNLCNWG.js";
+} from "../__chunks/NAG6UD2X.js";
+import "../__chunks/MR75RQGW.js";
+import "../__chunks/4H6H5RRM.js";
+import "../__chunks/7A3SODQV.js";
 import "../__chunks/RBUEJWRA.js";
 import "../__chunks/T3WBUAHU.js";
 import "../__chunks/KUXENZYT.js";
+import "../__chunks/KOVUJERF.js";
 import "../__chunks/62DFK33R.js";
 import "../__chunks/BH4YAZB2.js";
-import "../__chunks/4H6H5RRM.js";
-import "../__chunks/7A3SODQV.js";
-import "../__chunks/KOVUJERF.js";
 import "../__chunks/DJESYNLE.js";
 import "../__chunks/6WVG5KFF.js";
 import "../__chunks/ISPCL6N4.js";
 import "../__chunks/7JNF6I52.js";
 import "../__chunks/6OMX4H3W.js";
+import "../__chunks/2CA5JWPW.js";
+import "../__chunks/DIO64N2C.js";
+import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/LNHZLQEK.js";
+import "../__chunks/XIACQCPS.js";
+import "../__chunks/6AJCHLAV.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/USCWE5QL.js";
-import "../__chunks/DIO64N2C.js";
-import "../__chunks/LDDPB3PY.js";
-import "../__chunks/6AJCHLAV.js";
 import "../__chunks/JQEVJM46.js";
 import "../__chunks/5ETIGB6O.js";
 import "../__chunks/ASYR66PQ.js";

package/esm/dialog/utils/is-backdrop.d.ts

@@ -0,0 +1 @@
+export declare function isBackdrop(element?: Element | null, dialog?: HTMLElement | null): boolean;

package/esm/dialog/utils/is-backdrop.js

@@ -0,0 +1,21 @@
+import "../../__chunks/4BKCJXBM.js";
+
+// src/dialog/utils/is-backdrop.ts
+function isBackdrop(element, dialog) {
+  if (!element)
+    return false;
+  const backdrop = element.getAttribute("data-backdrop");
+  if (backdrop == null)
+    return false;
+  if (backdrop === "")
+    return true;
+  if (backdrop === "true")
+    return true;
+  const id = dialog == null ? void 0 : dialog.id;
+  if (!id)
+    return false;
+  return backdrop === id;
+}
+export {
+  isBackdrop
+};

package/esm/form/form-radio.js

@@ -13,9 +13,9 @@ import "../__chunks/4QNHBDVS.js";
 import "../__chunks/X7UZWWYG.js";
 import "../__chunks/T3DJZG63.js";
 import "../__chunks/OXPV2NBK.js";
+import "../__chunks/Z3X3QN6P.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
-import "../__chunks/Z3X3QN6P.js";
 import {
   createElement,
   createHook,

package/esm/heading/heading-level.d.ts

@@ -14,7 +14,7 @@ import type { HeadingLevels } from "./utils.js";
  * </HeadingLevel>
  * ```
  */
-export declare function HeadingLevel({ level, children }: HeadingLevelProps): JSX.Element;
+export declare function HeadingLevel({ level, children }: HeadingLevelProps): import("react/jsx-runtime").JSX.Element;
 export type HeadingLevelProps = {
     /**
      * The heading level. By default, it'll increase the level by 1 based on the

package/esm/hovercard/hovercard-dismiss.js

@@ -5,8 +5,8 @@ import {
 import "../__chunks/PIRVQZZN.js";
 import "../__chunks/TSWOSEC5.js";
 import "../__chunks/OQUXG6FE.js";
-import "../__chunks/LNHZLQEK.js";
 import "../__chunks/4QNHBDVS.js";
+import "../__chunks/LNHZLQEK.js";
 import "../__chunks/AGWM73EZ.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/5ETIGB6O.js";

package/esm/hovercard/hovercard-store.d.ts

@@ -1,19 +1,7 @@
 import * as Core from "@ariakit/core/hovercard/hovercard-store";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useHovercardStoreOptions(props: HovercardStoreProps): {
-    getAnchorRect: ((anchor: HTMLElement | null) => {
-        x?: number | undefined;
-        y?: number | undefined;
-        width?: number | undefined;
-        height?: number | undefined;
-    } | null) | undefined;
-    renderCallback: ((props: import("@ariakit/core/popover/popover-store").PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
-    setOpen?: ((open: boolean) => void) | undefined;
-    defaultOpen?: boolean | undefined;
-    open?: boolean | undefined;
-    animated?: number | boolean | undefined;
-};
+export declare function useHovercardStoreOptions(props: HovercardStoreProps): Partial<import("../disclosure/disclosure-store.js").DisclosureStoreOptions>;
 export declare function useHovercardStoreProps<T extends HovercardStore>(store: T, props: HovercardStoreProps): T;
 /**
  * Creates a hovercard store.