@ariakit/react-core 0.4.2 → 0.4.4

package/cjs/combobox/combobox-popover.cjs

@@ -9,10 +9,10 @@ require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 
 
-var _DCTXNU2Xcjs = require('../__chunks/DCTXNU2X.cjs');
+var _COWKMNMZcjs = require('../__chunks/COWKMNMZ.cjs');
 
 
-var _CWS5RZSUcjs = require('../__chunks/CWS5RZSU.cjs');
+var _ZTAE5B6Wcjs = require('../__chunks/ZTAE5B6W.cjs');
 require('../__chunks/TSEXNK3K.cjs');
 require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/37BRXQN7.cjs');
@@ -58,6 +58,7 @@ require('../__chunks/CJDHQUBR.cjs');
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-popover.tsx
+var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "div";
@@ -79,12 +80,14 @@ var useComboboxPopover = _NGD3IQDBcjs.createHook.call(void 0,
       modal,
       tabIndex,
       alwaysVisible,
+      autoFocusOnHide = true,
       hideOnInteractOutside = true
     } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
       "modal",
       "tabIndex",
       "alwaysVisible",
+      "autoFocusOnHide",
       "hideOnInteractOutside"
     ]);
     const context = _2IJSEADJcjs.useComboboxProviderContext.call(void 0, );
@@ -94,14 +97,14 @@ var useComboboxPopover = _NGD3IQDBcjs.createHook.call(void 0,
       process.env.NODE_ENV !== "production" && "ComboboxPopover must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const baseElement = store.useState("baseElement");
+    const hiddenByClickOutsideRef = _react.useRef.call(void 0, false);
     props = _Q6MAE3CVcjs.useComboboxList.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, alwaysVisible }, props));
-    props = _DCTXNU2Xcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _COWKMNMZcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       alwaysVisible,
       backdrop: false,
       autoFocusOnShow: false,
-      autoFocusOnHide: false,
       finalFocus: baseElement,
       preserveTabOrderAnchor: null
     }, props), {
@@ -133,6 +136,18 @@ var useComboboxPopover = _NGD3IQDBcjs.createHook.call(void 0,
         const controlElements = doc.querySelectorAll(selector);
         return [...elements, ...controlElements];
       },
+      // The combobox popover should focus on the combobox input when it hides,
+      // unless the event was triggered by a click outside the popover, in which
+      // case the input shouldn't be re-focused.
+      autoFocusOnHide(element) {
+        if (_misc.isFalsyBooleanCallback.call(void 0, autoFocusOnHide, element))
+          return false;
+        if (hiddenByClickOutsideRef.current) {
+          hiddenByClickOutsideRef.current = false;
+          return false;
+        }
+        return true;
+      },
       // Make sure we don't hide the popover when the user interacts with the
       // combobox cancel or the combobox disclosure buttons. They will have the
       // aria-controls attribute pointing to either the combobox input or the
@@ -145,13 +160,16 @@ var useComboboxPopover = _NGD3IQDBcjs.createHook.call(void 0,
         if (isController(event.target, contentId, baseId))
           return false;
         const result = typeof hideOnInteractOutside === "function" ? hideOnInteractOutside(event) : hideOnInteractOutside;
+        if (result) {
+          hiddenByClickOutsideRef.current = event.type === "click";
+        }
         return result;
       }
     }));
     return props;
   }
 );
-var ComboboxPopover = _CWS5RZSUcjs.createDialogComponent.call(void 0, 
+var ComboboxPopover = _ZTAE5B6Wcjs.createDialogComponent.call(void 0, 
   _NGD3IQDBcjs.forwardRef.call(void 0, function ComboboxPopover2(props) {
     const htmlProps = useComboboxPopover(props);
     return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);

package/cjs/combobox/combobox-row.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+var _GZY6WVTScjs = require('../__chunks/GZY6WVTS.cjs');
 
 
-var _GZY6WVTScjs = require('../__chunks/GZY6WVTS.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 require('../__chunks/77BAEZ2Z.cjs');

package/cjs/combobox/combobox.cjs

@@ -38,7 +38,7 @@ require('../__chunks/CJDHQUBR.cjs');
 
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
-// src/combobox/combobox.ts
+// src/combobox/combobox.tsx
 var _react = require('react');
 
 
@@ -93,14 +93,15 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
       focusable = true,
       autoSelect: autoSelectProp = false,
       getAutoSelectId,
-      showOnChange = true,
       setValueOnChange = true,
-      showOnMouseDown = true,
+      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 +109,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"
     ]);
@@ -312,8 +314,9 @@ var useCombobox = _NGD3IQDBcjs.createHook.call(void 0,
         elements.forEach((el) => el.removeEventListener("focusout", onBlur2));
       };
     }, [inline, contentElement, store, value]);
+    const canShow = value.length >= showMinLength;
     const onChangeProp = props.onChange;
-    const showOnChangeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnChange);
+    const showOnChangeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, showOnChange != null ? showOnChange : canShow);
     const setValueOnChangeProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, setValueOnChange);
     const onChange = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onChangeProp == null ? void 0 : onChangeProp(event);
@@ -366,7 +369,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 +391,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,7 +2,7 @@
 
 
 
-var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
+var _QUHFOHHTcjs = require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -18,4 +18,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CompositeItem = _LEU3BIGCcjs.CompositeItem; exports.useCompositeItem = _LEU3BIGCcjs.useCompositeItem;
+exports.CompositeItem = _QUHFOHHTcjs.CompositeItem; exports.useCompositeItem = _QUHFOHHTcjs.useCompositeItem;

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

@@ -8,7 +8,7 @@ require('../__chunks/YH42XRHR.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 
 
-var _LEU3BIGCcjs = require('../__chunks/LEU3BIGC.cjs');
+var _QUHFOHHTcjs = require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -70,7 +70,7 @@ var useCompositeOverflowDisclosure = _NGD3IQDBcjs.createHook.call(void 0, functi
     onFocus,
     onBlur
   });
-  props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { shouldRegisterItem }));
+  props = _QUHFOHHTcjs.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,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _DCTXNU2Xcjs = require('../__chunks/DCTXNU2X.cjs');
-require('../__chunks/CWS5RZSU.cjs');
+var _COWKMNMZcjs = require('../__chunks/COWKMNMZ.cjs');
+require('../__chunks/ZTAE5B6W.cjs');
 require('../__chunks/TSEXNK3K.cjs');
 require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/37BRXQN7.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 = _COWKMNMZcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store,
     focusable: false,
     alwaysVisible: true,

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

@@ -18,7 +18,9 @@ type ItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = Collec
 export declare function useCompositeRenderer<T extends Item = any>({ store, orientation: orientationProp, persistentIndices: persistentIndicesProp, children: renderItem, "aria-setsize": ariaSetSize, "aria-posinset": ariaPosInSet, ...props }: CompositeRendererProps<T>): {
     children: ReactNode[];
     wrapElement?: import("../utils/types.js").WrapElement | undefined;
-    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }> | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -263,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

@@ -18,7 +18,9 @@ type ItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = Collec
 export declare function useCompositeRenderer<T extends Item = any>({ store, orientation: orientationProp, persistentIndices: persistentIndicesProp, children: renderItem, "aria-setsize": ariaSetSize, "aria-posinset": ariaPosInSet, ...props }: CompositeRendererProps<T>): {
     children: ReactNode[];
     wrapElement?: import("../utils/types.js").WrapElement | undefined;
-    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("../utils/types.js").RenderProp<import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }> | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -263,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-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,7 +3,7 @@
 
 
 
-var _CWS5RZSUcjs = require('../__chunks/CWS5RZSU.cjs');
+var _ZTAE5B6Wcjs = require('../__chunks/ZTAE5B6W.cjs');
 require('../__chunks/TSEXNK3K.cjs');
 require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/37BRXQN7.cjs');
@@ -42,4 +42,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Dialog = _CWS5RZSUcjs.Dialog; exports.createDialogComponent = _CWS5RZSUcjs.createDialogComponent; exports.useDialog = _CWS5RZSUcjs.useDialog;
+exports.Dialog = _ZTAE5B6Wcjs.Dialog; exports.createDialogComponent = _ZTAE5B6Wcjs.createDialogComponent; exports.useDialog = _ZTAE5B6Wcjs.useDialog;

package/cjs/form/form-radio.cjs

@@ -7,9 +7,9 @@ var _2QZ7O3V4cjs = require('../__chunks/2QZ7O3V4.cjs');
 var _LYRG3ZBJcjs = require('../__chunks/LYRG3ZBJ.cjs');
 
 
-var _33HTKI7Lcjs = require('../__chunks/33HTKI7L.cjs');
+var _54YZYOPAcjs = require('../__chunks/54YZYOPA.cjs');
 require('../__chunks/OHXBMXTN.cjs');
-require('../__chunks/LEU3BIGC.cjs');
+require('../__chunks/QUHFOHHT.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/HD5AHCRI.cjs');
 require('../__chunks/6ZZYUFPW.cjs');
@@ -62,7 +62,7 @@ var useFormRadio = _NGD3IQDBcjs.createHook.call(void 0,
       checked,
       onChange
     });
-    props = _33HTKI7Lcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
+    props = _54YZYOPAcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
     props = _2QZ7O3V4cjs.useFormControl.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       name,

package/cjs/hovercard/hovercard-disclosure.cjs

@@ -117,7 +117,7 @@ var useHovercardDisclosure = _NGD3IQDBcjs.createHook.call(void 0, function useHo
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      strokeWidth: "1.5pt",
+      strokeWidth: 1.5,
       viewBox: "0 0 16 16",
       height: "1em",
       width: "1em",

package/cjs/hovercard/hovercard-dismiss.cjs

@@ -2,9 +2,9 @@
 
 
 
-var _T5BWR4CBcjs = require('../__chunks/T5BWR4CB.cjs');
-require('../__chunks/3XXW4Y4D.cjs');
-require('../__chunks/HFNM6QV4.cjs');
+var _KDTFHBKUcjs = require('../__chunks/KDTFHBKU.cjs');
+require('../__chunks/Z2VL7JHX.cjs');
+require('../__chunks/DAOFDKV2.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/XRPBWSUI.cjs');
@@ -20,4 +20,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.HovercardDismiss = _T5BWR4CBcjs.HovercardDismiss; exports.useHovercardDismiss = _T5BWR4CBcjs.useHovercardDismiss;
+exports.HovercardDismiss = _KDTFHBKUcjs.HovercardDismiss; exports.useHovercardDismiss = _KDTFHBKUcjs.useHovercardDismiss;

package/cjs/hovercard/hovercard.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _3MKOUH5Mcjs = require('../__chunks/3MKOUH5M.cjs');
+var _HPNCFYQJcjs = require('../__chunks/HPNCFYQJ.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/DCTXNU2X.cjs');
-require('../__chunks/CWS5RZSU.cjs');
+require('../__chunks/COWKMNMZ.cjs');
+require('../__chunks/ZTAE5B6W.cjs');
 require('../__chunks/TSEXNK3K.cjs');
 require('../__chunks/JF225FQ5.cjs');
 require('../__chunks/37BRXQN7.cjs');
@@ -45,4 +45,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Hovercard = _3MKOUH5Mcjs.Hovercard; exports.useHovercard = _3MKOUH5Mcjs.useHovercard;
+exports.Hovercard = _HPNCFYQJcjs.Hovercard; exports.useHovercard = _HPNCFYQJcjs.useHovercard;

package/cjs/menu/menu-button-arrow.cjs

@@ -5,7 +5,7 @@ var _LOROMCW2cjs = require('../__chunks/LOROMCW2.cjs');
 require('../__chunks/MNMEDFSM.cjs');
 
 
-var _3C4RFBCGcjs = require('../__chunks/3C4RFBCG.cjs');
+var _EYZZO5ITcjs = require('../__chunks/EYZZO5IT.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
 require('../__chunks/XRPBWSUI.cjs');
@@ -31,7 +31,7 @@ var useMenuButtonArrow = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _LOROMCW2cjs.useMenuContext.call(void 0, );
     store = store || context;
-    props = _3C4RFBCGcjs.usePopoverDisclosureArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _EYZZO5ITcjs.usePopoverDisclosureArrow.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/menu/menu-dismiss.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _T5BWR4CBcjs = require('../__chunks/T5BWR4CB.cjs');
+var _KDTFHBKUcjs = require('../__chunks/KDTFHBKU.cjs');
 
 
 var _LOROMCW2cjs = require('../__chunks/LOROMCW2.cjs');
 require('../__chunks/MNMEDFSM.cjs');
-require('../__chunks/3XXW4Y4D.cjs');
-require('../__chunks/HFNM6QV4.cjs');
+require('../__chunks/Z2VL7JHX.cjs');
+require('../__chunks/DAOFDKV2.cjs');
 require('../__chunks/IXJIFLOA.cjs');
 require('../__chunks/U4NXCMZ3.cjs');
 require('../__chunks/VPI3EKVY.cjs');
@@ -37,7 +37,7 @@ var useMenuDismiss = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _LOROMCW2cjs.useMenuScopedContext.call(void 0, );
     store = store || context;
-    props = _T5BWR4CBcjs.useHovercardDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _KDTFHBKUcjs.useHovercardDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/menu/menu-item-check.cjs

@@ -5,7 +5,7 @@ var _LOROMCW2cjs = require('../__chunks/LOROMCW2.cjs');
 require('../__chunks/MNMEDFSM.cjs');
 
 
-var _A356CGNDcjs = require('../__chunks/A356CGND.cjs');
+var _JDCTLYQ4cjs = require('../__chunks/JDCTLYQ4.cjs');
 require('../__chunks/ERFHNHON.cjs');
 require('../__chunks/VPI3EKVY.cjs');
 require('../__chunks/NEK2UEJN.cjs');
@@ -34,7 +34,7 @@ var useMenuItemCheck = _NGD3IQDBcjs.createHook.call(void 0,
     var _b = _a, { store, checked } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
     const context = _react.useContext.call(void 0, _LOROMCW2cjs.MenuItemCheckedContext);
     checked = checked != null ? checked : context;
-    props = _A356CGNDcjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
+    props = _JDCTLYQ4cjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
     return props;
   }
 );