@marigold/components 0.0.2 → 0.3.0

package/dist/Field/Field.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Field } from './Field';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Field>;

package/dist/Image/Image.d.ts

@@ -1,6 +1,12 @@
-declare type ImageProps = {
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export interface ImageThemeExtension<Value> {
+    image?: {
+        [key: string]: Value;
+    };
+}
+export declare type ImageProps = {
     variant?: string;
-    alt?: string;
-};
-export declare const Image: import("@marigold/system").SystemComponent<ImageProps, "img">;
-export {};
+    children?: never;
+} & ComponentProps<'img'>;
+export declare const Image: React.FC<ImageProps>;

package/dist/Image/Image.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Image } from './Image';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Image>;

package/dist/Inline/Inline.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
+export declare type InlineProps = {
+    space?: ResponsiveStyleValue<string>;
+    align?: 'top' | 'center' | 'bottom';
+};
+export declare const Inline: React.FC<InlineProps>;

package/dist/Inline/Inline.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Inline } from './Inline';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Inline>;

package/dist/Inline/index.d.ts

@@ -0,0 +1 @@
+export * from './Inline';

package/dist/Input/Input.d.ts

@@ -1,5 +1,11 @@
-declare type InputProps = {
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export interface InputThemeExtension<Value> {
+    input?: {
+        [key: string]: Value;
+    };
+}
+export declare type InputProps = {
     variant?: string;
-};
-export declare const Input: import("@marigold/system").SystemComponent<InputProps, "input">;
-export {};
+} & ComponentProps<'input'>;
+export declare const Input: React.FC<InputProps>;

package/dist/Input/Input.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Input } from './Input';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Input>;

package/dist/Label/Label.d.ts

@@ -1,6 +1,19 @@
-declare type TextProps = {
-    htmlFor: string;
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+import { ResponsiveStyleValue } from '@marigold/system';
+export interface LabelThemeExtension<Value> {
+    label?: {
+        [key: string]: Value;
+    };
+}
+export declare type LabelBaseProps = {
+    htmlFor?: string;
     variant?: string;
-};
-export declare const Label: import("@marigold/system").SystemComponent<TextProps, "label">;
-export {};
+    required?: boolean;
+    color?: ResponsiveStyleValue<string>;
+} & ComponentProps<'label'>;
+export declare const LabelBase: React.FC<LabelProps>;
+export declare type LabelProps = {
+    required?: boolean;
+} & LabelBaseProps;
+export declare const Label: React.FC<LabelProps>;

package/dist/Label/Label.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Label } from './Label';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Label>;

package/dist/Link/Link.d.ts

@@ -1,5 +1,10 @@
-declare type LinkProps = {
-    variant?: string;
-};
-export declare const Link: import("@marigold/system").SystemComponent<LinkProps, "a">;
-export {};
+import { PolymorphicComponent, PolymorphicProps } from '@marigold/types';
+import { TextOwnProps } from '../Text';
+export interface LinkThemeExtension<Value> {
+    link?: Value;
+}
+export declare type LinkOwnProps = {
+    disabled?: boolean;
+} & TextOwnProps;
+export declare type LinkProps = PolymorphicProps<LinkOwnProps, 'a'>;
+export declare const Link: PolymorphicComponent<any, "a">;

package/dist/Link/Link.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Link } from './Link';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Link>;

package/dist/Menu/Menu.d.ts

@@ -1,8 +1,15 @@
-declare type MenuProps = {
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+import { Button } from '../Button';
+export interface MenuThemeExtension<Value> {
+    menu?: Value;
+}
+export declare type MenuProps = {
     variant?: string;
     label?: string;
-    onClick: () => void;
+    onClick: ComponentProps<typeof Button>['onClick'];
     show?: boolean;
+    className?: string;
+    title?: string;
 };
-export declare const Menu: import("@marigold/system").SystemComponent<MenuProps, "div">;
-export {};
+export declare const Menu: React.FC<MenuProps>;

package/dist/Menu/Menu.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Menu } from './Menu';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Menu>;

package/dist/MenuItem/MenuItem.d.ts

@@ -1,5 +1,12 @@
-declare type MenuItemProps = {
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+import { Link } from '../Link';
+export interface MenuItemThemeExtension<Value> {
+    menuItem?: {
+        [key: string]: Value;
+    };
+}
+export declare type MenuItemProps = {
     variant?: string;
-};
-export declare const MenuItem: import("@marigold/system").SystemComponent<MenuItemProps, "a">;
-export {};
+} & ComponentProps<typeof Link>;
+export declare const MenuItem: React.FC<MenuItemProps>;

package/dist/MenuItem/MenuItem.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { MenuItem } from './MenuItem';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof MenuItem>;

package/dist/Message/Message.d.ts

@@ -1,6 +1,12 @@
-declare type MessageProps = {
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export interface MessageThemeExtension<Value> {
+    message?: {
+        [key: string]: Value;
+    };
+}
+export declare type MessageProps = {
     messageTitle: string;
     variant?: string;
-};
-export declare const Message: import("@marigold/system").SystemComponent<MessageProps, "div">;
-export {};
+} & ComponentProps<'div'>;
+export declare const Message: React.FC<MessageProps>;

package/dist/Message/Message.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Message } from './Message';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Message>;

package/dist/Provider/MarigoldProvider.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Theme, ThemeProviderProps } from '@marigold/system';
+export interface RootThemeExtension<Value> {
+    root?: {
+        body?: Value;
+        html?: Value;
+    };
+}
+export interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
+}
+export declare function MarigoldProvider<T extends Theme>({ theme, children, }: MarigoldProviderProps<T>): JSX.Element;

package/dist/Provider/index.d.ts

@@ -0,0 +1,3 @@
+export { useTheme, ThemeProvider } from '@marigold/system';
+export { SSRProvider } from '@react-aria/ssr';
+export * from './MarigoldProvider';

package/dist/Radio/Radio.d.ts

@@ -1,8 +1,21 @@
-declare type RadioProps = {
-    id: string;
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export interface RadioThemeExtension<Value> {
+    radio?: {
+        [key: string]: Value;
+    };
+}
+declare type RadioInputProps = {
     variant?: string;
+    error?: boolean;
+} & ComponentProps<'input'>;
+export declare type RadioProps = {
+    id: string;
     label?: string;
     required?: boolean;
-};
-export declare const Radio: import("@marigold/system").SystemComponent<RadioProps, "input">;
+    labelVariant?: string;
+    error?: boolean;
+    errorMessage?: string;
+} & RadioInputProps;
+export declare const Radio: React.FC<RadioProps>;
 export {};

package/dist/Radio/RadioIcons.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const RadioChecked: ({ disabled, ...props }: {
+    [x: string]: any;
+    disabled?: boolean | undefined;
+}) => JSX.Element;
+export declare const RadioUnchecked: ({ disabled, error, ...props }: {
+    [x: string]: any;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+}) => JSX.Element;

package/dist/Select/ListBox.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { AriaListBoxOptions } from '@react-aria/listbox';
+import type { ListState } from '@react-stately/list';
+interface ListBoxProps extends AriaListBoxOptions<unknown> {
+    state: ListState<unknown>;
+    error?: boolean;
+}
+export declare const ListBox: (props: ListBoxProps) => JSX.Element;
+export {};

package/dist/Select/ListBoxSection.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ListState } from '@react-stately/list';
+import type { Node } from '@react-types/shared';
+interface SectionProps {
+    section: Node<unknown>;
+    state: ListState<unknown>;
+}
+export declare const ListBoxSection: ({ section, state }: SectionProps) => JSX.Element;
+export {};

package/dist/Select/Option.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ListState } from '@react-stately/list';
+import type { Node } from '@react-types/shared';
+interface OptionProps {
+    item: Node<unknown>;
+    state: ListState<unknown>;
+}
+export declare const Option: ({ item, state }: OptionProps) => JSX.Element;
+export {};

package/dist/Select/Popover.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface PopoverProps {
+    isOpen?: boolean;
+    onClose?: () => void;
+    ref?: React.Ref<HTMLDivElement>;
+    className?: string;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export {};

package/dist/Select/Select.d.ts

@@ -1,3 +1,27 @@
-declare type SelectProps = {};
-export declare const Select: import("@marigold/system").SystemComponent<SelectProps, "select">;
-export {};
+/// <reference types="react" />
+import type { AriaSelectProps } from '@react-types/select';
+import { SingleSelection } from '@react-types/shared';
+import { ComponentProps } from '@marigold/types';
+import { ResponsiveStyleValue } from '@marigold/system';
+export interface SelectThemeExtension<Value> {
+    select?: {
+        __default: Value;
+        disabled?: Value;
+        listbox?: {
+            __default: Value;
+            error?: Value;
+        };
+        section?: Value;
+        option?: Value;
+    };
+}
+export declare type SelectProps = {
+    labelVariant?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    width?: ResponsiveStyleValue<number | string>;
+    error?: boolean;
+    errorMessage?: string;
+} & ComponentProps<'select'> & AriaSelectProps<object> & SingleSelection;
+export declare const Select: ({ labelVariant, placeholder, disabled, required, error, errorMessage, width, className, ...props }: SelectProps) => JSX.Element;

package/dist/Select/Select.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Select } from './Select';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Select>;

package/dist/Slider/Slider.d.ts

@@ -1,5 +1,11 @@
-declare type SliderProps = {
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export interface SliderThemeExtension<Value> {
+    slider?: {
+        [key: string]: Value;
+    };
+}
+export declare type SliderProps = {
     variant?: string;
-};
-export declare const Slider: import("@marigold/system").SystemComponent<SliderProps, "input">;
-export {};
+} & ComponentProps<'input'>;
+export declare const Slider: React.FC<SliderProps>;

package/dist/Slider/Slider.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Slider } from './Slider';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Slider>;

package/dist/Stack/Stack.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
+export declare type StackProps = {
+    space?: ResponsiveStyleValue<string>;
+    align?: 'left' | 'right' | 'center';
+};
+export declare const Stack: React.FC<StackProps>;

package/dist/Stack/Stack.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Stack } from './Stack';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Stack>;

package/dist/Stack/index.d.ts

@@ -0,0 +1 @@
+export * from './Stack';

package/dist/Text/Text.d.ts

@@ -1,7 +1,17 @@
-declare type TextProps = {
-    as?: 'p' | 'span';
-    variant?: 'body' | 'heading';
-    textColor?: string;
-};
-export declare const Text: import("@marigold/system").SystemComponent<TextProps, "span">;
-export {};
+import { ResponsiveStyleValue } from '@marigold/system';
+import { PolymorphicComponentWithRef, PolymorphicPropsWithRef } from '@marigold/types';
+import { BoxOwnProps } from '../Box';
+export interface TextThemeExtension<Value> {
+    text?: {
+        [key: string]: Value;
+    };
+}
+export declare type TextOwnProps = {
+    align?: ResponsiveStyleValue<string>;
+    color?: ResponsiveStyleValue<string>;
+    cursor?: ResponsiveStyleValue<string>;
+    outline?: ResponsiveStyleValue<string>;
+    userSelect?: ResponsiveStyleValue<string>;
+} & BoxOwnProps;
+export declare type TextProps = PolymorphicPropsWithRef<TextOwnProps, 'span'>;
+export declare const Text: PolymorphicComponentWithRef<TextOwnProps, 'span'>;

package/dist/Text/Text.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Text } from './Text';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Text>;

package/dist/Textarea/Textarea.d.ts

@@ -1,5 +1,16 @@
-declare type TextareaProps = {
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export interface TextareaThemeExtension<Value> {
+    textarea?: {
+        [key: string]: Value;
+    };
+}
+export declare type TextareaProps = {
     variant?: string;
-};
-export declare const Textarea: import("@marigold/system").SystemComponent<TextareaProps, "textarea">;
-export {};
+    label?: string;
+    htmlFor?: string;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+} & ComponentProps<'textarea'>;
+export declare const Textarea: React.FC<TextareaProps>;

package/dist/Textarea/Textarea.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Textarea } from '.';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Textarea>;

package/dist/ValidationMessage/ValidationMessage.d.ts

@@ -1,5 +1,11 @@
-declare type ValidationMessageProps = {
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export interface ValidationMessageThemeExtension<Value> {
+    validation?: {
+        [key: string]: Value;
+    };
+}
+export declare type ValidationMessageProps = {
     variant?: string;
-};
-export declare const ValidationMessage: import("@marigold/system").SystemComponent<ValidationMessageProps, "span">;
-export {};
+} & ComponentProps<'span'>;
+export declare const ValidationMessage: React.FC<ValidationMessageProps>;

package/dist/ValidationMessage/ValidationMessage.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { ValidationMessage } from './ValidationMessage';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof ValidationMessage>;

package/dist/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1 @@
+export { VisuallyHidden } from '@react-aria/visually-hidden';

package/dist/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { VisuallyHidden } from './VisuallyHidden';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof VisuallyHidden>;

package/dist/VisuallyHidden/index.d.ts

@@ -0,0 +1 @@
+export * from './VisuallyHidden';