@latte-macchiat-io/latte-vanilla-components 0.0.117

package/dist/types/components/Actions/export.d.ts

@@ -0,0 +1,3 @@
+export { Actions } from '.';
+export type { ActionsProps } from '.';
+export { Align as ActionsAlign } from './types';

package/dist/types/components/Actions/index.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+import { Align } from './types';
+import { Theme } from '../../types/theme';
+export type ActionsProps = {
+    align?: Align;
+    theme?: Theme;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+};
+export declare const Actions: ({ children, styles, theme, align }: ActionsProps) => import("react").JSX.Element;

package/dist/types/components/Actions/stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Actions } from '../../index';
+declare const meta: Meta<typeof Actions>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/Actions/styles.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+import { Align } from './types';
+import { Theme } from '../../types/theme';
+interface IStyledActions {
+    align: Align;
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledActions: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledActions, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/Actions/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum Align {
+    Center = 0,
+    Left = 1,
+    Right = 2
+}

package/dist/types/components/Button/export.d.ts

@@ -0,0 +1,3 @@
+export { Button } from '.';
+export type { ButtonProps } from '.';
+export { Type as ButtonType, Size as ButtonSize, Style as ButtonStyle, Variant as ButtonVariant } from './types';

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { Size, Style, Type, Variant } from './types';
+import { Theme } from '../../types/theme';
+export type ButtonProps = {
+    type?: Type;
+    size?: Size;
+    style?: Style;
+    theme?: Theme;
+    variant?: Variant;
+    isPending?: boolean;
+    isDisabled?: boolean;
+    staticColor?: string;
+    onClick?: () => void;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+};
+export declare const Button: ({ children, styles, staticColor, isPending, isDisabled, type, style, size, onClick, theme, variant, }: ButtonProps) => import("react").JSX.Element;

package/dist/types/components/Button/styles.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledButton {
+    theme: Theme;
+    isSmall: boolean;
+    isLarge: boolean;
+    isDisabled: boolean;
+    isOutlined: boolean;
+    isSecondary: boolean;
+    staticColor: string;
+    styles: CSSProperties;
+}
+export declare const StyledButton: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledButton, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export {};

package/dist/types/components/Button/types.d.ts

@@ -0,0 +1,18 @@
+export declare enum Variant {
+    Primary = 0,
+    Secondary = 1
+}
+export declare enum Style {
+    Fill = 0,
+    Outline = 1
+}
+export declare enum Size {
+    Small = 0,
+    Medium = 1,
+    Large = 2
+}
+export declare enum Type {
+    Reset = "reset",
+    Button = "button",
+    Submit = "submit"
+}

package/dist/types/components/Carousel/export.d.ts

@@ -0,0 +1,2 @@
+export { Carousel } from '.';
+export type { CarouselProps } from '.';

package/dist/types/components/Carousel/index.d.ts

@@ -0,0 +1,12 @@
+import { default as React, CSSProperties, ReactNode } from 'react';
+import { Theme } from '../../types/theme';
+export type CarouselProps = {
+    data: ReactNode[];
+    theme?: Theme;
+    displayItem?: number;
+    isFullWidth?: boolean;
+    styles?: CSSProperties;
+    displayNavButtons?: boolean;
+    displayNavBullets?: boolean;
+};
+export declare const Carousel: ({ data, styles, displayItem, theme, isFullWidth, displayNavBullets, displayNavButtons, }: CarouselProps) => React.JSX.Element;

package/dist/types/components/Carousel/styles.d.ts

@@ -0,0 +1,52 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledCarousel {
+    styles: CSSProperties;
+    isFullWidth: boolean;
+    theme: Theme;
+}
+export declare const StyledCarousel: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledCarousel, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCarouselContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledCarouselContentList {
+    gap: number;
+    left: number;
+    width: number;
+}
+export declare const StyledCarouselContentList: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledCarouselContentList, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCarouselContentListItem: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCarouselNav: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledCarouselNavButton {
+    isDisabled: boolean;
+}
+export declare const StyledCarouselNavButton: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledCarouselNavButton, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledCarouselBullet: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledCarouselBulletItem {
+    theme: Theme;
+    isActive: boolean;
+}
+export declare const StyledCarouselBulletItem: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledCarouselBulletItem, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/Columns/export.d.ts

@@ -0,0 +1,3 @@
+export { Columns } from '.';
+export type { ColumnsProps } from '.';
+export { Align as ColumnsAlign } from './types';

package/dist/types/components/Columns/index.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+import { Align } from './types';
+import { Theme } from '../../types/theme';
+export type ColumnsProps = {
+    align?: Align;
+    theme?: Theme;
+    columns: number[];
+    isCentered?: boolean;
+    isInverted?: boolean;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+};
+export declare const Columns: ({ columns, children, styles, align, isCentered, isInverted, theme, }: ColumnsProps) => React.ReactElement;

package/dist/types/components/Columns/stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ columns, children, styles, align, isCentered, isInverted, theme, }: import('.').ColumnsProps) => React.ReactElement;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Default3Col: Story;

package/dist/types/components/Columns/styles.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { Align } from './types';
+import { Theme } from '../../types/theme';
+interface IStyledColumns {
+    align: Align;
+    theme: Theme;
+    columns: number[];
+    isCentered: boolean;
+    isInverted: boolean;
+    styles: CSSProperties;
+}
+export declare const StyledColumns: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledColumns, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/Columns/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum Align {
+    Center = 0,
+    Left = 1,
+    Right = 2
+}

package/dist/types/components/ConsentCookie/export.d.ts

@@ -0,0 +1,2 @@
+export { ConsentCookie } from '.';
+export type { ConsentCookieProps } from '.';

package/dist/types/components/ConsentCookie/index.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type ConsentCookieProps = {
+    theme?: Theme;
+    styles?: CSSProperties;
+    children?: React.ReactNode;
+    cookieName?: string;
+    cookieExpirationDays?: number;
+    translations?: {
+        actions: {
+            accept: string;
+            reject: string;
+        };
+    };
+};
+export declare const ConsentCookie: ({ styles, children, theme, cookieName, translations, cookieExpirationDays, }: ConsentCookieProps) => import("react").JSX.Element | null;

package/dist/types/components/ConsentCookie/stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ConsentCookie } from '.';
+declare const meta: Meta<typeof ConsentCookie>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/ConsentCookie/styles.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledConsentCookie {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledConsentCookie: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledConsentCookie, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledConsentCookieContent {
+    theme: Theme;
+}
+export declare const StyledConsentCookieContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledConsentCookieContent, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledConsentCookieActions {
+    theme: Theme;
+}
+export declare const StyledConsentCookieActions: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledConsentCookieActions, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/Footer/export.d.ts

@@ -0,0 +1,2 @@
+export { Footer } from '.';
+export type { FooterProps } from '.';

package/dist/types/components/Footer/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type FooterProps = {
+    theme?: Theme;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+};
+export declare const Footer: ({ children, styles, theme }: FooterProps) => import("react").JSX.Element;

package/dist/types/components/Footer/stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Footer } from '../../index';
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/Footer/styles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledFooter {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledFooter: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledFooter, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export {};

package/dist/types/components/Form/Row/export.d.ts

@@ -0,0 +1,3 @@
+export { Row as FormRow } from '.';
+export type { RowProps as FormRowProps } from '.';
+export { Align as FormRowAlign } from './types';

package/dist/types/components/Form/Row/index.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../../types/theme';
+import { Align } from './types';
+export type RowProps = {
+    align?: Align;
+    theme?: Theme;
+    isMessage?: boolean;
+    isActions?: boolean;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+};
+export declare const Row: ({ children, theme, styles, isActions, isMessage, align }: RowProps) => import("react").JSX.Element;

package/dist/types/components/Form/Row/stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Row } from '.';
+declare const meta: Meta<typeof Row>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const MultipleChildren: Story;

package/dist/types/components/Form/Row/styles.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../../types/theme';
+import { Align } from './types';
+interface IStyledFormRow {
+    align: Align;
+    theme: Theme;
+    isActions: boolean;
+    isMessage: boolean;
+    styles: CSSProperties;
+}
+export declare const StyledFormRow: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledFormRow, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/Form/Row/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum Align {
+    Center = 0,
+    Left = 1,
+    Right = 2
+}

package/dist/types/components/Form/TextField/Input/export.d.ts

@@ -0,0 +1,3 @@
+export { TextFieldInput } from '.';
+export type { TextFieldInputProps } from '.';
+export { Type as InputType } from './types';

package/dist/types/components/Form/TextField/Input/index.d.ts

@@ -0,0 +1,19 @@
+import { default as React, CSSProperties } from 'react';
+import { Theme } from '../../../../types/theme';
+import { Type } from './types';
+export type TextFieldInputProps = {
+    type?: Type;
+    name: string;
+    theme?: Theme;
+    value?: string;
+    disabled?: boolean;
+    required?: boolean;
+    placeholder?: string;
+    styles?: CSSProperties;
+    onChange?: (e: {
+        target: {
+            value: string | undefined;
+        };
+    }) => void | undefined;
+};
+export declare const TextFieldInput: ({ name, value, styles, type, disabled, placeholder, theme, onChange, }: TextFieldInputProps) => React.JSX.Element;

package/dist/types/components/Form/TextField/Input/stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TextFieldInput } from './export';
+declare const meta: Meta<typeof TextFieldInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Placeholder: Story;
+export declare const Disabled: Story;
+export declare const TypeEmail: Story;
+export declare const TypeNumber: Story;
+export declare const TypePassword: Story;
+export declare const TypeSearch: Story;
+export declare const TypeHidden: Story;

package/dist/types/components/Form/TextField/Input/styles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../../../types/theme';
+interface IStyledInputField {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledInputField: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledInputField, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export {};

package/dist/types/components/Form/TextField/Input/types.d.ts

@@ -0,0 +1,8 @@
+export declare enum Type {
+    Text = "text",
+    Email = "email",
+    Search = "search",
+    Number = "number",
+    Hidden = "hidden",
+    Password = "password"
+}

package/dist/types/components/Form/TextField/Label/export.d.ts

@@ -0,0 +1,2 @@
+export { TextFieldLabel } from '.';
+export type { TextFieldLabelProps } from '.';

package/dist/types/components/Form/TextField/Label/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Theme } from '../../../../types/theme';
+export type TextFieldLabelProps = {
+    name: string;
+    theme?: Theme;
+    label: string;
+    required?: boolean;
+};
+export declare const TextFieldLabel: ({ name, label, required, theme }: TextFieldLabelProps) => React.JSX.Element;

package/dist/types/components/Form/TextField/Label/stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TextFieldLabel } from './export';
+declare const meta: Meta<typeof TextFieldLabel>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Required: Story;

package/dist/types/components/Form/TextField/Label/styles.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '../../../../types/theme';
+interface IStyledTextFieldLabel {
+    theme: Theme;
+}
+export declare const StyledTextFieldLabel: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledTextFieldLabel, import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export {};

package/dist/types/components/Form/TextField/Textarea/export.d.ts

@@ -0,0 +1,3 @@
+export { TextFieldTextarea } from '.';
+export type { TextFieldTextareaProps } from '.';
+export { Type as TextareaType } from './types';

package/dist/types/components/Form/TextField/Textarea/index.d.ts

@@ -0,0 +1,17 @@
+import { default as React, CSSProperties } from 'react';
+import { Theme } from '../../../../types/theme';
+export type TextFieldTextareaProps = {
+    name: string;
+    value?: string;
+    rows?: number;
+    theme?: Theme;
+    disabled?: boolean;
+    placeholder?: string;
+    styles?: CSSProperties;
+    onChange?: (e: {
+        target: {
+            value: string | undefined;
+        };
+    }) => void | undefined;
+};
+export declare const TextFieldTextarea: ({ name, value, rows, disabled, styles, placeholder, onChange, theme, }: TextFieldTextareaProps) => React.JSX.Element;

package/dist/types/components/Form/TextField/Textarea/stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TextFieldTextarea } from '../../../../index';
+declare const meta: Meta<typeof TextFieldTextarea>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Placeholder: Story;
+export declare const Disabled: Story;
+export declare const Rows10: Story;

package/dist/types/components/Form/TextField/Textarea/styles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../../../types/theme';
+interface IStyledTextareaField {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledTextareaField: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledTextareaField, import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
+export {};

package/dist/types/components/Form/TextField/Textarea/types.d.ts

@@ -0,0 +1,3 @@
+export declare enum Type {
+    Textarea = "textarea"
+}

package/dist/types/components/Form/TextField/export.d.ts

@@ -0,0 +1,2 @@
+export { TextField } from '.';
+export type { TextFieldProps } from '.';

package/dist/types/components/Form/TextField/index.d.ts

@@ -0,0 +1,23 @@
+import { default as React, CSSProperties } from 'react';
+import { Type as InputType } from './Input/types';
+import { Type as TextAreaType } from './Textarea/types';
+import { Theme } from '../../../types/theme';
+export type TextFieldProps = {
+    name: string;
+    theme?: Theme;
+    label?: string;
+    value?: string;
+    rows?: number;
+    disabled?: boolean;
+    required?: boolean;
+    placeholder?: string;
+    styles?: CSSProperties;
+    errors?: string | string[];
+    type?: InputType | TextAreaType;
+    onChange?: (e: {
+        target: {
+            value: string | undefined;
+        };
+    }) => void | undefined;
+};
+export declare const TextField: ({ name, label, value, styles, rows, required, disabled, placeholder, errors, theme, onChange, type, }: TextFieldProps) => React.JSX.Element;

package/dist/types/components/Form/TextField/stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TextField } from '.';
+declare const meta: Meta<typeof TextField>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Textarea: Story;
+export declare const WithoutLabel: Story;
+export declare const Placeholder: Story;
+export declare const Required: Story;
+export declare const errorDefault: Story;
+export declare const errorMultipleMessages: Story;

package/dist/types/components/Form/TextField/styles.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../../types/theme';
+interface IStyledTextField {
+    styles: CSSProperties;
+}
+export declare const StyledTextField: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledTextField, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTextFieldMessage: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledErrorMessage {
+    theme: Theme;
+}
+export declare const StyledErrorMessage: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledErrorMessage, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};

package/dist/types/components/Form/export.d.ts

@@ -0,0 +1,2 @@
+export { Form } from '.';
+export type { FormProps } from '.';

package/dist/types/components/Form/index.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type FormProps = {
+    theme?: Theme;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+    action: ((formData: FormData) => void | Promise<void>) | string;
+};
+export declare const Form: ({ action, children, styles, theme }: FormProps) => import("react").JSX.Element;

package/dist/types/components/Form/stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Form } from '.';
+type Story = StoryObj<typeof meta>;
+declare const meta: Meta<typeof Form>;
+export default meta;
+export declare const Default: Story;

package/dist/types/components/Form/styles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledForm {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledForm: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledForm, import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
+export {};