react-gldn-kit 0.0.1

package/dist/lib/components/ui/Icons/Sports/KabaddiSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KabaddiSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var KabaddiSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '15' : _a, _b = props.height, height = _b === void 0 ? '20' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 15 20", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.0003 0C11.6572 0 13.0003 1.34315 13.0003 3C13.0003 4.43743 11.9894 5.63873 10.6397 5.93172L10.4693 5.96356L11.9052 8.261L13.6289 7.57154C14.1417 7.36643 14.7237 7.61584 14.9288 8.1286C15.1192 8.60477 14.9178 9.14061 14.4775 9.37894L14.3717 9.4285L12.648 10.118C11.8021 10.4564 10.8426 10.1789 10.3049 9.46077L10.2092 9.321L10.0466 9.0609L9.44057 11.4851C9.38633 11.7019 9.29862 11.9015 9.18435 12.0798L9.09377 12.2095L10.7471 13.4377C11.1433 13.732 11.4149 14.161 11.5135 14.6404L11.5423 14.8223L11.8953 18H12.0003C12.5526 18 13.0003 18.4477 13.0003 19C13.0003 19.5128 12.6142 19.9355 12.1169 19.9933L12.0003 20H11.0898C10.5693 20 10.1261 19.6366 10.0159 19.1387L9.99647 19.0215L9.55447 15.0431L6.40395 12.7028C6.34698 12.6605 6.2958 12.6132 6.25057 12.5621C5.69878 12.1202 5.40491 11.4019 5.52733 10.6715L5.55999 10.5149L6.35426 7.33785L4.78481 7.80869L3.94895 10.3162C3.77431 10.8402 3.20799 11.1234 2.68404 10.9487C2.19752 10.7866 1.91862 10.2866 2.02109 9.79656L2.05159 9.6838L2.88744 7.17623C3.07611 6.61022 3.50645 6.16081 4.05705 5.94578L4.21011 5.89304L7.64767 4.86176C7.24237 4.35022 7.00027 3.70338 7.00027 3C7.00027 1.34315 8.34337 0 10.0003 0Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.80221 14.6001C7.13361 14.1583 7.04401 13.5315 6.60221 13.2001C6.16038 12.8687 5.53358 12.9583 5.20221 13.4001L4.2698 14.6433L2.06373 13.1726C1.66315 12.9056 1.12974 12.9584 0.789312 13.2988C0.555565 13.6706 0.129477 14.5728 0.295102 15.2072C0.658372 15.5705 1.2316 15.5958 1.62418 15.2833L3.55396 16.5698C4.21635 17.0114 5.10835 16.8586 5.58601 16.2217L6.80221 14.6001Z", fill: "rgb(var(--gray))", fillOpacity: "0.25" })] })));
+};
+exports.KabaddiSvg = KabaddiSvg;

package/dist/lib/components/ui/Icons/Sports/MmaSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const MmaSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Sports/MmaSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MmaSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var MmaSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '24' : _a, _b = props.height, height = _b === void 0 ? '24' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M7.01211 3.56231C5.95811 3.68491 5.11491 3.97631 4.49771 4.42851C2.90331 5.59751 1.89151 7.89331 2.29011 9.42651C2.48951 10.1969 3.02211 10.9519 3.77351 11.5385C3.94591 11.6727 4.29091 11.9485 4.53231 12.1479C5.26831 12.7459 5.58251 12.9949 5.59011 12.9835C5.59391 12.9759 5.58251 12.8417 5.56331 12.6845C5.50591 12.2361 5.55191 11.1629 5.64771 10.7107C5.88151 9.60691 6.29171 8.84791 7.08111 8.06231C7.47591 7.67131 7.80931 7.39931 8.31151 7.06191C9.49971 6.27231 11.1209 5.62451 12.3091 5.47131C12.5045 5.44451 12.6579 5.41371 12.6541 5.39851C12.6273 5.33331 12.1597 4.95011 11.8645 4.75851C11.0825 4.24871 9.71431 3.73891 8.76751 3.60091C8.35751 3.54311 7.38391 3.52011 7.01211 3.56231Z", fill: "rgb(var(--gray))", fillOpacity: "0.25" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.9646 5.86191C11.1632 6.11111 8.73323 7.21872 7.57563 8.32252C7.24223 8.64452 6.83583 9.13892 6.87803 9.17732C6.88563 9.18492 7.10803 9.27692 7.36863 9.38432C8.15823 9.69472 9.78323 10.1931 10.0132 10.1931C10.0516 10.1931 10.1588 10.1317 10.2508 10.0513C12.0292 8.55272 15.2986 7.40292 17.7938 7.39512H18.1962L18.1004 7.31852C17.9202 7.17292 16.7818 6.63632 16.3182 6.47532C15.6782 6.25692 14.9614 6.07291 14.306 5.96171C13.6124 5.84271 13.2828 5.81972 12.9646 5.86191Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M17.283 8.01208C15.1864 8.18448 13.4118 8.70208 12.1086 9.52228C11.641 9.81748 11.4072 9.99749 10.9894 10.3961C10.7864 10.5879 10.5526 10.7679 10.449 10.8179C10.104 10.9751 9.98143 10.9483 8.18383 10.3887C7.29083 10.1127 6.54343 9.89808 6.52803 9.91348C6.46663 9.98248 6.25583 10.6495 6.19843 10.9751C6.10263 11.4811 6.11403 12.4507 6.21763 13.0295C6.33263 13.6543 6.39403 13.8229 6.58943 14.0759C6.84243 14.3941 7.17963 14.6241 7.98463 15.0227C8.77803 15.4175 9.23423 15.6781 9.47183 15.8813C9.76703 16.1381 9.77083 16.1457 9.93943 18.1081L10.0966 19.8713L10.2576 20.0131C10.7826 20.4769 11.5416 20.5841 12.3772 20.3121C13.1016 20.0783 13.5884 19.8023 13.7148 19.5533C13.7416 19.4957 13.96 18.8327 14.2016 18.0777C14.4392 17.3265 14.65 16.7093 14.6654 16.7093C14.7382 16.7093 14.7804 17.0619 14.7612 17.5333C14.742 18.0623 14.6156 18.6601 14.4124 19.2121L14.3128 19.4689H14.4776C15.0488 19.4651 15.8344 19.0741 16.1794 18.6181C16.3136 18.4379 16.3826 18.2579 16.7504 17.1003C16.9804 16.3797 17.1836 15.7933 17.2028 15.8009C17.2794 15.8277 17.3102 16.0923 17.291 16.6135C17.2718 17.1655 17.1606 17.7059 16.9576 18.2387C16.9116 18.3499 16.8886 18.4533 16.9002 18.4649C16.9116 18.4765 17.0382 18.4687 17.1762 18.4457C17.709 18.3537 18.211 18.0049 18.5636 17.4837C18.832 17.0851 18.9852 16.6903 19.2152 15.7895C19.3532 15.2605 19.3608 15.2375 19.4144 15.3295C19.5064 15.4905 19.4834 16.4563 19.38 16.8779C19.334 17.0657 19.2994 17.2229 19.3072 17.2305C19.334 17.2573 19.6368 17.1539 19.8438 17.0427C20.4418 16.7285 21.1624 15.6207 21.557 14.4095C21.7636 13.7767 21.8058 13.5085 21.8058 12.8761C21.802 12.2361 21.7482 11.9103 21.5146 11.2089C21.0968 9.94788 20.3762 8.90908 19.51 8.31888C19.0424 7.99688 18.935 7.97008 18.249 7.97388C17.9308 7.97768 17.4938 7.99308 17.283 8.01208Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.1567 14.8154C6.1261 15.0376 6.0685 15.2446 5.9727 15.4554C5.71969 16.0226 5.70829 16.0726 5.78109 16.2602C5.81549 16.3484 5.96509 16.5668 6.11449 16.747C6.53989 17.2568 6.98829 18.031 7.22609 18.6558C7.33349 18.9432 7.5097 19.1656 7.7013 19.2576C7.7779 19.2922 8.06149 19.361 8.32989 19.411C8.59829 19.461 8.96229 19.5452 9.13489 19.5988C9.3113 19.6564 9.4645 19.6946 9.4721 19.687C9.5065 19.6486 9.2077 16.525 9.15389 16.3754C9.03509 16.0534 8.6403 15.7928 7.80089 15.4862C7.10709 15.2294 6.8121 15.0608 6.3943 14.6698L6.2027 14.4858L6.1567 14.8154Z", fill: "rgb(var(--gray))", fillOpacity: "0.25" })] })));
+};
+exports.MmaSvg = MmaSvg;

package/dist/lib/components/ui/Icons/Sports/RugbySvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const RugbySvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Sports/RugbySvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RugbySvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var RugbySvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '20' : _a, _b = props.height, height = _b === void 0 ? '16' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 20 16", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M9.999 0C3.89025 0 1.13813 4.78756 0.268801 6.73987C-0.0896006 7.54476 -0.0896001 8.45524 0.268801 9.26013C1.13813 11.2124 3.89025 16 9.999 16C16.1079 16 18.8598 11.2122 19.729 9.25994C20.0873 8.45516 20.0873 7.54484 19.729 6.74006C18.8598 4.78782 16.1079 0 9.999 0Z", fill: "rgb(var(--gray))", fillOpacity: "0.25" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 6C7 5.44772 7.44772 5 8 5C8.55228 5 9 5.44772 9 6V7H11V6C11 5.44772 11.4477 5 12 5C12.5523 5 13 5.44772 13 6V7H14C14.5523 7 15 7.44772 15 8C15 8.55228 14.5523 9 14 9H13V10C13 10.5523 12.5523 11 12 11C11.4477 11 11 10.5523 11 10V9H9V10C9 10.5523 8.55228 11 8 11C7.44772 11 7 10.5523 7 10V9H6C5.44772 9 5 8.55228 5 8C5 7.44772 5.44772 7 6 7H7V6Z", fill: "rgb(var(--gray))" })] })));
+};
+exports.RugbySvg = RugbySvg;

package/dist/lib/components/ui/Icons/Sports/SnookerSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const SnookerSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Sports/SnookerSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnookerSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SnookerSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '22' : _a, _b = props.height, height = _b === void 0 ? '22' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 22 22", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM15.9394 9.99999C15.9394 12.7282 13.7278 14.9399 10.9995 14.9399C8.27125 14.9399 6.05957 12.7282 6.05957 9.99999C6.05957 7.27174 8.27125 5.06006 10.9995 5.06006C13.7278 5.06006 15.9394 7.27174 15.9394 9.99999Z", fill: "rgb(var(--gray))", fillOpacity: "0.25" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.75 8.57448C12.75 8.85558 12.6777 9.10578 12.5333 9.32506C12.3888 9.5444 12.1918 9.7171 11.9423 9.84322C12.0841 9.90889 12.2128 9.98836 12.3284 10.0816C12.444 10.1749 12.5425 10.2806 12.6239 10.3988C12.7053 10.517 12.7678 10.6464 12.8111 10.7869C12.8544 10.9274 12.8761 11.0764 12.8761 11.2341C12.8761 11.502 12.8288 11.7378 12.7343 11.9413C12.6397 12.1449 12.5083 12.3163 12.3402 12.4555C12.1721 12.5948 11.9738 12.6998 11.7453 12.7707C11.5168 12.8416 11.2686 12.8771 11.0006 12.8771C10.7327 12.8771 10.4844 12.8416 10.2559 12.7707C10.0274 12.6998 9.82839 12.5948 9.65899 12.4555C9.48954 12.3163 9.35688 12.1449 9.26101 11.9413C9.16509 11.7377 9.11719 11.502 9.11719 11.2341C9.11719 11.0764 9.13886 10.9274 9.1822 10.7869C9.22554 10.6464 9.28719 10.517 9.36738 10.3988C9.44746 10.2806 9.54531 10.1742 9.66092 10.0796C9.77647 9.98506 9.90517 9.90625 10.0471 9.84322C9.80012 9.71716 9.60509 9.54446 9.46198 9.32506C9.31876 9.10578 9.24726 8.85558 9.24726 8.57448C9.24726 8.31972 9.2906 8.09317 9.37728 7.89479C9.46396 7.69651 9.58474 7.5297 9.73979 7.3944C9.89472 7.25915 10.0792 7.15669 10.2934 7.08706C10.5074 7.01748 10.7419 6.98267 10.9967 6.98267C11.2515 6.98267 11.4866 7.01754 11.702 7.08706C11.9173 7.15669 12.1025 7.25915 12.2575 7.3944C12.4125 7.5297 12.5333 7.69651 12.62 7.89479C12.7067 8.09317 12.75 8.31972 12.75 8.57448ZM11.9187 11.1868C11.9187 11.045 11.8963 10.9156 11.8517 10.7987C11.807 10.6818 11.7446 10.582 11.6645 10.4993C11.5843 10.4165 11.4872 10.3522 11.373 10.3062C11.2587 10.2603 11.1319 10.2372 10.9927 10.2372C10.8509 10.2372 10.7235 10.2603 10.6105 10.3062C10.4976 10.3522 10.4017 10.4165 10.3229 10.4993C10.2441 10.582 10.183 10.6819 10.1397 10.7987C10.0964 10.9156 10.0747 11.0449 10.0747 11.1868C10.0747 11.3313 10.0964 11.4607 10.1397 11.5749C10.183 11.6892 10.2447 11.7864 10.3249 11.8664C10.405 11.9466 10.5022 12.0077 10.6164 12.0497C10.7307 12.0917 10.8588 12.1127 11.0006 12.1127C11.2895 12.1127 11.5148 12.0313 11.6763 11.8684C11.8379 11.7056 11.9187 11.4784 11.9187 11.1868ZM11.7965 8.60995C11.7965 8.48389 11.7774 8.36834 11.7394 8.26323C11.7013 8.15818 11.6481 8.0676 11.5798 7.99137C11.5115 7.91519 11.4274 7.85612 11.3276 7.81405C11.2278 7.77208 11.1175 7.75102 10.9966 7.75102C10.7523 7.75102 10.5593 7.82785 10.4174 7.98152C10.2756 8.13519 10.2046 8.34469 10.2046 8.60995C10.2046 8.73871 10.223 8.85619 10.2598 8.96261C10.2966 9.06898 10.3491 9.15962 10.4174 9.23448C10.4857 9.30933 10.5691 9.36714 10.6676 9.40784C10.7661 9.44859 10.8771 9.46889 11.0006 9.46889C11.124 9.46889 11.235 9.44859 11.3335 9.40784C11.432 9.36714 11.5154 9.30933 11.5837 9.23448C11.6519 9.15962 11.7044 9.06898 11.7413 8.96261C11.7781 8.85619 11.7965 8.73865 11.7965 8.60995Z", fill: "rgb(var(--gray))" })] })));
+};
+exports.SnookerSvg = SnookerSvg;

package/dist/lib/components/ui/Icons/Sports/SoccerSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const SoccerSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Sports/SoccerSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SoccerSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SoccerSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '24' : _a, _b = props.height, height = _b === void 0 ? '24' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M21.9779 12.6571C21.9835 12.6177 21.986 12.578 21.9854 12.5382C21.9949 12.36 21.9998 12.1806 22 12C22.0021 9.7219 21.2226 7.51203 19.7916 5.73948C19.7546 5.67915 19.7094 5.62422 19.6574 5.57624C18.5956 4.31121 17.2383 3.32748 15.7056 2.71214C15.6701 2.69495 15.6333 2.68054 15.5956 2.66904C13.2815 1.77697 10.7184 1.77699 8.40428 2.66909C8.36661 2.6806 8.32989 2.69499 8.29443 2.71214C6.76177 3.32747 5.40446 4.31118 4.34265 5.57619C4.2906 5.62418 4.24543 5.67913 4.20841 5.73948C2.77742 7.51205 1.99788 9.72191 2 12C2 12.1808 2.00488 12.3604 2.01463 12.5388C2.0141 12.5782 2.0166 12.6176 2.02212 12.6566C2.12907 14.3099 2.64782 15.9101 3.53117 17.3117C3.55843 17.3683 3.59254 17.4213 3.63272 17.4696C4.98378 19.5323 7.04689 21.0255 9.42848 21.6642C9.43881 21.6676 9.44949 21.6698 9.45997 21.6728C11.1251 22.1091 12.8746 22.1091 14.5397 21.6728C14.5503 21.6698 14.5611 21.6676 14.5716 21.6642C16.9531 21.0254 19.0162 19.5323 20.3673 17.4696C20.4075 17.4213 20.4416 17.3683 20.4688 17.3117C21.3521 15.9102 21.8709 14.3102 21.9779 12.6571ZM6.28263 10.9511L7.54875 11.3625L8.77355 15.1321L7.99107 16.2091L4.66053 16.2074C4.07766 15.1952 3.71226 14.0726 3.58767 12.9113L6.28263 10.9511ZM17.7174 10.9511L20.4123 12.9113C20.2877 14.0726 19.9223 15.1952 19.3395 16.2074L16.0089 16.2091L15.2265 15.1321L16.4513 11.3625L17.7174 10.9511ZM18.2686 6.32246L17.242 9.48798L15.9758 9.89936L12.7692 7.5696V6.23833L15.4659 4.28131C16.5304 4.762 17.4845 5.45682 18.2686 6.32246ZM8.53417 4.28131L11.2308 6.23833V7.5696L8.02416 9.89936L6.75806 9.48798L5.73139 6.32246C6.51556 5.45682 7.46965 4.762 8.53417 4.28131ZM10.2674 20.2829L9.23571 17.1134L10.0182 16.0364H13.9818L14.7643 17.1134L13.7326 20.2829C12.5898 20.5211 11.4102 20.5211 10.2674 20.2829Z", fill: "rgb(var(--gray))" }) })));
+};
+exports.SoccerSvg = SoccerSvg;

package/dist/lib/components/ui/Icons/Sports/SquashSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const SquashSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Sports/SquashSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SquashSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SquashSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '21' : _a, _b = props.height, height = _b === void 0 ? '21' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 21 21", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M18.8103 2.69932C16.3731 0.262112 12.1861 0.449592 9.56141 3.13677C8.24907 4.44911 7.49917 6.1364 7.43667 7.88619L7.18671 13.448L4.99947 15.6353C4.31205 15.3228 3.43715 15.4478 2.87471 16.0102L1.12493 17.76C0.375023 18.5099 0.375023 19.6973 1.12493 20.3847C1.49989 20.7596 1.99983 20.9471 2.43728 20.9471C2.93722 20.9471 3.37467 20.7596 3.74962 20.3847L5.4994 18.6349C6.06184 18.0725 6.18682 17.1976 5.87436 16.5102L8.0616 14.3229L13.6234 14.0729C15.3732 14.0105 17.0605 13.2605 18.3729 11.9482C20.9975 9.32352 21.2475 5.13652 18.8103 2.69932ZM8.62403 8.01117C8.62403 7.88619 8.68652 7.76121 8.68652 7.63622L9.56141 8.51112L8.8115 9.26102C8.62402 8.82358 8.62403 8.44862 8.62403 8.01117ZM8.99898 6.1989C9.24895 5.57397 9.56142 5.01154 9.99887 4.5116L11.7486 6.26139L10.4363 7.57373L8.99898 6.1989ZM12.6235 5.38649L10.8738 3.6367C11.3737 3.19926 11.9361 2.8868 12.561 2.63683L13.9359 4.01166L12.6235 5.38649ZM14.8108 4.94905L16.5606 6.69883L15.2482 8.01117L13.4984 6.26139L14.8108 4.94905ZM12.6235 7.13628L14.3733 8.88607L13.061 10.1984L11.3112 8.44862L12.6235 7.13628ZM15.2482 9.76096L16.998 11.5108C16.4981 11.9482 15.9356 12.2607 15.3107 12.5106L13.9359 11.1358L15.2482 9.76096ZM16.1231 8.88607L17.4355 7.57373L18.8103 8.94856C18.5603 9.51099 18.2479 10.0734 17.8104 10.6359L16.1231 8.88607ZM18.3729 6.69883L19.1227 5.94893C19.2477 6.44887 19.2477 7.0113 19.1852 7.57373L18.3729 6.69883ZM18.6228 4.63659L17.4355 5.82394L15.6857 4.07415L16.873 2.8868C17.248 3.07427 17.5604 3.32424 17.8729 3.6367C18.1854 3.88667 18.4353 4.26163 18.6228 4.63659ZM14.5608 2.26187C14.9358 2.26187 15.2482 2.32436 15.6232 2.38685L14.8108 3.19926L13.9984 2.38685C14.1859 2.32436 14.3733 2.26187 14.5608 2.26187ZM8.37406 13.1356L8.43656 11.6982C8.62403 11.9482 8.81151 12.1982 9.06148 12.4481C9.31145 12.6981 9.56141 12.8856 9.81138 13.0731L8.37406 13.1356ZM9.18645 10.5109L10.3738 9.32352L12.1236 11.0733L10.9363 12.2607C10.5613 12.0732 10.1863 11.8232 9.93637 11.5108C9.62391 11.2608 9.43642 10.8858 9.18645 10.5109ZM13.4984 12.8856C13.061 12.8856 12.6235 12.8231 12.2486 12.7606L12.9985 12.0107L13.8734 12.8856C13.7484 12.8856 13.6234 12.8856 13.4984 12.8856Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M2.9997 6.01136C4.38024 6.01136 5.4994 4.89221 5.4994 3.51166C5.4994 2.13112 4.38024 1.01196 2.9997 1.01196C1.61915 1.01196 0.5 2.13112 0.5 3.51166C0.5 4.89221 1.61915 6.01136 2.9997 6.01136Z", fill: "rgb(var(--gray))", fillOpacity: "0.25" })] })));
+};
+exports.SquashSvg = SquashSvg;

package/dist/lib/components/ui/Icons/Sports/TableTennisSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const TableTennisSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Sports/TableTennisSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableTennisSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TableTennisSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '24' : _a, _b = props.height, height = _b === void 0 ? '24' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M4 9C4 5.13401 7.13401 2 11 2C14.866 2 18 5.13401 18 9C18 12.171 15.8915 14.8496 13 15.7101V20C13 21.1046 12.1046 22 11 22C9.89543 22 9 21.1046 9 20V15.7101C6.10851 14.8496 4 12.171 4 9Z", fill: "rgb(var(--gray))", fillOpacity: "0.25" }), (0, jsx_runtime_1.jsx)("path", { d: "M17.3266 12H4.67383C5.79729 14.3649 8.2078 16 11.0002 16C13.7926 16 16.2031 14.3649 17.3266 12Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M20 4C20 5.10457 19.1046 6 18 6C16.8954 6 16 5.10457 16 4C16 2.89543 16.8954 2 18 2C19.1046 2 20 2.89543 20 4Z", fill: "rgb(var(--gray))" })] })));
+};
+exports.TableTennisSvg = TableTennisSvg;

package/dist/lib/components/ui/Icons/Sports/TennisSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const TennisSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Sports/TennisSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TennisSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TennisSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '24' : _a, _b = props.height, height = _b === void 0 ? '24' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M19.8122 3.69932C17.375 1.26211 13.188 1.44959 10.5634 4.13677C9.25102 5.44911 8.50112 7.1364 8.43863 8.88619L8.18866 14.448L6.00142 16.6353C5.31401 16.3228 4.4391 16.4478 3.87667 17.0102L2.12689 18.76C1.37698 19.5099 1.37698 20.6973 2.12689 21.3847C2.50184 21.7596 3.00178 21.9471 3.43923 21.9471C3.93917 21.9471 4.37662 21.7596 4.75158 21.3847L6.50136 19.6349C7.06379 19.0725 7.18878 18.1976 6.87631 17.5102L9.06355 15.3229L14.6254 15.0729C16.3752 15.0105 18.0625 14.2605 19.3748 12.9482C21.9995 10.3235 22.2494 6.13652 19.8122 3.69932ZM9.62598 9.01117C9.62598 8.88619 9.68847 8.76121 9.68847 8.63622L10.5634 9.51112L9.81345 10.261C9.62597 9.82358 9.62598 9.44862 9.62598 9.01117ZM10.0009 7.1989C10.2509 6.57397 10.5634 6.01154 11.0008 5.5116L12.7506 7.26139L11.4383 8.57373L10.0009 7.1989ZM13.6255 6.38649L11.8757 4.6367C12.3757 4.19926 12.9381 3.8868 13.563 3.63683L14.9378 5.01166L13.6255 6.38649ZM15.8127 5.94905L17.5625 7.69883L16.2502 9.01117L14.5004 7.26139L15.8127 5.94905ZM13.6255 8.13628L15.3753 9.88607L14.0629 11.1984L12.3131 9.44862L13.6255 8.13628ZM16.2502 10.761L18 12.5108C17.5 12.9482 16.9376 13.2607 16.3127 13.5106L14.9378 12.1358L16.2502 10.761ZM17.1251 9.88607L18.4374 8.57373L19.8122 9.94856C19.5623 10.511 19.2498 11.0734 18.8124 11.6359L17.1251 9.88607ZM19.3748 7.69883L20.1247 6.94893C20.2497 7.44887 20.2497 8.0113 20.1872 8.57373L19.3748 7.69883ZM19.6248 5.63659L18.4374 6.82394L16.6876 5.07415L17.875 3.8868C18.2499 4.07427 18.5624 4.32424 18.8749 4.6367C19.1873 4.88667 19.4373 5.26163 19.6248 5.63659ZM15.5628 3.26187C15.9377 3.26187 16.2502 3.32436 16.6251 3.38685L15.8127 4.19926L15.0003 3.38685C15.1878 3.32436 15.3753 3.26187 15.5628 3.26187ZM9.37601 14.1356L9.43851 12.6982C9.62599 12.9482 9.81346 13.1982 10.0634 13.4481C10.3134 13.6981 10.5634 13.8856 10.8133 14.0731L9.37601 14.1356ZM10.1884 11.5109L11.3758 10.3235L13.1256 12.0733L11.9382 13.2607C11.5633 13.0732 11.1883 12.8232 10.9383 12.5108C10.6259 12.2608 10.4384 11.8858 10.1884 11.5109ZM14.5004 13.8856C14.0629 13.8856 13.6255 13.8231 13.2505 13.7606L14.0005 13.0107L14.8753 13.8856C14.7504 13.8856 14.6254 13.8856 14.5004 13.8856Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.00165 7.01111C5.3822 7.01111 6.50135 5.89196 6.50135 4.51142C6.50135 3.13087 5.3822 2.01172 4.00165 2.01172C2.62111 2.01172 1.50195 3.13087 1.50195 4.51142C1.50195 5.89196 2.62111 7.01111 4.00165 7.01111Z", fill: "rgb(var(--gray))", fillOpacity: "0.25" })] })));
+};
+exports.TennisSvg = TennisSvg;

package/dist/lib/components/ui/Icons/Sports/VolleyballSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../types';
+export declare const VolleyballSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/Sports/VolleyballSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VolleyballSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var VolleyballSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '24' : _a, _b = props.height, height = _b === void 0 ? '24' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12.9806 12.2927C12.6687 16.9714 10.111 19.7162 8.36426 21.0262C9.17523 21.4005 10.0486 21.6501 10.9843 21.7748L11.3586 21.4629C13.6668 19.5914 16.4116 16.2852 17.0354 11.1074C15.8502 11.2322 14.4777 11.6065 12.9806 12.2927Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.2998 7.86412C10.0484 8.98701 11.0465 10.1099 12.4813 11.108C16.6609 9.04939 20.3415 9.86036 22.4001 10.7337C22.3377 10.1723 22.213 9.67322 22.0882 9.11177L21.5892 8.79986C19.7801 7.73936 15.039 5.49359 9.2998 7.86412Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.67585 6.80345C14.2279 4.43292 18.9066 5.99248 21.3395 7.30251C19.6552 4.121 16.3489 2 12.4812 2C10.7345 2 9.05015 2.43668 7.67773 3.24765V3.31003C7.8025 4.30815 8.05202 5.5558 8.67585 6.80345Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.4222 16.7844C11.1084 15.5367 11.6075 14.0395 11.7322 12.1681C8.11404 9.73516 6.86639 6.49127 6.49209 3.93359C5.68112 4.55742 4.99492 5.24362 4.37109 6.11698L4.43348 6.49127C4.87016 9.36087 6.30495 13.4781 10.4222 16.7844Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.79874 17.8452C5.80627 14.6637 4.12194 10.796 3.43574 7.73926C2.87429 8.98691 2.5 10.4217 2.5 11.9189C2.5 15.4747 4.37147 18.5938 7.17868 20.4029L7.30345 20.3405C8.05204 19.7791 8.92539 18.9681 9.79874 17.8452Z", fill: "rgb(var(--gray))" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.2751 12.0432C21.2146 11.6065 19.9046 11.1698 18.345 11.1074C17.7212 16.3475 15.1635 19.7786 12.793 21.8996C18.0955 21.7124 22.2751 17.408 22.3999 12.1055L22.2751 12.0432Z", fill: "rgb(var(--gray))" })] })));
+};
+exports.VolleyballSvg = VolleyballSvg;

package/dist/lib/components/ui/Icons/types.d.ts

@@ -0,0 +1,8 @@
+import { EAppType } from 'types/ui';
+export type IconProps = {
+    classes?: string;
+    width?: string;
+    height?: string;
+    handleClick?: (e: any) => void;
+    appType?: EAppType;
+};

package/dist/lib/components/ui/Icons/types.js

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

package/dist/lib/components/ui/Inputs/AmountInput/index.d.ts

@@ -0,0 +1,3 @@
+import { AmountInputProps } from './types';
+declare const AmountInput: (props: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
+export default AmountInput;

package/dist/lib/components/ui/Inputs/AmountInput/index.js

@@ -0,0 +1,123 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var constant_1 = require("../BaseInput/constant");
+var styles = __importStar(require("./AmountInput.module.css"));
+var BaseInputUi_1 = require("../BaseInput/BaseInputUi");
+var validation_1 = require("service/validation");
+var AmountInput = function (props) {
+    var _a;
+    var _b = props.isWithdraw, isWithdraw = _b === void 0 ? false : _b, min = props.min, max = props.max, onChange = props.onChange, wrapperClasses = props.wrapperClasses, _c = props.isPresets, isPresets = _c === void 0 ? true : _c, defaultValue = props.defaultValue, disabled = props.disabled, placeholder = props.placeholder, jumpTo = props.jumpTo, minDep = props.minDep, commission = props.commission, withdrawAmount = props.withdrawAmount, commissionsBodyText = props.commissionsBodyText, amountReceivable = props.amountReceivable, WarningSvg = props.WarningSvg, currencyName = props.currencyName;
+    var validMin = isWithdraw ? min : min * minDep;
+    var _d = (0, react_1.useState)(0), acceptedMinValue = _d[0], setValidMin = _d[1];
+    var _e = (0, react_1.useState)(__assign(__assign({}, constant_1.DEFAULT_INPUT_VALUE), { value: defaultValue || '' })), amount = _e[0], setAmount = _e[1];
+    var _f = (0, react_1.useState)(false), withdrawWithCommission = _f[0], applyWithdrawCommissions = _f[1];
+    var isCommissionInfoBox = isWithdraw && commission && amount.value && !withdrawWithCommission;
+    var setApplyWithdrawCommissions = function () {
+        applyWithdrawCommissions(true);
+        var errorText = (0, validation_1.composeValidations)([
+            (0, validation_1.isRequired)({ value: amount.value, errorText: 'errors.required' }),
+            (0, validation_1.isMinMax)({
+                value: amount.value,
+                errorTexts: ['errors.min', 'errors.max'],
+                min: validMin / 0.8,
+                max: max,
+            }),
+        ]);
+        setAmount({ value: amount.value, errorText: errorText });
+    };
+    var handlePreset = function (value) {
+        if (disabled) {
+            return;
+        }
+        setAmount({ value: value, errorText: '' });
+    };
+    var handleAmountChange = function (_a) {
+        var target = _a.target;
+        var value = target.value;
+        var newV = (0, validation_1.extractNumbersFromString)(value);
+        var minSum = commission ? validMin / 0.8 : validMin;
+        var maxWithdraw = max;
+        if (isWithdraw && withdrawAmount < max) {
+            maxWithdraw = withdrawAmount;
+        }
+        var errorText = (0, validation_1.composeValidations)([
+            (0, validation_1.isRequired)({ value: newV, errorText: 'errors.required' }),
+            (0, validation_1.isMinMax)({
+                value: newV,
+                errorTexts: ['errors.min', 'errors.max'],
+                min: isWithdraw ? minSum : min,
+                max: maxWithdraw,
+            }),
+        ]);
+        setAmount({ value: newV, errorText: errorText });
+    };
+    (0, react_1.useEffect)(function () {
+        var isCommissionInfoBox = isWithdraw && commission && amount.value && !withdrawWithCommission;
+        if (amount.value && !amount.errorText && !isCommissionInfoBox) {
+            onChange(amount.value);
+            return;
+        }
+        onChange('');
+    }, [amount, onChange, isWithdraw, commission, withdrawWithCommission]);
+    (0, react_1.useEffect)(function () {
+        if (isWithdraw) {
+            return;
+        }
+        if (acceptedMinValue === validMin) {
+            return;
+        }
+        var newV = validMin * 1.5;
+        setValidMin(validMin);
+        if (+amount.value >= validMin) {
+            return;
+        }
+        setAmount({ value: "".concat(newV), errorText: '' });
+    }, [validMin, amount, withdrawAmount, acceptedMinValue]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperAmountInput, wrapperClasses) }, { children: [(0, jsx_runtime_1.jsx)(BaseInputUi_1.BaseInputUi, __assign({}, props, { placeholder: placeholder, handleChange: handleAmountChange, value: amount.value, errorText: amount.errorText, classes: (0, classnames_1.default)(props.classes, (_a = {},
+                    _a[wrapperClasses || ''] = isCommissionInfoBox,
+                    _a)) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.currencyNameColor }, { children: currencyName })), isWithdraw && !!commission && !!amount.value && ((0, jsx_runtime_1.jsx)(WarningSvg, { className: styles.infoCommissionWrapper }))] }) })), isWithdraw &&
+                !!commission &&
+                !!amount.value &&
+                !withdrawWithCommission && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.commissionInfoWrapper }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.commissionInfoBox }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg, { className: styles.infoIcon }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.textBlock }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rules }, { children: commissionsBodyText })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.additionalInfo }, { children: amountReceivable }))] }))] })), (0, jsx_runtime_1.jsx)("div", { className: styles.wrapperButtons })] })))] })));
+};
+exports.default = AmountInput;

package/dist/lib/components/ui/Inputs/AmountInput/types.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { BaseInputProps } from '../BaseInput/types';
+export type AmountInputProps = BaseInputProps & {
+    min: number;
+    max: number;
+    wrapperClasses?: string;
+    isPresets?: boolean;
+    isWithdraw?: boolean;
+    jumpTo: () => void;
+    minDep: number;
+    commission: number;
+    withdrawAmount: number;
+    inputPlaceholder: string;
+    currencyName: string;
+    commissionsBodyText: string;
+    amountReceivable: string;
+    WarningSvg?: React.FC<{
+        className: string;
+    }>;
+};

package/dist/lib/components/ui/Inputs/AmountInput/types.js

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

package/dist/lib/components/ui/Inputs/BaseInput/BaseInputUi.d.ts

@@ -0,0 +1,2 @@
+import { BaseInputUiProps } from './types';
+export declare const BaseInputUi: (props: BaseInputUiProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Inputs/BaseInput/BaseInputUi.js

@@ -0,0 +1,72 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseInputUi = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var inputError_svg_1 = require("assets/inputError.svg");
+var styles = __importStar(require("./BaseInputUi.module.css"));
+var react_1 = require("react");
+var Text_1 = require("components/Text");
+var BaseInputUi = function (props) {
+    var _a, _b, _c;
+    var startIcon = props.startIcon, value = props.value, type = props.type, placeholder = props.placeholder, handleChange = props.handleChange, children = props.children, isHidePlaceholder = props.isHidePlaceholder, inputLabelType = props.inputLabelType, errorText = props.errorText, inputStyleType = props.inputStyleType, size = props.size, classes = props.classes, inputMode = props.inputMode, disabled = props.disabled, _d = props.bottomText, bottomText = _d === void 0 ? '' : _d, _e = props.withErrorSvg, withErrorSvg = _e === void 0 ? false : _e, onFocus = props.onFocus;
+    var isBorderColorful = inputStyleType === 'border-colorful';
+    var sizeModifier = "inputWrapperSize-".concat(size);
+    var _f = (0, react_1.useState)(false), isFocused = _f[0], setFocusState = _f[1];
+    var handleFocus = function () {
+        setFocusState(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus();
+    };
+    var handleBlur = function () {
+        setFocusState(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.inputWrapper, styles[sizeModifier], classes, (_a = {},
+            _a[styles.fistIcon] = startIcon,
+            _a[styles.borderColorfulGreen] = isBorderColorful && isFocused,
+            _a[styles.borderColorfulRed] = errorText,
+            _a)) }, { children: [startIcon, (0, jsx_runtime_1.jsx)("input", { onFocus: handleFocus, onBlur: handleBlur, inputMode: inputMode, className: (0, classnames_1.default)(styles.input, (_b = {},
+                    _b[styles.disabled] = disabled,
+                    _b)), value: value, type: type, placeholder: placeholder, onChange: handleChange }), children && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: children })), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), (0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
+                    _c[styles.labelRight] = startIcon,
+                    _c[styles.hideLabel] = isHidePlaceholder,
+                    _c[styles.labelUp] = inputLabelType === 'labelUp',
+                    _c)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) }))), !errorText && bottomText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, styles.resetErrorColor) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bottomText }) })))] })));
+};
+exports.BaseInputUi = BaseInputUi;

package/dist/lib/components/ui/Inputs/BaseInput/constant.d.ts

@@ -0,0 +1,2 @@
+import { DefaultInputType } from './types';
+export declare const DEFAULT_INPUT_VALUE: DefaultInputType;

package/dist/lib/components/ui/Inputs/BaseInput/constant.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_INPUT_VALUE = void 0;
+exports.DEFAULT_INPUT_VALUE = {
+    value: '',
+    errorText: '',
+};

package/dist/lib/components/ui/Inputs/BaseInput/index.d.ts

@@ -0,0 +1,2 @@
+import { BaseInputProps } from './types';
+export declare const BaseInput: (props: BaseInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Inputs/BaseInput/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseInput = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var BaseInputUi_1 = require("./BaseInputUi");
+var BaseInput = function (props) {
+    var children = props.children, _a = props.defaultValue, defaultValue = _a === void 0 ? '' : _a, onChange = props.onChange, patternFn = props.patternFn, _b = props.hardSetValue, hardSetValue = _b === void 0 ? false : _b, _c = props.baseValue, baseValue = _c === void 0 ? '' : _c;
+    var _d = (0, react_1.useState)(defaultValue || baseValue), value = _d[0], setValue = _d[1];
+    var timer = (0, react_1.useRef)(null);
+    var handleChange = function (_a) {
+        var target = _a.target;
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+        var value = target.value;
+        var newValue = patternFn ? patternFn(value) : value;
+        if (baseValue && !newValue.includes(baseValue)) {
+            setValue(baseValue);
+            return;
+        }
+        setValue(newValue);
+        timer.current = setTimeout(function () {
+            onChange(newValue);
+        }, 300);
+    };
+    (0, react_1.useEffect)(function () { return function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+    }; }, []);
+    (0, react_1.useEffect)(function () {
+        if (hardSetValue) {
+            var newValue = patternFn ? patternFn(hardSetValue) : hardSetValue;
+            setValue(newValue);
+            onChange(newValue);
+        }
+    }, [hardSetValue, onChange]);
+    return ((0, jsx_runtime_1.jsx)(BaseInputUi_1.BaseInputUi, __assign({}, props, { handleChange: handleChange, value: value }, { children: children })));
+};
+exports.BaseInput = BaseInput;

package/dist/lib/components/ui/Inputs/BaseInput/types.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { Size } from 'types/ui';
+export type BaseInputProps = InputBase;
+type InputBase = {
+    inputMode?: 'tel' | 'numeric' | 'email' | 'search' | 'none';
+    inputLabelType?: 'labelUp' | 'base';
+    inputStyleType?: 'base' | 'border-colorful';
+    defaultValue?: string;
+    placeholder: string;
+    size: Size;
+    isHidePlaceholder?: boolean;
+    children?: React.ReactElement;
+    startIcon?: React.ReactElement;
+    disabled?: boolean;
+    classes?: string;
+    onChange: (text: string) => void;
+    onFocus?: () => void;
+    errorText?: string;
+    patternFn?: (v: string) => string;
+    hardSetValue?: string;
+    type?: string;
+    baseValue?: string;
+    bottomText?: string;
+    withErrorSvg?: boolean;
+};
+export type DefaultInputType = {
+    value: string;
+    errorText: string;
+};
+export type BaseInputUiProps = Omit<BaseInputProps & {
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleFocus?: () => void;
+    handleBlur?: () => void;
+    value: string;
+    isFocused?: boolean;
+}, 'onChange'>;
+export {};

package/dist/lib/components/ui/Inputs/BaseInput/types.js

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