@marigold/components 9.0.2 → 10.1.0

package/dist/index.d.ts

@@ -1,13 +1,14 @@
+import { ItemElement, SelectionMode, ItemProps, Node, Orientation } from '@react-types/shared';
+export { Selection } from '@react-types/shared';
 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, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, Dispatch, SetStateAction } from 'react';
 import { AriaAccordionProps } from '@react-aria/accordion';
-import { ItemElement, SelectionMode, ItemProps, Node, Orientation } from '@react-types/shared';
 import { TreeState } from '@react-stately/tree';
 import { GapSpaceProp, AspectProp, WidthProp, alignment, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, GridColsAlignProp, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
 export { ThemeProvider, useTheme } from '@marigold/system';
-import { NonZeroPercentage, DistributiveOmit, HtmlProps } from '@marigold/types';
+import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
 import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
 export { Form, FormProps, RouterProvider } from 'react-aria-components';
 export { I18nProvider } from '@react-aria/i18n';
@@ -54,7 +55,7 @@ interface AccordionItemProps {
 }
 declare const AccordionItem: ({ item, state, title, variant, size, ...props }: AccordionItemProps) => react_jsx_runtime.JSX.Element;
 
-interface AsideProps extends GapSpaceProp {
+interface AsideProps extends GapSpaceProp, AriaRegionProps {
     /**
      * The children of the component.
      */
@@ -65,18 +66,18 @@ interface AsideProps extends GapSpaceProp {
      */
     side?: 'left' | 'right';
     /**
-     * The side width of the aside content.
+     * The width of the side content.
      */
     sideWidth?: string;
     /**
-     * At which percent the content should wrap.
+     * At what percentage of the content's width should the other content wrap beneath it
      * @default 50%
      */
     wrap?: NonZeroPercentage;
 }
 declare const Aside: ({ children, sideWidth, space, side, wrap, }: AsideProps) => react_jsx_runtime.JSX.Element;
 
-interface AspectProps extends AspectProp {
+interface AspectProps extends AspectProp, AriaRegionProps {
     /**
      * The children of the component.
      */
@@ -117,7 +118,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"> & react.RefAttributes<any>) => ReactNode;
+declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react.RefAttributes<any>) => React.ReactNode;
 
 interface FieldGroupContextProps {
     labelWidth?: string;
@@ -137,9 +138,17 @@ interface ListBoxItemProps extends Omit<RAC.ListBoxItemProps, 'style' | 'classNa
 }
 declare const _ListBoxItem: ({ ...props }: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
 
-interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style'> {
+interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style' | 'children'> {
+    /**
+     * Section header to display.
+     */
+    header: ReactNode;
+    /**
+     * Children of the section.
+     */
+    children: ReactNode;
 }
-declare const _Section: (props: SectionProps) => react_jsx_runtime.JSX.Element;
+declare const _Section: ({ header, children, ...props }: SectionProps) => react_jsx_runtime.JSX.Element;
 
 interface ListBoxProps extends Omit<RAC.ListBoxProps<object>, 'className' | 'style'> {
     variant?: string;
@@ -208,7 +217,14 @@ interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps
     onSubmit?: (value: string | number | null, key: Key | null) => void;
 }
 interface AutocompleteComponent extends ForwardRefExoticComponent<AutocompleteProps & RefAttributes<HTMLInputElement>> {
-    Item: typeof _ListBox.Item;
+    /**
+     * Options for the Combobox.
+     */
+    Option: typeof _ListBox.Item;
+    /**
+     * Section for the Combobox, to put options in.
+     */
+    Section: typeof _ListBox.Section;
 }
 declare const _Autocomplete: AutocompleteComponent;
 
@@ -258,7 +274,14 @@ interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$m>, Pi
     placeholder?: string;
 }
 interface ComboBoxComponent extends ForwardRefExoticComponent<ComboBoxProps & RefAttributes<HTMLInputElement>> {
-    Item: typeof _ListBox.Item;
+    /**
+     * Options for the Combobox.
+     */
+    Option: typeof _ListBox.Item;
+    /**
+     * Section for the Combobox, to put options in.
+     */
+    Section: typeof _ListBox.Section;
 }
 declare const _ComboBox: ComboBoxComponent;
 
@@ -272,7 +295,7 @@ interface BadgeProps {
 }
 declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
 
-interface BreakoutProps {
+interface BreakoutProps extends AriaRegionProps {
     children?: ReactNode;
     /**
      * Set the height of the breakout element.
@@ -301,7 +324,7 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
 }
 declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$l = 'isDisabled';
+type RemovedProps$l = 'isDisabled' | 'isPending';
 interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$l> {
     variant?: string;
     size?: string;
@@ -323,6 +346,11 @@ interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$l> {
      * @default false
      */
     disabled?: RAC.ButtonProps['isDisabled'];
+    /**
+     * Whether the button is in a loading state.
+     * This disables press and hover events while retaining focusability, and announces the loading state to screen readers.
+     */
+    loading?: RAC.ButtonProps['isPending'];
 }
 declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
@@ -331,7 +359,7 @@ interface CardProps extends GapSpaceProp, PaddingSpaceProp, PaddingRightProp, Pa
     variant?: string;
     size?: string;
     /**
-     * Padding of the component. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
+     * Padding of the component. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
      */
     p?: PaddingSpaceProp['space'];
     /**
@@ -339,13 +367,13 @@ interface CardProps extends GapSpaceProp, PaddingSpaceProp, PaddingRightProp, Pa
      */
     px?: PaddingSpacePropX['spaceX'];
     /**
-     * Padding vertical (top and bottom) of the component. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
+     * Padding vertical (top and bottom) of the component. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
      */
     py?: PaddingSpacePropY['spaceY'];
 }
 declare const Card: ({ children, variant, size, space, p, px, py, pt, pb, pl, pr, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
 
-interface CenterProps extends GapSpaceProp {
+interface CenterProps extends GapSpaceProp, AriaRegionProps {
     children?: ReactNode;
     /**
      * The maximum width of the container.
@@ -355,8 +383,49 @@ interface CenterProps extends GapSpaceProp {
 }
 declare const Center: ({ maxWidth, space, children, ...props }: CenterProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$k = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
-interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$k> {
+type RemovedProps$k = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
+interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$k>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
+    /**
+     * The children of the component
+     */
+    children?: ReactNode;
+    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'];
+    /**
+     * Sets all checkboxes to disabled
+     * @default false
+     */
+    disabled?: RAC.CheckboxGroupProps['isDisabled'];
+    /**
+     * Sets the checkbox as required.
+     * @default false
+     */
+    required?: RAC.CheckboxGroupProps['isRequired'];
+    /**
+     * If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
+     * @default false
+     */
+    error?: RAC.CheckboxGroupProps['isInvalid'];
+    /**
+     * Sets the checkbox on read only.
+     * @default false
+     */
+    readOnly?: RAC.CheckboxGroupProps['isReadOnly'];
+    /**
+     * Wheather the component is displayed vertically or horizontally.
+     * @default vertical
+     */
+    orientation?: Orientation;
+}
+declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, width, orientation, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
+
+type RemovedProps$j = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
+interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$j> {
     /**
      * Whether the element should be checked (controlled).
      */
@@ -397,50 +466,15 @@ interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$k> {
      */
     children?: ReactNode;
 }
-declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLLabelElement>>;
-
-type RemovedProps$j = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
-interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$j>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    /**
-     * The children of the component
-     */
-    children?: ReactNode;
-    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'];
-    /**
-     * Sets all checkboxes to disabled
-     * @default false
-     */
-    disabled?: RAC.CheckboxGroupProps['isDisabled'];
-    /**
-     * Sets the checkbox as required.
-     * @default false
-     */
-    required?: RAC.CheckboxGroupProps['isRequired'];
+interface CheckboxComponent extends ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLLabelElement>> {
     /**
-     * If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
-     * @default false
+     * Group for checkboxes.
      */
-    error?: RAC.CheckboxGroupProps['isInvalid'];
-    /**
-     * Sets the checkbox on read only.
-     * @default false
-     */
-    readOnly?: RAC.CheckboxGroupProps['isReadOnly'];
-    /**
-     * Wheather the component is displayed vertically or horizontally.
-     * @default vertical
-     */
-    orientation?: Orientation;
+    Group: typeof _CheckboxGroup;
 }
-declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, width, orientation, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
+declare const _Checkbox: CheckboxComponent;
 
-interface ColumnsProps extends GapSpaceProp {
+interface ColumnsProps extends GapSpaceProp, AriaRegionProps {
     /**
      * The children of the component.
      */
@@ -461,7 +495,7 @@ interface ColumnsProps extends GapSpaceProp {
 }
 declare const Columns: ({ space, columns, collapseAt, stretch, children, ...props }: ColumnsProps) => react_jsx_runtime.JSX.Element;
 
-interface ContainerProps {
+interface ContainerProps extends AriaRegionProps {
     children?: ReactNode;
     /**
      * The content type of the container.
@@ -491,6 +525,42 @@ declare const header: {
 };
 declare const Container: ({ contentType, size, align, alignItems, children, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
 
+interface DialogContentProps {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    variant?: string;
+    size?: string;
+}
+
+interface HeadlineProps extends AriaLabelingProps, TextAlignProp {
+    /**
+     * Set the color of the headline.
+     */
+    color?: string;
+    variant?: string;
+    size?: string;
+    /**
+     * Set a different level.
+     */
+    level?: '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * A slot to place the element in.
+     */
+    slot?: string;
+}
+declare const _Headline: ({ variant, size, children, align, color, level, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
+
+interface DialogTitleProps extends Omit<HeadlineProps, 'slot'> {
+    variant?: string;
+    size?: string;
+}
+
 interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
     /**
      * Wheather compnent is rendered.
@@ -512,30 +582,16 @@ interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
     isNonModal?: boolean;
 }
 
-interface HeadlineProps extends TextAlignProp {
-    /**
-     * Set the color of the headline.
-     */
-    color?: string;
-    variant?: string;
-    size?: string;
-    /**
-     * Set a different level.
-     */
-    level?: '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
+interface DialogActions {
     /**
      * Children of the component.
      */
     children?: ReactNode;
-    /**
-     * A slot to place the element in.
-     */
-    slot?: string;
+    variant?: string;
+    size?: string;
 }
-declare const _Headline: ({ variant, size, children, align, color, level, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
+declare const DialogActions: ({ variant, size, children }: DialogActions) => react_jsx_runtime.JSX.Element;
 
-interface DialogHeadlineProps extends Omit<HeadlineProps, 'slot'> {
-}
 interface DialogProps extends Omit<RAC.DialogProps, 'className' | 'style'> {
     variant?: string;
     size?: string;
@@ -552,7 +608,9 @@ interface DialogProps extends Omit<RAC.DialogProps, 'className' | 'style'> {
 declare const _Dialog: {
     ({ variant, size, closeButton, isNonModal, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
     Trigger: ({ open, dismissable, keyboardDismissable, isNonModal, ...rest }: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
-    Headline: ({ children }: DialogHeadlineProps) => react_jsx_runtime.JSX.Element;
+    Title: ({ level, variant, size, children, }: DialogTitleProps) => react_jsx_runtime.JSX.Element;
+    Content: ({ variant, size, children, }: DialogContentProps) => react_jsx_runtime.JSX.Element;
+    Actions: ({ variant, size, children }: DialogActions) => react_jsx_runtime.JSX.Element;
 };
 
 interface DividerProps extends RAC.SeparatorProps {
@@ -582,7 +640,7 @@ interface GridAreaProps {
 }
 
 type TemplateValue = 'none' | 'auto' | 'min-content' | 'max-content' | (string & {}) | number;
-interface GridProps extends GapSpaceProp, HeightProp {
+interface GridProps extends GapSpaceProp, HeightProp, AriaRegionProps {
     /**
      * Specifies the named grid areas, much like `grid-template-areas`.
      */
@@ -629,7 +687,7 @@ interface ImageProps extends Pick<HtmlProps<'img'>, 'src' | 'srcSet' | 'sizes' |
 }
 declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
 
-interface InlineProps extends GapSpaceProp {
+interface InlineProps extends GapSpaceProp, AriaRegionProps {
     /**
      * The children of the component.
      */
@@ -659,6 +717,9 @@ type RemovedProps$h = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' |
 interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$h>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
+    /**
+     * Optional element (e.g., button or icon) rendered inside the DateField.
+     */
     action?: ReactElement;
     /**
      * If `true`, the date field is required.
@@ -706,8 +767,12 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
 }
 declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$f = 'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
+type RemovedProps$f = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
 interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$f>, 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.
+     */
+    dateUnavailable?: RAC.DatePickerProps<DateValue>['isDateUnavailable'];
     /**
      * If `true`, the date picker is disabled.
      * @default false
@@ -742,29 +807,29 @@ interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedPr
 }
 declare const _DatePicker: react__default.ForwardRefExoticComponent<DatePickerProps & react__default.RefAttributes<HTMLDivElement>>;
 
-type InsetProps = {
+type InsetProps = (AriaRegionProps & {
     /**
      * The children of the component
      */
     children: ReactNode;
     space?: never;
     /**
-     * Horizontal alignment for the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
+     * Horizontal alignment for the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
      */
     spaceX?: PaddingSpacePropX['spaceX'];
     /**
-     * Vertical alignment for the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
+     * Vertical alignment for the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
      */
     spaceY?: PaddingSpacePropY['spaceY'];
-} | {
+}) | (AriaRegionProps & {
     children: ReactNode;
     /**
-     * The space between the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
+     * The space between the children. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
      */
     space?: PaddingSpaceProp['space'];
     spaceX?: never;
     spaceY?: never;
-};
+});
 declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
 
 type RemovedProps$e = 'className';
@@ -860,7 +925,7 @@ interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$a>, Omit<RAC
     disabled?: boolean;
 }
 declare const _Menu: {
-    ({ children, label, variant, size, disabled, open, placement, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
+    ({ children, label, variant, size, disabled, open, placement, "aria-label": ariaLabel, ...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;
 };
@@ -899,9 +964,13 @@ interface SectionMessageProps {
      * The children of the component.
      */
     children?: ReactNode;
+    /**
+     * Adds a close button, makes the section message dismissable.
+     */
+    closeButton?: boolean;
 }
 declare const SectionMessage: {
-    ({ variant, size, children, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element;
+    ({ variant, size, children, closeButton, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
     Title: ({ children }: SectionMessageTitleProps) => react_jsx_runtime.JSX.Element;
     Content: ({ children, }: SectionMessageContentProps) => react_jsx_runtime.JSX.Element;
 };
@@ -966,6 +1035,7 @@ interface ModalProps extends RAC.ModalOverlayProps {
     open?: boolean;
     dismissable?: boolean;
     keyboardDismissable?: boolean;
+    size?: string;
 }
 declare const _Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react.RefAttributes<HTMLDivElement>>;
 
@@ -1220,7 +1290,7 @@ interface SelectListComponent extends ForwardRefExoticComponent<SelectListProps
 }
 declare const _SelectList: SelectListComponent;
 
-interface ScrollableProps extends WidthProp {
+interface ScrollableProps extends WidthProp, AriaRegionProps {
     /**
      * Children of the layout.
      */
@@ -1232,9 +1302,9 @@ interface ScrollableProps extends WidthProp {
 }
 declare const Scrollable: ({ children, width, height, ...props }: ScrollableProps) => react_jsx_runtime.JSX.Element;
 
-interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
+interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'orientation'>, Pick<FieldBaseProps<'label'>, 'description'> {
     /**
-     * Labels for the thumbs in the slider.
+     * Labels for the thumbs in the slider. Also used for the name when submitting the form.
      */
     thumbLabels?: string[];
     /**
@@ -1249,6 +1319,11 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'
      * @default false
      */
     disabled?: boolean;
+    /**
+     * @deprecated Will be removed in the next major version. Use `label` prop instead.
+     */
+    children?: ReactNode;
+    label?: string;
 }
 declare const _Slider: react__default.ForwardRefExoticComponent<SliderProps<number | number[]> & react__default.RefAttributes<HTMLDivElement>>;
 
@@ -1256,7 +1331,7 @@ interface SplitProps {
 }
 declare const Split: () => react_jsx_runtime.JSX.Element;
 
-interface StackProps extends GapSpaceProp {
+interface StackProps extends GapSpaceProp, AriaRegionProps {
     /**
      * Children of the component.
      */
@@ -1353,7 +1428,7 @@ interface Table {
     Row: (props: RowProps) => JSX.Element;
 }
 
-interface TextProps extends Omit<RAC.TextProps, 'elementType'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
+interface TextProps extends AriaLabelingProps, Omit<RAC.TextProps, 'elementType'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
     /**
      * The children of the component
      */
@@ -1482,7 +1557,7 @@ interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<
 }
 declare const _TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
 
-interface TilesProps extends GapSpaceProp {
+interface TilesProps extends GapSpaceProp, AriaRegionProps {
     /**
      * The children of the component.
      */
@@ -1568,7 +1643,19 @@ declare const _Tag: {
     Group: ({ width, items, children, renderEmptyState, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
 };
 
-declare const XLoader: react.ForwardRefExoticComponent<SVGProps & react.RefAttributes<SVGElement>>;
+interface XLoaderProps extends SVGProps {
+    /**
+     * Show the loader in `fullsize` and blocks interaction with the site or `ìnline` in a certain area.
+     * @default undefined
+     */
+    mode?: LoadingModeKeys;
+}
+declare const LoadingModes: {
+    readonly FullSize: "fullsize";
+    readonly Inline: "inline";
+};
+type LoadingModeKeys = (typeof LoadingModes)[keyof typeof LoadingModes];
+declare const XLoader: react.ForwardRefExoticComponent<XLoaderProps & react.RefAttributes<SVGElement>>;
 
 interface TabProps extends Omit<RAC.TabProps, 'className' | 'style'> {
 }
@@ -1595,4 +1682,4 @@ declare const _Tabs: {
     Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, 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, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _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, Grid, type GridProps, _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, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$k as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, 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, type TemplateValue, _Text as 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, usePortalContainer };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, 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, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _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, Grid, type GridProps, _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, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$j as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, 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, type TemplateValue, _Text as 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, type XLoaderProps, _Calendar, useFieldGroupContext, usePortalContainer };