@marigold/components 6.0.1 → 6.2.0

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { useAsyncList, useListData } from '@react-stately/data';
-import React, { ReactElement, ReactNode, Key, HTMLAttributes, LabelHTMLAttributes, ForwardRefExoticComponent, RefAttributes } from 'react';
+import * as react from 'react';
+import react__default, { ReactElement, ReactNode, Key, HTMLAttributes, LabelHTMLAttributes, 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';
@@ -13,8 +14,8 @@ import { AriaCheckboxProps, AriaCheckboxGroupProps } from '@react-types/checkbox
 import { CheckboxGroupState } from '@react-stately/checkbox';
 import { AriaDialogProps } from '@react-types/dialog';
 import { SeparatorProps } from '@react-aria/separator';
-import { AriaDateFieldProps, AriaDatePickerProps } from '@react-aria/datepicker';
 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';
 import { CalendarState } from '@react-stately/calendar';
 import { AriaNumberFieldProps } from '@react-types/numberfield';
@@ -26,7 +27,7 @@ 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, Column, TableHeader } from '@react-stately/table';
+import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
 import { AriaTextFieldProps } from '@react-types/textfield';
 import { PositionProps } from '@react-types/overlays';
 import { TooltipTriggerProps as TooltipTriggerProps$1 } from '@react-types/tooltip';
@@ -39,7 +40,7 @@ interface AccordionProps extends Omit<AriaAccordionProps<object>, 'children' | '
     selectionMode?: string;
 }
 declare const Accordion: {
-    ({ children, ...props }: AccordionProps): React.JSX.Element;
+    ({ children, ...props }: AccordionProps): react.JSX.Element;
     Item: <T>(props: AccordionOwnItemProps<T>) => JSX.Element;
 };
 interface AccordionOwnItemProps<T> extends ItemProps<T> {
@@ -55,7 +56,7 @@ interface AccordionItemProps {
     variant?: string;
     size?: string;
 }
-declare const AccordionItem: ({ item, state, title, variant, size, ...props }: AccordionItemProps) => React.JSX.Element;
+declare const AccordionItem: ({ item, state, title, variant, size, ...props }: AccordionItemProps) => react.JSX.Element;
 
 interface AsideProps extends GapSpaceProp {
     children: [ReactElement, ReactElement];
@@ -64,17 +65,13 @@ interface AsideProps extends GapSpaceProp {
     stretch?: boolean;
     wrap?: NonZeroPercentage;
 }
-declare const Aside: ({ children, sideWidth, space, side, stretch, wrap, }: AsideProps) => React.JSX.Element;
-
-/**
- * Based on https://theme-ui.com/components/aspect-ratio
- */
+declare const Aside: ({ children, sideWidth, space, side, stretch, wrap, }: AsideProps) => react.JSX.Element;
 
 interface AspectProps extends HtmlProps<'div'>, AspectProp {
     children?: ReactNode;
     maxWidth?: string;
 }
-declare const Aspect: ({ ratio, maxWidth, children, }: AspectProps) => React.JSX.Element;
+declare const Aspect: ({ ratio, maxWidth, children, }: AspectProps) => react.JSX.Element;
 
 interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDisabled' | 'isRequired' | 'isReadonly' | 'validationState' | 'icon' | 'onInputChange' | 'inputValue' | 'defaultInputValue'> {
     disabled?: boolean;
@@ -102,7 +99,7 @@ interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDis
     width?: WidthProp['width'];
 }
 declare const Autocomplete: {
-    ({ disabled, required, readOnly, error, onChange, value, defaultValue, variant, size, width, ...rest }: AutocompleteProps): React.JSX.Element;
+    ({ disabled, required, readOnly, error, onChange, value, defaultValue, variant, size, width, ...rest }: AutocompleteProps): react.JSX.Element;
     Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
 };
 
@@ -119,7 +116,7 @@ interface ComboBoxProps extends Omit<ComboBoxProps$1<object>, 'isDisabled' | 'is
     onChange?: ComboBoxProps$1<object>['onInputChange'];
 }
 declare const ComboBox: {
-    ({ error, width, disabled, required, readOnly, defaultValue, value, onChange, variant, size, ...rest }: ComboBoxProps): React.JSX.Element;
+    ({ error, width, disabled, required, readOnly, defaultValue, value, onChange, variant, size, ...rest }: ComboBoxProps): react__default.JSX.Element;
     Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
 };
 
@@ -128,7 +125,7 @@ interface BadgeProps extends HtmlProps<'div'> {
     variant?: string;
     size?: string;
 }
-declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => React.JSX.Element;
+declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => react.JSX.Element;
 
 interface BreakoutProps extends HtmlProps<'div'>, AlignmentProp {
     children?: ReactNode;
@@ -136,14 +133,14 @@ interface BreakoutProps extends HtmlProps<'div'>, AlignmentProp {
     alignX?: keyof typeof alignment.horizontal.alignmentX;
     alignY?: keyof typeof alignment.horizontal.alignmentY;
 }
-declare const Breakout: ({ height, children, orientation, alignX, alignY, ...props }: BreakoutProps) => React.JSX.Element;
+declare const Breakout: ({ height, children, orientation, alignX, alignY, ...props }: BreakoutProps) => react.JSX.Element;
 
 interface BodyProps extends HtmlProps<'section'> {
     children?: ReactNode;
     variant?: string;
     size?: string;
 }
-declare const Body: ({ children, variant, size, ...props }: BodyProps) => React.JSX.Element;
+declare const Body: ({ children, variant, size, ...props }: BodyProps) => react.JSX.Element;
 
 interface ButtonOwnProps extends PressEvents, FocusableDOMProps, HtmlProps<'button'> {
     children?: ReactNode;
@@ -163,13 +160,13 @@ interface CardProps extends HtmlProps<'div'>, GapSpaceProp, PaddingSpaceProp, Pa
     px?: PaddingSpacePropX['spaceX'];
     py?: PaddingSpacePropY['spaceY'];
 }
-declare const Card: ({ children, variant, size, space, p, px, py, pt, pb, pl, pr, ...props }: CardProps) => React.JSX.Element;
+declare const Card: ({ children, variant, size, space, p, px, py, pt, pb, pl, pr, ...props }: CardProps) => react.JSX.Element;
 
 interface CenterProps extends HtmlProps<'div'>, GapSpaceProp {
     children?: ReactNode;
     maxWidth?: string;
 }
-declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) => React.JSX.Element;
+declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) => react.JSX.Element;
 
 /**
  * `react-aria` has a slightly different API for the above events.
@@ -183,7 +180,7 @@ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defa
     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;
@@ -192,7 +189,7 @@ interface CheckboxGroupContextProps extends CheckboxGroupState {
  * Needs to be falsy so we can check if a checkbox is used as standalone
  * or in a group.
  */
-declare const CheckboxGroupContext: React.Context<CheckboxGroupContextProps>;
+declare const CheckboxGroupContext: react.Context<CheckboxGroupContextProps>;
 declare const useCheckboxGroupContext: () => CheckboxGroupContextProps;
 interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange'>, AriaCheckboxGroupProps {
     children: ReactNode;
@@ -208,7 +205,7 @@ interface CheckboxGroupProps extends Omit<HtmlProps<'div'>, 'onChange'>, AriaChe
     onChange?: (value: string[]) => void;
     width?: WidthProp['width'];
 }
-declare const CheckboxGroup: ({ children, required, disabled, readOnly, error, width, ...rest }: CheckboxGroupProps) => React.JSX.Element;
+declare const CheckboxGroup: ({ children, required, disabled, readOnly, error, width, ...rest }: CheckboxGroupProps) => react.JSX.Element;
 
 interface ColumnsProps extends GapSpaceProp {
     children?: ReactNode;
@@ -216,7 +213,7 @@ interface ColumnsProps extends GapSpaceProp {
     collapseAt?: string | 0;
     stretch?: boolean;
 }
-declare const Columns: ({ space, columns, collapseAt, stretch, children, ...props }: ColumnsProps) => React.JSX.Element;
+declare const Columns: ({ space, columns, collapseAt, stretch, children, ...props }: ColumnsProps) => react.JSX.Element;
 
 interface ContainerProps extends HtmlProps<'div'>, PlaceItemsProp, GridColumn, GridColsAlignProp {
     children?: ReactNode;
@@ -235,7 +232,7 @@ declare const header: {
     medium: string;
     large: string;
 };
-declare const Container: ({ contentType, size, align, alignItems, children, ...props }: ContainerProps) => React.JSX.Element;
+declare const Container: ({ contentType, size, align, alignItems, children, ...props }: ContainerProps) => react.JSX.Element;
 
 interface DialogControllerProps {
     children: ReactNode;
@@ -267,15 +264,15 @@ interface DialogProps extends AriaDialogProps {
     closeButton?: boolean;
 }
 declare const Dialog: {
-    ({ children, variant, size, closeButton, ...props }: DialogProps): React.JSX.Element;
-    Trigger: ({ children, dismissable, keyboardDismissable, }: DialogTriggerProps) => React.JSX.Element;
-    Controller: ({ children, dismissable, keyboardDismissable, open, onOpenChange, }: DialogControllerProps) => React.JSX.Element;
+    ({ children, variant, size, closeButton, ...props }: DialogProps): react.JSX.Element;
+    Trigger: ({ children, dismissable, keyboardDismissable, }: DialogTriggerProps) => react.JSX.Element;
+    Controller: ({ children, dismissable, keyboardDismissable, open, onOpenChange, }: DialogControllerProps) => react.JSX.Element;
 };
 
 interface DividerProps extends SeparatorProps {
     variant?: string;
 }
-declare const Divider: ({ variant, ...props }: DividerProps) => React.JSX.Element;
+declare const Divider: ({ variant, ...props }: DividerProps) => react.JSX.Element;
 
 interface LabelProps extends HtmlProps<'label'> {
     as?: 'label' | 'span';
@@ -283,7 +280,7 @@ interface LabelProps extends HtmlProps<'label'> {
     size?: string;
     labelWidth?: string;
 }
-declare const Label: ({ as, children, variant, size, labelWidth, ...props }: LabelProps) => React.JSX.Element;
+declare const Label: ({ as, children, variant, size, labelWidth, ...props }: LabelProps) => react.JSX.Element;
 
 interface FieldBaseProps extends WidthProp {
     children?: ReactNode;
@@ -299,32 +296,32 @@ interface FieldBaseProps extends WidthProp {
     errorMessageProps?: HTMLAttributes<HTMLElement>;
     stateProps?: StateAttrProps;
 }
-declare const FieldBase: ({ children, variant, size, width, disabled, label, labelProps, description, descriptionProps, error, errorMessage, errorMessageProps, stateProps, ...props }: FieldBaseProps) => React.JSX.Element;
+declare const FieldBase: ({ children, variant, size, width, disabled, label, labelProps, description, descriptionProps, error, errorMessage, errorMessageProps, stateProps, ...props }: FieldBaseProps) => react.JSX.Element;
 
 interface FieldGroupContextProps {
     labelWidth?: string;
 }
-declare const FieldGroupContext: React.Context<FieldGroupContextProps>;
+declare const FieldGroupContext: react.Context<FieldGroupContextProps>;
 declare const useFieldGroupContext: () => FieldGroupContextProps;
 interface FieldGroupProps {
     labelWidth?: string;
     children: ReactNode;
 }
-declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => React.JSX.Element;
+declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react.JSX.Element;
 
 interface FooterProps extends HtmlProps<'footer'> {
     children?: ReactNode;
     variant?: string;
     size?: string;
 }
-declare const Footer: ({ children, variant, size, ...props }: FooterProps) => React.JSX.Element;
+declare const Footer: ({ children, variant, size, ...props }: FooterProps) => react.JSX.Element;
 
 interface HeaderProps extends HtmlProps<'header'> {
     children?: ReactNode;
     variant?: string;
     size?: string;
 }
-declare const Header: ({ children, variant, size, className, ...props }: HeaderProps) => React.JSX.Element;
+declare const Header: ({ children, variant, size, className, ...props }: HeaderProps) => react.JSX.Element;
 
 interface HeadlineProps extends HtmlProps<'h1'>, TextAlignProp {
     children?: ReactNode;
@@ -334,7 +331,7 @@ interface HeadlineProps extends HtmlProps<'h1'>, TextAlignProp {
     size?: string;
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
-declare const Headline: ({ children, variant, size, align, color, level, as, ...props }: HeadlineProps) => React.JSX.Element;
+declare const Headline: ({ children, variant, size, align, color, level, as, ...props }: HeadlineProps) => react.JSX.Element;
 
 interface ImageProps extends HtmlProps<'img'>, ObjectFitProp, ObjectPositionProp {
     variant?: string;
@@ -342,14 +339,14 @@ interface ImageProps extends HtmlProps<'img'>, ObjectFitProp, ObjectPositionProp
     children?: never;
     alt: string;
 }
-declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => React.JSX.Element;
+declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => react.JSX.Element;
 
 interface InlineProps extends AlignmentProp, GapSpaceProp {
     children?: ReactNode;
     alignX?: keyof typeof alignment.horizontal.alignmentX;
     alignY?: keyof typeof alignment.horizontal.alignmentY;
 }
-declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => React.JSX.Element;
+declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => react.JSX.Element;
 
 interface InputOwnProps extends Omit<HtmlProps<'input'>, 'size' | 'className'> {
     icon?: ReactElement;
@@ -362,16 +359,16 @@ interface InputOwnProps extends Omit<HtmlProps<'input'>, 'size' | 'className'> {
         icon?: string;
     };
 }
-interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'className'>, InputOwnProps {
+interface InputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'className'>, InputOwnProps {
 }
-declare const Input: React.ForwardRefExoticComponent<InputOwnProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: react.ForwardRefExoticComponent<InputOwnProps & react.RefAttributes<HTMLInputElement>>;
 
 interface DateFieldProps extends Omit<AriaDateFieldProps<DateValue>, 'isDisabled' | 'isReadOnly' | 'isRequired'> {
     onChange?: (value: DateValue) => void;
     value?: DateValue | null;
     defaultValue?: DateValue | null;
-    ref?: React.RefObject<unknown> | undefined;
-    triggerRef?: React.RefObject<HTMLDivElement> | undefined;
+    ref?: RefObject<unknown> | undefined;
+    triggerRef?: RefObject<HTMLDivElement> | undefined;
     action?: ReactElement;
     isPressed?: boolean;
     error?: boolean;
@@ -383,7 +380,7 @@ interface DateFieldProps extends Omit<AriaDateFieldProps<DateValue>, 'isDisabled
     size?: string;
     width?: WidthProp['width'];
 }
-declare const DateField: ({ disabled, readOnly, required, error, errorMessage, errorMessageProps, variant, size, action, isPressed, triggerRef, width, ...res }: DateFieldProps) => React.JSX.Element;
+declare const DateField: ({ disabled, readOnly, required, error, errorMessage, errorMessageProps, variant, size, action, isPressed, triggerRef, width, ...res }: DateFieldProps) => react.JSX.Element;
 
 interface CalendarProps extends Omit<AriaCalendarProps<DateValue$1>, 'isDisabled' | 'isReadOnly'> {
     disabled?: boolean;
@@ -391,17 +388,17 @@ interface CalendarProps extends Omit<AriaCalendarProps<DateValue$1>, 'isDisabled
     variant?: string;
     size?: string;
 }
-declare const Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => React.JSX.Element;
+declare const Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react.JSX.Element;
 
 interface CalendarCellProps extends AriaCalendarCellProps {
     state: CalendarState;
 }
-declare const CalendarCell: (props: CalendarCellProps) => React.JSX.Element;
+declare const CalendarCell: (props: CalendarCellProps) => react.JSX.Element;
 
 interface CalendarGridProps extends AriaCalendarGridProps {
     state: CalendarState;
 }
-declare const CalendarGrid: ({ state, ...props }: CalendarGridProps) => React.JSX.Element;
+declare const CalendarGrid: ({ state, ...props }: CalendarGridProps) => react.JSX.Element;
 
 interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'isDisabled' | 'isRequired' | 'isReadOnly' | 'isOpen'> {
     disabled?: boolean;
@@ -413,7 +410,7 @@ interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'isDis
     variant?: string;
     size?: string;
 }
-declare const DatePicker: ({ disabled, required, readonly, open, error, shouldCloseOnSelect, variant, size, ...rest }: DatePickerProps) => React.JSX.Element;
+declare const DatePicker: ({ disabled, required, readonly, open, error, shouldCloseOnSelect, variant, size, ...rest }: DatePickerProps) => react.JSX.Element;
 
 type InsetProps = {
     children: ReactNode;
@@ -426,7 +423,7 @@ type InsetProps = {
     spaceX?: never;
     spaceY?: never;
 };
-declare const Inset: ({ space, spaceX, spaceY, children, }: InsetProps) => React.JSX.Element;
+declare const Inset: ({ space, spaceX, spaceY, children, }: InsetProps) => react.JSX.Element;
 
 interface LinkOwnProps extends PressEvents {
     disabled?: boolean;
@@ -449,8 +446,8 @@ interface ListProps extends HtmlProps<'ul'> {
     children?: ReactNode;
 }
 declare const List: {
-    ({ as, children, variant, size, ...props }: ListProps): React.JSX.Element;
-    Item: ({ children, ...props }: ListItemProps) => React.JSX.Element;
+    ({ as, children, variant, size, ...props }: ListProps): react.JSX.Element;
+    Item: ({ children, ...props }: ListItemProps) => react.JSX.Element;
 };
 
 interface MenuTriggerProps {
@@ -467,27 +464,27 @@ interface MenuProps extends Omit<HtmlProps<'ul'>, 'onSelect' | 'size'> {
     onAction?: (key: Key) => void;
 }
 declare const Menu: {
-    ({ variant, size, ...props }: MenuProps): React.JSX.Element;
-    Trigger: ({ disabled, open, onOpenChange, children, }: MenuTriggerProps) => React.JSX.Element;
+    ({ variant, size, ...props }: MenuProps): react.JSX.Element;
+    Trigger: ({ disabled, open, onOpenChange, children, }: MenuTriggerProps) => react.JSX.Element;
     Item: <T>(props: _react_types_shared.ItemProps<T>) => JSX.Element;
     Section: <T_1>(props: _react_types_shared.SectionProps<T_1>) => JSX.Element;
 };
 
 interface ActionMenuProps extends MenuProps {
 }
-declare const ActionMenu: (props: ActionMenuProps) => React.JSX.Element;
+declare const ActionMenu: (props: ActionMenuProps) => react.JSX.Element;
 
 declare const icons: {
-    info: () => React.JSX.Element;
-    warning: () => React.JSX.Element;
-    error: () => React.JSX.Element;
+    info: () => react.JSX.Element;
+    warning: () => react.JSX.Element;
+    error: () => react.JSX.Element;
 };
 interface MessageProps extends HtmlProps<'div'> {
     messageTitle: ReactNode;
     variant?: keyof typeof icons;
     size?: string;
 }
-declare const Message: ({ messageTitle, variant, size, children, ...props }: MessageProps) => React.JSX.Element;
+declare const Message: ({ messageTitle, variant, size, children, ...props }: MessageProps) => react.JSX.Element;
 
 /**
  * `react-aria` has a slightly different API for some DOM props.
@@ -500,7 +497,7 @@ interface NumberFieldProps extends Omit<HtmlProps<'input'>, CustomProps>, Omit<A
     width?: WidthProp['width'];
     hideStepper?: boolean;
 }
-declare const NumberField: React.ForwardRefExoticComponent<NumberFieldProps & React.RefAttributes<HTMLInputElement>>;
+declare const NumberField: react.ForwardRefExoticComponent<NumberFieldProps & react.RefAttributes<HTMLInputElement>>;
 
 interface ModalProps extends HTMLAttributes<HTMLElement> {
     children?: ReactNode;
@@ -509,21 +506,21 @@ interface ModalProps extends HTMLAttributes<HTMLElement> {
     dismissable?: boolean;
     keyboardDismissable?: boolean;
 }
-declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<HTMLDivElement>>;
 
 interface OverlayProps {
     open: boolean;
     children: OverlayProps$1['children'];
     container?: OverlayProps$1['portalContainer'];
 }
-declare const Overlay: ({ children, container, open }: OverlayProps) => React.JSX.Element | null;
+declare const Overlay: ({ children, container, open }: OverlayProps) => react.JSX.Element | null;
 
 interface PopoverProps extends Pick<AriaPopoverProps, 'triggerRef' | 'scrollRef' | 'isNonModal'> {
     keyboardDismissDisabled?: AriaPopoverProps['isKeyboardDismissDisabled'];
     state: OverlayTriggerState;
     children: ReactNode;
 }
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+declare const Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
 
 interface TrayProps extends AriaModalOverlayProps, StyleProps, OverlayProps$1 {
     children: ReactNode;
@@ -531,18 +528,18 @@ interface TrayProps extends AriaModalOverlayProps, StyleProps, OverlayProps$1 {
 }
 interface TrayWrapperProps extends TrayProps {
 }
-declare const Tray: React.ForwardRefExoticComponent<TrayProps & React.RefAttributes<HTMLDivElement>>;
-declare const TrayWrapper: React.ForwardRefExoticComponent<TrayWrapperProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tray: react.ForwardRefExoticComponent<TrayProps & react.RefAttributes<HTMLDivElement>>;
+declare const TrayWrapper: react.ForwardRefExoticComponent<TrayWrapperProps & react.RefAttributes<HTMLDivElement>>;
 
 interface UnderlayProps extends HTMLAttributes<HTMLElement> {
     variant?: string;
     size?: string;
 }
-declare const Underlay: ({ size, variant, ...props }: UnderlayProps) => React.JSX.Element;
+declare const Underlay: ({ size, variant, ...props }: UnderlayProps) => react.JSX.Element;
 
 interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
 }
-declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): React.JSX.Element;
+declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react.JSX.Element;
 
 interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRquired' | 'isReadOnly ' | 'validationState'> {
     children: ReactNode[];
@@ -552,7 +549,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.Element;
+declare const RadioGroup: ({ children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => react.JSX.Element;
 
 type CustomRadioProps = 'size' | 'width' | 'type' | 'defaultChecked' | 'value' | 'onFocus' | 'onBlur' | 'onKeyUp' | 'onKeyDown';
 interface RadioProps extends Omit<HtmlProps<'input'>, CustomRadioProps>, AriaRadioProps {
@@ -590,10 +587,6 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps & RefAtt
     Section: typeof Section;
 }
 
-/**
- * Thanks to react-aria: https://react-spectrum.adobe.com/react-aria/useSlider.html
- */
-
 interface SliderProps extends Omit<HtmlProps<'input'>, 'step' | 'value' | 'defaultValue' | 'onChange' | 'onFocus' | 'onBlur' | 'size' | 'width'>, 
 /**
  * `react-aria` has a slightly different API for some events e.g `onChange`, `onFocus`
@@ -611,11 +604,11 @@ Pick<AriaSliderProps, 'maxValue' | 'step' | 'value' | 'defaultValue' | 'onChange
  * 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.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
 
 interface SplitProps extends HtmlProps<'div'> {
 }
-declare const Split: (props: SplitProps) => React.JSX.Element;
+declare const Split: (props: SplitProps) => react.JSX.Element;
 
 interface StackProps extends AlignmentProp, GapSpaceProp {
     children?: ReactNode;
@@ -623,7 +616,7 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
     alignX?: keyof typeof alignment.vertical.alignmentX;
     alignY?: keyof typeof alignment.vertical.alignmentY;
 }
-declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => React.JSX.Element;
+declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react.JSX.Element;
 
 type CustomSwitchProps = 'size' | 'value' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyUp';
 interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProps<'input'>, CustomSwitchProps> {
@@ -632,7 +625,7 @@ interface SwitchProps extends Omit<AriaSwitchProps, 'isSelected'>, Omit<HtmlProp
     size?: string;
     width?: string;
 }
-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;
@@ -643,6 +636,8 @@ interface RowProps extends RowProps$1 {
     variant?: string;
     size?: string;
 }
+interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
+}
 declare const Table: Table;
 /**
  * Necessary since TypeScript can not infer the
@@ -652,8 +647,8 @@ interface Table {
     (props: TableProps): JSX.Element;
     Body: typeof TableBody;
     Cell: typeof Cell;
-    Column: typeof Column;
     Header: typeof TableHeader;
+    Column: (props: ColumnProps) => JSX.Element;
     Row: (props: RowProps) => JSX.Element;
 }
 
@@ -663,7 +658,7 @@ interface TextProps extends HtmlProps<'p'>, TextAlignProp, FontSizeProp, FontWei
     color?: string;
     size?: string;
 }
-declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => React.JSX.Element;
+declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react.JSX.Element;
 
 /**
  * `react-aria` has a slightly different API for the above events.
@@ -677,7 +672,7 @@ interface TextAreaProps extends Omit<HtmlProps<'textarea'>, 'value' | 'defaultVa
     value?: string;
     defaultValue?: string;
 }
-declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
 /**
  * `react-aria` has a slightly different API for the above events.
@@ -696,7 +691,7 @@ Pick<AriaTextFieldProps, CustomTextFieldEvents>, Pick<FieldBaseProps, 'label' |
     value?: string;
     defaultValue?: string;
 }
-declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
 
 interface TilesProps extends GapSpaceProp {
     children: ReactNode;
@@ -704,7 +699,7 @@ interface TilesProps extends GapSpaceProp {
     stretch?: boolean;
     equalHeight?: boolean;
 }
-declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => React.JSX.Element;
+declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react.JSX.Element;
 
 interface TooltipTriggerProps extends Omit<TooltipTriggerProps$1, 'isDisabled' | 'isOpen'>, Omit<PositionProps, 'isOpen'> {
     children: [trigger: ReactElement, menu: ReactElement];
@@ -718,8 +713,8 @@ interface TooltipProps extends HtmlProps<'div'> {
     size?: string;
 }
 declare const Tooltip: {
-    ({ children, variant, size }: TooltipProps): React.JSX.Element;
-    Trigger: ({ disabled, open, delay, placement, children, ...rest }: TooltipTriggerProps) => React.JSX.Element;
+    ({ children, variant, size }: TooltipProps): react.JSX.Element;
+    Trigger: ({ disabled, open, delay, placement, children, ...rest }: TooltipTriggerProps) => react.JSX.Element;
 };
 
 interface TagGroupProps extends Omit<AriaTagGroupProps<object>, 'isRequired' | 'validationState'>, LabelableProps, HelpTextProps {
@@ -728,7 +723,7 @@ interface TagGroupProps extends Omit<AriaTagGroupProps<object>, 'isRequired' | '
     error?: boolean;
     allowsRemoving?: boolean;
 }
-declare const TagGroup: ({ width, required, error, allowsRemoving, ...rest }: TagGroupProps) => React.JSX.Element;
+declare const TagGroup: ({ width, required, error, allowsRemoving, ...rest }: TagGroupProps) => react.JSX.Element;
 
 declare const Tag: TagComponent;
 /**
@@ -740,7 +735,7 @@ interface TagComponent extends ItemComponent {
     Group: typeof TagGroup;
 }
 
-declare const XLoader: React.ForwardRefExoticComponent<SVGProps & React.RefAttributes<SVGElement>>;
+declare const XLoader: react.ForwardRefExoticComponent<SVGProps & react.RefAttributes<SVGElement>>;
 
 interface TabsProps extends Omit<AriaTabListProps<object>, 'orientation' | 'isDisabled'>, GapSpaceProp {
     size?: 'small' | 'medium' | 'large';
@@ -748,8 +743,8 @@ interface TabsProps extends Omit<AriaTabListProps<object>, 'orientation' | 'isDi
     variant?: string;
 }
 declare const Tabs: {
-    ({ space, size, disabled, variant, ...rest }: TabsProps): React.JSX.Element;
+    ({ space, size, disabled, variant, ...rest }: TabsProps): react.JSX.Element;
     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, 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, 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 };