@heroui/autocomplete 2.3.21 → 2.3.22-beta.0

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.
@@ -45,7 +45,6 @@ var import_shared_utils = require("@heroui/shared-utils");
45
45
  var import_utils = require("@react-aria/utils");
46
46
  var import_combobox2 = require("@react-aria/combobox");
47
47
  var import_form = require("@heroui/form");
48
- var import_aria_utils = require("@heroui/aria-utils");
49
48
  function useAutocomplete(originalProps) {
50
49
  var _a, _b, _c, _d, _e;
51
50
  const globalContext = (0, import_system.useProviderContext)();
@@ -353,7 +352,6 @@ function useAutocomplete(originalProps) {
353
352
  )
354
353
  })
355
354
  },
356
- shouldCloseOnInteractOutside: (popoverProps2 == null ? void 0 : popoverProps2.shouldCloseOnInteractOutside) ? popoverProps2.shouldCloseOnInteractOutside : (element) => (0, import_aria_utils.ariaShouldCloseOnInteractOutside)(element, inputWrapperRef, state),
357
355
  // when the popover is open, the focus should be on input instead of dialog
358
356
  // therefore, we skip dialog focus here
359
357
  disableDialogFocus: true
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  autocomplete_default
4
- } from "./chunk-R4R544ZH.mjs";
5
- import "./chunk-ORFKRCF3.mjs";
4
+ } from "./chunk-JQJCJ7KH.mjs";
5
+ import "./chunk-ZDTZDUZE.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-ORFKRCF3.mjs";
4
+ } from "./chunk-ZDTZDUZE.mjs";
5
5
 
6
6
  // src/autocomplete.tsx
7
7
  import { forwardRef } from "@heroui/system";
@@ -12,7 +12,6 @@ import { clsx, dataAttr, objectToDeps } from "@heroui/shared-utils";
12
12
  import { chain, mergeProps } from "@react-aria/utils";
13
13
  import { useComboBox } from "@react-aria/combobox";
14
14
  import { FormContext, useSlottedContext } from "@heroui/form";
15
- import { ariaShouldCloseOnInteractOutside } from "@heroui/aria-utils";
16
15
  function useAutocomplete(originalProps) {
17
16
  var _a, _b, _c, _d, _e;
18
17
  const globalContext = useProviderContext();
@@ -320,7 +319,6 @@ function useAutocomplete(originalProps) {
320
319
  )
321
320
  })
322
321
  },
323
- shouldCloseOnInteractOutside: (popoverProps2 == null ? void 0 : popoverProps2.shouldCloseOnInteractOutside) ? popoverProps2.shouldCloseOnInteractOutside : (element) => ariaShouldCloseOnInteractOutside(element, inputWrapperRef, state),
324
322
  // when the popover is open, the focus should be on input instead of dialog
325
323
  // therefore, we skip dialog focus here
326
324
  disableDialogFocus: true
package/dist/index.js CHANGED
@@ -51,7 +51,6 @@ var import_shared_utils = require("@heroui/shared-utils");
51
51
  var import_utils = require("@react-aria/utils");
52
52
  var import_combobox2 = require("@react-aria/combobox");
53
53
  var import_form = require("@heroui/form");
54
- var import_aria_utils = require("@heroui/aria-utils");
55
54
  function useAutocomplete(originalProps) {
56
55
  var _a, _b, _c, _d, _e;
57
56
  const globalContext = (0, import_system.useProviderContext)();
@@ -359,7 +358,6 @@ function useAutocomplete(originalProps) {
359
358
  )
360
359
  })
361
360
  },
362
- shouldCloseOnInteractOutside: (popoverProps2 == null ? void 0 : popoverProps2.shouldCloseOnInteractOutside) ? popoverProps2.shouldCloseOnInteractOutside : (element) => (0, import_aria_utils.ariaShouldCloseOnInteractOutside)(element, inputWrapperRef, state),
363
361
  // when the popover is open, the focus should be on input instead of dialog
364
362
  // therefore, we skip dialog focus here
365
363
  disableDialogFocus: true
package/dist/index.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  autocomplete_default
4
- } from "./chunk-R4R544ZH.mjs";
4
+ } from "./chunk-JQJCJ7KH.mjs";
5
5
  import {
6
6
  useAutocomplete
7
- } from "./chunk-ORFKRCF3.mjs";
7
+ } from "./chunk-ZDTZDUZE.mjs";
8
8
 
9
9
  // src/index.ts
10
10
  import { ListboxItem, ListboxSection } from "@heroui/listbox";
@@ -132,77 +132,77 @@ declare function useAutocomplete<T extends object>(originalProps: UseAutocomplet
132
132
  slots: {
133
133
  base: (slotProps?: ({
134
134
  isClearable?: boolean | undefined;
135
- disableAnimation?: boolean | undefined;
136
135
  disableSelectorIconRotation?: boolean | undefined;
136
+ disableAnimation?: boolean | undefined;
137
137
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
138
138
  listboxWrapper: (slotProps?: ({
139
139
  isClearable?: boolean | undefined;
140
- disableAnimation?: boolean | undefined;
141
140
  disableSelectorIconRotation?: boolean | undefined;
141
+ disableAnimation?: boolean | undefined;
142
142
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
143
143
  listbox: (slotProps?: ({
144
144
  isClearable?: boolean | undefined;
145
- disableAnimation?: boolean | undefined;
146
145
  disableSelectorIconRotation?: boolean | undefined;
146
+ disableAnimation?: boolean | undefined;
147
147
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
148
148
  popoverContent: (slotProps?: ({
149
149
  isClearable?: boolean | undefined;
150
- disableAnimation?: boolean | undefined;
151
150
  disableSelectorIconRotation?: boolean | undefined;
151
+ disableAnimation?: boolean | undefined;
152
152
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
153
153
  endContentWrapper: (slotProps?: ({
154
154
  isClearable?: boolean | undefined;
155
- disableAnimation?: boolean | undefined;
156
155
  disableSelectorIconRotation?: boolean | undefined;
156
+ disableAnimation?: boolean | undefined;
157
157
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
158
158
  clearButton: (slotProps?: ({
159
159
  isClearable?: boolean | undefined;
160
- disableAnimation?: boolean | undefined;
161
160
  disableSelectorIconRotation?: boolean | undefined;
161
+ disableAnimation?: boolean | undefined;
162
162
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
163
163
  selectorButton: (slotProps?: ({
164
164
  isClearable?: boolean | undefined;
165
- disableAnimation?: boolean | undefined;
166
165
  disableSelectorIconRotation?: boolean | undefined;
166
+ disableAnimation?: boolean | undefined;
167
167
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
168
168
  } & {
169
169
  base: (slotProps?: ({
170
170
  isClearable?: boolean | undefined;
171
- disableAnimation?: boolean | undefined;
172
171
  disableSelectorIconRotation?: boolean | undefined;
172
+ disableAnimation?: boolean | undefined;
173
173
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
174
174
  listboxWrapper: (slotProps?: ({
175
175
  isClearable?: boolean | undefined;
176
- disableAnimation?: boolean | undefined;
177
176
  disableSelectorIconRotation?: boolean | undefined;
177
+ disableAnimation?: boolean | undefined;
178
178
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
179
179
  listbox: (slotProps?: ({
180
180
  isClearable?: boolean | undefined;
181
- disableAnimation?: boolean | undefined;
182
181
  disableSelectorIconRotation?: boolean | undefined;
182
+ disableAnimation?: boolean | undefined;
183
183
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
184
184
  popoverContent: (slotProps?: ({
185
185
  isClearable?: boolean | undefined;
186
- disableAnimation?: boolean | undefined;
187
186
  disableSelectorIconRotation?: boolean | undefined;
187
+ disableAnimation?: boolean | undefined;
188
188
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
189
189
  endContentWrapper: (slotProps?: ({
190
190
  isClearable?: boolean | undefined;
191
- disableAnimation?: boolean | undefined;
192
191
  disableSelectorIconRotation?: boolean | undefined;
192
+ disableAnimation?: boolean | undefined;
193
193
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
194
194
  clearButton: (slotProps?: ({
195
195
  isClearable?: boolean | undefined;
196
- disableAnimation?: boolean | undefined;
197
196
  disableSelectorIconRotation?: boolean | undefined;
197
+ disableAnimation?: boolean | undefined;
198
198
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
199
199
  selectorButton: (slotProps?: ({
200
200
  isClearable?: boolean | undefined;
201
- disableAnimation?: boolean | undefined;
202
201
  disableSelectorIconRotation?: boolean | undefined;
202
+ disableAnimation?: boolean | undefined;
203
203
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
204
204
  } & {};
205
- classNames: SlotsToClasses<"base" | "clearButton" | "listbox" | "listboxWrapper" | "popoverContent" | "endContentWrapper" | "selectorButton"> | undefined;
205
+ classNames: SlotsToClasses<"base" | "listboxWrapper" | "listbox" | "popoverContent" | "endContentWrapper" | "selectorButton" | "clearButton"> | undefined;
206
206
  isLoading: boolean | undefined;
207
207
  clearIcon: ReactNode;
208
208
  isOpen: boolean;
@@ -132,77 +132,77 @@ declare function useAutocomplete<T extends object>(originalProps: UseAutocomplet
132
132
  slots: {
133
133
  base: (slotProps?: ({
134
134
  isClearable?: boolean | undefined;
135
- disableAnimation?: boolean | undefined;
136
135
  disableSelectorIconRotation?: boolean | undefined;
136
+ disableAnimation?: boolean | undefined;
137
137
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
138
138
  listboxWrapper: (slotProps?: ({
139
139
  isClearable?: boolean | undefined;
140
- disableAnimation?: boolean | undefined;
141
140
  disableSelectorIconRotation?: boolean | undefined;
141
+ disableAnimation?: boolean | undefined;
142
142
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
143
143
  listbox: (slotProps?: ({
144
144
  isClearable?: boolean | undefined;
145
- disableAnimation?: boolean | undefined;
146
145
  disableSelectorIconRotation?: boolean | undefined;
146
+ disableAnimation?: boolean | undefined;
147
147
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
148
148
  popoverContent: (slotProps?: ({
149
149
  isClearable?: boolean | undefined;
150
- disableAnimation?: boolean | undefined;
151
150
  disableSelectorIconRotation?: boolean | undefined;
151
+ disableAnimation?: boolean | undefined;
152
152
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
153
153
  endContentWrapper: (slotProps?: ({
154
154
  isClearable?: boolean | undefined;
155
- disableAnimation?: boolean | undefined;
156
155
  disableSelectorIconRotation?: boolean | undefined;
156
+ disableAnimation?: boolean | undefined;
157
157
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
158
158
  clearButton: (slotProps?: ({
159
159
  isClearable?: boolean | undefined;
160
- disableAnimation?: boolean | undefined;
161
160
  disableSelectorIconRotation?: boolean | undefined;
161
+ disableAnimation?: boolean | undefined;
162
162
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
163
163
  selectorButton: (slotProps?: ({
164
164
  isClearable?: boolean | undefined;
165
- disableAnimation?: boolean | undefined;
166
165
  disableSelectorIconRotation?: boolean | undefined;
166
+ disableAnimation?: boolean | undefined;
167
167
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
168
168
  } & {
169
169
  base: (slotProps?: ({
170
170
  isClearable?: boolean | undefined;
171
- disableAnimation?: boolean | undefined;
172
171
  disableSelectorIconRotation?: boolean | undefined;
172
+ disableAnimation?: boolean | undefined;
173
173
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
174
174
  listboxWrapper: (slotProps?: ({
175
175
  isClearable?: boolean | undefined;
176
- disableAnimation?: boolean | undefined;
177
176
  disableSelectorIconRotation?: boolean | undefined;
177
+ disableAnimation?: boolean | undefined;
178
178
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
179
179
  listbox: (slotProps?: ({
180
180
  isClearable?: boolean | undefined;
181
- disableAnimation?: boolean | undefined;
182
181
  disableSelectorIconRotation?: boolean | undefined;
182
+ disableAnimation?: boolean | undefined;
183
183
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
184
184
  popoverContent: (slotProps?: ({
185
185
  isClearable?: boolean | undefined;
186
- disableAnimation?: boolean | undefined;
187
186
  disableSelectorIconRotation?: boolean | undefined;
187
+ disableAnimation?: boolean | undefined;
188
188
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
189
189
  endContentWrapper: (slotProps?: ({
190
190
  isClearable?: boolean | undefined;
191
- disableAnimation?: boolean | undefined;
192
191
  disableSelectorIconRotation?: boolean | undefined;
192
+ disableAnimation?: boolean | undefined;
193
193
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
194
194
  clearButton: (slotProps?: ({
195
195
  isClearable?: boolean | undefined;
196
- disableAnimation?: boolean | undefined;
197
196
  disableSelectorIconRotation?: boolean | undefined;
197
+ disableAnimation?: boolean | undefined;
198
198
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
199
199
  selectorButton: (slotProps?: ({
200
200
  isClearable?: boolean | undefined;
201
- disableAnimation?: boolean | undefined;
202
201
  disableSelectorIconRotation?: boolean | undefined;
202
+ disableAnimation?: boolean | undefined;
203
203
  } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
204
204
  } & {};
205
- classNames: SlotsToClasses<"base" | "clearButton" | "listbox" | "listboxWrapper" | "popoverContent" | "endContentWrapper" | "selectorButton"> | undefined;
205
+ classNames: SlotsToClasses<"base" | "listboxWrapper" | "listbox" | "popoverContent" | "endContentWrapper" | "selectorButton" | "clearButton"> | undefined;
206
206
  isLoading: boolean | undefined;
207
207
  clearIcon: ReactNode;
208
208
  isOpen: boolean;
@@ -35,7 +35,6 @@ var import_shared_utils = require("@heroui/shared-utils");
35
35
  var import_utils = require("@react-aria/utils");
36
36
  var import_combobox2 = require("@react-aria/combobox");
37
37
  var import_form = require("@heroui/form");
38
- var import_aria_utils = require("@heroui/aria-utils");
39
38
  function useAutocomplete(originalProps) {
40
39
  var _a, _b, _c, _d, _e;
41
40
  const globalContext = (0, import_system.useProviderContext)();
@@ -343,7 +342,6 @@ function useAutocomplete(originalProps) {
343
342
  )
344
343
  })
345
344
  },
346
- shouldCloseOnInteractOutside: (popoverProps2 == null ? void 0 : popoverProps2.shouldCloseOnInteractOutside) ? popoverProps2.shouldCloseOnInteractOutside : (element) => (0, import_aria_utils.ariaShouldCloseOnInteractOutside)(element, inputWrapperRef, state),
347
345
  // when the popover is open, the focus should be on input instead of dialog
348
346
  // therefore, we skip dialog focus here
349
347
  disableDialogFocus: true
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  useAutocomplete
4
- } from "./chunk-ORFKRCF3.mjs";
4
+ } from "./chunk-ZDTZDUZE.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.21",
3
+ "version": "2.3.22-beta.0",
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"
@@ -25,8 +25,8 @@
25
25
  "url": "https://github.com/heroui-inc/heroui/issues"
26
26
  },
27
27
  "peerDependencies": {
28
- "@heroui/system": ">=2.4.7",
29
- "@heroui/theme": ">=2.4.6",
28
+ "@heroui/system": ">=2.4.17-beta.0",
29
+ "@heroui/theme": ">=2.4.17-beta.0",
30
30
  "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
31
31
  "react": ">=18 || >=19.0.0-rc.0",
32
32
  "react-dom": ">=18 || >=19.0.0-rc.0"
@@ -41,19 +41,19 @@
41
41
  "@react-stately/combobox": "3.10.5",
42
42
  "@react-types/combobox": "3.13.5",
43
43
  "@react-types/shared": "3.29.1",
44
- "@heroui/aria-utils": "2.2.17",
45
- "@heroui/button": "2.2.20",
46
- "@heroui/input": "2.4.20",
47
- "@heroui/listbox": "2.3.19",
48
- "@heroui/popover": "2.3.20",
49
- "@heroui/form": "2.1.19",
50
- "@heroui/react-utils": "2.1.10",
51
- "@heroui/scroll-shadow": "2.3.13",
52
- "@heroui/shared-icons": "2.1.8",
53
- "@heroui/shared-utils": "2.1.9",
54
- "@heroui/spinner": "2.2.17",
55
- "@heroui/use-aria-button": "2.2.14",
56
- "@heroui/use-safe-layout-effect": "2.1.7"
44
+ "@heroui/form": "2.1.20-beta.0",
45
+ "@heroui/aria-utils": "2.2.18-beta.0",
46
+ "@heroui/button": "2.2.21-beta.0",
47
+ "@heroui/input": "2.4.21-beta.0",
48
+ "@heroui/listbox": "2.3.20-beta.0",
49
+ "@heroui/popover": "2.3.21-beta.0",
50
+ "@heroui/react-utils": "2.1.11-beta.1",
51
+ "@heroui/scroll-shadow": "2.3.14-beta.3",
52
+ "@heroui/shared-icons": "2.1.9-beta.0",
53
+ "@heroui/shared-utils": "2.1.10-beta.1",
54
+ "@heroui/spinner": "2.2.18-beta.0",
55
+ "@heroui/use-aria-button": "2.2.15-beta.0",
56
+ "@heroui/use-safe-layout-effect": "2.1.8-beta.1"
57
57
  },
58
58
  "clean-package": "../../../clean-package.config.json",
59
59
  "module": "dist/index.mjs",