@marigold/components 0.1.0 → 0.3.2

package/dist/Menu/Menu.d.ts

@@ -1,6 +1,9 @@
 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;

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,6 +1,11 @@
 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;
 } & ComponentProps<typeof Link>;

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,5 +1,10 @@
 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;

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,12 +1,19 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
-declare type RadioInputProps = {
-    variant?: string;
-} & ComponentProps<'input'>;
+import { RadioIconProps } from './RadioIcon';
+export interface RadioThemeExtension<Value> {
+    radio?: {
+        [key: string]: Value;
+    };
+}
+declare type RadioInputProps = RadioIconProps & ComponentProps<'input'>;
 export declare type RadioProps = {
     id: string;
-    label?: string;
+    label: string;
     required?: boolean;
+    labelVariant?: string;
+    error?: boolean;
+    errorMessage?: string;
 } & RadioInputProps;
 export declare const Radio: React.FC<RadioProps>;
 export {};

package/dist/Radio/Radio.stories.d.ts

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

package/dist/Radio/RadioIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type RadioIconProps = {
+    variant?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    children?: never;
+};
+export declare const RadioIcon: React.FC<RadioIconProps>;

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,6 +1,27 @@
-import React from 'react';
+/// <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 = {
-    variant?: string;
-} & ComponentProps<'select'>;
-export declare const Select: React.FC<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,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface SliderThemeExtension<Value> {
+    slider?: {
+        [key: string]: Value;
+    };
+}
 export declare type SliderProps = {
     variant?: string;
 } & ComponentProps<'input'>;

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

@@ -1,9 +1,7 @@
 import React from 'react';
 import { ResponsiveStyleValue } from '@marigold/system';
 export declare type StackProps = {
-    className?: string;
-    space?: ResponsiveStyleValue<number | string>;
+    space?: ResponsiveStyleValue<string>;
     align?: 'left' | 'right' | 'center';
-    title?: string;
 };
 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/Text/Text.d.ts

@@ -1,6 +1,11 @@
 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>;

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,10 +1,16 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface TextareaThemeExtension<Value> {
+    textarea?: {
+        [key: string]: Value;
+    };
+}
 export declare type TextareaProps = {
     variant?: string;
     label?: string;
     htmlFor?: string;
-    errorMessage?: 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,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface ValidationMessageThemeExtension<Value> {
+    validation?: {
+        [key: string]: Value;
+    };
+}
 export declare type ValidationMessageProps = {
     variant?: string;
 } & ComponentProps<'span'>;

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';