@marigold/components 6.6.4 → 6.8.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 +38 -35
  2. package/dist/index.d.ts +38 -35
  3. package/dist/index.js +405 -432
  4. package/dist/index.mjs +361 -388
  5. package/package.json +63 -63
package/dist/index.d.mts CHANGED
@@ -1,19 +1,17 @@
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, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
4
+ import react__default, { ReactElement, ReactNode, Key, ElementType, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
5
5
  import { AriaAccordionProps } from '@react-aria/accordion';
6
6
  import * as _react_types_shared from '@react-types/shared';
7
- import { ItemElement, ItemProps, Node, CollectionElement, StyleProps, LabelableProps, HelpTextProps } from '@react-types/shared';
7
+ import { ItemElement, ItemProps, Node, CollectionElement, StyleProps, LabelableProps } from '@react-types/shared';
8
8
  import { TreeState } from '@react-stately/tree';
9
9
  import { GapSpaceProp, AspectProp, WidthProp, AlignmentProp, alignment, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PlaceItemsProp, GridColumn, GridColsAlignProp, StateAttrProps, TextAlignProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
10
10
  export { ThemeProvider, useTheme } from '@marigold/system';
11
11
  import { NonZeroPercentage, HtmlProps } from '@marigold/types';
12
12
  import { SearchAutocompleteProps } from '@react-types/autocomplete';
13
13
  import { ComboBoxProps as ComboBoxProps$1 } from '@react-types/combobox';
14
- import RAC from 'react-aria-components';
15
- import { CheckboxGroupState } from '@react-stately/checkbox';
16
- import { AriaCheckboxGroupProps } from '@react-types/checkbox';
14
+ import RAC, { ValidationResult } from 'react-aria-components';
17
15
  import { AriaDialogProps } from '@react-types/dialog';
18
16
  import { DateValue, CalendarDate } from '@internationalized/date';
19
17
  import { AriaDateFieldProps, AriaDatePickerProps } from '@react-aria/datepicker';
@@ -71,7 +69,7 @@ interface AspectProps extends Omit<HtmlProps<'div'>, 'className'>, AspectProp {
71
69
  }
72
70
  declare const Aspect: ({ ratio, maxWidth, children, }: AspectProps) => react_jsx_runtime.JSX.Element;
73
71
 
74
- interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDisabled' | 'isRequired' | 'isReadonly' | 'validationState' | 'icon' | 'onInputChange' | 'inputValue' | 'defaultInputValue'> {
72
+ interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDisabled' | 'isRequired' | 'isReadonly' | 'validationState' | 'icon' | 'onInputChange' | 'inputValue' | 'defaultInputValue' | 'validate'> {
75
73
  disabled?: boolean;
76
74
  required?: boolean;
77
75
  readOnly?: boolean;
@@ -98,7 +96,7 @@ interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDis
98
96
  }
99
97
  declare const Autocomplete: {
100
98
  ({ disabled, required, readOnly, error, onChange, value, defaultValue, variant, size, width, ...rest }: AutocompleteProps): react_jsx_runtime.JSX.Element;
101
- Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
99
+ Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
102
100
  };
103
101
 
104
102
  interface ComboBoxProps extends Omit<ComboBoxProps$1<object>, 'isDisabled' | 'isRequired' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange'> {
@@ -115,7 +113,7 @@ interface ComboBoxProps extends Omit<ComboBoxProps$1<object>, 'isDisabled' | 'is
115
113
  }
116
114
  declare const ComboBox: {
117
115
  ({ error, width, disabled, required, readOnly, defaultValue, value, onChange, variant, size, ...rest }: ComboBoxProps): react_jsx_runtime.JSX.Element;
118
- Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
116
+ Item: <T>(props: _react_types_shared.ItemProps<T>) => react__default.JSX.Element;
119
117
  };
120
118
 
121
119
  interface BadgeProps extends Omit<HtmlProps<'div'>, 'className'> {
@@ -140,8 +138,8 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
140
138
  }
141
139
  declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
142
140
 
143
- type RemovedProps$6 = 'isDisabled';
144
- interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$6> {
141
+ type RemovedProps$7 = 'isDisabled';
142
+ interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$7> {
145
143
  variant?: string;
146
144
  size?: string;
147
145
  fullWidth?: boolean;
@@ -176,30 +174,35 @@ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defa
176
174
  }
177
175
  declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
178
176
 
179
- interface CheckboxGroupContextProps extends CheckboxGroupState {
177
+ interface HelpTextProps {
178
+ variant?: string;
179
+ size?: string;
180
+ description?: ReactNode;
180
181
  error?: boolean;
182
+ isInvalid?: ValidationResult['isInvalid'];
183
+ errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
181
184
  }
182
- /**
183
- * Needs to be falsy so we can check if a checkbox is used as standalone
184
- * or in a group.
185
- */
186
- declare const CheckboxGroupContext: react.Context<CheckboxGroupContextProps>;
187
- declare const useCheckboxGroupContext: () => CheckboxGroupContextProps;
188
- interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange' | 'className'>, AriaCheckboxGroupProps {
189
- children: ReactNode;
185
+
186
+ interface FieldBaseProps$1<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
187
+ as?: T;
188
+ label?: ReactNode;
189
+ variant?: string;
190
+ size?: string;
191
+ children?: ReactNode;
192
+ }
193
+
194
+ type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
195
+ interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$6>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
196
+ children?: ReactNode;
190
197
  variant?: string;
191
198
  size?: string;
192
- label?: ReactNode;
193
- required?: boolean;
194
- disabled?: boolean;
195
- readOnly?: boolean;
196
- error?: boolean;
197
- value?: string[];
198
- defaultValue?: string[];
199
- onChange?: (value: string[]) => void;
200
199
  width?: WidthProp['width'];
200
+ disabled?: RAC.CheckboxGroupProps['isDisabled'];
201
+ required?: RAC.CheckboxGroupProps['isRequired'];
202
+ error?: RAC.CheckboxGroupProps['isInvalid'];
203
+ readOnly?: RAC.CheckboxGroupProps['isReadOnly'];
201
204
  }
202
- declare const CheckboxGroup: ({ variant, size, children, required, disabled, readOnly, error, width, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
205
+ declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
203
206
 
204
207
  interface ColumnsProps extends GapSpaceProp {
205
208
  children?: ReactNode;
@@ -285,7 +288,7 @@ interface FieldBaseProps extends WidthProp {
285
288
  description?: ReactNode;
286
289
  descriptionProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
287
290
  error?: boolean;
288
- errorMessage?: ReactNode;
291
+ errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
289
292
  errorMessageProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
290
293
  stateProps?: StateAttrProps;
291
294
  }
@@ -309,7 +312,7 @@ interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
309
312
  }
310
313
  declare const Footer: ({ children, variant, size, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
311
314
 
312
- interface HeaderProps extends Omit<RAC.HeadingProps, 'children' | 'className'> {
315
+ interface HeaderProps extends Omit<RAC.HeadingProps, 'children'> {
313
316
  children?: ReactNode;
314
317
  variant?: string;
315
318
  size?: string;
@@ -452,8 +455,8 @@ interface MenuProps extends Omit<HtmlProps<'ul'>, 'onSelect' | 'size' | 'classNa
452
455
  declare const Menu: {
453
456
  ({ variant, size, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
454
457
  Trigger: ({ disabled, open, onOpenChange, children, }: MenuTriggerProps) => react_jsx_runtime.JSX.Element;
455
- Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
456
- Section: <T_1>(props: _react_types_shared.SectionProps<T_1>) => JSX.Element;
458
+ Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
459
+ Section: <T_1>(props: _react_types_shared.SectionProps<T_1>) => react.JSX.Element;
457
460
  };
458
461
 
459
462
  interface ActionMenuProps extends MenuProps {
@@ -705,7 +708,7 @@ declare const Tooltip: {
705
708
  Trigger: ({ disabled, open, delay, placement, children, ...rest }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
706
709
  };
707
710
 
708
- interface TagGroupProps extends Omit<AriaTagGroupProps<object>, 'isRequired' | 'validationState'>, LabelableProps, HelpTextProps {
711
+ interface TagGroupProps extends Omit<AriaTagGroupProps<object>, 'isRequired' | 'validationState'>, LabelableProps {
709
712
  width?: WidthProp['width'];
710
713
  required?: boolean;
711
714
  error?: boolean;
@@ -732,7 +735,7 @@ interface TabsProps extends Omit<AriaTabListProps<object>, 'orientation' | 'isDi
732
735
  }
733
736
  declare const Tabs: {
734
737
  ({ space, size, disabled, variant, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
735
- Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
738
+ Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
736
739
  };
737
740
 
738
- 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, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupProps, CheckboxProps, Columns, ColumnsProps, ComboBox, ComboBoxProps, Container, ContainerProps, CustomCheckboxProps, CustomTextAreaEvents, CustomTextFieldEvents, DateField, DateFieldProps, DatePicker, DatePickerProps, Dialog, DialogChildProps, 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, ModalProps, NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, Tabs, Tag, TagComponent, Text, TextArea, TextAreaProps, TextField, TextFieldProps, TextProps, Tiles, TilesProps, Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, _Slider, useCheckboxGroupContext, useFieldGroupContext };
741
+ 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, CustomTextAreaEvents, CustomTextFieldEvents, DateField, DateFieldProps, DatePicker, DatePickerProps, Dialog, DialogChildProps, 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, ModalProps, NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, Tabs, Tag, TagComponent, Text, TextArea, TextAreaProps, TextField, TextFieldProps, TextProps, Tiles, TilesProps, Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, _Slider, useFieldGroupContext };
package/dist/index.d.ts CHANGED
@@ -1,19 +1,17 @@
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, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
4
+ import react__default, { ReactElement, ReactNode, Key, ElementType, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
5
5
  import { AriaAccordionProps } from '@react-aria/accordion';
6
6
  import * as _react_types_shared from '@react-types/shared';
7
- import { ItemElement, ItemProps, Node, CollectionElement, StyleProps, LabelableProps, HelpTextProps } from '@react-types/shared';
7
+ import { ItemElement, ItemProps, Node, CollectionElement, StyleProps, LabelableProps } from '@react-types/shared';
8
8
  import { TreeState } from '@react-stately/tree';
9
9
  import { GapSpaceProp, AspectProp, WidthProp, AlignmentProp, alignment, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PlaceItemsProp, GridColumn, GridColsAlignProp, StateAttrProps, TextAlignProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
10
10
  export { ThemeProvider, useTheme } from '@marigold/system';
11
11
  import { NonZeroPercentage, HtmlProps } from '@marigold/types';
12
12
  import { SearchAutocompleteProps } from '@react-types/autocomplete';
13
13
  import { ComboBoxProps as ComboBoxProps$1 } from '@react-types/combobox';
14
- import RAC from 'react-aria-components';
15
- import { CheckboxGroupState } from '@react-stately/checkbox';
16
- import { AriaCheckboxGroupProps } from '@react-types/checkbox';
14
+ import RAC, { ValidationResult } from 'react-aria-components';
17
15
  import { AriaDialogProps } from '@react-types/dialog';
18
16
  import { DateValue, CalendarDate } from '@internationalized/date';
19
17
  import { AriaDateFieldProps, AriaDatePickerProps } from '@react-aria/datepicker';
@@ -71,7 +69,7 @@ interface AspectProps extends Omit<HtmlProps<'div'>, 'className'>, AspectProp {
71
69
  }
72
70
  declare const Aspect: ({ ratio, maxWidth, children, }: AspectProps) => react_jsx_runtime.JSX.Element;
73
71
 
74
- interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDisabled' | 'isRequired' | 'isReadonly' | 'validationState' | 'icon' | 'onInputChange' | 'inputValue' | 'defaultInputValue'> {
72
+ interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDisabled' | 'isRequired' | 'isReadonly' | 'validationState' | 'icon' | 'onInputChange' | 'inputValue' | 'defaultInputValue' | 'validate'> {
75
73
  disabled?: boolean;
76
74
  required?: boolean;
77
75
  readOnly?: boolean;
@@ -98,7 +96,7 @@ interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDis
98
96
  }
99
97
  declare const Autocomplete: {
100
98
  ({ disabled, required, readOnly, error, onChange, value, defaultValue, variant, size, width, ...rest }: AutocompleteProps): react_jsx_runtime.JSX.Element;
101
- Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
99
+ Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
102
100
  };
103
101
 
104
102
  interface ComboBoxProps extends Omit<ComboBoxProps$1<object>, 'isDisabled' | 'isRequired' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange'> {
@@ -115,7 +113,7 @@ interface ComboBoxProps extends Omit<ComboBoxProps$1<object>, 'isDisabled' | 'is
115
113
  }
116
114
  declare const ComboBox: {
117
115
  ({ error, width, disabled, required, readOnly, defaultValue, value, onChange, variant, size, ...rest }: ComboBoxProps): react_jsx_runtime.JSX.Element;
118
- Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
116
+ Item: <T>(props: _react_types_shared.ItemProps<T>) => react__default.JSX.Element;
119
117
  };
120
118
 
121
119
  interface BadgeProps extends Omit<HtmlProps<'div'>, 'className'> {
@@ -140,8 +138,8 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
140
138
  }
141
139
  declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
142
140
 
143
- type RemovedProps$6 = 'isDisabled';
144
- interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$6> {
141
+ type RemovedProps$7 = 'isDisabled';
142
+ interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$7> {
145
143
  variant?: string;
146
144
  size?: string;
147
145
  fullWidth?: boolean;
@@ -176,30 +174,35 @@ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defa
176
174
  }
177
175
  declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
178
176
 
179
- interface CheckboxGroupContextProps extends CheckboxGroupState {
177
+ interface HelpTextProps {
178
+ variant?: string;
179
+ size?: string;
180
+ description?: ReactNode;
180
181
  error?: boolean;
182
+ isInvalid?: ValidationResult['isInvalid'];
183
+ errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
181
184
  }
182
- /**
183
- * Needs to be falsy so we can check if a checkbox is used as standalone
184
- * or in a group.
185
- */
186
- declare const CheckboxGroupContext: react.Context<CheckboxGroupContextProps>;
187
- declare const useCheckboxGroupContext: () => CheckboxGroupContextProps;
188
- interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange' | 'className'>, AriaCheckboxGroupProps {
189
- children: ReactNode;
185
+
186
+ interface FieldBaseProps$1<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
187
+ as?: T;
188
+ label?: ReactNode;
189
+ variant?: string;
190
+ size?: string;
191
+ children?: ReactNode;
192
+ }
193
+
194
+ type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
195
+ interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$6>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
196
+ children?: ReactNode;
190
197
  variant?: string;
191
198
  size?: string;
192
- label?: ReactNode;
193
- required?: boolean;
194
- disabled?: boolean;
195
- readOnly?: boolean;
196
- error?: boolean;
197
- value?: string[];
198
- defaultValue?: string[];
199
- onChange?: (value: string[]) => void;
200
199
  width?: WidthProp['width'];
200
+ disabled?: RAC.CheckboxGroupProps['isDisabled'];
201
+ required?: RAC.CheckboxGroupProps['isRequired'];
202
+ error?: RAC.CheckboxGroupProps['isInvalid'];
203
+ readOnly?: RAC.CheckboxGroupProps['isReadOnly'];
201
204
  }
202
- declare const CheckboxGroup: ({ variant, size, children, required, disabled, readOnly, error, width, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
205
+ declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
203
206
 
204
207
  interface ColumnsProps extends GapSpaceProp {
205
208
  children?: ReactNode;
@@ -285,7 +288,7 @@ interface FieldBaseProps extends WidthProp {
285
288
  description?: ReactNode;
286
289
  descriptionProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
287
290
  error?: boolean;
288
- errorMessage?: ReactNode;
291
+ errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
289
292
  errorMessageProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
290
293
  stateProps?: StateAttrProps;
291
294
  }
@@ -309,7 +312,7 @@ interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
309
312
  }
310
313
  declare const Footer: ({ children, variant, size, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
311
314
 
312
- interface HeaderProps extends Omit<RAC.HeadingProps, 'children' | 'className'> {
315
+ interface HeaderProps extends Omit<RAC.HeadingProps, 'children'> {
313
316
  children?: ReactNode;
314
317
  variant?: string;
315
318
  size?: string;
@@ -452,8 +455,8 @@ interface MenuProps extends Omit<HtmlProps<'ul'>, 'onSelect' | 'size' | 'classNa
452
455
  declare const Menu: {
453
456
  ({ variant, size, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
454
457
  Trigger: ({ disabled, open, onOpenChange, children, }: MenuTriggerProps) => react_jsx_runtime.JSX.Element;
455
- Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
456
- Section: <T_1>(props: _react_types_shared.SectionProps<T_1>) => JSX.Element;
458
+ Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
459
+ Section: <T_1>(props: _react_types_shared.SectionProps<T_1>) => react.JSX.Element;
457
460
  };
458
461
 
459
462
  interface ActionMenuProps extends MenuProps {
@@ -705,7 +708,7 @@ declare const Tooltip: {
705
708
  Trigger: ({ disabled, open, delay, placement, children, ...rest }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
706
709
  };
707
710
 
708
- interface TagGroupProps extends Omit<AriaTagGroupProps<object>, 'isRequired' | 'validationState'>, LabelableProps, HelpTextProps {
711
+ interface TagGroupProps extends Omit<AriaTagGroupProps<object>, 'isRequired' | 'validationState'>, LabelableProps {
709
712
  width?: WidthProp['width'];
710
713
  required?: boolean;
711
714
  error?: boolean;
@@ -732,7 +735,7 @@ interface TabsProps extends Omit<AriaTabListProps<object>, 'orientation' | 'isDi
732
735
  }
733
736
  declare const Tabs: {
734
737
  ({ space, size, disabled, variant, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
735
- Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
738
+ Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
736
739
  };
737
740
 
738
- 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, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupProps, CheckboxProps, Columns, ColumnsProps, ComboBox, ComboBoxProps, Container, ContainerProps, CustomCheckboxProps, CustomTextAreaEvents, CustomTextFieldEvents, DateField, DateFieldProps, DatePicker, DatePickerProps, Dialog, DialogChildProps, 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, ModalProps, NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, Tabs, Tag, TagComponent, Text, TextArea, TextAreaProps, TextField, TextFieldProps, TextProps, Tiles, TilesProps, Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, _Slider, useCheckboxGroupContext, useFieldGroupContext };
741
+ 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, CustomTextAreaEvents, CustomTextFieldEvents, DateField, DateFieldProps, DatePicker, DatePickerProps, Dialog, DialogChildProps, 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, ModalProps, NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, Tabs, Tag, TagComponent, Text, TextArea, TextAreaProps, TextField, TextFieldProps, TextProps, Tiles, TilesProps, Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, _Slider, useFieldGroupContext };