@ariakit/react-core 0.3.3 → 0.3.4

package/esm/combobox/combobox-popover.js

@@ -1,6 +1,6 @@
 import {
   useComboboxList
-} from "../__chunks/GD5ZDP5D.js";
+} from "../__chunks/E3ZC4HKO.js";
 import {
   useComboboxProviderContext
 } from "../__chunks/QP4RN5UY.js";
@@ -8,9 +8,11 @@ import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
 import {
   usePopover
-} from "../__chunks/MNVQ65E5.js";
-import "../__chunks/YGEFENKI.js";
-import "../__chunks/IAA7Y45N.js";
+} from "../__chunks/H3CXUGYG.js";
+import {
+  createDialogComponent
+} from "../__chunks/UXIMR4AS.js";
+import "../__chunks/NXB7YL3C.js";
 import "../__chunks/HWJ7DGMR.js";
 import "../__chunks/7LB47D2O.js";
 import "../__chunks/62DFK33R.js";
@@ -31,7 +33,7 @@ import "../__chunks/QW4PFVNF.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/PGK6S5NC.js";
-import "../__chunks/3D7ZB3CS.js";
+import "../__chunks/KK6NPMOP.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
@@ -43,8 +45,9 @@ import {
   createElement,
   createHook
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import {
@@ -53,7 +56,7 @@ import {
   __spreadValues
 } from "../__chunks/PNRLI7OV.js";
 
-// src/combobox/combobox-popover.ts
+// src/combobox/combobox-popover.tsx
 import { matches } from "@ariakit/core/utils/dom";
 import { invariant } from "@ariakit/core/utils/misc";
 function isController(target, ...ids) {
@@ -116,11 +119,12 @@ var useComboboxPopover = createHook(
     return props;
   }
 );
-var ComboboxPopover = createComponent(
-  (props) => {
+var ComboboxPopover = createDialogComponent(
+  createComponent((props) => {
     const htmlProps = useComboboxPopover(props);
     return createElement("div", htmlProps);
-  }
+  }),
+  useComboboxProviderContext
 );
 if (process.env.NODE_ENV !== "production") {
   ComboboxPopover.displayName = "ComboboxPopover";

package/esm/combobox/combobox-provider.js

@@ -1,21 +1,21 @@
 import {
   useComboboxStore
-} from "../__chunks/CSCFKBRS.js";
+} from "../__chunks/6F7MKZK2.js";
 import {
   ComboboxContextProvider
 } from "../__chunks/QP4RN5UY.js";
-import "../__chunks/EZ23JQKA.js";
-import "../__chunks/C6MBVGZ2.js";
+import "../__chunks/WRZGD4DH.js";
+import "../__chunks/YS46MLTR.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/DO6GQUCF.js";
-import "../__chunks/DJUMA466.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/QTZ67ALK.js";
+import "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/combobox/combobox-store.js

@@ -1,13 +1,13 @@
 import {
   useComboboxStore,
   useComboboxStoreProps
-} from "../__chunks/CSCFKBRS.js";
-import "../__chunks/EZ23JQKA.js";
-import "../__chunks/C6MBVGZ2.js";
-import "../__chunks/DO6GQUCF.js";
-import "../__chunks/DJUMA466.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.js";
+} from "../__chunks/6F7MKZK2.js";
+import "../__chunks/WRZGD4DH.js";
+import "../__chunks/YS46MLTR.js";
+import "../__chunks/QTZ67ALK.js";
+import "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/combobox/combobox.js

@@ -50,6 +50,7 @@ import {
   isFalsyBooleanCallback,
   normalizeString
 } from "@ariakit/core/utils/misc";
+import { flushSync } from "react-dom";
 function isFirstItemAutoSelected(items, activeValue, autoSelect) {
   if (!autoSelect)
     return false;
@@ -277,7 +278,7 @@ var useCombobox = createHook(
         return;
       if (!store)
         return;
-      const { value: value2, selectionStart } = event.target;
+      const { value: value2, selectionStart, selectionEnd } = event.target;
       const nativeEvent = event.nativeEvent;
       canAutoSelectRef.current = true;
       if (isInputEvent(nativeEvent)) {
@@ -293,7 +294,8 @@ var useCombobox = createHook(
       }
       if (setValueOnChangeProp(event)) {
         const isSameValue = value2 === store.getState().value;
-        store.setValue(value2);
+        flushSync(() => store == null ? void 0 : store.setValue(value2));
+        event.currentTarget.setSelectionRange(selectionStart, selectionEnd);
         if (inline && autoSelect && isSameValue) {
           forceValueUpdate();
         }

package/esm/command/command.js

@@ -1,7 +1,7 @@
 import {
   Command,
   useCommand
-} from "../__chunks/XBIFFFUN.js";
+} from "../__chunks/CAIAWNDV.js";
 import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/CFEUKV6C.js";

package/esm/composite/composite-container.js

@@ -1,12 +1,12 @@
 import {
   CompositeContainer,
   useCompositeContainer
-} from "../__chunks/4LQJSTB3.js";
+} from "../__chunks/ZYB5SMUW.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/composite/composite-item.js

@@ -1,8 +1,8 @@
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/54J7EHCU.js";
-import "../__chunks/XBIFFFUN.js";
+} from "../__chunks/IQXVWBXC.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
@@ -10,7 +10,7 @@ import "../__chunks/74KKBFVP.js";
 import "../__chunks/YTHH33BK.js";
 import "../__chunks/BMLNRUFQ.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

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

@@ -1,14 +1,14 @@
 import {
   usePopoverDisclosure
-} from "../__chunks/SUD3LBWB.js";
-import "../__chunks/3HY5ZQT3.js";
-import "../__chunks/R6PKH666.js";
+} from "../__chunks/HXYXHHNW.js";
+import "../__chunks/5EAW3TWZ.js";
+import "../__chunks/LRDCOOWL.js";
 import "../__chunks/4FNI7F6H.js";
-import "../__chunks/D2BRO4YW.js";
+import "../__chunks/TONP6TZ5.js";
 import {
   useCompositeItem
-} from "../__chunks/54J7EHCU.js";
-import "../__chunks/XBIFFFUN.js";
+} from "../__chunks/IQXVWBXC.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/XIA3HAXM.js";
 import "../__chunks/OXPV2NBK.js";
 import "../__chunks/5C7J4IAS.js";
@@ -23,7 +23,7 @@ import {
   createElement,
   createHook
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import {
   useEvent,
   useMergeRefs

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

@@ -1,11 +1,11 @@
 import {
   usePopoverStoreProps
-} from "../__chunks/DO6GQUCF.js";
-import "../__chunks/DJUMA466.js";
-import "../__chunks/BWOZSOC7.js";
+} from "../__chunks/QTZ67ALK.js";
+import "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
 import {
   useStore
-} from "../__chunks/4LP74VAP.js";
+} from "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/composite/composite-overflow.js

@@ -1,8 +1,8 @@
 import {
   usePopover
-} from "../__chunks/MNVQ65E5.js";
-import "../__chunks/YGEFENKI.js";
-import "../__chunks/IAA7Y45N.js";
+} from "../__chunks/H3CXUGYG.js";
+import "../__chunks/UXIMR4AS.js";
+import "../__chunks/NXB7YL3C.js";
 import "../__chunks/HWJ7DGMR.js";
 import "../__chunks/7LB47D2O.js";
 import "../__chunks/62DFK33R.js";
@@ -23,7 +23,7 @@ import "../__chunks/QW4PFVNF.js";
 import "../__chunks/LDDPB3PY.js";
 import "../__chunks/COQHFAEN.js";
 import "../__chunks/PGK6S5NC.js";
-import "../__chunks/3D7ZB3CS.js";
+import "../__chunks/KK6NPMOP.js";
 import "../__chunks/547DFODS.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
@@ -35,8 +35,9 @@ import {
   createElement,
   createHook
 } from "../__chunks/CFEUKV6C.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import {
   useEvent
 } from "../__chunks/J7Q2EO23.js";

package/esm/composite/composite-provider.js

@@ -1,13 +1,13 @@
 import {
   useCompositeStore
-} from "../__chunks/EZ23JQKA.js";
-import "../__chunks/C6MBVGZ2.js";
+} from "../__chunks/WRZGD4DH.js";
+import "../__chunks/YS46MLTR.js";
 import {
   CompositeContextProvider
 } from "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/composite/composite-renderer.d.ts

@@ -64,59 +64,59 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     unselectable?: "on" | "off" | undefined;
     inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
-    'aria-braillelabel'?: string | undefined;
-    'aria-brailleroledescription'?: string | undefined;
-    'aria-busy'?: (boolean | "false" | "true") | undefined;
-    'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colindextext'?: string | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-description'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "false" | "true") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "false" | "true") | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-    'aria-haspopup'?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "false" | "true") | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "false" | "true") | undefined;
-    'aria-multiline'?: (boolean | "false" | "true") | undefined;
-    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
-    'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: (boolean | "false" | "true") | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowindextext'?: string | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "false" | "true") | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;

package/esm/composite/composite-renderer.js

@@ -1,15 +1,15 @@
 import {
   CompositeRenderer,
   useCompositeRenderer
-} from "../__chunks/NQQVRTV2.js";
+} from "../__chunks/DCODCZJS.js";
 import {
   getCollectionRendererItem,
   getCollectionRendererItemId
-} from "../__chunks/2EIZAZYB.js";
+} from "../__chunks/2FIUKXIM.js";
 import "../__chunks/5C7J4IAS.js";
 import "../__chunks/74KKBFVP.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/composite/composite-store.js

@@ -1,9 +1,9 @@
 import {
   useCompositeStore,
   useCompositeStoreProps
-} from "../__chunks/EZ23JQKA.js";
-import "../__chunks/C6MBVGZ2.js";
-import "../__chunks/4LP74VAP.js";
+} from "../__chunks/WRZGD4DH.js";
+import "../__chunks/YS46MLTR.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/dialog/dialog-backdrop.js

@@ -1,17 +1,17 @@
 import {
   DialogBackdrop
-} from "../__chunks/IAA7Y45N.js";
+} from "../__chunks/NXB7YL3C.js";
 import "../__chunks/FRKOFFMT.js";
 import "../__chunks/IXXFVVA2.js";
 import "../__chunks/VRCYQ6JX.js";
 import "../__chunks/FW6QFGFT.js";
 import "../__chunks/PGK6S5NC.js";
-import "../__chunks/3D7ZB3CS.js";
+import "../__chunks/KK6NPMOP.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
 import "../__chunks/CFEUKV6C.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/dialog/dialog-disclosure.js

@@ -1,10 +1,10 @@
 import {
   DialogDisclosure,
   useDialogDisclosure
-} from "../__chunks/3HY5ZQT3.js";
-import "../__chunks/R6PKH666.js";
-import "../__chunks/D2BRO4YW.js";
-import "../__chunks/XBIFFFUN.js";
+} from "../__chunks/5EAW3TWZ.js";
+import "../__chunks/LRDCOOWL.js";
+import "../__chunks/TONP6TZ5.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
 import "../__chunks/YTHH33BK.js";

package/esm/dialog/dialog-dismiss.js

@@ -1,9 +1,9 @@
 import {
   DialogDismiss,
   useDialogDismiss
-} from "../__chunks/W5ZMSHVN.js";
-import "../__chunks/D2BRO4YW.js";
-import "../__chunks/XBIFFFUN.js";
+} from "../__chunks/3KBWC7LF.js";
+import "../__chunks/TONP6TZ5.js";
+import "../__chunks/CAIAWNDV.js";
 import "../__chunks/5YYGDU4E.js";
 import "../__chunks/56KWVYDN.js";
 import "../__chunks/YTHH33BK.js";

package/esm/dialog/dialog-provider.js

@@ -5,9 +5,9 @@ import "../__chunks/56KWVYDN.js";
 import "../__chunks/CFEUKV6C.js";
 import {
   useDialogStore
-} from "../__chunks/DJUMA466.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.js";
+} from "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/dialog/dialog-store.js

@@ -1,9 +1,9 @@
 import {
   useDialogStore,
   useDialogStoreProps
-} from "../__chunks/DJUMA466.js";
-import "../__chunks/BWOZSOC7.js";
-import "../__chunks/4LP74VAP.js";
+} from "../__chunks/IZFXPXHG.js";
+import "../__chunks/OD3JT64N.js";
+import "../__chunks/WHAB4XD6.js";
 import "../__chunks/J7Q2EO23.js";
 import "../__chunks/CP3U4HPL.js";
 import "../__chunks/PNRLI7OV.js";

package/esm/dialog/dialog.d.ts

@@ -3,7 +3,7 @@ import type { BooleanOrCallback } from "@ariakit/core/utils/types";
 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";
+import type { As, Component, Props } from "../utils/types.js";
 import type { DialogStore } from "./dialog-store.js";
 /**
  * Returns props to create a `Dialog` component.
@@ -16,6 +16,7 @@ import type { DialogStore } from "./dialog-store.js";
  * ```
  */
 export declare const useDialog: import("../utils/types.js").Hook<DialogOptions<"div">>;
+export declare function createDialogComponent<T extends DialogOptions>(Component: Component<T>, useProviderContext?: () => DialogStore | undefined): Component<T>;
 /**
  * Renders a dialog element.
  * @see https://ariakit.org/components/dialog
@@ -26,12 +27,57 @@ export declare const useDialog: import("../utils/types.js").Hook<DialogOptions<"
  * <Dialog store={dialog}>Dialog</Dialog>
  * ```
  */
-export declare const Dialog: import("../utils/types.js").Component<DialogOptions<"div">>;
+export declare const Dialog: Component<DialogOptions<"div">>;
 export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>, PortalOptions<T>, DisclosureContentOptions<T> {
     /**
-     * Object returned by the `useDialogStore` hook.
+     * Object returned by the
+     * [`useDialogStore`](https://ariakit.org/reference/use-dialog-store) hook. If
+     * not provided, the closest
+     * [`DialogProvider`](https://ariakit.org/reference/dialog-provider)
+     * component's context will be used. Otherwise, an internal store will be
+     * created.
      */
     store?: DialogStore;
+    /**
+     * Controls the open state of the dialog. This is similar to the
+     * [`open`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/open)
+     * attribute on native dialog elements.
+     *
+     * Live examples:
+     * - [Dialog with scrollable
+     *   backdrop](https://ariakit.org/examples/dialog-backdrop-scrollable)
+     * - [Dialog with details &
+     *   summary](https://ariakit.org/examples/dialog-details)
+     * - [Warning on Dialog
+     *   hide](https://ariakit.org/examples/dialog-hide-warning)
+     * - [Dialog with Menu](https://ariakit.org/examples/dialog-menu)
+     */
+    open?: boolean;
+    /**
+     * This is an event handler prop triggered when the dialog's `close` event is
+     * dispatched. The `close` event is similar to the native dialog
+     * [`close`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/close_event)
+     * event. The only difference is that this event can be cancelled with
+     * `event.preventDefault()`, which will prevent the dialog from hiding.
+     *
+     * It's important to note that this event only fires when the dialog store's
+     * [`open`](https://ariakit.org/reference/use-dialog-store#open) state is set
+     * to `false`. If the controlled
+     * [`open`](https://ariakit.org/reference/dialog#open) prop value changes, or
+     * if the dialog's visibility is altered in any other way (such as unmounting
+     * the dialog without adjusting the open state), this event won't be
+     * triggered.
+     *
+     * Live examples:
+     * - [Dialog with scrollable
+     *   backdrop](https://ariakit.org/examples/dialog-backdrop-scrollable)
+     * - [Dialog with details &
+     *   summary](https://ariakit.org/examples/dialog-details)
+     * - [Warning on Dialog
+     *   hide](https://ariakit.org/examples/dialog-hide-warning)
+     * - [Dialog with Menu](https://ariakit.org/examples/dialog-menu)
+     */
+    onClose?: (event: Event) => void;
     /**
      * Determines whether the dialog is modal. Modal dialogs have distinct states
      * and behaviors:
@@ -96,6 +142,9 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
     /**
      * Determines whether the dialog will be hidden when the user clicks or focus
      * on an element outside of the dialog.
+     *
+     * Live examples:
+     * - [Selection Popover](https://ariakit.org/examples/popover-selection)
      * @default true
      */
     hideOnInteractOutside?: BooleanOrCallback<Event | SyntheticEvent>;
@@ -121,6 +170,12 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
      * dialog is shown. By default, this is usually the first tabbable element in
      * the dialog or the dialog itself. The `initialFocus` prop can be used to set
      * a different element to receive focus.
+     *
+     * Live examples:
+     * - [Warning on Dialog
+     *   hide](https://ariakit.org/examples/dialog-hide-warning)
+     * - [Sliding Menu](https://ariakit.org/examples/menu-slide)
+     * - [Selection Popover](https://ariakit.org/examples/popover-selection)
      * @default true
      */
     autoFocusOnShow?: BooleanOrCallback<HTMLElement | null>;