@marigold/components 10.1.0 → 10.1.2

package/dist/index.d.mts

@@ -3,13 +3,13 @@ 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 react__default, { JSX, 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';
@@ -34,7 +34,7 @@ declare const Accordion: {
 interface AccordionOwnItemProps<T> extends ItemProps<T> {
     variant?: string;
     size?: string;
-    title: string | ReactElement;
+    title: string | ReactElement<any>;
 }
 
 interface AccordionItemProps {
@@ -59,7 +59,7 @@ interface AsideProps extends GapSpaceProp, AriaRegionProps {
     /**
      * The children of the component.
      */
-    children: [ReactElement, ReactElement];
+    children: [ReactElement<any>, ReactElement<any>];
     /**
      * The side of the aside content.
      * @default left
@@ -630,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;
     /**
@@ -705,8 +705,8 @@ declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProp
 
 type RemovedProps$i = 'className' | 'style' | 'size';
 interface InputProps extends Omit<RAC.InputProps, RemovedProps$i> {
-    icon?: ReactElement;
-    action?: ReactElement;
+    icon?: ReactElement<any>;
+    action?: ReactElement<any>;
     variant?: string;
     size?: string;
     className?: string;
@@ -720,7 +720,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
     /**
      * Optional element (e.g., button or icon) rendered inside the DateField.
      */
-    action?: ReactElement;
+    action?: ReactElement<any>;
     /**
      * If `true`, the date field is required.
      * @default false
@@ -749,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.
@@ -763,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'> {
@@ -968,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;
 };
@@ -1048,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;
@@ -1143,14 +1186,10 @@ 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.
      */
-    action?: ReactElement;
+    action?: ReactElement<any>;
     variant?: string;
     size?: string;
     /**
@@ -1272,6 +1311,7 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps<object>
 declare const _Select: SelectComponent;
 
 interface SelectListItemProps extends Omit<RAC.GridListItemProps<object>, 'className' | 'style'> {
+    children?: ReactNode;
 }
 declare const _SelectListItem: react.ForwardRefExoticComponent<SelectListItemProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -1566,14 +1606,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;
@@ -1637,25 +1677,30 @@ declare const CloseButton: ({ className }: CloseButtonProps) => react_jsx_runtim
 interface TagProps extends RAC.TagProps {
     variant?: string;
     size?: string;
+    children?: ReactNode;
 }
 declare const _Tag: {
     ({ variant, size, children, ...props }: TagProps): react_jsx_runtime.JSX.Element;
     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'> {
     /**
-     * Show the loader in `fullsize` and blocks interaction with the site or `ìnline` in a certain area.
+     * 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` 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'> {
 }
@@ -1682,4 +1727,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

@@ -3,13 +3,13 @@ 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 react__default, { JSX, 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';
@@ -34,7 +34,7 @@ declare const Accordion: {
 interface AccordionOwnItemProps<T> extends ItemProps<T> {
     variant?: string;
     size?: string;
-    title: string | ReactElement;
+    title: string | ReactElement<any>;
 }
 
 interface AccordionItemProps {
@@ -59,7 +59,7 @@ interface AsideProps extends GapSpaceProp, AriaRegionProps {
     /**
      * The children of the component.
      */
-    children: [ReactElement, ReactElement];
+    children: [ReactElement<any>, ReactElement<any>];
     /**
      * The side of the aside content.
      * @default left
@@ -630,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;
     /**
@@ -705,8 +705,8 @@ declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProp
 
 type RemovedProps$i = 'className' | 'style' | 'size';
 interface InputProps extends Omit<RAC.InputProps, RemovedProps$i> {
-    icon?: ReactElement;
-    action?: ReactElement;
+    icon?: ReactElement<any>;
+    action?: ReactElement<any>;
     variant?: string;
     size?: string;
     className?: string;
@@ -720,7 +720,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
     /**
      * Optional element (e.g., button or icon) rendered inside the DateField.
      */
-    action?: ReactElement;
+    action?: ReactElement<any>;
     /**
      * If `true`, the date field is required.
      * @default false
@@ -749,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.
@@ -763,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'> {
@@ -968,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;
 };
@@ -1048,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;
@@ -1143,14 +1186,10 @@ 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.
      */
-    action?: ReactElement;
+    action?: ReactElement<any>;
     variant?: string;
     size?: string;
     /**
@@ -1272,6 +1311,7 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps<object>
 declare const _Select: SelectComponent;
 
 interface SelectListItemProps extends Omit<RAC.GridListItemProps<object>, 'className' | 'style'> {
+    children?: ReactNode;
 }
 declare const _SelectListItem: react.ForwardRefExoticComponent<SelectListItemProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -1566,14 +1606,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;
@@ -1637,25 +1677,30 @@ declare const CloseButton: ({ className }: CloseButtonProps) => react_jsx_runtim
 interface TagProps extends RAC.TagProps {
     variant?: string;
     size?: string;
+    children?: ReactNode;
 }
 declare const _Tag: {
     ({ variant, size, children, ...props }: TagProps): react_jsx_runtime.JSX.Element;
     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'> {
     /**
-     * Show the loader in `fullsize` and blocks interaction with the site or `ìnline` in a certain area.
+     * 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` 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'> {
 }
@@ -1682,4 +1727,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 };