@heroui/autocomplete 2.3.22-beta.0 → 2.3.22

package/dist/autocomplete.js

@@ -34,17 +34,18 @@ var import_input = require("@heroui/input");
 var import_framer_motion = require("framer-motion");
 
 // src/use-autocomplete.ts
-var import_system = require("@heroui/system");
-var import_use_safe_layout_effect = require("@heroui/use-safe-layout-effect");
-var import_theme = require("@heroui/theme");
-var import_i18n = require("@react-aria/i18n");
-var import_combobox = require("@react-stately/combobox");
-var import_react_utils = require("@heroui/react-utils");
-var import_react = require("react");
-var import_shared_utils = require("@heroui/shared-utils");
 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");
+var import_combobox = require("@react-stately/combobox");
+var import_i18n = require("@react-aria/i18n");
+var import_theme = require("@heroui/theme");
+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)();
@@ -86,6 +87,7 @@ function useAutocomplete(originalProps) {
     errorMessage,
     onOpenChange,
     onClose,
+    onClear,
     isReadOnly = false,
     ...otherProps
   } = props;
@@ -299,6 +301,7 @@ function useAutocomplete(originalProps) {
         }
         state.setInputValue("");
         state.open();
+        onClear == null ? void 0 : onClear();
       },
       "data-visible": !!state.selectedItem || ((_a2 = state.inputValue) == null ? void 0 : _a2.length) > 0,
       className: slots.clearButton({
@@ -352,6 +355,7 @@ 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

package/dist/autocomplete.mjs

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

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

@@ -1,17 +1,18 @@
 "use client";
 
 // src/use-autocomplete.ts
-import { mapPropsVariants, useProviderContext } from "@heroui/system";
-import { useSafeLayoutEffect } from "@heroui/use-safe-layout-effect";
-import { autocomplete } from "@heroui/theme";
-import { useFilter } from "@react-aria/i18n";
-import { useComboBoxState } from "@react-stately/combobox";
-import { useDOMRef } from "@heroui/react-utils";
-import { useEffect, useMemo, useRef } from "react";
-import { clsx, dataAttr, objectToDeps } from "@heroui/shared-utils";
 import { chain, mergeProps } from "@react-aria/utils";
+import { clsx, dataAttr, objectToDeps } from "@heroui/shared-utils";
+import { useEffect, useMemo, useRef } from "react";
+import { useDOMRef } from "@heroui/react-utils";
+import { useComboBoxState } from "@react-stately/combobox";
+import { useFilter } from "@react-aria/i18n";
+import { autocomplete } from "@heroui/theme";
+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();
@@ -53,6 +54,7 @@ function useAutocomplete(originalProps) {
     errorMessage,
     onOpenChange,
     onClose,
+    onClear,
     isReadOnly = false,
     ...otherProps
   } = props;
@@ -266,6 +268,7 @@ function useAutocomplete(originalProps) {
         }
         state.setInputValue("");
         state.open();
+        onClear == null ? void 0 : onClear();
       },
       "data-visible": !!state.selectedItem || ((_a2 = state.inputValue) == null ? void 0 : _a2.length) > 0,
       className: slots.clearButton({
@@ -319,6 +322,7 @@ 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-JQJCJ7KH.mjs → chunk-FWJM6QZX.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useAutocomplete
-} from "./chunk-ZDTZDUZE.mjs";
+} from "./chunk-ENG265Z6.mjs";
 
 // src/autocomplete.tsx
 import { forwardRef } from "@heroui/system";

package/dist/index.js

@@ -40,17 +40,18 @@ var import_input = require("@heroui/input");
 var import_framer_motion = require("framer-motion");
 
 // src/use-autocomplete.ts
-var import_system = require("@heroui/system");
-var import_use_safe_layout_effect = require("@heroui/use-safe-layout-effect");
-var import_theme = require("@heroui/theme");
-var import_i18n = require("@react-aria/i18n");
-var import_combobox = require("@react-stately/combobox");
-var import_react_utils = require("@heroui/react-utils");
-var import_react = require("react");
-var import_shared_utils = require("@heroui/shared-utils");
 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");
+var import_combobox = require("@react-stately/combobox");
+var import_i18n = require("@react-aria/i18n");
+var import_theme = require("@heroui/theme");
+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)();
@@ -92,6 +93,7 @@ function useAutocomplete(originalProps) {
     errorMessage,
     onOpenChange,
     onClose,
+    onClear,
     isReadOnly = false,
     ...otherProps
   } = props;
@@ -305,6 +307,7 @@ function useAutocomplete(originalProps) {
         }
         state.setInputValue("");
         state.open();
+        onClear == null ? void 0 : onClear();
       },
       "data-visible": !!state.selectedItem || ((_a2 = state.inputValue) == null ? void 0 : _a2.length) > 0,
       className: slots.clearButton({
@@ -358,6 +361,7 @@ 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

package/dist/index.mjs

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

package/dist/use-autocomplete.d.mts

@@ -105,6 +105,11 @@ interface Props<T> extends Omit<HTMLHeroUIProps<"input">, keyof ComboBoxProps<T>
      * Callback fired when the select menu is closed.
      */
     onClose?: () => void;
+    /**
+     * Callback fired when the value is cleared.
+     * if you pass this prop, the clear button will be shown.
+     */
+    onClear?: () => void;
     /**
      * Whether to enable virtualization of the listbox items.
      * By default, virtualization is automatically enabled when the number of items is greater than 50.
@@ -132,77 +137,77 @@ declare function useAutocomplete<T extends object>(originalProps: UseAutocomplet
     slots: {
         base: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         listboxWrapper: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         listbox: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         popoverContent: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         endContentWrapper: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         clearButton: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         selectorButton: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
     } & {
         base: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         listboxWrapper: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         listbox: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         popoverContent: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         endContentWrapper: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         clearButton: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         selectorButton: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
     } & {};
-    classNames: SlotsToClasses<"base" | "listboxWrapper" | "listbox" | "popoverContent" | "endContentWrapper" | "selectorButton" | "clearButton"> | undefined;
+    classNames: SlotsToClasses<"base" | "clearButton" | "listbox" | "listboxWrapper" | "popoverContent" | "endContentWrapper" | "selectorButton"> | undefined;
     isLoading: boolean | undefined;
     clearIcon: ReactNode;
     isOpen: boolean;

package/dist/use-autocomplete.d.ts

@@ -105,6 +105,11 @@ interface Props<T> extends Omit<HTMLHeroUIProps<"input">, keyof ComboBoxProps<T>
      * Callback fired when the select menu is closed.
      */
     onClose?: () => void;
+    /**
+     * Callback fired when the value is cleared.
+     * if you pass this prop, the clear button will be shown.
+     */
+    onClear?: () => void;
     /**
      * Whether to enable virtualization of the listbox items.
      * By default, virtualization is automatically enabled when the number of items is greater than 50.
@@ -132,77 +137,77 @@ declare function useAutocomplete<T extends object>(originalProps: UseAutocomplet
     slots: {
         base: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         listboxWrapper: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         listbox: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         popoverContent: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         endContentWrapper: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         clearButton: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         selectorButton: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
     } & {
         base: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         listboxWrapper: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         listbox: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         popoverContent: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         endContentWrapper: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         clearButton: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
         selectorButton: (slotProps?: ({
             isClearable?: boolean | undefined;
-            disableSelectorIconRotation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
+            disableSelectorIconRotation?: boolean | undefined;
         } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
     } & {};
-    classNames: SlotsToClasses<"base" | "listboxWrapper" | "listbox" | "popoverContent" | "endContentWrapper" | "selectorButton" | "clearButton"> | undefined;
+    classNames: SlotsToClasses<"base" | "clearButton" | "listbox" | "listboxWrapper" | "popoverContent" | "endContentWrapper" | "selectorButton"> | undefined;
     isLoading: boolean | undefined;
     clearIcon: ReactNode;
     isOpen: boolean;

package/dist/use-autocomplete.js

@@ -24,17 +24,18 @@ __export(use_autocomplete_exports, {
   useAutocomplete: () => useAutocomplete
 });
 module.exports = __toCommonJS(use_autocomplete_exports);
-var import_system = require("@heroui/system");
-var import_use_safe_layout_effect = require("@heroui/use-safe-layout-effect");
-var import_theme = require("@heroui/theme");
-var import_i18n = require("@react-aria/i18n");
-var import_combobox = require("@react-stately/combobox");
-var import_react_utils = require("@heroui/react-utils");
-var import_react = require("react");
-var import_shared_utils = require("@heroui/shared-utils");
 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");
+var import_combobox = require("@react-stately/combobox");
+var import_i18n = require("@react-aria/i18n");
+var import_theme = require("@heroui/theme");
+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)();
@@ -76,6 +77,7 @@ function useAutocomplete(originalProps) {
     errorMessage,
     onOpenChange,
     onClose,
+    onClear,
     isReadOnly = false,
     ...otherProps
   } = props;
@@ -289,6 +291,7 @@ function useAutocomplete(originalProps) {
         }
         state.setInputValue("");
         state.open();
+        onClear == null ? void 0 : onClear();
       },
       "data-visible": !!state.selectedItem || ((_a2 = state.inputValue) == null ? void 0 : _a2.length) > 0,
       className: slots.clearButton({
@@ -342,6 +345,7 @@ 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

package/dist/use-autocomplete.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heroui/autocomplete",
-  "version": "2.3.22-beta.0",
+  "version": "2.3.22",
   "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,35 +25,30 @@
     "url": "https://github.com/heroui-inc/heroui/issues"
   },
   "peerDependencies": {
-    "@heroui/system": ">=2.4.17-beta.0",
-    "@heroui/theme": ">=2.4.17-beta.0",
+    "@heroui/system": ">=2.4.7",
+    "@heroui/theme": ">=2.4.6",
     "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"
   },
   "dependencies": {
-    "@react-aria/combobox": "3.12.3",
-    "@react-aria/focus": "3.20.3",
-    "@react-aria/i18n": "3.12.9",
-    "@react-aria/interactions": "3.25.1",
-    "@react-aria/utils": "3.29.0",
-    "@react-aria/visually-hidden": "3.8.23",
-    "@react-stately/combobox": "3.10.5",
-    "@react-types/combobox": "3.13.5",
-    "@react-types/shared": "3.29.1",
-    "@heroui/form": "2.1.20-beta.0",
-    "@heroui/aria-utils": "2.2.18-beta.0",
-    "@heroui/button": "2.2.21-beta.0",
-    "@heroui/input": "2.4.21-beta.0",
-    "@heroui/listbox": "2.3.20-beta.0",
-    "@heroui/popover": "2.3.21-beta.0",
-    "@heroui/react-utils": "2.1.11-beta.1",
-    "@heroui/scroll-shadow": "2.3.14-beta.3",
-    "@heroui/shared-icons": "2.1.9-beta.0",
-    "@heroui/shared-utils": "2.1.10-beta.1",
-    "@heroui/spinner": "2.2.18-beta.0",
-    "@heroui/use-aria-button": "2.2.15-beta.0",
-    "@heroui/use-safe-layout-effect": "2.1.8-beta.1"
+    "@react-aria/combobox": "3.12.4",
+    "@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.20",
+    "@heroui/aria-utils": "2.2.18",
+    "@heroui/button": "2.2.21",
+    "@heroui/input": "2.4.21",
+    "@heroui/listbox": "2.3.20",
+    "@heroui/popover": "2.3.21",
+    "@heroui/react-utils": "2.1.11",
+    "@heroui/scroll-shadow": "2.3.14",
+    "@heroui/shared-icons": "2.1.9",
+    "@heroui/shared-utils": "2.1.9",
+    "@heroui/use-safe-layout-effect": "2.1.7"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",