@marigold/components 14.1.1 → 15.0.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
@@ -1,14 +1,14 @@
1
1
  import { Orientation, RefObject, AriaLabelingProps as AriaLabelingProps$1 } from '@react-types/shared';
2
2
  export { Selection } from '@react-types/shared';
3
3
  export { useAsyncList, useListData } from '@react-stately/data';
4
- import { GapSpaceProp, AspectProp, WidthProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, PlaceItemsProp, MaxWidthProp, HeightProp, alignment, TextAlignProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
4
+ import { GapSpaceProp, AspectProp, WidthProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, PlaceItemsProp, MaxWidthProp, HeightProp, alignment, TextAlignProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
5
5
  export { DateFormat, NumericFormat, ThemeProvider, useTheme } from '@marigold/system';
6
6
  import * as react_jsx_runtime from 'react/jsx-runtime';
7
7
  import RAC, { ValidationResult, Key, DialogProps as DialogProps$1, DateValue, SlotProps, UNSTABLE_ToastQueue, TagListProps, ProgressBarProps, TimeValue, BreadcrumbsProps as BreadcrumbsProps$1 } from 'react-aria-components';
8
8
  export { RouterProvider } from 'react-aria-components';
9
9
  import * as react from 'react';
10
10
  import react__default, { ReactNode, ReactElement, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, CSSProperties, PropsWithChildren, Dispatch, SetStateAction, JSX } from 'react';
11
- import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
11
+ import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, AriaLabelingProps } from '@marigold/types';
12
12
  import { AriaLandmarkRole } from '@react-aria/landmark';
13
13
  import { Props } from 'react-select';
14
14
  import { OverlayTriggerState, OverlayTriggerProps } from 'react-stately';
@@ -38,7 +38,7 @@ type RemovedProps$x = 'isDisabled';
38
38
  interface AccordionProps extends Omit<RAC.DisclosureGroupProps, RemovedProps$x> {
39
39
  /** Whether all items are disabled. */
40
40
  disabled?: RAC.DisclosureGroupProps['isDisabled'];
41
- variant?: string;
41
+ variant?: 'default' | 'card' | (string & {});
42
42
  size?: string;
43
43
  }
44
44
  declare const Accordion: {
@@ -185,6 +185,15 @@ interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps
185
185
  * @default false
186
186
  */
187
187
  readOnly?: RAC.ComboBoxProps<object>['isReadOnly'];
188
+ /**
189
+ * Provides content to display when there are no items in the list.
190
+ */
191
+ emptyState?: ReactNode;
192
+ /**
193
+ * If `true`, a loading spinner will show up.
194
+ * @default false
195
+ */
196
+ loading?: boolean;
188
197
  variant?: string;
189
198
  size?: string;
190
199
  placeholder?: string;
@@ -255,6 +264,15 @@ interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$v>, Pi
255
264
  * Set the placeholder for the select.
256
265
  */
257
266
  placeholder?: string;
267
+ /**
268
+ * Provides content to display when there are no items in the list.
269
+ */
270
+ emptyState?: ReactNode;
271
+ /**
272
+ * If `true`, a loading spinner will show up.
273
+ * @default false
274
+ */
275
+ loading?: boolean;
258
276
  }
259
277
  interface ComboBoxComponent extends ForwardRefExoticComponent<ComboBoxProps & RefAttributes<HTMLInputElement>> {
260
278
  /**
@@ -273,7 +291,7 @@ interface BadgeProps {
273
291
  * Children of the component
274
292
  */
275
293
  children?: React.ReactNode;
276
- variant?: string;
294
+ variant?: 'default' | 'primary' | 'success' | 'warning' | 'info' | 'error' | 'admin' | 'master' | (string & {});
277
295
  size?: string;
278
296
  }
279
297
  declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
@@ -283,20 +301,10 @@ interface BreakoutProps extends AriaRegionProps {
283
301
  }
284
302
  declare const Breakout: ({ children }: BreakoutProps) => react_jsx_runtime.JSX.Element;
285
303
 
286
- interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
287
- /**
288
- * Children of the component
289
- */
290
- children?: ReactNode;
291
- variant?: string;
292
- size?: string;
293
- }
294
- declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
295
-
296
304
  type RemovedProps$u = 'isDisabled' | 'isPending' | 'className' | 'style';
297
305
  interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$u> {
298
- variant?: string;
299
- size?: string;
306
+ variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link' | (string & {});
307
+ size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
300
308
  /**
301
309
  * Stretches the button width with full available space.
302
310
  * @default false
@@ -322,7 +330,7 @@ declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAt
322
330
  interface CardProps extends GapSpaceProp, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp {
323
331
  children?: ReactNode;
324
332
  variant?: string;
325
- size?: string;
333
+ size?: 'default' | 'full' | (string & {});
326
334
  /**
327
335
  * Padding of the component. You can see allowed tokens [here](../../foundations/design-token#spacing).
328
336
  */
@@ -358,36 +366,50 @@ interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$t
358
366
  size?: string;
359
367
  /**
360
368
  * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
369
+ *
361
370
  * @default full
362
371
  */
363
372
  width?: WidthProp['width'];
364
373
  /**
365
374
  * Sets all checkboxes to disabled
375
+ *
366
376
  * @default false
367
377
  */
368
378
  disabled?: RAC.CheckboxGroupProps['isDisabled'];
369
379
  /**
370
380
  * Sets the checkbox as required.
381
+ *
371
382
  * @default false
372
383
  */
373
384
  required?: RAC.CheckboxGroupProps['isRequired'];
374
385
  /**
375
386
  * If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.
387
+ *
376
388
  * @default false
377
389
  */
378
390
  error?: RAC.CheckboxGroupProps['isInvalid'];
379
391
  /**
380
392
  * Sets the checkbox on read only.
393
+ *
381
394
  * @default false
382
395
  */
383
396
  readOnly?: RAC.CheckboxGroupProps['isReadOnly'];
384
397
  /**
385
398
  * Wheather the component is displayed vertically or horizontally.
399
+ *
386
400
  * @default vertical
387
401
  */
388
402
  orientation?: Orientation;
403
+ /**
404
+ * The number of items to display before collapsing the rest.
405
+ * Items beyond this number will be hidden until the user clicks
406
+ * the "Show more" control.
407
+ *
408
+ * @default undefined
409
+ */
410
+ collapseAt?: number;
389
411
  }
390
- declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, width, orientation, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
412
+ declare const _CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, width, orientation, collapseAt, ...rest }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
391
413
 
392
414
  type RemovedProps$s = 'children' | 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'isSelected' | 'isIndeterminate' | 'defaultSelected';
393
415
  interface CheckboxProps extends Omit<RAC.CheckboxProps, RemovedProps$s> {
@@ -623,7 +645,7 @@ declare const _Dialog: DialogComponent;
623
645
 
624
646
  type RemovedProps$q = 'className' | 'style';
625
647
  interface DividerProps extends Omit<RAC.SeparatorProps, RemovedProps$q> {
626
- variant?: string;
648
+ variant?: 'default' | 'bold' | (string & {});
627
649
  }
628
650
  declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
629
651
 
@@ -664,8 +686,8 @@ interface DrawerActions {
664
686
  declare const DrawerActions: ({ variant, size, children }: DrawerActions) => react_jsx_runtime.JSX.Element;
665
687
 
666
688
  interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpen' | 'role'> {
689
+ size?: 'xsmall' | 'small' | 'medium' | (string & {});
667
690
  variant?: string;
668
- size?: string;
669
691
  /**
670
692
  * Whether the overlay is open by default (controlled).
671
693
  * @default undefined
@@ -675,6 +697,11 @@ interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpe
675
697
  * Whether pressing the escape key closes the modal.
676
698
  * @default true
677
699
  */
700
+ /**
701
+ * The placement of the drawer on the screen.
702
+ * @default right
703
+ */
704
+ placement?: 'top' | 'bottom' | 'left' | 'right';
678
705
  keyboardDismissable?: boolean;
679
706
  /**
680
707
  * Show the close button.
@@ -692,23 +719,13 @@ interface DrawerProps extends Omit<DialogProps$1, 'className' | 'style' | 'isOpe
692
719
  role?: Exclude<AriaLandmarkRole, 'main'>;
693
720
  }
694
721
  declare const Drawer: {
695
- ({ children, variant, size, open, keyboardDismissable, closeButton, role, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
722
+ ({ children, size, variant, open, keyboardDismissable, closeButton, role, placement, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
696
723
  Trigger: ({ open, children, ...props }: DrawerTriggerProps) => react_jsx_runtime.JSX.Element;
697
724
  Title: ({ variant, size, children }: DrawerTitleProps) => react_jsx_runtime.JSX.Element;
698
725
  Content: ({ variant, size, children, }: DrawerContentProps) => react_jsx_runtime.JSX.Element;
699
726
  Actions: ({ variant, size, children }: DrawerActions) => react_jsx_runtime.JSX.Element;
700
727
  };
701
728
 
702
- interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
703
- /**
704
- * The children of the component.
705
- */
706
- children?: ReactNode;
707
- variant?: string;
708
- size?: string;
709
- }
710
- declare const Footer: ({ children, variant, size, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
711
-
712
729
  interface FormProps extends Omit<RAC.FormProps, 'className' | 'style'>, MaxWidthProp {
713
730
  /**
714
731
  * Removes the form's visual container so that it does not impact the layout,
@@ -761,23 +778,13 @@ declare const Grid: {
761
778
  Area: ({ name, children }: GridAreaProps) => react_jsx_runtime.JSX.Element;
762
779
  };
763
780
 
764
- interface HeaderProps extends Omit<RAC.HeadingProps, 'children'> {
765
- /**
766
- * The children of the component.
767
- */
768
- children?: ReactNode;
769
- variant?: string;
770
- size?: string;
771
- }
772
- declare const _Header: ({ variant, size, ...props }: HeaderProps) => react_jsx_runtime.JSX.Element;
773
-
774
781
  interface HeadlineProps extends AriaLabelingProps, TextAlignProp {
775
782
  /**
776
783
  * Set the color of the headline.
777
784
  */
778
785
  color?: string;
779
786
  variant?: string;
780
- size?: string;
787
+ size?: 'level-1' | 'level-2' | 'level-3' | 'level-4' | 'level-5' | 'level-6' | (string & {});
781
788
  /**
782
789
  * Set a different level.
783
790
  */
@@ -793,20 +800,6 @@ interface HeadlineProps extends AriaLabelingProps, TextAlignProp {
793
800
  }
794
801
  declare const _Headline: ({ variant, size, children, align, color, level, ...props }: HeadlineProps) => react_jsx_runtime.JSX.Element;
795
802
 
796
- interface ImageProps extends Pick<HtmlProps<'img'>, 'src' | 'srcSet' | 'sizes' | 'slot' | 'title' | 'height' | 'width' | 'role' | 'datatype'>, ObjectFitProp, ObjectPositionProp {
797
- variant?: string;
798
- size?: string;
799
- /**
800
- * The children of the component.
801
- */
802
- children?: never;
803
- /**
804
- * specifies an alternate text for an image, if the image cannot be displayed.
805
- */
806
- alt: string;
807
- }
808
- declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
809
-
810
803
  interface InlineProps extends GapSpaceProp, AriaRegionProps {
811
804
  /**
812
805
  * The children of the component.
@@ -819,7 +812,7 @@ interface InlineProps extends GapSpaceProp, AriaRegionProps {
819
812
  /**
820
813
  * Vertical alignment of the items inside the element.
821
814
  */
822
- alignY?: keyof typeof alignment.horizontal.alignmentY;
815
+ alignY?: keyof typeof alignment.horizontal.alignmentY | 'input';
823
816
  }
824
817
  declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
825
818
 
@@ -893,7 +886,7 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
893
886
  */
894
887
  dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
895
888
  }
896
- declare const _Calendar: ({ disabled, readOnly, size, variant, width, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
889
+ declare const _Calendar: ({ disabled, readOnly, size, variant, width, dateUnavailable, minValue: _minValue, maxValue: _maxValue, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
897
890
 
898
891
  type RemovedProps$m = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
899
892
  interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$m>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -969,7 +962,7 @@ declare const _Label: ({ size, variant, children, ...props }: LabelProps) => rea
969
962
 
970
963
  type RemovedProps$k = 'className' | 'isDisabled' | 'slot';
971
964
  interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$k> {
972
- variant?: string;
965
+ variant?: 'default' | 'secondary' | (string & {});
973
966
  size?: string;
974
967
  /**
975
968
  * The link can't be clicked
@@ -1036,8 +1029,8 @@ interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$h>, Omit<RAC
1036
1029
  * The label for the menu trigger button.
1037
1030
  */
1038
1031
  label?: ReactNode;
1039
- variant?: string;
1040
- size?: string;
1032
+ variant?: 'default' | 'ghost' | (string & {});
1033
+ size?: 'default' | 'small' | 'large' | 'icon' | (string & {});
1041
1034
  /**
1042
1035
  * Handler that is called when an action is performed on an item.
1043
1036
  */
@@ -1163,6 +1156,12 @@ interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 's
1163
1156
  * Handler that is called when the input changes.
1164
1157
  */
1165
1158
  onChange?: Props['onInputChange'];
1159
+ /**
1160
+ * Provides content to display when there are no items in the list.
1161
+ */
1162
+ emptyState?: (obj: {
1163
+ inputValue: string;
1164
+ }) => ReactNode;
1166
1165
  /**
1167
1166
  * Handler that is called when the selection changes.
1168
1167
  */
@@ -1210,7 +1209,7 @@ interface MultipleSelectProps extends Pick<FieldBaseProps<'label'>, 'width' | 's
1210
1209
  */
1211
1210
  ariaLiveMessages?: Props['ariaLiveMessages'];
1212
1211
  }
1213
- declare const Multiselect: ({ disabled, readOnly, items, selectedItems, defaultSelectedItems, defaultValue, error, errorMessage, size, variant, placeholder, description, onChange, onSelectionChange, width, ...rest }: MultipleSelectProps) => react_jsx_runtime.JSX.Element;
1212
+ declare const Multiselect: ({ disabled, readOnly, items, selectedItems, defaultSelectedItems, defaultValue, error, errorMessage, size, variant, placeholder, description, emptyState, onChange, onSelectionChange, width, ...rest }: MultipleSelectProps) => react_jsx_runtime.JSX.Element;
1214
1213
 
1215
1214
  type RemovedProps$g = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
1216
1215
  interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$g>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -1414,7 +1413,7 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$f> {
1414
1413
  /**
1415
1414
  * The children elements of the radio group.
1416
1415
  */
1417
- children: ReactNode[];
1416
+ children?: ReactNode[];
1418
1417
  /**
1419
1418
  * Control the width of the field.
1420
1419
  * @default 100%
@@ -1449,8 +1448,16 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$f> {
1449
1448
  * @default vertical
1450
1449
  */
1451
1450
  orientation?: 'horizontal' | 'vertical';
1451
+ /**
1452
+ * The number of items to display before collapsing the rest.
1453
+ * Items beyond this number will be hidden until the user clicks
1454
+ * the "Show more" control.
1455
+ *
1456
+ * @default undefined
1457
+ */
1458
+ collapseAt?: number;
1452
1459
  }
1453
- declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
1460
+ declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, collapseAt, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
1454
1461
 
1455
1462
  type RemovedProps$e = 'className' | 'style' | 'children' | 'isDisabled';
1456
1463
  interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$e> {
@@ -1652,9 +1659,15 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabl
1652
1659
  variant?: string;
1653
1660
  size?: string;
1654
1661
  /**
1655
- * Labels for the thumbs in the slider. Also used for the name when submitting the form.
1662
+ * The `name` attribute for the slider input(s), used for form submission.
1663
+ * - For single-thumb sliders, provide a string.
1664
+ * - For range sliders (two thumbs), provide a tuple of two strings, one for each thumb.
1656
1665
  */
1657
- thumbLabels?: string[];
1666
+ name?: string | [string, string];
1667
+ /**
1668
+ * Aria labels for the thumbs in the slider.
1669
+ */
1670
+ thumbLabels?: string | [string, string];
1658
1671
  /**
1659
1672
  * Sets the width of the field. You can see allowed tokens here: https://tailwindcss.com/docs/width
1660
1673
  * @default full
@@ -1668,7 +1681,7 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'children' | 'isDisabl
1668
1681
  /**
1669
1682
  * Set the label of the slider.
1670
1683
  */
1671
- label?: string;
1684
+ label?: ReactNode;
1672
1685
  }
1673
1686
  declare const _Slider: react.ForwardRefExoticComponent<SliderProps<number | number[]> & react.RefAttributes<HTMLDivElement>>;
1674
1687
 
@@ -1733,7 +1746,7 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$b> {
1733
1746
  declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
1734
1747
 
1735
1748
  interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes' | 'showDragButtons' | 'allowDuplicateSelectionEvents'> {
1736
- variant?: string;
1749
+ variant?: 'grid' | 'default' | 'muted' | (string & {});
1737
1750
  size?: string;
1738
1751
  /**
1739
1752
  * Stretch table to fill the container.
@@ -1761,7 +1774,7 @@ interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' |
1761
1774
  alignY?: Exclude<JSX.IntrinsicElements['td']['valign'], 'baseline' | 'sub' | 'super' | 'bottom'>;
1762
1775
  }
1763
1776
  interface RowProps extends RowProps$1<any> {
1764
- variant?: string;
1777
+ variant?: 'default' | 'grid' | 'admin' | 'master' | (string & {});
1765
1778
  size?: string;
1766
1779
  }
1767
1780
  interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
@@ -1805,8 +1818,8 @@ interface TextProps extends AriaLabelingProps, Omit<RAC.TextProps, RemovedProps$
1805
1818
  * A slot name for the component. Slots allow the component to receive props from a parent component.
1806
1819
  */
1807
1820
  slot?: string;
1808
- variant?: string;
1809
- size?: string;
1821
+ variant?: 'default' | 'muted' | (string & {});
1822
+ size?: 'default' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | (string & {});
1810
1823
  }
1811
1824
  declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
1812
1825
 
@@ -1964,7 +1977,7 @@ interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps$6> {
1964
1977
  * The children of the component.
1965
1978
  */
1966
1979
  children?: ReactNode;
1967
- variant?: string;
1980
+ variant?: 'default' | 'white' | (string & {});
1968
1981
  size?: string;
1969
1982
  /**
1970
1983
  * Whether the element is rendered.
@@ -2025,6 +2038,11 @@ interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps$4>, Pick<Ta
2025
2038
  * Provides content to display when there are no items in the tag list.
2026
2039
  */
2027
2040
  emptyState?: TagListProps<object>['renderEmptyState'];
2041
+ /**
2042
+ * Renders a "remove all" option, when a the `onRemove` prop is also set.
2043
+ * @default false
2044
+ */
2045
+ removeAll?: boolean;
2028
2046
  }
2029
2047
 
2030
2048
  type RemovedProps$3 = 'className' | 'style' | 'isDisabled';
@@ -2036,7 +2054,7 @@ interface TagProps extends Omit<RAC.TagProps, RemovedProps$3> {
2036
2054
  }
2037
2055
  declare const _Tag: {
2038
2056
  ({ variant, size, children, disabled, ...rest }: TagProps): react_jsx_runtime.JSX.Element;
2039
- Group: ({ items, children, emptyState, variant, size, name, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
2057
+ Group: ({ items, children, emptyState, variant, size, name, removeAll, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
2040
2058
  };
2041
2059
 
2042
2060
  interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
@@ -2044,8 +2062,8 @@ interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria
2044
2062
  * Children of the component that will make up the label.
2045
2063
  */
2046
2064
  children?: ReactNode;
2047
- size?: string;
2048
- variant?: string;
2065
+ variant?: 'default' | 'inverted';
2066
+ size?: 'default' | 'large' | 'fit';
2049
2067
  }
2050
2068
 
2051
2069
  interface XLoaderProps extends LoaderProps {
@@ -2129,8 +2147,8 @@ declare const _TimeField: react.ForwardRefExoticComponent<TimeFieldProps & react
2129
2147
 
2130
2148
  type RemovedProps$1 = 'className' | 'style';
2131
2149
  interface BreadcrumbsItemProps extends Omit<RAC.BreadcrumbProps, RemovedProps$1> {
2132
- variant?: string;
2133
- size?: string;
2150
+ variant?: 'default' | (string & {});
2151
+ size?: 'small' | 'default' | 'large' | (string & {});
2134
2152
  /**
2135
2153
  * The content inside the breadcrumb.
2136
2154
  */
@@ -2144,8 +2162,8 @@ declare const BreadcrumbsItem: (_: BreadcrumbsItemProps) => null;
2144
2162
 
2145
2163
  type RemovedProps = 'className' | 'style' | 'children' | 'isDisabled';
2146
2164
  interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1<object>, RemovedProps> {
2147
- variant?: string;
2148
- size?: string;
2165
+ variant?: 'default' | (string & {});
2166
+ size?: 'small' | 'default' | 'large' | (string & {});
2149
2167
  /**
2150
2168
  * Disables the breadcrumbs.
2151
2169
  * @default false
@@ -2165,4 +2183,4 @@ interface BreadcrumbsComponent extends ForwardRefExoticComponent<BreadcrumbsProp
2165
2183
  }
2166
2184
  declare const _Breadcrumbs: BreadcrumbsComponent;
2167
2185
 
2168
- export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsComponent, type BreadcrumbsProps, 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, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, Footer, type FooterProps, _Form as Form, type FormProps, 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, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, type OverlayContainerProps, 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$s 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, 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, _TimeField as TimeField, type TimeFieldProps, Toast, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, queue, useToast };
2186
+ export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type ActionMenuProps, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsComponent, type BreadcrumbsProps, 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, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, _Form as Form, type FormProps, Grid, type GridProps, _Headline as Headline, type HeadlineProps, 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, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, type OverlayContainerProps, 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$s 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, 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, _TimeField as TimeField, type TimeFieldProps, Toast, ToastProvider, type ToastProviderProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, queue, useToast };