@marigold/components 0.0.1 → 0.2.0

package/dist/ActionGroup/ActionGroup.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
+import { ComponentProps } from '@marigold/types';
+export declare type ActionGroupProps = {
+    variant?: string;
+    space?: ResponsiveStyleValue<number | string>;
+    verticalAlignment?: boolean;
+} & ComponentProps<'div'>;
+export declare const ActionGroup: React.FC<ActionGroupProps>;

package/dist/ActionGroup/index.d.ts

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

package/dist/Alert/Alert.d.ts

@@ -1,3 +1,21 @@
-declare type AlertProps = {};
-export declare const Alert: import("@marigold/system").SystemComponent<AlertProps, "div">;
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+declare const ICON_MAP: {
+    readonly success: ({ className, ...props }: {
+        [x: string]: any;
+        className?: string | undefined;
+    }) => JSX.Element;
+    readonly warning: ({ className, ...props }: {
+        [x: string]: any;
+        className?: string | undefined;
+    }) => JSX.Element;
+    readonly error: ({ className, ...props }: {
+        [x: string]: any;
+        className?: string | undefined;
+    }) => JSX.Element;
+};
+export declare type AlertProps = {
+    variant?: keyof typeof ICON_MAP;
+} & ComponentProps<'div'>;
+export declare const Alert: React.FC<AlertProps>;
 export {};

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export declare type BadgeProps = {
+    variant?: string;
+    bgColor?: string;
+    borderColor?: string;
+} & ComponentProps<'div'>;
+export declare const Badge: React.FC<BadgeProps>;

package/dist/Badge/index.d.ts

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

package/dist/Box/Box.d.ts

@@ -0,0 +1,47 @@
+import { CSSObject, ResponsiveStyleValue } from '@marigold/system';
+import { PolymorphicPropsWithRef, PolymorphicComponentWithRef } from '@marigold/types';
+export declare type BoxOwnProps = {
+    className?: string;
+    variant?: string | string[];
+    css?: CSSObject;
+    display?: ResponsiveStyleValue<string>;
+    height?: ResponsiveStyleValue<number | string>;
+    width?: ResponsiveStyleValue<number | string>;
+    minWidth?: ResponsiveStyleValue<number | string>;
+    maxWidth?: ResponsiveStyleValue<number | string>;
+    position?: ResponsiveStyleValue<string>;
+    top?: ResponsiveStyleValue<number | string>;
+    bottom?: ResponsiveStyleValue<number | string>;
+    right?: ResponsiveStyleValue<number | string>;
+    left?: ResponsiveStyleValue<number | string>;
+    zIndex?: ResponsiveStyleValue<number | string>;
+    p?: ResponsiveStyleValue<number | string>;
+    px?: ResponsiveStyleValue<number | string>;
+    py?: ResponsiveStyleValue<number | string>;
+    pt?: ResponsiveStyleValue<number | string>;
+    pb?: ResponsiveStyleValue<number | string>;
+    pl?: ResponsiveStyleValue<number | string>;
+    pr?: ResponsiveStyleValue<number | string>;
+    m?: ResponsiveStyleValue<number | string>;
+    mx?: ResponsiveStyleValue<number | string>;
+    my?: ResponsiveStyleValue<number | string>;
+    mt?: ResponsiveStyleValue<number | string>;
+    mb?: ResponsiveStyleValue<number | string>;
+    ml?: ResponsiveStyleValue<number | string>;
+    mr?: ResponsiveStyleValue<number | string>;
+    flexDirection?: ResponsiveStyleValue<string>;
+    flexWrap?: ResponsiveStyleValue<string>;
+    flexShrink?: ResponsiveStyleValue<number | string>;
+    flexGrow?: ResponsiveStyleValue<number | string>;
+    alignItems?: ResponsiveStyleValue<string>;
+    justifyContent?: ResponsiveStyleValue<string>;
+    bg?: ResponsiveStyleValue<number | string>;
+    border?: ResponsiveStyleValue<number | string>;
+    borderRadius?: ResponsiveStyleValue<number | string>;
+    boxShadow?: ResponsiveStyleValue<number | string>;
+    opacity?: ResponsiveStyleValue<number | string>;
+    overflow?: ResponsiveStyleValue<string>;
+    transition?: ResponsiveStyleValue<number | string>;
+};
+export declare type BoxProps = PolymorphicPropsWithRef<BoxOwnProps, 'div'>;
+export declare const Box: PolymorphicComponentWithRef<BoxOwnProps, 'div'>;

package/dist/Box/index.d.ts

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

package/dist/Button/Button.d.ts

@@ -1,3 +1,4 @@
-declare type ButtonProps = {};
-export declare const Button: import("@marigold/system").SystemComponent<ButtonProps, "button">;
-export {};
+import { PolymorphicComponentWithRef, PolymorphicPropsWithRef } from '@marigold/types';
+import { BoxOwnProps } from '../Box';
+export declare type ButtonProps = PolymorphicPropsWithRef<BoxOwnProps, 'button'>;
+export declare const Button: PolymorphicComponentWithRef<BoxOwnProps, 'button'>;

package/dist/Card/Card.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
+import { ComponentProps } from '@marigold/types';
+export declare type CardProps = {
+    title?: string;
+    width?: ResponsiveStyleValue<string>;
+    variant?: string;
+} & ComponentProps<'div'>;
+export declare const Card: React.FC<CardProps>;

package/dist/Card/index.d.ts

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

package/dist/Checkbox/Checkbox.d.ts

@@ -1,3 +1,15 @@
-declare type CheckboxProps = {};
-export declare const Checkbox: import("@marigold/system").SystemComponent<CheckboxProps, "input">;
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+declare type CheckboxInputProps = {
+    variant?: string;
+    error?: boolean;
+} & ComponentProps<'input'>;
+export declare type CheckboxProps = {
+    id: string;
+    label?: string;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+} & CheckboxInputProps;
+export declare const Checkbox: React.FC<CheckboxProps>;
 export {};

package/dist/Checkbox/CheckboxIcons.d.ts

@@ -0,0 +1,9 @@
+export declare const CheckboxChecked: ({ disabled, ...props }: {
+    [x: string]: any;
+    disabled?: boolean | undefined;
+}) => JSX.Element;
+export declare const CheckboxUnchecked: ({ disabled, error, ...props }: {
+    [x: string]: any;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+}) => JSX.Element;

package/dist/Column/Column.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type WidthValues = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export declare type ColumnProps = {
+    className?: string;
+    width?: WidthValues | WidthValues[];
+};
+export declare const Column: React.FC<ColumnProps>;
+export {};

package/dist/Column/index.d.ts

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

package/dist/Columns/Columns.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type ColumnsProps = {
+    className?: string;
+    space?: number;
+    horizontalAlign?: 'left' | 'right' | 'center';
+    verticalAlign?: 'top' | 'bottom' | 'center';
+    title?: string;
+};
+export declare const Columns: React.FC<ColumnsProps>;
+export {};

package/dist/Columns/index.d.ts

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

package/dist/Container/Container.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type ContainerProps = {
+    className?: string;
+    title?: string;
+};
+export declare const Container: React.FC<ContainerProps>;

package/dist/Container/index.d.ts

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

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+import { Button } from '../Button';
+export declare type DialogProps = {
+    isOpen: boolean;
+    close: ComponentProps<typeof Button>['onClick'];
+    title?: string;
+} & ComponentProps<'div'>;
+export declare const Dialog: React.FC<DialogProps>;
+export declare const useDialogButtonProps: () => {
+    state: import("@react-stately/overlays").OverlayTriggerState;
+    openButtonProps: React.HTMLAttributes<HTMLSpanElement>;
+    openButtonRef: React.RefObject<HTMLElement>;
+};

package/dist/Dialog/ModalDialog.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { OverlayProps } from '@react-aria/overlays';
+import { AriaDialogProps } from '@react-types/dialog';
+export declare type ModalDialogProps = OverlayProps & AriaDialogProps;
+export declare const ModalDialog: React.FC<ModalDialogProps>;

package/dist/Dialog/index.d.ts

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

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type DividerProps = {
+    className?: string;
+    variant?: string;
+    title?: string;
+};
+export declare const Divider: React.FC<DividerProps>;

package/dist/Divider/index.d.ts

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

package/dist/Field/Field.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export declare type FieldProps = {
+    htmlFor: string;
+    label: string;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
+} & ComponentProps<'input'>;
+export declare const Field: React.FC<FieldProps>;

package/dist/Field/index.d.ts

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

package/dist/Heading/Heading.d.ts

@@ -1,5 +1,7 @@
-declare type HeadingProps = {
-    headingStyle?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-};
-export declare const Heading: import("@marigold/system").SystemComponent<HeadingProps, "h2">;
-export {};
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export declare type HeadingProps = {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    variant?: string;
+} & ComponentProps<'h1'>;
+export declare const Heading: React.FC<HeadingProps>;

package/dist/Hidden/Hidden.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare type HiddenProps = {
+    show?: boolean;
+};
+export declare const Hidden: React.FC<HiddenProps>;

package/dist/Hidden/index.d.ts

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

package/dist/Image/Image.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export declare type ImageProps = {
+    variant?: string;
+    children?: never;
+} & ComponentProps<'img'>;
+export declare const Image: React.FC<ImageProps>;

package/dist/Image/index.d.ts

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

package/dist/Input/Input.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export declare type InputProps = {
+    variant?: string;
+} & ComponentProps<'input'>;
+export declare const Input: React.FC<InputProps>;

package/dist/Input/index.d.ts

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

package/dist/Label/Label.d.ts

@@ -1,5 +1,8 @@
-declare type LabelProps = {
-    htmlFor: string;
-};
-export declare const Label: import("@marigold/system").SystemComponent<LabelProps, "label">;
-export {};
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export declare type LabelProps = {
+    htmlFor?: string;
+    variant?: string;
+    required?: boolean;
+} & ComponentProps<'label'>;
+export declare const Label: React.FC<LabelProps>;

package/dist/Link/Link.d.ts

@@ -1,3 +1,7 @@
-declare type LinkProps = {};
-export declare const Link: import("@marigold/system").SystemComponent<LinkProps, "a">;
-export {};
+import { PolymorphicComponent, PolymorphicProps } from '@marigold/types';
+import { TextOwnProps } from '../Text';
+export declare type LinkOwnProps = {
+    disabled?: boolean;
+} & TextOwnProps;
+export declare type LinkProps = PolymorphicProps<LinkOwnProps, 'a'>;
+export declare const Link: PolymorphicComponent<LinkOwnProps, "a">;

package/dist/Menu/Menu.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+import { Button } from '../Button';
+export declare type MenuProps = {
+    variant?: string;
+    label?: string;
+    onClick: ComponentProps<typeof Button>['onClick'];
+    show?: boolean;
+    className?: string;
+    title?: string;
+};
+export declare const Menu: React.FC<MenuProps>;

package/dist/Menu/index.d.ts

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

package/dist/MenuItem/MenuItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+import { Link } from '../Link';
+export declare type MenuItemProps = {
+    variant?: string;
+} & ComponentProps<typeof Link>;
+export declare const MenuItem: React.FC<MenuItemProps>;

package/dist/MenuItem/index.d.ts

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

package/dist/Message/Message.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export declare type MessageProps = {
+    messageTitle: string;
+    variant?: string;
+} & ComponentProps<'div'>;
+export declare const Message: React.FC<MessageProps>;

package/dist/Message/index.d.ts

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

package/dist/Provider/MarigoldProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ThemeProviderProps } from '@marigold/system';
+export declare const MarigoldProvider: React.FC<ThemeProviderProps>;

package/dist/Provider/index.d.ts

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

package/dist/Radio/Radio.d.ts

@@ -1,3 +1,15 @@
-declare type RadioProps = {};
-export declare const Radio: import("@marigold/system").SystemComponent<RadioProps, "input">;
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+declare type RadioInputProps = {
+    variant?: string;
+    error?: boolean;
+} & ComponentProps<'input'>;
+export declare type RadioProps = {
+    id: string;
+    label?: string;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+} & RadioInputProps;
+export declare const Radio: React.FC<RadioProps>;
 export {};

package/dist/Radio/RadioIcons.d.ts

@@ -0,0 +1,9 @@
+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,8 @@
+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,8 @@
+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,8 @@
+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,13 @@
-declare type SelectProps = {};
-export declare const Select: import("@marigold/system").SystemComponent<SelectProps, "select">;
-export {};
+import type { AriaSelectProps } from '@react-types/select';
+import { SingleSelection } from '@react-types/shared';
+import { ComponentProps } from '@marigold/types';
+import { ResponsiveStyleValue } from '@marigold/system';
+export declare type SelectProps = {
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    width?: ResponsiveStyleValue<number | string>;
+    error?: boolean;
+    errorMessage?: string;
+} & ComponentProps<'select'> & AriaSelectProps<object> & SingleSelection;
+export declare const Select: ({ placeholder, disabled, required, error, errorMessage, width, className, ...props }: SelectProps) => JSX.Element;

package/dist/Slider/Slider.d.ts

@@ -1,3 +1,6 @@
-declare type SliderProps = {};
-export declare const Slider: import("@marigold/system").SystemComponent<SliderProps, "input">;
-export {};
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export declare type SliderProps = {
+    variant?: string;
+} & ComponentProps<'input'>;
+export declare const Slider: React.FC<SliderProps>;

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/index.d.ts

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

package/dist/Text/Text.d.ts

@@ -1,3 +1,12 @@
-declare type TextProps = {};
-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 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/Textarea/Textarea.d.ts

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

package/dist/ValidationMessage/ValidationMessage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComponentProps } from '@marigold/types';
+export declare type ValidationMessageProps = {
+    variant?: string;
+} & ComponentProps<'span'>;
+export declare const ValidationMessage: React.FC<ValidationMessageProps>;

package/dist/ValidationMessage/index.d.ts

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