@marigold/components 10.0.0 → 10.1.1

package/dist/index.d.mts

@@ -6,10 +6,10 @@ 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 { 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';
+import { GapSpaceProp, AspectProp, WidthProp, alignment, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, GridColsAlignProp, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
 export { ThemeProvider, useTheme } from '@marigold/system';
 import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
-import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
+import RAC, { ValidationResult, Key, DateValue, TagListProps, ProgressBarProps } from 'react-aria-components';
 export { Form, FormProps, RouterProvider } from 'react-aria-components';
 export { I18nProvider } from '@react-aria/i18n';
 import { AriaTableProps } from '@react-aria/table';
@@ -66,11 +66,11 @@ interface AsideProps extends GapSpaceProp, AriaRegionProps {
      */
     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;
@@ -118,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;
@@ -324,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;
@@ -346,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>>;
 
@@ -625,7 +630,7 @@ declare const Footer: ({ children, variant, size, ...props }: FooterProps) => re
 
 interface GridAreaProps {
     /**
-     * Name of the grid area slot to put the component.
+     * Name of the grid area slot.
      */
     name: string;
     /**
@@ -712,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.
@@ -741,7 +749,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
 }
 declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
 
-type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
+type RemovedProps$g = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
 interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$g> {
     /**
      * Disables the Calendar.
@@ -755,9 +763,16 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
     readOnly?: boolean;
     variant?: string;
     size?: string;
+    /**
+     * Width of the calendar.
+     */
     width?: WidthProp['width'];
+    /**
+     * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
+     */
+    dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
 }
-declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
+declare const _Calendar: ({ disabled, readOnly, size, variant, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
 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'> {
@@ -960,9 +975,17 @@ interface SectionMessageProps {
      * Adds a close button, makes the section message dismissable.
      */
     closeButton?: boolean;
+    /**
+     * Handler that is called when you need to control the dismissable message to close.
+     */
+    onCloseChange?: (close: boolean) => void;
+    /**
+     * If the message should be closed/dismissed (controlled).
+     */
+    close?: boolean;
 }
 declare const SectionMessage: {
-    ({ variant, size, children, closeButton, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
+    ({ variant, size, children, closeButton, close, onCloseChange, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
     Title: ({ children }: SectionMessageTitleProps) => react_jsx_runtime.JSX.Element;
     Content: ({ children, }: SectionMessageContentProps) => react_jsx_runtime.JSX.Element;
 };
@@ -1040,6 +1063,34 @@ interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismis
 }
 declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
 
+interface PaginationProps {
+    /**
+     * The initial page. (uncontrolled)
+     */
+    defaultPage?: number;
+    /**
+     * The current page. (controlled)
+     */
+    page?: number;
+    /**
+     * The number of total items.
+     */
+    totalItems: number;
+    /**
+     * The number of items per page.
+     */
+    pageSize: number;
+    /**
+     * Handler that is called when the pagination active page changes.
+     */
+    onChange?: (page: number) => void;
+    /**
+     * Labels for the pagination controls.
+     */
+    controlLabels?: [string, string];
+}
+declare const _Pagination: ({ defaultPage, page, totalItems, pageSize, onChange, controlLabels, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
 interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
 }
 declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
@@ -1135,10 +1186,6 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
 
 type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
 interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    /**
-     * Icon element to display in the search field.
-     */
-    icon?: ReactElement;
     /**
      * Action element to display in the search field.
      */
@@ -1294,9 +1341,9 @@ interface ScrollableProps extends WidthProp, AriaRegionProps {
 }
 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[];
     /**
@@ -1311,6 +1358,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>>;
 
@@ -1553,14 +1605,14 @@ interface TilesProps extends GapSpaceProp, AriaRegionProps {
      * Set minimum width for all items inside.
      * @default '250px'
      */
-    tilesWidth: string;
+    tilesWidth?: string;
     /**
      * Tiles will stretch to available width and will distribute their width equally. Note that this can make them wider than the specified tiles width, but not smaller than the given "tilesWidth". Basically, this is full responsive mode.
      * @default false
      */
     stretch?: boolean;
     /**
-     * If true, all items will have the size of the biggest item.
+     * If true, all items will have the height of the biggest item.
      * @default false
      */
     equalHeight?: boolean;
@@ -1630,19 +1682,23 @@ declare const _Tag: {
     Group: ({ width, items, children, renderEmptyState, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
 };
 
-interface XLoaderProps extends SVGProps {
+interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
+    /**
+     * Children of the component that will make up the label.
+     */
+    children?: ReactNode;
+    size?: string;
+    variant?: string;
+}
+
+interface XLoaderProps extends LoaderProps {
     /**
-     * Show the loader in `fullsize` and blocks interaction with the site or `ìnline` in a certain area.
+     * Show the loader in `fullsize` to overlay and block interaction with the site or `ìnline` to show loading for a certain area.
      * @default undefined
      */
-    mode?: LoadingModeKeys;
+    mode?: 'fullsize' | 'inline';
 }
-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>>;
+declare const XLoader: ({ mode, variant, ...props }: XLoaderProps) => react_jsx_runtime.JSX.Element;
 
 interface TabProps extends Omit<RAC.TabProps, 'className' | 'style'> {
 }
@@ -1669,4 +1725,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, 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 };
+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, _Pagination as Pagination, type PaginationProps, _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 };

package/dist/index.d.ts

@@ -6,10 +6,10 @@ 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 { 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';
+import { GapSpaceProp, AspectProp, WidthProp, alignment, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, GridColsAlignProp, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
 export { ThemeProvider, useTheme } from '@marigold/system';
 import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
-import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
+import RAC, { ValidationResult, Key, DateValue, TagListProps, ProgressBarProps } from 'react-aria-components';
 export { Form, FormProps, RouterProvider } from 'react-aria-components';
 export { I18nProvider } from '@react-aria/i18n';
 import { AriaTableProps } from '@react-aria/table';
@@ -66,11 +66,11 @@ interface AsideProps extends GapSpaceProp, AriaRegionProps {
      */
     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;
@@ -118,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;
@@ -324,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;
@@ -346,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>>;
 
@@ -625,7 +630,7 @@ declare const Footer: ({ children, variant, size, ...props }: FooterProps) => re
 
 interface GridAreaProps {
     /**
-     * Name of the grid area slot to put the component.
+     * Name of the grid area slot.
      */
     name: string;
     /**
@@ -712,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.
@@ -741,7 +749,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
 }
 declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
 
-type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
+type RemovedProps$g = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
 interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$g> {
     /**
      * Disables the Calendar.
@@ -755,9 +763,16 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
     readOnly?: boolean;
     variant?: string;
     size?: string;
+    /**
+     * Width of the calendar.
+     */
     width?: WidthProp['width'];
+    /**
+     * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
+     */
+    dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
 }
-declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
+declare const _Calendar: ({ disabled, readOnly, size, variant, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
 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'> {
@@ -960,9 +975,17 @@ interface SectionMessageProps {
      * Adds a close button, makes the section message dismissable.
      */
     closeButton?: boolean;
+    /**
+     * Handler that is called when you need to control the dismissable message to close.
+     */
+    onCloseChange?: (close: boolean) => void;
+    /**
+     * If the message should be closed/dismissed (controlled).
+     */
+    close?: boolean;
 }
 declare const SectionMessage: {
-    ({ variant, size, children, closeButton, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
+    ({ variant, size, children, closeButton, close, onCloseChange, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
     Title: ({ children }: SectionMessageTitleProps) => react_jsx_runtime.JSX.Element;
     Content: ({ children, }: SectionMessageContentProps) => react_jsx_runtime.JSX.Element;
 };
@@ -1040,6 +1063,34 @@ interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismis
 }
 declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
 
+interface PaginationProps {
+    /**
+     * The initial page. (uncontrolled)
+     */
+    defaultPage?: number;
+    /**
+     * The current page. (controlled)
+     */
+    page?: number;
+    /**
+     * The number of total items.
+     */
+    totalItems: number;
+    /**
+     * The number of items per page.
+     */
+    pageSize: number;
+    /**
+     * Handler that is called when the pagination active page changes.
+     */
+    onChange?: (page: number) => void;
+    /**
+     * Labels for the pagination controls.
+     */
+    controlLabels?: [string, string];
+}
+declare const _Pagination: ({ defaultPage, page, totalItems, pageSize, onChange, controlLabels, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
 interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
 }
 declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
@@ -1135,10 +1186,6 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
 
 type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
 interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
-    /**
-     * Icon element to display in the search field.
-     */
-    icon?: ReactElement;
     /**
      * Action element to display in the search field.
      */
@@ -1294,9 +1341,9 @@ interface ScrollableProps extends WidthProp, AriaRegionProps {
 }
 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[];
     /**
@@ -1311,6 +1358,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>>;
 
@@ -1553,14 +1605,14 @@ interface TilesProps extends GapSpaceProp, AriaRegionProps {
      * Set minimum width for all items inside.
      * @default '250px'
      */
-    tilesWidth: string;
+    tilesWidth?: string;
     /**
      * Tiles will stretch to available width and will distribute their width equally. Note that this can make them wider than the specified tiles width, but not smaller than the given "tilesWidth". Basically, this is full responsive mode.
      * @default false
      */
     stretch?: boolean;
     /**
-     * If true, all items will have the size of the biggest item.
+     * If true, all items will have the height of the biggest item.
      * @default false
      */
     equalHeight?: boolean;
@@ -1630,19 +1682,23 @@ declare const _Tag: {
     Group: ({ width, items, children, renderEmptyState, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
 };
 
-interface XLoaderProps extends SVGProps {
+interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
+    /**
+     * Children of the component that will make up the label.
+     */
+    children?: ReactNode;
+    size?: string;
+    variant?: string;
+}
+
+interface XLoaderProps extends LoaderProps {
     /**
-     * Show the loader in `fullsize` and blocks interaction with the site or `ìnline` in a certain area.
+     * Show the loader in `fullsize` to overlay and block interaction with the site or `ìnline` to show loading for a certain area.
      * @default undefined
      */
-    mode?: LoadingModeKeys;
+    mode?: 'fullsize' | 'inline';
 }
-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>>;
+declare const XLoader: ({ mode, variant, ...props }: XLoaderProps) => react_jsx_runtime.JSX.Element;
 
 interface TabProps extends Omit<RAC.TabProps, 'className' | 'style'> {
 }
@@ -1669,4 +1725,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, 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 };
+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, _Pagination as Pagination, type PaginationProps, _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 };