@sproutsocial/seeds-react-menu 1.13.0 → 1.16.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 (32) hide show
  1. package/.turbo/turbo-build.log +13 -13
  2. package/CHANGELOG.md +189 -0
  3. package/dist/esm/v3/index.js +401 -196
  4. package/dist/esm/v3/index.js.map +1 -1
  5. package/dist/v3/index.d.mts +51 -6
  6. package/dist/v3/index.d.ts +51 -6
  7. package/dist/v3/index.js +399 -193
  8. package/dist/v3/index.js.map +1 -1
  9. package/package.json +14 -14
  10. package/src/v3/ActionMenuStyles.tsx +11 -10
  11. package/src/v3/Common/ComboboxStyles.tsx +47 -7
  12. package/src/v3/Common/SelectStyles.tsx +16 -3
  13. package/src/v3/Common/VirtualizedComboboxList.tsx +3 -0
  14. package/src/v3/Common/useSuppressEscapeClear.ts +20 -0
  15. package/src/v3/MenuButton.stories.tsx +118 -0
  16. package/src/v3/MenuButton.tsx +68 -0
  17. package/src/v3/MenuButtonStyles.tsx +38 -0
  18. package/src/v3/MultiCombobox.stories.tsx +162 -0
  19. package/src/v3/MultiCombobox.tsx +37 -8
  20. package/src/v3/MultiSearchableSelect.stories.tsx +24 -0
  21. package/src/v3/MultiSearchableSelect.tsx +8 -5
  22. package/src/v3/MultiSelect.stories.tsx +23 -0
  23. package/src/v3/MultiSelect.tsx +9 -1
  24. package/src/v3/SingleCombobox.stories.tsx +19 -0
  25. package/src/v3/SingleCombobox.tsx +14 -6
  26. package/src/v3/SingleSearchableSelect.stories.tsx +20 -0
  27. package/src/v3/SingleSearchableSelect.tsx +12 -6
  28. package/src/v3/SingleSelect.stories.tsx +19 -0
  29. package/src/v3/SingleSelect.tsx +9 -1
  30. package/src/v3/__tests__/MenuButton.test.tsx +80 -0
  31. package/src/v3/__tests__/MultiCombobox.test.tsx +91 -0
  32. package/src/v3/index.ts +1 -0
package/dist/v3/index.d.mts CHANGED
@@ -3,6 +3,7 @@ import * as React from 'react';
3
3
  import * as _base_ui_react_combobox from '@base-ui/react/combobox';
4
4
  import * as styled_components from 'styled-components';
5
5
  import { MenuRootChangeEventDetails } from '@base-ui/react/menu';
6
+ import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
6
7
 
7
8
  interface DataWithId {
8
9
  id: string | number;
@@ -15,6 +16,8 @@ interface SingleSelectBaseProps {
15
16
  includePlaceholderItem?: boolean;
16
17
  disabled?: boolean;
17
18
  "aria-describedby"?: string;
19
+ isInvalid?: boolean;
20
+ required?: boolean;
18
21
  fullWidth?: boolean;
19
22
  }
20
23
  interface SingleSelectDataProps<T extends DataWithId> extends SingleSelectBaseProps {
@@ -51,6 +54,8 @@ interface MultiSelectBaseProps {
51
54
  placeholder?: string;
52
55
  disabled?: boolean;
53
56
  "aria-describedby"?: string;
57
+ isInvalid?: boolean;
58
+ required?: boolean;
54
59
  fullWidth?: boolean;
55
60
  }
56
61
  interface MultiSelectDataProps<T extends DataWithId> extends MultiSelectBaseProps {
@@ -95,6 +100,8 @@ interface SingleComboboxBaseProps {
95
100
  disabled?: boolean;
96
101
  filter?: ((item: unknown, query: string) => boolean) | null;
97
102
  "aria-describedby"?: string;
103
+ isInvalid?: boolean;
104
+ required?: boolean;
98
105
  fullWidth?: boolean;
99
106
  }
100
107
  interface SingleComboboxDataBaseProps<T extends DataWithId> extends SingleComboboxBaseProps {
@@ -144,6 +151,8 @@ interface MultiComboboxBaseProps {
144
151
  inputValue?: string;
145
152
  onInputValueChange?: (value: string) => void;
146
153
  "aria-describedby"?: string;
154
+ isInvalid?: boolean;
155
+ required?: boolean;
147
156
  fullWidth?: boolean;
148
157
  }
149
158
  interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBaseProps {
@@ -158,6 +167,7 @@ interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBase
158
167
  onSelectedItemIdsChange?: (ids: Array<T["id"]>) => void;
159
168
  groupBy?: (item: T) => string;
160
169
  renderGroupHeading?: (label: string) => React.ReactNode;
170
+ isGroupHeaderDisabled?: (groupName: string) => boolean;
161
171
  selectHeadings?: boolean;
162
172
  selectAll?: boolean | string;
163
173
  isVirtualized?: boolean;
@@ -180,6 +190,7 @@ interface MultiComboboxChildrenProps extends MultiComboboxBaseProps {
180
190
  inputType?: never;
181
191
  groupBy?: never;
182
192
  renderGroupHeading?: never;
193
+ isGroupHeaderDisabled?: never;
183
194
  selectHeadings?: never;
184
195
  selectAll?: never;
185
196
  removeSelectedItems?: never;
@@ -200,6 +211,8 @@ interface SingleSearchableSelectBaseProps {
200
211
  disabled?: boolean;
201
212
  filter?: ((item: unknown, query: string) => boolean) | null;
202
213
  "aria-describedby"?: string;
214
+ isInvalid?: boolean;
215
+ required?: boolean;
203
216
  fullWidth?: boolean;
204
217
  }
205
218
  interface SingleSearchableSelectDataBaseProps<T extends DataWithId> extends SingleSearchableSelectBaseProps {
@@ -250,6 +263,8 @@ interface MultiSearchableSelectBaseProps {
250
263
  disabled?: boolean;
251
264
  filter?: ((item: unknown, query: string) => boolean) | null;
252
265
  "aria-describedby"?: string;
266
+ isInvalid?: boolean;
267
+ required?: boolean;
253
268
  fullWidth?: boolean;
254
269
  }
255
270
  interface MultiSearchableSelectDataProps<T extends DataWithId> extends MultiSearchableSelectBaseProps {
@@ -298,11 +313,15 @@ type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDat
298
313
  declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
299
314
 
300
315
  declare const ComboboxLabel: styled_components.StyledComponent<"label", styled_components.DefaultTheme, {}, never>;
301
- declare const ComboboxInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, 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, {
317
+ $isInvalid?: boolean;
318
+ }, never>;
302
319
  declare const ComboboxInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
303
320
  declare const ComboboxTokenInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
304
321
  declare const ComboboxActionButtons: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
305
- declare const ComboboxClear: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, 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">;
306
325
  declare const ComboboxTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
307
326
  declare const ComboboxPositioner: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
308
327
  declare const ComboboxPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
@@ -321,17 +340,23 @@ declare function ComboboxGroupHeaderCheckbox({ $state, id, }: {
321
340
  id: string;
322
341
  }): react_jsx_runtime.JSX.Element;
323
342
  declare const ComboboxToken: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
324
- declare const ComboboxTokenInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "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, {
344
+ $isInvalid?: boolean;
345
+ }, never>;
325
346
  declare const Token: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
326
347
  declare const TokenRemove: styled_components.StyledComponent<"button", styled_components.DefaultTheme, {}, never>;
327
- declare const SearchableSelectTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, 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, {
349
+ $isInvalid?: boolean;
350
+ }, never>;
328
351
  declare const SearchableSelectTriggerIcon: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
329
352
  declare const SearchableSelectPlaceholder: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
330
353
  declare const SearchableSelectPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
331
354
  declare const SearchableSelectSearchContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
332
355
  declare const SearchableSelectInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
333
356
  declare const SearchableSelectList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
334
- declare const SearchableSelectTokenTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, 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, {
358
+ $isInvalid?: boolean;
359
+ }, never>;
335
360
 
336
361
  interface ActionMenuProps {
337
362
  /** The button element that opens the menu */
@@ -432,4 +457,24 @@ interface MenuSubTriggerProps {
432
457
  }
433
458
  declare function MenuSubTrigger({ children, disabled, label, openOnHover, }: MenuSubTriggerProps): react_jsx_runtime.JSX.Element;
434
459
 
435
- export { ActionMenu, type ActionMenuProps, ComboboxActionButtons, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupHeaderCheckbox, ComboboxGroupHeaderItem, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSelectAllItem, ComboboxSeparator, ComboboxStatus, ComboboxToken, ComboboxTokenInput, ComboboxTokenInputGroup, ComboboxTrigger, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuRadioGroup, type MenuRadioGroupProps, MenuSub, type MenuSubProps, MenuSubTrigger, type MenuSubTriggerProps, MultiCombobox, type MultiComboboxProps, MultiSearchableSelect, type MultiSearchableSelectProps, MultiSelect, type MultiSelectProps, SearchableSelectInput, SearchableSelectList, SearchableSelectPlaceholder, SearchableSelectPopup, SearchableSelectSearchContainer, SearchableSelectTokenTrigger, SearchableSelectTrigger, SearchableSelectTriggerIcon, SingleCombobox, type SingleComboboxProps, SingleSearchableSelect, type SingleSearchableSelectProps, SingleSelect, type SingleSelectProps, Token, TokenRemove };
460
+ interface MenuButtonProps extends TypeButtonProps {
461
+ /**
462
+ * Menu item content rendered inside the dropdown half — the children of an
463
+ * ActionMenu (MenuItems / MenuGroups).
464
+ */
465
+ actionMenu: React.ReactNode;
466
+ /**
467
+ * Accessible label for the chevron-only trigger button. Required so consumers
468
+ * supply a localizable label rather than relying on a hardcoded fallback.
469
+ */
470
+ menuButtonAriaLabel: string;
471
+ }
472
+ /**
473
+ * A "split button": a primary Button rendered immediately next to an ActionMenu
474
+ * whose trigger is an identical Button showing only a chevron-down icon. The
475
+ * two read as one control — the main button's right corners and the trigger's
476
+ * left corners are squared off with a 1px gap between them.
477
+ */
478
+ declare function MenuButton({ actionMenu, appearance, size, disabled, menuButtonAriaLabel, children, ...rest }: MenuButtonProps): react_jsx_runtime.JSX.Element;
479
+
480
+ export { ActionMenu, type ActionMenuProps, ComboboxActionButtons, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupHeaderCheckbox, ComboboxGroupHeaderItem, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSelectAllItem, ComboboxSeparator, ComboboxStatus, ComboboxToken, ComboboxTokenInput, ComboboxTokenInputGroup, ComboboxTrigger, MenuButton, type MenuButtonProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuRadioGroup, type MenuRadioGroupProps, MenuSub, type MenuSubProps, MenuSubTrigger, type MenuSubTriggerProps, MultiCombobox, type MultiComboboxProps, MultiSearchableSelect, type MultiSearchableSelectProps, MultiSelect, type MultiSelectProps, SearchableSelectInput, SearchableSelectList, SearchableSelectPlaceholder, SearchableSelectPopup, SearchableSelectSearchContainer, SearchableSelectTokenTrigger, SearchableSelectTrigger, SearchableSelectTriggerIcon, SingleCombobox, type SingleComboboxProps, SingleSearchableSelect, type SingleSearchableSelectProps, SingleSelect, type SingleSelectProps, Token, TokenRemove };
package/dist/v3/index.d.ts CHANGED
@@ -3,6 +3,7 @@ import * as React from 'react';
3
3
  import * as _base_ui_react_combobox from '@base-ui/react/combobox';
4
4
  import * as styled_components from 'styled-components';
5
5
  import { MenuRootChangeEventDetails } from '@base-ui/react/menu';
6
+ import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
6
7
 
7
8
  interface DataWithId {
8
9
  id: string | number;
@@ -15,6 +16,8 @@ interface SingleSelectBaseProps {
15
16
  includePlaceholderItem?: boolean;
16
17
  disabled?: boolean;
17
18
  "aria-describedby"?: string;
19
+ isInvalid?: boolean;
20
+ required?: boolean;
18
21
  fullWidth?: boolean;
19
22
  }
20
23
  interface SingleSelectDataProps<T extends DataWithId> extends SingleSelectBaseProps {
@@ -51,6 +54,8 @@ interface MultiSelectBaseProps {
51
54
  placeholder?: string;
52
55
  disabled?: boolean;
53
56
  "aria-describedby"?: string;
57
+ isInvalid?: boolean;
58
+ required?: boolean;
54
59
  fullWidth?: boolean;
55
60
  }
56
61
  interface MultiSelectDataProps<T extends DataWithId> extends MultiSelectBaseProps {
@@ -95,6 +100,8 @@ interface SingleComboboxBaseProps {
95
100
  disabled?: boolean;
96
101
  filter?: ((item: unknown, query: string) => boolean) | null;
97
102
  "aria-describedby"?: string;
103
+ isInvalid?: boolean;
104
+ required?: boolean;
98
105
  fullWidth?: boolean;
99
106
  }
100
107
  interface SingleComboboxDataBaseProps<T extends DataWithId> extends SingleComboboxBaseProps {
@@ -144,6 +151,8 @@ interface MultiComboboxBaseProps {
144
151
  inputValue?: string;
145
152
  onInputValueChange?: (value: string) => void;
146
153
  "aria-describedby"?: string;
154
+ isInvalid?: boolean;
155
+ required?: boolean;
147
156
  fullWidth?: boolean;
148
157
  }
149
158
  interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBaseProps {
@@ -158,6 +167,7 @@ interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBase
158
167
  onSelectedItemIdsChange?: (ids: Array<T["id"]>) => void;
159
168
  groupBy?: (item: T) => string;
160
169
  renderGroupHeading?: (label: string) => React.ReactNode;
170
+ isGroupHeaderDisabled?: (groupName: string) => boolean;
161
171
  selectHeadings?: boolean;
162
172
  selectAll?: boolean | string;
163
173
  isVirtualized?: boolean;
@@ -180,6 +190,7 @@ interface MultiComboboxChildrenProps extends MultiComboboxBaseProps {
180
190
  inputType?: never;
181
191
  groupBy?: never;
182
192
  renderGroupHeading?: never;
193
+ isGroupHeaderDisabled?: never;
183
194
  selectHeadings?: never;
184
195
  selectAll?: never;
185
196
  removeSelectedItems?: never;
@@ -200,6 +211,8 @@ interface SingleSearchableSelectBaseProps {
200
211
  disabled?: boolean;
201
212
  filter?: ((item: unknown, query: string) => boolean) | null;
202
213
  "aria-describedby"?: string;
214
+ isInvalid?: boolean;
215
+ required?: boolean;
203
216
  fullWidth?: boolean;
204
217
  }
205
218
  interface SingleSearchableSelectDataBaseProps<T extends DataWithId> extends SingleSearchableSelectBaseProps {
@@ -250,6 +263,8 @@ interface MultiSearchableSelectBaseProps {
250
263
  disabled?: boolean;
251
264
  filter?: ((item: unknown, query: string) => boolean) | null;
252
265
  "aria-describedby"?: string;
266
+ isInvalid?: boolean;
267
+ required?: boolean;
253
268
  fullWidth?: boolean;
254
269
  }
255
270
  interface MultiSearchableSelectDataProps<T extends DataWithId> extends MultiSearchableSelectBaseProps {
@@ -298,11 +313,15 @@ type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDat
298
313
  declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
299
314
 
300
315
  declare const ComboboxLabel: styled_components.StyledComponent<"label", styled_components.DefaultTheme, {}, never>;
301
- declare const ComboboxInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, 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, {
317
+ $isInvalid?: boolean;
318
+ }, never>;
302
319
  declare const ComboboxInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
303
320
  declare const ComboboxTokenInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
304
321
  declare const ComboboxActionButtons: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
305
- declare const ComboboxClear: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, 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">;
306
325
  declare const ComboboxTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
307
326
  declare const ComboboxPositioner: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
308
327
  declare const ComboboxPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
@@ -321,17 +340,23 @@ declare function ComboboxGroupHeaderCheckbox({ $state, id, }: {
321
340
  id: string;
322
341
  }): react_jsx_runtime.JSX.Element;
323
342
  declare const ComboboxToken: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
324
- declare const ComboboxTokenInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "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, {
344
+ $isInvalid?: boolean;
345
+ }, never>;
325
346
  declare const Token: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
326
347
  declare const TokenRemove: styled_components.StyledComponent<"button", styled_components.DefaultTheme, {}, never>;
327
- declare const SearchableSelectTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, 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, {
349
+ $isInvalid?: boolean;
350
+ }, never>;
328
351
  declare const SearchableSelectTriggerIcon: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
329
352
  declare const SearchableSelectPlaceholder: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
330
353
  declare const SearchableSelectPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
331
354
  declare const SearchableSelectSearchContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
332
355
  declare const SearchableSelectInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
333
356
  declare const SearchableSelectList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
334
- declare const SearchableSelectTokenTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, 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, {
358
+ $isInvalid?: boolean;
359
+ }, never>;
335
360
 
336
361
  interface ActionMenuProps {
337
362
  /** The button element that opens the menu */
@@ -432,4 +457,24 @@ interface MenuSubTriggerProps {
432
457
  }
433
458
  declare function MenuSubTrigger({ children, disabled, label, openOnHover, }: MenuSubTriggerProps): react_jsx_runtime.JSX.Element;
434
459
 
435
- export { ActionMenu, type ActionMenuProps, ComboboxActionButtons, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupHeaderCheckbox, ComboboxGroupHeaderItem, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSelectAllItem, ComboboxSeparator, ComboboxStatus, ComboboxToken, ComboboxTokenInput, ComboboxTokenInputGroup, ComboboxTrigger, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuRadioGroup, type MenuRadioGroupProps, MenuSub, type MenuSubProps, MenuSubTrigger, type MenuSubTriggerProps, MultiCombobox, type MultiComboboxProps, MultiSearchableSelect, type MultiSearchableSelectProps, MultiSelect, type MultiSelectProps, SearchableSelectInput, SearchableSelectList, SearchableSelectPlaceholder, SearchableSelectPopup, SearchableSelectSearchContainer, SearchableSelectTokenTrigger, SearchableSelectTrigger, SearchableSelectTriggerIcon, SingleCombobox, type SingleComboboxProps, SingleSearchableSelect, type SingleSearchableSelectProps, SingleSelect, type SingleSelectProps, Token, TokenRemove };
460
+ interface MenuButtonProps extends TypeButtonProps {
461
+ /**
462
+ * Menu item content rendered inside the dropdown half — the children of an
463
+ * ActionMenu (MenuItems / MenuGroups).
464
+ */
465
+ actionMenu: React.ReactNode;
466
+ /**
467
+ * Accessible label for the chevron-only trigger button. Required so consumers
468
+ * supply a localizable label rather than relying on a hardcoded fallback.
469
+ */
470
+ menuButtonAriaLabel: string;
471
+ }
472
+ /**
473
+ * A "split button": a primary Button rendered immediately next to an ActionMenu
474
+ * whose trigger is an identical Button showing only a chevron-down icon. The
475
+ * two read as one control — the main button's right corners and the trigger's
476
+ * left corners are squared off with a 1px gap between them.
477
+ */
478
+ declare function MenuButton({ actionMenu, appearance, size, disabled, menuButtonAriaLabel, children, ...rest }: MenuButtonProps): react_jsx_runtime.JSX.Element;
479
+
480
+ export { ActionMenu, type ActionMenuProps, ComboboxActionButtons, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupHeaderCheckbox, ComboboxGroupHeaderItem, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSelectAllItem, ComboboxSeparator, ComboboxStatus, ComboboxToken, ComboboxTokenInput, ComboboxTokenInputGroup, ComboboxTrigger, MenuButton, type MenuButtonProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuRadioGroup, type MenuRadioGroupProps, MenuSub, type MenuSubProps, MenuSubTrigger, type MenuSubTriggerProps, MultiCombobox, type MultiComboboxProps, MultiSearchableSelect, type MultiSearchableSelectProps, MultiSelect, type MultiSelectProps, SearchableSelectInput, SearchableSelectList, SearchableSelectPlaceholder, SearchableSelectPopup, SearchableSelectSearchContainer, SearchableSelectTokenTrigger, SearchableSelectTrigger, SearchableSelectTriggerIcon, SingleCombobox, type SingleComboboxProps, SingleSearchableSelect, type SingleSearchableSelectProps, SingleSelect, type SingleSelectProps, Token, TokenRemove };