@sproutsocial/seeds-react-menu 1.16.16 → 1.18.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.
Files changed (84) hide show
  1. package/.turbo/turbo-build.log +14 -22
  2. package/CHANGELOG.md +51 -0
  3. package/dist/esm/index.js +542 -229
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/esm/v3/index.js +870 -1081
  6. package/dist/esm/v3/index.js.map +1 -1
  7. package/dist/v3/index.d.mts +82 -38
  8. package/dist/v3/index.d.ts +82 -38
  9. package/dist/v3/index.js +887 -1098
  10. package/dist/v3/index.js.map +1 -1
  11. package/dist/v3/menu.css +947 -0
  12. package/package.json +20 -21
  13. package/src/ActionMenu/ActionMenu.stories.tsx +1 -1
  14. package/src/Autocomplete/Autocomplete.stories.tsx +1 -1
  15. package/src/MenuContent/MenuContent.stories.tsx +1 -1
  16. package/src/MenuFooter/MenuFooter.stories.tsx +1 -1
  17. package/src/MenuGroup/MenuGroup.stories.tsx +1 -1
  18. package/src/MenuHeader/MenuHeader.stories.tsx +1 -1
  19. package/src/MenuItem/MenuItem.stories.tsx +1 -1
  20. package/src/MenuToggleButton/MenuToggleButton.stories.tsx +1 -1
  21. package/src/MultiSelectMenu/MultiSelectMenu.stories.tsx +1 -1
  22. package/src/NestedMenu/NestedMenu.stories.tsx +1 -1
  23. package/src/SingleSelectMenu/SingleSelectMenu.stories.tsx +1 -1
  24. package/src/SubmenuItem/SubmenuItem.stories.tsx +1 -1
  25. package/src/v3/ActionMenu.stories.tsx +1 -1
  26. package/src/v3/ActionMenuStyles.tsx +169 -149
  27. package/src/v3/Common/ComboboxStyles.tsx +396 -511
  28. package/src/v3/Common/SelectIcons.tsx +17 -8
  29. package/src/v3/Common/SelectItem.tsx +25 -38
  30. package/src/v3/Common/SelectStyles.tsx +146 -144
  31. package/src/v3/Common/cn.ts +38 -0
  32. package/src/v3/MenuButton.stories.tsx +1 -1
  33. package/src/v3/MenuButtonStyles.tsx +55 -34
  34. package/src/v3/ModalStories.stories.tsx +1 -1
  35. package/src/v3/MultiCombobox.stories.tsx +1 -1
  36. package/src/v3/MultiCombobox.tsx +7 -0
  37. package/src/v3/MultiSearchableSelect.stories.tsx +1 -1
  38. package/src/v3/MultiSearchableSelect.tsx +15 -8
  39. package/src/v3/MultiSelect.stories.tsx +1 -1
  40. package/src/v3/MultiSelect.tsx +20 -17
  41. package/src/v3/SingleCombobox.stories.tsx +1 -1
  42. package/src/v3/SingleCombobox.tsx +7 -0
  43. package/src/v3/SingleSearchableSelect.stories.tsx +1 -1
  44. package/src/v3/SingleSearchableSelect.tsx +7 -0
  45. package/src/v3/SingleSelect.stories.tsx +1 -1
  46. package/src/v3/SingleSelect.tsx +22 -14
  47. package/src/v3/__tests__/ariaLabels.test.tsx +133 -0
  48. package/src/v3/menu.css +947 -0
  49. package/tsup.config.ts +0 -1
  50. package/dist/esm/chunk-ROQATIB7.js +0 -357
  51. package/dist/esm/chunk-ROQATIB7.js.map +0 -1
  52. package/dist/esm/v2/index.js +0 -2089
  53. package/dist/esm/v2/index.js.map +0 -1
  54. package/dist/v2/index.d.mts +0 -108
  55. package/dist/v2/index.d.ts +0 -108
  56. package/dist/v2/index.js +0 -2280
  57. package/dist/v2/index.js.map +0 -1
  58. package/src/v2/Autocomplete/Autocomplete.stories.tsx +0 -645
  59. package/src/v2/Autocomplete/MultiAutocomplete.tsx +0 -487
  60. package/src/v2/Autocomplete/SingleAutocomplete.tsx +0 -366
  61. package/src/v2/Autocomplete/index.ts +0 -2
  62. package/src/v2/Common-V2/ComboboxContent.tsx +0 -457
  63. package/src/v2/Common-V2/MenuGroup.tsx +0 -60
  64. package/src/v2/Common-V2/MenuGroupTypes.ts +0 -30
  65. package/src/v2/Common-V2/MenuHeading.tsx +0 -83
  66. package/src/v2/Common-V2/MenuItem.tsx +0 -138
  67. package/src/v2/Common-V2/Popout.tsx +0 -124
  68. package/src/v2/Common-V2/PopoutTypes.tsx +0 -109
  69. package/src/v2/Common-V2/SelectToggleButton.tsx +0 -99
  70. package/src/v2/Common-V2/index.ts +0 -11
  71. package/src/v2/Common-V2/props.ts +0 -84
  72. package/src/v2/Common-V2/styles.tsx +0 -41
  73. package/src/v2/Common-V2/types.ts +0 -16
  74. package/src/v2/Common-V2/useHighlightedIndex.ts +0 -62
  75. package/src/v2/Common-V2/utils.ts +0 -238
  76. package/src/v2/SearchableSelect/AutocompleteContent.tsx +0 -325
  77. package/src/v2/SearchableSelect/SearchableMultiSelect.tsx +0 -527
  78. package/src/v2/SearchableSelect/SearchableSelect.tsx +0 -395
  79. package/src/v2/SearchableSelect/index.ts +0 -12
  80. package/src/v2/Select/MultiSelect.tsx +0 -417
  81. package/src/v2/Select/Select.stories.tsx +0 -593
  82. package/src/v2/Select/SingleSelect.tsx +0 -285
  83. package/src/v2/Select/index.ts +0 -2
  84. package/src/v2/index.ts +0 -2
package/dist/v3/index.d.mts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  import * as _base_ui_react_combobox from '@base-ui/react/combobox';
4
- import * as styled_components from 'styled-components';
4
+ import { Combobox } from '@base-ui/react/combobox';
5
5
  import { MenuRootChangeEventDetails } from '@base-ui/react/menu';
6
6
  import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
7
7
 
@@ -15,6 +15,9 @@ interface SingleSelectBaseProps {
15
15
  placeholder?: string;
16
16
  includePlaceholderItem?: boolean;
17
17
  disabled?: boolean;
18
+ "aria-label"?: string;
19
+ /** Id of a visible label. Preferred over `aria-label`. */
20
+ "aria-labelledby"?: string;
18
21
  "aria-describedby"?: string;
19
22
  isInvalid?: boolean;
20
23
  required?: boolean;
@@ -53,6 +56,9 @@ interface MultiSelectBaseProps {
53
56
  id?: string;
54
57
  placeholder?: string;
55
58
  disabled?: boolean;
59
+ "aria-label"?: string;
60
+ /** Id of a visible label. Preferred over `aria-label`. */
61
+ "aria-labelledby"?: string;
56
62
  "aria-describedby"?: string;
57
63
  isInvalid?: boolean;
58
64
  required?: boolean;
@@ -99,6 +105,9 @@ interface SingleComboboxBaseProps {
99
105
  emptyText?: string;
100
106
  disabled?: boolean;
101
107
  filter?: ((item: unknown, query: string) => boolean) | null;
108
+ "aria-label"?: string;
109
+ /** Id of a visible label. Preferred over `aria-label`. */
110
+ "aria-labelledby"?: string;
102
111
  "aria-describedby"?: string;
103
112
  isInvalid?: boolean;
104
113
  required?: boolean;
@@ -150,6 +159,9 @@ interface MultiComboboxBaseProps {
150
159
  filter?: ((item: unknown, query: string) => boolean) | null;
151
160
  inputValue?: string;
152
161
  onInputValueChange?: (value: string) => void;
162
+ "aria-label"?: string;
163
+ /** Id of a visible label. Preferred over `aria-label`. */
164
+ "aria-labelledby"?: string;
153
165
  "aria-describedby"?: string;
154
166
  isInvalid?: boolean;
155
167
  required?: boolean;
@@ -210,6 +222,9 @@ interface SingleSearchableSelectBaseProps {
210
222
  loadingText?: string;
211
223
  disabled?: boolean;
212
224
  filter?: ((item: unknown, query: string) => boolean) | null;
225
+ "aria-label"?: string;
226
+ /** Id of a visible label. Preferred over `aria-label`. */
227
+ "aria-labelledby"?: string;
213
228
  "aria-describedby"?: string;
214
229
  isInvalid?: boolean;
215
230
  required?: boolean;
@@ -262,6 +277,9 @@ interface MultiSearchableSelectBaseProps {
262
277
  loadingText?: string;
263
278
  disabled?: boolean;
264
279
  filter?: ((item: unknown, query: string) => boolean) | null;
280
+ "aria-label"?: string;
281
+ /** Id of a visible label. Preferred over `aria-label`. */
282
+ "aria-labelledby"?: string;
265
283
  "aria-describedby"?: string;
266
284
  isInvalid?: boolean;
267
285
  required?: boolean;
@@ -312,51 +330,77 @@ interface MultiSearchableSelectChildrenProps extends MultiSearchableSelectBasePr
312
330
  type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDataProps<T> | MultiSearchableSelectChildrenProps;
313
331
  declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
314
332
 
315
- declare const ComboboxLabel: styled_components.StyledComponent<"label", styled_components.DefaultTheme, {}, never>;
316
- declare const ComboboxInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {
333
+ /**
334
+ * Local class-name merge helper for the v3 menu CSS-class components.
335
+ *
336
+ * `cn` is not exported from @sproutsocial/seeds-react-utilities, so — mirroring
337
+ * ButtonTailwind/MessageTailwind — the menu package keeps a local copy. Accepts
338
+ * strings and { className: boolean } records; falsy entries are dropped.
339
+ */
340
+ /**
341
+ * Narrow a Base UI component's props so `className` is a plain string. Base UI
342
+ * types `className` as `string | ((state) => string)`; the v3 CSS-class
343
+ * wrappers only ever forward a string (no consumer uses the function form), and
344
+ * a string is what `cn` accepts.
345
+ */
346
+ type WithStringClassName<P> = Omit<P, "className"> & {
347
+ className?: string;
348
+ };
349
+
350
+ /**
351
+ * v3 Combobox / Searchable Select surface, rendered with CSS classes from
352
+ * menu.css (imported via @sproutsocial/seeds-react-menu/base/css) instead of
353
+ * styled-components. Each export keeps its previous name and forwards
354
+ * props/refs to the underlying Base UI component; the transient `$isInvalid`
355
+ * prop is translated to a modifier class here so call sites are unchanged.
356
+ */
357
+ declare const ComboboxLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
358
+ type InputGroupProps = WithStringClassName<React.ComponentProps<typeof Combobox.InputGroup>> & {
317
359
  $isInvalid?: boolean;
318
- }, never>;
319
- declare const ComboboxInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
320
- declare const ComboboxTokenInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
321
- declare const ComboboxActionButtons: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
322
- declare const ComboboxClear: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
323
- tabIndex: 0;
324
- }, "tabIndex">;
325
- declare const ComboboxTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
326
- declare const ComboboxPositioner: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
327
- declare const ComboboxPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
328
- declare const ComboboxList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
329
- declare const ComboboxStatus: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
330
- declare const ComboboxEmpty: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
331
- declare const ComboboxItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
332
- declare const ComboboxItemIndicator: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
333
- declare const ComboboxGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
334
- declare const ComboboxGroupLabel: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
335
- declare const ComboboxSeparator: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
336
- declare const ComboboxGroupHeaderItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
337
- declare const ComboboxSelectAllItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
360
+ };
361
+ declare const ComboboxInputGroup: React.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
362
+ declare const ComboboxInput: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, "ref"> & React.RefAttributes<HTMLInputElement>>;
363
+ declare const ComboboxTokenInput: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, "ref"> & React.RefAttributes<HTMLInputElement>>;
364
+ declare const ComboboxActionButtons: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
365
+ declare const ComboboxClear: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
366
+ declare const ComboboxTrigger: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
367
+ declare const ComboboxPositioner: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
368
+ declare const ComboboxPopup: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
369
+ declare const ComboboxList: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
370
+ declare const ComboboxStatus: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
371
+ declare const ComboboxEmpty: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
372
+ declare const ComboboxItem: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
373
+ declare const ComboboxItemIndicator: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
374
+ declare const ComboboxGroup: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
375
+ declare const ComboboxGroupLabel: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
376
+ declare const ComboboxSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
377
+ declare const ComboboxGroupHeaderItem: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
378
+ declare const ComboboxSelectAllItem: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
338
379
  declare function ComboboxGroupHeaderCheckbox({ $state, id, }: {
339
380
  $state: "none" | "partial" | "all";
340
381
  id: string;
341
382
  }): react_jsx_runtime.JSX.Element;
342
- declare const ComboboxToken: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
343
- declare const ComboboxTokenInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {
383
+ declare const ComboboxToken: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
384
+ type TokenInputGroupProps = WithStringClassName<React.ComponentProps<typeof Combobox.InputGroup>> & {
344
385
  $isInvalid?: boolean;
345
- }, never>;
346
- declare const Token: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
347
- declare const TokenRemove: styled_components.StyledComponent<"button", styled_components.DefaultTheme, {}, never>;
348
- declare const SearchableSelectTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
386
+ };
387
+ declare const ComboboxTokenInputGroup: React.ForwardRefExoticComponent<Omit<TokenInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
388
+ declare const Token: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
389
+ declare const TokenRemove: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
390
+ type SearchableTriggerProps = WithStringClassName<React.ComponentProps<typeof Combobox.Trigger>> & {
349
391
  $isInvalid?: boolean;
350
- }, never>;
351
- declare const SearchableSelectTriggerIcon: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
352
- declare const SearchableSelectPlaceholder: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
353
- declare const SearchableSelectPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
354
- declare const SearchableSelectSearchContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
355
- declare const SearchableSelectInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
356
- declare const SearchableSelectList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
357
- declare const SearchableSelectTokenTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
392
+ };
393
+ declare const SearchableSelectTrigger: React.ForwardRefExoticComponent<Omit<SearchableTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
394
+ declare const SearchableSelectTriggerIcon: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
395
+ declare const SearchableSelectPlaceholder: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
396
+ declare const SearchableSelectPopup: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
397
+ declare const SearchableSelectSearchContainer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
398
+ declare const SearchableSelectInput: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, "ref"> & React.RefAttributes<HTMLInputElement>>;
399
+ declare const SearchableSelectList: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
400
+ type TokenTriggerProps = WithStringClassName<React.ComponentProps<typeof Combobox.Trigger>> & {
358
401
  $isInvalid?: boolean;
359
- }, never>;
402
+ };
403
+ declare const SearchableSelectTokenTrigger: React.ForwardRefExoticComponent<Omit<TokenTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
360
404
 
361
405
  interface ActionMenuProps {
362
406
  /** The button element that opens the menu */
package/dist/v3/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  import * as _base_ui_react_combobox from '@base-ui/react/combobox';
4
- import * as styled_components from 'styled-components';
4
+ import { Combobox } from '@base-ui/react/combobox';
5
5
  import { MenuRootChangeEventDetails } from '@base-ui/react/menu';
6
6
  import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
7
7
 
@@ -15,6 +15,9 @@ interface SingleSelectBaseProps {
15
15
  placeholder?: string;
16
16
  includePlaceholderItem?: boolean;
17
17
  disabled?: boolean;
18
+ "aria-label"?: string;
19
+ /** Id of a visible label. Preferred over `aria-label`. */
20
+ "aria-labelledby"?: string;
18
21
  "aria-describedby"?: string;
19
22
  isInvalid?: boolean;
20
23
  required?: boolean;
@@ -53,6 +56,9 @@ interface MultiSelectBaseProps {
53
56
  id?: string;
54
57
  placeholder?: string;
55
58
  disabled?: boolean;
59
+ "aria-label"?: string;
60
+ /** Id of a visible label. Preferred over `aria-label`. */
61
+ "aria-labelledby"?: string;
56
62
  "aria-describedby"?: string;
57
63
  isInvalid?: boolean;
58
64
  required?: boolean;
@@ -99,6 +105,9 @@ interface SingleComboboxBaseProps {
99
105
  emptyText?: string;
100
106
  disabled?: boolean;
101
107
  filter?: ((item: unknown, query: string) => boolean) | null;
108
+ "aria-label"?: string;
109
+ /** Id of a visible label. Preferred over `aria-label`. */
110
+ "aria-labelledby"?: string;
102
111
  "aria-describedby"?: string;
103
112
  isInvalid?: boolean;
104
113
  required?: boolean;
@@ -150,6 +159,9 @@ interface MultiComboboxBaseProps {
150
159
  filter?: ((item: unknown, query: string) => boolean) | null;
151
160
  inputValue?: string;
152
161
  onInputValueChange?: (value: string) => void;
162
+ "aria-label"?: string;
163
+ /** Id of a visible label. Preferred over `aria-label`. */
164
+ "aria-labelledby"?: string;
153
165
  "aria-describedby"?: string;
154
166
  isInvalid?: boolean;
155
167
  required?: boolean;
@@ -210,6 +222,9 @@ interface SingleSearchableSelectBaseProps {
210
222
  loadingText?: string;
211
223
  disabled?: boolean;
212
224
  filter?: ((item: unknown, query: string) => boolean) | null;
225
+ "aria-label"?: string;
226
+ /** Id of a visible label. Preferred over `aria-label`. */
227
+ "aria-labelledby"?: string;
213
228
  "aria-describedby"?: string;
214
229
  isInvalid?: boolean;
215
230
  required?: boolean;
@@ -262,6 +277,9 @@ interface MultiSearchableSelectBaseProps {
262
277
  loadingText?: string;
263
278
  disabled?: boolean;
264
279
  filter?: ((item: unknown, query: string) => boolean) | null;
280
+ "aria-label"?: string;
281
+ /** Id of a visible label. Preferred over `aria-label`. */
282
+ "aria-labelledby"?: string;
265
283
  "aria-describedby"?: string;
266
284
  isInvalid?: boolean;
267
285
  required?: boolean;
@@ -312,51 +330,77 @@ interface MultiSearchableSelectChildrenProps extends MultiSearchableSelectBasePr
312
330
  type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDataProps<T> | MultiSearchableSelectChildrenProps;
313
331
  declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
314
332
 
315
- declare const ComboboxLabel: styled_components.StyledComponent<"label", styled_components.DefaultTheme, {}, never>;
316
- declare const ComboboxInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {
333
+ /**
334
+ * Local class-name merge helper for the v3 menu CSS-class components.
335
+ *
336
+ * `cn` is not exported from @sproutsocial/seeds-react-utilities, so — mirroring
337
+ * ButtonTailwind/MessageTailwind — the menu package keeps a local copy. Accepts
338
+ * strings and { className: boolean } records; falsy entries are dropped.
339
+ */
340
+ /**
341
+ * Narrow a Base UI component's props so `className` is a plain string. Base UI
342
+ * types `className` as `string | ((state) => string)`; the v3 CSS-class
343
+ * wrappers only ever forward a string (no consumer uses the function form), and
344
+ * a string is what `cn` accepts.
345
+ */
346
+ type WithStringClassName<P> = Omit<P, "className"> & {
347
+ className?: string;
348
+ };
349
+
350
+ /**
351
+ * v3 Combobox / Searchable Select surface, rendered with CSS classes from
352
+ * menu.css (imported via @sproutsocial/seeds-react-menu/base/css) instead of
353
+ * styled-components. Each export keeps its previous name and forwards
354
+ * props/refs to the underlying Base UI component; the transient `$isInvalid`
355
+ * prop is translated to a modifier class here so call sites are unchanged.
356
+ */
357
+ declare const ComboboxLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
358
+ type InputGroupProps = WithStringClassName<React.ComponentProps<typeof Combobox.InputGroup>> & {
317
359
  $isInvalid?: boolean;
318
- }, never>;
319
- declare const ComboboxInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
320
- declare const ComboboxTokenInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
321
- declare const ComboboxActionButtons: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
322
- declare const ComboboxClear: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
323
- tabIndex: 0;
324
- }, "tabIndex">;
325
- declare const ComboboxTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
326
- declare const ComboboxPositioner: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
327
- declare const ComboboxPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
328
- declare const ComboboxList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
329
- declare const ComboboxStatus: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
330
- declare const ComboboxEmpty: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
331
- declare const ComboboxItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
332
- declare const ComboboxItemIndicator: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
333
- declare const ComboboxGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
334
- declare const ComboboxGroupLabel: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
335
- declare const ComboboxSeparator: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
336
- declare const ComboboxGroupHeaderItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
337
- declare const ComboboxSelectAllItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
360
+ };
361
+ declare const ComboboxInputGroup: React.ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
362
+ declare const ComboboxInput: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, "ref"> & React.RefAttributes<HTMLInputElement>>;
363
+ declare const ComboboxTokenInput: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, "ref"> & React.RefAttributes<HTMLInputElement>>;
364
+ declare const ComboboxActionButtons: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
365
+ declare const ComboboxClear: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
366
+ declare const ComboboxTrigger: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
367
+ declare const ComboboxPositioner: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
368
+ declare const ComboboxPopup: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
369
+ declare const ComboboxList: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
370
+ declare const ComboboxStatus: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
371
+ declare const ComboboxEmpty: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
372
+ declare const ComboboxItem: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
373
+ declare const ComboboxItemIndicator: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
374
+ declare const ComboboxGroup: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
375
+ declare const ComboboxGroupLabel: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
376
+ declare const ComboboxSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
377
+ declare const ComboboxGroupHeaderItem: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
378
+ declare const ComboboxSelectAllItem: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
338
379
  declare function ComboboxGroupHeaderCheckbox({ $state, id, }: {
339
380
  $state: "none" | "partial" | "all";
340
381
  id: string;
341
382
  }): react_jsx_runtime.JSX.Element;
342
- declare const ComboboxToken: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
343
- declare const ComboboxTokenInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {
383
+ declare const ComboboxToken: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
384
+ type TokenInputGroupProps = WithStringClassName<React.ComponentProps<typeof Combobox.InputGroup>> & {
344
385
  $isInvalid?: boolean;
345
- }, never>;
346
- declare const Token: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
347
- declare const TokenRemove: styled_components.StyledComponent<"button", styled_components.DefaultTheme, {}, never>;
348
- declare const SearchableSelectTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
386
+ };
387
+ declare const ComboboxTokenInputGroup: React.ForwardRefExoticComponent<Omit<TokenInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
388
+ declare const Token: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
389
+ declare const TokenRemove: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
390
+ type SearchableTriggerProps = WithStringClassName<React.ComponentProps<typeof Combobox.Trigger>> & {
349
391
  $isInvalid?: boolean;
350
- }, never>;
351
- declare const SearchableSelectTriggerIcon: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
352
- declare const SearchableSelectPlaceholder: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
353
- declare const SearchableSelectPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
354
- declare const SearchableSelectSearchContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
355
- declare const SearchableSelectInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
356
- declare const SearchableSelectList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
357
- declare const SearchableSelectTokenTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
392
+ };
393
+ declare const SearchableSelectTrigger: React.ForwardRefExoticComponent<Omit<SearchableTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
394
+ declare const SearchableSelectTriggerIcon: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
395
+ declare const SearchableSelectPlaceholder: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
396
+ declare const SearchableSelectPopup: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
397
+ declare const SearchableSelectSearchContainer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
398
+ declare const SearchableSelectInput: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, "ref"> & React.RefAttributes<HTMLInputElement>>;
399
+ declare const SearchableSelectList: React.ForwardRefExoticComponent<Omit<WithStringClassName<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
400
+ type TokenTriggerProps = WithStringClassName<React.ComponentProps<typeof Combobox.Trigger>> & {
358
401
  $isInvalid?: boolean;
359
- }, never>;
402
+ };
403
+ declare const SearchableSelectTokenTrigger: React.ForwardRefExoticComponent<Omit<TokenTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
360
404
 
361
405
  interface ActionMenuProps {
362
406
  /** The button element that opens the menu */