@marigold/components 15.4.3 → 16.0.0

package/dist/index.d.ts

@@ -3,10 +3,11 @@ import RAC, { BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps
 import { useAsyncList, useListData } from "@react-stately/data";
 import { AspectProp, CursorProp, DateFormat, FontSizeProp, FontStyleProp, FontWeightProp, GapSpaceProp, HeightProp, MaxWidthProp, NumericFormat, PaddingBottomProp, PaddingLeftProp, PaddingRightProp, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingTopProp, PlaceItemsProp, TextAlignProp, TextWrapProp, Theme, ThemeProvider, ThemeProviderProps, WhiteSpaceProps, WidthProp, alignment, useTheme } from "@marigold/system";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react6 from "react";
+import * as react5 from "react";
 import React$1, { CSSProperties, ComponentPropsWithRef, Dispatch, ElementType, FormEvent, ForwardRefExoticComponent, JSX, Key as Key$1, PropsWithChildren, ReactElement, ReactNode, RefAttributes, SVGProps, SetStateAction } from "react";
 import { AriaLabelingProps as AriaLabelingProps$1, AriaRegionProps, DistributiveOmit, NonZeroPercentage } from "@marigold/types";
 import { AriaLandmarkRole } from "@react-aria/landmark";
+import { FieldBaseProps as FieldBaseProps$1, LoaderVisualType as LoaderVisualType$1 } from "@marigold/components";
 import { Props } from "react-select";
 import { OverlayTriggerProps, OverlayTriggerState } from "react-stately";
 import { I18nProvider } from "@react-aria/i18n";
@@ -25,8 +26,8 @@ interface AccordionPanelProps {
 }
 //#endregion
 //#region src/Accordion/AccordionItem.d.ts
-type RemovedProps$36 = 'isDisabled' | 'isExpanded';
-interface DisclosureProps extends Omit<RAC.DisclosureProps, RemovedProps$36> {
+type RemovedProps$38 = 'isDisabled' | 'isExpanded';
+interface DisclosureProps extends Omit<RAC.DisclosureProps, RemovedProps$38> {
   /** Whether the item is disabled. */
   disabled?: RAC.DisclosureProps['isDisabled'];
   /** Whether the item is expanded (controlled). */
@@ -40,13 +41,15 @@ declare const AccordionItem: ({
 }: DisclosureProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Accordion/Accordion.d.ts
-type RemovedProps$35 = 'isDisabled';
-interface AccordionProps extends Omit<RAC.DisclosureGroupProps, RemovedProps$35> {
-  /** Whether all items are disabled. */
-  disabled?: RAC.DisclosureGroupProps['isDisabled'];
+type RemovedProps$37 = 'isDisabled';
+interface AccordionProps extends Omit<RAC.DisclosureGroupProps, RemovedProps$37> {
   variant?: 'default' | 'card' | (string & {});
   size?: string;
+  /** Whether all items are disabled. */
+  disabled?: RAC.DisclosureGroupProps['isDisabled'];
+  /** Whether the header should stick to the top when scrolling. */
   stickyHeader?: boolean;
+  /** Position of the icon in the header. */
   iconPosition?: 'right' | 'left';
 }
 declare const Accordion: {
@@ -142,8 +145,8 @@ declare const HelpText: ({
 }: HelpTextProps) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/FieldBase/FieldBase.d.ts
-interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
-  as?: T;
+interface FieldBaseProps<T$1 extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
+  as?: T$1;
   /**
    * Specifies the label of the field.
    */
@@ -157,7 +160,7 @@ interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpText
   isInvalid?: boolean;
   isRequired?: boolean;
 }
-declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react6.RefAttributes<any>) => React.ReactNode;
+declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react5.RefAttributes<any>) => React.ReactNode;
 //#endregion
 //#region src/ListBox/ListBoxItem.d.ts
 type ListBoxItemProps = Omit<RAC.ListBoxItemProps, 'style' | 'className' | 'children'> & {
@@ -199,8 +202,8 @@ interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefA
 declare const _ListBox: ListBoxComponent;
 //#endregion
 //#region src/Autocomplete/Autocomplete.d.ts
-type RemovedProps$34 = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
-interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$34>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$36 = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
+interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$36>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
   /**
    * The value of the input (uncontrolled).
    */
@@ -293,8 +296,8 @@ declare const Badge: ({
 }: BadgeProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Breadcrumbs/BreadcrumbsItem.d.ts
-type RemovedProps$33 = 'className' | 'style';
-interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$33> {
+type RemovedProps$35 = 'className' | 'style';
+interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$35> {
   variant?: 'default' | (string & {});
   size?: 'small' | 'default' | 'large' | (string & {});
   /**
@@ -309,8 +312,8 @@ interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$33
 declare const BreadcrumbsItem: (_: BreadcrumbsItemProps) => null;
 //#endregion
 //#region src/Breadcrumbs/Breadcrumbs.d.ts
-type RemovedProps$32 = 'className' | 'style' | 'children' | 'isDisabled';
-interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1<object>, RemovedProps$32> {
+type RemovedProps$34 = 'className' | 'style' | 'children' | 'isDisabled';
+interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1<object>, RemovedProps$34> {
   variant?: 'default' | (string & {});
   size?: 'small' | 'default' | 'large' | (string & {});
   /**
@@ -341,9 +344,9 @@ declare const Breakout: ({
 }: BreakoutProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Button/Button.d.ts
-type RemovedProps$31 = 'isDisabled' | 'isPending' | 'className' | 'style';
-interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$31> {
-  variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link' | (string & {});
+type RemovedProps$33 = 'isDisabled' | 'isPending' | 'className' | 'style';
+interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$33> {
+  variant?: 'primary' | 'secondary' | 'destructive' | 'destructive-ghost' | 'ghost' | 'link' | (string & {});
   size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
   /**
    * If true, the element stretches to fill the available width.
@@ -365,11 +368,11 @@ interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$31> {
    */
   loading?: RAC.ButtonProps['isPending'];
 }
-declare const _Button: react6.ForwardRefExoticComponent<ButtonProps & react6.RefAttributes<HTMLButtonElement>>;
+declare const _Button: react5.ForwardRefExoticComponent<ButtonProps & react5.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/Calendar/Calendar.d.ts
-type RemovedProps$30 = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
-interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$30> {
+type RemovedProps$32 = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
+interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$32> {
   /**
    * Disables the Calendar.
    * @default false
@@ -458,8 +461,8 @@ declare const Center: ({
 }: CenterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Checkbox/CheckboxGroup.d.ts
-type RemovedProps$29 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
-interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$29>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$31 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
+interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$31>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
   /**
    * The children of the component
    */
@@ -526,8 +529,8 @@ declare const _CheckboxGroup: ({
 }: CheckboxGroupProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Checkbox/Checkbox.d.ts
-type RemovedProps$28 = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
-interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$28> {
+type RemovedProps$30 = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
+interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$30> {
   variant?: string;
   size?: string;
   /**
@@ -587,7 +590,7 @@ interface CloseButtonProps extends Pick<ButtonProps, 'onPress' | 'size' | 'varia
   className?: string;
   style?: CSSProperties;
 }
-declare const CloseButton: react6.ForwardRefExoticComponent<CloseButtonProps & react6.RefAttributes<HTMLButtonElement>>;
+declare const CloseButton: react5.ForwardRefExoticComponent<CloseButtonProps & react5.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/Collapsible/CollapsibleTrigger.d.ts
 interface CollapsibleProps$1 extends Omit<ButtonProps$1, 'className' | 'style'>, Pick<HeadingProps, 'level'> {
@@ -664,8 +667,8 @@ declare const Columns: ({
 }: ColumnsProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/ComboBox/ComboBox.d.ts
-type RemovedProps$27 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
-interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$27>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$29 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
+interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$29>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
   variant?: string;
   size?: string;
   /**
@@ -843,12 +846,14 @@ interface ContextualHelpProps {
   open?: boolean;
   /** Handler that is called when the open state changes. */
   onOpenChange?: (isOpen: boolean) => void;
+  /** Accessible label for the button. */
+  ariaLabel?: string;
 }
 declare const _ContextualHelp: ContextualHelpComponent;
 //#endregion
 //#region src/DateField/DateField.d.ts
-type RemovedProps$26 = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'label' | 'children' | 'style';
-interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$26>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$28 = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'label' | 'children' | 'style';
+interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$28>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
   variant?: string;
   size?: string;
   /**
@@ -881,11 +886,11 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
    */
   width?: WidthProp['width'];
 }
-declare const _DateField: react6.ForwardRefExoticComponent<DateFieldProps & react6.RefAttributes<HTMLInputElement>>;
+declare const _DateField: react5.ForwardRefExoticComponent<DateFieldProps & react5.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/DatePicker/DatePicker.d.ts
-type RemovedProps$25 = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
-interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$25>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+type RemovedProps$27 = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
+interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$27>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
   /**
    * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
    */
@@ -940,7 +945,7 @@ interface ModalProps extends RAC.ModalOverlayProps {
   keyboardDismissable?: boolean;
   size?: string;
 }
-declare const _Modal: react6.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react6.RefAttributes<HTMLDivElement>>;
+declare const _Modal: react5.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react5.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/Dialog/DialogActions.d.ts
 interface DialogActions {
@@ -992,8 +997,8 @@ interface DialogContextProps extends RAC.ModalOverlayProps {
 }
 //#endregion
 //#region src/Dialog/DialogTrigger.d.ts
-type RemovedProps$24 = 'children' | 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled';
-interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'>, Omit<DialogContextProps, RemovedProps$24> {
+type RemovedProps$26 = 'children' | 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled';
+interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'>, Omit<DialogContextProps, RemovedProps$26> {
   /** Whether the overlay is open by default (controlled). */
   open?: boolean;
 }
@@ -1079,15 +1084,15 @@ interface ConfirmationConfig extends Pick<ConfirmationDialogProps, 'variant' | '
   content?: React.ReactNode;
 }
 type ConfirmationFn = (props: ConfirmationConfig) => Promise<ConfirmationResult>;
-declare const ConfirmationContext: react6.Context<ConfirmationFn | null>;
+declare const ConfirmationContext: react5.Context<ConfirmationFn | null>;
 declare const ConfirmationProvider: ({
   children
 }: PropsWithChildren) => react_jsx_runtime0.JSX.Element;
 declare const useConfirmation: () => ConfirmationFn;
 //#endregion
 //#region src/Divider/Divider.d.ts
-type RemovedProps$23 = 'className' | 'style';
-interface DividerProps extends Omit<RAC.SeparatorProps, RemovedProps$23> {
+type RemovedProps$25 = 'className' | 'style';
+interface DividerProps extends Omit<RAC.SeparatorProps, RemovedProps$25> {
   variant?: 'default' | 'bold' | (string & {});
 }
 declare const _Divider: ({
@@ -1207,6 +1212,68 @@ declare const Drawer: {
   }: DrawerActions) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
+//#region src/FileField/FileTrigger.d.ts
+type RemovedProps$24 = 'className' | 'style';
+interface FileTriggerProps extends Omit<RAC.FileTriggerProps, RemovedProps$24> {
+  allowsMultiple?: RAC.FileTriggerProps['allowsMultiple'];
+  acceptedFileType?: RAC.FileTriggerProps['acceptedFileTypes'];
+  acceptDirectory?: RAC.FileTriggerProps['acceptDirectory'];
+  onSelect?: RAC.FileTriggerProps['onSelect'];
+  /**
+   * Label for the upload button
+   */
+  label: string;
+  disabled?: boolean;
+}
+//#endregion
+//#region src/FileField/FileFieldItem.d.ts
+interface FileFieldItemProps {
+  children?: ReactNode;
+  /**
+   * Called when the close button is pressed to remove this item.
+   */
+  onRemove?: () => void;
+}
+//#endregion
+//#region src/FileField/FileField.d.ts
+type RemovedProps$23 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired';
+interface FileFieldProps extends Omit<RAC.DropZoneProps, RemovedProps$23>, Pick<FieldBaseProps$1<'input'>, 'label'> {
+  variant?: string;
+  size?: string;
+  /**
+   * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
+   * @default full
+   */
+  width?: WidthProp['width'];
+  /**
+   * Disables the trigger.
+   * @default false
+   */
+  disabled?: RAC.DropZoneProps['isDisabled'];
+  /**
+   * Accepted file types for selection.
+   */
+  accept?: RAC.FileTriggerProps['acceptedFileTypes'];
+  /**
+   * Whether multiple files can be selected.
+   */
+  multiple?: RAC.FileTriggerProps['allowsMultiple'];
+}
+declare const FileField: {
+  ({
+    disabled,
+    accept,
+    multiple,
+    width,
+    label,
+    ...props
+  }: FileFieldProps): react_jsx_runtime0.JSX.Element;
+  Item: ({
+    children,
+    onRemove
+  }: FileFieldItemProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
 //#region src/Form/Form.d.ts
 interface FormProps extends Omit<RAC.FormProps, 'className' | 'style'>, MaxWidthProp {
   /**
@@ -1367,7 +1434,7 @@ interface InputProps extends Omit<RAC.InputProps, RemovedProps$22> {
   size?: string;
   className?: string;
 }
-declare const _Input: react6.ForwardRefExoticComponent<InputProps & react6.RefAttributes<HTMLInputElement>>;
+declare const _Input: react5.ForwardRefExoticComponent<InputProps & react5.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/Input/SearchInput.d.ts
 interface SearchInputProps extends Omit<InputProps, 'icon' | 'className'> {
@@ -1378,7 +1445,7 @@ interface SearchInputProps extends Omit<InputProps, 'icon' | 'className'> {
   };
   onClear?: () => void;
 }
-declare const SearchInput: react6.ForwardRefExoticComponent<SearchInputProps & react6.RefAttributes<HTMLInputElement>>;
+declare const SearchInput: react5.ForwardRefExoticComponent<SearchInputProps & react5.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/Inset/Inset.d.ts
 type InsetProps = (AriaRegionProps & {
@@ -1435,7 +1502,7 @@ interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$20> {
    */
   disabled?: RAC.LinkProps['isDisabled'];
 }
-declare const _Link: react6.ForwardRefExoticComponent<LinkProps & react6.RefAttributes<HTMLAnchorElement>>;
+declare const _Link: react5.ForwardRefExoticComponent<LinkProps & react5.RefAttributes<HTMLAnchorElement>>;
 //#endregion
 //#region src/LinkButton/LinkButton.d.ts
 type RemovedProps$19 = 'isDisabled' | 'isPending' | 'className' | 'style';
@@ -1457,7 +1524,7 @@ interface LinkButtonProps extends Omit<RAC.LinkProps, RemovedProps$19> {
    */
   disabled?: RAC.LinkProps['isDisabled'];
 }
-declare const _LinkButton: react6.ForwardRefExoticComponent<LinkButtonProps & react6.RefAttributes<HTMLAnchorElement>>;
+declare const _LinkButton: react5.ForwardRefExoticComponent<LinkButtonProps & react5.RefAttributes<HTMLAnchorElement>>;
 //#endregion
 //#region src/List/ListItem.d.ts
 interface ListItemProps {
@@ -1515,7 +1582,7 @@ interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDism
   open?: boolean;
   children: ReactNode;
 }
-declare const _Popover: react6.ForwardRefExoticComponent<PopoverProps & react6.RefAttributes<HTMLDivElement>>;
+declare const _Popover: react5.ForwardRefExoticComponent<PopoverProps & react5.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/Menu/Menu.d.ts
 type RemovedProps$16 = 'isOpen' | 'className' | 'style' | 'children';
@@ -1762,22 +1829,22 @@ interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$15>,
    */
   placeholder?: string;
 }
-declare const _NumberField: react6.ForwardRefExoticComponent<NumberFieldProps & react6.RefAttributes<HTMLInputElement>>;
+declare const _NumberField: react5.ForwardRefExoticComponent<NumberFieldProps & react5.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/utils/useRenderProps.d.ts
-interface StyleRenderProps<T> {
+interface StyleRenderProps<T$1> {
   /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
-  className?: string | ((values: T & {
+  className?: string | ((values: T$1 & {
     defaultClassName: string | undefined;
   }) => string);
   /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
-  style?: CSSProperties | ((values: T & {
+  style?: CSSProperties | ((values: T$1 & {
     defaultStyle: CSSProperties;
   }) => CSSProperties | undefined);
 }
-interface RenderProps<T> extends StyleRenderProps<T> {
+interface RenderProps<T$1> extends StyleRenderProps<T$1> {
   /** The children of the component. A function may be provided to alter the children based on component state. */
-  children?: ReactNode | ((values: T & {
+  children?: ReactNode | ((values: T$1 & {
     defaultChildren: ReactNode | undefined;
   }) => ReactNode);
 }
@@ -1844,7 +1911,7 @@ interface NonModalProps extends Omit<OverlayTriggerProps, 'isOpen'>, AriaLabelin
    */
   ref?: RefObject<HTMLElement | null>;
 }
-declare const NonModal: react6.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react6.RefAttributes<HTMLElement>>;
+declare const NonModal: react5.ForwardRefExoticComponent<Omit<NonModalProps, "ref"> & react5.RefAttributes<HTMLElement>>;
 //#endregion
 //#region src/Overlay/Underlay.d.ts
 interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className'> {
@@ -1898,26 +1965,31 @@ declare const _Pagination: ({
   ...props
 }: PaginationProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/ProgressCycle/ProgressCycle.d.ts
-interface ProgressCycleProps extends RAC.ProgressBarProps {
+//#region src/ProgressCircle/ProgressCircle.d.ts
+interface ProgressCircleProps extends RAC.ProgressBarProps {
   /**
    * Defines the height and width of the component
    * @default 16
    */
-  size?: string;
+  size?: string | 'default' | 'large' | 'fit';
+  variant?: 'default' | 'inverted';
 }
-declare const ProgressCycle: ({
+declare const ProgressCircleSvg: ({
+  size,
+  variant
+}: ProgressCircleProps) => react_jsx_runtime0.JSX.Element;
+declare const ProgressCircle: ({
   size,
   ...props
-}: ProgressCycleProps) => react_jsx_runtime0.JSX.Element;
+}: ProgressCircleProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Provider/MarigoldProvider.d.ts
-type MarigoldProviderProps<T extends Theme> = ThemeProviderProps<T>;
-declare function MarigoldProvider<T extends Theme>({
+type MarigoldProviderProps<T$1 extends Theme> = ThemeProviderProps<T$1>;
+declare function MarigoldProvider<T$1 extends Theme>({
   children,
   className,
   theme
-}: MarigoldProviderProps<T>): react_jsx_runtime0.JSX.Element;
+}: MarigoldProviderProps<T$1>): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/Provider/OverlayContainerProvider.d.ts
 interface OverlayContainerProps extends PropsWithChildren {
@@ -2112,7 +2184,7 @@ interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$12>,
    */
   placeholder?: string;
 }
-declare const _SearchField: react6.ForwardRefExoticComponent<SearchFieldProps & react6.RefAttributes<HTMLInputElement>>;
+declare const _SearchField: react5.ForwardRefExoticComponent<SearchFieldProps & react5.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/SectionMessage/SectionMessageTitle.d.ts
 interface SectionMessageTitleProps {
@@ -2194,13 +2266,13 @@ declare const SectionMessage: {
 //#region src/Select/Select.d.ts
 type SelectionMode = 'single' | 'multiple';
 type RemovedProps$11 = 'children' | 'isInvalid' | 'isDisabled' | 'isOpen' | 'isRequired' | 'style' | 'className';
-interface SelectProps<T extends object, M extends SelectionMode = 'single'> extends Omit<RAC.SelectProps<T, M>, RemovedProps$11>, WidthProp {
+interface SelectProps<T$1 extends object, M$1 extends SelectionMode = 'single'> extends Omit<RAC.SelectProps<T$1, M$1>, RemovedProps$11>, WidthProp {
   variant?: string;
   size?: string;
   /**
    * Children of the select.
    */
-  children?: React.ReactNode | ((item: T) => React.ReactNode);
+  children?: React.ReactNode | ((item: T$1) => React.ReactNode);
   /**
    * Set a label for the select.
    */
@@ -2216,7 +2288,7 @@ interface SelectProps<T extends object, M extends SelectionMode = 'single'> exte
   /**
    * Items of the select.
    */
-  items?: Iterable<T>;
+  items?: Iterable<T$1>;
   /**
    * If the select should be required.
    *
@@ -2242,7 +2314,7 @@ interface SelectProps<T extends object, M extends SelectionMode = 'single'> exte
    */
   error?: boolean;
 }
-declare const Select: (<T extends object, M extends SelectionMode = "single">(props: SelectProps<T, M> & react6.RefAttributes<HTMLButtonElement>) => react6.ReactElement | null) & {
+declare const Select: (<T extends object, M extends SelectionMode = "single">(props: SelectProps<T, M> & react5.RefAttributes<HTMLButtonElement>) => react5.ReactElement | null) & {
   Option: ({
     ...props
   }: ListBoxItemProps) => react_jsx_runtime0.JSX.Element;
@@ -2271,7 +2343,7 @@ interface SelectListItemProps extends Omit<RAC.GridListItemProps<object>, Remove
    */
   disabled?: RAC.GridListItemProps<object>['isDisabled'];
 }
-declare const _SelectListItem: react6.ForwardRefExoticComponent<SelectListItemProps & react6.RefAttributes<HTMLDivElement>>;
+declare const _SelectListItem: react5.ForwardRefExoticComponent<SelectListItemProps & react5.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/SelectList/SelectList.d.ts
 type RemoveProps = 'style' | 'className' | 'onSelectionChange';
@@ -2291,7 +2363,7 @@ interface SelectListComponent extends ForwardRefExoticComponent<SelectListProps
 declare const _SelectList: SelectListComponent;
 //#endregion
 //#region src/Slider/Slider.d.ts
-interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabled' | 'orientation'>, Pick<FieldBaseProps<'label'>, 'description'> {
+interface SliderProps<T$1> extends Omit<RAC.SliderProps<T$1>, 'children' | 'isDisabled' | 'orientation'>, Pick<FieldBaseProps<'label'>, 'description'> {
   variant?: string;
   size?: string;
   /**
@@ -2319,7 +2391,7 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabl
    */
   label?: ReactNode;
 }
-declare const _Slider: react6.ForwardRefExoticComponent<SliderProps<number | number[]> & react6.RefAttributes<HTMLDivElement>>;
+declare const _Slider: react5.ForwardRefExoticComponent<SliderProps<number | number[]> & react5.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/Split/Split.d.ts
 declare const Split: () => react_jsx_runtime0.JSX.Element;
@@ -2390,7 +2462,7 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$9> {
    */
   selected?: RAC.SwitchProps['isSelected'];
 }
-declare const _Switch: react6.ForwardRefExoticComponent<SwitchProps & react6.RefAttributes<HTMLLabelElement>>;
+declare const _Switch: react5.ForwardRefExoticComponent<SwitchProps & react5.RefAttributes<HTMLLabelElement>>;
 //#endregion
 //#region src/Table/Table.d.ts
 interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes' | 'showDragButtons' | 'allowDuplicateSelectionEvents'> {
@@ -2634,7 +2706,7 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$5>, Pick<R
    */
   rows?: number;
 }
-declare const _TextArea: react6.ForwardRefExoticComponent<TextAreaProps & react6.RefAttributes<HTMLTextAreaElement>>;
+declare const _TextArea: react5.ForwardRefExoticComponent<TextAreaProps & react5.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/TextField/TextField.d.ts
 type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
@@ -2692,7 +2764,7 @@ interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<
    */
   placeholder?: string;
 }
-declare const _TextField: react6.ForwardRefExoticComponent<TextFieldProps & react6.RefAttributes<HTMLInputElement>>;
+declare const _TextField: react5.ForwardRefExoticComponent<TextFieldProps & react5.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/Tiles/Tiles.d.ts
 interface TilesProps extends GapSpaceProp, AriaRegionProps {
@@ -2771,7 +2843,7 @@ interface TimeFieldProps extends Omit<RAC.TimeFieldProps<TimeValue$1>, RemovedPr
    */
   shouldForceLeadingZeros?: boolean;
 }
-declare const _TimeField: react6.ForwardRefExoticComponent<TimeFieldProps & react6.RefAttributes<HTMLInputElement>>;
+declare const _TimeField: react5.ForwardRefExoticComponent<TimeFieldProps & react5.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/Toast/Toast.d.ts
 type ToastContentProps = {
@@ -2861,29 +2933,36 @@ declare const _Tooltip: {
   }: TooltipTriggerProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-//#region src/XLoader/BaseLoader.d.ts
-interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
+//#region src/Loader/BaseLoader.d.ts
+interface BaseLoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
   /**
    * Children of the component that will make up the label.
    */
   children?: ReactNode;
   variant?: 'default' | 'inverted';
   size?: 'default' | 'large' | 'fit';
+  loaderType?: LoaderVisualType$1;
 }
 //#endregion
-//#region src/XLoader/XLoader.d.ts
-interface XLoaderProps extends LoaderProps {
+//#region src/Loader/Loader.d.ts
+type LoaderVisualType = 'xloader' | 'circle';
+interface LoaderProps extends BaseLoaderProps {
   /**
    * Show the loader in `fullscreen` to overlay and block interaction with the site or `section` to show loading for a certain area.
    * @default undefined
    */
   mode?: 'fullscreen' | 'section';
+  /**
+   * Selects the visual style of the loading indicator shown when loading is true. Accepts `xloader` or `cycle`.
+   * @default cycle
+   */
+  loaderType?: LoaderVisualType;
 }
-declare const XLoader: ({
+declare const Loader: ({
   mode,
   variant,
   ...props
-}: XLoaderProps) => react_jsx_runtime0.JSX.Element;
+}: LoaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/utils/form.utils.d.ts
 /**
@@ -2894,4 +2973,4 @@ declare const XLoader: ({
  */
 declare const parseFormData: <T extends Record<string, FormDataEntryValue | FormDataEntryValue[]> = Record<string, FormDataEntryValue | FormDataEntryValue[]>>(e: FormEvent<HTMLFormElement>) => T;
 //#endregion
-export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsProps, 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, Collapsible, type CollapsibleProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, type ConfirmationConfig, ConfirmationContext, ConfirmationDialog, type ConfirmationDialogProps, type ConfirmationFn, ConfirmationProvider, type ConfirmationResult, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, DateFormat, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, type DrawerProps, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, HelpText, type HelpTextProps, I18nProvider, IconButton, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, _LinkButton as LinkButton, type LinkButtonProps, type LinkProps, List, _ListBox as ListBox, _ListBoxItem as ListBoxItem, type ListBoxItemProps, type ListBoxProps, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, _NumberField as NumberField, type NumberFieldProps, NumericFormat, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, ProgressCycle, type ProgressCycleProps, _Radio as Radio, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, RouterProvider, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SearchInput, type SearchInputProps, SectionMessage, type SectionMessageProps, Select, _SelectList as SelectList, _SelectListItem as SelectListItem, type SelectListItemProps, type SelectListProps, type SelectProps, type Selection, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, _TagGroup as TagGroup, type TagGroupProps, type TagProps, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, ThemeProvider, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, type TimeValue, Toast, type ToastContentProps, type ToastProps, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, VisuallyHidden, XLoader, type XLoaderProps, parseFormData, useAsyncList, useConfirmation, useListData, useTheme, useToast };
+export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsProps, 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, Collapsible, type CollapsibleProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, type ConfirmationConfig, ConfirmationContext, ConfirmationDialog, type ConfirmationDialogProps, type ConfirmationFn, ConfirmationProvider, type ConfirmationResult, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, DateFormat, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, type DrawerProps, FieldBase, type FieldBaseProps, FileField, type FileFieldProps, type FileTriggerProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, HelpText, type HelpTextProps, I18nProvider, IconButton, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, _LinkButton as LinkButton, type LinkButtonProps, type LinkProps, List, _ListBox as ListBox, _ListBoxItem as ListBoxItem, type ListBoxItemProps, type ListBoxProps, type ListProps, Loader, type LoaderProps, type LoaderVisualType, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, _NumberField as NumberField, type NumberFieldProps, NumericFormat, type OverlayContainerProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, ProgressCircle, type ProgressCircleProps, ProgressCircleSvg, _Radio as Radio, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, RouterProvider, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SearchInput, type SearchInputProps, SectionMessage, type SectionMessageProps, Select, _SelectList as SelectList, _SelectListItem as SelectListItem, type SelectListItemProps, type SelectListProps, type SelectProps, type Selection, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, _TagGroup as TagGroup, type TagGroupProps, type TagProps, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, ThemeProvider, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, type TimeValue, Toast, type ToastContentProps, type ToastProps, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, VisuallyHidden, parseFormData, useAsyncList, useConfirmation, useListData, useTheme, useToast };