@ariakit/react-core 0.4.3 → 0.4.5

package/cjs/combobox/combobox.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _YH42XRHRcjs = require('../__chunks/YH42XRHR.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 
 
-var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+var _YH42XRHRcjs = require('../__chunks/YH42XRHR.cjs');
 
 
 var _EKW5CERCcjs = require('../__chunks/EKW5CERC.cjs');
@@ -38,12 +38,13 @@ require('../__chunks/CJDHQUBR.cjs');
 
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
-// src/combobox/combobox.ts
+// src/combobox/combobox.tsx
 var _react = require('react');
 
 
 
 
+
 var _dom = require('@ariakit/core/utils/dom');
 
 
@@ -54,8 +55,9 @@ var _focus = require('@ariakit/core/utils/focus');
 
 
 
+
 var _misc = require('@ariakit/core/utils/misc');
-var _reactdom = require('react-dom');
+var _store = require('@ariakit/core/utils/store');
 var TagName = "input";
 function isFirstItemAutoSelected(items, activeValue, autoSelect) {
   if (!autoSelect)
@@ -93,14 +95,15 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
       focusable = true,
       autoSelect: autoSelectProp = false,
       getAutoSelectId,
-      showOnChange = true,
-      setValueOnChange = true,
-      showOnMouseDown = true,
+      setValueOnChange,
+      showMinLength = 0,
+      showOnChange,
+      showOnMouseDown,
       showOnClick = showOnMouseDown,
+      showOnKeyDown,
+      showOnKeyPress = showOnKeyDown,
       blurActiveItemOnClick,
       setValueOnClick = true,
-      showOnKeyDown = true,
-      showOnKeyPress = showOnKeyDown,
       moveOnKeyPress = true,
       autoComplete = "list"
     } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
@@ -108,14 +111,15 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
       "focusable",
       "autoSelect",
       "getAutoSelectId",
-      "showOnChange",
       "setValueOnChange",
+      "showMinLength",
+      "showOnChange",
       "showOnMouseDown",
       "showOnClick",
-      "blurActiveItemOnClick",
-      "setValueOnClick",
       "showOnKeyDown",
       "showOnKeyPress",
+      "blurActiveItemOnClick",
+      "setValueOnClick",
       "moveOnKeyPress",
       "autoComplete"
     ]);
@@ -140,9 +144,26 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
       setCanInline(true);
     }, [inline]);
     const storeValue = store.useState("value");
-    const activeValue = store.useState(
-      (state) => inline && canInline ? state.activeValue : void 0
-    );
+    const prevSelectedValueRef = _react.useRef.call(void 0, );
+    _react.useEffect.call(void 0, () => {
+      return _store.sync.call(void 0, 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");
@@ -153,18 +174,18 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
         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]);
     _react.useEffect.call(void 0, () => {
       const element = ref.current;
       if (!element)
@@ -180,28 +201,43 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
         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 = _misc.noop;
       queueMicrotask(() => {
         const element = ref.current;
         if (!element)
           return;
-        _dom.setSelectionRange.call(void 0, element, storeValue.length, activeValue.length);
+        const { start: prevStart, end: prevEnd } = _dom.getTextboxSelection.call(void 0, element);
+        const nextStart = storeValue.length;
+        const nextEnd = inlineActiveValue.length;
+        _dom.setSelectionRange.call(void 0, element, nextStart, nextEnd);
+        cleanup = () => {
+          if (!_focus.hasFocus.call(void 0, element))
+            return;
+          const { start, end } = _dom.getTextboxSelection.call(void 0, element);
+          if (start !== nextStart)
+            return;
+          if (end !== nextEnd)
+            return;
+          _dom.setSelectionRange.call(void 0, element, prevStart, prevEnd);
+        };
       });
+      return () => cleanup();
     }, [
       valueUpdated,
       inline,
       canInline,
-      activeValue,
+      inlineActiveValue,
       items,
       autoSelect,
       storeValue
@@ -312,16 +348,25 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
         elements.forEach((el) => el.removeEventListener("focusout", onBlur2));
       };
     }, [inline, contentElement, store, value]);
+    const canShow = (event) => {
+      const currentTarget = event.currentTarget;
+      return currentTarget.value.length >= showMinLength;
+    };
     const onChangeProp = props.onChange;
-    const showOnChangeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnChange);
-    const setValueOnChangeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, setValueOnChange);
+    const showOnChangeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnChange != null ? showOnChange : canShow);
+    const setValueOnChangeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, 
+      // If the combobox is combined with tags, the value will be set by the tag
+      // input component.
+      setValueOnChange != null ? setValueOnChange : !store.tag
+    );
     const onChange = _TW3SFX4Ccjs.useEvent.call(void 0, (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)) {
@@ -337,8 +382,10 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
       }
       if (setValueOnChangeProp(event)) {
         const isSameValue = value2 === store.getState().value;
-        _reactdom.flushSync.call(void 0, () => store == null ? void 0 : store.setValue(value2));
-        _dom.setSelectionRange.call(void 0, event.currentTarget, selectionStart, selectionEnd);
+        store.setValue(value2);
+        queueMicrotask(() => {
+          _dom.setSelectionRange.call(void 0, currentTarget, selectionStart, selectionEnd);
+        });
         if (inline && autoSelect && isSameValue) {
           forceValueUpdate();
         }
@@ -366,7 +413,7 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
       blurActiveItemOnClick != null ? blurActiveItemOnClick : () => !!(store == null ? void 0 : store.getState().includesBaseElement)
     );
     const setValueOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, setValueOnClick);
-    const showOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnClick);
+    const showOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnClick != null ? showOnClick : canShow);
     const onMouseDown = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       if (event.defaultPrevented)
@@ -388,7 +435,7 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const showOnKeyPressProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnKeyPress);
+    const showOnKeyPressProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnKeyPress != null ? showOnKeyPress : canShow);
     const onKeyDown = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (!event.repeat) {

package/cjs/combobox/combobox.d.cts

@@ -143,6 +143,26 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * value.
      */
     blurActiveItemOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Specifies the minimum character count the input value should have before
+     * the [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
+     * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components are displayed.
+     *
+     * The [`showOnChange`](https://ariakit.org/reference/combobox#showonchange),
+     * [`showOnClick`](https://ariakit.org/reference/combobox#showonclick), and
+     * [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress)
+     * props allow you to tailor the behavior for each unique event.
+     * @default 0
+     * @example
+     * In the following example, the combobox list will be shown when the input
+     * value has at least one character. However, if the user presses the arrow
+     * keys, the list will be shown regardless of the input value length.
+     * ```jsx
+     * <Combobox showMinLength={1} showOnKeyPress />
+     * ```
+     */
+    showMinLength?: number;
     /**
      * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
      * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)

package/cjs/combobox/combobox.d.ts

@@ -143,6 +143,26 @@ export interface ComboboxOptions<T extends ElementType = TagName> extends Compos
      * value.
      */
     blurActiveItemOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Specifies the minimum character count the input value should have before
+     * the [`ComboboxList`](https://ariakit.org/reference/combobox-list) or
+     * [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)
+     * components are displayed.
+     *
+     * The [`showOnChange`](https://ariakit.org/reference/combobox#showonchange),
+     * [`showOnClick`](https://ariakit.org/reference/combobox#showonclick), and
+     * [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress)
+     * props allow you to tailor the behavior for each unique event.
+     * @default 0
+     * @example
+     * In the following example, the combobox list will be shown when the input
+     * value has at least one character. However, if the user presses the arrow
+     * keys, the list will be shown regardless of the input value length.
+     * ```jsx
+     * <Combobox showMinLength={1} showOnKeyPress />
+     * ```
+     */
+    showMinLength?: number;
     /**
      * Whether the [`ComboboxList`](https://ariakit.org/reference/combobox-list)
      * or [`ComboboxPopover`](https://ariakit.org/reference/combobox-popover)

package/cjs/composite/composite-input.cjs

@@ -1,14 +1,99 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
+var _6ZZYUFPWcjs = require('../__chunks/6ZZYUFPW.cjs');
 
-var _WGZQRLXVcjs = require('../__chunks/WGZQRLXV.cjs');
-require('../__chunks/6ZZYUFPW.cjs');
-require('../__chunks/NGD3IQDB.cjs');
-require('../__chunks/TW3SFX4C.cjs');
+
+
+
+
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
+
+
+var _TW3SFX4Ccjs = require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
-require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeInput = _WGZQRLXVcjs.CompositeInput; exports.useCompositeInput = _WGZQRLXVcjs.useCompositeInput;
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
+
+// src/composite/composite-input.ts
+var _react = require('react');
+
+
+
+
+var _dom = require('@ariakit/core/utils/dom');
+var _misc = require('@ariakit/core/utils/misc');
+var TagName = "input";
+function getValueLength(element) {
+  if (_dom.isTextField.call(void 0, element)) {
+    return element.value.length;
+  } else if (element.isContentEditable) {
+    const range = _dom.getDocument.call(void 0, element).createRange();
+    range.selectNodeContents(element);
+    return range.toString().length;
+  }
+  return 0;
+}
+var useCompositeInput = _NGD3IQDBcjs.createHook.call(void 0, 
+  function useCompositeInput2(_a) {
+    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const onKeyDownCaptureProp = props.onKeyDownCapture;
+    if (process.env.NODE_ENV !== "production") {
+      _react.useEffect.call(void 0, () => {
+        console.warn(
+          "CompositeInput is deprecated. Use `<CompositeItem render={<input />}>` instead."
+        );
+      }, []);
+    }
+    const onKeyDownCapture = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
+      onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
+      if (event.defaultPrevented)
+        return;
+      const element = event.currentTarget;
+      if (!element.isContentEditable && !_dom.isTextField.call(void 0, element))
+        return;
+      const selection = _dom.getTextboxSelection.call(void 0, element);
+      const { orientation } = (store == null ? void 0 : store.getState()) || {};
+      const isHorizontal = orientation !== "vertical";
+      const isVertical = orientation !== "horizontal";
+      const isLeft = isHorizontal && event.key === "ArrowLeft";
+      const isRight = isHorizontal && event.key === "ArrowRight";
+      const isUp = isVertical && event.key === "ArrowUp";
+      const isDown = isVertical && event.key === "ArrowDown";
+      if (isRight || isDown) {
+        if (selection.end !== getValueLength(element)) {
+          event.stopPropagation();
+        }
+      } else if (isLeft || isUp) {
+        if (selection.start !== 0) {
+          event.stopPropagation();
+        }
+      }
+    });
+    const onFocusProp = props.onFocus;
+    const onFocus = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
+      onFocusProp == null ? void 0 : onFocusProp(event);
+      if (event.defaultPrevented)
+        return;
+      _6ZZYUFPWcjs.selectTextField.call(void 0, event.currentTarget);
+    });
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+      onKeyDownCapture,
+      onFocus
+    });
+    return _misc.removeUndefinedValues.call(void 0, props);
+  }
+);
+var CompositeInput = _NGD3IQDBcjs.memo.call(void 0, 
+  _NGD3IQDBcjs.forwardRef.call(void 0, function CompositeInput2(props) {
+    const htmlProps = useCompositeInput(props);
+    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
+  })
+);
+
+
+
+exports.CompositeInput = CompositeInput; exports.useCompositeInput = useCompositeInput;

package/cjs/composite/composite-input.d.cts

@@ -8,6 +8,7 @@ type TagName = typeof TagName;
  * conjunction with the `CompositeItem` component, the `useCompositeItem` hook,
  * or any other component/hook that uses `CompositeItem` underneath.
  * @see https://ariakit.org/components/composite
+ * @deprecated Use `useCompositeItem` instead.
  * @example
  * ```jsx
  * const store = useCompositeStore();
@@ -24,6 +25,7 @@ export declare const useCompositeInput: import("../utils/types.js").Hook<"input"
  * or a component that uses
  * [`CompositeItem`](https://ariakit.org/reference/composite-item) underneath.
  * @see https://ariakit.org/components/composite
+ * @deprecated Use `<CompositeItem render={<input />}>` instead.
  * @example
  * ```jsx {3}
  * <CompositeProvider>

package/cjs/composite/composite-input.d.ts

@@ -8,6 +8,7 @@ type TagName = typeof TagName;
  * conjunction with the `CompositeItem` component, the `useCompositeItem` hook,
  * or any other component/hook that uses `CompositeItem` underneath.
  * @see https://ariakit.org/components/composite
+ * @deprecated Use `useCompositeItem` instead.
  * @example
  * ```jsx
  * const store = useCompositeStore();
@@ -24,6 +25,7 @@ export declare const useCompositeInput: import("../utils/types.js").Hook<"input"
  * or a component that uses
  * [`CompositeItem`](https://ariakit.org/reference/composite-item) underneath.
  * @see https://ariakit.org/components/composite
+ * @deprecated Use `<CompositeItem render={<input />}>` instead.
  * @example
  * ```jsx {3}
  * <CompositeProvider>

package/cjs/composite/composite-item.cjs

@@ -2,9 +2,9 @@
 
 
 
-var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
+var _3HMQOCLFcjs = require('../__chunks/3HMQOCLF.cjs');
 require('../__chunks/HD5AHCRI.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeItem = _7DQ2LBH2cjs.CompositeItem; exports.useCompositeItem = _7DQ2LBH2cjs.useCompositeItem;
+exports.CompositeItem = _3HMQOCLFcjs.CompositeItem; exports.useCompositeItem = _3HMQOCLFcjs.useCompositeItem;

package/cjs/composite/composite-overflow-disclosure.cjs

@@ -8,9 +8,9 @@ require('../__chunks/YH42XRHR.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 
 
-var _7DQ2LBH2cjs = require('../__chunks/7DQ2LBH2.cjs');
-require('../__chunks/U4NXCMZ3.cjs');
+var _3HMQOCLFcjs = require('../__chunks/3HMQOCLF.cjs');
 require('../__chunks/HD5AHCRI.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
@@ -70,7 +70,7 @@ var useCompositeOverflowDisclosure = _NGD3IQDBcjs.createHook.call(void 0, functi
     onFocus,
     onBlur
   });
-  props = _7DQ2LBH2cjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
+  props = _3HMQOCLFcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
   props = _K6TBX2ZBcjs.usePopoverDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
   return props;
 });

package/cjs/composite/composite-overflow.cjs

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _DCTXNU2Xcjs = require('../__chunks/DCTXNU2X.cjs');
-require('../__chunks/CWS5RZSU.cjs');
-require('../__chunks/TSEXNK3K.cjs');
-require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/37BRXQN7.cjs');
-require('../__chunks/MU7F4QWJ.cjs');
-require('../__chunks/PVYTX5U5.cjs');
-require('../__chunks/DLIQLPX4.cjs');
+var _N43E53E6cjs = require('../__chunks/N43E53E6.cjs');
+require('../__chunks/QJDA4LG6.cjs');
+require('../__chunks/VR6GCLOV.cjs');
 require('../__chunks/UUJ5Q6IA.cjs');
 require('../__chunks/4H7FYXWQ.cjs');
+require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/JKERATCG.cjs');
+require('../__chunks/BX2QEIBH.cjs');
+require('../__chunks/MU7F4QWJ.cjs');
+require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/7YLCVXZ7.cjs');
 require('../__chunks/CXZMA435.cjs');
 require('../__chunks/7TN63K2T.cjs');
+require('../__chunks/SL55T4ZB.cjs');
 require('../__chunks/3ND7K6FF.cjs');
-require('../__chunks/6IUEXB4L.cjs');
+require('../__chunks/DLIQLPX4.cjs');
 require('../__chunks/AFPGTIIH.cjs');
 require('../__chunks/J3OG6T3B.cjs');
+require('../__chunks/2BIO7R5N.cjs');
 require('../__chunks/PE3KUHN6.cjs');
 require('../__chunks/AXNMZ6L6.cjs');
 require('../__chunks/CVD2AZE2.cjs');
-require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/R6M66EKZ.cjs');
 require('../__chunks/7CYY7U2A.cjs');
+require('../__chunks/R6M66EKZ.cjs');
 require('../__chunks/77BAEZ2Z.cjs');
 require('../__chunks/GDEDCFNU.cjs');
 require('../__chunks/NTNMOEWE.cjs');
@@ -82,7 +82,7 @@ var useCompositeOverflow = _NGD3IQDBcjs.createHook.call(void 0, function useComp
   }, props), {
     onFocus
   });
-  props = _DCTXNU2Xcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _N43E53E6cjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store,
     focusable: false,
     alwaysVisible: true,

package/cjs/composite/composite-renderer.d.cts

@@ -265,9 +265,7 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;

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

@@ -265,9 +265,7 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;

package/cjs/dialog/dialog-backdrop.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _TSEXNK3Kcjs = require('../__chunks/TSEXNK3K.cjs');
+var _VR6GCLOVcjs = require('../__chunks/VR6GCLOV.cjs');
 require('../__chunks/JKERATCG.cjs');
 require('../__chunks/7YLCVXZ7.cjs');
 require('../__chunks/CXZMA435.cjs');
 require('../__chunks/3ND7K6FF.cjs');
-require('../__chunks/R6M66EKZ.cjs');
 require('../__chunks/7CYY7U2A.cjs');
+require('../__chunks/R6M66EKZ.cjs');
 require('../__chunks/GDEDCFNU.cjs');
 require('../__chunks/NTNMOEWE.cjs');
 require('../__chunks/NGD3IQDB.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.DialogBackdrop = _TSEXNK3Kcjs.DialogBackdrop;
+exports.DialogBackdrop = _VR6GCLOVcjs.DialogBackdrop;

package/cjs/dialog/dialog-dismiss.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _HFNM6QV4cjs = require('../__chunks/HFNM6QV4.cjs');
+var _DAOFDKV2cjs = require('../__chunks/DAOFDKV2.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/GDEDCFNU.cjs');
@@ -16,4 +16,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.DialogDismiss = _HFNM6QV4cjs.DialogDismiss; exports.useDialogDismiss = _HFNM6QV4cjs.useDialogDismiss;
+exports.DialogDismiss = _DAOFDKV2cjs.DialogDismiss; exports.useDialogDismiss = _DAOFDKV2cjs.useDialogDismiss;

package/cjs/dialog/dialog.cjs

@@ -3,29 +3,29 @@
 
 
 
-var _CWS5RZSUcjs = require('../__chunks/CWS5RZSU.cjs');
-require('../__chunks/TSEXNK3K.cjs');
-require('../__chunks/JF225FQ5.cjs');
-require('../__chunks/37BRXQN7.cjs');
-require('../__chunks/MU7F4QWJ.cjs');
-require('../__chunks/PVYTX5U5.cjs');
-require('../__chunks/DLIQLPX4.cjs');
+var _QJDA4LG6cjs = require('../__chunks/QJDA4LG6.cjs');
+require('../__chunks/VR6GCLOV.cjs');
 require('../__chunks/UUJ5Q6IA.cjs');
 require('../__chunks/4H7FYXWQ.cjs');
+require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/JKERATCG.cjs');
+require('../__chunks/BX2QEIBH.cjs');
+require('../__chunks/MU7F4QWJ.cjs');
+require('../__chunks/6IUEXB4L.cjs');
 require('../__chunks/7YLCVXZ7.cjs');
 require('../__chunks/CXZMA435.cjs');
 require('../__chunks/7TN63K2T.cjs');
+require('../__chunks/SL55T4ZB.cjs');
 require('../__chunks/3ND7K6FF.cjs');
-require('../__chunks/6IUEXB4L.cjs');
+require('../__chunks/DLIQLPX4.cjs');
 require('../__chunks/AFPGTIIH.cjs');
 require('../__chunks/J3OG6T3B.cjs');
+require('../__chunks/2BIO7R5N.cjs');
 require('../__chunks/PE3KUHN6.cjs');
 require('../__chunks/AXNMZ6L6.cjs');
 require('../__chunks/CVD2AZE2.cjs');
-require('../__chunks/2BIO7R5N.cjs');
-require('../__chunks/R6M66EKZ.cjs');
 require('../__chunks/7CYY7U2A.cjs');
+require('../__chunks/R6M66EKZ.cjs');
 require('../__chunks/GDEDCFNU.cjs');
 require('../__chunks/NTNMOEWE.cjs');
 require('../__chunks/FHRIPOYF.cjs');
@@ -42,4 +42,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Dialog = _CWS5RZSUcjs.Dialog; exports.createDialogComponent = _CWS5RZSUcjs.createDialogComponent; exports.useDialog = _CWS5RZSUcjs.useDialog;
+exports.Dialog = _QJDA4LG6cjs.Dialog; exports.createDialogComponent = _QJDA4LG6cjs.createDialogComponent; exports.useDialog = _QJDA4LG6cjs.useDialog;

package/cjs/dialog/dialog.d.cts

@@ -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/cjs/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 {};