@backstage/ui 0.15.1-next.0 → 0.17.0-next.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 (67) hide show
  1. package/CHANGELOG.md +186 -0
  2. package/dist/components/Combobox/Combobox.esm.js +150 -52
  3. package/dist/components/Combobox/Combobox.esm.js.map +1 -1
  4. package/dist/components/Combobox/Combobox.module.css.esm.js +2 -2
  5. package/dist/components/Combobox/ComboboxItem.esm.js +76 -0
  6. package/dist/components/Combobox/ComboboxItem.esm.js.map +1 -0
  7. package/dist/components/Combobox/ComboboxListBox.esm.js +215 -17
  8. package/dist/components/Combobox/ComboboxListBox.esm.js.map +1 -1
  9. package/dist/components/Combobox/definition.esm.js +62 -3
  10. package/dist/components/Combobox/definition.esm.js.map +1 -1
  11. package/dist/components/Combobox/useAsyncComboboxState.esm.js +133 -0
  12. package/dist/components/Combobox/useAsyncComboboxState.esm.js.map +1 -0
  13. package/dist/components/Header/HeaderNav.esm.js +0 -1
  14. package/dist/components/Header/HeaderNav.esm.js.map +1 -1
  15. package/dist/components/PluginHeader/PluginHeader.esm.js +16 -1
  16. package/dist/components/PluginHeader/PluginHeader.esm.js.map +1 -1
  17. package/dist/components/PluginHeader/PluginHeader.module.css.esm.js +2 -2
  18. package/dist/components/PluginHeader/PluginHeaderBreadcrumbs.esm.js +106 -0
  19. package/dist/components/PluginHeader/PluginHeaderBreadcrumbs.esm.js.map +1 -0
  20. package/dist/components/PluginHeader/definition.esm.js +3 -0
  21. package/dist/components/PluginHeader/definition.esm.js.map +1 -1
  22. package/dist/components/PluginHeader/useIsTruncated.esm.js +36 -0
  23. package/dist/components/PluginHeader/useIsTruncated.esm.js.map +1 -0
  24. package/dist/components/Select/Select.esm.js +87 -19
  25. package/dist/components/Select/Select.esm.js.map +1 -1
  26. package/dist/components/Select/Select.module.css.esm.js +2 -2
  27. package/dist/components/Select/SelectContent.esm.js +70 -18
  28. package/dist/components/Select/SelectContent.esm.js.map +1 -1
  29. package/dist/components/Select/SelectItem.esm.js +76 -0
  30. package/dist/components/Select/SelectItem.esm.js.map +1 -0
  31. package/dist/components/Select/SelectListBox.esm.js +175 -19
  32. package/dist/components/Select/SelectListBox.esm.js.map +1 -1
  33. package/dist/components/Select/SelectTrigger.esm.js +1 -1
  34. package/dist/components/Select/SelectTrigger.esm.js.map +1 -1
  35. package/dist/components/Select/definition.esm.js +72 -9
  36. package/dist/components/Select/definition.esm.js.map +1 -1
  37. package/dist/components/Skeleton/Skeleton.module.css.esm.js +2 -2
  38. package/dist/components/Skeleton/definition.esm.js +1 -0
  39. package/dist/components/Skeleton/definition.esm.js.map +1 -1
  40. package/dist/components/Table/Table.module.css.esm.js +2 -2
  41. package/dist/components/Table/components/Table.esm.js +60 -57
  42. package/dist/components/Table/components/Table.esm.js.map +1 -1
  43. package/dist/components/Table/definition.esm.js +2 -1
  44. package/dist/components/Table/definition.esm.js.map +1 -1
  45. package/dist/components/TablePagination/TablePagination.esm.js +4 -1
  46. package/dist/components/TablePagination/TablePagination.esm.js.map +1 -1
  47. package/dist/components/Tabs/TabsIndicators.esm.js +155 -108
  48. package/dist/components/Tabs/TabsIndicators.esm.js.map +1 -1
  49. package/dist/components/TextAreaField/TextAreaField.esm.js +61 -0
  50. package/dist/components/TextAreaField/TextAreaField.esm.js.map +1 -0
  51. package/dist/components/TextAreaField/TextAreaField.module.css.esm.js +8 -0
  52. package/dist/components/TextAreaField/TextAreaField.module.css.esm.js.map +1 -0
  53. package/dist/components/TextAreaField/definition.esm.js +32 -0
  54. package/dist/components/TextAreaField/definition.esm.js.map +1 -0
  55. package/dist/css/styles.css +4 -4
  56. package/dist/hooks/useCollectionAdapter.esm.js +67 -0
  57. package/dist/hooks/useCollectionAdapter.esm.js.map +1 -0
  58. package/dist/hooks/useDelayedVisibility.esm.js +17 -0
  59. package/dist/hooks/useDelayedVisibility.esm.js.map +1 -0
  60. package/dist/hooks/useTrackedSelectionKeys.esm.js +23 -0
  61. package/dist/hooks/useTrackedSelectionKeys.esm.js.map +1 -0
  62. package/dist/index.d.ts +817 -77
  63. package/dist/index.esm.js +8 -2
  64. package/dist/index.esm.js.map +1 -1
  65. package/dist/utils/selectableCollection.esm.js +75 -0
  66. package/dist/utils/selectableCollection.esm.js.map +1 -0
  67. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  import * as react from 'react';
2
2
  import { CSSProperties, ReactNode, HTMLAttributes, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
3
- import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$1, DatePickerProps as DatePickerProps$1, DateRangePickerProps as DateRangePickerProps$1, ModalOverlayProps, DialogTriggerProps as DialogTriggerProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, SelectProps as SelectProps$1, ComboBoxProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TagProps as TagProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TextFieldProps as TextFieldProps$1, NumberFieldProps as NumberFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, SearchFieldProps as SearchFieldProps$1, GridListProps, GridListItemProps, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
3
+ import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$1, DatePickerProps as DatePickerProps$1, DateRangePickerProps as DateRangePickerProps$1, ModalOverlayProps, DialogTriggerProps as DialogTriggerProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, Key, ComboBoxProps, ListBoxItemRenderProps, ListBoxItemProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TagProps as TagProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TextFieldProps as TextFieldProps$1, NumberFieldProps as NumberFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SeparatorProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, SearchFieldProps as SearchFieldProps$1, GridListProps, GridListItemProps, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
4
+ export { Focusable, Key, Selection, SortDirection } from 'react-aria-components';
4
5
  import { DateValue } from '@internationalized/date';
5
6
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
7
  import { NavigateOptions } from 'react-router-dom';
8
+ import { AsyncListData } from 'react-stately/useAsyncList';
9
+ export { useAsyncList } from 'react-stately/useAsyncList';
7
10
  import { ColumnSize, ColumnStaticSize, SortDescriptor as SortDescriptor$1 } from 'react-stately';
8
11
 
9
12
  /** @public */
@@ -1557,6 +1560,7 @@ interface PluginHeaderOwnProps {
1557
1560
  icon?: React.ReactNode;
1558
1561
  title?: string;
1559
1562
  titleLink?: string;
1563
+ breadcrumbs?: PluginHeaderBreadcrumbEntry[];
1560
1564
  customActions?: React.ReactNode;
1561
1565
  tabs?: HeaderTab[];
1562
1566
  onTabSelectionChange?: TabsProps$1['onSelectionChange'];
@@ -1585,6 +1589,15 @@ interface HeaderTab {
1585
1589
  */
1586
1590
  matchStrategy?: TabMatchStrategy;
1587
1591
  }
1592
+ /**
1593
+ * Represents a breadcrumb item in the PluginHeader Breadcrumbs
1594
+ *
1595
+ * @public
1596
+ */
1597
+ interface PluginHeaderBreadcrumbEntry {
1598
+ href: string;
1599
+ label: string;
1600
+ }
1588
1601
 
1589
1602
  declare module 'react-aria-components' {
1590
1603
  interface RouterConfig {
@@ -1615,12 +1628,15 @@ declare const PluginHeaderDefinition: {
1615
1628
  readonly toolbarControls: "bui-PluginHeaderToolbarControls";
1616
1629
  readonly toolbarIcon: "bui-PluginHeaderToolbarIcon";
1617
1630
  readonly toolbarName: "bui-PluginHeaderToolbarName";
1631
+ readonly breadcrumbs: "bui-PluginHeaderBreadcrumbs";
1632
+ readonly breadcrumbsEllipsis: "bui-PluginHeaderBreadcrumbsEllipsis";
1618
1633
  readonly tabs: "bui-PluginHeaderTabsWrapper";
1619
1634
  };
1620
1635
  readonly propDefs: {
1621
1636
  readonly icon: {};
1622
1637
  readonly title: {};
1623
1638
  readonly titleLink: {};
1639
+ readonly breadcrumbs: {};
1624
1640
  readonly customActions: {};
1625
1641
  readonly tabs: {};
1626
1642
  readonly onTabSelectionChange: {};
@@ -2121,60 +2137,104 @@ declare const CheckboxGroupDefinition: {
2121
2137
  };
2122
2138
 
2123
2139
  /** @public */
2124
- type Option = {
2140
+ type LoadingState = AsyncListData<unknown>['loadingState'];
2141
+ /** @public */
2142
+ type AsyncListSource<T> = Pick<AsyncListData<T>, 'items' | 'filterText' | 'setFilterText' | 'loadingState' | 'loadMore'>;
2143
+ /** @public */
2144
+ type LoadingConfig = {
2145
+ state: LoadingState;
2146
+ onLoadMore?: () => void;
2147
+ };
2148
+ /** @public */
2149
+ type IdentifiedOption = {
2150
+ id: string;
2151
+ value?: never;
2152
+ label: string;
2153
+ description?: string;
2154
+ leadingIcon?: ReactNode;
2155
+ disabled?: boolean;
2156
+ };
2157
+ /** @public */
2158
+ type LegacyOption = {
2159
+ /** @deprecated Use id instead. */
2125
2160
  value: string;
2161
+ id?: never;
2126
2162
  label: string;
2163
+ description?: never;
2164
+ leadingIcon?: never;
2127
2165
  disabled?: boolean;
2128
2166
  };
2129
2167
  /** @public */
2168
+ type Option = IdentifiedOption | LegacyOption;
2169
+ /** @public */
2130
2170
  type OptionSection = {
2131
2171
  title: string;
2132
2172
  options: Option[];
2133
2173
  };
2134
2174
  /** @public */
2135
- type SelectOwnProps = {
2136
- /**
2137
- * An icon to render before the input
2138
- */
2139
- icon?: ReactNode;
2140
- /**
2141
- * The size of the select field
2142
- * @defaultValue 'small'
2143
- */
2144
- size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
2145
- /**
2146
- * The options of the select field. Pass flat options, option sections for
2147
- * grouped display, or a mix of both in the same array.
2148
- */
2149
- options?: Array<Option | OptionSection>;
2150
- /**
2151
- * Enable search/filter functionality in the dropdown
2152
- * @defaultValue false
2153
- */
2154
- searchable?: boolean;
2155
- /**
2156
- * placeholder text for the search input
2157
- * only used when searchable is true
2158
- * @defaultvalue 'search...'
2159
- */
2160
- searchPlaceholder?: string;
2161
- label?: FieldLabelProps['label'];
2162
- secondaryLabel?: FieldLabelProps['secondaryLabel'];
2163
- description?: FieldLabelProps['description'];
2164
- isRequired?: boolean;
2165
- className?: string;
2175
+ type NormalizedOption = Omit<IdentifiedOption, 'value'>;
2176
+
2177
+ /** @public */
2178
+ type ComboboxServerItem = {
2179
+ id: Key;
2180
+ textValue: string;
2166
2181
  };
2167
2182
  /** @public */
2168
- interface SelectProps<T extends 'single' | 'multiple'> extends SelectOwnProps, Omit<SelectProps$1<Option, T>, keyof SelectOwnProps> {
2169
- /**
2170
- * Selection mode, single or multiple
2171
- * @defaultvalue 'single'
2172
- */
2173
- selectionMode?: T;
2174
- }
2175
-
2183
+ type ComboboxSearch<T> = true | {
2184
+ mode?: 'client';
2185
+ inputValue?: never;
2186
+ defaultInputValue?: string;
2187
+ onInputChange?: (value: string) => void;
2188
+ filter?: (item: T, query: string) => boolean;
2189
+ } | {
2190
+ mode?: 'client';
2191
+ inputValue: string;
2192
+ defaultInputValue?: never;
2193
+ onInputChange: (value: string) => void;
2194
+ filter?: (item: T, query: string) => boolean;
2195
+ } | {
2196
+ mode: 'server';
2197
+ inputValue: string;
2198
+ defaultInputValue?: never;
2199
+ onInputChange: (value: string) => void;
2200
+ filter?: never;
2201
+ };
2202
+ /** @public */
2203
+ type ComboboxAsyncSearch<T> = true | {
2204
+ mode?: 'client';
2205
+ inputValue?: never;
2206
+ defaultInputValue?: string;
2207
+ onInputChange?: (value: string) => void;
2208
+ filter?: (item: T, query: string) => boolean;
2209
+ } | {
2210
+ mode?: 'client';
2211
+ inputValue: string;
2212
+ defaultInputValue?: never;
2213
+ onInputChange: (value: string) => void;
2214
+ filter?: (item: T, query: string) => boolean;
2215
+ } | {
2216
+ mode: 'server';
2217
+ inputValue?: never;
2218
+ defaultInputValue?: never;
2219
+ onInputChange?: never;
2220
+ filter?: never;
2221
+ };
2176
2222
  /** @public */
2177
- type ComboboxOwnProps = {
2223
+ type ComboboxStaticSearch = true | {
2224
+ mode?: 'client';
2225
+ inputValue?: never;
2226
+ defaultInputValue?: string;
2227
+ onInputChange?: (value: string) => void;
2228
+ filter?: never;
2229
+ } | {
2230
+ mode?: 'client';
2231
+ inputValue: string;
2232
+ defaultInputValue?: never;
2233
+ onInputChange: (value: string) => void;
2234
+ filter?: never;
2235
+ };
2236
+ /** @public */
2237
+ type ComboboxBaseOwnProps = {
2178
2238
  /**
2179
2239
  * An icon to render before the input
2180
2240
  */
@@ -2184,11 +2244,6 @@ type ComboboxOwnProps = {
2184
2244
  * @defaultValue 'small'
2185
2245
  */
2186
2246
  size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
2187
- /**
2188
- * The options of the combobox field. Pass flat options, option sections for
2189
- * grouped display, or a mix of both in the same array.
2190
- */
2191
- options?: Array<Option | OptionSection>;
2192
2247
  /**
2193
2248
  * Placeholder text for the input.
2194
2249
  */
@@ -2200,22 +2255,222 @@ type ComboboxOwnProps = {
2200
2255
  className?: string;
2201
2256
  };
2202
2257
  /** @public */
2203
- interface ComboboxProps extends ComboboxOwnProps, Omit<ComboBoxProps<Option>, keyof ComboboxOwnProps> {
2204
- }
2258
+ type ComboboxOwnProps<T extends {
2259
+ id: Key;
2260
+ } = NormalizedOption> = ComboboxBaseOwnProps & {
2261
+ options?: ReadonlyArray<Option | OptionSection> | AsyncListSource<IdentifiedOption>;
2262
+ items?: Iterable<T> | AsyncListSource<T>;
2263
+ children?: ReactElement | ReactElement[] | ((item: T) => ReactElement);
2264
+ dependencies?: ReadonlyArray<unknown>;
2265
+ search?: ComboboxSearch<T> | ComboboxAsyncSearch<T>;
2266
+ loading?: LoadingConfig;
2267
+ };
2268
+ /** @public */
2269
+ type ComboboxCommonProps<T extends {
2270
+ id: Key;
2271
+ }> = ComboboxBaseOwnProps & Omit<ComboBoxProps<T>, keyof ComboboxOwnProps<T> | 'defaultItems' | 'inputValue' | 'defaultInputValue' | 'onInputChange' | 'defaultFilter' | 'value' | 'defaultValue' | 'onChange' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange'>;
2272
+ /** @public */
2273
+ type ComboboxKeySelectionProps<T extends {
2274
+ id: Key;
2275
+ }> = Pick<ComboBoxProps<T>, 'value' | 'defaultValue' | 'onChange' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange'>;
2276
+ /** @public */
2277
+ type ComboboxItemSelectionProps<T extends {
2278
+ id: Key;
2279
+ }> = {
2280
+ value?: T | null;
2281
+ defaultValue?: T | null;
2282
+ onChange?: (value: T | null) => void;
2283
+ selectedKey?: never;
2284
+ defaultSelectedKey?: never;
2285
+ onSelectionChange?: never;
2286
+ };
2287
+ /** @public */
2288
+ type ComboboxOptionsProps = ComboboxCommonProps<NormalizedOption> & {
2289
+ options?: ReadonlyArray<Option | OptionSection>;
2290
+ items?: never;
2291
+ children?: never;
2292
+ dependencies?: never;
2293
+ loading?: LoadingConfig;
2294
+ } & ({
2295
+ search?: ComboboxSearch<NormalizedOption>;
2296
+ inputValue?: never;
2297
+ defaultInputValue?: never;
2298
+ onInputChange?: never;
2299
+ defaultFilter?: never;
2300
+ } | {
2301
+ search?: never;
2302
+ /** @deprecated Use search.inputValue instead. */
2303
+ inputValue?: string;
2304
+ /** @deprecated Use search.defaultInputValue instead. */
2305
+ defaultInputValue?: string;
2306
+ /** @deprecated Use search.onInputChange instead. */
2307
+ onInputChange?: (value: string) => void;
2308
+ /** @deprecated Use search.filter instead. */
2309
+ defaultFilter?: (textValue: string, inputValue: string) => boolean;
2310
+ }) & ComboboxKeySelectionProps<NormalizedOption>;
2311
+ /** @public */
2312
+ type ComboboxAsyncOptionsProps = ComboboxCommonProps<NormalizedOption> & {
2313
+ options: AsyncListSource<IdentifiedOption>;
2314
+ items?: never;
2315
+ children?: never;
2316
+ dependencies?: never;
2317
+ loading?: never;
2318
+ search?: Exclude<ComboboxAsyncSearch<NormalizedOption>, {
2319
+ mode: 'server';
2320
+ }>;
2321
+ inputValue?: never;
2322
+ defaultInputValue?: never;
2323
+ onInputChange?: never;
2324
+ defaultFilter?: never;
2325
+ } & ComboboxKeySelectionProps<NormalizedOption>;
2326
+ /** @public */
2327
+ type ComboboxItemsProps<T extends {
2328
+ id: Key;
2329
+ }> = ComboboxCommonProps<T> & {
2330
+ options?: never;
2331
+ items: Iterable<T>;
2332
+ children: (item: T) => ReactElement;
2333
+ dependencies?: ReadonlyArray<unknown>;
2334
+ loading?: LoadingConfig;
2335
+ search?: ComboboxSearch<T>;
2336
+ inputValue?: never;
2337
+ defaultInputValue?: never;
2338
+ onInputChange?: never;
2339
+ defaultFilter?: never;
2340
+ } & ComboboxKeySelectionProps<T>;
2341
+ /** @public */
2342
+ type ComboboxAsyncItemsProps<T extends {
2343
+ id: Key;
2344
+ }> = ComboboxCommonProps<T> & {
2345
+ options?: never;
2346
+ items: AsyncListSource<T>;
2347
+ children: (item: T) => ReactElement;
2348
+ dependencies?: ReadonlyArray<unknown>;
2349
+ loading?: never;
2350
+ search?: Exclude<ComboboxAsyncSearch<T>, {
2351
+ mode: 'server';
2352
+ }>;
2353
+ inputValue?: never;
2354
+ defaultInputValue?: never;
2355
+ onInputChange?: never;
2356
+ defaultFilter?: never;
2357
+ } & ComboboxKeySelectionProps<T>;
2358
+ /** @public */
2359
+ type ComboboxStaticProps = ComboboxCommonProps<NormalizedOption> & {
2360
+ options?: never;
2361
+ items?: never;
2362
+ children: ReactElement | ReactElement[];
2363
+ dependencies?: never;
2364
+ loading?: never;
2365
+ search?: ComboboxStaticSearch;
2366
+ inputValue?: never;
2367
+ defaultInputValue?: never;
2368
+ onInputChange?: never;
2369
+ defaultFilter?: never;
2370
+ } & ComboboxKeySelectionProps<NormalizedOption>;
2371
+ /** @public */
2372
+ type ComboboxServerOptionsProps = ComboboxCommonProps<IdentifiedOption> & {
2373
+ options: AsyncListSource<IdentifiedOption>;
2374
+ items?: never;
2375
+ children?: never;
2376
+ dependencies?: never;
2377
+ loading?: never;
2378
+ search: Extract<ComboboxAsyncSearch<never>, {
2379
+ mode: 'server';
2380
+ }>;
2381
+ inputValue?: never;
2382
+ defaultInputValue?: never;
2383
+ onInputChange?: never;
2384
+ defaultFilter?: never;
2385
+ } & ComboboxItemSelectionProps<IdentifiedOption>;
2386
+ /** @public */
2387
+ type ComboboxServerItemsProps<T extends ComboboxServerItem> = ComboboxCommonProps<T> & {
2388
+ options?: never;
2389
+ items: AsyncListSource<T>;
2390
+ children: (item: T) => ReactElement;
2391
+ dependencies?: ReadonlyArray<unknown>;
2392
+ loading?: never;
2393
+ search: Extract<ComboboxAsyncSearch<never>, {
2394
+ mode: 'server';
2395
+ }>;
2396
+ inputValue?: never;
2397
+ defaultInputValue?: never;
2398
+ onInputChange?: never;
2399
+ defaultFilter?: never;
2400
+ } & ComboboxItemSelectionProps<T>;
2401
+ /** @public */
2402
+ type ComboboxProps<T extends {
2403
+ id: Key;
2404
+ } = NormalizedOption> = ComboboxOptionsProps | ComboboxAsyncOptionsProps | ComboboxItemsProps<T> | ComboboxAsyncItemsProps<T> | ComboboxStaticProps | ComboboxServerOptionsProps | (T extends ComboboxServerItem ? ComboboxServerItemsProps<T> : never);
2405
+ /** @public */
2406
+ type ComboboxItemOwnProps = {
2407
+ children: ReactNode | ((values: ListBoxItemRenderProps) => ReactNode);
2408
+ textValue: string;
2409
+ /**
2410
+ * Show the built-in selection indicator and standard item content layout.
2411
+ */
2412
+ showSelectionIndicator?: boolean;
2413
+ className?: string;
2414
+ };
2415
+ /** @public */
2416
+ type ComboboxItemProps<T extends object = object> = ComboboxItemOwnProps & Omit<ListBoxItemProps<T>, keyof ComboboxItemOwnProps>;
2417
+ /** @public */
2418
+ type ComboboxItemTextOwnProps = {
2419
+ title: string;
2420
+ description?: string;
2421
+ leadingIcon?: ReactNode;
2422
+ textValue?: string;
2423
+ className?: string;
2424
+ };
2425
+ /** @public */
2426
+ type ComboboxItemTextProps<T extends object = object> = ComboboxItemTextOwnProps & Omit<ComboboxItemProps<T>, keyof ComboboxItemTextOwnProps | 'children' | 'showSelectionIndicator'>;
2427
+ /** @public */
2428
+ type ComboboxItemProfileOwnProps = {
2429
+ name: string;
2430
+ src?: string;
2431
+ textValue?: string;
2432
+ className?: string;
2433
+ };
2434
+ /** @public */
2435
+ type ComboboxItemProfileProps<T extends object = object> = ComboboxItemProfileOwnProps & Omit<ComboboxItemProps<T>, keyof ComboboxItemProfileOwnProps | 'children' | 'showSelectionIndicator'>;
2436
+
2437
+ /** @public */
2438
+ declare const Combobox: {
2439
+ (props: ComboboxOptionsProps & React.RefAttributes<HTMLDivElement>): React.ReactElement;
2440
+ (props: ComboboxAsyncOptionsProps & React.RefAttributes<HTMLDivElement>): React.ReactElement;
2441
+ <T extends {
2442
+ id: Key;
2443
+ }>(props: ComboboxItemsProps<T> & React.RefAttributes<HTMLDivElement>): React.ReactElement;
2444
+ <T extends {
2445
+ id: Key;
2446
+ }>(props: ComboboxAsyncItemsProps<T> & React.RefAttributes<HTMLDivElement>): React.ReactElement;
2447
+ (props: ComboboxStaticProps & React.RefAttributes<HTMLDivElement>): React.ReactElement;
2448
+ (props: ComboboxServerOptionsProps & React.RefAttributes<HTMLDivElement>): React.ReactElement;
2449
+ <T extends ComboboxServerItem>(props: ComboboxServerItemsProps<T> & React.RefAttributes<HTMLDivElement>): React.ReactElement;
2450
+ displayName?: string;
2451
+ };
2205
2452
 
2206
2453
  /**
2207
- * A text input combined with a dropdown list of options. The user can type to filter
2208
- * suggestions, navigate with the keyboard, and pick a value. With `allowsCustomValue`
2209
- * the typed text can be committed even if no option matches.
2454
+ * A combobox item wrapper for custom content.
2210
2455
  *
2211
2456
  * @public
2212
2457
  */
2213
- declare const Combobox: react.ForwardRefExoticComponent<ComboboxProps & react.RefAttributes<HTMLDivElement>>;
2214
-
2458
+ declare function ComboboxItem<T extends object = object>(props: ComboboxItemProps<T>): react_jsx_runtime.JSX.Element;
2459
+ /**
2460
+ * A combobox item that renders a title with an optional description and
2461
+ * leading icon.
2462
+ *
2463
+ * @public
2464
+ */
2465
+ declare function ComboboxItemText<T extends object = object>(props: ComboboxItemTextProps<T>): react_jsx_runtime.JSX.Element;
2215
2466
  /**
2216
- * Component definition for Combobox
2467
+ * A combobox item that renders a profile name with an optional avatar.
2468
+ *
2217
2469
  * @public
2218
2470
  */
2471
+ declare function ComboboxItemProfile<T extends object = object>(props: ComboboxItemProfileProps<T>): react_jsx_runtime.JSX.Element;
2472
+
2473
+ /** @public */
2219
2474
  declare const ComboboxDefinition: {
2220
2475
  readonly styles: {
2221
2476
  readonly [key: string]: string;
@@ -2231,6 +2486,11 @@ declare const ComboboxDefinition: {
2231
2486
  readonly default: "small";
2232
2487
  };
2233
2488
  readonly options: {};
2489
+ readonly items: {};
2490
+ readonly children: {};
2491
+ readonly dependencies: {};
2492
+ readonly search: {};
2493
+ readonly loading: {};
2234
2494
  readonly placeholder: {};
2235
2495
  readonly label: {};
2236
2496
  readonly secondaryLabel: {};
@@ -2239,10 +2499,7 @@ declare const ComboboxDefinition: {
2239
2499
  readonly className: {};
2240
2500
  };
2241
2501
  };
2242
- /**
2243
- * Component definition for ComboboxInput
2244
- * @public
2245
- */
2502
+ /** @public */
2246
2503
  declare const ComboboxInputDefinition: {
2247
2504
  readonly styles: {
2248
2505
  readonly [key: string]: string;
@@ -2259,10 +2516,7 @@ declare const ComboboxInputDefinition: {
2259
2516
  readonly placeholder: {};
2260
2517
  };
2261
2518
  };
2262
- /**
2263
- * Component definition for ComboboxListBox
2264
- * @public
2265
- */
2519
+ /** @public */
2266
2520
  declare const ComboboxListBoxDefinition: {
2267
2521
  readonly styles: {
2268
2522
  readonly [key: string]: string;
@@ -2270,15 +2524,21 @@ declare const ComboboxListBoxDefinition: {
2270
2524
  readonly classNames: {
2271
2525
  readonly root: "bui-ComboboxList";
2272
2526
  readonly noResults: "bui-ComboboxNoResults";
2527
+ readonly loading: "bui-ComboboxLoading";
2528
+ readonly loadingRow: "bui-ComboboxLoadingRow";
2273
2529
  };
2274
2530
  readonly propDefs: {
2275
2531
  readonly options: {};
2532
+ readonly items: {};
2533
+ readonly children: {};
2534
+ readonly dependencies: {};
2535
+ readonly search: {};
2536
+ readonly loading: {};
2537
+ readonly isStale: {};
2538
+ readonly getItemTextValue: {};
2276
2539
  };
2277
2540
  };
2278
- /**
2279
- * Component definition for ComboboxListBoxItem
2280
- * @public
2281
- */
2541
+ /** @public */
2282
2542
  declare const ComboboxListBoxItemDefinition: {
2283
2543
  readonly styles: {
2284
2544
  readonly [key: string]: string;
@@ -2290,10 +2550,61 @@ declare const ComboboxListBoxItemDefinition: {
2290
2550
  };
2291
2551
  readonly propDefs: {};
2292
2552
  };
2293
- /**
2294
- * Component definition for ComboboxSection
2295
- * @public
2296
- */
2553
+ /** @public */
2554
+ declare const ComboboxItemDefinition: {
2555
+ readonly styles: {
2556
+ readonly [key: string]: string;
2557
+ };
2558
+ readonly classNames: {
2559
+ readonly root: "bui-ComboboxItem";
2560
+ readonly indicator: "bui-ComboboxItemIndicator";
2561
+ readonly content: "bui-ComboboxItemContent";
2562
+ };
2563
+ readonly propDefs: {
2564
+ readonly children: {};
2565
+ readonly textValue: {};
2566
+ readonly showSelectionIndicator: {};
2567
+ readonly className: {};
2568
+ };
2569
+ };
2570
+ /** @public */
2571
+ declare const ComboboxItemTextDefinition: {
2572
+ readonly styles: {
2573
+ readonly [key: string]: string;
2574
+ };
2575
+ readonly classNames: {
2576
+ readonly root: "bui-ComboboxItemText";
2577
+ readonly leadingIcon: "bui-ComboboxItemTextLeadingIcon";
2578
+ readonly text: "bui-ComboboxItemTextContent";
2579
+ readonly title: "bui-ComboboxItemTitle";
2580
+ readonly description: "bui-ComboboxItemDescription";
2581
+ };
2582
+ readonly propDefs: {
2583
+ readonly title: {};
2584
+ readonly description: {};
2585
+ readonly leadingIcon: {};
2586
+ readonly textValue: {};
2587
+ readonly className: {};
2588
+ };
2589
+ };
2590
+ /** @public */
2591
+ declare const ComboboxItemProfileDefinition: {
2592
+ readonly styles: {
2593
+ readonly [key: string]: string;
2594
+ };
2595
+ readonly classNames: {
2596
+ readonly root: "bui-ComboboxItemProfile";
2597
+ readonly avatar: "bui-ComboboxItemAvatar";
2598
+ readonly name: "bui-ComboboxItemTitle";
2599
+ };
2600
+ readonly propDefs: {
2601
+ readonly name: {};
2602
+ readonly src: {};
2603
+ readonly textValue: {};
2604
+ readonly className: {};
2605
+ };
2606
+ };
2607
+ /** @public */
2297
2608
  declare const ComboboxSectionDefinition: {
2298
2609
  readonly styles: {
2299
2610
  readonly [key: string]: string;
@@ -3148,6 +3459,67 @@ declare const TextFieldDefinition: {
3148
3459
  };
3149
3460
  };
3150
3461
 
3462
+ /** @public */
3463
+ type TextAreaFieldOwnProps = {
3464
+ /**
3465
+ * The size of the text area field
3466
+ * @defaultValue 'small'
3467
+ */
3468
+ size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
3469
+ className?: string;
3470
+ /**
3471
+ * Text to display in the text area when it has no value
3472
+ */
3473
+ placeholder?: string;
3474
+ /**
3475
+ * The number of visible text lines, controlling the initial and minimum height
3476
+ * @defaultValue 3
3477
+ */
3478
+ rows?: number;
3479
+ label?: FieldLabelProps['label'];
3480
+ description?: FieldLabelProps['description'];
3481
+ secondaryLabel?: FieldLabelProps['secondaryLabel'];
3482
+ };
3483
+ /** @public */
3484
+ interface TextAreaFieldProps extends Omit<TextFieldProps$1, 'className' | 'description'>, TextAreaFieldOwnProps {
3485
+ }
3486
+
3487
+ /**
3488
+ * A multi-line text input with an integrated label and inline error display.
3489
+ *
3490
+ * @public
3491
+ */
3492
+ declare const TextAreaField: react.ForwardRefExoticComponent<TextAreaFieldProps & react.RefAttributes<HTMLDivElement>>;
3493
+
3494
+ /**
3495
+ * Component definition for TextAreaField
3496
+ * @public
3497
+ */
3498
+ declare const TextAreaFieldDefinition: {
3499
+ readonly styles: {
3500
+ readonly [key: string]: string;
3501
+ };
3502
+ readonly classNames: {
3503
+ readonly root: "bui-TextAreaField";
3504
+ readonly textArea: "bui-TextArea";
3505
+ };
3506
+ readonly bg: "consumer";
3507
+ readonly propDefs: {
3508
+ readonly size: {
3509
+ readonly dataAttribute: true;
3510
+ readonly default: "small";
3511
+ };
3512
+ readonly className: {};
3513
+ readonly placeholder: {};
3514
+ readonly rows: {
3515
+ readonly default: 3;
3516
+ };
3517
+ readonly label: {};
3518
+ readonly description: {};
3519
+ readonly secondaryLabel: {};
3520
+ };
3521
+ };
3522
+
3151
3523
  /** @public */
3152
3524
  type NumberFieldOwnProps = {
3153
3525
  /**
@@ -3896,17 +4268,245 @@ declare const ListRowDefinition: {
3896
4268
  };
3897
4269
  };
3898
4270
 
4271
+ /** @public */
4272
+ type SelectSearch<T> = true | {
4273
+ mode?: 'client';
4274
+ inputValue?: never;
4275
+ defaultInputValue?: string;
4276
+ onInputChange?: (value: string) => void;
4277
+ filter?: (item: T, query: string) => boolean;
4278
+ placeholder?: string;
4279
+ } | {
4280
+ mode?: 'client';
4281
+ inputValue: string;
4282
+ defaultInputValue?: never;
4283
+ onInputChange: (value: string) => void;
4284
+ filter?: (item: T, query: string) => boolean;
4285
+ placeholder?: string;
4286
+ } | {
4287
+ mode: 'server';
4288
+ inputValue: string;
4289
+ defaultInputValue?: never;
4290
+ onInputChange: (value: string) => void;
4291
+ filter?: never;
4292
+ placeholder?: string;
4293
+ };
4294
+ /** @public */
4295
+ type SelectAsyncSearch<T> = true | {
4296
+ mode?: 'client';
4297
+ inputValue?: never;
4298
+ defaultInputValue?: string;
4299
+ onInputChange?: (value: string) => void;
4300
+ filter?: (item: T, query: string) => boolean;
4301
+ placeholder?: string;
4302
+ } | {
4303
+ mode?: 'client';
4304
+ inputValue: string;
4305
+ defaultInputValue?: never;
4306
+ onInputChange: (value: string) => void;
4307
+ filter?: (item: T, query: string) => boolean;
4308
+ placeholder?: string;
4309
+ } | {
4310
+ mode: 'server';
4311
+ inputValue?: never;
4312
+ defaultInputValue?: never;
4313
+ onInputChange?: never;
4314
+ filter?: never;
4315
+ placeholder?: string;
4316
+ };
4317
+ /** @public */
4318
+ type SelectStaticSearch = true | {
4319
+ mode?: 'client';
4320
+ inputValue?: never;
4321
+ defaultInputValue?: string;
4322
+ onInputChange?: (value: string) => void;
4323
+ filter?: never;
4324
+ placeholder?: string;
4325
+ } | {
4326
+ mode?: 'client';
4327
+ inputValue: string;
4328
+ defaultInputValue?: never;
4329
+ onInputChange: (value: string) => void;
4330
+ filter?: never;
4331
+ placeholder?: string;
4332
+ };
4333
+ /** @public */
4334
+ type SelectBaseOwnProps = {
4335
+ /**
4336
+ * An icon to render before the input
4337
+ */
4338
+ icon?: ReactNode;
4339
+ /**
4340
+ * The size of the select field
4341
+ * @defaultValue 'small'
4342
+ */
4343
+ size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
4344
+ label?: FieldLabelProps['label'];
4345
+ secondaryLabel?: FieldLabelProps['secondaryLabel'];
4346
+ description?: FieldLabelProps['description'];
4347
+ isRequired?: boolean;
4348
+ className?: string;
4349
+ };
4350
+ /** @public */
4351
+ type SelectOwnProps = SelectBaseOwnProps & {
4352
+ options?: ReadonlyArray<Option | OptionSection> | AsyncListSource<IdentifiedOption>;
4353
+ items?: Iterable<{
4354
+ id: Key;
4355
+ }> | AsyncListSource<{
4356
+ id: Key;
4357
+ }>;
4358
+ children?: ReactElement | ReactElement[] | ((item: {
4359
+ id: Key;
4360
+ }) => ReactElement);
4361
+ dependencies?: ReadonlyArray<unknown>;
4362
+ search?: SelectSearch<{
4363
+ id: Key;
4364
+ }> | SelectAsyncSearch<{
4365
+ id: Key;
4366
+ }>;
4367
+ searchable?: boolean;
4368
+ searchPlaceholder?: string;
4369
+ loading?: LoadingConfig;
4370
+ };
4371
+ /** @public */
4372
+ type SelectCommonProps<T extends {
4373
+ id: Key;
4374
+ }, M extends 'single' | 'multiple' = 'single' | 'multiple'> = SelectBaseOwnProps & Omit<SelectProps$1<T, M>, keyof SelectOwnProps | 'defaultItems'> & {
4375
+ /**
4376
+ * Selection mode, single or multiple
4377
+ * @defaultvalue 'single'
4378
+ */
4379
+ selectionMode?: M;
4380
+ };
4381
+ /** @public */
4382
+ type SelectOptionsProps<M extends 'single' | 'multiple' = 'single' | 'multiple'> = SelectCommonProps<NormalizedOption, M> & {
4383
+ options?: ReadonlyArray<Option | OptionSection>;
4384
+ items?: never;
4385
+ children?: never;
4386
+ dependencies?: never;
4387
+ loading?: LoadingConfig;
4388
+ } & ({
4389
+ search?: SelectSearch<NormalizedOption>;
4390
+ searchable?: never;
4391
+ searchPlaceholder?: never;
4392
+ } | {
4393
+ search?: never;
4394
+ /** @deprecated Use search instead. */
4395
+ searchable?: boolean;
4396
+ /** @deprecated Use search.placeholder instead. */
4397
+ searchPlaceholder?: string;
4398
+ });
4399
+ /** @public */
4400
+ type SelectAsyncOptionsProps<M extends 'single' | 'multiple' = 'single' | 'multiple'> = SelectCommonProps<NormalizedOption, M> & {
4401
+ options: AsyncListSource<IdentifiedOption>;
4402
+ items?: never;
4403
+ children?: never;
4404
+ dependencies?: never;
4405
+ loading?: never;
4406
+ search?: SelectAsyncSearch<NormalizedOption>;
4407
+ searchable?: never;
4408
+ searchPlaceholder?: never;
4409
+ };
4410
+ /** @public */
4411
+ type SelectItemsProps<T extends {
4412
+ id: Key;
4413
+ }, M extends 'single' | 'multiple' = 'single' | 'multiple'> = SelectCommonProps<T, M> & {
4414
+ options?: never;
4415
+ items: Iterable<T>;
4416
+ children: (item: T) => ReactElement;
4417
+ dependencies?: ReadonlyArray<unknown>;
4418
+ loading?: LoadingConfig;
4419
+ search?: SelectSearch<T>;
4420
+ searchable?: never;
4421
+ searchPlaceholder?: never;
4422
+ };
4423
+ /** @public */
4424
+ type SelectAsyncItemsProps<T extends {
4425
+ id: Key;
4426
+ }, M extends 'single' | 'multiple' = 'single' | 'multiple'> = SelectCommonProps<T, M> & {
4427
+ options?: never;
4428
+ items: AsyncListSource<T>;
4429
+ children: (item: T) => ReactElement;
4430
+ dependencies?: ReadonlyArray<unknown>;
4431
+ loading?: never;
4432
+ search?: SelectAsyncSearch<T>;
4433
+ searchable?: never;
4434
+ searchPlaceholder?: never;
4435
+ };
4436
+ /** @public */
4437
+ type SelectStaticProps<M extends 'single' | 'multiple' = 'single' | 'multiple'> = SelectCommonProps<NormalizedOption, M> & {
4438
+ options?: never;
4439
+ items?: never;
4440
+ children: ReactElement | ReactElement[];
4441
+ dependencies?: never;
4442
+ search?: SelectStaticSearch;
4443
+ searchable?: never;
4444
+ searchPlaceholder?: never;
4445
+ loading?: never;
4446
+ };
4447
+ /** @public */
4448
+ type SelectProps<M extends 'single' | 'multiple' = 'single' | 'multiple', T extends {
4449
+ id: Key;
4450
+ } = NormalizedOption> = SelectOptionsProps<M> | SelectAsyncOptionsProps<M> | SelectItemsProps<T, M> | SelectAsyncItemsProps<T, M> | SelectStaticProps<M>;
4451
+ /** @public */
4452
+ type SelectItemOwnProps = {
4453
+ children: ReactNode | ((values: ListBoxItemRenderProps) => ReactNode);
4454
+ /**
4455
+ * Show the built-in selection indicator and standard item content layout.
4456
+ */
4457
+ showSelectionIndicator?: boolean;
4458
+ className?: string;
4459
+ };
4460
+ /** @public */
4461
+ type SelectItemProps<T extends object = object> = SelectItemOwnProps & Omit<ListBoxItemProps<T>, keyof SelectItemOwnProps | 'textValue'> & {
4462
+ textValue: string;
4463
+ };
4464
+ /** @public */
4465
+ type SelectItemTextOwnProps = {
4466
+ title: string;
4467
+ description?: string;
4468
+ leadingIcon?: ReactNode;
4469
+ className?: string;
4470
+ };
4471
+ /** @public */
4472
+ type SelectItemTextProps<T extends object = object> = SelectItemTextOwnProps & Omit<SelectItemProps<T>, keyof SelectItemTextOwnProps | 'children' | 'textValue' | 'showSelectionIndicator'>;
4473
+ /** @public */
4474
+ type SelectItemProfileOwnProps = {
4475
+ name: string;
4476
+ src?: string;
4477
+ className?: string;
4478
+ };
4479
+ /** @public */
4480
+ type SelectItemProfileProps<T extends object = object> = SelectItemProfileOwnProps & Omit<SelectItemProps<T>, keyof SelectItemProfileOwnProps | 'children' | 'textValue' | 'showSelectionIndicator'>;
4481
+
4482
+ /** @public */
4483
+ declare const Select: {
4484
+ <M extends "single" | "multiple" = "single" | "multiple", T extends {
4485
+ id: Key;
4486
+ } = NormalizedOption>(props: SelectProps<M, T> & React.RefAttributes<HTMLDivElement>): React.ReactElement | null;
4487
+ displayName?: string;
4488
+ };
4489
+
3899
4490
  /**
3900
- * A dropdown picker for selecting one or multiple options from a list, with optional search filtering and inline error display.
4491
+ * A low-level Select item wrapper for custom item content.
3901
4492
  *
3902
4493
  * @public
3903
4494
  */
3904
- declare const Select: react.ForwardRefExoticComponent<SelectProps<"multiple" | "single"> & react.RefAttributes<HTMLDivElement>>;
3905
-
4495
+ declare function SelectItem<T extends object = object>(props: SelectItemProps<T>): react_jsx_runtime.JSX.Element;
3906
4496
  /**
3907
- * Component definition for Select
4497
+ * A Select item preset with a title and optional supporting content.
4498
+ *
3908
4499
  * @public
3909
4500
  */
4501
+ declare function SelectItemText<T extends object = object>(props: SelectItemTextProps<T>): react_jsx_runtime.JSX.Element;
4502
+ /**
4503
+ * A Select item preset for a person or other named profile.
4504
+ *
4505
+ * @public
4506
+ */
4507
+ declare function SelectItemProfile<T extends object = object>(props: SelectItemProfileProps<T>): react_jsx_runtime.JSX.Element;
4508
+
4509
+ /** @public */
3910
4510
  declare const SelectDefinition: {
3911
4511
  readonly styles: {
3912
4512
  readonly [key: string]: string;
@@ -3922,6 +4522,11 @@ declare const SelectDefinition: {
3922
4522
  readonly default: "small";
3923
4523
  };
3924
4524
  readonly options: {};
4525
+ readonly items: {};
4526
+ readonly children: {};
4527
+ readonly dependencies: {};
4528
+ readonly search: {};
4529
+ readonly loading: {};
3925
4530
  readonly searchable: {};
3926
4531
  readonly searchPlaceholder: {};
3927
4532
  readonly label: {};
@@ -3931,6 +4536,140 @@ declare const SelectDefinition: {
3931
4536
  readonly className: {};
3932
4537
  };
3933
4538
  };
4539
+ /** @public */
4540
+ declare const SelectTriggerDefinition: {
4541
+ readonly styles: {
4542
+ readonly [key: string]: string;
4543
+ };
4544
+ readonly classNames: {
4545
+ readonly root: "bui-SelectTrigger";
4546
+ readonly chevron: "bui-SelectTriggerChevron";
4547
+ readonly value: "bui-SelectValue";
4548
+ };
4549
+ readonly bg: "consumer";
4550
+ readonly propDefs: {
4551
+ readonly icon: {};
4552
+ };
4553
+ };
4554
+ /** @public */
4555
+ declare const SelectContentDefinition: {
4556
+ readonly styles: {
4557
+ readonly [key: string]: string;
4558
+ };
4559
+ readonly classNames: {
4560
+ readonly root: "bui-SelectContent";
4561
+ readonly searchWrapper: "bui-SelectSearchWrapper";
4562
+ readonly results: "bui-SelectResults";
4563
+ readonly search: "bui-SelectSearch";
4564
+ readonly searchClear: "bui-SelectSearchClear";
4565
+ };
4566
+ readonly propDefs: {
4567
+ readonly search: {};
4568
+ readonly options: {};
4569
+ readonly items: {};
4570
+ readonly children: {};
4571
+ readonly dependencies: {};
4572
+ readonly loading: {};
4573
+ readonly isStale: {};
4574
+ readonly visibleIds: {};
4575
+ readonly retainedOptions: {};
4576
+ };
4577
+ };
4578
+ /** @public */
4579
+ declare const SelectListBoxDefinition: {
4580
+ readonly styles: {
4581
+ readonly [key: string]: string;
4582
+ };
4583
+ readonly classNames: {
4584
+ readonly root: "bui-SelectList";
4585
+ readonly noResults: "bui-SelectNoResults";
4586
+ readonly loading: "bui-SelectLoading";
4587
+ readonly loadingRow: "bui-SelectLoadingRow";
4588
+ };
4589
+ readonly propDefs: {
4590
+ readonly options: {};
4591
+ readonly items: {};
4592
+ readonly children: {};
4593
+ readonly dependencies: {};
4594
+ readonly loading: {};
4595
+ readonly isStale: {};
4596
+ readonly retainedOptions: {};
4597
+ };
4598
+ };
4599
+ /** @public */
4600
+ declare const SelectListBoxItemDefinition: {
4601
+ readonly styles: {
4602
+ readonly [key: string]: string;
4603
+ };
4604
+ readonly classNames: {
4605
+ readonly label: "bui-SelectItemLabel";
4606
+ };
4607
+ readonly propDefs: {};
4608
+ };
4609
+ /** @public */
4610
+ declare const SelectItemDefinition: {
4611
+ readonly styles: {
4612
+ readonly [key: string]: string;
4613
+ };
4614
+ readonly classNames: {
4615
+ readonly root: "bui-SelectItem";
4616
+ readonly indicator: "bui-SelectItemIndicator";
4617
+ readonly content: "bui-SelectItemContent";
4618
+ };
4619
+ readonly propDefs: {
4620
+ readonly children: {};
4621
+ readonly showSelectionIndicator: {};
4622
+ readonly className: {};
4623
+ };
4624
+ };
4625
+ /** @public */
4626
+ declare const SelectItemTextDefinition: {
4627
+ readonly styles: {
4628
+ readonly [key: string]: string;
4629
+ };
4630
+ readonly classNames: {
4631
+ readonly root: "bui-SelectItemText";
4632
+ readonly content: "bui-SelectItemContent";
4633
+ readonly leadingIcon: "bui-SelectItemLeadingIcon";
4634
+ readonly text: "bui-SelectItemTextContent";
4635
+ readonly title: "bui-SelectItemTitle";
4636
+ readonly description: "bui-SelectItemDescription";
4637
+ };
4638
+ readonly propDefs: {
4639
+ readonly title: {};
4640
+ readonly description: {};
4641
+ readonly leadingIcon: {};
4642
+ readonly className: {};
4643
+ };
4644
+ };
4645
+ /** @public */
4646
+ declare const SelectItemProfileDefinition: {
4647
+ readonly styles: {
4648
+ readonly [key: string]: string;
4649
+ };
4650
+ readonly classNames: {
4651
+ readonly root: "bui-SelectItemProfile";
4652
+ readonly content: "bui-SelectItemContent";
4653
+ readonly avatar: "bui-SelectItemAvatar";
4654
+ readonly name: "bui-SelectItemTitle";
4655
+ };
4656
+ readonly propDefs: {
4657
+ readonly name: {};
4658
+ readonly src: {};
4659
+ readonly className: {};
4660
+ };
4661
+ };
4662
+ /** @public */
4663
+ declare const SelectSectionDefinition: {
4664
+ readonly styles: {
4665
+ readonly [key: string]: string;
4666
+ };
4667
+ readonly classNames: {
4668
+ readonly root: "bui-SelectSection";
4669
+ readonly header: "bui-SelectSectionHeader";
4670
+ };
4671
+ readonly propDefs: {};
4672
+ };
3934
4673
 
3935
4674
  /** @public */
3936
4675
  type SkeletonOwnProps = {
@@ -3962,6 +4701,7 @@ declare const SkeletonDefinition: {
3962
4701
  readonly classNames: {
3963
4702
  readonly root: "bui-Skeleton";
3964
4703
  };
4704
+ readonly bg: "consumer";
3965
4705
  readonly propDefs: {
3966
4706
  readonly width: {
3967
4707
  readonly default: 80;
@@ -4269,5 +5009,5 @@ declare function useAnalytics(): AnalyticsTracker;
4269
5009
  */
4270
5010
  declare function getNodeText(node: ReactNode | ((...args: any[]) => ReactNode)): string | undefined;
4271
5011
 
4272
- export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, Badge, BadgeDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, CheckboxGroup, CheckboxGroupDefinition, Column, Combobox, ComboboxDefinition, ComboboxInputDefinition, ComboboxListBoxDefinition, ComboboxListBoxItemDefinition, ComboboxSectionDefinition, Container, ContainerDefinition, DatePicker, DatePickerCalendarDefinition, DatePickerDefinition, DatePickerGroupDefinition, DateRangePicker, DateRangePickerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderMetadataStatus, HeaderMetadataUsers, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, NumberField, NumberFieldDefinition, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableBodySkeleton, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
4273
- export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AvatarOwnProps, AvatarProps, BUIProviderProps, BadgeOwnProps, BadgeProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxGroupOwnProps, CheckboxGroupProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, ComboboxOwnProps, ComboboxProps, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DatePickerOwnProps, DatePickerProps, DateRangePickerOwnProps, DateRangePickerProps, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexItemProps, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderMetadataItem, HeaderMetadataStatusProps, HeaderMetadataUser, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, HeaderTag, JustifyContent, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, NumberFieldOwnProps, NumberFieldProps, OffsetParams, OffsetResponse, Option, OptionSection, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectOwnProps, SelectProps, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };
5012
+ export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, Badge, BadgeDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, CheckboxGroup, CheckboxGroupDefinition, Column, Combobox, ComboboxDefinition, ComboboxInputDefinition, ComboboxItem, ComboboxItemDefinition, ComboboxItemProfile, ComboboxItemProfileDefinition, ComboboxItemText, ComboboxItemTextDefinition, ComboboxListBoxDefinition, ComboboxListBoxItemDefinition, ComboboxSectionDefinition, Container, ContainerDefinition, DatePicker, DatePickerCalendarDefinition, DatePickerDefinition, DatePickerGroupDefinition, DateRangePicker, DateRangePickerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderMetadataStatus, HeaderMetadataUsers, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, NumberField, NumberFieldDefinition, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectContentDefinition, SelectDefinition, SelectItem, SelectItemDefinition, SelectItemProfile, SelectItemProfileDefinition, SelectItemText, SelectItemTextDefinition, SelectListBoxDefinition, SelectListBoxItemDefinition, SelectSectionDefinition, SelectTriggerDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableBodySkeleton, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextAreaField, TextAreaFieldDefinition, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
5013
+ export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AsyncListSource, AvatarOwnProps, AvatarProps, BUIProviderProps, BadgeOwnProps, BadgeProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxGroupOwnProps, CheckboxGroupProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, ComboboxAsyncItemsProps, ComboboxAsyncOptionsProps, ComboboxAsyncSearch, ComboboxBaseOwnProps, ComboboxCommonProps, ComboboxItemOwnProps, ComboboxItemProfileOwnProps, ComboboxItemProfileProps, ComboboxItemProps, ComboboxItemSelectionProps, ComboboxItemTextOwnProps, ComboboxItemTextProps, ComboboxItemsProps, ComboboxKeySelectionProps, ComboboxOptionsProps, ComboboxOwnProps, ComboboxProps, ComboboxSearch, ComboboxServerItem, ComboboxServerItemsProps, ComboboxServerOptionsProps, ComboboxStaticProps, ComboboxStaticSearch, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DatePickerOwnProps, DatePickerProps, DateRangePickerOwnProps, DateRangePickerProps, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexItemProps, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderMetadataItem, HeaderMetadataStatusProps, HeaderMetadataUser, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, HeaderTag, IdentifiedOption, JustifyContent, LegacyOption, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, LoadingConfig, LoadingState, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, NormalizedOption, NumberFieldOwnProps, NumberFieldProps, OffsetParams, OffsetResponse, Option, OptionSection, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderBreadcrumbEntry, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectAsyncItemsProps, SelectAsyncOptionsProps, SelectAsyncSearch, SelectBaseOwnProps, SelectCommonProps, SelectItemOwnProps, SelectItemProfileOwnProps, SelectItemProfileProps, SelectItemProps, SelectItemTextOwnProps, SelectItemTextProps, SelectItemsProps, SelectOptionsProps, SelectOwnProps, SelectProps, SelectSearch, SelectStaticProps, SelectStaticSearch, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextAreaFieldOwnProps, TextAreaFieldProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };