profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/uikit/Hint/Hint.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hint = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Hint_1 = require("./Hint");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const Button_1 = require("../Button");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+exports.default = {
+    title: 'Components/Hint',
+    component: Hint_1.Hint,
+    tags: ['autodocs']
+};
+const Hint = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Hint"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0425\u0438\u043D\u0442 \u2014 \u044D\u0442\u043E \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430, \u043F\u043E\u044F\u0432\u043B\u044F\u044E\u0449\u0430\u044F\u0441\u044F \u043F\u0440\u0438 \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u0438 \u043D\u0430 \u044D\u043B\u0435\u043C\u0435\u043D\u0442.\n\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043D\u0430 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430\u0445, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043D\u0435 \u0432\u043C\u0435\u0449\u0430\u044E\u0442 \u043F\u043E\u043B\u043D\u043E\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0438\u043B\u0438 \u0442\u0440\u0435\u0431\u0443\u044E\u0442 \u043D\u0435\u0431\u043E\u043B\u044C\u0448\u043E\u0433\u043E \u043F\u043E\u044F\u0441\u043D\u0435\u043D\u0438\u044F.\n\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440: \u043F\u0430\u043D\u0435\u043B\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439, \u0438\u043A\u043E\u043D\u043A\u0438 \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430, \u0441\u043E\u043A\u0440\u0430\u0449\u0435\u043D\u043D\u044B\u0435 \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0434\u043B\u0438\u043D\u043D\u044B\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F \u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u0435." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Hint_1.Hint, { text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438", isClickMobile: true },
+                react_1.default.createElement(Button_1.Button, { onClick: () => console.log('click'), text: "My trigger" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>placement</b>, \u0447\u0442\u043E\u0431\u044B \u0443\u043A\u0430\u0437\u0430\u0442\u044C \u0434\u0432\u0435\u043B\u0442\u043D\u043E\u0435 \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043E\u0442\u043A\u0440\u044B\u0442\u0438\u0438.\n      \u041F\u0440\u0438 \u044D\u0442\u043E\u043C \u0435\u0441\u043B\u0438 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0435 \u043D\u0435 \u0431\u0443\u0434\u0435\u0442 \u0445\u0432\u0430\u0442\u0430\u0442\u044C \u043C\u0435\u0441\u0442\u0430, \u0442\u043E \u043E\u043D\u0430 \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438 \u0432\u044B\u0431\u0435\u0440\u0435\u0442 \u0434\u0440\u0443\u0433\u043E\u0435 \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '16px' } },
+                react_1.default.createElement(Hint_1.Hint, { placement: "top", text: " \u041F\u0440\u0438\u043C\u0435\u0440 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438" },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => alert('click'), text: "My trigger" })),
+                react_1.default.createElement(Hint_1.Hint, { placement: "right", text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438" },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => alert('click'), text: "My trigger" })))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0445\u0438\u043D\u0442 \u043D\u0430\u0445\u043E\u0434\u0438\u0442\u0441\u044F \u0441\u0432\u0435\u0440\u0445\u0443 \u0438\u043B\u0438 \u0441\u043D\u0438\u0437\u0443 \u043E\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430, \u0442\u043E \u0442\u0435\u043A\u0441\u0442 \u0432 \u043D\u0435\u043C \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u0446\u0435\u043D\u0442\u0440\u0443. \u0415\u0441\u043B\u0438 \u0441\u043F\u0440\u0430\u0432\u0430 \u0438\u043B\u0438 \u0441\u043B\u0435\u0432\u0430 \u2014 \u0442\u043E \u0432\u044B\u0440\u0430\u0432\u043D\u0438\u0432\u0430\u043D\u0438\u0435 \u043F\u043E \u043B\u0435\u0432\u043E\u043C\u0443 \u043A\u0440\u0430\u044E." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '16px' } },
+                react_1.default.createElement(Hint_1.Hint, { placement: "top", text: "\u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u043C\u043E\u0436\u0435\u0442 \u0437\u0430\u043D\u0438\u043C\u0430\u0442\u044C \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A" },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => alert('click'), text: "My trigger" })),
+                react_1.default.createElement(Hint_1.Hint, { placement: "right", text: "\u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u043C\u043E\u0436\u0435\u0442 \u0437\u0430\u043D\u0438\u043C\u0430\u0442\u044C \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A" },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => alert('click'), text: "My trigger" }))))));
+};
+exports.Hint = Hint;
+//# sourceMappingURL=Hint.stories.js.map

package/dist/components/uikit/Hint/Hint.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Hint/Hint.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,mEAA+D;AAE/D,iCAA0C;AAC1C,qFAAiF;AACjF,sCAAkC;AAClC,yEAAqE;AAErE,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,EAAE;IACvB,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,WAAmB;QAC1C,8BAAC,mCAAgB,IACf,IAAI,EAAC,wxCAEiF,GACtF;QACF,8BAAC,2BAAY;YACX,8BAAC,WAAS,IAAC,IAAI,EAAC,6FAAkB,EAAC,aAAa,EAAE,IAAI;gBACpD,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACvD,CACC;QACf,8BAAC,uBAAU,mFAA0B;QACrC,8BAAC,mCAAgB,IACf,IAAI,EAAC,28BAC2F,GAChG;QACF,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,WAAS,IAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,8FAAmB;oBACjD,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACjD;gBACZ,8BAAC,WAAS,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,6FAAkB;oBAClD,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACjD,CACR,CACO;QACf,8BAAC,uBAAU,wHAAiC;QAC5C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,iuBAAmJ,GAAG;QAC7K,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,WAAS,IACR,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,8NAA0C;oBAE/C,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACjD;gBACZ,8BAAC,WAAS,IACR,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,8NAA0C;oBAE/C,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,YAAY,GAAG,CACjD,CACR,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,IAAI,QAiDhB"}

package/dist/components/uikit/Hint/Hint.styled.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Tooltip = styled_components_1.default.div `
+  display: flex;
+  text-align: ${(props) => props.position === 'bottom' || props.position === 'top'
+    ? 'center'
+    : 'left'};
+  background-color: #444;
+  color: white;
+  border-radius: 8px;
+  box-sizing: border-box;
+  width: max-content;
+  max-width: 200px;
+  padding: 4px 8px;
+  word-break: break-word;
+  overflow-wrap: break-word;
+`;
+//# sourceMappingURL=Hint.styled.js.map

package/dist/components/uikit/Hint/Hint.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Hint/Hint.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAsB;;gBAEvC,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK;IACrD,CAAC,CAAC,QAAQ;IACV,CAAC,CAAC,MAAM;;;;;;;;;;CAUb,CAAA"}

package/dist/components/uikit/Hint/Hint.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Hint.typed.js.map

package/dist/components/uikit/Hint/Hint.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Hint/Hint.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/Hint/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hint = void 0;
+var Hint_1 = require("./Hint");
+Object.defineProperty(exports, "Hint", { enumerable: true, get: function () { return Hint_1.Hint; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/Hint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Hint/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}

package/dist/components/uikit/Input/Input.const.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegexPattern = void 0;
+exports.RegexPattern = {
+    NUMBER: /[^0-9]/gi,
+    FLOAT_NUMBER: /[^0-9бБ,]/gi,
+    FLOAT_NEGATIVE_NUMBER: /[^-0-9бБ,]/gi
+};
+//# sourceMappingURL=Input.const.js.map

package/dist/components/uikit/Input/Input.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.const.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/Input.const.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAE,UAAU;IAClB,YAAY,EAAE,aAAa;IAC3B,qBAAqB,EAAE,cAAc;CACtC,CAAA"}

package/dist/components/uikit/Input/Input.js

@@ -0,0 +1,101 @@
+"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 __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.Input = void 0;
+const react_1 = __importStar(require("react"));
+const ErrorText_1 = require("../ErrorText");
+const Input_const_1 = require("./Input.const");
+const Input_utils_1 = require("./Input.utils");
+const Styled = __importStar(require("./Input.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Input = (0, react_1.forwardRef)((props, ref) => {
+    const { placeholder, name, type = 'text', readonly = false, autoFocus = false, disabled = false, prohibitTextInput = false, maxLength, error, icon, rightText, rightTextColor, onChange, onFocus, onBlur, onKeyDown, onClick, autoComplete = 'off', value, inputClassName, pattern, iconBorder = false, numAfterDot = 3, positionIcon = 'right', numBeforeDot } = props;
+    const [currentValue, setCurrentValue] = (0, react_1.useState)(value || '');
+    (0, react_1.useEffect)(() => {
+        let formattedVal = value;
+        if (pattern === Input_const_1.RegexPattern.NUMBER && value) {
+            formattedVal = (0, Input_utils_1.numberWithSpaces)(value);
+        }
+        if ((pattern === Input_const_1.RegexPattern.FLOAT_NUMBER ||
+            pattern === Input_const_1.RegexPattern.FLOAT_NEGATIVE_NUMBER) &&
+            value) {
+            formattedVal = (0, Input_utils_1.numberWithSpaces)(value.toString().replace('.', ','), true);
+        }
+        setCurrentValue(formattedVal);
+    }, [value]);
+    const handlerChange = (evt) => {
+        if (prohibitTextInput)
+            return;
+        let value = evt.target.value;
+        const isNumber = pattern === Input_const_1.RegexPattern.NUMBER ||
+            pattern === Input_const_1.RegexPattern.FLOAT_NUMBER ||
+            pattern === Input_const_1.RegexPattern.FLOAT_NEGATIVE_NUMBER;
+        let numberFormat = '';
+        if (pattern) {
+            value = value.replace(pattern, '');
+            if (pattern === Input_const_1.RegexPattern.NUMBER) {
+                numberFormat = value.replace(/,/g, '.');
+                value = (0, Input_utils_1.numberWithSpaces)(value);
+            }
+            if (pattern === Input_const_1.RegexPattern.FLOAT_NUMBER ||
+                pattern === Input_const_1.RegexPattern.FLOAT_NEGATIVE_NUMBER) {
+                value = value.replace(/б|Б/g, ',');
+                const arr = value.split(',');
+                value = arr[0];
+                if (numBeforeDot) {
+                    const _numBeforeDot = value.includes('-')
+                        ? numBeforeDot + 1
+                        : numBeforeDot;
+                    value = value.slice(0, _numBeforeDot);
+                }
+                if (arr[1] !== undefined) {
+                    value = `${value},${arr[1].slice(0, numAfterDot)}`;
+                }
+                numberFormat = value.replace(/,/g, '.');
+                value = (0, Input_utils_1.numberWithSpaces)(value);
+            }
+            evt.target.value = isNumber ? numberFormat : value;
+        }
+        setCurrentValue(value);
+        if (onChange)
+            onChange(isNumber ? numberFormat : value, evt);
+    };
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, { className: (0, classnames_1.default)('input-container') },
+            react_1.default.createElement(Styled.Content, null,
+                react_1.default.createElement(Styled.Input, { ref: ref, autoFocus: autoFocus, maxLength: maxLength, readOnly: readonly, disabled: disabled, type: type, value: currentValue, name: name, className: (0, classnames_1.default)('input', inputClassName), placeholder: placeholder || '', onChange: handlerChange, onFocus: onFocus, onBlur: onBlur, prohibitTextInput: prohibitTextInput, onKeyDown: onKeyDown, onClick: onClick, autoComplete: autoComplete, error: !!error, icon: !!icon, rightText: !!rightText, positionIcon: positionIcon }),
+                icon ? (react_1.default.createElement(Styled.Icon, { positionContent: positionIcon, className: (0, classnames_1.default)('input-icon'), iconBorder: iconBorder }, icon)) : null,
+                rightText ? (react_1.default.createElement(Styled.RightText, { positionContent: positionIcon, iconBorder: iconBorder, rightTextColor: rightTextColor }, rightText)) : null),
+            !!error && typeof error !== 'boolean' ? (react_1.default.createElement(ErrorText_1.ErrorText, { text: error || '' })) : null)));
+});
+exports.Input = Input;
+//# sourceMappingURL=Input.js.map

package/dist/components/uikit/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Input/Input.stories.js

@@ -0,0 +1,120 @@
+"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 __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.NegativeInput = exports.Input = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Remove_svg_1 = __importDefault(require("../../../icons/Remove.svg"));
+const Input_const_1 = require("./Input.const");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Input_1 = require("./Input");
+exports.default = {
+    title: 'Components/Input',
+    component: Input_1.Input,
+    tags: ['autodocs']
+};
+const Wrapper = styled_components_1.default.div `
+  & .input-container {
+    max-width: 340px;
+  }
+`;
+const Input = () => {
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u043D\u043F\u0443\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u0432\u043E\u0434\u0430 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0438 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { value: "Entered text", name: "test" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041D\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u043A\u043D\u043E\u043A\u0443 \u043A \u0438\u043D\u043F\u0443\u0442\u0443" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '12px', flexDirection: 'column' } },
+                react_1.default.createElement(Input_1.Input, { value: "", name: "test", icon: react_1.default.createElement(Remove_svg_1.default, null) }),
+                react_1.default.createElement(Input_1.Input, { value: "", name: "test", icon: react_1.default.createElement(Remove_svg_1.default, null), positionIcon: "left" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u043A\u043D\u043E\u043A\u0443 \u043A \u0438\u043D\u043F\u0443\u0442\u0443 \u0438 \u0431\u043E\u0440\u0434\u0435\u0440" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { value: "", name: "test", icon: react_1.default.createElement(Remove_svg_1.default, null), iconBorder: true })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0432\u043C\u0435\u0441\u0442\u043E \u0438\u043A\u043E\u043D\u043A\u0438" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { value: "", name: "test", rightText: '₽', iconBorder: true })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0432\u043E\u0434\u0438\u043C\u044B\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041F\u043E \u0434\u0435\u0444\u043E\u043B\u0442\u0443 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u043B\u044E\u0431\u044B\u0435 \u0441\u0438\u043C\u0432\u043E\u043B\u044B \u0432 \u043D\u0435\u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0435\u043D\u043D\u043E\u043C \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0435" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { value: "", name: "test" })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u0446\u0438\u0444\u0440\u044B" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { name: "test", value: "", pattern: Input_const_1.RegexPattern.NUMBER })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0442\u044C \u0446\u0438\u0444\u0440\u044B \u0441 \u0443\u0447\u0435\u0442\u043E\u043C \u0440\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u0435\u043B\u0435\u0439" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { name: "test", value: "", pattern: Input_const_1.RegexPattern.FLOAT_NUMBER })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C, \u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0447\u0438\u0441\u0435\u043B \u043F\u043E\u0441\u043B\u0435 \u0437\u0430\u043F\u044F\u0442\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0432\u0432\u043E\u0434\u0438\u0442\u044C. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E 3" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { name: "test", value: "", numAfterDot: 7, pattern: Input_const_1.RegexPattern.FLOAT_NUMBER })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C, \u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0447\u0438\u0441\u0435\u043B \u0434\u043E \u0437\u0430\u043F\u044F\u0442\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0432\u0432\u043E\u0434\u0438\u0442\u044C. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043D\u0435\u0442 \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0435\u043D\u0438\u0439" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { name: "test", value: "", numBeforeDot: 8, pattern: Input_const_1.RegexPattern.FLOAT_NUMBER })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043F\u0443\u0442 \u0441 \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0435\u043D\u0438\u0435\u043C \u043F\u043E \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432. \u0414\u043B\u044F \u043F\u0440\u0438\u043C\u0435\u0440\u0430: \u0442\u043E\u043B\u044C\u043A\u043E 5\n        \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { name: "test", value: "", maxLength: 5 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043F\u0443\u0442 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { name: "test", value: "" })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043F\u0443\u0442 \u0441 \u043F\u043B\u0435\u0439\u0441\u0445\u043E\u043B\u0434\u0435\u0440\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { name: "test", value: "", placeholder: "placeholder" })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043F\u0443\u0442 \u0441 \u043E\u0448\u0438\u0431\u043A\u043E\u0439 \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430 \u0438 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 16
+                } },
+                react_1.default.createElement(Input_1.Input, { name: "test", value: "", error: true }),
+                react_1.default.createElement(Input_1.Input, { name: "test", value: "", error: "Something went wrong" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0417\u0430\u0434\u0438\u0437\u0435\u0439\u0431\u043B\u0435\u043D\u043D\u044B\u0439 \u0438\u043D\u043F\u0443\u0442" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 16
+                } },
+                react_1.default.createElement(Input_1.Input, { name: "test", value: "", disabled: true, placeholder: "\u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430" }),
+                react_1.default.createElement(Input_1.Input, { name: "test", value: "Entered text", disabled: true, placeholder: "\u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430", icon: react_1.default.createElement(Remove_svg_1.default, null), iconBorder: true })))));
+};
+exports.Input = Input;
+const NegativeInput = () => {
+    const [value, setValue] = (0, react_1.useState)('');
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 Input \u0441 \u043E\u0442\u0440\u0438\u0446\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u043C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435\u043C"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { name: "negative-input", value: value, onChange: (val) => setValue(val), pattern: Input_const_1.RegexPattern.FLOAT_NEGATIVE_NUMBER }))));
+};
+exports.NegativeInput = NegativeInput;
+//# sourceMappingURL=Input.stories.js.map

package/dist/components/uikit/Input/Input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/Input.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Input/Input.styled.js

@@ -0,0 +1,130 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = exports.RightText = exports.Icon = exports.Content = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+  width: 100%;
+`;
+exports.Content = styled_components_1.default.div `
+  position: relative;
+  width: 100%;
+`;
+const RightContent = styled_components_1.default.span `
+  position: absolute;
+  top: 8px;
+  height: 28px;
+  width: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  ${({ positionContent, iconBorder }) => positionContent === 'right'
+    ? (0, styled_components_1.css) `
+          right: 0;
+          border-left: ${(props) => iconBorder ? `1px dashed ${props.theme.stroke.primary}` : 'none'};
+        `
+    : (0, styled_components_1.css) `
+          left: 0;
+          border-right: ${(props) => iconBorder ? `1px dashed ${props.theme.stroke.primary}` : 'none'};
+        `}
+`;
+exports.Icon = (0, styled_components_1.default)(RightContent) `
+  & path {
+    fill: ${(props) => props.theme.icons.secondary};
+  }
+`;
+exports.RightText = (0, styled_components_1.default)(RightContent) `
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 16px;
+  color: ${(props) => props.rightTextColor || props.theme.text.primary};
+  font-family: Manrope, sans-serif;
+`;
+exports.Input = styled_components_1.default.input `
+  font-family: Manrope, sans-serif;
+  font-size: 15px;
+  line-height: 20px;
+  color: ${(props) => props.theme.text.primary};
+  display: block;
+  width: 100%;
+  padding: 11px 12px;
+  height: 44px;
+  padding-left: ${(props) => props.icon && props.positionIcon === 'left' ? '44px' : '12px'};
+  padding-right: ${(props) => (props.icon && props.positionIcon === 'right') || props.rightText
+    ? '48px'
+    : '12px'};
+  border-radius: 8px;
+  background: ${(props) => props.theme.background.field};
+  border: 0.8px solid
+    ${(props) => props.error
+    ? `${props.theme.stroke.negative} !important`
+    : props.theme.stroke.primary};
+  ${(props) => props.prohibitTextInput &&
+    (0, styled_components_1.css) `
+      caret-color: transparent;
+      cursor: pointer;
+    `}
+  &::placeholder {
+    color: ${(props) => props.theme.text.secondary};
+    font-weight: 400;
+    font-size: 15px;
+    line-height: 20px;
+  }
+  &:disabled {
+    border-color: ${(props) => props.theme.stroke.tertiary};
+    color: ${(props) => props.theme.text.secondary};
+  }
+  &:hover {
+    border-color: ${(props) => props.theme.stroke.secondary};
+  }
+  &:focus {
+    border-color: ${(props) => props.theme.stroke.accent};
+    outline: none;
+  }
+  &:read-only {
+    border-color: ${(props) => props.theme.stroke.tertiary};
+    cursor: default;
+  }
+  &:disabled::placeholder {
+    color: ${(props) => props.theme.text.secondary};
+  }
+  @media (max-width: 600px) {
+    font-size: 16px;
+    &::placeholder {
+      font-size: 16px;
+    }
+  }
+`;
+// ${(props) =>
+//   props.adaptiveRightContent &&
+//   css`
+//       @media (max-width: ${(props: { adaptiveRightContent: number }) =>
+//     props.adaptiveRightContent}px) {
+//         flex-direction: column;
+//         align-items: flex-start;
+//         gap: 4px;
+//       }
+//     `}
+//# sourceMappingURL=Input.styled.js.map

package/dist/components/uikit/Input/Input.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/Input.styled.ts"],"names":[],"mappings":"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"}

package/dist/components/uikit/Input/Input.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Input.typed.js.map

package/dist/components/uikit/Input/Input.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/Input.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/Input/Input.utils.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.numberWithSpaces = void 0;
+const numberWithSpaces = (val, mightBeNegative) => {
+    if (mightBeNegative && val === '-') {
+        return val;
+    }
+    const nums = val.split(',');
+    let value = Number(nums[0]).toLocaleString('ru-RU').toString();
+    if (val.includes(',')) {
+        value += ',' + nums[1];
+    }
+    return value;
+};
+exports.numberWithSpaces = numberWithSpaces;
+//# sourceMappingURL=Input.utils.js.map

package/dist/components/uikit/Input/Input.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.utils.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/Input.utils.ts"],"names":[],"mappings":";;;AAAO,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,eAAyB,EAAE,EAAE;IACzE,IAAI,eAAe,IAAI,GAAG,KAAK,GAAG,EAAE;QAClC,OAAO,GAAG,CAAA;KACX;IAED,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC3B,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAA;IAC9D,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACrB,KAAK,IAAI,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;KACvB;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAXY,QAAA,gBAAgB,oBAW5B"}

package/dist/components/uikit/Input/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegexPattern = exports.Input = void 0;
+var Input_1 = require("./Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
+var Input_const_1 = require("./Input.const");
+Object.defineProperty(exports, "RegexPattern", { enumerable: true, get: function () { return Input_const_1.RegexPattern; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,6CAA4C;AAAnC,2GAAA,YAAY,OAAA"}

package/dist/components/uikit/Loader/Loader.js

@@ -0,0 +1,42 @@
+"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 __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.Loader = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Loader.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Loader = ({ size = 'S', color }) => {
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, { size: size, className: 'loader' },
+            react_1.default.createElement(Styled.Dot, { size: size, color: color }))));
+};
+exports.Loader = Loader;
+//# sourceMappingURL=Loader.js.map

package/dist/components/uikit/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../../src/components/uikit/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,wDAAyC;AAGzC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,EAAW,EAAE,EAAE;IAChD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ;YAC/C,8BAAC,MAAM,CAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACvB,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,wBAAM"}