@heroui/autocomplete 2.3.23 → 2.3.24-beta.2

package/dist/autocomplete.js

@@ -34,7 +34,6 @@ var import_input = require("@heroui/input");
 var import_framer_motion = require("framer-motion");
 
 // src/use-autocomplete.ts
-var import_utils = require("@react-aria/utils");
 var import_shared_utils = require("@heroui/shared-utils");
 var import_react = require("react");
 var import_react_utils = require("@heroui/react-utils");
@@ -45,7 +44,6 @@ var import_use_safe_layout_effect = require("@heroui/use-safe-layout-effect");
 var import_system = require("@heroui/system");
 var import_combobox2 = require("@react-aria/combobox");
 var import_form = require("@heroui/form");
-var import_aria_utils = require("@heroui/aria-utils");
 function useAutocomplete(originalProps) {
   var _a, _b, _c, _d, _e;
   const globalContext = (0, import_system.useProviderContext)();
@@ -139,7 +137,7 @@ function useAutocomplete(originalProps) {
   );
   const isInvalid = originalProps.isInvalid || isAriaInvalid;
   const slotsProps = {
-    inputProps: (0, import_utils.mergeProps)(
+    inputProps: (0, import_shared_utils.mergeProps)(
       {
         label,
         ref: inputRef,
@@ -154,7 +152,7 @@ function useAutocomplete(originalProps) {
       },
       userInputProps
     ),
-    popoverProps: (0, import_utils.mergeProps)(
+    popoverProps: (0, import_shared_utils.mergeProps)(
       {
         offset: 5,
         placement: "bottom",
@@ -163,7 +161,7 @@ function useAutocomplete(originalProps) {
       },
       popoverProps
     ),
-    scrollShadowProps: (0, import_utils.mergeProps)(
+    scrollShadowProps: (0, import_shared_utils.mergeProps)(
       {
         ref: scrollShadowRef,
         isEnabled: (_d = showScrollIndicators && state.collection.size > 5) != null ? _d : true,
@@ -172,7 +170,7 @@ function useAutocomplete(originalProps) {
       },
       scrollShadowProps
     ),
-    listboxProps: (0, import_utils.mergeProps)(
+    listboxProps: (0, import_shared_utils.mergeProps)(
       {
         hideEmptyContent: allowsCustomValue,
         emptyContent: "No results found.",
@@ -180,7 +178,7 @@ function useAutocomplete(originalProps) {
       },
       listboxProps
     ),
-    selectorButtonProps: (0, import_utils.mergeProps)(
+    selectorButtonProps: (0, import_shared_utils.mergeProps)(
       {
         isLoading,
         size: "sm",
@@ -192,7 +190,7 @@ function useAutocomplete(originalProps) {
       },
       selectorButtonProps
     ),
-    clearButtonProps: (0, import_utils.mergeProps)(
+    clearButtonProps: (0, import_shared_utils.mergeProps)(
       {
         size: "sm",
         variant: "light",
@@ -277,7 +275,7 @@ function useAutocomplete(originalProps) {
     var _a2;
     return {
       ref: buttonRef,
-      ...(0, import_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
+      ...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
       "data-open": (0, import_shared_utils.dataAttr)(state.isOpen),
       className: slots.selectorButton({
         class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.selectorButton, (_a2 = slotsProps.selectorButtonProps) == null ? void 0 : _a2.className)
@@ -287,7 +285,7 @@ function useAutocomplete(originalProps) {
   const getClearButtonProps = () => {
     var _a2, _b2;
     return {
-      ...(0, import_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
+      ...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
       // disable original focus and state toggle from react aria
       onPressStart: () => {
         var _a3;
@@ -317,7 +315,7 @@ function useAutocomplete(originalProps) {
     isInvalid: hasUncommittedValidation ? void 0 : isInvalid,
     validationBehavior,
     errorMessage: typeof errorMessage === "function" ? errorMessage({ isInvalid, validationErrors, validationDetails }) : errorMessage || (validationErrors == null ? void 0 : validationErrors.join(" ")),
-    onClick: (0, import_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
+    onClick: (0, import_shared_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
   });
   const getListBoxProps = () => {
     const shouldVirtualize = isVirtualized != null ? isVirtualized : state.collection.size > 50;
@@ -330,14 +328,14 @@ function useAutocomplete(originalProps) {
         itemHeight
       } : void 0,
       scrollShadowProps: slotsProps.scrollShadowProps,
-      ...(0, import_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
+      ...(0, import_shared_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
         shouldHighlightOnFocus: true
       })
     };
   };
   const getPopoverProps = (props2 = {}) => {
     var _a2, _b2, _c2;
-    const popoverProps2 = (0, import_utils.mergeProps)(slotsProps.popoverProps, props2);
+    const popoverProps2 = (0, import_shared_utils.mergeProps)(slotsProps.popoverProps, props2);
     return {
       state,
       ref: popoverRef,
@@ -355,7 +353,6 @@ function useAutocomplete(originalProps) {
           )
         })
       },
-      shouldCloseOnInteractOutside: (popoverProps2 == null ? void 0 : popoverProps2.shouldCloseOnInteractOutside) ? popoverProps2.shouldCloseOnInteractOutside : (element) => (0, import_aria_utils.ariaShouldCloseOnInteractOutside)(element, inputWrapperRef, state),
       // when the popover is open, the focus should be on input instead of dialog
       // therefore, we skip dialog focus here
       disableDialogFocus: true
@@ -370,7 +367,7 @@ function useAutocomplete(originalProps) {
   const getListBoxWrapperProps = (props2 = {}) => {
     var _a2, _b2;
     return {
-      ...(0, import_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
+      ...(0, import_shared_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
       className: slots.listboxWrapper({
         class: (0, import_shared_utils.clsx)(
           classNames == null ? void 0 : classNames.listboxWrapper,
@@ -387,13 +384,13 @@ function useAutocomplete(originalProps) {
     className: slots.endContentWrapper({
       class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.endContentWrapper, props2 == null ? void 0 : props2.className)
     }),
-    onPointerDown: (0, import_utils.chain)(props2.onPointerDown, (e) => {
+    onPointerDown: (0, import_shared_utils.chain)(props2.onPointerDown, (e) => {
       var _a2;
       if (e.button === 0 && e.currentTarget === e.target) {
         (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
       }
     }),
-    onMouseDown: (0, import_utils.chain)(props2.onMouseDown, (e) => {
+    onMouseDown: (0, import_shared_utils.chain)(props2.onMouseDown, (e) => {
       if (e.button === 0 && e.currentTarget === e.target) {
         e.preventDefault();
       }
@@ -456,7 +453,7 @@ var Autocomplete = (0, import_system2.forwardRef)(function Autocomplete2(props,
         ...getInputProps(),
         endContent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...getEndContentWrapperProps(), children: [
           endContent || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { ...getClearButtonProps(), children: clearIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { ...getSelectorButtonProps(), children: selectorIcon })
+          selectorIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { ...getSelectorButtonProps(), children: selectorIcon })
         ] })
       }
     ),

package/dist/autocomplete.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   autocomplete_default
-} from "./chunk-FWJM6QZX.mjs";
-import "./chunk-ENG265Z6.mjs";
+} from "./chunk-S6H5EOGR.mjs";
+import "./chunk-JHANFQCV.mjs";
 export {
   autocomplete_default as default
 };

package/dist/{chunk-ENG265Z6.mjs → chunk-JHANFQCV.mjs}

@@ -1,8 +1,7 @@
 "use client";
 
 // src/use-autocomplete.ts
-import { chain, mergeProps } from "@react-aria/utils";
-import { clsx, dataAttr, objectToDeps } from "@heroui/shared-utils";
+import { clsx, dataAttr, objectToDeps, chain, mergeProps } from "@heroui/shared-utils";
 import { useEffect, useMemo, useRef } from "react";
 import { useDOMRef } from "@heroui/react-utils";
 import { useComboBoxState } from "@react-stately/combobox";
@@ -12,7 +11,6 @@ import { useSafeLayoutEffect } from "@heroui/use-safe-layout-effect";
 import { mapPropsVariants, useProviderContext } from "@heroui/system";
 import { useComboBox } from "@react-aria/combobox";
 import { FormContext, useSlottedContext } from "@heroui/form";
-import { ariaShouldCloseOnInteractOutside } from "@heroui/aria-utils";
 function useAutocomplete(originalProps) {
   var _a, _b, _c, _d, _e;
   const globalContext = useProviderContext();
@@ -322,7 +320,6 @@ function useAutocomplete(originalProps) {
           )
         })
       },
-      shouldCloseOnInteractOutside: (popoverProps2 == null ? void 0 : popoverProps2.shouldCloseOnInteractOutside) ? popoverProps2.shouldCloseOnInteractOutside : (element) => ariaShouldCloseOnInteractOutside(element, inputWrapperRef, state),
       // when the popover is open, the focus should be on input instead of dialog
       // therefore, we skip dialog focus here
       disableDialogFocus: true

package/dist/{chunk-FWJM6QZX.mjs → chunk-S6H5EOGR.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useAutocomplete
-} from "./chunk-ENG265Z6.mjs";
+} from "./chunk-JHANFQCV.mjs";
 
 // src/autocomplete.tsx
 import { forwardRef } from "@heroui/system";
@@ -41,7 +41,7 @@ var Autocomplete = forwardRef(function Autocomplete2(props, ref) {
         ...getInputProps(),
         endContent: /* @__PURE__ */ jsxs("div", { ...getEndContentWrapperProps(), children: [
           endContent || /* @__PURE__ */ jsx(Button, { ...getClearButtonProps(), children: clearIcon }),
-          /* @__PURE__ */ jsx(Button, { ...getSelectorButtonProps(), children: selectorIcon })
+          selectorIcon && /* @__PURE__ */ jsx(Button, { ...getSelectorButtonProps(), children: selectorIcon })
         ] })
       }
     ),

package/dist/index.js

@@ -40,7 +40,6 @@ var import_input = require("@heroui/input");
 var import_framer_motion = require("framer-motion");
 
 // src/use-autocomplete.ts
-var import_utils = require("@react-aria/utils");
 var import_shared_utils = require("@heroui/shared-utils");
 var import_react = require("react");
 var import_react_utils = require("@heroui/react-utils");
@@ -51,7 +50,6 @@ var import_use_safe_layout_effect = require("@heroui/use-safe-layout-effect");
 var import_system = require("@heroui/system");
 var import_combobox2 = require("@react-aria/combobox");
 var import_form = require("@heroui/form");
-var import_aria_utils = require("@heroui/aria-utils");
 function useAutocomplete(originalProps) {
   var _a, _b, _c, _d, _e;
   const globalContext = (0, import_system.useProviderContext)();
@@ -145,7 +143,7 @@ function useAutocomplete(originalProps) {
   );
   const isInvalid = originalProps.isInvalid || isAriaInvalid;
   const slotsProps = {
-    inputProps: (0, import_utils.mergeProps)(
+    inputProps: (0, import_shared_utils.mergeProps)(
       {
         label,
         ref: inputRef,
@@ -160,7 +158,7 @@ function useAutocomplete(originalProps) {
       },
       userInputProps
     ),
-    popoverProps: (0, import_utils.mergeProps)(
+    popoverProps: (0, import_shared_utils.mergeProps)(
       {
         offset: 5,
         placement: "bottom",
@@ -169,7 +167,7 @@ function useAutocomplete(originalProps) {
       },
       popoverProps
     ),
-    scrollShadowProps: (0, import_utils.mergeProps)(
+    scrollShadowProps: (0, import_shared_utils.mergeProps)(
       {
         ref: scrollShadowRef,
         isEnabled: (_d = showScrollIndicators && state.collection.size > 5) != null ? _d : true,
@@ -178,7 +176,7 @@ function useAutocomplete(originalProps) {
       },
       scrollShadowProps
     ),
-    listboxProps: (0, import_utils.mergeProps)(
+    listboxProps: (0, import_shared_utils.mergeProps)(
       {
         hideEmptyContent: allowsCustomValue,
         emptyContent: "No results found.",
@@ -186,7 +184,7 @@ function useAutocomplete(originalProps) {
       },
       listboxProps
     ),
-    selectorButtonProps: (0, import_utils.mergeProps)(
+    selectorButtonProps: (0, import_shared_utils.mergeProps)(
       {
         isLoading,
         size: "sm",
@@ -198,7 +196,7 @@ function useAutocomplete(originalProps) {
       },
       selectorButtonProps
     ),
-    clearButtonProps: (0, import_utils.mergeProps)(
+    clearButtonProps: (0, import_shared_utils.mergeProps)(
       {
         size: "sm",
         variant: "light",
@@ -283,7 +281,7 @@ function useAutocomplete(originalProps) {
     var _a2;
     return {
       ref: buttonRef,
-      ...(0, import_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
+      ...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
       "data-open": (0, import_shared_utils.dataAttr)(state.isOpen),
       className: slots.selectorButton({
         class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.selectorButton, (_a2 = slotsProps.selectorButtonProps) == null ? void 0 : _a2.className)
@@ -293,7 +291,7 @@ function useAutocomplete(originalProps) {
   const getClearButtonProps = () => {
     var _a2, _b2;
     return {
-      ...(0, import_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
+      ...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
       // disable original focus and state toggle from react aria
       onPressStart: () => {
         var _a3;
@@ -323,7 +321,7 @@ function useAutocomplete(originalProps) {
     isInvalid: hasUncommittedValidation ? void 0 : isInvalid,
     validationBehavior,
     errorMessage: typeof errorMessage === "function" ? errorMessage({ isInvalid, validationErrors, validationDetails }) : errorMessage || (validationErrors == null ? void 0 : validationErrors.join(" ")),
-    onClick: (0, import_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
+    onClick: (0, import_shared_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
   });
   const getListBoxProps = () => {
     const shouldVirtualize = isVirtualized != null ? isVirtualized : state.collection.size > 50;
@@ -336,14 +334,14 @@ function useAutocomplete(originalProps) {
         itemHeight
       } : void 0,
       scrollShadowProps: slotsProps.scrollShadowProps,
-      ...(0, import_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
+      ...(0, import_shared_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
         shouldHighlightOnFocus: true
       })
     };
   };
   const getPopoverProps = (props2 = {}) => {
     var _a2, _b2, _c2;
-    const popoverProps2 = (0, import_utils.mergeProps)(slotsProps.popoverProps, props2);
+    const popoverProps2 = (0, import_shared_utils.mergeProps)(slotsProps.popoverProps, props2);
     return {
       state,
       ref: popoverRef,
@@ -361,7 +359,6 @@ function useAutocomplete(originalProps) {
           )
         })
       },
-      shouldCloseOnInteractOutside: (popoverProps2 == null ? void 0 : popoverProps2.shouldCloseOnInteractOutside) ? popoverProps2.shouldCloseOnInteractOutside : (element) => (0, import_aria_utils.ariaShouldCloseOnInteractOutside)(element, inputWrapperRef, state),
       // when the popover is open, the focus should be on input instead of dialog
       // therefore, we skip dialog focus here
       disableDialogFocus: true
@@ -376,7 +373,7 @@ function useAutocomplete(originalProps) {
   const getListBoxWrapperProps = (props2 = {}) => {
     var _a2, _b2;
     return {
-      ...(0, import_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
+      ...(0, import_shared_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
       className: slots.listboxWrapper({
         class: (0, import_shared_utils.clsx)(
           classNames == null ? void 0 : classNames.listboxWrapper,
@@ -393,13 +390,13 @@ function useAutocomplete(originalProps) {
     className: slots.endContentWrapper({
       class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.endContentWrapper, props2 == null ? void 0 : props2.className)
     }),
-    onPointerDown: (0, import_utils.chain)(props2.onPointerDown, (e) => {
+    onPointerDown: (0, import_shared_utils.chain)(props2.onPointerDown, (e) => {
       var _a2;
       if (e.button === 0 && e.currentTarget === e.target) {
         (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
       }
     }),
-    onMouseDown: (0, import_utils.chain)(props2.onMouseDown, (e) => {
+    onMouseDown: (0, import_shared_utils.chain)(props2.onMouseDown, (e) => {
       if (e.button === 0 && e.currentTarget === e.target) {
         e.preventDefault();
       }
@@ -462,7 +459,7 @@ var Autocomplete = (0, import_system2.forwardRef)(function Autocomplete2(props,
         ...getInputProps(),
         endContent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...getEndContentWrapperProps(), children: [
           endContent || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { ...getClearButtonProps(), children: clearIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { ...getSelectorButtonProps(), children: selectorIcon })
+          selectorIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { ...getSelectorButtonProps(), children: selectorIcon })
         ] })
       }
     ),

package/dist/index.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   autocomplete_default
-} from "./chunk-FWJM6QZX.mjs";
+} from "./chunk-S6H5EOGR.mjs";
 import {
   useAutocomplete
-} from "./chunk-ENG265Z6.mjs";
+} from "./chunk-JHANFQCV.mjs";
 
 // src/index.ts
 import { ListboxItem, ListboxSection } from "@heroui/listbox";

package/dist/use-autocomplete.d.mts

@@ -4,8 +4,8 @@ import { FilterFn } from '@react-stately/combobox';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import * as _heroui_system from '@heroui/system';
-import { PropGetter, DOMAttributes, HTMLHeroUIProps } from '@heroui/system';
-import { AutocompleteVariantProps, SlotsToClasses, AutocompleteSlots } from '@heroui/theme';
+import { HTMLHeroUIProps, PropGetter, DOMAttributes } from '@heroui/system';
+import { SlotsToClasses, AutocompleteSlots, AutocompleteVariantProps } from '@heroui/theme';
 import { ReactRef } from '@heroui/react-utils';
 import { ComboBoxProps } from '@react-types/combobox';
 import { PopoverProps } from '@heroui/popover';

package/dist/use-autocomplete.d.ts

@@ -4,8 +4,8 @@ import { FilterFn } from '@react-stately/combobox';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import * as _heroui_system from '@heroui/system';
-import { PropGetter, DOMAttributes, HTMLHeroUIProps } from '@heroui/system';
-import { AutocompleteVariantProps, SlotsToClasses, AutocompleteSlots } from '@heroui/theme';
+import { HTMLHeroUIProps, PropGetter, DOMAttributes } from '@heroui/system';
+import { SlotsToClasses, AutocompleteSlots, AutocompleteVariantProps } from '@heroui/theme';
 import { ReactRef } from '@heroui/react-utils';
 import { ComboBoxProps } from '@react-types/combobox';
 import { PopoverProps } from '@heroui/popover';

package/dist/use-autocomplete.js

@@ -24,7 +24,6 @@ __export(use_autocomplete_exports, {
   useAutocomplete: () => useAutocomplete
 });
 module.exports = __toCommonJS(use_autocomplete_exports);
-var import_utils = require("@react-aria/utils");
 var import_shared_utils = require("@heroui/shared-utils");
 var import_react = require("react");
 var import_react_utils = require("@heroui/react-utils");
@@ -35,7 +34,6 @@ var import_use_safe_layout_effect = require("@heroui/use-safe-layout-effect");
 var import_system = require("@heroui/system");
 var import_combobox2 = require("@react-aria/combobox");
 var import_form = require("@heroui/form");
-var import_aria_utils = require("@heroui/aria-utils");
 function useAutocomplete(originalProps) {
   var _a, _b, _c, _d, _e;
   const globalContext = (0, import_system.useProviderContext)();
@@ -129,7 +127,7 @@ function useAutocomplete(originalProps) {
   );
   const isInvalid = originalProps.isInvalid || isAriaInvalid;
   const slotsProps = {
-    inputProps: (0, import_utils.mergeProps)(
+    inputProps: (0, import_shared_utils.mergeProps)(
       {
         label,
         ref: inputRef,
@@ -144,7 +142,7 @@ function useAutocomplete(originalProps) {
       },
       userInputProps
     ),
-    popoverProps: (0, import_utils.mergeProps)(
+    popoverProps: (0, import_shared_utils.mergeProps)(
       {
         offset: 5,
         placement: "bottom",
@@ -153,7 +151,7 @@ function useAutocomplete(originalProps) {
       },
       popoverProps
     ),
-    scrollShadowProps: (0, import_utils.mergeProps)(
+    scrollShadowProps: (0, import_shared_utils.mergeProps)(
       {
         ref: scrollShadowRef,
         isEnabled: (_d = showScrollIndicators && state.collection.size > 5) != null ? _d : true,
@@ -162,7 +160,7 @@ function useAutocomplete(originalProps) {
       },
       scrollShadowProps
     ),
-    listboxProps: (0, import_utils.mergeProps)(
+    listboxProps: (0, import_shared_utils.mergeProps)(
       {
         hideEmptyContent: allowsCustomValue,
         emptyContent: "No results found.",
@@ -170,7 +168,7 @@ function useAutocomplete(originalProps) {
       },
       listboxProps
     ),
-    selectorButtonProps: (0, import_utils.mergeProps)(
+    selectorButtonProps: (0, import_shared_utils.mergeProps)(
       {
         isLoading,
         size: "sm",
@@ -182,7 +180,7 @@ function useAutocomplete(originalProps) {
       },
       selectorButtonProps
     ),
-    clearButtonProps: (0, import_utils.mergeProps)(
+    clearButtonProps: (0, import_shared_utils.mergeProps)(
       {
         size: "sm",
         variant: "light",
@@ -267,7 +265,7 @@ function useAutocomplete(originalProps) {
     var _a2;
     return {
       ref: buttonRef,
-      ...(0, import_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
+      ...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
       "data-open": (0, import_shared_utils.dataAttr)(state.isOpen),
       className: slots.selectorButton({
         class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.selectorButton, (_a2 = slotsProps.selectorButtonProps) == null ? void 0 : _a2.className)
@@ -277,7 +275,7 @@ function useAutocomplete(originalProps) {
   const getClearButtonProps = () => {
     var _a2, _b2;
     return {
-      ...(0, import_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
+      ...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
       // disable original focus and state toggle from react aria
       onPressStart: () => {
         var _a3;
@@ -307,7 +305,7 @@ function useAutocomplete(originalProps) {
     isInvalid: hasUncommittedValidation ? void 0 : isInvalid,
     validationBehavior,
     errorMessage: typeof errorMessage === "function" ? errorMessage({ isInvalid, validationErrors, validationDetails }) : errorMessage || (validationErrors == null ? void 0 : validationErrors.join(" ")),
-    onClick: (0, import_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
+    onClick: (0, import_shared_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
   });
   const getListBoxProps = () => {
     const shouldVirtualize = isVirtualized != null ? isVirtualized : state.collection.size > 50;
@@ -320,14 +318,14 @@ function useAutocomplete(originalProps) {
         itemHeight
       } : void 0,
       scrollShadowProps: slotsProps.scrollShadowProps,
-      ...(0, import_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
+      ...(0, import_shared_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
         shouldHighlightOnFocus: true
       })
     };
   };
   const getPopoverProps = (props2 = {}) => {
     var _a2, _b2, _c2;
-    const popoverProps2 = (0, import_utils.mergeProps)(slotsProps.popoverProps, props2);
+    const popoverProps2 = (0, import_shared_utils.mergeProps)(slotsProps.popoverProps, props2);
     return {
       state,
       ref: popoverRef,
@@ -345,7 +343,6 @@ function useAutocomplete(originalProps) {
           )
         })
       },
-      shouldCloseOnInteractOutside: (popoverProps2 == null ? void 0 : popoverProps2.shouldCloseOnInteractOutside) ? popoverProps2.shouldCloseOnInteractOutside : (element) => (0, import_aria_utils.ariaShouldCloseOnInteractOutside)(element, inputWrapperRef, state),
       // when the popover is open, the focus should be on input instead of dialog
       // therefore, we skip dialog focus here
       disableDialogFocus: true
@@ -360,7 +357,7 @@ function useAutocomplete(originalProps) {
   const getListBoxWrapperProps = (props2 = {}) => {
     var _a2, _b2;
     return {
-      ...(0, import_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
+      ...(0, import_shared_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
       className: slots.listboxWrapper({
         class: (0, import_shared_utils.clsx)(
           classNames == null ? void 0 : classNames.listboxWrapper,
@@ -377,13 +374,13 @@ function useAutocomplete(originalProps) {
     className: slots.endContentWrapper({
       class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.endContentWrapper, props2 == null ? void 0 : props2.className)
     }),
-    onPointerDown: (0, import_utils.chain)(props2.onPointerDown, (e) => {
+    onPointerDown: (0, import_shared_utils.chain)(props2.onPointerDown, (e) => {
       var _a2;
       if (e.button === 0 && e.currentTarget === e.target) {
         (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
       }
     }),
-    onMouseDown: (0, import_utils.chain)(props2.onMouseDown, (e) => {
+    onMouseDown: (0, import_shared_utils.chain)(props2.onMouseDown, (e) => {
       if (e.button === 0 && e.currentTarget === e.target) {
         e.preventDefault();
       }

package/dist/use-autocomplete.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   useAutocomplete
-} from "./chunk-ENG265Z6.mjs";
+} from "./chunk-JHANFQCV.mjs";
 export {
   useAutocomplete
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heroui/autocomplete",
-  "version": "2.3.23",
+  "version": "2.3.24-beta.2",
   "description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.",
   "keywords": [
     "autocomplete"
@@ -25,8 +25,8 @@
     "url": "https://github.com/heroui-inc/heroui/issues"
   },
   "peerDependencies": {
-    "@heroui/system": ">=2.4.17",
-    "@heroui/theme": ">=2.4.6",
+    "@heroui/system": ">=2.4.19-beta.0",
+    "@heroui/theme": ">=2.4.18-beta.0",
     "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
     "react": ">=18 || >=19.0.0-rc.0",
     "react-dom": ">=18 || >=19.0.0-rc.0"
@@ -34,21 +34,20 @@
   "dependencies": {
     "@react-aria/combobox": "3.12.5",
     "@react-aria/i18n": "3.12.10",
-    "@react-aria/utils": "3.29.1",
     "@react-stately/combobox": "3.10.6",
     "@react-types/combobox": "3.13.6",
     "@react-types/shared": "3.30.0",
-    "@heroui/form": "2.1.21",
-    "@heroui/aria-utils": "2.2.19",
-    "@heroui/button": "2.2.22",
-    "@heroui/input": "2.4.22",
-    "@heroui/listbox": "2.3.21",
-    "@heroui/popover": "2.3.22",
-    "@heroui/react-utils": "2.1.11",
-    "@heroui/scroll-shadow": "2.3.15",
-    "@heroui/shared-icons": "2.1.9",
-    "@heroui/shared-utils": "2.1.9",
-    "@heroui/use-safe-layout-effect": "2.1.7"
+    "@heroui/form": "2.1.22-beta.2",
+    "@heroui/aria-utils": "2.2.20-beta.1",
+    "@heroui/button": "2.2.23-beta.1",
+    "@heroui/input": "2.4.23-beta.2",
+    "@heroui/listbox": "2.3.22-beta.1",
+    "@heroui/popover": "2.3.23-beta.1",
+    "@heroui/react-utils": "2.1.12-beta.4",
+    "@heroui/scroll-shadow": "2.3.16-beta.1",
+    "@heroui/shared-icons": "2.1.10-beta.5",
+    "@heroui/shared-utils": "2.1.10-beta.6",
+    "@heroui/use-safe-layout-effect": "2.1.8-beta.6"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",