torgbox-ui 1.0.7 → 1.0.9

package/dist/cjs/app/main.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const client_1 = __importDefault(require("react-dom/client"));
+const react_redux_1 = require("react-redux");
+require("../index.scss");
+const routes_1 = require("./routes");
+const store_1 = require("./store");
+client_1.default.createRoot(document.getElementById('root')).render((0, jsx_runtime_1.jsx)(react_redux_1.Provider, { store: store_1.store, children: (0, jsx_runtime_1.jsx)(routes_1.AppRouter, {}) }));

package/dist/cjs/app/routes/AppRouter.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppRouter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_dom_1 = require("react-router-dom");
+const user_1 = require("../../entities/user");
+const Pages_1 = require("../../Pages");
+const store_1 = require("../store");
+const AppRouter = () => {
+    const { user, emailIsVerified } = (0, store_1.useAppSelector)(user_1.selectUserData);
+    const routes = [
+        {
+            path: '/signin',
+            element: user ? (0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/' }) : (0, jsx_runtime_1.jsx)(Pages_1.LoginPage, {}),
+        },
+        {
+            path: '/signup',
+            element: user ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/email-verify' })) : ((0, jsx_runtime_1.jsx)(Pages_1.RegisterPage, {})),
+        },
+        {
+            path: '/email-verify',
+            element: user && !emailIsVerified ? ((0, jsx_runtime_1.jsx)(Pages_1.EmailConfirmationPage, { email: user.email })) : ((0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/reset-password' })),
+        },
+        {
+            path: '/reset-password',
+            element: user ? (0, jsx_runtime_1.jsx)(Pages_1.CreatePasswordPage, {}) : (0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/' }),
+        },
+        {
+            path: '*',
+            element: user ? ((0, jsx_runtime_1.jsx)(Pages_1.StartPage, { email: user.email })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { className: 'btn', to: '/signup', children: "\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044F" }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { className: 'btn', to: '/signin', children: "\u0412\u0445\u043E\u0434" })] })),
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Routes, { children: routes.map((route) => ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: route.path, element: route.element }, route.path))) }) }));
+};
+exports.AppRouter = AppRouter;

package/dist/cjs/app/routes/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppRouter = void 0;
+var AppRouter_1 = require("./AppRouter");
+Object.defineProperty(exports, "AppRouter", { enumerable: true, get: function () { return AppRouter_1.AppRouter; } });

package/dist/cjs/app/store/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppSelector = exports.useAppDispatch = exports.store = void 0;
+var store_1 = require("./store");
+Object.defineProperty(exports, "store", { enumerable: true, get: function () { return store_1.store; } });
+Object.defineProperty(exports, "useAppDispatch", { enumerable: true, get: function () { return store_1.useAppDispatch; } });
+Object.defineProperty(exports, "useAppSelector", { enumerable: true, get: function () { return store_1.useAppSelector; } });

package/dist/cjs/app/store/store.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppSelector = exports.useAppDispatch = exports.store = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const react_redux_1 = require("react-redux");
+const user_1 = require("../../entities/user");
+const api_1 = require("../../Utils/api");
+exports.store = (0, toolkit_1.configureStore)({
+    reducer: {
+        [api_1.baseApi.reducerPath]: api_1.baseApi.reducer,
+        [user_1.authSlice.name]: user_1.authSlice.reducer,
+    },
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(api_1.baseApi.middleware),
+});
+const useAppDispatch = () => (0, react_redux_1.useDispatch)();
+exports.useAppDispatch = useAppDispatch;
+exports.useAppSelector = react_redux_1.useSelector;

package/dist/cjs/assets/scss/index.scss

@@ -0,0 +1,5 @@
+@forward './settings/variables';
+// @forward './settings/fonts';
+@forward './settings/helpers';
+@forward './settings/globals';
+@forward './settings/reset';

package/dist/cjs/assets/scss/settings/fonts.scss

@@ -0,0 +1,29 @@
+@font-face {
+  font-family: 'Roboto Thin';
+  font-display: block;
+  src: url('/src/assets/fonts/Roboto-Thin.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Roboto Light';
+  font-display: block;
+  src: url('/src/assets/fonts/Roboto-Light.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Roboto Regular';
+  font-display: block;
+  src: url('/src/assets/fonts/Roboto-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Roboto Medium';
+  font-display: block;
+  src: url('/src/assets/fonts/Roboto-Medium.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Roboto Bold';
+  font-display: block;
+  src: url('/src/assets/fonts/Roboto-Bold.woff2') format('woff2');
+}

package/dist/cjs/assets/scss/settings/globals.scss

@@ -0,0 +1,5 @@
+:root {
+  font-family: 'Roboto Regular', sans-serif;
+  font-size: 14px;
+  line-height: 20px;
+}

package/dist/cjs/assets/scss/settings/helpers.scss

@@ -0,0 +1,3 @@
+.cursor-pointer {
+  cursor: pointer !important;
+}

package/dist/cjs/assets/scss/settings/reset.scss

@@ -0,0 +1,8 @@
+p {
+    margin: 0;
+}
+
+a {
+    margin: 0;
+    text-decoration: none;
+}

package/dist/cjs/assets/scss/settings/variables.scss

@@ -0,0 +1,91 @@
+@use 'sass:color';
+
+// Global
+$global-color-brand-40:    hsla(270, 60%, 48%, 1);
+ 
+$global-color-primary-40:  hsla(207, 100%, 48%, 1);
+$global-color-primary-60:  hsla(207, 100%, 68%, 1);
+$global-color-primary-80:  hsla(207, 100%, 86%, 1);
+
+$global-color-positive-40: hsla(137, 75%, 40%, 1);
+
+$global-color-warning-40:  hsla(44, 100%, 45%, 1);
+
+$global-color-error-40:    hsla(0, 75%, 42%, 1);
+$global-color-error-70:    hsla(6, 100%, 75%, 1);
+$global-color-error-90:    hsla(6, 100%, 93%, 1);
+
+$global-color-neutral-20:  hsla(220, 12%, 20%, 1);
+$global-color-neutral-40:  hsla(220, 12%, 39%, 1);
+$global-color-neutral-60:  hsla(220, 12%, 52%, 1);
+$global-color-neutral-70:  hsla(220, 12%, 74%, 1);
+$global-color-neutral-80:  hsla(220, 12%, 85%, 1);
+$global-color-neutral-100: hsla(0, 0%, 100%, 1);
+
+$global-color-inverse-100: hsla(0, 0%, 100%, 1);
+
+
+// Semantic
+
+    //Surface
+$surface-bright: $global-color-neutral-100;
+
+    // Primary
+$primary-high:   $global-color-primary-40;
+$primary-middle: $global-color-primary-60;
+$primary-low:    $global-color-primary-80;
+
+    // Primary-border
+$primary-border-high: $global-color-primary-40;
+$primary-border-low:  $global-color-primary-80;
+
+
+    // Primary with alfa-channel
+$primary-A92: color.change($global-color-primary-40, $alpha: 0.92);
+$primary-A88: color.change($global-color-primary-40, $alpha: 0.88);
+$primary-A12: color.change($global-color-primary-40, $alpha: 0.12);
+$primary-A8:  color.change($global-color-primary-40, $alpha: 0.08);
+
+    // Inverse
+$inverse: $global-color-inverse-100;
+
+    // Neutral
+$neutral-high:   $global-color-neutral-20;
+$neutral-middle: $global-color-neutral-40;
+$neutral-low:    $global-color-neutral-60;
+
+    // Neutral-border
+$neutral-border-middle: $global-color-neutral-70;
+$neutral-border-low:    $global-color-neutral-80;
+
+
+    // Neutral with alfa-channel
+$neutral-A92: color.change($global-color-neutral-40, $alpha: 0.92);
+$neutral-A88: color.change($global-color-neutral-40, $alpha: 0.88);
+$neutral-A48: color.change($global-color-neutral-40, $alpha: 0.48);
+$neutral-A16: color.change($global-color-neutral-40, $alpha: 0.16);
+$neutral-A12: color.change($global-color-neutral-40, $alpha: 0.12);
+$neutral-A8:  color.change($global-color-neutral-40, $alpha: 0.08);
+
+    // Error
+$error-high: $global-color-error-40;
+
+    // Error-border
+$error-border-high:   $global-color-error-40;
+$error-border-middle: $global-color-error-70;
+
+    //Error-container
+$error-border-low: $global-color-error-90;
+
+// TODO: Заменить на цвет из фигмы, когда его туда добавят
+$color-neutral-gray: hsla(220, 12%, 98%, 1); 
+
+// Breakpoints
+$xs: 400px;
+$sm: 576px;
+$md: 768px;
+$lg: 992px;
+$xl: 1200px;
+
+//  Sizing
+$header-height: 60px;

package/dist/cjs/entities/user/api/api.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreatePasswordMutation = exports.useVerifyEmailMutation = exports.useRegisterMutation = exports.useLoginMutation = exports.authApi = void 0;
+const model_1 = require("@/shared/model");
+const api_1 = require("@/Utils/api");
+exports.authApi = api_1.baseApi.injectEndpoints({
+    endpoints: (builder) => ({
+        Login: builder.mutation({
+            query: (credentials) => ({
+                url: model_1.apiMap.login,
+                method: 'POST',
+                body: credentials,
+            }),
+            transformResponse: (response) => {
+                return response.user;
+            },
+        }),
+        Register: builder.mutation({
+            query: (credentials) => ({
+                url: model_1.apiMap.register,
+                method: 'POST',
+                body: credentials,
+            }),
+            transformResponse: (response) => {
+                return response.user;
+            },
+        }),
+        VerifyEmail: builder.mutation({
+            query: (credentials) => ({
+                url: model_1.apiMap.verifyEmail,
+                method: 'POST',
+                body: credentials,
+            }),
+        }),
+        CreatePassword: builder.mutation({
+            query: (credentials) => ({
+                url: model_1.apiMap.createPassword,
+                method: 'POST',
+                body: credentials,
+            }),
+        }),
+    }),
+});
+exports.useLoginMutation = exports.authApi.useLoginMutation, exports.useRegisterMutation = exports.authApi.useRegisterMutation, exports.useVerifyEmailMutation = exports.authApi.useVerifyEmailMutation, exports.useCreatePasswordMutation = exports.authApi.useCreatePasswordMutation;

package/dist/cjs/entities/user/api/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./api"), exports);

package/dist/cjs/entities/user/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectEmail = exports.selectUserData = exports.logout = exports.authSlice = void 0;
+var model_1 = require("./model");
+Object.defineProperty(exports, "authSlice", { enumerable: true, get: function () { return model_1.authSlice; } });
+Object.defineProperty(exports, "logout", { enumerable: true, get: function () { return model_1.logout; } });
+Object.defineProperty(exports, "selectUserData", { enumerable: true, get: function () { return model_1.selectUserData; } });
+Object.defineProperty(exports, "selectEmail", { enumerable: true, get: function () { return model_1.selectEmail; } });
+__exportStar(require("./api"), exports);

package/dist/cjs/entities/user/model/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logout = exports.authSlice = void 0;
+var slice_1 = require("./slice");
+Object.defineProperty(exports, "authSlice", { enumerable: true, get: function () { return slice_1.authSlice; } });
+Object.defineProperty(exports, "logout", { enumerable: true, get: function () { return slice_1.logout; } });
+__exportStar(require("./selectors"), exports);

package/dist/cjs/entities/user/model/selectors.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectEmail = exports.selectUserData = void 0;
+const selectUserData = (state) => state.auth;
+exports.selectUserData = selectUserData;
+const selectEmail = (state) => state.auth.user?.email;
+exports.selectEmail = selectEmail;

package/dist/cjs/entities/user/model/slice.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logout = exports.authSlice = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const api_1 = require("../api/api");
+const initialState = {
+    user: null,
+    emailIsVerified: false,
+    passwordIsVerified: false,
+};
+exports.authSlice = (0, toolkit_1.createSlice)({
+    name: 'auth',
+    initialState,
+    reducers: {
+        logout: () => initialState
+    },
+    extraReducers: (builder) => {
+        builder.addMatcher(api_1.authApi.endpoints.Register.matchFulfilled, (state, action) => {
+            state.user = action.payload;
+        });
+        builder.addMatcher(api_1.authApi.endpoints.Login.matchFulfilled, (state, action) => {
+            state.user = action.payload;
+            state.emailIsVerified = true;
+            state.passwordIsVerified = true;
+        });
+        builder.addMatcher(api_1.authApi.endpoints.VerifyEmail.matchFulfilled, (state) => {
+            state.emailIsVerified = true;
+        });
+        builder.addMatcher(api_1.authApi.endpoints.CreatePassword.matchFulfilled, (state, action) => {
+            state.passwordIsVerified = true;
+        });
+    },
+});
+exports.logout = exports.authSlice.actions.logout;

package/dist/cjs/entities/user/model/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Inputs"), exports);
+__exportStar(require("./Pages"), exports);
+__exportStar(require("./Widgets"), exports);

package/dist/cjs/index.scss

@@ -0,0 +1,6 @@
+@import './assets/scss/index';
+@import './Utils/index';
+@import './Inputs/index';
+@import './Pages/index';
+@import './Widgets/index';
+@import './shared/ui/index';

package/dist/cjs/shared/model/api.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.apiMap = void 0;
+exports.apiMap = {
+    login: 'auth/login',
+    register: 'auth/register',
+    verifyEmail: 'auth/email-verify',
+    createPassword: 'auth/create-password',
+};

package/dist/cjs/shared/model/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASE_URL = void 0;
+exports.BASE_URL = 'http://localhost:4000';

package/dist/cjs/shared/model/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASE_URL = exports.apiMap = void 0;
+var api_1 = require("./api");
+Object.defineProperty(exports, "apiMap", { enumerable: true, get: function () { return api_1.apiMap; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "BASE_URL", { enumerable: true, get: function () { return constants_1.BASE_URL; } });

package/dist/cjs/shared/ui/Avatar/Avatar.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const Avatar = (props) => {
+    const { label, size = 'md', onClickAvatar } = props;
+    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: onClickAvatar, className: (0, classnames_1.default)('user-avatar', `user-avatar--${size}`), children: label }));
+};
+exports.Avatar = Avatar;

package/dist/cjs/shared/ui/Avatar/avatar.scss

@@ -0,0 +1,62 @@
+@use 'sass:color';
+
+$background-avatar: $global-color-brand-40;
+$text-color-avatar: $global-color-neutral-100;
+
+$avatar-size-xs:    24px;
+$avatar-size-sm:    28px;
+$avatar-size-md:    32px;
+$avatar-size-lg:    36px;
+$avatar-size-xl:    40px;
+$avatar-size-xxl:   44px;
+
+.user-avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  border: none;
+  background-color: $background-avatar;
+  color: $text-color-avatar;
+  font-weight: 500;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &--xs {
+    width: $avatar-size-xs;
+    height: $avatar-size-xs;
+    font-size: 13px;
+  }
+
+  &--sm {
+    width: $avatar-size-sm;
+    height: $avatar-size-sm;
+    font-size: 13px;
+  }
+
+  &--md {
+    width: $avatar-size-md;
+    height: $avatar-size-md;
+    font-size: 15px;
+  }
+
+  &--lg {
+    width: $avatar-size-lg;
+    height: $avatar-size-lg;
+    font-size: 17px;
+  }
+
+  &--xl {
+    width: $avatar-size-xl;
+    height: $avatar-size-xl;
+    font-size: 19px;
+  }
+
+  &--xxl {
+    width: $avatar-size-xxl;
+    height: $avatar-size-xxl;
+    font-size: 20px;
+  }
+}

package/dist/cjs/shared/ui/Avatar/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var Avatar_1 = require("./Avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });

package/dist/cjs/shared/ui/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var Avatar_1 = require("./Avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });

package/dist/cjs/shared/ui/index.scss

@@ -0,0 +1 @@
+@import './Avatar/avatar';

package/dist/cjs/tools/customValidators.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.innValidator = exports.passwordValidator = exports.phoneValidator = exports.nameValidator = exports.emailValidator = void 0;
+const regExp_1 = require("./regExp");
+const emailValidator = (value) => {
+    return regExp_1.regExpEmail.test(String(value));
+};
+exports.emailValidator = emailValidator;
+const nameValidator = (value) => {
+    if (Array.isArray(value)) {
+        return value.length > 1 && value.every((v) => regExp_1.regExpName.test(String(v)));
+    }
+    return regExp_1.regExpName.test(String(value));
+};
+exports.nameValidator = nameValidator;
+const phoneValidator = (value) => {
+    return regExp_1.regExpPhoneNumber.test(String(value));
+};
+exports.phoneValidator = phoneValidator;
+const passwordValidator = (value) => {
+    return regExp_1.regExpPassword.test(String(value));
+};
+exports.passwordValidator = passwordValidator;
+const innValidator = (value) => {
+    return regExp_1.regExpInn.test(String(value));
+};
+exports.innValidator = innValidator;

package/dist/cjs/tools/getCoords.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCoords = void 0;
+const getCoords = (ref) => {
+    const coordsOfRef = ref?.current?.getBoundingClientRect();
+    const scrollTop = window?.scrollY || 0;
+    const scrollLeft = window?.scrollX || 0;
+    if (coordsOfRef) {
+        return {
+            leftViewport: coordsOfRef.left,
+            topViewport: coordsOfRef.top,
+            bottomViewport: coordsOfRef.bottom,
+            leftDocument: coordsOfRef.left + scrollLeft,
+            topDocument: coordsOfRef.top + scrollTop,
+            bottomDocument: coordsOfRef.bottom + scrollTop,
+            width: coordsOfRef.width,
+            height: coordsOfRef.height,
+        };
+    }
+    return null;
+};
+exports.getCoords = getCoords;

package/dist/cjs/tools/regExp.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.regExpInn = exports.regExpPassword = exports.regExpPhoneNumber = exports.regExpName = exports.regExpEmail = void 0;
+exports.regExpEmail = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+exports.regExpName = /^[a-zA-Zа-яА-ЯёЁ][a-zA-Z-а-яА-ЯёЁ ]+[a-zA-Zа-яА-ЯёЁ]?$/;
+exports.regExpPhoneNumber = /^(\s*)?(\+)?([- _():=+]?\d[- _():=+]?){11,14}(\s*)?$/;
+exports.regExpPassword = /^.{6,}$/;
+exports.regExpInn = /^(\d{10}|\d{12})$/;

package/dist/{types → cjs}/ui.d.ts

@@ -1,4 +1,3 @@
-import './ui.scss';
 export * from './Inputs';
 export * from './Utils';
 export * from './shared/ui';

package/dist/cjs/ui.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Inputs"), exports);
+__exportStar(require("./Utils"), exports);
+__exportStar(require("./shared/ui"), exports);

package/dist/cjs/ui.scss

@@ -0,0 +1,4 @@
+@import './assets/scss/index';
+@import './Utils/index';
+@import './Inputs/index';
+@import './shared/ui/index';

package/dist/esm/Inputs/Button/Button.d.ts

@@ -0,0 +1,17 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export type TButtonSize = 'large' | 'medium' | 'small';
+export type TButtonState = 'idle' | 'loading' | 'disabled';
+export type TIconPosition = 'left' | 'right';
+export type TButtonVariant = 'filled' | 'outlined-color' | 'outlined-neutral' | 'clear-color' | 'clear-neutral';
+export interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
+    label?: string;
+    size?: TButtonSize;
+    variant?: TButtonVariant;
+    state?: TButtonState;
+    iconComponent?: ReactNode;
+    iconPosition?: TIconPosition;
+    onClick?: () => void;
+    fullWidth?: boolean;
+    className?: string;
+}
+export declare const Button: (props: IButton) => React.JSX.Element;