@marigold/components 9.0.1 → 9.0.2

package/dist/index.d.mts

@@ -5,7 +5,7 @@ import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWit
 import { AriaAccordionProps } from '@react-aria/accordion';
 import { ItemElement, SelectionMode, ItemProps, Node, Orientation } from '@react-types/shared';
 import { TreeState } from '@react-stately/tree';
-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';
+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';
 export { ThemeProvider, useTheme } from '@marigold/system';
 import { NonZeroPercentage, DistributiveOmit, HtmlProps } from '@marigold/types';
 import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
@@ -135,7 +135,7 @@ declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_j
 
 interface ListBoxItemProps extends Omit<RAC.ListBoxItemProps, 'style' | 'className'> {
 }
-declare const _ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
+declare const _ListBoxItem: ({ ...props }: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
 
 interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style'> {
 }
@@ -151,7 +151,7 @@ interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefA
 }
 declare const _ListBox: ListBoxComponent;
 
-type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState';
+type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
 interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
     /**
      * The value of the input (uncontrolled).
@@ -629,20 +629,21 @@ interface ImageProps extends Pick<HtmlProps<'img'>, 'src' | 'srcSet' | 'sizes' |
 }
 declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
 
-interface InlineProps extends AlignmentProp, GapSpaceProp {
+interface InlineProps extends GapSpaceProp {
+    /**
+     * The children of the component.
+     */
     children?: ReactNode;
     /**
-     * Horizontal alignment of the items inside the breakout element.
-     * @default 'left'
+     * Horizontal alignment of the items inside the element.
      */
     alignX?: keyof typeof alignment.horizontal.alignmentX;
     /**
-     * Vertical alignment of the items inside the breakout element.
-     * @default 'center'
+     * Vertical alignment of the items inside the element.
      */
     alignY?: keyof typeof alignment.horizontal.alignmentY;
 }
-declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
+declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
 
 type RemovedProps$i = 'className' | 'style' | 'size';
 interface InputProps extends Omit<RAC.InputProps, RemovedProps$i> {
@@ -773,7 +774,7 @@ interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$e> {
 }
 declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$d = 'className' | 'isDisabled';
+type RemovedProps$d = 'className' | 'isDisabled' | 'slot';
 interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
     variant?: string;
     size?: string;
@@ -1267,18 +1268,16 @@ interface StackProps extends GapSpaceProp {
     stretch?: boolean;
     /**
      * Horizontal alignment for the children.
-     * @default none
      */
     alignX?: keyof typeof alignment.vertical.alignmentX;
     /**
      * Vertical alignment for the children.
-     * @default none
      */
     alignY?: keyof typeof alignment.vertical.alignmentY;
 }
 declare const Stack: ({ children, space, stretch, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
+type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
 interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
     variant?: string;
     size?: string;
@@ -1354,7 +1353,7 @@ interface Table {
     Row: (props: RowProps) => JSX.Element;
 }
 
-interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
+interface TextProps extends Omit<RAC.TextProps, 'elementType'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
     /**
      * The children of the component
      */
@@ -1364,10 +1363,15 @@ interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontSty
      * @default currentColor
      */
     color?: string;
+    /**
+     * Element to render
+     * @default "div"
+     */
+    as?: 'div' | 'p' | 'span';
     variant?: string;
     size?: string;
 }
-declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
+declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
 
 type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
 interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -1421,7 +1425,7 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<R
 }
 declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
-type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
+type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
 interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
@@ -1501,9 +1505,19 @@ interface TilesProps extends GapSpaceProp {
 }
 declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$2 = 'isDisabled' | 'isOpen';
+type RemovedProps$2 = 'isDisabled' | 'isOpen' | 'children';
 interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$2> {
+    /**
+     * The children of the component.
+     */
+    children: ReactNode;
+    /**
+     * Whether the tooltip should be disabled, independent from the trigger.
+     */
     disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
+    /**
+     * Control the visibility of the tooltip.
+     */
     open?: boolean;
 }
 
@@ -1565,7 +1579,7 @@ interface TabPanelProps extends Omit<RAC.TabPanelProps, 'className' | 'style'> {
 interface TabListProps extends Omit<RAC.TabListProps<Object>, 'className' | 'style'>, GapSpaceProp {
 }
 
-interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation'> {
+interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation' | 'slot'> {
     /**
      * Set All TabPanel disabled
      * @default false
@@ -1581,4 +1595,4 @@ declare const _Tabs: {
     Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _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 };
+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

@@ -5,7 +5,7 @@ import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWit
 import { AriaAccordionProps } from '@react-aria/accordion';
 import { ItemElement, SelectionMode, ItemProps, Node, Orientation } from '@react-types/shared';
 import { TreeState } from '@react-stately/tree';
-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';
+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';
 export { ThemeProvider, useTheme } from '@marigold/system';
 import { NonZeroPercentage, DistributiveOmit, HtmlProps } from '@marigold/types';
 import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
@@ -135,7 +135,7 @@ declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_j
 
 interface ListBoxItemProps extends Omit<RAC.ListBoxItemProps, 'style' | 'className'> {
 }
-declare const _ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
+declare const _ListBoxItem: ({ ...props }: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
 
 interface SectionProps extends Omit<RAC.SectionProps<object>, 'className' | 'style'> {
 }
@@ -151,7 +151,7 @@ interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefA
 }
 declare const _ListBox: ListBoxComponent;
 
-type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState';
+type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState' | 'slot';
 interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
     /**
      * The value of the input (uncontrolled).
@@ -629,20 +629,21 @@ interface ImageProps extends Pick<HtmlProps<'img'>, 'src' | 'srcSet' | 'sizes' |
 }
 declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
 
-interface InlineProps extends AlignmentProp, GapSpaceProp {
+interface InlineProps extends GapSpaceProp {
+    /**
+     * The children of the component.
+     */
     children?: ReactNode;
     /**
-     * Horizontal alignment of the items inside the breakout element.
-     * @default 'left'
+     * Horizontal alignment of the items inside the element.
      */
     alignX?: keyof typeof alignment.horizontal.alignmentX;
     /**
-     * Vertical alignment of the items inside the breakout element.
-     * @default 'center'
+     * Vertical alignment of the items inside the element.
      */
     alignY?: keyof typeof alignment.horizontal.alignmentY;
 }
-declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
+declare const Inline: ({ space, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
 
 type RemovedProps$i = 'className' | 'style' | 'size';
 interface InputProps extends Omit<RAC.InputProps, RemovedProps$i> {
@@ -773,7 +774,7 @@ interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$e> {
 }
 declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$d = 'className' | 'isDisabled';
+type RemovedProps$d = 'className' | 'isDisabled' | 'slot';
 interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
     variant?: string;
     size?: string;
@@ -1267,18 +1268,16 @@ interface StackProps extends GapSpaceProp {
     stretch?: boolean;
     /**
      * Horizontal alignment for the children.
-     * @default none
      */
     alignX?: keyof typeof alignment.vertical.alignmentX;
     /**
      * Vertical alignment for the children.
-     * @default none
      */
     alignY?: keyof typeof alignment.vertical.alignmentY;
 }
 declare const Stack: ({ children, space, stretch, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
+type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children' | 'slot';
 interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
     variant?: string;
     size?: string;
@@ -1354,7 +1353,7 @@ interface Table {
     Row: (props: RowProps) => JSX.Element;
 }
 
-interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
+interface TextProps extends Omit<RAC.TextProps, 'elementType'>, TextAlignProp, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp {
     /**
      * The children of the component
      */
@@ -1364,10 +1363,15 @@ interface TextProps extends TextAlignProp, FontSizeProp, FontWeightProp, FontSty
      * @default currentColor
      */
     color?: string;
+    /**
+     * Element to render
+     * @default "div"
+     */
+    as?: 'div' | 'p' | 'span';
     variant?: string;
     size?: string;
 }
-declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
+declare const _Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, as, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
 
 type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
 interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -1421,7 +1425,7 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<R
 }
 declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
-type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
+type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue' | 'slot';
 interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
@@ -1501,9 +1505,19 @@ interface TilesProps extends GapSpaceProp {
 }
 declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$2 = 'isDisabled' | 'isOpen';
+type RemovedProps$2 = 'isDisabled' | 'isOpen' | 'children';
 interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$2> {
+    /**
+     * The children of the component.
+     */
+    children: ReactNode;
+    /**
+     * Whether the tooltip should be disabled, independent from the trigger.
+     */
     disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
+    /**
+     * Control the visibility of the tooltip.
+     */
     open?: boolean;
 }
 
@@ -1565,7 +1579,7 @@ interface TabPanelProps extends Omit<RAC.TabPanelProps, 'className' | 'style'> {
 interface TabListProps extends Omit<RAC.TabListProps<Object>, 'className' | 'style'>, GapSpaceProp {
 }
 
-interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation'> {
+interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation' | 'slot'> {
     /**
      * Set All TabPanel disabled
      * @default false
@@ -1581,4 +1595,4 @@ declare const _Tabs: {
     Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _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 };
+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.js

@@ -78,7 +78,7 @@ __export(src_exports, {
   Popover: () => _Popover,
   Radio: () => _Radio,
   RadioGroup: () => _RadioGroup,
-  RouterProvider: () => import_react_aria_components58.RouterProvider,
+  RouterProvider: () => import_react_aria_components59.RouterProvider,
   Scrollable: () => Scrollable,
   SearchField: () => _SearchField,
   SectionMessage: () => SectionMessage,
@@ -91,7 +91,7 @@ __export(src_exports, {
   Table: () => Table,
   Tabs: () => _Tabs,
   Tag: () => _Tag,
-  Text: () => Text2,
+  Text: () => _Text,
   TextArea: () => _TextArea,
   TextField: () => _TextField,
   ThemeProvider: () => import_system14.ThemeProvider,
@@ -701,10 +701,10 @@ var import_react11 = require("react");
 var ListBoxContext = (0, import_react11.createContext)({});
 var useListBoxContext = () => (0, import_react11.useContext)(ListBoxContext);
 
-// src/ListBox/ListBoxOption.tsx
+// src/ListBox/ListBoxItem.tsx
 var import_react_aria_components5 = require("react-aria-components");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var _ListBoxItem = (props) => {
+var _ListBoxItem = ({ ...props }) => {
   const { classNames: classNames2 } = useListBoxContext();
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components5.ListBoxItem, { ...props, className: classNames2.option });
 };
@@ -880,7 +880,10 @@ var AutocompleteInput = ({
     {
       ref,
       className: {
-        action: (0, import_system17.cn)((state == null ? void 0 : state.inputValue) === "" ? "hidden" : void 0, classNames2)
+        action: (0, import_system17.cn)(
+          (state == null ? void 0 : state.inputValue) === "" ? "invisible" : "visible",
+          classNames2
+        )
       },
       onKeyDown: (e) => {
         if (e.key === "Enter" || e.key === "Escape") {
@@ -926,7 +929,7 @@ var _Autocomplete = (0, import_react15.forwardRef)(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(FieldBase, { as: import_react_aria_components10.ComboBox, ...props, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(FieldBase, { as: import_react_aria_components10.ComboBox, ref, ...props, children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AutocompleteInput, { onSubmit, onClear, ref }),
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(_Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(_ListBox, { children }) })
     ] });
@@ -1614,13 +1617,12 @@ var import_system37 = require("@marigold/system");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var Inline = ({
   space = 0,
-  orientation,
-  alignX = ((_a) => (_a = orientation == null ? void 0 : orientation.horizontal) == null ? void 0 : _a.alignX)(),
-  alignY = ((_b) => (_b = orientation == null ? void 0 : orientation.horizontal) == null ? void 0 : _b.alignY)(),
+  alignX,
+  alignY,
   children,
   ...props
 }) => {
-  var _a2, _b2, _c, _d;
+  var _a, _b, _c, _d;
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
@@ -1628,7 +1630,7 @@ var Inline = ({
       className: (0, import_system37.cn)(
         "flex flex-wrap",
         import_system37.gapSpace[space],
-        alignX && ((_b2 = (_a2 = import_system37.alignment) == null ? void 0 : _a2.horizontal) == null ? void 0 : _b2.alignmentX[alignX]),
+        alignX && ((_b = (_a = import_system37.alignment) == null ? void 0 : _a.horizontal) == null ? void 0 : _b.alignmentX[alignX]),
         alignY && ((_d = (_c = import_system37.alignment) == null ? void 0 : _c.horizontal) == null ? void 0 : _d.alignmentY[alignY])
       ),
       children
@@ -2784,7 +2786,7 @@ var _Select = (0, import_react39.forwardRef)(
                 classNames2.select
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_aria_components45.SelectValue, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_aria_components45.SelectValue, { className: "[&>[slot=description]]:hidden" }),
                 /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ChevronDown, { className: (0, import_system62.cn)("size-4", classNames2.icon) })
               ]
             }
@@ -2824,7 +2826,10 @@ var _SelectListItem = (0, import_react41.forwardRef)(
       {
         textValue,
         ...props,
-        className: (0, import_system63.cn)("flex items-center", classNames2 == null ? void 0 : classNames2.option),
+        className: (0, import_system63.cn)(
+          "items-center group-data-[layout=grid]/list:flex-row",
+          classNames2 == null ? void 0 : classNames2.option
+        ),
         ref,
         children: ({ selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
           selectionMode === "multiple" && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FieldGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(_Checkbox, { slot: "selection" }) }),
@@ -2848,9 +2853,10 @@ var _SelectList = (0, import_react42.forwardRef)(
       import_react_aria_components47.GridList,
       {
         ...props,
+        layout: "grid",
         ref,
         className: (0, import_system64.cn)(
-          "overflow-y-auto sm:max-h-[75vh] lg:max-h-[45vh]",
+          "group/list overflow-y-auto sm:max-h-[75vh] lg:max-h-[45vh]",
           classNames2.list
         ),
         children: props.children
@@ -3049,7 +3055,7 @@ var TableBody = ({ children, emptyState }) => {
   const { rowGroupProps } = (0, import_table.useTableRowGroup)();
   const { state, classNames: classNames2 } = useTableContext();
   if (state.collection.size === 0 && emptyState) {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("tr", { className: classNames2 == null ? void 0 : classNames2.row, role: "row", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("tr", { className: classNames2 == null ? void 0 : classNames2.row, role: "row", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       "td",
       {
         className: classNames2 == null ? void 0 : classNames2.cell,
@@ -3057,7 +3063,7 @@ var TableBody = ({ children, emptyState }) => {
         role: "rowheader",
         children: emptyState()
       }
-    ) });
+    ) }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("tbody", { ...rowGroupProps, children });
 };
@@ -3427,9 +3433,10 @@ Table.Header = import_table10.TableHeader;
 Table.Row = import_table10.Row;
 
 // src/Text/Text.tsx
+var import_react_aria_components50 = require("react-aria-components");
 var import_system75 = require("@marigold/system");
 var import_jsx_runtime90 = require("react/jsx-runtime");
-var Text2 = ({
+var _Text = ({
   variant,
   size,
   color,
@@ -3439,6 +3446,7 @@ var Text2 = ({
   fontSize,
   fontStyle,
   children,
+  as = "div",
   ...props
 }) => {
   const theme = (0, import_system75.useTheme)();
@@ -3448,9 +3456,10 @@ var Text2 = ({
     size
   });
   return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-    "p",
+    import_react_aria_components50.Text,
     {
       ...props,
+      elementType: as,
       className: (0, import_system75.cn)(
         "text-[--color] outline-[--outline]",
         classNames2,
@@ -3475,7 +3484,7 @@ var Text2 = ({
 
 // src/TextArea/TextArea.tsx
 var import_react53 = require("react");
-var import_react_aria_components50 = require("react-aria-components");
+var import_react_aria_components51 = require("react-aria-components");
 var import_system76 = require("@marigold/system");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var _TextArea = (0, import_react53.forwardRef)(
@@ -3497,13 +3506,13 @@ var _TextArea = (0, import_react53.forwardRef)(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(FieldBase, { as: import_react_aria_components50.TextField, ...props, variant, size, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_aria_components50.TextArea, { className: classNames2, ref, rows }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(FieldBase, { as: import_react_aria_components51.TextField, ...props, variant, size, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react_aria_components51.TextArea, { className: classNames2, ref, rows }) });
   }
 );
 
 // src/TextField/TextField.tsx
 var import_react54 = require("react");
-var import_react_aria_components51 = require("react-aria-components");
+var import_react_aria_components52 = require("react-aria-components");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var _TextField = (0, import_react54.forwardRef)(
   ({ required, disabled, readOnly, error, ...rest }, ref) => {
@@ -3514,7 +3523,7 @@ var _TextField = (0, import_react54.forwardRef)(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(FieldBase, { as: import_react_aria_components51.TextField, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(_Input, { ref }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(FieldBase, { as: import_react_aria_components52.TextField, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(_Input, { ref }) });
   }
 );
 
@@ -3550,11 +3559,11 @@ var Tiles = ({
 };
 
 // src/Tooltip/Tooltip.tsx
-var import_react_aria_components53 = require("react-aria-components");
+var import_react_aria_components54 = require("react-aria-components");
 var import_system78 = require("@marigold/system");
 
 // src/Tooltip/TooltipTrigger.tsx
-var import_react_aria_components52 = require("react-aria-components");
+var import_react_aria_components53 = require("react-aria-components");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var _TooltipTrigger = ({
   delay = 1e3,
@@ -3569,7 +3578,7 @@ var _TooltipTrigger = ({
     isOpen: open,
     delay
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_aria_components52.TooltipTrigger, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_aria_components53.TooltipTrigger, { ...props, children });
 };
 
 // src/Tooltip/Tooltip.tsx
@@ -3582,13 +3591,13 @@ var _Tooltip = ({ children, variant, size, open, ...rest }) => {
   const classNames2 = (0, import_system78.useClassNames)({ component: "Tooltip", variant, size });
   const portal = usePortalContainer();
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
-    import_react_aria_components53.Tooltip,
+    import_react_aria_components54.Tooltip,
     {
       ...props,
       className: (0, import_system78.cn)("group/tooltip", classNames2.container),
       UNSTABLE_portalContainer: portal,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_aria_components53.OverlayArrow, { className: classNames2.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_aria_components54.OverlayArrow, { className: classNames2.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
         children
       ]
     }
@@ -3817,7 +3826,7 @@ var XLoader = (0, import_react55.forwardRef)((props, ref) => /* @__PURE__ */ (0,
 ));
 
 // src/Tabs/Tabs.tsx
-var import_react_aria_components57 = require("react-aria-components");
+var import_react_aria_components58 = require("react-aria-components");
 var import_system82 = require("@marigold/system");
 
 // src/Tabs/Context.ts
@@ -3826,13 +3835,13 @@ var TabContext = (0, import_react56.createContext)({});
 var useTabContext = () => (0, import_react56.useContext)(TabContext);
 
 // src/Tabs/Tab.tsx
-var import_react_aria_components54 = require("react-aria-components");
+var import_react_aria_components55 = require("react-aria-components");
 var import_system80 = require("@marigold/system");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var _Tab = (props) => {
   const { classNames: classNames2 } = useTabContext();
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-    import_react_aria_components54.Tab,
+    import_react_aria_components55.Tab,
     {
       ...props,
       className: (0, import_system80.cn)(
@@ -3845,13 +3854,13 @@ var _Tab = (props) => {
 };
 
 // src/Tabs/TabList.tsx
-var import_react_aria_components55 = require("react-aria-components");
+var import_react_aria_components56 = require("react-aria-components");
 var import_system81 = require("@marigold/system");
 var import_jsx_runtime98 = require("react/jsx-runtime");
 var _TabList = ({ space = 2, ...props }) => {
   const { classNames: classNames2 } = useTabContext();
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
-    import_react_aria_components55.TabList,
+    import_react_aria_components56.TabList,
     {
       ...props,
       className: (0, import_system81.cn)("flex", import_system81.gapSpace[space], classNames2.tabsList),
@@ -3861,11 +3870,11 @@ var _TabList = ({ space = 2, ...props }) => {
 };
 
 // src/Tabs/TabPanel.tsx
-var import_react_aria_components56 = require("react-aria-components");
+var import_react_aria_components57 = require("react-aria-components");
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var _TabPanel = (props) => {
   const { classNames: classNames2 } = useTabContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_aria_components56.TabPanel, { ...props, className: classNames2.tabpanel, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_aria_components57.TabPanel, { ...props, className: classNames2.tabpanel, children: props.children });
 };
 
 // src/Tabs/Tabs.tsx
@@ -3880,14 +3889,14 @@ var _Tabs = ({ disabled, variant, size = "medium", ...rest }) => {
     size,
     variant
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TabContext.Provider, { value: { classNames: classNames2 }, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_aria_components57.Tabs, { ...props, className: classNames2.container, children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TabContext.Provider, { value: { classNames: classNames2 }, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_aria_components58.Tabs, { ...props, className: classNames2.container, children: props.children }) });
 };
 _Tabs.List = _TabList;
 _Tabs.TabPanel = _TabPanel;
 _Tabs.Item = _Tab;
 
 // src/RouterProvider/RouterProvider.tsx
-var import_react_aria_components58 = require("react-aria-components");
+var import_react_aria_components59 = require("react-aria-components");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,

package/dist/index.mjs

@@ -599,10 +599,10 @@ import { createContext as createContext2, useContext as useContext3 } from "reac
 var ListBoxContext = createContext2({});
 var useListBoxContext = () => useContext3(ListBoxContext);
 
-// src/ListBox/ListBoxOption.tsx
+// src/ListBox/ListBoxItem.tsx
 import { ListBoxItem } from "react-aria-components";
 import { jsx as jsx13 } from "react/jsx-runtime";
-var _ListBoxItem = (props) => {
+var _ListBoxItem = ({ ...props }) => {
   const { classNames: classNames2 } = useListBoxContext();
   return /* @__PURE__ */ jsx13(ListBoxItem, { ...props, className: classNames2.option });
 };
@@ -778,7 +778,10 @@ var AutocompleteInput = ({
     {
       ref,
       className: {
-        action: cn13((state == null ? void 0 : state.inputValue) === "" ? "hidden" : void 0, classNames2)
+        action: cn13(
+          (state == null ? void 0 : state.inputValue) === "" ? "invisible" : "visible",
+          classNames2
+        )
       },
       onKeyDown: (e) => {
         if (e.key === "Enter" || e.key === "Escape") {
@@ -824,7 +827,7 @@ var _Autocomplete = forwardRef8(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsxs8(FieldBase, { as: ComboBox, ...props, children: [
+    return /* @__PURE__ */ jsxs8(FieldBase, { as: ComboBox, ref, ...props, children: [
       /* @__PURE__ */ jsx19(AutocompleteInput, { onSubmit, onClear, ref }),
       /* @__PURE__ */ jsx19(_Popover, { children: /* @__PURE__ */ jsx19(_ListBox, { children }) })
     ] });
@@ -1537,21 +1540,16 @@ var Image = ({
 };
 
 // src/Inline/Inline.tsx
-import {
-  alignment as alignment2,
-  cn as cn27,
-  gapSpace as gapSpace6
-} from "@marigold/system";
+import { alignment as alignment2, cn as cn27, gapSpace as gapSpace6 } from "@marigold/system";
 import { jsx as jsx42 } from "react/jsx-runtime";
 var Inline = ({
   space = 0,
-  orientation,
-  alignX = ((_a) => (_a = orientation == null ? void 0 : orientation.horizontal) == null ? void 0 : _a.alignX)(),
-  alignY = ((_b) => (_b = orientation == null ? void 0 : orientation.horizontal) == null ? void 0 : _b.alignY)(),
+  alignX,
+  alignY,
   children,
   ...props
 }) => {
-  var _a2, _b2, _c, _d;
+  var _a, _b, _c, _d;
   return /* @__PURE__ */ jsx42(
     "div",
     {
@@ -1559,7 +1557,7 @@ var Inline = ({
       className: cn27(
         "flex flex-wrap",
         gapSpace6[space],
-        alignX && ((_b2 = (_a2 = alignment2) == null ? void 0 : _a2.horizontal) == null ? void 0 : _b2.alignmentX[alignX]),
+        alignX && ((_b = (_a = alignment2) == null ? void 0 : _a.horizontal) == null ? void 0 : _b.alignmentX[alignX]),
         alignY && ((_d = (_c = alignment2) == null ? void 0 : _c.horizontal) == null ? void 0 : _d.alignmentY[alignY])
       ),
       children
@@ -2734,7 +2732,7 @@ var _Select = forwardRef18(
                 classNames2.select
               ),
               children: [
-                /* @__PURE__ */ jsx73(SelectValue, {}),
+                /* @__PURE__ */ jsx73(SelectValue, { className: "[&>[slot=description]]:hidden" }),
                 /* @__PURE__ */ jsx73(ChevronDown, { className: cn42("size-4", classNames2.icon) })
               ]
             }
@@ -2776,7 +2774,10 @@ var _SelectListItem = forwardRef19(
       {
         textValue,
         ...props,
-        className: cn43("flex items-center", classNames2 == null ? void 0 : classNames2.option),
+        className: cn43(
+          "items-center group-data-[layout=grid]/list:flex-row",
+          classNames2 == null ? void 0 : classNames2.option
+        ),
         ref,
         children: ({ selectionMode }) => /* @__PURE__ */ jsxs30(Fragment8, { children: [
           selectionMode === "multiple" && /* @__PURE__ */ jsx74(FieldGroup, { children: /* @__PURE__ */ jsx74(_Checkbox, { slot: "selection" }) }),
@@ -2800,9 +2801,10 @@ var _SelectList = forwardRef20(
       SelectList,
       {
         ...props,
+        layout: "grid",
         ref,
         className: cn44(
-          "overflow-y-auto sm:max-h-[75vh] lg:max-h-[45vh]",
+          "group/list overflow-y-auto sm:max-h-[75vh] lg:max-h-[45vh]",
           classNames2.list
         ),
         children: props.children
@@ -3021,7 +3023,7 @@ var TableBody = ({ children, emptyState }) => {
   const { rowGroupProps } = useTableRowGroup();
   const { state, classNames: classNames2 } = useTableContext();
   if (state.collection.size === 0 && emptyState) {
-    return /* @__PURE__ */ jsx81("tr", { className: classNames2 == null ? void 0 : classNames2.row, role: "row", children: /* @__PURE__ */ jsx81(
+    return /* @__PURE__ */ jsx81("tbody", { children: /* @__PURE__ */ jsx81("tr", { className: classNames2 == null ? void 0 : classNames2.row, role: "row", children: /* @__PURE__ */ jsx81(
       "td",
       {
         className: classNames2 == null ? void 0 : classNames2.cell,
@@ -3029,7 +3031,7 @@ var TableBody = ({ children, emptyState }) => {
         role: "rowheader",
         children: emptyState()
       }
-    ) });
+    ) }) });
   }
   return /* @__PURE__ */ jsx81("tbody", { ...rowGroupProps, children });
 };
@@ -3406,6 +3408,7 @@ Table.Header = Header2;
 Table.Row = Row;
 
 // src/Text/Text.tsx
+import { Text as Text2 } from "react-aria-components";
 import {
   cn as cn55,
   createVar as createVar11,
@@ -3419,7 +3422,7 @@ import {
   useTheme as useTheme3
 } from "@marigold/system";
 import { jsx as jsx90 } from "react/jsx-runtime";
-var Text2 = ({
+var _Text = ({
   variant,
   size,
   color,
@@ -3429,6 +3432,7 @@ var Text2 = ({
   fontSize,
   fontStyle,
   children,
+  as = "div",
   ...props
 }) => {
   const theme = useTheme3();
@@ -3438,9 +3442,10 @@ var Text2 = ({
     size
   });
   return /* @__PURE__ */ jsx90(
-    "p",
+    Text2,
     {
       ...props,
+      elementType: as,
       className: cn55(
         "text-[--color] outline-[--outline]",
         classNames2,
@@ -3940,7 +3945,7 @@ export {
   Table,
   _Tabs as Tabs,
   _Tag as Tag,
-  Text2 as Text,
+  _Text as Text,
   _TextArea as TextArea,
   _TextField as TextField,
   ThemeProvider2 as ThemeProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "9.0.1",
+  "version": "9.0.2",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -24,27 +24,27 @@
   },
   "dependencies": {
     "@internationalized/date": "3.5.5",
-    "@react-aria/accordion": "3.0.0-alpha.31",
-    "@react-aria/button": "3.9.7",
-    "@react-aria/calendar": "3.5.10",
-    "@react-aria/focus": "3.18.1",
-    "@react-aria/i18n": "3.12.1",
-    "@react-aria/interactions": "3.22.1",
-    "@react-aria/overlays": "3.23.1",
-    "@react-aria/selection": "3.19.1",
+    "@react-aria/accordion": "3.0.0-alpha.33",
+    "@react-aria/button": "3.9.8",
+    "@react-aria/calendar": "3.5.11",
+    "@react-aria/focus": "3.18.2",
+    "@react-aria/i18n": "3.12.2",
+    "@react-aria/interactions": "3.22.2",
+    "@react-aria/overlays": "3.23.2",
+    "@react-aria/selection": "3.19.3",
     "@react-aria/ssr": "3.9.5",
-    "@react-aria/table": "3.15.1",
-    "@react-aria/utils": "3.25.1",
-    "@react-aria/visually-hidden": "3.8.14",
+    "@react-aria/table": "3.15.3",
+    "@react-aria/utils": "3.25.2",
+    "@react-aria/visually-hidden": "3.8.15",
     "@react-stately/collections": "3.10.9",
     "@react-stately/data": "3.11.6",
-    "@react-stately/table": "3.12.1",
-    "@react-stately/tree": "3.8.3",
+    "@react-stately/table": "3.12.2",
+    "@react-stately/tree": "3.8.4",
     "@react-types/shared": "3.24.1",
     "@react-types/table": "3.10.1",
-    "react-aria-components": "1.3.1",
-    "@marigold/icons": "1.2.56",
-    "@marigold/system": "9.0.1",
+    "react-aria-components": "1.3.3",
+    "@marigold/icons": "1.2.57",
+    "@marigold/system": "9.0.2",
     "@marigold/types": "1.1.1"
   },
   "peerDependencies": {
@@ -52,7 +52,7 @@
     "react-dom": "18.x"
   },
   "devDependencies": {
-    "@types/react": "18.3.3",
+    "@types/react": "18.3.5",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "tsup": "8.1.0",