@marigold/components 10.1.0 → 10.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -6,10 +6,10 @@ import * as react from 'react';
6
6
  import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, Dispatch, SetStateAction } from 'react';
7
7
  import { AriaAccordionProps } from '@react-aria/accordion';
8
8
  import { TreeState } from '@react-stately/tree';
9
- 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';
9
+ 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';
10
10
  export { ThemeProvider, useTheme } from '@marigold/system';
11
11
  import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
12
- import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
12
+ import RAC, { ValidationResult, Key, DateValue, TagListProps, ProgressBarProps } from 'react-aria-components';
13
13
  export { Form, FormProps, RouterProvider } from 'react-aria-components';
14
14
  export { I18nProvider } from '@react-aria/i18n';
15
15
  import { AriaTableProps } from '@react-aria/table';
@@ -630,7 +630,7 @@ declare const Footer: ({ children, variant, size, ...props }: FooterProps) => re
630
630
 
631
631
  interface GridAreaProps {
632
632
  /**
633
- * Name of the grid area slot to put the component.
633
+ * Name of the grid area slot.
634
634
  */
635
635
  name: string;
636
636
  /**
@@ -749,7 +749,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
749
749
  }
750
750
  declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
751
751
 
752
- type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
752
+ type RemovedProps$g = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
753
753
  interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$g> {
754
754
  /**
755
755
  * Disables the Calendar.
@@ -763,9 +763,16 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
763
763
  readOnly?: boolean;
764
764
  variant?: string;
765
765
  size?: string;
766
+ /**
767
+ * Width of the calendar.
768
+ */
766
769
  width?: WidthProp['width'];
770
+ /**
771
+ * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
772
+ */
773
+ dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
767
774
  }
768
- declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
775
+ declare const _Calendar: ({ disabled, readOnly, size, variant, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
769
776
 
770
777
  type RemovedProps$f = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
771
778
  interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$f>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -968,9 +975,17 @@ interface SectionMessageProps {
968
975
  * Adds a close button, makes the section message dismissable.
969
976
  */
970
977
  closeButton?: boolean;
978
+ /**
979
+ * Handler that is called when you need to control the dismissable message to close.
980
+ */
981
+ onCloseChange?: (close: boolean) => void;
982
+ /**
983
+ * If the message should be closed/dismissed (controlled).
984
+ */
985
+ close?: boolean;
971
986
  }
972
987
  declare const SectionMessage: {
973
- ({ variant, size, children, closeButton, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
988
+ ({ variant, size, children, closeButton, close, onCloseChange, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
974
989
  Title: ({ children }: SectionMessageTitleProps) => react_jsx_runtime.JSX.Element;
975
990
  Content: ({ children, }: SectionMessageContentProps) => react_jsx_runtime.JSX.Element;
976
991
  };
@@ -1048,6 +1063,34 @@ interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismis
1048
1063
  }
1049
1064
  declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
1050
1065
 
1066
+ interface PaginationProps {
1067
+ /**
1068
+ * The initial page. (uncontrolled)
1069
+ */
1070
+ defaultPage?: number;
1071
+ /**
1072
+ * The current page. (controlled)
1073
+ */
1074
+ page?: number;
1075
+ /**
1076
+ * The number of total items.
1077
+ */
1078
+ totalItems: number;
1079
+ /**
1080
+ * The number of items per page.
1081
+ */
1082
+ pageSize: number;
1083
+ /**
1084
+ * Handler that is called when the pagination active page changes.
1085
+ */
1086
+ onChange?: (page: number) => void;
1087
+ /**
1088
+ * Labels for the pagination controls.
1089
+ */
1090
+ controlLabels?: [string, string];
1091
+ }
1092
+ declare const _Pagination: ({ defaultPage, page, totalItems, pageSize, onChange, controlLabels, }: PaginationProps) => react_jsx_runtime.JSX.Element;
1093
+
1051
1094
  interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
1052
1095
  }
1053
1096
  declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
@@ -1143,10 +1186,6 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
1143
1186
 
1144
1187
  type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
1145
1188
  interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
1146
- /**
1147
- * Icon element to display in the search field.
1148
- */
1149
- icon?: ReactElement;
1150
1189
  /**
1151
1190
  * Action element to display in the search field.
1152
1191
  */
@@ -1566,14 +1605,14 @@ interface TilesProps extends GapSpaceProp, AriaRegionProps {
1566
1605
  * Set minimum width for all items inside.
1567
1606
  * @default '250px'
1568
1607
  */
1569
- tilesWidth: string;
1608
+ tilesWidth?: string;
1570
1609
  /**
1571
1610
  * 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.
1572
1611
  * @default false
1573
1612
  */
1574
1613
  stretch?: boolean;
1575
1614
  /**
1576
- * If true, all items will have the size of the biggest item.
1615
+ * If true, all items will have the height of the biggest item.
1577
1616
  * @default false
1578
1617
  */
1579
1618
  equalHeight?: boolean;
@@ -1643,19 +1682,23 @@ declare const _Tag: {
1643
1682
  Group: ({ width, items, children, renderEmptyState, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
1644
1683
  };
1645
1684
 
1646
- interface XLoaderProps extends SVGProps {
1685
+ interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
1647
1686
  /**
1648
- * Show the loader in `fullsize` and blocks interaction with the site or `ìnline` in a certain area.
1687
+ * Children of the component that will make up the label.
1688
+ */
1689
+ children?: ReactNode;
1690
+ size?: string;
1691
+ variant?: string;
1692
+ }
1693
+
1694
+ interface XLoaderProps extends LoaderProps {
1695
+ /**
1696
+ * Show the loader in `fullsize` to overlay and block interaction with the site or `ìnline` to show loading for a certain area.
1649
1697
  * @default undefined
1650
1698
  */
1651
- mode?: LoadingModeKeys;
1699
+ mode?: 'fullsize' | 'inline';
1652
1700
  }
1653
- declare const LoadingModes: {
1654
- readonly FullSize: "fullsize";
1655
- readonly Inline: "inline";
1656
- };
1657
- type LoadingModeKeys = (typeof LoadingModes)[keyof typeof LoadingModes];
1658
- declare const XLoader: react.ForwardRefExoticComponent<XLoaderProps & react.RefAttributes<SVGElement>>;
1701
+ declare const XLoader: ({ mode, variant, ...props }: XLoaderProps) => react_jsx_runtime.JSX.Element;
1659
1702
 
1660
1703
  interface TabProps extends Omit<RAC.TabProps, 'className' | 'style'> {
1661
1704
  }
@@ -1682,4 +1725,4 @@ declare const _Tabs: {
1682
1725
  Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
1683
1726
  };
1684
1727
 
1685
- 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 };
1728
+ 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 CHANGED
@@ -6,10 +6,10 @@ import * as react from 'react';
6
6
  import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, Dispatch, SetStateAction } from 'react';
7
7
  import { AriaAccordionProps } from '@react-aria/accordion';
8
8
  import { TreeState } from '@react-stately/tree';
9
- 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';
9
+ 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';
10
10
  export { ThemeProvider, useTheme } from '@marigold/system';
11
11
  import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
12
- import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
12
+ import RAC, { ValidationResult, Key, DateValue, TagListProps, ProgressBarProps } from 'react-aria-components';
13
13
  export { Form, FormProps, RouterProvider } from 'react-aria-components';
14
14
  export { I18nProvider } from '@react-aria/i18n';
15
15
  import { AriaTableProps } from '@react-aria/table';
@@ -630,7 +630,7 @@ declare const Footer: ({ children, variant, size, ...props }: FooterProps) => re
630
630
 
631
631
  interface GridAreaProps {
632
632
  /**
633
- * Name of the grid area slot to put the component.
633
+ * Name of the grid area slot.
634
634
  */
635
635
  name: string;
636
636
  /**
@@ -749,7 +749,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
749
749
  }
750
750
  declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
751
751
 
752
- type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
752
+ type RemovedProps$g = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
753
753
  interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$g> {
754
754
  /**
755
755
  * Disables the Calendar.
@@ -763,9 +763,16 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
763
763
  readOnly?: boolean;
764
764
  variant?: string;
765
765
  size?: string;
766
+ /**
767
+ * Width of the calendar.
768
+ */
766
769
  width?: WidthProp['width'];
770
+ /**
771
+ * Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
772
+ */
773
+ dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
767
774
  }
768
- declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
775
+ declare const _Calendar: ({ disabled, readOnly, size, variant, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
769
776
 
770
777
  type RemovedProps$f = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
771
778
  interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$f>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -968,9 +975,17 @@ interface SectionMessageProps {
968
975
  * Adds a close button, makes the section message dismissable.
969
976
  */
970
977
  closeButton?: boolean;
978
+ /**
979
+ * Handler that is called when you need to control the dismissable message to close.
980
+ */
981
+ onCloseChange?: (close: boolean) => void;
982
+ /**
983
+ * If the message should be closed/dismissed (controlled).
984
+ */
985
+ close?: boolean;
971
986
  }
972
987
  declare const SectionMessage: {
973
- ({ variant, size, children, closeButton, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
988
+ ({ variant, size, children, closeButton, close, onCloseChange, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
974
989
  Title: ({ children }: SectionMessageTitleProps) => react_jsx_runtime.JSX.Element;
975
990
  Content: ({ children, }: SectionMessageContentProps) => react_jsx_runtime.JSX.Element;
976
991
  };
@@ -1048,6 +1063,34 @@ interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismis
1048
1063
  }
1049
1064
  declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
1050
1065
 
1066
+ interface PaginationProps {
1067
+ /**
1068
+ * The initial page. (uncontrolled)
1069
+ */
1070
+ defaultPage?: number;
1071
+ /**
1072
+ * The current page. (controlled)
1073
+ */
1074
+ page?: number;
1075
+ /**
1076
+ * The number of total items.
1077
+ */
1078
+ totalItems: number;
1079
+ /**
1080
+ * The number of items per page.
1081
+ */
1082
+ pageSize: number;
1083
+ /**
1084
+ * Handler that is called when the pagination active page changes.
1085
+ */
1086
+ onChange?: (page: number) => void;
1087
+ /**
1088
+ * Labels for the pagination controls.
1089
+ */
1090
+ controlLabels?: [string, string];
1091
+ }
1092
+ declare const _Pagination: ({ defaultPage, page, totalItems, pageSize, onChange, controlLabels, }: PaginationProps) => react_jsx_runtime.JSX.Element;
1093
+
1051
1094
  interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
1052
1095
  }
1053
1096
  declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
@@ -1143,10 +1186,6 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
1143
1186
 
1144
1187
  type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
1145
1188
  interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
1146
- /**
1147
- * Icon element to display in the search field.
1148
- */
1149
- icon?: ReactElement;
1150
1189
  /**
1151
1190
  * Action element to display in the search field.
1152
1191
  */
@@ -1566,14 +1605,14 @@ interface TilesProps extends GapSpaceProp, AriaRegionProps {
1566
1605
  * Set minimum width for all items inside.
1567
1606
  * @default '250px'
1568
1607
  */
1569
- tilesWidth: string;
1608
+ tilesWidth?: string;
1570
1609
  /**
1571
1610
  * 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.
1572
1611
  * @default false
1573
1612
  */
1574
1613
  stretch?: boolean;
1575
1614
  /**
1576
- * If true, all items will have the size of the biggest item.
1615
+ * If true, all items will have the height of the biggest item.
1577
1616
  * @default false
1578
1617
  */
1579
1618
  equalHeight?: boolean;
@@ -1643,19 +1682,23 @@ declare const _Tag: {
1643
1682
  Group: ({ width, items, children, renderEmptyState, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
1644
1683
  };
1645
1684
 
1646
- interface XLoaderProps extends SVGProps {
1685
+ interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
1647
1686
  /**
1648
- * Show the loader in `fullsize` and blocks interaction with the site or `ìnline` in a certain area.
1687
+ * Children of the component that will make up the label.
1688
+ */
1689
+ children?: ReactNode;
1690
+ size?: string;
1691
+ variant?: string;
1692
+ }
1693
+
1694
+ interface XLoaderProps extends LoaderProps {
1695
+ /**
1696
+ * Show the loader in `fullsize` to overlay and block interaction with the site or `ìnline` to show loading for a certain area.
1649
1697
  * @default undefined
1650
1698
  */
1651
- mode?: LoadingModeKeys;
1699
+ mode?: 'fullsize' | 'inline';
1652
1700
  }
1653
- declare const LoadingModes: {
1654
- readonly FullSize: "fullsize";
1655
- readonly Inline: "inline";
1656
- };
1657
- type LoadingModeKeys = (typeof LoadingModes)[keyof typeof LoadingModes];
1658
- declare const XLoader: react.ForwardRefExoticComponent<XLoaderProps & react.RefAttributes<SVGElement>>;
1701
+ declare const XLoader: ({ mode, variant, ...props }: XLoaderProps) => react_jsx_runtime.JSX.Element;
1659
1702
 
1660
1703
  interface TabProps extends Omit<RAC.TabProps, 'className' | 'style'> {
1661
1704
  }
@@ -1682,4 +1725,4 @@ declare const _Tabs: {
1682
1725
  Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
1683
1726
  };
1684
1727
 
1685
- 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 };
1728
+ 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 };