@marigold/components 1.2.2 → 2.1.0

package/dist/index.d.ts

@@ -1,7 +1,8 @@
-import { ThemeExtension, ThemeComponentProps, ThemeExtensionsWithParts, BoxOwnProps, StateAttrProps, CSSObject, Theme as Theme$1, ResponsiveStyleValue, ThemeProviderProps, GlobalProps } from '@marigold/system';
+export { useAsyncList, useListData } from '@react-stately/data';
+import { ThemeExtension, ThemeComponentProps, ThemeExtensionsWithParts, CSSObject, BoxOwnProps, StateAttrProps, Theme as Theme$1, ResponsiveStyleValue, ThemeProviderProps, GlobalProps } from '@marigold/system';
 export { Box, BoxOwnProps, BoxProps, StyleProps, ThemeProvider, useTheme } from '@marigold/system';
-import React, { ReactNode, HTMLAttributes, Key, LabelHTMLAttributes, ForwardRefExoticComponent, RefAttributes, ReactElement, ReactChild } from 'react';
-import { ComponentProps, PolymorphicPropsWithRef, PolymorphicComponentWithRef, PolymorphicProps, PolymorphicComponent, NonZeroPercentage } from '@marigold/types';
+import React, { ReactNode, HTMLAttributes, Key, LabelHTMLAttributes, ForwardRefExoticComponent, RefAttributes, ReactElement } from 'react';
+import { ComponentProps, PolymorphicPropsWithRef, PolymorphicComponentWithRef, NonZeroPercentage } from '@marigold/types';
 import * as _react_types_shared from '@react-types/shared';
 import { PressEvents, CollectionElement } from '@react-types/shared';
 import { AriaCheckboxProps, AriaCheckboxGroupProps } from '@react-types/checkbox';
@@ -14,13 +15,13 @@ import { Item, Section } from '@react-stately/collections';
 import { AriaSelectProps } from '@react-types/select';
 import { AriaSliderProps } from '@react-types/slider';
 import { AriaSwitchProps } from '@react-types/switch';
-import { TableProps as TableProps$1 } from '@react-aria/table';
+import { AriaTableProps } from '@react-aria/table';
 import { TableStateProps, TableBody, Cell, Column, TableHeader, Row } from '@react-stately/table';
 import { AriaTextFieldProps } from '@react-types/textfield';
 import { PositionProps } from '@react-types/overlays';
 import { TooltipTriggerProps as TooltipTriggerProps$1 } from '@react-types/tooltip';
 import { aspect, size } from '@marigold/tokens';
-import { OverlayProps as OverlayProps$1 } from '@react-aria/overlays';
+import { AriaOverlayProps } from '@react-aria/overlays';
 export { SSRProvider } from '@react-aria/ssr';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
 
@@ -35,10 +36,11 @@ declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => JSX.
 
 interface ButtonThemeExtension extends ThemeExtension<'Button'> {
 }
-interface ButtonOwnProps extends PressEvents {
+interface ButtonOwnProps extends PressEvents, ComponentProps<'button'> {
     children?: ReactNode;
     variant?: string;
     size?: string;
+    fullWidth?: boolean;
 }
 interface ButtonProps extends PolymorphicPropsWithRef<ButtonOwnProps, 'button'> {
 }
@@ -169,9 +171,12 @@ interface ImageThemeExtension extends ThemeExtension<'Image'> {
 interface ImageProps extends ComponentProps<'img'> {
     variant?: string;
     size?: string;
+    fit?: CSSObject['objectFit'];
+    position?: CSSObject['objectPosition'];
     children?: never;
+    alt: string;
 }
-declare const Image: ({ variant, ...props }: ImageProps) => JSX.Element;
+declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => JSX.Element;
 
 interface InputThemeExtension extends ThemeExtension<'Input'> {
 }
@@ -195,15 +200,32 @@ declare const Label: ({ as, required, children, variant, size, ...props }: Label
 
 interface LinkThemeExtension extends ThemeExtension<'Link'> {
 }
-interface LinkOwnProps extends BoxOwnProps {
+interface LinkOwnProps extends PressEvents, BoxOwnProps {
     disabled?: boolean;
     variant?: string;
     size?: string;
     children?: ReactNode;
 }
-interface LinkProps extends PolymorphicProps<LinkOwnProps, 'a'> {
+interface LinkProps extends PolymorphicPropsWithRef<LinkOwnProps, 'a'> {
 }
-declare const Link: PolymorphicComponent<LinkOwnProps, "a">;
+declare const Link: PolymorphicComponentWithRef<LinkOwnProps, 'a'>;
+
+interface ListItemProps extends ComponentProps<'li'> {
+    children?: ReactNode;
+}
+
+interface ListThemeExtension extends ThemeExtensionsWithParts<'List', ['ul', 'ol', 'item']> {
+}
+interface ListProps extends ComponentProps<'ul'> {
+    variant?: string;
+    size?: string;
+    as?: 'ul' | 'ol';
+    children?: ReactNode;
+}
+declare const List: {
+    ({ as, children, variant, size, ...props }: ListProps): JSX.Element;
+    Item: ({ children, ...props }: ListItemProps) => JSX.Element;
+};
 
 interface ListBoxThemeExtension extends ThemeExtensionsWithParts<'ListBox', [
     'container',
@@ -286,7 +308,7 @@ interface OverlayProps extends ComponentProps<'div'> {
 }
 declare const Overlay: ({ children, open, container, ...props }: OverlayProps) => JSX.Element | null;
 
-interface PopoverProps extends Omit<OverlayProps$1, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled'> {
+interface PopoverProps extends Omit<AriaOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled'> {
     children?: ReactNode;
     open?: boolean;
     dismissable?: boolean;
@@ -411,7 +433,7 @@ interface TableThemeExtension extends ThemeExtensionsWithParts<'Table', [
     'cell'
 ]> {
 }
-interface TableProps extends Pick<TableProps$1<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
+interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
     variant?: string;
     size?: string;
     stretch?: boolean;
@@ -476,14 +498,14 @@ declare const Tooltip: {
     Trigger: ({ disabled, open, delay, placement, children, ...rest }: TooltipTriggerProps) => JSX.Element;
 };
 
-interface ComponentStyles extends BadgeThemeExtension, ButtonThemeExtension, CardThemeExtension, CheckboxThemeExtension, CheckboxGroupThemeExtension, ContentThemeExtension, DialogThemeExtension, DividerThemeExtension, FooterThemeExtension, HeaderThemeExtension, HeadlineThemeExtension, HelpTextThemeExtension, ImageThemeExtension, InputThemeExtension, LabelThemeExtension, LinkThemeExtension, ListBoxThemeExtension, MenuThemeExtension, MessageThemeExtension, NumberFieldThemeExtension, RadioThemeExtension, RadioGroupThemeExtension, SelectThemeExtension, SliderThemeExtension, SwitchThemeExtension, TableThemeExtension, TextThemeExtension, TextAreaThemeExtension, TooltipThemeExtension, UnderlayThemeExtension {
+interface ComponentStyles extends BadgeThemeExtension, ButtonThemeExtension, CardThemeExtension, CheckboxThemeExtension, CheckboxGroupThemeExtension, ContentThemeExtension, DialogThemeExtension, DividerThemeExtension, FooterThemeExtension, HeaderThemeExtension, HeadlineThemeExtension, HelpTextThemeExtension, ImageThemeExtension, InputThemeExtension, LabelThemeExtension, LinkThemeExtension, ListThemeExtension, ListBoxThemeExtension, MenuThemeExtension, MessageThemeExtension, NumberFieldThemeExtension, RadioThemeExtension, RadioGroupThemeExtension, SelectThemeExtension, SliderThemeExtension, SwitchThemeExtension, TableThemeExtension, TextThemeExtension, TextAreaThemeExtension, TooltipThemeExtension, UnderlayThemeExtension {
 }
 interface Theme extends Theme$1 {
     components: ComponentStyles;
 }
 
 interface AsideProps {
-    children: [ReactChild, ReactChild];
+    children: [ReactElement, ReactElement];
     side?: 'left' | 'right';
     sideWidth?: ResponsiveStyleValue<string>;
     space?: ResponsiveStyleValue<string>;
@@ -602,4 +624,4 @@ interface TilesProps {
 }
 declare const Tiles: React.ForwardRefExoticComponent<TilesProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Aside, AsideProps, Aspect, AspectProps, Badge, BadgeProps, BadgeThemeExtension, Breakout, BreakoutProps, Button, ButtonOwnProps, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupThemeExtension, CheckboxProps, CheckboxThemeExtension, Columns, ColumnsProps, Container, ContainerProps, Content, ContentProps, ContentThemeExtension, CustomCheckboxProps, CustomRadioProps, CustomSwitchProps, CustomTextAreEvents, Dialog, DialogChildProps, DialogProps, DialogThemeExtension, Divider, DividerProps, DividerThemeExtension, Footer, FooterProps, FooterThemeExtension, Header, HeaderProps, HeaderThemeExtension, Headline, HeadlineProps, HeadlineThemeExtension, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputOwnProps, InputProps, InputThemeExtension, Label, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, NumberField, NumberFieldProps, NumberFieldThemeExtension, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, RadioGroupProps, RadioGroupThemeExtension, RadioProps, RadioThemeExtension, Select, SelectComponent, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Split, SplitProps, Stack, StackProps, Switch, SwitchProps, SwitchThemeExtension, Table, TableProps, TableThemeExtension, Text, TextArea, TextAreaProps, TextAreaThemeExtension, TextField, TextFieldProps, TextProps, TextThemeExtension, Theme, Tiles, TilesProps, Tooltip, TooltipProps, TooltipThemeExtension, Underlay, UnderlayProps, UnderlayThemeExtension, useCheckboxGroupContext };
+export { Aside, AsideProps, Aspect, AspectProps, Badge, BadgeProps, BadgeThemeExtension, Breakout, BreakoutProps, Button, ButtonOwnProps, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupThemeExtension, CheckboxProps, CheckboxThemeExtension, Columns, ColumnsProps, Container, ContainerProps, Content, ContentProps, ContentThemeExtension, CustomCheckboxProps, CustomRadioProps, CustomSwitchProps, CustomTextAreEvents, Dialog, DialogChildProps, DialogProps, DialogThemeExtension, Divider, DividerProps, DividerThemeExtension, Footer, FooterProps, FooterThemeExtension, Header, HeaderProps, HeaderThemeExtension, Headline, HeadlineProps, HeadlineThemeExtension, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputOwnProps, InputProps, InputThemeExtension, Label, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, List, ListProps, ListThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, NumberField, NumberFieldProps, NumberFieldThemeExtension, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, RadioGroupProps, RadioGroupThemeExtension, RadioProps, RadioThemeExtension, Select, SelectComponent, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Split, SplitProps, Stack, StackProps, Switch, SwitchProps, SwitchThemeExtension, Table, TableProps, TableThemeExtension, Text, TextArea, TextAreaProps, TextAreaThemeExtension, TextField, TextFieldProps, TextProps, TextThemeExtension, Theme, Tiles, TilesProps, Tooltip, TooltipProps, TooltipThemeExtension, Underlay, UnderlayProps, UnderlayThemeExtension, useCheckboxGroupContext };