@marigold/components 6.10.0 → 7.0.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 (5) hide show
  1. package/dist/index.d.mts +162 -146
  2. package/dist/index.d.ts +162 -146
  3. package/dist/index.js +1381 -1879
  4. package/dist/index.mjs +1301 -1799
  5. package/package.json +4 -4
package/dist/index.d.mts CHANGED
@@ -1,28 +1,21 @@
1
1
  export { useAsyncList, useListData } from '@react-stately/data';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import * as react from 'react';
4
- import react__default, { ReactElement, ReactNode, Key, ElementType, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
4
+ import react__default, { ReactElement, ReactNode, ElementType, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, RefObject, Key as Key$1 } from 'react';
5
5
  import { AriaAccordionProps } from '@react-aria/accordion';
6
- import * as _react_types_shared from '@react-types/shared';
7
- import { ItemElement, ItemProps, Node, CollectionElement, StyleProps, LabelableProps } from '@react-types/shared';
6
+ import { ItemElement, ItemProps, Node, StyleProps } from '@react-types/shared';
8
7
  import { TreeState } from '@react-stately/tree';
9
8
  import { GapSpaceProp, AspectProp, WidthProp, AlignmentProp, alignment, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PlaceItemsProp, GridColumn, GridColsAlignProp, TextAlignProp, StateAttrProps, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
10
9
  export { ThemeProvider, useTheme } from '@marigold/system';
11
10
  import { NonZeroPercentage, HtmlProps } from '@marigold/types';
12
- import { SearchAutocompleteProps } from '@react-types/autocomplete';
13
- import { ComboBoxProps as ComboBoxProps$1 } from '@react-types/combobox';
14
- import RAC, { ValidationResult } from 'react-aria-components';
11
+ import RAC, { ValidationResult, Key, TagListProps } from 'react-aria-components';
15
12
  import { DateValue, CalendarDate } from '@internationalized/date';
16
13
  import { AriaDateFieldProps, AriaDatePickerProps } from '@react-aria/datepicker';
17
- import { AriaCalendarProps, DateValue as DateValue$1, AriaCalendarCellProps, AriaCalendarGridProps } from '@react-aria/calendar';
18
- import { CalendarState } from '@react-stately/calendar';
14
+ import { DateValue as DateValue$1 } from '@react-aria/calendar';
19
15
  import { OverlayProps as OverlayProps$1, AriaPopoverProps, AriaModalOverlayProps } from '@react-aria/overlays';
20
16
  import { OverlayTriggerState } from '@react-stately/overlays';
21
- import { Item, Section } from '@react-stately/collections';
22
- import { AriaSelectProps } from '@react-types/select';
23
17
  import { AriaTableProps } from '@react-aria/table';
24
18
  import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
25
- import { AriaTagGroupProps } from '@react-aria/tag';
26
19
  export { VisuallyHidden } from '@react-aria/visually-hidden';
27
20
 
28
21
  interface AccordionProps extends Omit<AriaAccordionProps<object>, 'children' | 'expandedKeys' | 'disabledKeys' | 'onExpandedChange'> {
@@ -52,10 +45,9 @@ interface AsideProps extends GapSpaceProp {
52
45
  children: [ReactElement, ReactElement];
53
46
  side?: 'left' | 'right';
54
47
  sideWidth?: string;
55
- stretch?: boolean;
56
48
  wrap?: NonZeroPercentage;
57
49
  }
58
- declare const Aside: ({ children, sideWidth, space, side, stretch, wrap, }: AsideProps) => react_jsx_runtime.JSX.Element;
50
+ declare const Aside: ({ children, sideWidth, space, side, wrap, }: AsideProps) => react_jsx_runtime.JSX.Element;
59
51
 
60
52
  interface AspectProps extends Omit<HtmlProps<'div'>, 'className'>, AspectProp {
61
53
  children?: ReactNode;
@@ -63,17 +55,51 @@ interface AspectProps extends Omit<HtmlProps<'div'>, 'className'>, AspectProp {
63
55
  }
64
56
  declare const Aspect: ({ ratio, maxWidth, children, }: AspectProps) => react_jsx_runtime.JSX.Element;
65
57
 
66
- interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDisabled' | 'isRequired' | 'isReadonly' | 'validationState' | 'icon' | 'onInputChange' | 'inputValue' | 'defaultInputValue' | 'validate'> {
67
- disabled?: boolean;
68
- required?: boolean;
69
- readOnly?: boolean;
58
+ interface HelpTextProps {
59
+ variant?: string;
60
+ size?: string;
61
+ description?: ReactNode;
70
62
  error?: boolean;
71
- defaultValue?: SearchAutocompleteProps<object>['defaultInputValue'];
72
- value?: SearchAutocompleteProps<object>['inputValue'];
73
- /**
74
- * Handler that is called when the input value changes.
75
- */
76
- onChange?: SearchAutocompleteProps<object>['onInputChange'];
63
+ errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
64
+ }
65
+
66
+ interface FieldBaseProps$1<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
67
+ as?: T;
68
+ label?: ReactNode;
69
+ variant?: string;
70
+ size?: string;
71
+ children?: ReactNode;
72
+ }
73
+
74
+ interface ListBoxItemProps extends Omit<RAC.ListBoxItemProps, 'style' | 'className'> {
75
+ }
76
+ declare const _ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
77
+
78
+ interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style'> {
79
+ }
80
+ declare const _Section: (props: SectionProps) => react_jsx_runtime.JSX.Element;
81
+
82
+ interface ListBoxProps extends Omit<RAC.ListBoxProps<object>, 'className' | 'style'> {
83
+ variant?: string;
84
+ size?: string;
85
+ }
86
+ interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefAttributes<HTMLUListElement>> {
87
+ Item: typeof _ListBoxItem;
88
+ Section: typeof _Section;
89
+ }
90
+ declare const _ListBox: ListBoxComponent;
91
+
92
+ type RemovedProps$l = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState';
93
+ interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$l>, Pick<FieldBaseProps$1<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
94
+ defaultValue?: RAC.ComboBoxProps<object>['defaultInputValue'];
95
+ value?: RAC.ComboBoxProps<object>['inputValue'];
96
+ onChange?: RAC.ComboBoxProps<object>['onInputChange'];
97
+ disabled?: RAC.ComboBoxProps<object>['isDisabled'];
98
+ required?: RAC.ComboBoxProps<object>['isRequired'];
99
+ error?: RAC.ComboBoxProps<object>['isInvalid'];
100
+ readOnly?: RAC.ComboBoxProps<object>['isReadOnly'];
101
+ variant?: string;
102
+ size?: string;
77
103
  /**
78
104
  * Handler that is called when the SearchAutocomplete is submitted.
79
105
  *
@@ -83,32 +109,30 @@ interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDis
83
109
  * A `value` will be passed if the submission is a custom value (e.g. a user
84
110
  * types then presses enter). If the input is a selected item, `value` will be `null`.
85
111
  */
86
- onSubmit?: (key: Key | null, value: string | null) => void;
87
- variant?: string;
88
- size?: string;
89
- width?: WidthProp['width'];
112
+ onSubmit?: (value: string | number | null, key: Key | null) => void;
90
113
  }
91
- declare const Autocomplete: {
92
- ({ disabled, required, readOnly, error, onChange, value, defaultValue, variant, size, width, ...rest }: AutocompleteProps): react_jsx_runtime.JSX.Element;
93
- Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
94
- };
114
+ interface AutocompleteComponent extends ForwardRefExoticComponent<AutocompleteProps & RefAttributes<HTMLInputElement>> {
115
+ Item: typeof _ListBox.Item;
116
+ }
117
+ declare const _Autocomplete: AutocompleteComponent;
95
118
 
96
- interface ComboBoxProps extends Omit<ComboBoxProps$1<object>, 'isDisabled' | 'isRequired' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange'> {
119
+ type RemovedProps$k = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
120
+ interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$k>, Pick<FieldBaseProps$1<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
97
121
  variant?: string;
98
122
  size?: string;
99
- error?: boolean;
100
- width?: WidthProp['width'];
101
- disabled?: boolean;
102
- required?: boolean;
103
- readOnly?: boolean;
104
- defaultValue?: ComboBoxProps$1<object>['defaultInputValue'];
105
- value?: ComboBoxProps$1<object>['inputValue'];
106
- onChange?: ComboBoxProps$1<object>['onInputChange'];
123
+ disabled?: RAC.ComboBoxProps<any>['isDisabled'];
124
+ required?: RAC.ComboBoxProps<any>['isRequired'];
125
+ readOnly?: RAC.ComboBoxProps<any>['isReadOnly'];
126
+ error?: RAC.ComboBoxProps<any>['isInvalid'];
127
+ defaultValue?: RAC.ComboBoxProps<any>['defaultInputValue'];
128
+ value?: RAC.ComboBoxProps<any>['inputValue'];
129
+ onChange?: RAC.ComboBoxProps<any>['onInputChange'];
130
+ children: ReactNode | ((item: any) => ReactNode);
107
131
  }
108
- declare const ComboBox: {
109
- ({ error, width, disabled, required, readOnly, defaultValue, value, onChange, variant, size, ...rest }: ComboBoxProps): react_jsx_runtime.JSX.Element;
110
- Item: <T>(props: _react_types_shared.ItemProps<T>) => react__default.JSX.Element;
111
- };
132
+ interface ComboBoxComponent extends ForwardRefExoticComponent<ComboBoxProps & RefAttributes<HTMLInputElement>> {
133
+ Item: typeof _ListBox.Item;
134
+ }
135
+ declare const _ComboBox: ComboBoxComponent;
112
136
 
113
137
  interface BadgeProps extends Omit<HtmlProps<'div'>, 'className'> {
114
138
  children?: React.ReactNode;
@@ -132,8 +156,8 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
132
156
  }
133
157
  declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
134
158
 
135
- type RemovedProps$d = 'isDisabled';
136
- interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$d> {
159
+ type RemovedProps$j = 'isDisabled';
160
+ interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$j> {
137
161
  variant?: string;
138
162
  size?: string;
139
163
  fullWidth?: boolean;
@@ -168,25 +192,8 @@ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defa
168
192
  }
169
193
  declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
170
194
 
171
- interface HelpTextProps {
172
- variant?: string;
173
- size?: string;
174
- description?: ReactNode;
175
- error?: boolean;
176
- isInvalid?: ValidationResult['isInvalid'];
177
- errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
178
- }
179
-
180
- interface FieldBaseProps$1<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
181
- as?: T;
182
- label?: ReactNode;
183
- variant?: string;
184
- size?: string;
185
- children?: ReactNode;
186
- }
187
-
188
- type RemovedProps$c = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
189
- interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$c>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
195
+ type RemovedProps$i = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
196
+ interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$i>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
190
197
  children?: ReactNode;
191
198
  variant?: string;
192
199
  size?: string;
@@ -229,10 +236,11 @@ interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
229
236
  open?: boolean;
230
237
  dismissable?: boolean;
231
238
  keyboardDismissable?: boolean;
239
+ isNonModal?: boolean;
232
240
  }
233
241
 
234
- type RemovedProps$b = 'className' | 'level';
235
- interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$b>, TextAlignProp {
242
+ type RemovedProps$h = 'className' | 'level';
243
+ interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$h>, TextAlignProp {
236
244
  color?: string;
237
245
  variant?: string;
238
246
  size?: string;
@@ -250,7 +258,7 @@ interface DialogProps extends Omit<RAC.DialogProps, 'className' | 'style'> {
250
258
  }
251
259
  declare const _Dialog: {
252
260
  ({ variant, size, closeButton, isNonModal, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
253
- Trigger: ({ open, dismissable, keyboardDismissable, ...rest }: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
261
+ Trigger: ({ open, dismissable, keyboardDismissable, isNonModal, ...rest }: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
254
262
  Headline: ({ children }: DialogHeadlineProps) => react_jsx_runtime.JSX.Element;
255
263
  };
256
264
 
@@ -259,8 +267,8 @@ interface DividerProps extends RAC.SeparatorProps {
259
267
  }
260
268
  declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
261
269
 
262
- type RemovedProps$a = 'className';
263
- interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$a> {
270
+ type RemovedProps$g = 'className';
271
+ interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$g> {
264
272
  size?: string;
265
273
  variant?: string;
266
274
  }
@@ -322,15 +330,15 @@ interface InlineProps extends AlignmentProp, GapSpaceProp {
322
330
  }
323
331
  declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
324
332
 
325
- interface InputOwnProps extends Omit<HtmlProps<'input'>, 'size' | 'className'> {
333
+ type RemovedProps$f = 'className' | 'style' | 'size';
334
+ interface InputProps extends Omit<RAC.InputProps, RemovedProps$f> {
326
335
  icon?: ReactElement;
327
336
  action?: ReactElement;
328
337
  variant?: string;
329
338
  size?: string;
339
+ className?: string;
330
340
  }
331
- interface InputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'className'>, InputOwnProps {
332
- }
333
- declare const Input: react.ForwardRefExoticComponent<InputOwnProps & react.RefAttributes<HTMLInputElement>>;
341
+ declare const _Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
334
342
 
335
343
  interface DateFieldProps extends Omit<AriaDateFieldProps<DateValue>, 'isDisabled' | 'isReadOnly' | 'isRequired'> {
336
344
  onChange?: (value: DateValue) => void;
@@ -351,23 +359,15 @@ interface DateFieldProps extends Omit<AriaDateFieldProps<DateValue>, 'isDisabled
351
359
  }
352
360
  declare const DateField: ({ disabled, readOnly, required, error, errorMessage, errorMessageProps, variant, size, action, isPressed, triggerRef, width, ...res }: DateFieldProps) => react_jsx_runtime.JSX.Element;
353
361
 
354
- interface CalendarProps extends Omit<AriaCalendarProps<DateValue$1>, 'isDisabled' | 'isReadOnly'> {
362
+ type RemovedProps$e = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
363
+ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue$1>, RemovedProps$e> {
355
364
  disabled?: boolean;
356
365
  readOnly?: boolean;
357
366
  variant?: string;
358
367
  size?: string;
368
+ width?: WidthProp['width'];
359
369
  }
360
- declare const Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
361
-
362
- interface CalendarCellProps extends AriaCalendarCellProps {
363
- state: CalendarState;
364
- }
365
- declare const CalendarCell: (props: CalendarCellProps) => react_jsx_runtime.JSX.Element;
366
-
367
- interface CalendarGridProps extends AriaCalendarGridProps {
368
- state: CalendarState;
369
- }
370
- declare const CalendarGrid: ({ state, ...props }: CalendarGridProps) => react_jsx_runtime.JSX.Element;
370
+ declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
371
371
 
372
372
  interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'isDisabled' | 'isRequired' | 'isReadOnly' | 'isOpen'> {
373
373
  disabled?: boolean;
@@ -395,8 +395,8 @@ type InsetProps = {
395
395
  };
396
396
  declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
397
397
 
398
- type RemovedProps$9 = 'className' | 'isDisabled';
399
- interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$9> {
398
+ type RemovedProps$d = 'className' | 'isDisabled';
399
+ interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
400
400
  variant?: string;
401
401
  size?: string;
402
402
  disabled?: RAC.LinkProps['isDisabled'];
@@ -418,29 +418,37 @@ declare const List: {
418
418
  Item: ({ children, ...props }: ListItemProps) => react_jsx_runtime.JSX.Element;
419
419
  };
420
420
 
421
- interface MenuTriggerProps {
422
- children: [trigger: ReactNode, menu: ReactNode];
423
- disabled?: boolean;
424
- open?: boolean;
425
- onOpenChange?: (isOpen: boolean) => void;
421
+ type RemovedProps$c = 'className' | 'style' | 'children';
422
+ interface MenuSectionProps extends Omit<RAC.SectionProps<object>, RemovedProps$c> {
423
+ title?: string;
424
+ children: ReactNode;
425
+ }
426
+
427
+ type RemovedProps$b = 'style' | 'className';
428
+ interface MenuItemProps extends Omit<RAC.MenuItemProps, RemovedProps$b> {
429
+ onAction?: (key: Key$1) => void;
426
430
  }
427
431
 
428
- interface MenuProps extends Omit<HtmlProps<'ul'>, 'onSelect' | 'size' | 'className'> {
429
- children: CollectionElement<object> | CollectionElement<object>[];
432
+ type RemovedProps$a = 'isOpen' | 'className' | 'style' | 'children';
433
+ interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$a>, Omit<RAC.MenuProps<object>, RemovedProps$a> {
434
+ open?: RAC.MenuTriggerProps['isOpen'];
435
+ label?: ReactNode;
430
436
  variant?: string;
431
437
  size?: string;
432
- onAction?: (key: Key) => void;
438
+ onAction?: (key: Key$1) => void;
439
+ children?: ReactNode;
433
440
  }
434
- declare const Menu: {
435
- ({ variant, size, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
436
- Trigger: ({ disabled, open, onOpenChange, children, }: MenuTriggerProps) => react_jsx_runtime.JSX.Element;
437
- Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
438
- Section: <T_1>(props: _react_types_shared.SectionProps<T_1>) => react.JSX.Element;
441
+ declare const _Menu: {
442
+ ({ children, label, variant, size, open, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
443
+ Item: ({ children, ...props }: MenuItemProps) => react_jsx_runtime.JSX.Element;
444
+ Section: ({ children, title, ...props }: MenuSectionProps) => react_jsx_runtime.JSX.Element;
439
445
  };
440
446
 
441
- interface ActionMenuProps extends MenuProps {
447
+ interface ActionMenuProps extends RAC.MenuProps<object> {
448
+ variant?: string;
449
+ size?: string;
442
450
  }
443
- declare const ActionMenu: (props: ActionMenuProps) => react_jsx_runtime.JSX.Element;
451
+ declare const ActionMenu: ({ variant, size, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
444
452
 
445
453
  declare const icons: {
446
454
  success: () => react_jsx_runtime.JSX.Element;
@@ -455,8 +463,8 @@ interface MessageProps extends Omit<HtmlProps<'div'>, 'className'> {
455
463
  }
456
464
  declare const Message: ({ messageTitle, variant, size, children, ...props }: MessageProps) => react_jsx_runtime.JSX.Element;
457
465
 
458
- type RemovedProps$8 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
459
- interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$8>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
466
+ type RemovedProps$9 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
467
+ interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$9>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
460
468
  variant?: string;
461
469
  size?: string;
462
470
  width?: WidthProp['width'];
@@ -465,6 +473,7 @@ interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$8>, P
465
473
  error?: RAC.NumberFieldProps['isInvalid'];
466
474
  readOnly?: RAC.NumberFieldProps['isReadOnly'];
467
475
  hideStepper?: boolean;
476
+ placeholder?: string;
468
477
  }
469
478
  declare const _NumberField: react.ForwardRefExoticComponent<NumberFieldProps & react.RefAttributes<HTMLInputElement>>;
470
479
 
@@ -511,8 +520,8 @@ interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
511
520
  }
512
521
  declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
513
522
 
514
- type RemovedProps$7 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
515
- interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$7> {
523
+ type RemovedProps$8 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
524
+ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$8> {
516
525
  variant?: string;
517
526
  size?: string;
518
527
  label?: string;
@@ -528,8 +537,8 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$7> {
528
537
  }
529
538
  declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
530
539
 
531
- type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled';
532
- interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$6> {
540
+ type RemovedProps$7 = 'className' | 'style' | 'children' | 'isDisabled';
541
+ interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$7> {
533
542
  variant?: string;
534
543
  size?: string;
535
544
  width?: string;
@@ -546,8 +555,8 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
546
555
  Group: typeof _RadioGroup;
547
556
  }
548
557
 
549
- type RemovedProps$5 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
550
- interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$5>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
558
+ type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
559
+ interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
551
560
  icon?: ReactElement;
552
561
  action?: ReactElement;
553
562
  variant?: string;
@@ -559,28 +568,31 @@ interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$5>, P
559
568
  readOnly?: RAC.SearchFieldProps['isReadOnly'];
560
569
  value?: string;
561
570
  defaultValue?: string;
571
+ placeholder?: string;
562
572
  }
563
573
  declare const _SearchField: react.ForwardRefExoticComponent<SearchFieldProps & react.RefAttributes<HTMLInputElement>>;
564
574
 
565
- interface SelectProps extends Omit<AriaSelectProps<object>, 'autoComplete' | 'isOpen' | 'isLoading' | 'onLoadMore' | 'isDisabled' | 'isRequired' | 'validationState' | 'onSelectionChange'>, Omit<HtmlProps<'select'>, 'onKeyUp' | 'onKeyDown' | 'onFocus' | 'onBlur' | 'children' | 'size' | 'onChange' | 'className'> {
575
+ type RemoveProps = 'children' | 'isInvalid' | 'isDisabled' | 'isOpen' | 'isRequired' | 'style' | 'className' | 'onSelectionChange';
576
+ interface SelectProps<T extends object> extends Omit<RAC.SelectProps<T>, RemoveProps> {
577
+ label?: string;
578
+ description?: string;
579
+ errorMessage?: string | ((validation: ValidationResult) => string);
580
+ items?: Iterable<T>;
581
+ children: React.ReactNode | ((item: T) => React.ReactNode);
566
582
  variant?: string;
567
583
  size?: string;
568
584
  width?: WidthProp['width'];
569
- open?: boolean;
570
- disabled?: boolean;
571
585
  required?: boolean;
586
+ disabled?: boolean;
587
+ open?: boolean;
572
588
  error?: boolean;
573
- onChange?: AriaSelectProps<object>['onSelectionChange'];
589
+ onChange?: RAC.SelectProps<object>['onSelectionChange'];
574
590
  }
575
- declare const Select: SelectComponent;
576
- /**
577
- * We need this so that TypeScripts allows us to add
578
- * additional properties to the component (function).
579
- */
580
- interface SelectComponent extends ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLButtonElement>> {
581
- Option: typeof Item;
582
- Section: typeof Section;
591
+ interface SelectComponent extends ForwardRefExoticComponent<SelectProps<object> & RefAttributes<HTMLDivElement>> {
592
+ Option: typeof _ListBox.Item;
593
+ Section: typeof _ListBox.Section;
583
594
  }
595
+ declare const _Select: SelectComponent;
584
596
 
585
597
  interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
586
598
  thumbLabels?: string[];
@@ -603,8 +615,8 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
603
615
  }
604
616
  declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
605
617
 
606
- type RemovedProps$4 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
607
- interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$4> {
618
+ type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
619
+ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
608
620
  variant?: string;
609
621
  size?: string;
610
622
  children?: ReactNode;
@@ -648,8 +660,8 @@ interface TextProps extends Omit<HtmlProps<'p'>, 'className'>, TextAlignProp, Fo
648
660
  }
649
661
  declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
650
662
 
651
- type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
652
- interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
663
+ type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
664
+ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
653
665
  variant?: string;
654
666
  size?: string;
655
667
  width?: WidthProp['width'];
@@ -662,8 +674,8 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<R
662
674
  }
663
675
  declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
664
676
 
665
- type RemovedProps$2 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
666
- interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$2>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
677
+ type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
678
+ interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
667
679
  variant?: string;
668
680
  size?: string;
669
681
  width?: WidthProp['width'];
@@ -673,6 +685,7 @@ interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$2>, Pick<
673
685
  readOnly?: RAC.TextFieldProps['isReadOnly'];
674
686
  value?: string;
675
687
  defaultValue?: string;
688
+ placeholder?: string;
676
689
  }
677
690
  declare const _TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
678
691
 
@@ -684,14 +697,14 @@ interface TilesProps extends GapSpaceProp {
684
697
  }
685
698
  declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
686
699
 
687
- type RemovedProps$1 = 'isDisabled' | 'isOpen';
688
- interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$1> {
700
+ type RemovedProps$2 = 'isDisabled' | 'isOpen';
701
+ interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$2> {
689
702
  disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
690
703
  open?: boolean;
691
704
  }
692
705
 
693
- type RemovedProps = 'className' | 'isOpen' | 'style';
694
- interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps> {
706
+ type RemovedProps$1 = 'className' | 'isOpen' | 'style';
707
+ interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps$1> {
695
708
  children?: ReactNode;
696
709
  variant?: string;
697
710
  size?: string;
@@ -702,23 +715,26 @@ declare const _Tooltip: {
702
715
  Trigger: ({ delay, children, disabled, open, ...rest }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
703
716
  };
704
717
 
705
- interface TagGroupProps extends Omit<AriaTagGroupProps<object>, 'isRequired' | 'validationState'>, LabelableProps {
718
+ type RemovedProps = 'className' | 'style' | 'children' | 'isRequired';
719
+ interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description'> {
720
+ variant?: string;
721
+ size?: string;
706
722
  width?: WidthProp['width'];
707
- required?: boolean;
708
- error?: boolean;
709
723
  allowsRemoving?: boolean;
710
724
  }
711
- declare const TagGroup: ({ width, required, error, allowsRemoving, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
712
725
 
713
- declare const Tag: TagComponent;
714
- /**
715
- * We need this so that TypeScripts allows us to add
716
- * additional properties to the component (function).
717
- */
718
- type ItemComponent = typeof Item;
719
- interface TagComponent extends ItemComponent {
720
- Group: typeof TagGroup;
726
+ interface CloseButtonProps {
727
+ className: string;
728
+ }
729
+ declare const CloseButton: ({ className }: CloseButtonProps) => react_jsx_runtime.JSX.Element;
730
+ interface TagProps extends RAC.TagProps {
731
+ variant?: string;
732
+ size?: string;
721
733
  }
734
+ declare const _Tag: {
735
+ ({ variant, size, children, ...props }: TagProps): react_jsx_runtime.JSX.Element;
736
+ Group: ({ width, items, children, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
737
+ };
722
738
 
723
739
  declare const XLoader: react.ForwardRefExoticComponent<SVGProps & react.RefAttributes<SVGElement>>;
724
740
 
@@ -743,4 +759,4 @@ declare const _Tabs: {
743
759
  Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
744
760
  };
745
761
 
746
- export { Accordion, AccordionItem, AccordionItemProps, AccordionOwnItemProps, AccordionProps, ActionMenu, Aside, AsideProps, Aspect, AspectProps, Autocomplete, AutocompleteProps, Badge, BadgeProps, Body, BodyProps, Breakout, BreakoutProps, _Button as Button, ButtonProps, Calendar, CalendarCell, CalendarCellProps, CalendarGrid, CalendarGridProps, CalendarProps, Card, CardProps, Center, CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CheckboxGroupProps, CheckboxProps, Columns, ColumnsProps, ComboBox, ComboBoxProps, Container, ContainerProps, CustomCheckboxProps, DateField, DateFieldProps, DatePicker, DatePickerProps, _Dialog as Dialog, DialogProps, _Divider as Divider, DividerProps, FieldBase, FieldBaseProps, FieldGroup, FieldGroupContext, FieldGroupContextProps, FieldGroupProps, Footer, FooterProps, _Header as Header, HeaderProps, _Headline as Headline, HeadlineProps, Image, ImageProps, Inline, InlineProps, Input, InputOwnProps, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, _Modal as Modal, ModalProps, _NumberField as NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, _SearchField as SearchField, SearchFieldProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, _Tabs as Tabs, TabsProps, Tag, TagComponent, Text, _TextArea as TextArea, TextAreaProps, _TextField as TextField, TextFieldProps, TextProps, Tiles, TilesProps, _Tooltip as Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, useFieldGroupContext };
762
+ export { Accordion, AccordionItem, AccordionItemProps, AccordionOwnItemProps, AccordionProps, ActionMenu, Aside, AsideProps, Aspect, AspectProps, _Autocomplete as Autocomplete, AutocompleteProps, Badge, BadgeProps, Body, BodyProps, Breakout, BreakoutProps, _Button as Button, ButtonProps, _Calendar as Calendar, CalendarProps, Card, CardProps, Center, CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CheckboxGroupProps, CheckboxProps, CloseButton, Columns, ColumnsProps, _ComboBox as ComboBox, ComboBoxProps, Container, ContainerProps, CustomCheckboxProps, DateField, DateFieldProps, DatePicker, DatePickerProps, _Dialog as Dialog, DialogProps, _Divider as Divider, DividerProps, FieldBase, FieldBaseProps, FieldGroup, FieldGroupContext, FieldGroupContextProps, FieldGroupProps, Footer, FooterProps, _Header as Header, HeaderProps, _Headline as Headline, HeadlineProps, Image, ImageProps, Inline, InlineProps, _Input as Input, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, _Menu as Menu, MenuProps, Message, MessageProps, _Modal as Modal, ModalProps, _NumberField as NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, _SearchField as SearchField, SearchFieldProps, _Select as Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, _Tabs as Tabs, TabsProps, _Tag as Tag, TagProps, Text, _TextArea as TextArea, TextAreaProps, _TextField as TextField, TextFieldProps, TextProps, Tiles, TilesProps, _Tooltip as Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, _Calendar, useFieldGroupContext };