react-artasys-ui 0.1.20 → 0.1.22

package/lib/src/Dropdown/index.d.ts

@@ -0,0 +1,9 @@
+import { RefAttributes, ForwardRefExoticComponent, FC } from "react";
+import { IDropdown } from "./Dropdown";
+import Item, { IItem } from "./Item";
+interface StaticComponent extends ForwardRefExoticComponent<IDropdown & RefAttributes<HTMLInputElement>> {
+    Item: FC<IItem>;
+}
+declare const Dropdown: StaticComponent;
+export { Item as DropdownItem };
+export default Dropdown;

package/lib/src/File/File.d.ts

@@ -0,0 +1,18 @@
+import { AllHTMLAttributes } from "react";
+import { UIComponent } from "../ui-types";
+export type TFileMime = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/gif';
+export type TFileData = {
+    name: string;
+    type: TFileMime;
+    size: number;
+    mime: TFileMime;
+    data: string;
+    base64?: string | null | ArrayBuffer;
+};
+export interface TFile<T = any> extends UIComponent<Omit<AllHTMLAttributes<T>, 'onChange' | 'accept'>> {
+    onChange?: (data: TFileData) => void;
+    multiple?: boolean;
+    accept?: TFileMime[];
+}
+declare const File: ({ onChange, children, multiple, accept, ...props }: TFile) => import("react/jsx-runtime").JSX.Element;
+export default File;

package/lib/src/File/index.d.ts

@@ -0,0 +1,3 @@
+import File, { TFileData, TFileMime } from "./File";
+export type { TFileData, TFileMime };
+export default File;

package/lib/src/FileInput/FileInput.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { IElement } from '../Form/Element';
+import { UIComponent } from '../ui-types';
+export interface IFileInput extends UIComponent<IElement<HTMLInputElement>> {
+    onChangeFiles?: (files: FileList | null) => void;
+    accept?: string;
+    multiple?: boolean;
+    children?: ReactNode;
+    wait?: boolean;
+    className?: string;
+    icon?: boolean;
+}
+declare const FileInput: ({ onChange, onChangeFiles, accept, multiple, wait, children, className, icon, ...props }: IFileInput) => import("react/jsx-runtime").JSX.Element;
+export default FileInput;

package/lib/src/FileInput/index.d.ts

@@ -0,0 +1,3 @@
+import FileInput, { IFileInput } from "./FileInput";
+export type { IFileInput };
+export default FileInput;

package/lib/src/Form/Element/Element.d.ts

@@ -0,0 +1,16 @@
+import { AllHTMLAttributes, ReactElement } from "react";
+export interface IElement<T = any> extends Omit<AllHTMLAttributes<T>, 'children'> {
+    children?: ((props: AllHTMLAttributes<T>) => ReactElement) | AllHTMLAttributes<T>["children"];
+    error?: string;
+    formValue?: string | number;
+    disabled?: boolean;
+    placeholder?: string;
+    styleContainer?: React.HTMLAttributes<T>["style"];
+    classNameContainer?: string;
+    beforeElement?: React.ReactElement;
+    afterElement?: React.ReactElement;
+    hiddenContainer?: boolean;
+    wait?: boolean;
+}
+declare const Element: ({ children, beforeElement, afterElement, error, placeholder, styleContainer, classNameContainer, hiddenContainer, formValue, wait, ...props }: IElement) => import("react/jsx-runtime").JSX.Element;
+export default Element;

package/lib/src/Form/Element/index.d.ts

@@ -0,0 +1,3 @@
+import Element, { IElement } from "./Element";
+export type { IElement };
+export default Element;

package/lib/src/Form/Form.d.ts

@@ -0,0 +1,10 @@
+import { FormHTMLAttributes, ReactNode } from 'react';
+import { UIComponent } from '../ui-types';
+export interface IForm extends UIComponent<FormHTMLAttributes<HTMLFormElement>> {
+    children: ReactNode;
+    wait?: boolean;
+    progress?: number;
+    progressRadius?: boolean;
+}
+declare const Form: ({ children, wait, progress, progressRadius, className, onSubmit, ...props }: IForm) => import("react/jsx-runtime").JSX.Element;
+export default Form;

package/{src/Form/index.tsx → lib/src/Form/index.d.ts}

@@ -1,8 +1,5 @@
-import Form from "./Form";
-import useForm from "./useForm";
-import Element from "./Element";
-export {
-	useForm,
-	Element as FormElement
-};
-export default Form;
+import Form from "./Form";
+import useForm from "./useForm";
+import Element from "./Element";
+export { useForm, Element as FormElement };
+export default Form;

package/{src/Form/types.ts → lib/src/Form/types.d.ts}

@@ -1,17 +1,11 @@
-import type {
-	FieldValues,
-	UseFormRegisterReturn,
-	FieldPath
-} from "react-hook-form";
-
-export type TUseFormRegisterReturn<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseFormRegisterReturn<TFieldName> & {
-	error?: string;
-	formValue: TFieldValues;
-};
-
-export type TError<TFieldValues extends FieldValues> = {
-	errors?: {
-		[key in keyof TFieldValues]: string[];
-	};
-	message: string;
-}
+import type { FieldValues, UseFormRegisterReturn, FieldPath } from "react-hook-form";
+export type TUseFormRegisterReturn<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseFormRegisterReturn<TFieldName> & {
+    error?: string;
+    formValue: TFieldValues;
+};
+export type TError<TFieldValues extends FieldValues> = {
+    errors?: {
+        [key in keyof TFieldValues]: string[];
+    };
+    message: string;
+};

package/lib/src/Form/useForm.d.ts

@@ -0,0 +1,17 @@
+import { FunctionComponent } from "react";
+import type { TError } from "./types";
+import { UseFormReturn, FieldValues } from "react-hook-form";
+type TuseErrors<TFieldValues extends FieldValues = FieldValues> = UseFormReturn<TFieldValues> & {
+    GlobalError: FunctionComponent;
+    setErrors: (e: TError<TFieldValues>) => void;
+};
+declare const useForm: <TFieldValues extends FieldValues = FieldValues>() => TuseErrors<TFieldValues>;
+export declare const validate: {
+    email: {
+        pattern: {
+            value: RegExp;
+            message: string;
+        };
+    };
+};
+export default useForm;

package/lib/src/Input/Input.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLInputTypeAttribute } from "react";
+import { IElement } from "../Form/Element";
+import { UIComponent } from "../ui-types";
+export interface IInput extends UIComponent<IElement<HTMLInputElement>> {
+    onChangeText?: (text: string) => void;
+    type?: HTMLInputTypeAttribute;
+    wait?: boolean;
+    children?: React.ReactNode;
+}
+declare const Input: import("react").ForwardRefExoticComponent<IInput & import("react").RefAttributes<HTMLInputElement>>;
+export default Input;

package/{src/Input/index.tsx → lib/src/Input/index.d.ts}

@@ -1,3 +1,2 @@
-import Input from "./Input";
-
-export default Input;
+import Input from "./Input";
+export default Input;

package/lib/src/Loading/Loading.d.ts

@@ -0,0 +1,6 @@
+import { AllHTMLAttributes } from 'react';
+export interface LoadingProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'color'> {
+    color?: 'primary' | 'light' | 'secondary' | 'secondary-light' | 'tertiary';
+}
+declare const Loading: ({ color, ...props }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
+export default Loading;

package/lib/src/Loading/index.d.ts

@@ -0,0 +1,3 @@
+import Loading, { type LoadingProps } from "./Loading";
+export type { LoadingProps };
+export default Loading;

package/lib/src/Progress/Progress.d.ts

@@ -0,0 +1,7 @@
+export interface IProgress {
+    value?: number | string;
+    size?: 'small' | 'middle' | 'large';
+    radius?: boolean;
+}
+declare const Progress: ({ value, size, radius }: IProgress) => import("react/jsx-runtime").JSX.Element;
+export default Progress;

package/{src/Progress/index.tsx → lib/src/Progress/index.d.ts}

@@ -1,3 +1,2 @@
-import Progress from "./Progress";
-
-export default Progress;
+import Progress from "./Progress";
+export default Progress;

package/lib/src/Provider/Provider.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import type { UIComponent } from "../ui-types";
+interface ProviderProps extends UIComponent {
+    children: ReactNode;
+}
+declare const Provider: ({ children }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default Provider;

package/lib/src/Provider/ProviderContext.d.ts

@@ -0,0 +1 @@
+export declare const ProviderContext: import("react").Context<{}>;

package/lib/src/Provider/index.d.ts

@@ -0,0 +1,2 @@
+import Provider from "./Provider";
+export default Provider;

package/lib/src/Select/Optgroup.d.ts

@@ -0,0 +1,7 @@
+import type { TOptionElement } from "./Select";
+export interface IOptgroup {
+    children?: TOptionElement;
+    label?: string | React.ReactElement;
+}
+declare const Optgroup: ({ children, label }: IOptgroup) => import("react/jsx-runtime").JSX.Element;
+export default Optgroup;

package/lib/src/Select/Option.d.ts

@@ -0,0 +1,8 @@
+import { LiHTMLAttributes } from "react";
+export interface IOption extends LiHTMLAttributes<HTMLLIElement> {
+    value?: string;
+    disabled?: boolean;
+    children?: string | React.ReactElement;
+}
+declare const Option: ({ children, value, disabled, hidden, onClick, ...props }: IOption) => import("react/jsx-runtime").JSX.Element | null;
+export default Option;

package/lib/src/Select/Select.d.ts

@@ -0,0 +1,18 @@
+import { FunctionComponentElement, ReactNode } from "react";
+import { IElement } from "../Form/Element";
+import type { IOptgroup } from "./Optgroup";
+import type { IOption } from "./Option";
+export declare const Context: import("react").Context<{
+    selected: string;
+    emptyValue: React.MutableRefObject<boolean>;
+    setSelect: (value: string) => void;
+    setSelected: (value: string) => void;
+    setTitle: (title: IOption["children"]) => void;
+}>;
+export type TOptionElement = FunctionComponentElement<IOption> | FunctionComponentElement<IOption>[] | ReactNode;
+export interface ISelect extends Omit<IElement, 'children'> {
+    children?: TOptionElement | FunctionComponentElement<IOptgroup> | FunctionComponentElement<IOptgroup>[];
+    onChangeSelect?: (value: string) => void;
+}
+declare const Select: import("react").ForwardRefExoticComponent<ISelect & import("react").RefAttributes<HTMLInputElement>>;
+export default Select;

package/lib/src/Select/index.d.ts

@@ -0,0 +1,11 @@
+import { ForwardRefExoticComponent, FC, RefAttributes } from "react";
+import { ISelect } from "./Select";
+import Option, { IOption } from "./Option";
+import Optgroup, { IOptgroup } from "./Optgroup";
+interface StaticComponent extends ForwardRefExoticComponent<ISelect & RefAttributes<HTMLInputElement>> {
+    Option: FC<IOption>;
+    Optgroup: FC<IOptgroup>;
+}
+declare const Select: StaticComponent;
+export { Option as SelectOption, Optgroup as SelectOptgroup };
+export default Select;

package/lib/src/Spinner/Spinner.d.ts

@@ -0,0 +1,8 @@
+import { AllHTMLAttributes } from "react";
+import type { UIComponent } from "../ui-types";
+export interface SpinnerProps extends UIComponent<Omit<AllHTMLAttributes<HTMLDivElement>, 'size'>> {
+    size?: 'small' | 'middle' | 'large';
+    contrast?: boolean;
+}
+declare const Spinner: ({ size, contrast, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/lib/src/Spinner/index.d.ts

@@ -0,0 +1,3 @@
+import Spinner, { type SpinnerProps } from "./Spinner";
+export type { SpinnerProps };
+export default Spinner;

package/lib/src/TextArea/TextArea.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IElement } from "../Form/Element";
+import { UIComponent } from "../ui-types";
+export interface ITextArea extends UIComponent<IElement<HTMLTextAreaElement>> {
+    onChangeText?: (text: string) => void;
+    wait?: boolean;
+}
+declare const TextArea: React.ForwardRefExoticComponent<ITextArea & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/{src/TextArea/index.tsx → lib/src/TextArea/index.d.ts}

@@ -1,3 +1,2 @@
-import TextArea from "./TextArea";
-
-export default TextArea;
+import TextArea from "./TextArea";
+export default TextArea;

package/lib/src/UploadImages/Image.d.ts

@@ -0,0 +1,16 @@
+import type { TFileData } from "../File";
+export type TImageData = TFileData & {
+    id?: string | number;
+    setWait: (status: boolean) => void;
+    setId: (id: string | number) => void;
+};
+export interface IImage extends TFileData {
+    onChange?: (data: TImageData) => void;
+    onId?: (id: string | number) => void;
+    onRemove?: () => void;
+    onClick?: (data: TImageData) => void;
+    id?: string | number;
+    src?: string;
+}
+declare const Image: ({ onChange, onClick, onId, onRemove, ...props }: IImage) => import("react/jsx-runtime").JSX.Element;
+export default Image;

package/lib/src/UploadImages/UploadImages.d.ts

@@ -0,0 +1,9 @@
+import { TImageData, IImage } from "./Image";
+export interface IUploadImages {
+    onChange?: (data: TImageData) => void;
+    onChangeArray?: (data: IImage[]) => void;
+    onClick?: (data: TImageData) => void;
+    imagesArray?: TImageData[];
+}
+declare const UploadImages: ({ imagesArray, onChange, onChangeArray, onClick }: IUploadImages) => import("react/jsx-runtime").JSX.Element;
+export default UploadImages;

package/lib/src/UploadImages/index.d.ts

@@ -0,0 +1,5 @@
+import UploadImages, { IUploadImages } from "./UploadImages";
+import type { IImage } from "./Image";
+import { TImageData } from "./Image";
+export type { IUploadImages, TImageData, IImage };
+export default UploadImages;

package/lib/src/index.d.ts

@@ -0,0 +1,19 @@
+import Form, { useForm, FormElement } from "./Form";
+import Element, { IElement } from "./Form/Element";
+import Input from "./Input";
+import TextArea from "./TextArea";
+import Spinner from "./Spinner";
+import Loading from "./Loading";
+import FileInput, { IFileInput } from "./FileInput";
+import File, { TFileData, TFileMime } from "./File";
+import Button, { ButtonProps } from "./Button";
+import UploadImages, { IUploadImages, TImageData, IImage } from "./UploadImages";
+import Checkbox from "./Checkbox";
+import Progress from "./Progress";
+import Select, { SelectOption, SelectOptgroup } from "./Select";
+import Dropdown, { DropdownItem } from "./Dropdown";
+import './brands/brands.css';
+declare const UI: {};
+export { Form, FormElement, Element, useForm, Input, TextArea, Spinner, Loading, File, Button, UploadImages, Checkbox, Progress, Select, SelectOption, SelectOptgroup, Dropdown, DropdownItem, FileInput, };
+export type { TFileData, TFileMime, IUploadImages, IImage, TImageData, IElement, ButtonProps, IFileInput, };
+export default UI;

package/lib/src/ui-types.d.ts

@@ -0,0 +1,3 @@
+export type UIComponent<T = unknown> = T & {
+    brand?: 'ac' | 'as' | 'at' | 'dt';
+};

package/lib/stories/Button.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ButtonProps } from '../src/Button';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ButtonProps>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ButtonProps>;

package/lib/stories/Checkbox.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ICheckbox } from '../src/Checkbox/Checkbox';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ICheckbox>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ICheckbox>;

package/lib/stories/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IDropdown } from '../../src/Dropdown/Dropdown';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IDropdown>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IDropdown>;

package/lib/stories/Dropdown/Item.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IItem } from '../../src/Dropdown/Item';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItem>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItem>;

package/lib/stories/Dropdown/Items.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IItems } from '../../src/Dropdown/Items';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItems>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItems>;

package/lib/stories/File.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { TFile } from '../src/File/File';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TFile<any>>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TFile<any>>;

package/lib/stories/FileInput.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from "@storybook/react";
+import FileInput, { IFileInput } from "../src/FileInput/FileInput";
+declare const _default: Meta<typeof FileInput>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
+export declare const MultipleFiles: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
+export declare const AcceptImages: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
+export declare const WithLoading: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
+export declare const CustomChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;

package/lib/stories/Form/Element/Element.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IElement } from '../../../src/Form/Element/Element';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IElement<any>>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IElement<any>>;

package/lib/stories/Form/Form.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IForm } from '../../src/Form/Form';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IForm>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IForm>;

package/lib/stories/Input.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IInput } from '../src/Input/Input';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IInput>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IInput>;

package/lib/stories/Loading.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { type LoadingProps } from '../src/Loading';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, LoadingProps>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, LoadingProps>;

package/lib/stories/Progress.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IProgress } from '../src/Progress/Progress';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IProgress>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IProgress>;

package/lib/stories/Select/Select.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ISelect } from '../../src/Select/Select';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ISelect>;
+export declare const WithOptgroup: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ISelect>;

package/lib/stories/Spinner.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { type SpinnerProps } from '../src/Spinner';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SpinnerProps>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SpinnerProps>;

package/lib/stories/TextArea.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ITextArea } from '../src/TextArea/TextArea';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ITextArea>;
+export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ITextArea>;

package/lib/ui-types.d.ts

@@ -0,0 +1,3 @@
+export type UIComponent<T = unknown> = T & {
+    brand?: 'ac' | 'as' | 'at' | 'dt';
+};

package/package.json

@@ -1,19 +1,25 @@
 {
   "name": "react-artasys-ui",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "",
   "main": "dist/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
     "test": "jest",
     "build": "webpack",
-    "copy-css": "copyfiles -u 1 src/**/*.module.css lib/"
+    "copy-css": "copyfiles -u 1 src/**/*.module.css lib/",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "jest": {
     "transform": {
       "^.+\\.[t|j]sx?$": "babel-jest"
     }
   },
+  "files": [
+    "dist",
+    "lib"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/SergoMorello/react.artasys.ui.git"
@@ -27,22 +33,37 @@
   "homepage": "https://github.com/SergoMorello/react.artasys.ui#readme",
   "devDependencies": {
     "@babel/preset-env": "^7.22.20",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@chromatic-com/storybook": "^3.2.3",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-webpack5": "^8.4.7",
+    "@storybook/test": "^8.4.7",
     "@types/jest": "^29.5.0",
-    "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "autoprefixer": "^10.4.16",
     "babel-jest": "^29.5.0",
+    "babel-loader": "^9.2.1",
     "copyfiles": "^2.4.1",
     "css-loader": "^6.8.1",
     "jest": "^29.5.0",
     "postcss-loader": "^7.3.3",
+    "sass": "^1.83.1",
+    "sass-loader": "^16.0.4",
+    "storybook": "^8.4.7",
     "style-loader": "^3.3.3",
-    "ts-loader": "^9.5.0",
-    "typescript": "^5.2.2",
+    "ts-loader": "^9.5.2",
+    "typescript": "^5.7.3",
     "typescript-plugin-css-modules": "^5.0.1",
     "webpack-cli": "^5.1.4"
   },
   "dependencies": {
+    "@types/react": "^18.2.0",
     "react-hook-form": "^7.47.0"
   },
   "peerDependencies": {

package/babel.config.json

@@ -1,3 +0,0 @@
-{
-	"presets": ["@babel/preset-env"]
-}

package/src/Button/Button.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-import styles from "./style.module.css";
-import Spinner,{
-	TSpinner
-} from "../Spinner";
-
-interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-	wait?: boolean;
-	classNameContainer?: string;
-	styleContainer?: React.HTMLAttributes<HTMLDivElement>['style'];
-	spinnerColor?: TSpinner['color'];
-}
-
-const Button = ({children, className, classNameContainer, styleContainer, spinnerColor = 'contrast', wait = false, ...props}: IButton) => {
-
-	const classes = ['ui-button-container'];
-
-	classes.push(styles['container']);
-	if (classNameContainer) classes.push(classNameContainer);
-
-	return(<div className={classes.join(' ')} style={styleContainer}>
-		<button {...props} className={'ui-button' + (className ? ' ' + className : '')}>{children}</button>
-		<div className={'ui-button-spinner ' + styles['wait-indicator'] + (wait ? ' ' + styles['active'] : '')}>
-			<Spinner size="small" color={spinnerColor}/>
-		</div>
-	</div>)
-};
-
-export default Button;

package/src/Button/index.tsx

@@ -1,3 +0,0 @@
-import Button from "./Button";
-
-export default Button;