@marigold/components 7.1.0 → 7.2.0

package/dist/index.d.mts

@@ -10,7 +10,6 @@ export { ThemeProvider, useTheme } from '@marigold/system';
 import { NonZeroPercentage, HtmlProps, DistributiveOmit } from '@marigold/types';
 import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
 export { Form, FormProps } from 'react-aria-components';
-import { DateValue as DateValue$1 } from '@react-aria/calendar';
 import { AriaTableProps } from '@react-aria/table';
 import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
@@ -56,7 +55,6 @@ interface HelpTextProps {
     variant?: string;
     size?: string;
     description?: ReactNode;
-    error?: boolean;
     errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
 }
 
@@ -200,7 +198,7 @@ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defa
     variant?: string;
     size?: string;
 }
-declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLLabelElement>>;
 
 type RemovedProps$k = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
 interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$k>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -330,7 +328,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
 declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
 
 type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
-interface CalendarProps extends Omit<RAC.CalendarProps<DateValue$1>, RemovedProps$g> {
+interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$g> {
     disabled?: boolean;
     readOnly?: boolean;
     variant?: string;
@@ -425,8 +423,9 @@ declare const _Menu: {
 interface ActionMenuProps extends RAC.MenuProps<object> {
     variant?: string;
     size?: string;
+    disabled?: boolean;
 }
-declare const ActionMenu: ({ variant, size, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
+declare const ActionMenu: ({ variant, size, disabled, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
 
 declare const icons: {
     success: () => react_jsx_runtime.JSX.Element;
@@ -465,6 +464,7 @@ declare const _Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "classNam
 interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className'> {
     keyboardDismissDisabled?: boolean;
     open?: boolean;
+    container?: Element;
 }
 declare const _Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -478,8 +478,12 @@ interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismis
 declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
 
 interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
+    portalContainer?: string;
 }
-declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function MarigoldProvider<T extends Theme>({ children, theme, portalContainer, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
+
+declare const OverlayContainerProvider: react.Provider<string | undefined>;
+declare const usePortalContainer: () => HTMLElement | null;
 
 type RemovedProps$8 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
 interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$8> {
@@ -512,7 +516,7 @@ declare const _Radio: RadioComponent;
  * We need this so that TypeScripts allows us to add
  * additional properties to the component (function).
  */
-interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>> {
+interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLLabelElement>> {
     Group: typeof _RadioGroup;
 }
 
@@ -555,6 +559,12 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps<object>
 }
 declare const _Select: SelectComponent;
 
+interface ScrollableProps extends WidthProp {
+    children?: ReactNode;
+    height?: string;
+}
+declare const Scrollable: ({ children, width, height, ...props }: ScrollableProps) => react_jsx_runtime.JSX.Element;
+
 interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
     thumbLabels?: string[];
     width?: WidthProp['width'];
@@ -586,18 +596,20 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
     readOnly?: RAC.SwitchProps['isReadOnly'];
     selected?: RAC.SwitchProps['isSelected'];
 }
-declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
 
 interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
     variant?: string;
     size?: string;
     stretch?: boolean;
+    stickyHeader?: boolean;
 }
 interface RowProps extends RowProps$1<any> {
     variant?: string;
     size?: string;
 }
-interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp, Pick<JSX.IntrinsicElements['td'], 'align'> {
+interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
+    align?: Exclude<JSX.IntrinsicElements['td']['align'], 'char'>;
 }
 declare const Table: Table;
 /**
@@ -722,4 +734,4 @@ declare const _Tabs: {
     Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, 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, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, type CustomCheckboxProps, _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, _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, Message, type MessageProps, _Modal as Modal, type ModalProps, _NumberField as NumberField, type NumberFieldProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RowProps, _SearchField as SearchField, type SearchFieldProps, _Select as Select, type SelectComponent, 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, 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 };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, 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, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, type CustomCheckboxProps, _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, _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, Message, type MessageProps, _Modal as Modal, type ModalProps, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, _Select as Select, type SelectComponent, 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, 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

@@ -10,7 +10,6 @@ export { ThemeProvider, useTheme } from '@marigold/system';
 import { NonZeroPercentage, HtmlProps, DistributiveOmit } from '@marigold/types';
 import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
 export { Form, FormProps } from 'react-aria-components';
-import { DateValue as DateValue$1 } from '@react-aria/calendar';
 import { AriaTableProps } from '@react-aria/table';
 import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
@@ -56,7 +55,6 @@ interface HelpTextProps {
     variant?: string;
     size?: string;
     description?: ReactNode;
-    error?: boolean;
     errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
 }
 
@@ -200,7 +198,7 @@ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defa
     variant?: string;
     size?: string;
 }
-declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLLabelElement>>;
 
 type RemovedProps$k = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
 interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$k>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
@@ -330,7 +328,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
 declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
 
 type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
-interface CalendarProps extends Omit<RAC.CalendarProps<DateValue$1>, RemovedProps$g> {
+interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$g> {
     disabled?: boolean;
     readOnly?: boolean;
     variant?: string;
@@ -425,8 +423,9 @@ declare const _Menu: {
 interface ActionMenuProps extends RAC.MenuProps<object> {
     variant?: string;
     size?: string;
+    disabled?: boolean;
 }
-declare const ActionMenu: ({ variant, size, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
+declare const ActionMenu: ({ variant, size, disabled, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
 
 declare const icons: {
     success: () => react_jsx_runtime.JSX.Element;
@@ -465,6 +464,7 @@ declare const _Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "classNam
 interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className'> {
     keyboardDismissDisabled?: boolean;
     open?: boolean;
+    container?: Element;
 }
 declare const _Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -478,8 +478,12 @@ interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismis
 declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
 
 interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
+    portalContainer?: string;
 }
-declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function MarigoldProvider<T extends Theme>({ children, theme, portalContainer, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
+
+declare const OverlayContainerProvider: react.Provider<string | undefined>;
+declare const usePortalContainer: () => HTMLElement | null;
 
 type RemovedProps$8 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
 interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$8> {
@@ -512,7 +516,7 @@ declare const _Radio: RadioComponent;
  * We need this so that TypeScripts allows us to add
  * additional properties to the component (function).
  */
-interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>> {
+interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLLabelElement>> {
     Group: typeof _RadioGroup;
 }
 
@@ -555,6 +559,12 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps<object>
 }
 declare const _Select: SelectComponent;
 
+interface ScrollableProps extends WidthProp {
+    children?: ReactNode;
+    height?: string;
+}
+declare const Scrollable: ({ children, width, height, ...props }: ScrollableProps) => react_jsx_runtime.JSX.Element;
+
 interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
     thumbLabels?: string[];
     width?: WidthProp['width'];
@@ -586,18 +596,20 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
     readOnly?: RAC.SwitchProps['isReadOnly'];
     selected?: RAC.SwitchProps['isSelected'];
 }
-declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
 
 interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
     variant?: string;
     size?: string;
     stretch?: boolean;
+    stickyHeader?: boolean;
 }
 interface RowProps extends RowProps$1<any> {
     variant?: string;
     size?: string;
 }
-interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp, Pick<JSX.IntrinsicElements['td'], 'align'> {
+interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
+    align?: Exclude<JSX.IntrinsicElements['td']['align'], 'char'>;
 }
 declare const Table: Table;
 /**
@@ -722,4 +734,4 @@ declare const _Tabs: {
     Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, 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, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, type CustomCheckboxProps, _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, _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, Message, type MessageProps, _Modal as Modal, type ModalProps, _NumberField as NumberField, type NumberFieldProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RowProps, _SearchField as SearchField, type SearchFieldProps, _Select as Select, type SelectComponent, 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, 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 };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, 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, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, type CustomCheckboxProps, _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, _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, Message, type MessageProps, _Modal as Modal, type ModalProps, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, _Select as Select, type SelectComponent, 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, 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 };