@marigold/components 6.3.0 → 6.4.0

package/dist/index.d.mts

@@ -1,20 +1,20 @@
 export { useAsyncList, useListData } from '@react-stately/data';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactElement, ReactNode, Key, HTMLAttributes, LabelHTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
+import react__default, { ReactElement, ReactNode, Key, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { AriaAccordionProps } from '@react-aria/accordion';
 import * as _react_types_shared from '@react-types/shared';
-import { ItemElement, ItemProps, Node, PressEvents, FocusableDOMProps, CollectionElement, StyleProps, LabelableProps, HelpTextProps } from '@react-types/shared';
+import { ItemElement, ItemProps, Node, CollectionElement, StyleProps, LabelableProps, HelpTextProps } from '@react-types/shared';
 import { TreeState } from '@react-stately/tree';
 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';
 export { ThemeProvider, useTheme } from '@marigold/system';
-import { NonZeroPercentage, HtmlProps, PropsOf, PolymorphicComponent } from '@marigold/types';
+import { NonZeroPercentage, HtmlProps } from '@marigold/types';
 import { SearchAutocompleteProps } from '@react-types/autocomplete';
 import { ComboBoxProps as ComboBoxProps$1 } from '@react-types/combobox';
-import { AriaCheckboxProps, AriaCheckboxGroupProps } from '@react-types/checkbox';
+import RAC from 'react-aria-components';
 import { CheckboxGroupState } from '@react-stately/checkbox';
+import { AriaCheckboxGroupProps } from '@react-types/checkbox';
 import { AriaDialogProps } from '@react-types/dialog';
-import { SeparatorProps } from '@react-aria/separator';
 import { DateValue, CalendarDate } from '@internationalized/date';
 import { AriaDateFieldProps, AriaDatePickerProps } from '@react-aria/datepicker';
 import { AriaCalendarProps, DateValue as DateValue$1, AriaCalendarCellProps, AriaCalendarGridProps } from '@react-aria/calendar';
@@ -25,8 +25,6 @@ import { OverlayTriggerState } from '@react-stately/overlays';
 import { AriaRadioGroupProps, AriaRadioProps } from '@react-types/radio';
 import { Item, Section } from '@react-stately/collections';
 import { AriaSelectProps } from '@react-types/select';
-import { AriaSliderProps } from '@react-types/slider';
-import { AriaSwitchProps } from '@react-types/switch';
 import { AriaTableProps } from '@react-aria/table';
 import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
 import { AriaTextFieldProps } from '@react-types/textfield';
@@ -143,15 +141,15 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
 }
 declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
 
-interface ButtonOwnProps extends PressEvents, FocusableDOMProps, HtmlProps<'button'> {
-    children?: ReactNode;
+type RemovedProps$4 = 'isDisabled';
+interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$4> {
     variant?: string;
     size?: string;
     fullWidth?: boolean;
+    children?: ReactNode;
+    disabled?: RAC.ButtonProps['isDisabled'];
 }
-interface ButtonProps extends PropsOf<typeof Button> {
-}
-declare const Button: PolymorphicComponent<"button", ButtonOwnProps>;
+declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface CardProps extends Omit<HtmlProps<'div'>, 'className'>, GapSpaceProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
     children?: ReactNode;
@@ -169,19 +167,14 @@ interface CenterProps extends Omit<HtmlProps<'div'>, 'className'>, GapSpaceProp
 }
 declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * `react-aria` has a slightly different API for the above events.
- * Thus, we adjust our regular props to match them.
- */
 type CustomCheckboxProps = 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp';
-interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defaultValue' | CustomCheckboxProps | 'className'>, Pick<AriaCheckboxProps, CustomCheckboxProps> {
-    children?: ReactNode;
+interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defaultValue' | CustomCheckboxProps>, Pick<RAC.CheckboxProps, CustomCheckboxProps> {
     indeterminate?: boolean;
     error?: boolean;
     variant?: string;
     size?: string;
 }
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
 
 interface CheckboxGroupContextProps extends CheckboxGroupState {
     error?: boolean;
@@ -206,7 +199,7 @@ interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange' | 'classN
     onChange?: (value: string[]) => void;
     width?: WidthProp['width'];
 }
-declare const CheckboxGroup: ({ children, required, disabled, readOnly, error, width, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
+declare const CheckboxGroup: ({ variant, size, children, required, disabled, readOnly, error, width, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
 
 interface ColumnsProps extends GapSpaceProp {
     children?: ReactNode;
@@ -270,18 +263,17 @@ declare const Dialog: {
     Controller: ({ children, dismissable, keyboardDismissable, open, onOpenChange, }: DialogControllerProps) => react_jsx_runtime.JSX.Element;
 };
 
-interface DividerProps extends SeparatorProps {
+interface DividerProps extends RAC.SeparatorProps {
     variant?: string;
 }
-declare const Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
+declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
 
-interface LabelProps extends Omit<HtmlProps<'label'>, 'className'> {
-    as?: 'label' | 'span';
-    variant?: string;
+type RemovedProps$3 = 'className';
+interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$3> {
     size?: string;
-    labelWidth?: string;
+    variant?: string;
 }
-declare const Label: ({ as, children, variant, size, labelWidth, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
 interface FieldBaseProps extends WidthProp {
     children?: ReactNode;
@@ -289,7 +281,7 @@ interface FieldBaseProps extends WidthProp {
     size?: string;
     disabled?: boolean;
     label?: ReactNode;
-    labelProps?: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'> & Pick<LabelProps, 'as'>;
+    labelProps?: LabelProps;
     description?: ReactNode;
     descriptionProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
     error?: boolean;
@@ -324,15 +316,14 @@ interface HeaderProps extends Omit<HtmlProps<'header'>, 'className'> {
 }
 declare const Header: ({ children, variant, size, ...props }: HeaderProps) => react_jsx_runtime.JSX.Element;
 
-interface HeadlineProps extends Omit<HtmlProps<'h1'>, 'className'>, TextAlignProp {
-    children?: ReactNode;
-    level?: '1' | '2' | '3' | '4' | '5' | '6';
+type RemovedProps$2 = 'className' | 'level';
+interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$2>, TextAlignProp {
     color?: string;
     variant?: string;
     size?: string;
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    level?: '1' | '2' | '3' | '4' | '5' | '6' | RAC.HeadingProps['level'];
 }
-declare const Headline: ({ children, variant, size, align, color, level, as, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
+declare const _Headline: ({ variant, size, children, align, color, level, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
 
 interface ImageProps extends Omit<HtmlProps<'img'>, 'className'>, ObjectFitProp, ObjectPositionProp {
     variant?: string;
@@ -422,15 +413,13 @@ type InsetProps = {
 };
 declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
 
-interface LinkOwnProps extends PressEvents {
-    disabled?: boolean;
+type RemovedProps$1 = 'className' | 'isDisabled';
+interface LinksProps extends Omit<RAC.LinkProps, RemovedProps$1> {
     variant?: string;
     size?: string;
-    children?: ReactNode;
-}
-interface LinkProps extends PropsOf<typeof Link> {
+    disabled?: RAC.LinkProps['isDisabled'];
 }
-declare const Link: PolymorphicComponent<"a", LinkOwnProps>;
+declare const _Link: react.ForwardRefExoticComponent<LinksProps & react.RefAttributes<HTMLAnchorElement>>;
 
 interface ListItemProps extends Omit<HtmlProps<'li'>, 'className'> {
     children?: ReactNode;
@@ -539,6 +528,8 @@ interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
 declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
 
 interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRquired' | 'isReadOnly ' | 'validationState'> {
+    variant?: string;
+    size?: string;
     children: ReactNode[];
     width?: WidthProp['width'];
     required?: boolean;
@@ -546,7 +537,7 @@ interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRq
     readOnly?: boolean;
     error?: boolean;
 }
-declare const RadioGroup: ({ children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
+declare const RadioGroup: ({ variant, size, children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
 
 type CustomRadioProps = 'size' | 'width' | 'type' | 'defaultChecked' | 'value' | 'onFocus' | 'onBlur' | 'onKeyUp' | 'onKeyDown';
 interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps | 'children' | 'className'>, AriaRadioProps {
@@ -584,24 +575,14 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps & RefAtt
     Section: typeof Section;
 }
 
-interface SliderProps extends Omit<HtmlProps<'input'>, 'step' | 'value' | 'defaultValue' | 'onChange' | 'onFocus' | 'onBlur' | 'size' | 'width' | 'className'>, 
-/**
- * `react-aria` has a slightly different API for some events e.g `onChange`, `onFocus`
- * `onBlur`. Thus, we adjust our regular props to match them.
- */
-Pick<AriaSliderProps, 'maxValue' | 'step' | 'value' | 'defaultValue' | 'onChange'> {
+interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
+    thumbLabels?: string[];
+    width?: WidthProp['width'];
     variant?: string;
     size?: string;
-    width?: WidthProp['width'];
-    formatOptions?: Intl.NumberFormatOptions;
-    children?: ReactNode;
+    disabled?: boolean;
 }
-/**
- * The slider consists of two parts.
- * A label + the output value and the slider functionality itself.
- * The slider itself consists of a track line and a thumb.
- */
-declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
+declare const _Slider: react__default.ForwardRefExoticComponent<SliderProps<number | number[]> & react__default.RefAttributes<HTMLDivElement>>;
 
 interface SplitProps extends Omit<HtmlProps<'div'>, 'className'> {
 }
@@ -615,14 +596,17 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
 }
 declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
 
-type CustomSwitchProps = 'size' | 'value' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyUp';
-interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps | 'children' | 'className'> {
-    selected?: boolean;
+type RemovedProps = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
+interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps> {
     variant?: string;
     size?: string;
+    children?: ReactNode;
     width?: WidthProp['width'];
+    disabled?: RAC.SwitchProps['isDisabled'];
+    readOnly?: RAC.SwitchProps['isReadOnly'];
+    selected?: RAC.SwitchProps['isSelected'];
 }
-declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
 
 interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
     variant?: string;
@@ -744,4 +728,4 @@ declare const Tabs: {
     Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
 };
 
-export { Accordion, AccordionItem, AccordionItemProps, AccordionOwnItemProps, AccordionProps, ActionMenu, Aside, AsideProps, Aspect, AspectProps, Autocomplete, AutocompleteProps, Badge, BadgeProps, Body, BodyProps, Breakout, BreakoutProps, Button, ButtonOwnProps, ButtonProps, Calendar, CalendarCell, CalendarCellProps, CalendarGrid, CalendarGridProps, CalendarProps, Card, CardProps, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupProps, CheckboxProps, Columns, ColumnsProps, ComboBox, ComboBoxProps, Container, ContainerProps, CustomCheckboxProps, CustomRadioProps, CustomSwitchProps, CustomTextAreaEvents, CustomTextFieldEvents, DateField, DateFieldProps, DatePicker, DatePickerProps, Dialog, DialogChildProps, DialogProps, Divider, DividerProps, FieldBase, FieldBaseProps, FieldGroup, FieldGroupContext, FieldGroupContextProps, FieldGroupProps, Footer, FooterProps, Header, HeaderProps, Headline, HeadlineProps, Image, ImageProps, Inline, InlineProps, Input, InputOwnProps, InputProps, Inset, InsetProps, Label, LabelProps, Link, LinkOwnProps, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, Modal, ModalProps, NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, RadioGroup, RadioGroupProps, RadioProps, RowProps, Select, SelectComponent, SelectProps, Slider, SliderProps, Split, SplitProps, Stack, StackProps, Switch, SwitchProps, Table, TableProps, Tabs, Tag, TagComponent, Text, TextArea, TextAreaProps, TextField, TextFieldProps, TextProps, Tiles, TilesProps, Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, useCheckboxGroupContext, useFieldGroupContext };
+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, CustomRadioProps, CustomTextAreaEvents, CustomTextFieldEvents, DateField, DateFieldProps, DatePicker, DatePickerProps, Dialog, DialogChildProps, DialogProps, _Divider as Divider, DividerProps, FieldBase, FieldBaseProps, FieldGroup, FieldGroupContext, FieldGroupContextProps, FieldGroupProps, Footer, FooterProps, Header, HeaderProps, _Headline as Headline, HeadlineProps, Image, ImageProps, Inline, InlineProps, Input, InputOwnProps, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinksProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, Modal, ModalProps, NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, 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 };

package/dist/index.d.ts

@@ -1,20 +1,20 @@
 export { useAsyncList, useListData } from '@react-stately/data';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactElement, ReactNode, Key, HTMLAttributes, LabelHTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
+import react__default, { ReactElement, ReactNode, Key, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { AriaAccordionProps } from '@react-aria/accordion';
 import * as _react_types_shared from '@react-types/shared';
-import { ItemElement, ItemProps, Node, PressEvents, FocusableDOMProps, CollectionElement, StyleProps, LabelableProps, HelpTextProps } from '@react-types/shared';
+import { ItemElement, ItemProps, Node, CollectionElement, StyleProps, LabelableProps, HelpTextProps } from '@react-types/shared';
 import { TreeState } from '@react-stately/tree';
 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';
 export { ThemeProvider, useTheme } from '@marigold/system';
-import { NonZeroPercentage, HtmlProps, PropsOf, PolymorphicComponent } from '@marigold/types';
+import { NonZeroPercentage, HtmlProps } from '@marigold/types';
 import { SearchAutocompleteProps } from '@react-types/autocomplete';
 import { ComboBoxProps as ComboBoxProps$1 } from '@react-types/combobox';
-import { AriaCheckboxProps, AriaCheckboxGroupProps } from '@react-types/checkbox';
+import RAC from 'react-aria-components';
 import { CheckboxGroupState } from '@react-stately/checkbox';
+import { AriaCheckboxGroupProps } from '@react-types/checkbox';
 import { AriaDialogProps } from '@react-types/dialog';
-import { SeparatorProps } from '@react-aria/separator';
 import { DateValue, CalendarDate } from '@internationalized/date';
 import { AriaDateFieldProps, AriaDatePickerProps } from '@react-aria/datepicker';
 import { AriaCalendarProps, DateValue as DateValue$1, AriaCalendarCellProps, AriaCalendarGridProps } from '@react-aria/calendar';
@@ -25,8 +25,6 @@ import { OverlayTriggerState } from '@react-stately/overlays';
 import { AriaRadioGroupProps, AriaRadioProps } from '@react-types/radio';
 import { Item, Section } from '@react-stately/collections';
 import { AriaSelectProps } from '@react-types/select';
-import { AriaSliderProps } from '@react-types/slider';
-import { AriaSwitchProps } from '@react-types/switch';
 import { AriaTableProps } from '@react-aria/table';
 import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
 import { AriaTextFieldProps } from '@react-types/textfield';
@@ -143,15 +141,15 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
 }
 declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
 
-interface ButtonOwnProps extends PressEvents, FocusableDOMProps, HtmlProps<'button'> {
-    children?: ReactNode;
+type RemovedProps$4 = 'isDisabled';
+interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$4> {
     variant?: string;
     size?: string;
     fullWidth?: boolean;
+    children?: ReactNode;
+    disabled?: RAC.ButtonProps['isDisabled'];
 }
-interface ButtonProps extends PropsOf<typeof Button> {
-}
-declare const Button: PolymorphicComponent<"button", ButtonOwnProps>;
+declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface CardProps extends Omit<HtmlProps<'div'>, 'className'>, GapSpaceProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
     children?: ReactNode;
@@ -169,19 +167,14 @@ interface CenterProps extends Omit<HtmlProps<'div'>, 'className'>, GapSpaceProp
 }
 declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * `react-aria` has a slightly different API for the above events.
- * Thus, we adjust our regular props to match them.
- */
 type CustomCheckboxProps = 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp';
-interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defaultValue' | CustomCheckboxProps | 'className'>, Pick<AriaCheckboxProps, CustomCheckboxProps> {
-    children?: ReactNode;
+interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defaultValue' | CustomCheckboxProps>, Pick<RAC.CheckboxProps, CustomCheckboxProps> {
     indeterminate?: boolean;
     error?: boolean;
     variant?: string;
     size?: string;
 }
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
 
 interface CheckboxGroupContextProps extends CheckboxGroupState {
     error?: boolean;
@@ -206,7 +199,7 @@ interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange' | 'classN
     onChange?: (value: string[]) => void;
     width?: WidthProp['width'];
 }
-declare const CheckboxGroup: ({ children, required, disabled, readOnly, error, width, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
+declare const CheckboxGroup: ({ variant, size, children, required, disabled, readOnly, error, width, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
 
 interface ColumnsProps extends GapSpaceProp {
     children?: ReactNode;
@@ -270,18 +263,17 @@ declare const Dialog: {
     Controller: ({ children, dismissable, keyboardDismissable, open, onOpenChange, }: DialogControllerProps) => react_jsx_runtime.JSX.Element;
 };
 
-interface DividerProps extends SeparatorProps {
+interface DividerProps extends RAC.SeparatorProps {
     variant?: string;
 }
-declare const Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
+declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
 
-interface LabelProps extends Omit<HtmlProps<'label'>, 'className'> {
-    as?: 'label' | 'span';
-    variant?: string;
+type RemovedProps$3 = 'className';
+interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$3> {
     size?: string;
-    labelWidth?: string;
+    variant?: string;
 }
-declare const Label: ({ as, children, variant, size, labelWidth, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
 interface FieldBaseProps extends WidthProp {
     children?: ReactNode;
@@ -289,7 +281,7 @@ interface FieldBaseProps extends WidthProp {
     size?: string;
     disabled?: boolean;
     label?: ReactNode;
-    labelProps?: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'> & Pick<LabelProps, 'as'>;
+    labelProps?: LabelProps;
     description?: ReactNode;
     descriptionProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
     error?: boolean;
@@ -324,15 +316,14 @@ interface HeaderProps extends Omit<HtmlProps<'header'>, 'className'> {
 }
 declare const Header: ({ children, variant, size, ...props }: HeaderProps) => react_jsx_runtime.JSX.Element;
 
-interface HeadlineProps extends Omit<HtmlProps<'h1'>, 'className'>, TextAlignProp {
-    children?: ReactNode;
-    level?: '1' | '2' | '3' | '4' | '5' | '6';
+type RemovedProps$2 = 'className' | 'level';
+interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$2>, TextAlignProp {
     color?: string;
     variant?: string;
     size?: string;
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    level?: '1' | '2' | '3' | '4' | '5' | '6' | RAC.HeadingProps['level'];
 }
-declare const Headline: ({ children, variant, size, align, color, level, as, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
+declare const _Headline: ({ variant, size, children, align, color, level, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
 
 interface ImageProps extends Omit<HtmlProps<'img'>, 'className'>, ObjectFitProp, ObjectPositionProp {
     variant?: string;
@@ -422,15 +413,13 @@ type InsetProps = {
 };
 declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
 
-interface LinkOwnProps extends PressEvents {
-    disabled?: boolean;
+type RemovedProps$1 = 'className' | 'isDisabled';
+interface LinksProps extends Omit<RAC.LinkProps, RemovedProps$1> {
     variant?: string;
     size?: string;
-    children?: ReactNode;
-}
-interface LinkProps extends PropsOf<typeof Link> {
+    disabled?: RAC.LinkProps['isDisabled'];
 }
-declare const Link: PolymorphicComponent<"a", LinkOwnProps>;
+declare const _Link: react.ForwardRefExoticComponent<LinksProps & react.RefAttributes<HTMLAnchorElement>>;
 
 interface ListItemProps extends Omit<HtmlProps<'li'>, 'className'> {
     children?: ReactNode;
@@ -539,6 +528,8 @@ interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
 declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
 
 interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRquired' | 'isReadOnly ' | 'validationState'> {
+    variant?: string;
+    size?: string;
     children: ReactNode[];
     width?: WidthProp['width'];
     required?: boolean;
@@ -546,7 +537,7 @@ interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRq
     readOnly?: boolean;
     error?: boolean;
 }
-declare const RadioGroup: ({ children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
+declare const RadioGroup: ({ variant, size, children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
 
 type CustomRadioProps = 'size' | 'width' | 'type' | 'defaultChecked' | 'value' | 'onFocus' | 'onBlur' | 'onKeyUp' | 'onKeyDown';
 interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps | 'children' | 'className'>, AriaRadioProps {
@@ -584,24 +575,14 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps & RefAtt
     Section: typeof Section;
 }
 
-interface SliderProps extends Omit<HtmlProps<'input'>, 'step' | 'value' | 'defaultValue' | 'onChange' | 'onFocus' | 'onBlur' | 'size' | 'width' | 'className'>, 
-/**
- * `react-aria` has a slightly different API for some events e.g `onChange`, `onFocus`
- * `onBlur`. Thus, we adjust our regular props to match them.
- */
-Pick<AriaSliderProps, 'maxValue' | 'step' | 'value' | 'defaultValue' | 'onChange'> {
+interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
+    thumbLabels?: string[];
+    width?: WidthProp['width'];
     variant?: string;
     size?: string;
-    width?: WidthProp['width'];
-    formatOptions?: Intl.NumberFormatOptions;
-    children?: ReactNode;
+    disabled?: boolean;
 }
-/**
- * The slider consists of two parts.
- * A label + the output value and the slider functionality itself.
- * The slider itself consists of a track line and a thumb.
- */
-declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
+declare const _Slider: react__default.ForwardRefExoticComponent<SliderProps<number | number[]> & react__default.RefAttributes<HTMLDivElement>>;
 
 interface SplitProps extends Omit<HtmlProps<'div'>, 'className'> {
 }
@@ -615,14 +596,17 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
 }
 declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
 
-type CustomSwitchProps = 'size' | 'value' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyUp';
-interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps | 'children' | 'className'> {
-    selected?: boolean;
+type RemovedProps = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
+interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps> {
     variant?: string;
     size?: string;
+    children?: ReactNode;
     width?: WidthProp['width'];
+    disabled?: RAC.SwitchProps['isDisabled'];
+    readOnly?: RAC.SwitchProps['isReadOnly'];
+    selected?: RAC.SwitchProps['isSelected'];
 }
-declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
 
 interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
     variant?: string;
@@ -744,4 +728,4 @@ declare const Tabs: {
     Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
 };
 
-export { Accordion, AccordionItem, AccordionItemProps, AccordionOwnItemProps, AccordionProps, ActionMenu, Aside, AsideProps, Aspect, AspectProps, Autocomplete, AutocompleteProps, Badge, BadgeProps, Body, BodyProps, Breakout, BreakoutProps, Button, ButtonOwnProps, ButtonProps, Calendar, CalendarCell, CalendarCellProps, CalendarGrid, CalendarGridProps, CalendarProps, Card, CardProps, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupProps, CheckboxProps, Columns, ColumnsProps, ComboBox, ComboBoxProps, Container, ContainerProps, CustomCheckboxProps, CustomRadioProps, CustomSwitchProps, CustomTextAreaEvents, CustomTextFieldEvents, DateField, DateFieldProps, DatePicker, DatePickerProps, Dialog, DialogChildProps, DialogProps, Divider, DividerProps, FieldBase, FieldBaseProps, FieldGroup, FieldGroupContext, FieldGroupContextProps, FieldGroupProps, Footer, FooterProps, Header, HeaderProps, Headline, HeadlineProps, Image, ImageProps, Inline, InlineProps, Input, InputOwnProps, InputProps, Inset, InsetProps, Label, LabelProps, Link, LinkOwnProps, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, Modal, ModalProps, NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, RadioGroup, RadioGroupProps, RadioProps, RowProps, Select, SelectComponent, SelectProps, Slider, SliderProps, Split, SplitProps, Stack, StackProps, Switch, SwitchProps, Table, TableProps, Tabs, Tag, TagComponent, Text, TextArea, TextAreaProps, TextField, TextFieldProps, TextProps, Tiles, TilesProps, Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, useCheckboxGroupContext, useFieldGroupContext };
+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, CustomRadioProps, CustomTextAreaEvents, CustomTextFieldEvents, DateField, DateFieldProps, DatePicker, DatePickerProps, Dialog, DialogChildProps, DialogProps, _Divider as Divider, DividerProps, FieldBase, FieldBaseProps, FieldGroup, FieldGroupContext, FieldGroupContextProps, FieldGroupProps, Footer, FooterProps, Header, HeaderProps, _Headline as Headline, HeadlineProps, Image, ImageProps, Inline, InlineProps, Input, InputOwnProps, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinksProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, Modal, ModalProps, NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, 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 };