@sproutsocial/seeds-react-menu 1.13.0 → 1.15.10

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 (30) hide show
  1. package/.turbo/turbo-build.log +11 -11
  2. package/CHANGELOG.md +183 -0
  3. package/dist/esm/v3/index.js +372 -186
  4. package/dist/esm/v3/index.js.map +1 -1
  5. package/dist/v3/index.d.mts +49 -6
  6. package/dist/v3/index.d.ts +49 -6
  7. package/dist/v3/index.js +370 -183
  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 +41 -7
  12. package/src/v3/Common/SelectStyles.tsx +16 -3
  13. package/src/v3/Common/useSuppressEscapeClear.ts +20 -0
  14. package/src/v3/MenuButton.stories.tsx +118 -0
  15. package/src/v3/MenuButton.tsx +68 -0
  16. package/src/v3/MenuButtonStyles.tsx +38 -0
  17. package/src/v3/MultiCombobox.stories.tsx +140 -0
  18. package/src/v3/MultiCombobox.tsx +25 -7
  19. package/src/v3/MultiSearchableSelect.stories.tsx +24 -0
  20. package/src/v3/MultiSearchableSelect.tsx +8 -5
  21. package/src/v3/MultiSelect.stories.tsx +23 -0
  22. package/src/v3/MultiSelect.tsx +9 -1
  23. package/src/v3/SingleCombobox.stories.tsx +19 -0
  24. package/src/v3/SingleCombobox.tsx +14 -6
  25. package/src/v3/SingleSearchableSelect.stories.tsx +20 -0
  26. package/src/v3/SingleSearchableSelect.tsx +12 -6
  27. package/src/v3/SingleSelect.stories.tsx +19 -0
  28. package/src/v3/SingleSelect.tsx +9 -1
  29. package/src/v3/__tests__/MenuButton.test.tsx +80 -0
  30. 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 {
@@ -200,6 +209,8 @@ interface SingleSearchableSelectBaseProps {
200
209
  disabled?: boolean;
201
210
  filter?: ((item: unknown, query: string) => boolean) | null;
202
211
  "aria-describedby"?: string;
212
+ isInvalid?: boolean;
213
+ required?: boolean;
203
214
  fullWidth?: boolean;
204
215
  }
205
216
  interface SingleSearchableSelectDataBaseProps<T extends DataWithId> extends SingleSearchableSelectBaseProps {
@@ -250,6 +261,8 @@ interface MultiSearchableSelectBaseProps {
250
261
  disabled?: boolean;
251
262
  filter?: ((item: unknown, query: string) => boolean) | null;
252
263
  "aria-describedby"?: string;
264
+ isInvalid?: boolean;
265
+ required?: boolean;
253
266
  fullWidth?: boolean;
254
267
  }
255
268
  interface MultiSearchableSelectDataProps<T extends DataWithId> extends MultiSearchableSelectBaseProps {
@@ -298,11 +311,15 @@ type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDat
298
311
  declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
299
312
 
300
313
  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>;
314
+ declare const ComboboxInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {
315
+ $isInvalid?: boolean;
316
+ }, never>;
302
317
  declare const ComboboxInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
303
318
  declare const ComboboxTokenInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
304
319
  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>;
320
+ declare const ComboboxClear: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
321
+ tabIndex: 0;
322
+ }, "tabIndex">;
306
323
  declare const ComboboxTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
307
324
  declare const ComboboxPositioner: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
308
325
  declare const ComboboxPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
@@ -321,17 +338,23 @@ declare function ComboboxGroupHeaderCheckbox({ $state, id, }: {
321
338
  id: string;
322
339
  }): react_jsx_runtime.JSX.Element;
323
340
  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>;
341
+ declare const ComboboxTokenInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {
342
+ $isInvalid?: boolean;
343
+ }, never>;
325
344
  declare const Token: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
326
345
  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>;
346
+ declare const SearchableSelectTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
347
+ $isInvalid?: boolean;
348
+ }, never>;
328
349
  declare const SearchableSelectTriggerIcon: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
329
350
  declare const SearchableSelectPlaceholder: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
330
351
  declare const SearchableSelectPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
331
352
  declare const SearchableSelectSearchContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
332
353
  declare const SearchableSelectInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
333
354
  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>;
355
+ declare const SearchableSelectTokenTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
356
+ $isInvalid?: boolean;
357
+ }, never>;
335
358
 
336
359
  interface ActionMenuProps {
337
360
  /** The button element that opens the menu */
@@ -432,4 +455,24 @@ interface MenuSubTriggerProps {
432
455
  }
433
456
  declare function MenuSubTrigger({ children, disabled, label, openOnHover, }: MenuSubTriggerProps): react_jsx_runtime.JSX.Element;
434
457
 
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 };
458
+ interface MenuButtonProps extends TypeButtonProps {
459
+ /**
460
+ * Menu item content rendered inside the dropdown half — the children of an
461
+ * ActionMenu (MenuItems / MenuGroups).
462
+ */
463
+ actionMenu: React.ReactNode;
464
+ /**
465
+ * Accessible label for the chevron-only trigger button. Required so consumers
466
+ * supply a localizable label rather than relying on a hardcoded fallback.
467
+ */
468
+ menuButtonAriaLabel: string;
469
+ }
470
+ /**
471
+ * A "split button": a primary Button rendered immediately next to an ActionMenu
472
+ * whose trigger is an identical Button showing only a chevron-down icon. The
473
+ * two read as one control — the main button's right corners and the trigger's
474
+ * left corners are squared off with a 1px gap between them.
475
+ */
476
+ declare function MenuButton({ actionMenu, appearance, size, disabled, menuButtonAriaLabel, children, ...rest }: MenuButtonProps): react_jsx_runtime.JSX.Element;
477
+
478
+ 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 {
@@ -200,6 +209,8 @@ interface SingleSearchableSelectBaseProps {
200
209
  disabled?: boolean;
201
210
  filter?: ((item: unknown, query: string) => boolean) | null;
202
211
  "aria-describedby"?: string;
212
+ isInvalid?: boolean;
213
+ required?: boolean;
203
214
  fullWidth?: boolean;
204
215
  }
205
216
  interface SingleSearchableSelectDataBaseProps<T extends DataWithId> extends SingleSearchableSelectBaseProps {
@@ -250,6 +261,8 @@ interface MultiSearchableSelectBaseProps {
250
261
  disabled?: boolean;
251
262
  filter?: ((item: unknown, query: string) => boolean) | null;
252
263
  "aria-describedby"?: string;
264
+ isInvalid?: boolean;
265
+ required?: boolean;
253
266
  fullWidth?: boolean;
254
267
  }
255
268
  interface MultiSearchableSelectDataProps<T extends DataWithId> extends MultiSearchableSelectBaseProps {
@@ -298,11 +311,15 @@ type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDat
298
311
  declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
299
312
 
300
313
  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>;
314
+ declare const ComboboxInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {
315
+ $isInvalid?: boolean;
316
+ }, never>;
302
317
  declare const ComboboxInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
303
318
  declare const ComboboxTokenInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
304
319
  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>;
320
+ declare const ComboboxClear: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
321
+ tabIndex: 0;
322
+ }, "tabIndex">;
306
323
  declare const ComboboxTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
307
324
  declare const ComboboxPositioner: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
308
325
  declare const ComboboxPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
@@ -321,17 +338,23 @@ declare function ComboboxGroupHeaderCheckbox({ $state, id, }: {
321
338
  id: string;
322
339
  }): react_jsx_runtime.JSX.Element;
323
340
  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>;
341
+ declare const ComboboxTokenInputGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {
342
+ $isInvalid?: boolean;
343
+ }, never>;
325
344
  declare const Token: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
326
345
  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>;
346
+ declare const SearchableSelectTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
347
+ $isInvalid?: boolean;
348
+ }, never>;
328
349
  declare const SearchableSelectTriggerIcon: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
329
350
  declare const SearchableSelectPlaceholder: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
330
351
  declare const SearchableSelectPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
331
352
  declare const SearchableSelectSearchContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
332
353
  declare const SearchableSelectInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
333
354
  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>;
355
+ declare const SearchableSelectTokenTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
356
+ $isInvalid?: boolean;
357
+ }, never>;
335
358
 
336
359
  interface ActionMenuProps {
337
360
  /** The button element that opens the menu */
@@ -432,4 +455,24 @@ interface MenuSubTriggerProps {
432
455
  }
433
456
  declare function MenuSubTrigger({ children, disabled, label, openOnHover, }: MenuSubTriggerProps): react_jsx_runtime.JSX.Element;
434
457
 
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 };
458
+ interface MenuButtonProps extends TypeButtonProps {
459
+ /**
460
+ * Menu item content rendered inside the dropdown half — the children of an
461
+ * ActionMenu (MenuItems / MenuGroups).
462
+ */
463
+ actionMenu: React.ReactNode;
464
+ /**
465
+ * Accessible label for the chevron-only trigger button. Required so consumers
466
+ * supply a localizable label rather than relying on a hardcoded fallback.
467
+ */
468
+ menuButtonAriaLabel: string;
469
+ }
470
+ /**
471
+ * A "split button": a primary Button rendered immediately next to an ActionMenu
472
+ * whose trigger is an identical Button showing only a chevron-down icon. The
473
+ * two read as one control — the main button's right corners and the trigger's
474
+ * left corners are squared off with a 1px gap between them.
475
+ */
476
+ declare function MenuButton({ actionMenu, appearance, size, disabled, menuButtonAriaLabel, children, ...rest }: MenuButtonProps): react_jsx_runtime.JSX.Element;
477
+
478
+ 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 };