@ariakit/react-core 0.4.4 → 0.4.5

package/esm/combobox/combobox-item.js

@@ -2,17 +2,17 @@
 import {
   useCompositeHover
 } from "../__chunks/VXKKJNIF.js";
-import {
-  useCompositeItem
-} from "../__chunks/R33ISPJY.js";
-import "../__chunks/PJ7ERAIM.js";
 import {
   ComboboxItemCheckedContext,
   ComboboxItemValueContext,
   ComboboxListRoleContext,
   useComboboxScopedContext
 } from "../__chunks/N4X7J4OQ.js";
+import {
+  useCompositeItem
+} from "../__chunks/VGORKDMQ.js";
 import "../__chunks/IFMAUEA7.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
@@ -74,8 +74,9 @@ var useComboboxItem = createHook(
       store,
       value,
       hideOnClick,
-      selectValueOnClick = true,
       setValueOnClick,
+      selectValueOnClick = true,
+      resetValueOnSelect,
       focusOnHover = false,
       moveOnKeyPress = true,
       getItem: getItemProp
@@ -83,12 +84,14 @@ var useComboboxItem = createHook(
       "store",
       "value",
       "hideOnClick",
-      "selectValueOnClick",
       "setValueOnClick",
+      "selectValueOnClick",
+      "resetValueOnSelect",
       "focusOnHover",
       "moveOnKeyPress",
       "getItem"
     ]);
+    var _a2;
     const context = useComboboxScopedContext();
     store = store || context;
     invariant(
@@ -108,11 +111,18 @@ var useComboboxItem = createHook(
     const multiSelectable = store.useState(
       (state) => Array.isArray(state.selectedValue)
     );
+    const selected = store.useState(
+      (state) => isSelected(state.selectedValue, value)
+    );
+    const resetValueOnSelectState = store.useState("resetValueOnSelect");
     setValueOnClick = setValueOnClick != null ? setValueOnClick : !multiSelectable;
     hideOnClick = hideOnClick != null ? hideOnClick : value != null && !multiSelectable;
     const onClickProp = props.onClick;
     const setValueOnClickProp = useBooleanEvent(setValueOnClick);
     const selectValueOnClickProp = useBooleanEvent(selectValueOnClick);
+    const resetValueOnSelectProp = useBooleanEvent(
+      (_a2 = resetValueOnSelect != null ? resetValueOnSelect : resetValueOnSelectState) != null ? _a2 : multiSelectable
+    );
     const hideOnClickProp = useBooleanEvent(hideOnClick);
     const onClick = useEvent((event) => {
       onClickProp == null ? void 0 : onClickProp(event);
@@ -124,6 +134,9 @@ var useComboboxItem = createHook(
         return;
       if (value != null) {
         if (selectValueOnClickProp(event)) {
+          if (resetValueOnSelectProp(event)) {
+            store == null ? void 0 : store.resetValue();
+          }
           store == null ? void 0 : store.setSelectedValue((prevValue) => {
             if (!Array.isArray(prevValue))
               return value;
@@ -159,9 +172,6 @@ var useComboboxItem = createHook(
         }
       }
     });
-    const selected = store.useState(
-      (state) => isSelected(state.selectedValue, value)
-    );
     if (multiSelectable && selected != null) {
       props = __spreadValues({
         "aria-selected": selected

package/esm/combobox/combobox-popover.js

@@ -9,32 +9,32 @@ import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";
 import {
   usePopover
-} from "../__chunks/LTYEFENI.js";
+} from "../__chunks/6YVAEELE.js";
 import {
   createDialogComponent
-} from "../__chunks/IOUGWXY5.js";
-import "../__chunks/GOXKZAQI.js";
-import "../__chunks/6GXEOXGT.js";
-import "../__chunks/PTPUIM7N.js";
-import "../__chunks/4ZRXV5C7.js";
-import "../__chunks/U2L67A6K.js";
-import "../__chunks/4KKLZMKS.js";
+} from "../__chunks/FGHVVLPU.js";
+import "../__chunks/CMFBAHKI.js";
 import "../__chunks/HSFE2URL.js";
 import "../__chunks/H2NVVTJB.js";
+import "../__chunks/6GXEOXGT.js";
 import "../__chunks/YNKDLCEK.js";
+import "../__chunks/3TEK3C5Q.js";
+import "../__chunks/4ZRXV5C7.js";
+import "../__chunks/677M2CI3.js";
 import "../__chunks/MKDDWKFK.js";
 import "../__chunks/5QL6BP6J.js";
 import "../__chunks/OOBDFMJL.js";
+import "../__chunks/BC72XE6E.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/677M2CI3.js";
+import "../__chunks/4KKLZMKS.js";
 import "../__chunks/UHSH3H5I.js";
 import "../__chunks/UYRJLDVS.js";
+import "../__chunks/XPF5GU3Q.js";
 import "../__chunks/JPQNKTGF.js";
 import "../__chunks/LQTCWTYB.js";
 import "../__chunks/7452U3HH.js";
-import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/4MFOHMLS.js";
 import "../__chunks/KCMTTTFR.js";
+import "../__chunks/4MFOHMLS.js";
 import "../__chunks/5B3U64HV.js";
 import "../__chunks/IWHI6Y45.js";
 import "../__chunks/RG6J4TID.js";
@@ -48,7 +48,9 @@ import {
 } from "../__chunks/GUCZNEAD.js";
 import "../__chunks/2KACNUKS.js";
 import "../__chunks/ZIX5D53S.js";
-import "../__chunks/PWUXK5IM.js";
+import {
+  useStoreState
+} from "../__chunks/PWUXK5IM.js";
 import "../__chunks/WOWUAP42.js";
 import "../__chunks/XM66DUTO.js";
 import {
@@ -98,6 +100,10 @@ var useComboboxPopover = createHook(
     );
     const baseElement = store.useState("baseElement");
     const hiddenByClickOutsideRef = useRef(false);
+    const treeSnapshotKey = useStoreState(
+      store.tag,
+      (state) => state == null ? void 0 : state.renderedItems.length
+    );
     props = useComboboxList(__spreadValues({ store, alwaysVisible }, props));
     props = usePopover(__spreadProps(__spreadValues({
       store,
@@ -106,7 +112,8 @@ var useComboboxPopover = createHook(
       backdrop: false,
       autoFocusOnShow: false,
       finalFocus: baseElement,
-      preserveTabOrderAnchor: null
+      preserveTabOrderAnchor: null,
+      unstable_treeSnapshotKey: treeSnapshotKey
     }, props), {
       // When the combobox popover is modal, we make sure to include the
       // combobox input and all the combobox controls (cancel, disclosure) in

package/esm/combobox/combobox-provider.js

@@ -1,10 +1,11 @@
 "use client";
 import {
   useComboboxStore
-} from "../__chunks/ZFEEEZVE.js";
+} from "../__chunks/DLLQM6DZ.js";
 import {
   ComboboxContextProvider
 } from "../__chunks/N4X7J4OQ.js";
+import "../__chunks/WYDDZRWN.js";
 import "../__chunks/ZR5N62ZV.js";
 import "../__chunks/LGWSZOP2.js";
 import "../__chunks/QFI3MCMR.js";

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

@@ -2,9 +2,12 @@ import * as Core from "@ariakit/core/combobox/combobox-store";
 import type { PickRequired } from "@ariakit/core/utils/types";
 import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
+import type { TagStore } from "../tag/tag-store.js";
 import type { Store } from "../utils/store.js";
 export declare function useComboboxStoreProps<T extends Core.ComboboxStore>(store: T, update: () => void, props: ComboboxStoreProps): T & {
     disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+} & {
+    tag: TagStore | null | undefined;
 };
 /**
  * Creates a combobox store to control the state of
@@ -31,9 +34,9 @@ export interface ComboboxStoreItem extends Core.ComboboxStoreItem {
 }
 export interface ComboboxStoreState<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Core.ComboboxStoreState<T>, CompositeStoreState<ComboboxStoreItem>, PopoverStoreState {
 }
-export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreFunctions<T>, "disclosure">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
+export interface ComboboxStoreFunctions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Pick<ComboboxStoreOptions<T>, "tag">, Omit<Core.ComboboxStoreFunctions<T>, "tag" | "disclosure">, CompositeStoreFunctions<ComboboxStoreItem>, PopoverStoreFunctions {
 }
-export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreOptions<T>, "disclosure">, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
+export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends Omit<Core.ComboboxStoreOptions<T>, "tag" | "disclosure">, CompositeStoreOptions<ComboboxStoreItem>, PopoverStoreOptions {
     /**
      * A callback that gets called when the
      * [`value`](https://ariakit.org/reference/combobox-provider#value) state
@@ -61,8 +64,13 @@ export interface ComboboxStoreOptions<T extends ComboboxStoreSelectedValue = Com
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      */
     setSelectedValue?: (value: ComboboxStoreState<T>["selectedValue"]) => void;
+    /**
+     * A reference to a [tag store](https://ariakit.org/apis/use-tag-store). It's
+     * automatically set when rendering a combobox within a tag list.
+     */
+    tag?: TagStore | null;
 }
-export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Omit<Core.ComboboxStoreProps<T>, "disclosure"> {
+export interface ComboboxStoreProps<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreOptions<T>, Omit<Core.ComboboxStoreProps<T>, "tag" | "disclosure"> {
 }
-export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Omit<Store<Core.ComboboxStore<T>>, "disclosure"> {
+export interface ComboboxStore<T extends ComboboxStoreSelectedValue = ComboboxStoreSelectedValue> extends ComboboxStoreFunctions<T>, Omit<Store<Core.ComboboxStore<T>>, "tag" | "disclosure"> {
 }

package/esm/combobox/combobox-store.js

@@ -2,9 +2,13 @@
 import {
   useComboboxStore,
   useComboboxStoreProps
-} from "../__chunks/ZFEEEZVE.js";
+} from "../__chunks/DLLQM6DZ.js";
+import "../__chunks/WYDDZRWN.js";
 import "../__chunks/ZR5N62ZV.js";
 import "../__chunks/LGWSZOP2.js";
+import "../__chunks/QFI3MCMR.js";
+import "../__chunks/6LTHW2TQ.js";
+import "../__chunks/GUCZNEAD.js";
 import "../__chunks/JNGHG5BN.js";
 import "../__chunks/2KACNUKS.js";
 import "../__chunks/ZIX5D53S.js";

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

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+import type { ComboboxStore, ComboboxStoreState } from "./combobox-store.js";
+/**
+ * Renders the current
+ * [`value`](https://ariakit.org/reference/use-combobox-store#value) state in
+ * the [combobox store](https://ariakit.org/reference/use-combobox-store).
+ *
+ * As a value component, it doesn't render any DOM elements and therefore
+ * doesn't accept HTML props.
+ *
+ * It takes a
+ * [`children`](https://ariakit.org/reference/combobox-value#children) function
+ * that gets called with the current value as an argument. This can be used as
+ * an uncontrolled API to render the combobox value in a custom way.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx {3-5}
+ * <ComboboxProvider>
+ *   <Combobox />
+ *   <ComboboxValue>
+ *     {(value) => `Current value: ${value}`}
+ *   </ComboboxValue>
+ * </ComboboxProvider>
+ * ```
+ */
+export declare function ComboboxValue({ store, children }?: ComboboxValueProps): ReactNode;
+export interface ComboboxValueProps {
+    /**
+     * Object returned by the
+     * [`useComboboxStore`](https://ariakit.org/reference/use-combobox-store)
+     * hook. If not provided, the closest
+     * [`ComboboxProvider`](https://ariakit.org/reference/combobox-provider)
+     * component's context will be used.
+     */
+    store?: ComboboxStore;
+    /**
+     * A function that gets called with the current value as an argument. It can
+     * be used to render the combobox value in a custom way.
+     */
+    children?: (value: ComboboxStoreState["value"]) => ReactNode;
+}

package/esm/combobox/combobox-value.js

@@ -0,0 +1,32 @@
+"use client";
+import {
+  useComboboxContext
+} from "../__chunks/N4X7J4OQ.js";
+import "../__chunks/QFI3MCMR.js";
+import "../__chunks/6LTHW2TQ.js";
+import "../__chunks/5B3U64HV.js";
+import "../__chunks/IWHI6Y45.js";
+import "../__chunks/RG6J4TID.js";
+import "../__chunks/GUCZNEAD.js";
+import "../__chunks/WOWUAP42.js";
+import "../__chunks/XM66DUTO.js";
+import "../__chunks/4R3V3JGP.js";
+
+// src/combobox/combobox-value.tsx
+import { invariant } from "@ariakit/core/utils/misc";
+function ComboboxValue({ store, children } = {}) {
+  const context = useComboboxContext();
+  store = store || context;
+  invariant(
+    store,
+    process.env.NODE_ENV !== "production" && "ComboboxValue must receive a `store` prop or be wrapped in a ComboboxProvider component."
+  );
+  const value = store.useState("value");
+  if (children) {
+    return children(value);
+  }
+  return value;
+}
+export {
+  ComboboxValue
+};

package/esm/combobox/combobox.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  usePopoverAnchor
-} from "../__chunks/DYQUE3V3.js";
 import {
   useComboboxProviderContext
 } from "../__chunks/N4X7J4OQ.js";
+import {
+  usePopoverAnchor
+} from "../__chunks/DYQUE3V3.js";
 import {
   useComposite
 } from "../__chunks/CDZXDIC7.js";
@@ -43,6 +43,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import {
   getPopupRole,
   getScrollingElement,
+  getTextboxSelection,
   setSelectionRange
 } from "@ariakit/core/utils/dom";
 import {
@@ -53,9 +54,10 @@ import { hasFocus } from "@ariakit/core/utils/focus";
 import {
   invariant,
   isFalsyBooleanCallback,
+  noop,
   normalizeString
 } from "@ariakit/core/utils/misc";
-import { flushSync } from "react-dom";
+import { sync } from "@ariakit/core/utils/store";
 var TagName = "input";
 function isFirstItemAutoSelected(items, activeValue, autoSelect) {
   if (!autoSelect)
@@ -93,7 +95,7 @@ var useCombobox = createHook(
       focusable = true,
       autoSelect: autoSelectProp = false,
       getAutoSelectId,
-      setValueOnChange = true,
+      setValueOnChange,
       showMinLength = 0,
       showOnChange,
       showOnMouseDown,
@@ -142,9 +144,26 @@ var useCombobox = createHook(
       setCanInline(true);
     }, [inline]);
     const storeValue = store.useState("value");
-    const activeValue = store.useState(
-      (state) => inline && canInline ? state.activeValue : void 0
-    );
+    const prevSelectedValueRef = useRef();
+    useEffect(() => {
+      return sync(store, ["selectedValue", "activeId"], (_, prev) => {
+        prevSelectedValueRef.current = prev.selectedValue;
+      });
+    }, []);
+    const inlineActiveValue = store.useState((state) => {
+      var _a2;
+      if (!inline)
+        return;
+      if (!canInline)
+        return;
+      if (state.activeValue && Array.isArray(state.selectedValue)) {
+        if (state.selectedValue.includes(state.activeValue))
+          return;
+        if ((_a2 = prevSelectedValueRef.current) == null ? void 0 : _a2.includes(state.activeValue))
+          return;
+      }
+      return state.activeValue;
+    });
     const items = store.useState("renderedItems");
     const open = store.useState("open");
     const contentElement = store.useState("contentElement");
@@ -155,18 +174,18 @@ var useCombobox = createHook(
         return storeValue;
       const firstItemAutoSelected = isFirstItemAutoSelected(
         items,
-        activeValue,
+        inlineActiveValue,
         autoSelect
       );
       if (firstItemAutoSelected) {
-        if (hasCompletionString(storeValue, activeValue)) {
-          const slice = (activeValue == null ? void 0 : activeValue.slice(storeValue.length)) || "";
+        if (hasCompletionString(storeValue, inlineActiveValue)) {
+          const slice = (inlineActiveValue == null ? void 0 : inlineActiveValue.slice(storeValue.length)) || "";
           return storeValue + slice;
         }
         return storeValue;
       }
-      return activeValue || storeValue;
-    }, [inline, canInline, items, activeValue, autoSelect, storeValue]);
+      return inlineActiveValue || storeValue;
+    }, [inline, canInline, items, inlineActiveValue, autoSelect, storeValue]);
     useEffect(() => {
       const element = ref.current;
       if (!element)
@@ -182,28 +201,43 @@ var useCombobox = createHook(
         return;
       if (!canInline)
         return;
-      if (!activeValue)
+      if (!inlineActiveValue)
         return;
       const firstItemAutoSelected = isFirstItemAutoSelected(
         items,
-        activeValue,
+        inlineActiveValue,
         autoSelect
       );
       if (!firstItemAutoSelected)
         return;
-      if (!hasCompletionString(storeValue, activeValue))
+      if (!hasCompletionString(storeValue, inlineActiveValue))
         return;
+      let cleanup = noop;
       queueMicrotask(() => {
         const element = ref.current;
         if (!element)
           return;
-        setSelectionRange(element, storeValue.length, activeValue.length);
+        const { start: prevStart, end: prevEnd } = getTextboxSelection(element);
+        const nextStart = storeValue.length;
+        const nextEnd = inlineActiveValue.length;
+        setSelectionRange(element, nextStart, nextEnd);
+        cleanup = () => {
+          if (!hasFocus(element))
+            return;
+          const { start, end } = getTextboxSelection(element);
+          if (start !== nextStart)
+            return;
+          if (end !== nextEnd)
+            return;
+          setSelectionRange(element, prevStart, prevEnd);
+        };
       });
+      return () => cleanup();
     }, [
       valueUpdated,
       inline,
       canInline,
-      activeValue,
+      inlineActiveValue,
       items,
       autoSelect,
       storeValue
@@ -314,17 +348,25 @@ var useCombobox = createHook(
         elements.forEach((el) => el.removeEventListener("focusout", onBlur2));
       };
     }, [inline, contentElement, store, value]);
-    const canShow = value.length >= showMinLength;
+    const canShow = (event) => {
+      const currentTarget = event.currentTarget;
+      return currentTarget.value.length >= showMinLength;
+    };
     const onChangeProp = props.onChange;
     const showOnChangeProp = useBooleanEvent(showOnChange != null ? showOnChange : canShow);
-    const setValueOnChangeProp = useBooleanEvent(setValueOnChange);
+    const setValueOnChangeProp = useBooleanEvent(
+      // If the combobox is combined with tags, the value will be set by the tag
+      // input component.
+      setValueOnChange != null ? setValueOnChange : !store.tag
+    );
     const onChange = useEvent((event) => {
       onChangeProp == null ? void 0 : onChangeProp(event);
       if (event.defaultPrevented)
         return;
       if (!store)
         return;
-      const { value: value2, selectionStart, selectionEnd } = event.target;
+      const currentTarget = event.currentTarget;
+      const { value: value2, selectionStart, selectionEnd } = currentTarget;
       const nativeEvent = event.nativeEvent;
       canAutoSelectRef.current = true;
       if (isInputEvent(nativeEvent)) {
@@ -340,8 +382,10 @@ var useCombobox = createHook(
       }
       if (setValueOnChangeProp(event)) {
         const isSameValue = value2 === store.getState().value;
-        flushSync(() => store == null ? void 0 : store.setValue(value2));
-        setSelectionRange(event.currentTarget, selectionStart, selectionEnd);
+        store.setValue(value2);
+        queueMicrotask(() => {
+          setSelectionRange(currentTarget, selectionStart, selectionEnd);
+        });
         if (inline && autoSelect && isSameValue) {
           forceValueUpdate();
         }

package/esm/composite/composite-item.js

@@ -2,9 +2,9 @@
 import {
   CompositeItem,
   useCompositeItem
-} from "../__chunks/R33ISPJY.js";
-import "../__chunks/PJ7ERAIM.js";
+} from "../__chunks/VGORKDMQ.js";
 import "../__chunks/IFMAUEA7.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

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

@@ -8,9 +8,9 @@ import "../__chunks/DYQUE3V3.js";
 import "../__chunks/CKAOM5LG.js";
 import {
   useCompositeItem
-} from "../__chunks/R33ISPJY.js";
-import "../__chunks/PJ7ERAIM.js";
+} from "../__chunks/VGORKDMQ.js";
 import "../__chunks/IFMAUEA7.js";
+import "../__chunks/PJ7ERAIM.js";
 import "../__chunks/3IEDWLST.js";
 import "../__chunks/QFI3MCMR.js";
 import "../__chunks/6LTHW2TQ.js";

package/esm/composite/composite-overflow.js

@@ -1,30 +1,30 @@
 "use client";
 import {
   usePopover
-} from "../__chunks/LTYEFENI.js";
-import "../__chunks/IOUGWXY5.js";
-import "../__chunks/GOXKZAQI.js";
-import "../__chunks/6GXEOXGT.js";
-import "../__chunks/PTPUIM7N.js";
-import "../__chunks/4ZRXV5C7.js";
-import "../__chunks/U2L67A6K.js";
-import "../__chunks/4KKLZMKS.js";
+} from "../__chunks/6YVAEELE.js";
+import "../__chunks/FGHVVLPU.js";
+import "../__chunks/CMFBAHKI.js";
 import "../__chunks/HSFE2URL.js";
 import "../__chunks/H2NVVTJB.js";
+import "../__chunks/6GXEOXGT.js";
 import "../__chunks/YNKDLCEK.js";
+import "../__chunks/3TEK3C5Q.js";
+import "../__chunks/4ZRXV5C7.js";
+import "../__chunks/677M2CI3.js";
 import "../__chunks/MKDDWKFK.js";
 import "../__chunks/5QL6BP6J.js";
 import "../__chunks/OOBDFMJL.js";
+import "../__chunks/BC72XE6E.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/677M2CI3.js";
+import "../__chunks/4KKLZMKS.js";
 import "../__chunks/UHSH3H5I.js";
 import "../__chunks/UYRJLDVS.js";
+import "../__chunks/XPF5GU3Q.js";
 import "../__chunks/JPQNKTGF.js";
 import "../__chunks/LQTCWTYB.js";
 import "../__chunks/7452U3HH.js";
-import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/4MFOHMLS.js";
 import "../__chunks/KCMTTTFR.js";
+import "../__chunks/4MFOHMLS.js";
 import "../__chunks/5B3U64HV.js";
 import "../__chunks/IWHI6Y45.js";
 import "../__chunks/RG6J4TID.js";

package/esm/dialog/dialog-backdrop.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   DialogBackdrop
-} from "../__chunks/GOXKZAQI.js";
+} from "../__chunks/CMFBAHKI.js";
 import "../__chunks/YNKDLCEK.js";
 import "../__chunks/MKDDWKFK.js";
 import "../__chunks/5QL6BP6J.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/4MFOHMLS.js";
 import "../__chunks/KCMTTTFR.js";
+import "../__chunks/4MFOHMLS.js";
 import "../__chunks/IWHI6Y45.js";
 import "../__chunks/RG6J4TID.js";
 import "../__chunks/GUCZNEAD.js";

package/esm/dialog/dialog.d.ts

@@ -254,6 +254,10 @@ export interface DialogOptions<T extends ElementType = TagName> extends Focusabl
      *   will be focused again.
      */
     finalFocus?: HTMLElement | RefObject<HTMLElement> | null;
+    /**
+     * @private
+     */
+    unstable_treeSnapshotKey?: string | number | boolean | null;
 }
 export type DialogProps<T extends ElementType = TagName> = Props<T, DialogOptions<T>>;
 export {};

package/esm/dialog/dialog.js

@@ -3,29 +3,29 @@ import {
   Dialog,
   createDialogComponent,
   useDialog
-} from "../__chunks/IOUGWXY5.js";
-import "../__chunks/GOXKZAQI.js";
-import "../__chunks/6GXEOXGT.js";
-import "../__chunks/PTPUIM7N.js";
-import "../__chunks/4ZRXV5C7.js";
-import "../__chunks/U2L67A6K.js";
-import "../__chunks/4KKLZMKS.js";
+} from "../__chunks/FGHVVLPU.js";
+import "../__chunks/CMFBAHKI.js";
 import "../__chunks/HSFE2URL.js";
 import "../__chunks/H2NVVTJB.js";
+import "../__chunks/6GXEOXGT.js";
 import "../__chunks/YNKDLCEK.js";
+import "../__chunks/3TEK3C5Q.js";
+import "../__chunks/4ZRXV5C7.js";
+import "../__chunks/677M2CI3.js";
 import "../__chunks/MKDDWKFK.js";
 import "../__chunks/5QL6BP6J.js";
 import "../__chunks/OOBDFMJL.js";
+import "../__chunks/BC72XE6E.js";
 import "../__chunks/53CQGCDZ.js";
-import "../__chunks/677M2CI3.js";
+import "../__chunks/4KKLZMKS.js";
 import "../__chunks/UHSH3H5I.js";
 import "../__chunks/UYRJLDVS.js";
+import "../__chunks/XPF5GU3Q.js";
 import "../__chunks/JPQNKTGF.js";
 import "../__chunks/LQTCWTYB.js";
 import "../__chunks/7452U3HH.js";
-import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/4MFOHMLS.js";
 import "../__chunks/KCMTTTFR.js";
+import "../__chunks/4MFOHMLS.js";
 import "../__chunks/IWHI6Y45.js";
 import "../__chunks/RG6J4TID.js";
 import "../__chunks/7JCFLN3D.js";

package/esm/dialog/utils/disable-tree.js

@@ -2,12 +2,12 @@
 import {
   disableTree,
   disableTreeOutside
-} from "../../__chunks/PTPUIM7N.js";
+} from "../../__chunks/3TEK3C5Q.js";
 import "../../__chunks/4ZRXV5C7.js";
+import "../../__chunks/677M2CI3.js";
 import "../../__chunks/MKDDWKFK.js";
 import "../../__chunks/5QL6BP6J.js";
 import "../../__chunks/53CQGCDZ.js";
-import "../../__chunks/677M2CI3.js";
 import "../../__chunks/4R3V3JGP.js";
 export {
   disableTree,

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   usePreventBodyScroll
-} from "../../__chunks/U2L67A6K.js";
-import "../../__chunks/4KKLZMKS.js";
+} from "../../__chunks/BC72XE6E.js";
 import "../../__chunks/53CQGCDZ.js";
+import "../../__chunks/4KKLZMKS.js";
 import "../../__chunks/WOWUAP42.js";
 import "../../__chunks/XM66DUTO.js";
 import "../../__chunks/4R3V3JGP.js";