@heroui/autocomplete 2.3.28 → 2.3.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -285,7 +285,9 @@ function useAutocomplete(originalProps) {
285
285
  const getClearButtonProps = () => {
286
286
  var _a2, _b2;
287
287
  return {
288
- ...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
288
+ ...slotsProps.clearButtonProps,
289
+ preventFocusOnPress: true,
290
+ excludeFromTabOrder: true,
289
291
  // disable original focus and state toggle from react aria
290
292
  onPressStart: () => {
291
293
  var _a3;
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  autocomplete_default
4
- } from "./chunk-S6H5EOGR.mjs";
5
- import "./chunk-JHANFQCV.mjs";
4
+ } from "./chunk-DM2TGBNX.mjs";
5
+ import "./chunk-IQYJV2AF.mjs";
6
6
  export {
7
7
  autocomplete_default as default
8
8
  };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  useAutocomplete
4
- } from "./chunk-JHANFQCV.mjs";
4
+ } from "./chunk-IQYJV2AF.mjs";
5
5
 
6
6
  // src/autocomplete.tsx
7
7
  import { forwardRef } from "@heroui/system";
@@ -252,7 +252,9 @@ function useAutocomplete(originalProps) {
252
252
  const getClearButtonProps = () => {
253
253
  var _a2, _b2;
254
254
  return {
255
- ...mergeProps(buttonProps, slotsProps.clearButtonProps),
255
+ ...slotsProps.clearButtonProps,
256
+ preventFocusOnPress: true,
257
+ excludeFromTabOrder: true,
256
258
  // disable original focus and state toggle from react aria
257
259
  onPressStart: () => {
258
260
  var _a3;
package/dist/index.js CHANGED
@@ -291,7 +291,9 @@ function useAutocomplete(originalProps) {
291
291
  const getClearButtonProps = () => {
292
292
  var _a2, _b2;
293
293
  return {
294
- ...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
294
+ ...slotsProps.clearButtonProps,
295
+ preventFocusOnPress: true,
296
+ excludeFromTabOrder: true,
295
297
  // disable original focus and state toggle from react aria
296
298
  onPressStart: () => {
297
299
  var _a3;
package/dist/index.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  autocomplete_default
4
- } from "./chunk-S6H5EOGR.mjs";
4
+ } from "./chunk-DM2TGBNX.mjs";
5
5
  import {
6
6
  useAutocomplete
7
- } from "./chunk-JHANFQCV.mjs";
7
+ } from "./chunk-IQYJV2AF.mjs";
8
8
 
9
9
  // src/index.ts
10
10
  import { ListboxItem, ListboxSection } from "@heroui/listbox";
@@ -137,77 +137,77 @@ declare function useAutocomplete<T extends object>(originalProps: UseAutocomplet
137
137
  slots: {
138
138
  base: (slotProps?: ({
139
139
  isClearable?: boolean | undefined;
140
- disableSelectorIconRotation?: boolean | undefined;
141
140
  disableAnimation?: boolean | undefined;
141
+ disableSelectorIconRotation?: boolean | undefined;
142
142
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
143
143
  listboxWrapper: (slotProps?: ({
144
144
  isClearable?: boolean | undefined;
145
- disableSelectorIconRotation?: boolean | undefined;
146
145
  disableAnimation?: boolean | undefined;
146
+ disableSelectorIconRotation?: boolean | undefined;
147
147
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
148
148
  listbox: (slotProps?: ({
149
149
  isClearable?: boolean | undefined;
150
- disableSelectorIconRotation?: boolean | undefined;
151
150
  disableAnimation?: boolean | undefined;
151
+ disableSelectorIconRotation?: boolean | undefined;
152
152
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
153
153
  popoverContent: (slotProps?: ({
154
154
  isClearable?: boolean | undefined;
155
- disableSelectorIconRotation?: boolean | undefined;
156
155
  disableAnimation?: boolean | undefined;
156
+ disableSelectorIconRotation?: boolean | undefined;
157
157
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
158
158
  endContentWrapper: (slotProps?: ({
159
159
  isClearable?: boolean | undefined;
160
- disableSelectorIconRotation?: boolean | undefined;
161
160
  disableAnimation?: boolean | undefined;
161
+ disableSelectorIconRotation?: boolean | undefined;
162
162
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
163
163
  clearButton: (slotProps?: ({
164
164
  isClearable?: boolean | undefined;
165
- disableSelectorIconRotation?: boolean | undefined;
166
165
  disableAnimation?: boolean | undefined;
166
+ disableSelectorIconRotation?: boolean | undefined;
167
167
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
168
168
  selectorButton: (slotProps?: ({
169
169
  isClearable?: boolean | undefined;
170
- disableSelectorIconRotation?: boolean | undefined;
171
170
  disableAnimation?: boolean | undefined;
171
+ disableSelectorIconRotation?: boolean | undefined;
172
172
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
173
173
  } & {
174
174
  base: (slotProps?: ({
175
175
  isClearable?: boolean | undefined;
176
- disableSelectorIconRotation?: boolean | undefined;
177
176
  disableAnimation?: boolean | undefined;
177
+ disableSelectorIconRotation?: boolean | undefined;
178
178
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
179
179
  listboxWrapper: (slotProps?: ({
180
180
  isClearable?: boolean | undefined;
181
- disableSelectorIconRotation?: boolean | undefined;
182
181
  disableAnimation?: boolean | undefined;
182
+ disableSelectorIconRotation?: boolean | undefined;
183
183
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
184
184
  listbox: (slotProps?: ({
185
185
  isClearable?: boolean | undefined;
186
- disableSelectorIconRotation?: boolean | undefined;
187
186
  disableAnimation?: boolean | undefined;
187
+ disableSelectorIconRotation?: boolean | undefined;
188
188
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
189
189
  popoverContent: (slotProps?: ({
190
190
  isClearable?: boolean | undefined;
191
- disableSelectorIconRotation?: boolean | undefined;
192
191
  disableAnimation?: boolean | undefined;
192
+ disableSelectorIconRotation?: boolean | undefined;
193
193
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
194
194
  endContentWrapper: (slotProps?: ({
195
195
  isClearable?: boolean | undefined;
196
- disableSelectorIconRotation?: boolean | undefined;
197
196
  disableAnimation?: boolean | undefined;
197
+ disableSelectorIconRotation?: boolean | undefined;
198
198
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
199
199
  clearButton: (slotProps?: ({
200
200
  isClearable?: boolean | undefined;
201
- disableSelectorIconRotation?: boolean | undefined;
202
201
  disableAnimation?: boolean | undefined;
202
+ disableSelectorIconRotation?: boolean | undefined;
203
203
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
204
204
  selectorButton: (slotProps?: ({
205
205
  isClearable?: boolean | undefined;
206
- disableSelectorIconRotation?: boolean | undefined;
207
206
  disableAnimation?: boolean | undefined;
207
+ disableSelectorIconRotation?: boolean | undefined;
208
208
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
209
209
  } & {};
210
- classNames: SlotsToClasses<"base" | "listboxWrapper" | "listbox" | "popoverContent" | "endContentWrapper" | "selectorButton" | "clearButton"> | undefined;
210
+ classNames: SlotsToClasses<"base" | "clearButton" | "listbox" | "listboxWrapper" | "popoverContent" | "endContentWrapper" | "selectorButton"> | undefined;
211
211
  isLoading: boolean | undefined;
212
212
  clearIcon: ReactNode;
213
213
  isOpen: boolean;
@@ -137,77 +137,77 @@ declare function useAutocomplete<T extends object>(originalProps: UseAutocomplet
137
137
  slots: {
138
138
  base: (slotProps?: ({
139
139
  isClearable?: boolean | undefined;
140
- disableSelectorIconRotation?: boolean | undefined;
141
140
  disableAnimation?: boolean | undefined;
141
+ disableSelectorIconRotation?: boolean | undefined;
142
142
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
143
143
  listboxWrapper: (slotProps?: ({
144
144
  isClearable?: boolean | undefined;
145
- disableSelectorIconRotation?: boolean | undefined;
146
145
  disableAnimation?: boolean | undefined;
146
+ disableSelectorIconRotation?: boolean | undefined;
147
147
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
148
148
  listbox: (slotProps?: ({
149
149
  isClearable?: boolean | undefined;
150
- disableSelectorIconRotation?: boolean | undefined;
151
150
  disableAnimation?: boolean | undefined;
151
+ disableSelectorIconRotation?: boolean | undefined;
152
152
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
153
153
  popoverContent: (slotProps?: ({
154
154
  isClearable?: boolean | undefined;
155
- disableSelectorIconRotation?: boolean | undefined;
156
155
  disableAnimation?: boolean | undefined;
156
+ disableSelectorIconRotation?: boolean | undefined;
157
157
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
158
158
  endContentWrapper: (slotProps?: ({
159
159
  isClearable?: boolean | undefined;
160
- disableSelectorIconRotation?: boolean | undefined;
161
160
  disableAnimation?: boolean | undefined;
161
+ disableSelectorIconRotation?: boolean | undefined;
162
162
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
163
163
  clearButton: (slotProps?: ({
164
164
  isClearable?: boolean | undefined;
165
- disableSelectorIconRotation?: boolean | undefined;
166
165
  disableAnimation?: boolean | undefined;
166
+ disableSelectorIconRotation?: boolean | undefined;
167
167
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
168
168
  selectorButton: (slotProps?: ({
169
169
  isClearable?: boolean | undefined;
170
- disableSelectorIconRotation?: boolean | undefined;
171
170
  disableAnimation?: boolean | undefined;
171
+ disableSelectorIconRotation?: boolean | undefined;
172
172
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
173
173
  } & {
174
174
  base: (slotProps?: ({
175
175
  isClearable?: boolean | undefined;
176
- disableSelectorIconRotation?: boolean | undefined;
177
176
  disableAnimation?: boolean | undefined;
177
+ disableSelectorIconRotation?: boolean | undefined;
178
178
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
179
179
  listboxWrapper: (slotProps?: ({
180
180
  isClearable?: boolean | undefined;
181
- disableSelectorIconRotation?: boolean | undefined;
182
181
  disableAnimation?: boolean | undefined;
182
+ disableSelectorIconRotation?: boolean | undefined;
183
183
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
184
184
  listbox: (slotProps?: ({
185
185
  isClearable?: boolean | undefined;
186
- disableSelectorIconRotation?: boolean | undefined;
187
186
  disableAnimation?: boolean | undefined;
187
+ disableSelectorIconRotation?: boolean | undefined;
188
188
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
189
189
  popoverContent: (slotProps?: ({
190
190
  isClearable?: boolean | undefined;
191
- disableSelectorIconRotation?: boolean | undefined;
192
191
  disableAnimation?: boolean | undefined;
192
+ disableSelectorIconRotation?: boolean | undefined;
193
193
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
194
194
  endContentWrapper: (slotProps?: ({
195
195
  isClearable?: boolean | undefined;
196
- disableSelectorIconRotation?: boolean | undefined;
197
196
  disableAnimation?: boolean | undefined;
197
+ disableSelectorIconRotation?: boolean | undefined;
198
198
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
199
199
  clearButton: (slotProps?: ({
200
200
  isClearable?: boolean | undefined;
201
- disableSelectorIconRotation?: boolean | undefined;
202
201
  disableAnimation?: boolean | undefined;
202
+ disableSelectorIconRotation?: boolean | undefined;
203
203
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
204
204
  selectorButton: (slotProps?: ({
205
205
  isClearable?: boolean | undefined;
206
- disableSelectorIconRotation?: boolean | undefined;
207
206
  disableAnimation?: boolean | undefined;
207
+ disableSelectorIconRotation?: boolean | undefined;
208
208
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
209
209
  } & {};
210
- classNames: SlotsToClasses<"base" | "listboxWrapper" | "listbox" | "popoverContent" | "endContentWrapper" | "selectorButton" | "clearButton"> | undefined;
210
+ classNames: SlotsToClasses<"base" | "clearButton" | "listbox" | "listboxWrapper" | "popoverContent" | "endContentWrapper" | "selectorButton"> | undefined;
211
211
  isLoading: boolean | undefined;
212
212
  clearIcon: ReactNode;
213
213
  isOpen: boolean;
@@ -275,7 +275,9 @@ function useAutocomplete(originalProps) {
275
275
  const getClearButtonProps = () => {
276
276
  var _a2, _b2;
277
277
  return {
278
- ...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
278
+ ...slotsProps.clearButtonProps,
279
+ preventFocusOnPress: true,
280
+ excludeFromTabOrder: true,
279
281
  // disable original focus and state toggle from react aria
280
282
  onPressStart: () => {
281
283
  var _a3;
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  useAutocomplete
4
- } from "./chunk-JHANFQCV.mjs";
4
+ } from "./chunk-IQYJV2AF.mjs";
5
5
  export {
6
6
  useAutocomplete
7
7
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@heroui/autocomplete",
3
- "version": "2.3.28",
3
+ "version": "2.3.29",
4
4
  "description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.",
5
5
  "keywords": [
6
6
  "autocomplete"
@@ -32,21 +32,21 @@
32
32
  "react-dom": ">=18 || >=19.0.0-rc.0"
33
33
  },
34
34
  "dependencies": {
35
- "@react-aria/combobox": "3.13.1",
36
- "@react-aria/i18n": "3.12.12",
37
- "@react-stately/combobox": "3.11.1",
38
- "@react-types/combobox": "3.13.8",
39
- "@react-types/shared": "3.32.0",
40
- "@heroui/form": "2.1.26",
41
- "@heroui/aria-utils": "2.2.23",
42
- "@heroui/button": "2.2.26",
43
- "@heroui/input": "2.4.27",
44
- "@heroui/listbox": "2.3.25",
45
- "@heroui/popover": "2.3.26",
46
- "@heroui/react-utils": "2.1.13",
47
- "@heroui/scroll-shadow": "2.3.17",
35
+ "@react-aria/combobox": "3.14.0",
36
+ "@react-aria/i18n": "3.12.13",
37
+ "@react-stately/combobox": "3.12.0",
38
+ "@react-types/combobox": "3.13.9",
39
+ "@react-types/shared": "3.32.1",
40
+ "@heroui/form": "2.1.27",
41
+ "@heroui/aria-utils": "2.2.24",
42
+ "@heroui/button": "2.2.27",
43
+ "@heroui/input": "2.4.28",
44
+ "@heroui/listbox": "2.3.26",
45
+ "@heroui/popover": "2.3.27",
46
+ "@heroui/react-utils": "2.1.14",
47
+ "@heroui/scroll-shadow": "2.3.18",
48
48
  "@heroui/shared-icons": "2.1.10",
49
- "@heroui/shared-utils": "2.1.11",
49
+ "@heroui/shared-utils": "2.1.12",
50
50
  "@heroui/use-safe-layout-effect": "2.1.8"
51
51
  },
52
52
  "clean-package": "../../../clean-package.config.json",