@marigold/components 9.0.0 → 9.0.2

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
@@ -5,7 +5,7 @@ import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWit
5
5
  import { AriaAccordionProps } from '@react-aria/accordion';
6
6
  import { ItemElement, SelectionMode, ItemProps, Node, Orientation } from '@react-types/shared';
7
7
  import { TreeState } from '@react-stately/tree';
8
- import { GapSpaceProp, AspectProp, WidthProp, alignment, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, GridColsAlignProp, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, AlignmentProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
8
+ 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
9
  export { ThemeProvider, useTheme } from '@marigold/system';
10
10
  import { NonZeroPercentage, DistributiveOmit, HtmlProps } from '@marigold/types';
11
11
  import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
@@ -135,7 +135,7 @@ declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_j
135
135
 
136
136
  interface ListBoxItemProps extends Omit<RAC.ListBoxItemProps, 'style' | 'className'> {
137
137
  }
138
- declare const _ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
138
+ declare const _ListBoxItem: ({ ...props }: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
139
139
 
140
140
  interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style'> {
141
141
  }
@@ -151,7 +151,7 @@ interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefA
151
151
  }
152
152
  declare const _ListBox: ListBoxComponent;
153
153
 
154
- type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState';
154
+ type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
155
155
  interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
156
156
  /**
157
157
  * The value of the input (uncontrolled).
@@ -331,7 +331,7 @@ interface CardProps extends GapSpaceProp, PaddingSpaceProp, PaddingRightProp, Pa
331
331
  variant?: string;
332
332
  size?: string;
333
333
  /**
334
- * Padding of the component.
334
+ * Padding of the component. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
335
335
  */
336
336
  p?: PaddingSpaceProp['space'];
337
337
  /**
@@ -339,7 +339,7 @@ interface CardProps extends GapSpaceProp, PaddingSpaceProp, PaddingRightProp, Pa
339
339
  */
340
340
  px?: PaddingSpacePropX['spaceX'];
341
341
  /**
342
- * Padding vertical (top and bottom) of the component.
342
+ * Padding vertical (top and bottom) of the component. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
343
343
  */
344
344
  py?: PaddingSpacePropY['spaceY'];
345
345
  }
@@ -520,7 +520,7 @@ interface HeadlineProps extends TextAlignProp {
520
520
  variant?: string;
521
521
  size?: string;
522
522
  /**
523
- * Set a different level from theme, values are from 1 - 6.
523
+ * Set a different level.
524
524
  */
525
525
  level?: '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
526
526
  /**
@@ -571,7 +571,13 @@ interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
571
571
  declare const Footer: ({ children, variant, size, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
572
572
 
573
573
  interface GridAreaProps {
574
+ /**
575
+ * Name of the grid area slot to put the component.
576
+ */
574
577
  name: string;
578
+ /**
579
+ * Children of the component.
580
+ */
575
581
  children?: ReactNode;
576
582
  }
577
583
 
@@ -623,20 +629,21 @@ interface ImageProps extends Pick<HtmlProps<'img'>, 'src' | 'srcSet' | 'sizes' |
623
629
  }
624
630
  declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
625
631
 
626
- interface InlineProps extends AlignmentProp, GapSpaceProp {
632
+ interface InlineProps extends GapSpaceProp {
633
+ /**
634
+ * The children of the component.
635
+ */
627
636
  children?: ReactNode;
628
637
  /**
629
- * Horizontal alignment of the items inside the breakout element.
630
- * @default 'left'
638
+ * Horizontal alignment of the items inside the element.
631
639
  */
632
640
  alignX?: keyof typeof alignment.horizontal.alignmentX;
633
641
  /**
634
- * Vertical alignment of the items inside the breakout element.
635
- * @default 'center'
642
+ * Vertical alignment of the items inside the element.
636
643
  */
637
644
  alignY?: keyof typeof alignment.horizontal.alignmentY;
638
645
  }
639
- declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
646
+ declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
640
647
 
641
648
  type RemovedProps$i = 'className' | 'style' | 'size';
642
649
  interface InputProps extends Omit<RAC.InputProps, RemovedProps$i> {
@@ -742,17 +749,17 @@ type InsetProps = {
742
749
  children: ReactNode;
743
750
  space?: never;
744
751
  /**
745
- * Horizontal alignment for the children
752
+ * Horizontal alignment for the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
746
753
  */
747
754
  spaceX?: PaddingSpacePropX['spaceX'];
748
755
  /**
749
- * Vertical alignment for the children
756
+ * Vertical alignment for the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
750
757
  */
751
758
  spaceY?: PaddingSpacePropY['spaceY'];
752
759
  } | {
753
760
  children: ReactNode;
754
761
  /**
755
- * The space between the children
762
+ * The space between the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
756
763
  */
757
764
  space?: PaddingSpaceProp['space'];
758
765
  spaceX?: never;
@@ -767,7 +774,7 @@ interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$e> {
767
774
  }
768
775
  declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
769
776
 
770
- type RemovedProps$d = 'className' | 'isDisabled';
777
+ type RemovedProps$d = 'className' | 'isDisabled' | 'slot';
771
778
  interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
772
779
  variant?: string;
773
780
  size?: string;
@@ -780,6 +787,9 @@ interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
780
787
  declare const _Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
781
788
 
782
789
  interface ListItemProps {
790
+ /**
791
+ * Children of the component.
792
+ */
783
793
  children?: ReactNode;
784
794
  }
785
795
 
@@ -863,10 +873,16 @@ interface ActionMenuProps extends RAC.MenuProps<object> {
863
873
  declare const ActionMenu: ({ variant, size, disabled, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
864
874
 
865
875
  interface SectionMessageContentProps {
876
+ /**
877
+ * The children of the component.
878
+ */
866
879
  children?: ReactNode;
867
880
  }
868
881
 
869
882
  interface SectionMessageTitleProps {
883
+ /**
884
+ * The children of the component.
885
+ */
870
886
  children?: ReactNode;
871
887
  }
872
888
 
@@ -1252,18 +1268,16 @@ interface StackProps extends GapSpaceProp {
1252
1268
  stretch?: boolean;
1253
1269
  /**
1254
1270
  * Horizontal alignment for the children.
1255
- * @default none
1256
1271
  */
1257
1272
  alignX?: keyof typeof alignment.vertical.alignmentX;
1258
1273
  /**
1259
1274
  * Vertical alignment for the children.
1260
- * @default none
1261
1275
  */
1262
1276
  alignY?: keyof typeof alignment.vertical.alignmentY;
1263
1277
  }
1264
1278
  declare const Stack: ({ children, space, stretch, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
1265
1279
 
1266
- type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
1280
+ type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
1267
1281
  interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
1268
1282
  variant?: string;
1269
1283
  size?: string;
@@ -1291,7 +1305,7 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
1291
1305
  }
1292
1306
  declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
1293
1307
 
1294
- interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
1308
+ interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes' | 'showDragButtons' | 'allowDuplicateSelectionEvents'> {
1295
1309
  variant?: string;
1296
1310
  size?: string;
1297
1311
  /**
@@ -1309,6 +1323,10 @@ interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAc
1309
1323
  * @default false
1310
1324
  */
1311
1325
  disableKeyboardNavigation?: boolean;
1326
+ /**
1327
+ * Content to display when there are no rows in the table.
1328
+ */
1329
+ emptyState?: () => ReactNode;
1312
1330
  }
1313
1331
  interface RowProps extends RowProps$1<any> {
1314
1332
  variant?: string;
@@ -1335,7 +1353,7 @@ interface Table {
1335
1353
  Row: (props: RowProps) => JSX.Element;
1336
1354
  }
1337
1355
 
1338
- interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
1356
+ interface TextProps extends Omit<RAC.TextProps, 'elementType'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
1339
1357
  /**
1340
1358
  * The children of the component
1341
1359
  */
@@ -1345,10 +1363,15 @@ interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontSty
1345
1363
  * @default currentColor
1346
1364
  */
1347
1365
  color?: string;
1366
+ /**
1367
+ * Element to render
1368
+ * @default "div"
1369
+ */
1370
+ as?: 'div' | 'p' | 'span';
1348
1371
  variant?: string;
1349
1372
  size?: string;
1350
1373
  }
1351
- declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
1374
+ declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
1352
1375
 
1353
1376
  type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
1354
1377
  interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -1402,7 +1425,7 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<R
1402
1425
  }
1403
1426
  declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
1404
1427
 
1405
- type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
1428
+ type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
1406
1429
  interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
1407
1430
  variant?: string;
1408
1431
  size?: string;
@@ -1482,9 +1505,19 @@ interface TilesProps extends GapSpaceProp {
1482
1505
  }
1483
1506
  declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
1484
1507
 
1485
- type RemovedProps$2 = 'isDisabled' | 'isOpen';
1508
+ type RemovedProps$2 = 'isDisabled' | 'isOpen' | 'children';
1486
1509
  interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$2> {
1510
+ /**
1511
+ * The children of the component.
1512
+ */
1513
+ children: ReactNode;
1514
+ /**
1515
+ * Whether the tooltip should be disabled, independent from the trigger.
1516
+ */
1487
1517
  disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
1518
+ /**
1519
+ * Control the visibility of the tooltip.
1520
+ */
1488
1521
  open?: boolean;
1489
1522
  }
1490
1523
 
@@ -1546,7 +1579,7 @@ interface TabPanelProps extends Omit<RAC.TabPanelProps, 'className' | 'style'> {
1546
1579
  interface TabListProps extends Omit<RAC.TabListProps<Object>, 'className' | 'style'>, GapSpaceProp {
1547
1580
  }
1548
1581
 
1549
- interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation'> {
1582
+ interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation' | 'slot'> {
1550
1583
  /**
1551
1584
  * Set All TabPanel disabled
1552
1585
  * @default false
@@ -1562,4 +1595,4 @@ declare const _Tabs: {
1562
1595
  Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
1563
1596
  };
1564
1597
 
1565
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$k as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, _Calendar, useFieldGroupContext, usePortalContainer };
1598
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$k as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text 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, _Calendar, useFieldGroupContext, usePortalContainer };
package/dist/index.d.ts CHANGED
@@ -5,7 +5,7 @@ import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWit
5
5
  import { AriaAccordionProps } from '@react-aria/accordion';
6
6
  import { ItemElement, SelectionMode, ItemProps, Node, Orientation } from '@react-types/shared';
7
7
  import { TreeState } from '@react-stately/tree';
8
- import { GapSpaceProp, AspectProp, WidthProp, alignment, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, GridColsAlignProp, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, AlignmentProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
8
+ 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
9
  export { ThemeProvider, useTheme } from '@marigold/system';
10
10
  import { NonZeroPercentage, DistributiveOmit, HtmlProps } from '@marigold/types';
11
11
  import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
@@ -135,7 +135,7 @@ declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_j
135
135
 
136
136
  interface ListBoxItemProps extends Omit<RAC.ListBoxItemProps, 'style' | 'className'> {
137
137
  }
138
- declare const _ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
138
+ declare const _ListBoxItem: ({ ...props }: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
139
139
 
140
140
  interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style'> {
141
141
  }
@@ -151,7 +151,7 @@ interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefA
151
151
  }
152
152
  declare const _ListBox: ListBoxComponent;
153
153
 
154
- type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState';
154
+ type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
155
155
  interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
156
156
  /**
157
157
  * The value of the input (uncontrolled).
@@ -331,7 +331,7 @@ interface CardProps extends GapSpaceProp, PaddingSpaceProp, PaddingRightProp, Pa
331
331
  variant?: string;
332
332
  size?: string;
333
333
  /**
334
- * Padding of the component.
334
+ * Padding of the component. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
335
335
  */
336
336
  p?: PaddingSpaceProp['space'];
337
337
  /**
@@ -339,7 +339,7 @@ interface CardProps extends GapSpaceProp, PaddingSpaceProp, PaddingRightProp, Pa
339
339
  */
340
340
  px?: PaddingSpacePropX['spaceX'];
341
341
  /**
342
- * Padding vertical (top and bottom) of the component.
342
+ * Padding vertical (top and bottom) of the component. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
343
343
  */
344
344
  py?: PaddingSpacePropY['spaceY'];
345
345
  }
@@ -520,7 +520,7 @@ interface HeadlineProps extends TextAlignProp {
520
520
  variant?: string;
521
521
  size?: string;
522
522
  /**
523
- * Set a different level from theme, values are from 1 - 6.
523
+ * Set a different level.
524
524
  */
525
525
  level?: '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
526
526
  /**
@@ -571,7 +571,13 @@ interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
571
571
  declare const Footer: ({ children, variant, size, ...props }: FooterProps) => react_jsx_runtime.JSX.Element;
572
572
 
573
573
  interface GridAreaProps {
574
+ /**
575
+ * Name of the grid area slot to put the component.
576
+ */
574
577
  name: string;
578
+ /**
579
+ * Children of the component.
580
+ */
575
581
  children?: ReactNode;
576
582
  }
577
583
 
@@ -623,20 +629,21 @@ interface ImageProps extends Pick<HtmlProps<'img'>, 'src' | 'srcSet' | 'sizes' |
623
629
  }
624
630
  declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
625
631
 
626
- interface InlineProps extends AlignmentProp, GapSpaceProp {
632
+ interface InlineProps extends GapSpaceProp {
633
+ /**
634
+ * The children of the component.
635
+ */
627
636
  children?: ReactNode;
628
637
  /**
629
- * Horizontal alignment of the items inside the breakout element.
630
- * @default 'left'
638
+ * Horizontal alignment of the items inside the element.
631
639
  */
632
640
  alignX?: keyof typeof alignment.horizontal.alignmentX;
633
641
  /**
634
- * Vertical alignment of the items inside the breakout element.
635
- * @default 'center'
642
+ * Vertical alignment of the items inside the element.
636
643
  */
637
644
  alignY?: keyof typeof alignment.horizontal.alignmentY;
638
645
  }
639
- declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
646
+ declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
640
647
 
641
648
  type RemovedProps$i = 'className' | 'style' | 'size';
642
649
  interface InputProps extends Omit<RAC.InputProps, RemovedProps$i> {
@@ -742,17 +749,17 @@ type InsetProps = {
742
749
  children: ReactNode;
743
750
  space?: never;
744
751
  /**
745
- * Horizontal alignment for the children
752
+ * Horizontal alignment for the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
746
753
  */
747
754
  spaceX?: PaddingSpacePropX['spaceX'];
748
755
  /**
749
- * Vertical alignment for the children
756
+ * Vertical alignment for the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
750
757
  */
751
758
  spaceY?: PaddingSpacePropY['spaceY'];
752
759
  } | {
753
760
  children: ReactNode;
754
761
  /**
755
- * The space between the children
762
+ * The space between the children. You can see allowed tokens [here](../../introduction/design-tokens?theme=core#spacing).
756
763
  */
757
764
  space?: PaddingSpaceProp['space'];
758
765
  spaceX?: never;
@@ -767,7 +774,7 @@ interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$e> {
767
774
  }
768
775
  declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
769
776
 
770
- type RemovedProps$d = 'className' | 'isDisabled';
777
+ type RemovedProps$d = 'className' | 'isDisabled' | 'slot';
771
778
  interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
772
779
  variant?: string;
773
780
  size?: string;
@@ -780,6 +787,9 @@ interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
780
787
  declare const _Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
781
788
 
782
789
  interface ListItemProps {
790
+ /**
791
+ * Children of the component.
792
+ */
783
793
  children?: ReactNode;
784
794
  }
785
795
 
@@ -863,10 +873,16 @@ interface ActionMenuProps extends RAC.MenuProps<object> {
863
873
  declare const ActionMenu: ({ variant, size, disabled, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
864
874
 
865
875
  interface SectionMessageContentProps {
876
+ /**
877
+ * The children of the component.
878
+ */
866
879
  children?: ReactNode;
867
880
  }
868
881
 
869
882
  interface SectionMessageTitleProps {
883
+ /**
884
+ * The children of the component.
885
+ */
870
886
  children?: ReactNode;
871
887
  }
872
888
 
@@ -1252,18 +1268,16 @@ interface StackProps extends GapSpaceProp {
1252
1268
  stretch?: boolean;
1253
1269
  /**
1254
1270
  * Horizontal alignment for the children.
1255
- * @default none
1256
1271
  */
1257
1272
  alignX?: keyof typeof alignment.vertical.alignmentX;
1258
1273
  /**
1259
1274
  * Vertical alignment for the children.
1260
- * @default none
1261
1275
  */
1262
1276
  alignY?: keyof typeof alignment.vertical.alignmentY;
1263
1277
  }
1264
1278
  declare const Stack: ({ children, space, stretch, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
1265
1279
 
1266
- type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
1280
+ type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
1267
1281
  interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
1268
1282
  variant?: string;
1269
1283
  size?: string;
@@ -1291,7 +1305,7 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
1291
1305
  }
1292
1306
  declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
1293
1307
 
1294
- interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
1308
+ interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes' | 'showDragButtons' | 'allowDuplicateSelectionEvents'> {
1295
1309
  variant?: string;
1296
1310
  size?: string;
1297
1311
  /**
@@ -1309,6 +1323,10 @@ interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAc
1309
1323
  * @default false
1310
1324
  */
1311
1325
  disableKeyboardNavigation?: boolean;
1326
+ /**
1327
+ * Content to display when there are no rows in the table.
1328
+ */
1329
+ emptyState?: () => ReactNode;
1312
1330
  }
1313
1331
  interface RowProps extends RowProps$1<any> {
1314
1332
  variant?: string;
@@ -1335,7 +1353,7 @@ interface Table {
1335
1353
  Row: (props: RowProps) => JSX.Element;
1336
1354
  }
1337
1355
 
1338
- interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
1356
+ interface TextProps extends Omit<RAC.TextProps, 'elementType'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
1339
1357
  /**
1340
1358
  * The children of the component
1341
1359
  */
@@ -1345,10 +1363,15 @@ interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontSty
1345
1363
  * @default currentColor
1346
1364
  */
1347
1365
  color?: string;
1366
+ /**
1367
+ * Element to render
1368
+ * @default "div"
1369
+ */
1370
+ as?: 'div' | 'p' | 'span';
1348
1371
  variant?: string;
1349
1372
  size?: string;
1350
1373
  }
1351
- declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
1374
+ declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
1352
1375
 
1353
1376
  type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
1354
1377
  interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -1402,7 +1425,7 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<R
1402
1425
  }
1403
1426
  declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
1404
1427
 
1405
- type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
1428
+ type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
1406
1429
  interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
1407
1430
  variant?: string;
1408
1431
  size?: string;
@@ -1482,9 +1505,19 @@ interface TilesProps extends GapSpaceProp {
1482
1505
  }
1483
1506
  declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
1484
1507
 
1485
- type RemovedProps$2 = 'isDisabled' | 'isOpen';
1508
+ type RemovedProps$2 = 'isDisabled' | 'isOpen' | 'children';
1486
1509
  interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$2> {
1510
+ /**
1511
+ * The children of the component.
1512
+ */
1513
+ children: ReactNode;
1514
+ /**
1515
+ * Whether the tooltip should be disabled, independent from the trigger.
1516
+ */
1487
1517
  disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
1518
+ /**
1519
+ * Control the visibility of the tooltip.
1520
+ */
1488
1521
  open?: boolean;
1489
1522
  }
1490
1523
 
@@ -1546,7 +1579,7 @@ interface TabPanelProps extends Omit<RAC.TabPanelProps, 'className' | 'style'> {
1546
1579
  interface TabListProps extends Omit<RAC.TabListProps<Object>, 'className' | 'style'>, GapSpaceProp {
1547
1580
  }
1548
1581
 
1549
- interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation'> {
1582
+ interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation' | 'slot'> {
1550
1583
  /**
1551
1584
  * Set All TabPanel disabled
1552
1585
  * @default false
@@ -1562,4 +1595,4 @@ declare const _Tabs: {
1562
1595
  Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
1563
1596
  };
1564
1597
 
1565
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$k as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, _Calendar, useFieldGroupContext, usePortalContainer };
1598
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$k as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text 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, _Calendar, useFieldGroupContext, usePortalContainer };