@marigold/components 6.11.0 → 7.1.0

package/dist/index.d.mts

@@ -1,32 +1,23 @@
 export { useAsyncList, useListData } from '@react-stately/data';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactElement, ReactNode, Key, ElementType, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
+import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1 } from 'react';
 import { AriaAccordionProps } from '@react-aria/accordion';
-import * as _react_types_shared from '@react-types/shared';
-import { ItemElement, ItemProps, Node, CollectionElement, StyleProps } from '@react-types/shared';
+import { ItemElement, SelectionMode, ItemProps, Node } 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, TextAlignProp, StateAttrProps, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
+import { GapSpaceProp, AspectProp, WidthProp, AlignmentProp, alignment, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PlaceItemsProp, GridColumn, GridColsAlignProp, TextAlignProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
 export { ThemeProvider, useTheme } from '@marigold/system';
-import { NonZeroPercentage, HtmlProps } from '@marigold/types';
-import { SearchAutocompleteProps } from '@react-types/autocomplete';
-import { ComboBoxProps as ComboBoxProps$1 } from '@react-types/combobox';
-import RAC, { ValidationResult, TagListProps } from 'react-aria-components';
-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 { OverlayProps as OverlayProps$1, AriaPopoverProps, AriaModalOverlayProps } from '@react-aria/overlays';
-import { OverlayTriggerState } from '@react-stately/overlays';
-import { Item, Section } from '@react-stately/collections';
-import { AriaSelectProps } from '@react-types/select';
+import { NonZeroPercentage, HtmlProps, DistributiveOmit } from '@marigold/types';
+import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
+export { Form, FormProps } from 'react-aria-components';
+import { DateValue as DateValue$1 } from '@react-aria/calendar';
 import { AriaTableProps } from '@react-aria/table';
 import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
 
 interface AccordionProps extends Omit<AriaAccordionProps<object>, 'children' | 'expandedKeys' | 'disabledKeys' | 'onExpandedChange'> {
     children: ItemElement<object>[] | ItemElement<object>;
-    selectionMode?: string;
+    selectionMode?: SelectionMode;
 }
 declare const Accordion: {
     ({ children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
@@ -61,17 +52,64 @@ interface AspectProps extends Omit<HtmlProps<'div'>, 'className'>, AspectProp {
 }
 declare const Aspect: ({ ratio, maxWidth, children, }: AspectProps) => react_jsx_runtime.JSX.Element;
 
-interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDisabled' | 'isRequired' | 'isReadonly' | 'validationState' | 'icon' | 'onInputChange' | 'inputValue' | 'defaultInputValue' | 'validate'> {
-    disabled?: boolean;
-    required?: boolean;
-    readOnly?: boolean;
+interface HelpTextProps {
+    variant?: string;
+    size?: string;
+    description?: ReactNode;
     error?: boolean;
-    defaultValue?: SearchAutocompleteProps<object>['defaultInputValue'];
-    value?: SearchAutocompleteProps<object>['inputValue'];
-    /**
-     * Handler that is called when the input value changes.
-     */
-    onChange?: SearchAutocompleteProps<object>['onInputChange'];
+    errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
+}
+
+interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
+    as?: T;
+    label?: ReactNode;
+    variant?: string;
+    size?: string;
+    children?: ReactNode;
+}
+declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react.RefAttributes<any>) => ReactNode;
+
+interface FieldGroupContextProps {
+    labelWidth?: string;
+}
+declare const FieldGroupContext: react.Context<FieldGroupContextProps>;
+declare const useFieldGroupContext: () => FieldGroupContextProps;
+interface FieldGroupProps {
+    labelWidth?: string;
+    children: ReactNode;
+}
+declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_jsx_runtime.JSX.Element;
+
+interface ListBoxItemProps extends Omit<RAC.ListBoxItemProps, 'style' | 'className'> {
+}
+declare const _ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
+
+interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style'> {
+}
+declare const _Section: (props: SectionProps) => react_jsx_runtime.JSX.Element;
+
+interface ListBoxProps extends Omit<RAC.ListBoxProps<object>, 'className' | 'style'> {
+    variant?: string;
+    size?: string;
+}
+interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefAttributes<HTMLUListElement>> {
+    Item: typeof _ListBoxItem;
+    Section: typeof _Section;
+}
+declare const _ListBox: ListBoxComponent;
+
+type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState';
+interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
+    defaultValue?: RAC.ComboBoxProps<object>['defaultInputValue'];
+    value?: RAC.ComboBoxProps<object>['inputValue'];
+    onChange?: RAC.ComboBoxProps<object>['onInputChange'];
+    disabled?: RAC.ComboBoxProps<object>['isDisabled'];
+    required?: RAC.ComboBoxProps<object>['isRequired'];
+    error?: RAC.ComboBoxProps<object>['isInvalid'];
+    readOnly?: RAC.ComboBoxProps<object>['isReadOnly'];
+    variant?: string;
+    size?: string;
+    placeholder?: string;
     /**
      * Handler that is called when the SearchAutocomplete is submitted.
      *
@@ -81,32 +119,30 @@ interface AutocompleteProps extends Omit<SearchAutocompleteProps<object>, 'isDis
      * A `value` will be passed if the submission is a custom value (e.g. a user
      * types then presses enter). If the input is a selected item, `value` will be `null`.
      */
-    onSubmit?: (key: Key | null, value: string | null) => void;
-    variant?: string;
-    size?: string;
-    width?: WidthProp['width'];
+    onSubmit?: (value: string | number | null, key: Key | null) => void;
 }
-declare const Autocomplete: {
-    ({ disabled, required, readOnly, error, onChange, value, defaultValue, variant, size, width, ...rest }: AutocompleteProps): react_jsx_runtime.JSX.Element;
-    Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
-};
+interface AutocompleteComponent extends ForwardRefExoticComponent<AutocompleteProps & RefAttributes<HTMLInputElement>> {
+    Item: typeof _ListBox.Item;
+}
+declare const _Autocomplete: AutocompleteComponent;
 
-interface ComboBoxProps extends Omit<ComboBoxProps$1<object>, 'isDisabled' | 'isRequired' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange'> {
+type RemovedProps$m = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
+interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$m>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
-    error?: boolean;
-    width?: WidthProp['width'];
-    disabled?: boolean;
-    required?: boolean;
-    readOnly?: boolean;
-    defaultValue?: ComboBoxProps$1<object>['defaultInputValue'];
-    value?: ComboBoxProps$1<object>['inputValue'];
-    onChange?: ComboBoxProps$1<object>['onInputChange'];
+    disabled?: RAC.ComboBoxProps<any>['isDisabled'];
+    required?: RAC.ComboBoxProps<any>['isRequired'];
+    readOnly?: RAC.ComboBoxProps<any>['isReadOnly'];
+    error?: RAC.ComboBoxProps<any>['isInvalid'];
+    defaultValue?: RAC.ComboBoxProps<any>['defaultInputValue'];
+    value?: RAC.ComboBoxProps<any>['inputValue'];
+    onChange?: RAC.ComboBoxProps<any>['onInputChange'];
+    children: ReactNode | ((item: any) => ReactNode);
 }
-declare const ComboBox: {
-    ({ error, width, disabled, required, readOnly, defaultValue, value, onChange, variant, size, ...rest }: ComboBoxProps): react_jsx_runtime.JSX.Element;
-    Item: <T>(props: _react_types_shared.ItemProps<T>) => react__default.JSX.Element;
-};
+interface ComboBoxComponent extends ForwardRefExoticComponent<ComboBoxProps & RefAttributes<HTMLInputElement>> {
+    Item: typeof _ListBox.Item;
+}
+declare const _ComboBox: ComboBoxComponent;
 
 interface BadgeProps extends Omit<HtmlProps<'div'>, 'className'> {
     children?: React.ReactNode;
@@ -130,8 +166,8 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
 }
 declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$e = 'isDisabled';
-interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$e> {
+type RemovedProps$l = 'isDisabled';
+interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$l> {
     variant?: string;
     size?: string;
     fullWidth?: boolean;
@@ -166,24 +202,8 @@ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defa
 }
 declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
 
-interface HelpTextProps {
-    variant?: string;
-    size?: string;
-    description?: ReactNode;
-    error?: boolean;
-    errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
-}
-
-interface FieldBaseProps$1<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
-    as?: T;
-    label?: ReactNode;
-    variant?: string;
-    size?: string;
-    children?: ReactNode;
-}
-
-type RemovedProps$d = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
-interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$d>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$k = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
+interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$k>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     children?: ReactNode;
     variant?: string;
     size?: string;
@@ -229,8 +249,8 @@ interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
     isNonModal?: boolean;
 }
 
-type RemovedProps$c = 'className' | 'level';
-interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$c>, TextAlignProp {
+type RemovedProps$j = 'className' | 'level';
+interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$j>, TextAlignProp {
     color?: string;
     variant?: string;
     size?: string;
@@ -257,40 +277,6 @@ interface DividerProps extends RAC.SeparatorProps {
 }
 declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$b = 'className';
-interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$b> {
-    size?: string;
-    variant?: string;
-}
-declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
-
-interface FieldBaseProps extends WidthProp {
-    children?: ReactNode;
-    variant?: string;
-    size?: string;
-    disabled?: boolean;
-    label?: ReactNode;
-    labelProps?: LabelProps;
-    description?: ReactNode;
-    descriptionProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
-    error?: boolean;
-    errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
-    errorMessageProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
-    stateProps?: StateAttrProps;
-}
-declare const FieldBase: ({ children, variant, size, width, disabled, label, labelProps, description, descriptionProps, error, errorMessage, errorMessageProps, stateProps, ...props }: FieldBaseProps) => react_jsx_runtime.JSX.Element;
-
-interface FieldGroupContextProps {
-    labelWidth?: string;
-}
-declare const FieldGroupContext: react.Context<FieldGroupContextProps>;
-declare const useFieldGroupContext: () => FieldGroupContextProps;
-interface FieldGroupProps {
-    labelWidth?: string;
-    children: ReactNode;
-}
-declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_jsx_runtime.JSX.Element;
-
 interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
     children?: ReactNode;
     variant?: string;
@@ -320,65 +306,51 @@ interface InlineProps extends AlignmentProp, GapSpaceProp {
 }
 declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
 
-interface InputOwnProps extends Omit<HtmlProps<'input'>, 'size' | 'className'> {
+type RemovedProps$i = 'className' | 'style' | 'size';
+interface InputProps extends Omit<RAC.InputProps, RemovedProps$i> {
     icon?: ReactElement;
     action?: ReactElement;
     variant?: string;
     size?: string;
+    className?: string;
 }
-interface InputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'className'>, InputOwnProps {
-}
-declare const Input: react.ForwardRefExoticComponent<InputOwnProps & react.RefAttributes<HTMLInputElement>>;
+declare const _Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 
-interface DateFieldProps extends Omit<AriaDateFieldProps<DateValue>, 'isDisabled' | 'isReadOnly' | 'isRequired'> {
-    onChange?: (value: DateValue) => void;
-    value?: DateValue | null;
-    defaultValue?: DateValue | null;
-    ref?: RefObject<unknown> | undefined;
-    triggerRef?: RefObject<HTMLDivElement> | undefined;
-    action?: ReactElement;
-    isPressed?: boolean;
-    error?: boolean;
-    errorMessageProps?: HTMLAttributes<HTMLElement>;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
+type RemovedProps$h = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'label' | 'children' | 'style';
+interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$h>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
+    action?: ReactElement;
+    required?: RAC.DateFieldProps<DateValue>['isRequired'];
+    disabled?: RAC.DateFieldProps<DateValue>['isDisabled'];
+    error?: RAC.DateFieldProps<DateValue>['isInvalid'];
+    readOnly?: RAC.DateFieldProps<DateValue>['isReadOnly'];
     width?: WidthProp['width'];
 }
-declare const DateField: ({ disabled, readOnly, required, error, errorMessage, errorMessageProps, variant, size, action, isPressed, triggerRef, width, ...res }: DateFieldProps) => react_jsx_runtime.JSX.Element;
+declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
 
-interface CalendarProps extends Omit<AriaCalendarProps<DateValue$1>, 'isDisabled' | 'isReadOnly'> {
+type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
+interface CalendarProps extends Omit<RAC.CalendarProps<DateValue$1>, RemovedProps$g> {
     disabled?: boolean;
     readOnly?: boolean;
     variant?: string;
     size?: string;
+    width?: WidthProp['width'];
 }
-declare const Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
-
-interface CalendarCellProps extends AriaCalendarCellProps {
-    state: CalendarState;
-}
-declare const CalendarCell: (props: CalendarCellProps) => react_jsx_runtime.JSX.Element;
-
-interface CalendarGridProps extends AriaCalendarGridProps {
-    state: CalendarState;
-}
-declare const CalendarGrid: ({ state, ...props }: CalendarGridProps) => react_jsx_runtime.JSX.Element;
+declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
-interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'isDisabled' | 'isRequired' | 'isReadOnly' | 'isOpen'> {
-    disabled?: boolean;
-    required?: boolean;
-    readonly?: boolean;
-    open?: boolean;
-    error?: boolean;
-    shouldCloseOnSelect?: boolean;
+type RemovedProps$f = 'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
+interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$f>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+    disabled?: RAC.DatePickerProps<DateValue>['isDisabled'];
+    required?: RAC.DatePickerProps<DateValue>['isRequired'];
+    readOnly?: RAC.DatePickerProps<DateValue>['isReadOnly'];
+    error?: RAC.DatePickerProps<DateValue>['isInvalid'];
+    open?: RAC.DatePickerProps<DateValue>['isOpen'];
     variant?: string;
     size?: string;
     width?: WidthProp['width'];
 }
-declare const DatePicker: ({ disabled, required, readonly, open, error, shouldCloseOnSelect, variant, size, width, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const _DatePicker: ({ disabled, required, readOnly, error, variant, size, open, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
 
 type InsetProps = {
     children: ReactNode;
@@ -393,8 +365,15 @@ type InsetProps = {
 };
 declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$a = 'className' | 'isDisabled';
-interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$a> {
+type RemovedProps$e = 'className';
+interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$e> {
+    size?: string;
+    variant?: string;
+}
+declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+type RemovedProps$d = 'className' | 'isDisabled';
+interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
     variant?: string;
     size?: string;
     disabled?: RAC.LinkProps['isDisabled'];
@@ -416,29 +395,38 @@ declare const List: {
     Item: ({ children, ...props }: ListItemProps) => react_jsx_runtime.JSX.Element;
 };
 
-interface MenuTriggerProps {
-    children: [trigger: ReactNode, menu: ReactNode];
-    disabled?: boolean;
-    open?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
+type RemovedProps$c = 'className' | 'style' | 'children';
+interface MenuSectionProps extends Omit<RAC.SectionProps<object>, RemovedProps$c> {
+    title?: string;
+    children: ReactNode;
 }
 
-interface MenuProps extends Omit<HtmlProps<'ul'>, 'onSelect' | 'size' | 'className'> {
-    children: CollectionElement<object> | CollectionElement<object>[];
+type RemovedProps$b = 'style' | 'className';
+interface MenuItemProps extends Omit<RAC.MenuItemProps, RemovedProps$b> {
+    onAction?: (key: Key$1) => void;
+}
+
+type RemovedProps$a = 'isOpen' | 'className' | 'style' | 'children';
+interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$a>, Omit<RAC.MenuProps<object>, RemovedProps$a> {
+    open?: RAC.MenuTriggerProps['isOpen'];
+    label?: ReactNode;
     variant?: string;
     size?: string;
-    onAction?: (key: Key) => void;
+    onAction?: (key: Key$1) => void;
+    children?: ReactNode;
+    disabled?: boolean;
 }
-declare const Menu: {
-    ({ variant, size, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
-    Trigger: ({ disabled, open, onOpenChange, children, }: MenuTriggerProps) => react_jsx_runtime.JSX.Element;
-    Item: <T>(props: _react_types_shared.ItemProps<T>) => react.JSX.Element;
-    Section: <T_1>(props: _react_types_shared.SectionProps<T_1>) => react.JSX.Element;
+declare const _Menu: {
+    ({ children, label, variant, size, disabled, open, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
+    Item: ({ children, ...props }: MenuItemProps) => react_jsx_runtime.JSX.Element;
+    Section: ({ children, title, ...props }: MenuSectionProps) => react_jsx_runtime.JSX.Element;
 };
 
-interface ActionMenuProps extends MenuProps {
+interface ActionMenuProps extends RAC.MenuProps<object> {
+    variant?: string;
+    size?: string;
 }
-declare const ActionMenu: (props: ActionMenuProps) => react_jsx_runtime.JSX.Element;
+declare const ActionMenu: ({ variant, size, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
 
 declare const icons: {
     success: () => react_jsx_runtime.JSX.Element;
@@ -454,7 +442,7 @@ interface MessageProps extends Omit<HtmlProps<'div'>, 'className'> {
 declare const Message: ({ messageTitle, variant, size, children, ...props }: MessageProps) => react_jsx_runtime.JSX.Element;
 
 type RemovedProps$9 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
-interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$9>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
+interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$9>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
     width?: WidthProp['width'];
@@ -474,28 +462,11 @@ interface ModalProps extends RAC.ModalOverlayProps {
 }
 declare const _Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react.RefAttributes<HTMLDivElement>>;
 
-interface OverlayProps {
-    open: boolean;
-    children: OverlayProps$1['children'];
-    container?: OverlayProps$1['portalContainer'];
-}
-declare const Overlay: ({ children, container, open }: OverlayProps) => react_jsx_runtime.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>>;
-
-interface TrayProps extends AriaModalOverlayProps, StyleProps, OverlayProps$1 {
-    children: ReactNode;
-    state: OverlayTriggerState;
-}
-interface TrayWrapperProps extends TrayProps {
+interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className'> {
+    keyboardDismissDisabled?: boolean;
+    open?: boolean;
 }
-declare const Tray: react.ForwardRefExoticComponent<TrayProps & react.RefAttributes<HTMLDivElement>>;
-declare const TrayWrapper: react.ForwardRefExoticComponent<TrayWrapperProps & react.RefAttributes<HTMLDivElement>>;
+declare const _Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
 
 interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className'> {
     variant?: string;
@@ -546,7 +517,7 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
 }
 
 type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
-interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
+interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     icon?: ReactElement;
     action?: ReactElement;
     variant?: string;
@@ -562,25 +533,27 @@ interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, P
 }
 declare const _SearchField: react.ForwardRefExoticComponent<SearchFieldProps & react.RefAttributes<HTMLInputElement>>;
 
-interface SelectProps extends Omit<AriaSelectProps<object>, 'autoComplete' | 'isOpen' | 'isLoading' | 'onLoadMore' | 'isDisabled' | 'isRequired' | 'validationState' | 'onSelectionChange'>, Omit<HtmlProps<'select'>, 'onKeyUp' | 'onKeyDown' | 'onFocus' | 'onBlur' | 'children' | 'size' | 'onChange' | 'className'> {
+type RemoveProps = 'children' | 'isInvalid' | 'isDisabled' | 'isOpen' | 'isRequired' | 'style' | 'className' | 'onSelectionChange';
+interface SelectProps<T extends object> extends Omit<RAC.SelectProps<T>, RemoveProps> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    items?: Iterable<T>;
+    children: React.ReactNode | ((item: T) => React.ReactNode);
     variant?: string;
     size?: string;
     width?: WidthProp['width'];
-    open?: boolean;
-    disabled?: boolean;
     required?: boolean;
+    disabled?: boolean;
+    open?: boolean;
     error?: boolean;
-    onChange?: AriaSelectProps<object>['onSelectionChange'];
+    onChange?: RAC.SelectProps<object>['onSelectionChange'];
 }
-declare const Select: SelectComponent;
-/**
- * We need this so that TypeScripts allows us to add
- * additional properties to the component (function).
- */
-interface SelectComponent extends ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLButtonElement>> {
-    Option: typeof Item;
-    Section: typeof Section;
+interface SelectComponent extends ForwardRefExoticComponent<SelectProps<object> & RefAttributes<HTMLDivElement>> {
+    Option: typeof _ListBox.Item;
+    Section: typeof _ListBox.Section;
 }
+declare const _Select: SelectComponent;
 
 interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
     thumbLabels?: string[];
@@ -624,7 +597,7 @@ interface RowProps extends RowProps$1<any> {
     variant?: string;
     size?: string;
 }
-interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
+interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp, Pick<JSX.IntrinsicElements['td'], 'align'> {
 }
 declare const Table: Table;
 /**
@@ -649,7 +622,7 @@ interface TextProps extends Omit<HtmlProps<'p'>, 'className'>, TextAlignProp, Fo
 declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
 
 type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
-interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
+interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
     width?: WidthProp['width'];
@@ -663,7 +636,7 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<R
 declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
 type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
-interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
+interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
     width?: WidthProp['width'];
@@ -671,6 +644,8 @@ interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<
     required?: RAC.TextFieldProps['isRequired'];
     error?: RAC.TextFieldProps['isInvalid'];
     readOnly?: RAC.TextFieldProps['isReadOnly'];
+    min?: HTMLInputElement['min'];
+    max?: HTMLInputElement['max'];
     value?: string;
     defaultValue?: string;
     placeholder?: string;
@@ -704,7 +679,7 @@ declare const _Tooltip: {
 };
 
 type RemovedProps = 'className' | 'style' | 'children' | 'isRequired';
-interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description'> {
+interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps<'label'>, 'label' | 'description'> {
     variant?: string;
     size?: string;
     width?: WidthProp['width'];
@@ -747,4 +722,4 @@ declare const _Tabs: {
     Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
 };
 
-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, CloseButton, Columns, ColumnsProps, ComboBox, ComboBoxProps, Container, ContainerProps, CustomCheckboxProps, DateField, DateFieldProps, DatePicker, DatePickerProps, _Dialog as Dialog, DialogProps, _Divider as Divider, DividerProps, FieldBase, FieldBaseProps, FieldGroup, FieldGroupContext, FieldGroupContextProps, FieldGroupProps, Footer, FooterProps, _Header as Header, HeaderProps, _Headline as Headline, HeadlineProps, Image, ImageProps, Inline, InlineProps, Input, InputOwnProps, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, _Modal as Modal, ModalProps, _NumberField as NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, _SearchField as SearchField, SearchFieldProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, _Tabs as Tabs, TabsProps, _Tag as Tag, TagProps, Text, _TextArea as TextArea, TextAreaProps, _TextField as TextField, TextFieldProps, TextProps, Tiles, TilesProps, _Tooltip as Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, useFieldGroupContext };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, type CustomCheckboxProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, Message, type MessageProps, _Modal as Modal, type ModalProps, _NumberField as NumberField, type NumberFieldProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RowProps, _SearchField as SearchField, type SearchFieldProps, _Select as Select, type SelectComponent, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, _Calendar, useFieldGroupContext };