@matbea-ui/matbea-ui 0.1.5 → 0.1.7

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

@@ -0,0 +1,14 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+import { type ButtonForm, type ButtonSize, type ButtonVariant } from "./styled";
+type IconPosition = "left" | "right" | "only";
+type ButtonProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    form?: ButtonForm;
+    fullWidth?: boolean;
+    icon?: ReactNode;
+    iconPosition?: IconPosition;
+    children?: ReactNode;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Button } from "./index";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const WithRightIcon: Story;
+export declare const IconOnly: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const FullWidth: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,16 @@
+export type ButtonVariant = "primary" | "secondary" | "tertiary";
+export type ButtonSize = "default" | "medium" | "small";
+export type ButtonForm = "default" | "brick-right";
+type StyledButtonProps = {
+    $variant: ButtonVariant;
+    $size: ButtonSize;
+    $form: ButtonForm;
+    $fullWidth: boolean;
+    $hasIcon: boolean;
+    $iconOnly: boolean;
+};
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
+export declare const IconSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $iconOnly: boolean;
+}>> & string;
+export {};

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

@@ -0,0 +1,12 @@
+type CheckboxProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    label?: string;
+    name?: string;
+    value?: string;
+    onChange?: (next: boolean) => void;
+    className?: string;
+};
+export declare const Checkbox: React.FC<CheckboxProps>;
+export {};

package/dist/types/components/Checkbox/index.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Checkbox } from ".";
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Base: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;

package/dist/types/components/Checkbox/styled.d.ts

@@ -0,0 +1,9 @@
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    disabled: boolean;
+}>> & string;
+export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $checked: boolean;
+    $disabled: boolean;
+}>> & string;
+export declare const CheckIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;

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

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/Container/index.stories.d.ts

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

package/dist/types/components/Container/styled.d.ts

@@ -0,0 +1 @@
+export declare const ContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,6 @@
+type CopyButtonProps = {
+    text: string;
+    size?: number;
+};
+export declare const CopyButton: React.FC<CopyButtonProps>;
+export {};

package/dist/types/components/CopyButton/styled.d.ts

@@ -0,0 +1 @@
+export declare const CopyButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

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

@@ -0,0 +1,8 @@
+type CopyTooltipProps = {
+    label: string;
+    children?: React.ReactNode;
+    copiedText?: string;
+    copyDuration?: number;
+};
+export declare const CopyTooltip: React.FC<CopyTooltipProps>;
+export {};

package/dist/types/components/CopyTooltip/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Trigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Bubble: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -0,0 +1,3 @@
+export declare const Counter: ({ count }: {
+    count?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Counter/index.stories.d.ts

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

package/dist/types/components/Counter/styled.d.ts

@@ -0,0 +1,52 @@
+export declare const CounterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<{
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<Omit<any, "ref">, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+    forwardedAs?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+}, {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<Omit<any, "ref">, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+    forwardedAs?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+}>, never>, never>> & string & Omit<(<C extends "symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view" = "span">(props: {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: C | undefined;
+    forwardedAs?: C | undefined;
+}) => React.ReactElement | null), keyof import("react").Component<any, {}, any>>;

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

@@ -0,0 +1,6 @@
+type HamburgerButtonProps = {
+    open?: boolean;
+    onToggle?: (next: boolean) => void;
+};
+export declare const HamburgerButton: React.FC<HamburgerButtonProps>;
+export {};

package/dist/types/components/Hamburger/index.stories.d.ts

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

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+    children?: React.ReactNode;
+}
+export declare const Icon: React.FC<IconProps>;

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

@@ -0,0 +1,8 @@
+export type InformerType = "success" | "error" | "info" | "warning";
+export type InformerProps = {
+    label: string;
+    description: string;
+    type: InformerType;
+    icon?: boolean;
+};
+export declare const Informer: React.FC<InformerProps>;

package/dist/types/components/Informer/index.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Informer } from ".";
+declare const meta: Meta<typeof Informer>;
+export default meta;
+type Story = StoryObj<typeof Informer>;
+export declare const Base: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const NoIcon: Story;
+export declare const OnlyTitle: Story;
+export declare const Error: Story;

package/dist/types/components/Informer/styled.d.ts

@@ -0,0 +1,5 @@
+export type InformerType = "success" | "error" | "info" | "warning";
+export declare const InformerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $type: InformerType;
+    $icon?: boolean;
+}>> & string;

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

@@ -0,0 +1,18 @@
+import type { ChangeEvent } from "react";
+export type TextFieldProps = {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    name?: string;
+    type?: React.HTMLInputTypeAttribute;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    className?: string;
+};
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/Input/index.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TextField } from ".";
+declare const meta: Meta<typeof TextField>;
+export default meta;
+type Story = StoryObj<typeof TextField>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const WithLabelAndError: Story;
+export declare const WithAction: Story;

package/dist/types/components/Input/styled.d.ts

@@ -0,0 +1,61 @@
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<{
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<Omit<any, "ref">, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+    forwardedAs?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+}, {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<Omit<any, "ref">, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+    forwardedAs?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+}>, never>, never>> & string & Omit<(<C extends "symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view" = "span">(props: {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: C | undefined;
+    forwardedAs?: C | undefined;
+}) => React.ReactElement | null), keyof import("react").Component<any, {}, any>>;
+export declare const FieldContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasError: boolean;
+    $disabled: boolean;
+}>> & string;
+export declare const LeadingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ActionSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const ErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -0,0 +1 @@
+export declare const Loader: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Loader/index.stories.d.ts

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

package/dist/types/components/Loader/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const LoaderDots: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LoaderDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,12 @@
+type RadioButtonProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    label?: string;
+    onChange?: (value: boolean) => void;
+    className?: string;
+};
+export declare const RadioButton: React.FC<RadioButtonProps>;
+export {};

package/dist/types/components/RadioButton/index.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { RadioButton } from ".";
+declare const meta: Meta<typeof RadioButton>;
+export default meta;
+type Story = StoryObj<typeof RadioButton>;
+export declare const Base: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;

package/dist/types/components/RadioButton/styled.d.ts

@@ -0,0 +1,43 @@
+export declare const RadioLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    disabled: boolean;
+}>> & string;
+export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const VisualRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $checked: boolean;
+    $disabled: boolean;
+}>> & string;
+export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<Omit<any, "ref">, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+    forwardedAs?: ("symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view") | undefined;
+}, never>> & string & Omit<(<C extends "symbol" | "object" | "small" | "button" | "form" | "slot" | "style" | "title" | "center" | "meter" | "textarea" | "progress" | "text" | "ruby" | "table" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "span" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "select" | "source" | "strong" | "summary" | "sup" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "use" | "var" | "video" | "wbr" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "tspan" | import("react").ComponentType<any> | "search" | "head" | "noindex" | "template" | "webview" | "animate" | "animateMotion" | "animateTransform" | "desc" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "metadata" | "mpath" | "set" | "switch" | "textPath" | "view" = "span">(props: {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, keyof {
+    variant?: import("..").TypographyVariant;
+    color?: string;
+    align?: "left" | "center" | "right" | "justify";
+    uppercase?: boolean;
+    truncate?: boolean;
+    inline?: boolean;
+}> & {
+    as?: C | undefined;
+    forwardedAs?: C | undefined;
+}) => React.ReactElement | null), keyof import("react").Component<any, {}, any>>;

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

@@ -0,0 +1,22 @@
+import type { FocusEventHandler } from "react";
+export type SelectOption = {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+};
+export type SelectFieldProps = {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    name?: string;
+    onChange?: (value: string) => void;
+    onFocus?: FocusEventHandler<HTMLDivElement>;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    className?: string;
+};
+export declare const SelectField: import("react").ForwardRefExoticComponent<SelectFieldProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/Select/index.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SelectField } from ".";
+declare const meta: Meta<typeof SelectField>;
+export default meta;
+type Story = StoryObj<typeof SelectField>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const WithLabelAndError: Story;