@sproutsocial/seeds-react-menu 1.17.0 → 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 (59) hide show
  1. package/.turbo/turbo-build.log +14 -22
  2. package/CHANGELOG.md +30 -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 +793 -1038
  6. package/dist/esm/v3/index.js.map +1 -1
  7. package/dist/v3/index.d.mts +64 -38
  8. package/dist/v3/index.d.ts +64 -38
  9. package/dist/v3/index.js +813 -1058
  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/v3/ActionMenuStyles.tsx +169 -149
  14. package/src/v3/Common/ComboboxStyles.tsx +396 -511
  15. package/src/v3/Common/SelectIcons.tsx +17 -8
  16. package/src/v3/Common/SelectItem.tsx +25 -38
  17. package/src/v3/Common/SelectStyles.tsx +146 -144
  18. package/src/v3/Common/cn.ts +38 -0
  19. package/src/v3/MenuButtonStyles.tsx +55 -34
  20. package/src/v3/MultiSearchableSelect.tsx +8 -8
  21. package/src/v3/MultiSelect.tsx +11 -16
  22. package/src/v3/SingleSelect.tsx +13 -13
  23. package/src/v3/menu.css +947 -0
  24. package/tsup.config.ts +0 -1
  25. package/dist/esm/chunk-ROQATIB7.js +0 -357
  26. package/dist/esm/chunk-ROQATIB7.js.map +0 -1
  27. package/dist/esm/v2/index.js +0 -2089
  28. package/dist/esm/v2/index.js.map +0 -1
  29. package/dist/v2/index.d.mts +0 -108
  30. package/dist/v2/index.d.ts +0 -108
  31. package/dist/v2/index.js +0 -2280
  32. package/dist/v2/index.js.map +0 -1
  33. package/src/v2/Autocomplete/Autocomplete.stories.tsx +0 -645
  34. package/src/v2/Autocomplete/MultiAutocomplete.tsx +0 -487
  35. package/src/v2/Autocomplete/SingleAutocomplete.tsx +0 -366
  36. package/src/v2/Autocomplete/index.ts +0 -2
  37. package/src/v2/Common-V2/ComboboxContent.tsx +0 -457
  38. package/src/v2/Common-V2/MenuGroup.tsx +0 -60
  39. package/src/v2/Common-V2/MenuGroupTypes.ts +0 -30
  40. package/src/v2/Common-V2/MenuHeading.tsx +0 -83
  41. package/src/v2/Common-V2/MenuItem.tsx +0 -138
  42. package/src/v2/Common-V2/Popout.tsx +0 -124
  43. package/src/v2/Common-V2/PopoutTypes.tsx +0 -109
  44. package/src/v2/Common-V2/SelectToggleButton.tsx +0 -99
  45. package/src/v2/Common-V2/index.ts +0 -11
  46. package/src/v2/Common-V2/props.ts +0 -84
  47. package/src/v2/Common-V2/styles.tsx +0 -41
  48. package/src/v2/Common-V2/types.ts +0 -16
  49. package/src/v2/Common-V2/useHighlightedIndex.ts +0 -62
  50. package/src/v2/Common-V2/utils.ts +0 -238
  51. package/src/v2/SearchableSelect/AutocompleteContent.tsx +0 -325
  52. package/src/v2/SearchableSelect/SearchableMultiSelect.tsx +0 -527
  53. package/src/v2/SearchableSelect/SearchableSelect.tsx +0 -395
  54. package/src/v2/SearchableSelect/index.ts +0 -12
  55. package/src/v2/Select/MultiSelect.tsx +0 -417
  56. package/src/v2/Select/Select.stories.tsx +0 -593
  57. package/src/v2/Select/SingleSelect.tsx +0 -285
  58. package/src/v2/Select/index.ts +0 -2
  59. 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
 
@@ -330,51 +330,77 @@ interface MultiSearchableSelectChildrenProps extends MultiSearchableSelectBasePr
330
330
  type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDataProps<T> | MultiSearchableSelectChildrenProps;
331
331
  declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
332
332
 
333
- declare const ComboboxLabel: styled_components.StyledComponent<"label", styled_components.DefaultTheme, {}, never>;
334
- 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>> & {
335
359
  $isInvalid?: boolean;
336
- }, never>;
337
- declare const ComboboxInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
338
- declare const ComboboxTokenInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
339
- declare const ComboboxActionButtons: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
340
- declare const ComboboxClear: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
341
- tabIndex: 0;
342
- }, "tabIndex">;
343
- declare const ComboboxTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
344
- declare const ComboboxPositioner: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
345
- declare const ComboboxPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
346
- declare const ComboboxList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
347
- declare const ComboboxStatus: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
348
- declare const ComboboxEmpty: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
349
- declare const ComboboxItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
350
- declare const ComboboxItemIndicator: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
351
- declare const ComboboxGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
352
- declare const ComboboxGroupLabel: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
353
- declare const ComboboxSeparator: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
354
- declare const ComboboxGroupHeaderItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
355
- 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>>;
356
379
  declare function ComboboxGroupHeaderCheckbox({ $state, id, }: {
357
380
  $state: "none" | "partial" | "all";
358
381
  id: string;
359
382
  }): react_jsx_runtime.JSX.Element;
360
- declare const ComboboxToken: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
361
- 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>> & {
362
385
  $isInvalid?: boolean;
363
- }, never>;
364
- declare const Token: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
365
- declare const TokenRemove: styled_components.StyledComponent<"button", styled_components.DefaultTheme, {}, never>;
366
- 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>> & {
367
391
  $isInvalid?: boolean;
368
- }, never>;
369
- declare const SearchableSelectTriggerIcon: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
370
- declare const SearchableSelectPlaceholder: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
371
- declare const SearchableSelectPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
372
- declare const SearchableSelectSearchContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
373
- declare const SearchableSelectInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
374
- declare const SearchableSelectList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
375
- 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>> & {
376
401
  $isInvalid?: boolean;
377
- }, never>;
402
+ };
403
+ declare const SearchableSelectTokenTrigger: React.ForwardRefExoticComponent<Omit<TokenTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
378
404
 
379
405
  interface ActionMenuProps {
380
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
 
@@ -330,51 +330,77 @@ interface MultiSearchableSelectChildrenProps extends MultiSearchableSelectBasePr
330
330
  type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDataProps<T> | MultiSearchableSelectChildrenProps;
331
331
  declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
332
332
 
333
- declare const ComboboxLabel: styled_components.StyledComponent<"label", styled_components.DefaultTheme, {}, never>;
334
- 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>> & {
335
359
  $isInvalid?: boolean;
336
- }, never>;
337
- declare const ComboboxInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
338
- declare const ComboboxTokenInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
339
- declare const ComboboxActionButtons: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
340
- declare const ComboboxClear: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {
341
- tabIndex: 0;
342
- }, "tabIndex">;
343
- declare const ComboboxTrigger: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
344
- declare const ComboboxPositioner: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
345
- declare const ComboboxPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
346
- declare const ComboboxList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
347
- declare const ComboboxStatus: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
348
- declare const ComboboxEmpty: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
349
- declare const ComboboxItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
350
- declare const ComboboxItemIndicator: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
351
- declare const ComboboxGroup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
352
- declare const ComboboxGroupLabel: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
353
- declare const ComboboxSeparator: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
354
- declare const ComboboxGroupHeaderItem: styled_components.StyledComponent<React.NamedExoticComponent<Omit<_base_ui_react_combobox.ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
355
- 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>>;
356
379
  declare function ComboboxGroupHeaderCheckbox({ $state, id, }: {
357
380
  $state: "none" | "partial" | "all";
358
381
  id: string;
359
382
  }): react_jsx_runtime.JSX.Element;
360
- declare const ComboboxToken: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
361
- 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>> & {
362
385
  $isInvalid?: boolean;
363
- }, never>;
364
- declare const Token: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
365
- declare const TokenRemove: styled_components.StyledComponent<"button", styled_components.DefaultTheme, {}, never>;
366
- 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>> & {
367
391
  $isInvalid?: boolean;
368
- }, never>;
369
- declare const SearchableSelectTriggerIcon: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>, styled_components.DefaultTheme, {}, never>;
370
- declare const SearchableSelectPlaceholder: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
371
- declare const SearchableSelectPopup: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
372
- declare const SearchableSelectSearchContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
373
- declare const SearchableSelectInput: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>, styled_components.DefaultTheme, {}, never>;
374
- declare const SearchableSelectList: styled_components.StyledComponent<React.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
375
- 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>> & {
376
401
  $isInvalid?: boolean;
377
- }, never>;
402
+ };
403
+ declare const SearchableSelectTokenTrigger: React.ForwardRefExoticComponent<Omit<TokenTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
378
404
 
379
405
  interface ActionMenuProps {
380
406
  /** The button element that opens the menu */