@marigold/components 9.0.1 → 10.0.0

package/dist/index.d.mts

@@ -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, AlignmentProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
+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.
      */
@@ -76,7 +77,7 @@ interface AsideProps extends GapSpaceProp {
 }
 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.
      */
@@ -135,11 +136,19 @@ declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_j
 
 interface ListBoxItemProps extends Omit<RAC.ListBoxItemProps, 'style' | 'className'> {
 }
-declare const _ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
+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;
@@ -151,7 +160,7 @@ interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefA
 }
 declare const _ListBox: ListBoxComponent;
 
-type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState';
+type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
 interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
     /**
      * The value of the input (uncontrolled).
@@ -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.
@@ -331,7 +354,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 +362,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 +378,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 +461,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'> {
+interface CheckboxComponent extends ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLLabelElement>> {
     /**
-     * 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
+     * Group for checkboxes.
      */
-    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 +490,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 +520,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 +577,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 +603,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 +635,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,20 +682,21 @@ 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 AlignmentProp, GapSpaceProp {
+interface InlineProps extends GapSpaceProp, AriaRegionProps {
+    /**
+     * The children of the component.
+     */
     children?: ReactNode;
     /**
-     * Horizontal alignment of the items inside the breakout element.
-     * @default 'left'
+     * Horizontal alignment of the items inside the element.
      */
     alignX?: keyof typeof alignment.horizontal.alignmentX;
     /**
-     * Vertical alignment of the items inside the breakout element.
-     * @default 'center'
+     * Vertical alignment of the items inside the element.
      */
     alignY?: keyof typeof alignment.horizontal.alignmentY;
 }
-declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
+declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
 
 type RemovedProps$i = 'className' | 'style' | 'size';
 interface InputProps extends Omit<RAC.InputProps, RemovedProps$i> {
@@ -705,8 +759,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
@@ -741,29 +799,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';
@@ -773,7 +831,7 @@ interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$e> {
 }
 declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$d = 'className' | 'isDisabled';
+type RemovedProps$d = 'className' | 'isDisabled' | 'slot';
 interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
     variant?: string;
     size?: string;
@@ -859,7 +917,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;
 };
@@ -898,9 +956,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;
 };
@@ -965,6 +1027,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>>;
 
@@ -1219,7 +1282,7 @@ interface SelectListComponent extends ForwardRefExoticComponent<SelectListProps
 }
 declare const _SelectList: SelectListComponent;
 
-interface ScrollableProps extends WidthProp {
+interface ScrollableProps extends WidthProp, AriaRegionProps {
     /**
      * Children of the layout.
      */
@@ -1255,7 +1318,7 @@ interface SplitProps {
 }
 declare const Split: () => react_jsx_runtime.JSX.Element;
 
-interface StackProps extends GapSpaceProp {
+interface StackProps extends GapSpaceProp, AriaRegionProps {
     /**
      * Children of the component.
      */
@@ -1267,18 +1330,16 @@ interface StackProps extends GapSpaceProp {
     stretch?: boolean;
     /**
      * Horizontal alignment for the children.
-     * @default none
      */
     alignX?: keyof typeof alignment.vertical.alignmentX;
     /**
      * Vertical alignment for the children.
-     * @default none
      */
     alignY?: keyof typeof alignment.vertical.alignmentY;
 }
 declare const Stack: ({ children, space, stretch, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
+type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
 interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
     variant?: string;
     size?: string;
@@ -1354,7 +1415,7 @@ interface Table {
     Row: (props: RowProps) => JSX.Element;
 }
 
-interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
+interface TextProps extends AriaLabelingProps, Omit<RAC.TextProps, 'elementType'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
     /**
      * The children of the component
      */
@@ -1364,10 +1425,15 @@ interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontSty
      * @default currentColor
      */
     color?: string;
+    /**
+     * Element to render
+     * @default "div"
+     */
+    as?: 'div' | 'p' | 'span';
     variant?: string;
     size?: string;
 }
-declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
+declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, as, ...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<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -1421,7 +1487,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';
+type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
 interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
@@ -1478,7 +1544,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.
      */
@@ -1501,9 +1567,19 @@ interface TilesProps extends GapSpaceProp {
 }
 declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$2 = 'isDisabled' | 'isOpen';
+type RemovedProps$2 = 'isDisabled' | 'isOpen' | 'children';
 interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$2> {
+    /**
+     * The children of the component.
+     */
+    children: ReactNode;
+    /**
+     * Whether the tooltip should be disabled, independent from the trigger.
+     */
     disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
+    /**
+     * Control the visibility of the tooltip.
+     */
     open?: boolean;
 }
 
@@ -1554,7 +1630,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'> {
 }
@@ -1565,7 +1653,7 @@ interface TabPanelProps extends Omit<RAC.TabPanelProps, 'className' | 'style'> {
 interface TabListProps extends Omit<RAC.TabListProps<Object>, 'className' | 'style'>, GapSpaceProp {
 }
 
-interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation'> {
+interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation' | 'slot'> {
     /**
      * Set All TabPanel disabled
      * @default false
@@ -1581,4 +1669,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, _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 };