profinansy-ui-lib 3.3.60 → 3.3.62

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragScroll.js","sourceRoot":"","sources":["../../../../src/components/uikit/DragScroll/DragScroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAKnD,MAAM,UAAU,GAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9C,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAC5B,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC;QAC9B,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;KACX,CAAC,CAAA;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE7C,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE;QAC5B,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAM;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC7C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,UAAU,CAAA;QAChD,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,SAAS,CAAA;QAC/C,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAA;QACpC,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,CAAA;QACnC,gBAAgB,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;QACjE,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAM;IAC9B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,EAAE;QACvB,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAM;QACxC,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC7C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,UAAU,CAAA;QAC1C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,SAAS,CAAA;QACzC,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG,CAAA;QAC1D,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG,CAAA;QAC1D,SAAS,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;QAC/D,SAAS,CAAC,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;IAChE,CAAC,CAAA;IAED,OAAO,CACL,uCACE,GAAG,EAAE,OAAO,EACZ,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,UAAU,EACvB,YAAY,EAAE,aAAa,IAE1B,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/DragScroll/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}

package/dist/components/uikit/Dropdown/Dropdown.d.ts

@@ -24,10 +24,10 @@ export declare function useDrop({ placement, onOpenList }: {
         floating: HTMLElement;
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
-        placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
@@ -43,7 +43,7 @@ export declare function useDrop({ placement, onOpenList }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/components/uikit/Dropdown/Dropdown.js

@@ -0,0 +1,129 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = exports.useDrop = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Dropdown.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const react_2 = require("@floating-ui/react");
+const zIndex_1 = require("../../../constants/zIndex");
+function useDrop({ placement = 'bottom-end', onOpenList }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const data = (0, react_2.useFloating)({
+        placement,
+        open,
+        onOpenChange: setOpen,
+        whileElementsMounted: react_2.autoUpdate,
+        middleware: [
+            (0, react_2.offset)(4),
+            (0, react_2.flip)({
+                crossAxis: placement.includes('-'),
+                fallbackAxisSideDirection: 'end',
+                padding: 5
+            }),
+            (0, react_2.shift)({ padding: { top: 70, bottom: 10, left: 10, right: 10 } })
+        ]
+    });
+    (0, react_1.useEffect)(() => {
+        if (onOpenList)
+            onOpenList(open);
+    }, [open]);
+    const context = data.context;
+    const click = (0, react_2.useClick)(context);
+    const dismiss = (0, react_2.useDismiss)(context);
+    const role = (0, react_2.useRole)(context);
+    const interactions = (0, react_2.useInteractions)([dismiss, role, click]);
+    return react_1.default.useMemo(() => (Object.assign(Object.assign({ open,
+        setOpen }, interactions), data)), [open, setOpen, interactions, data]);
+}
+exports.useDrop = useDrop;
+const DropContext = react_1.default.createContext(null);
+const Dropdown = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, width, height, zIndex, padding, withoutPortal } = _a, props = __rest(_a, ["children", "width", "height", "zIndex", "padding", "withoutPortal"]);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const popup = useDrop(Object.assign({}, props));
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        handleClose() {
+            popup.setOpen(false);
+        }
+    }));
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(DropContext.Provider, { value: popup },
+            react_1.default.createElement(PopupTrigger, { targetElement: props.targetElement }),
+            react_1.default.createElement(DropContentWrapper, { width: width, height: height, zIndex: zIndex, padding: padding, withoutPortal: withoutPortal }, children))));
+});
+exports.Dropdown = Dropdown;
+const PopupTrigger = ({ targetElement }) => {
+    const context = (0, react_1.useContext)(DropContext);
+    const ref = (0, react_2.useMergeRefs)([context.refs.setReference]);
+    if (targetElement && react_1.default.isValidElement(targetElement)) {
+        return react_1.default.cloneElement(targetElement, context.getReferenceProps(Object.assign(Object.assign({ ref }, targetElement.props), { 'data-state': context.open ? 'open' : 'closed' })));
+    }
+    return null;
+};
+const DropContentWrapper = (_a) => {
+    var { withoutPortal = false, children } = _a, props = __rest(_a, ["withoutPortal", "children"]);
+    const { context } = (0, react_1.useContext)(DropContext);
+    if (!context.open)
+        return null;
+    if (withoutPortal)
+        return react_1.default.createElement(DropContent, Object.assign({}, props), children);
+    return (react_1.default.createElement(react_2.FloatingPortal, null,
+        react_1.default.createElement(DropContent, Object.assign({}, props), children)));
+};
+const DropContent = ({ children, width, height, zIndex, padding }) => {
+    const _a = (0, react_1.useContext)(DropContext), { context: floatingContext } = _a, context = __rest(_a, ["context"]);
+    const ref = (0, react_2.useMergeRefs)([context.refs.setFloating]);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const { styles: transitionStyles } = (0, react_2.useTransitionStyles)(floatingContext, {
+        duration: {
+            open: 300,
+            close: 300
+        },
+        initial: {
+            opacity: 0
+        }
+    });
+    return (react_1.default.createElement(react_2.FloatingFocusManager, { context: floatingContext, modal: false },
+        react_1.default.createElement(Styled.Container, Object.assign({ ref: ref, style: Object.assign({ zIndex: zIndex ? zIndex : zIndex_1.zIndex.zIndex5 }, context.floatingStyles) }, context.getFloatingProps()),
+            react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+                react_1.default.createElement("div", { style: transitionStyles },
+                    react_1.default.createElement(Styled.Tooltip, { width: width, height: height, mode: mode },
+                        react_1.default.createElement(Styled.Content, { height: height, padding: padding }, children)))))));
+};
+//# sourceMappingURL=Dropdown.js.map

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

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

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

@@ -0,0 +1,99 @@
+"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.Dropdown = void 0;
+const react_1 = __importStar(require("react"));
+const Button_1 = require("../Button");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Dropdown_1 = require("./Dropdown");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.default = {
+    title: 'Components/Dropdown',
+    component: Dropdown_1.Dropdown,
+    tags: ['autodocs']
+};
+const StoryItem = styled_components_1.default.div `
+  padding: 8px 0;
+  font-size: 18px;
+  cursor: pointer;
+  color: ${(props) => props.theme.text.primary};
+  &:hover {
+    color: ${(props) => props.theme.text.accent};
+  }
+`;
+const Dropdown = () => {
+    const ref = (0, react_1.useRef)(null);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Dropdown"),
+        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 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0432\u044B\u043F\u0430\u0434\u0430\u044E\u0449\u0435\u0433\u043E \u0441\u043F\u0438\u0441\u043A\u0430. \u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0441\u043E\u0434\u0435\u0440\u0436\u0438\u0442 \u0432 \u0441\u0435\u0431\u0435\n       \u043B\u043E\u0433\u0438\u043A\u0443 \u043F\u043E \u043E\u0442\u043A\u0440\u044B\u0442\u0438\u044E \u0432\u044B\u043F\u0430\u0434\u0430\u044E\u0449\u0435\u0433\u043E \u0441\u043F\u0438\u0441\u043A\u043E \u043F\u043E targetElement. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0448\u0438\u0440\u0438\u043D\u0430 \u0432\u044B\u043F\u0430\u0434\u0430\u0448\u043A\u0438 \u0440\u0430\u0432\u043D\u0430 240px, \u043D\u043E \u0432\u044B \u0435\u0435 \u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u043B\u044E\u0431\u043E\u0439, \u043F\u0435\u0440\u0435\u0434\u0430\u0432\n       \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>width</b>. \u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0432\u044B\u0441\u043E\u0442\u0430 \u0432\u044B\u043F\u0430\u0434\u0430\u0448\u043A\u0438 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0440\u0430\u0432\u043D\u0430 448px, \u043D\u043E \u0432\u044B \u0435\u0435 \u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u043B\u044E\u0431\u043E\u0439, \u043F\u0435\u0440\u0435\u0434\u0430\u0432\n       \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>height</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Dropdown_1.Dropdown, { targetElement: react_1.default.createElement(Button_1.Button, { text: "Open dropdown" }), width: '300px', height: "400px" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"),
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"),
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4")))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0417\u0430\u043A\u0440\u044B\u0442\u0438\u0435 \u0434\u0440\u043E\u043F\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0435\u0442\u0435 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C \u0432\u043D\u0443\u0442\u0440\u0438 \u0434\u0440\u043E\u043F\u0430. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E, \u0434\u0440\u043E\u043F \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0435\u0441\u043B\u0438 \u043A\u043B\u0438\u043A\u043D\u0443\u0442\u044C \u0432\u043D\u0435 \u0435\u0433\u043E \u043E\u0431\u043B\u0430\u0441\u0442\u0438.\n         \u0415\u0441\u043B\u0438 \u0432\u044B \u0445\u043E\u0442\u0438\u0442\u0435, \u0447\u0442\u043E\u0431\u044B \u043F\u0440\u0438 \u043A\u043B\u0438\u043A\u0435 \u043D\u0430 \u0447\u0442\u043E-\u0442\u043E \u0432\u043D\u0443\u0442\u0440\u0438 \u0434\u0440\u043E\u043F\u0430, \u043E\u043D \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u043B\u0441\u044F, \u0442\u043E \u044D\u0442\u043E \u043C\u043E\u0436\u043D\u043E \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u0447\u0435\u0440\u0435\u0437 <b>ref</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Dropdown_1.Dropdown, { ref: ref, targetElement: react_1.default.createElement(Button_1.Button, { text: "Open dropdown" }) },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(StoryItem, { onClick: () => ref.current.handleClose() }, "Option 1"),
+                    react_1.default.createElement(StoryItem, { onClick: () => ref.current.handleClose() }, "Option 2"),
+                    react_1.default.createElement(StoryItem, { onClick: () => ref.current.handleClose() }, "Option 3"),
+                    react_1.default.createElement(StoryItem, { onClick: () => ref.current.handleClose() }, "Option 4")))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "Auto \u0432\u044B\u0441\u043E\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u043F\u0430\u0434\u0430\u0448\u043A\u0430 \u0438\u043C\u0435\u0435\u0442 \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0435\u043D\u043D\u0443\u044E \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u0443\u044E \u0432\u044B\u0441\u043E\u0442\u0443. \u0415\u0441\u043B\u0438 \u0432\u044B \u0445\u043E\u0442\u0438\u0442\u0435, \u0447\u0442\u043E\u0431\u044B \u043E\u043D\u0430 \u0440\u0430\u0441\u0442\u044F\u0433\u0438\u0432\u0430\u043B\u0430\u0441\u044C \u043D\u0430 \u0432\u044B\u0441\u043E\u0442\u0443 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0438 \u043D\u0435\n      \u0438\u043C\u0435\u043B\u0430 oveflow: hidden, \u0442\u043E \u0437\u0430\u0434\u0430\u0439\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>height: auto</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Dropdown_1.Dropdown, { height: "auto", targetElement: react_1.default.createElement(Button_1.Button, { text: "Open dropdown" }), width: '300px' },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"),
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"),
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"))))));
+};
+exports.Dropdown = Dropdown;
+//# sourceMappingURL=Dropdown.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqC;AAErC,sCAAkC;AAClC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,yCAAkD;AAClD,0EAAsC;AAEtC,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,mBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;aAEjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;;CAE9C,CAAA;AAEM,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IACxB,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,eAAuB;QAC9C,8BAAC,mCAAgB,IACf,IAAI,EAAC,8pDAGiB,GACtB;QACF,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IACR,aAAa,EAAE,8BAAC,eAAM,IAAC,IAAI,EAAC,eAAe,GAAG,EAC9C,KAAK,EAAE,OAAO,EACd,MAAM,EAAC,OAAO;gBAEd;oBACE,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB,CAC3B,CACI,CACC;QACf,8BAAC,uBAAU,0FAA4B;QACvC,8BAAC,mCAAgB,IACf,IAAI,EAAC,ylCAC0G,GAC/G;QACF,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,8BAAC,eAAM,IAAC,IAAI,EAAC,eAAe,GAAG;gBACjE;oBACE,8BAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,eAEvC;oBACZ,8BAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,eAEvC;oBACZ,8BAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,eAEvC;oBACZ,8BAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,eAEvC,CACR,CACI,CACC;QACf,8BAAC,uBAAU,oDAAyB;QACpC,8BAAC,mCAAgB,IACf,IAAI,EAAC,43BACwD,GAC7D;QACF,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IACR,MAAM,EAAC,MAAM,EACb,aAAa,EAAE,8BAAC,eAAM,IAAC,IAAI,EAAC,eAAe,GAAG,EAC9C,KAAK,EAAE,OAAO;gBAEd;oBACE,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB;oBAC/B,8BAAC,SAAS,mBAAqB,CAC3B,CACI,CACC,CACX,CACP,CAAA;AACH,CAAC,CAAA;AArFY,QAAA,QAAQ,YAqFpB"}

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

@@ -0,0 +1,64 @@
+"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.Content = exports.Tooltip = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Scroll_1 = require("../../../styles/Scroll");
+exports.Container = styled_components_1.default.div `
+  &:focus-visible {
+    outline: none;
+  }
+  & a {
+    &:focus-visible {
+      outline: none;
+    }
+  }
+`;
+exports.Tooltip = styled_components_1.default.div `
+  font-family: 'Manrope', sans-serif;
+  box-sizing: border-box;
+  width: ${(props) => (props.width ? props.width : '240px')};
+  max-height: calc(100vh - 90px);
+  height: ${(props) => props.height};
+  overflow: ${(props) => (props.height === 'auto' ? 'visible' : 'hidden')};
+  background-color: ${(props) => props.theme.background.field};
+  border-radius: 12px;
+  box-shadow: ${(props) => props.theme.shadow.overlay};
+  z-index: 9999999;
+  ${(props) => props.mode === 'dark' &&
+    (0, styled_components_1.css) `
+      border: 0.5px solid ${(props) => props.theme.stroke.contrast};
+    `}
+`;
+exports.Content = styled_components_1.default.div `
+  padding: ${(props) => props.padding || '12px'};
+  max-height: calc(100vh - 90px);
+  height: 100%;
+  overflow-y: ${(props) => (props.height === 'auto' ? 'visible' : 'auto')};
+  white-space: break-spaces;
+  position: relative;
+  ${Scroll_1.Scroll}
+`;
+//# sourceMappingURL=Dropdown.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Dropdown/Dropdown.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,mDAA+C;AAElC,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CASlC,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAI/B;;;WAGS,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;;YAE/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM;cACrB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;sBACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;gBAE7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;IAEjD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,IAAI,KAAK,MAAM;IACrB,IAAA,uBAAG,EAAA;4BACqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC7D;CACJ,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAG/B;aACW,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,MAAM;;;gBAG/B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;;;IAGrE,eAAM;CACT,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Dropdown/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}

package/dist/components/uikit/ErrorText/ErrorText.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.ErrorText = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./ErrorText.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const ErrorText = ({ text }) => {
+    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.Text, { className: (0, classnames_1.default)('error-text') }, text)));
+};
+exports.ErrorText = ErrorText;
+//# sourceMappingURL=ErrorText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorText.js","sourceRoot":"","sources":["../../../../src/components/uikit/ErrorText/ErrorText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,2DAA4C;AAE5C,4DAAmC;AACnC,4DAAoD;AACpD,yDAAiD;AACjD,gEAAsD;AAEtD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAc,EAAE,EAAE;IACzC,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,IAAI,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,CAAC,IAAG,IAAI,CAAe,CACxD,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,8BAAS"}

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

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorText = void 0;
+const react_1 = __importDefault(require("react"));
+const Input_1 = require("../Input");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const ErrorText_1 = require("./ErrorText");
+exports.default = {
+    title: 'Components/ErrorText',
+    component: ErrorText_1.ErrorText,
+    tags: ['autodocs']
+};
+const ErrorText = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "ErrorText"),
+        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 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0442\u0435\u043A\u0441\u0442\u0430 \u043E\u0448\u0438\u0431\u043A\u0438, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 \u043F\u043E\u0434 \u0438\u043D\u043F\u0443\u0442\u0430\u043C\u0438, \u043A\u043D\u043E\u043F\u043A\u0430\u043C\u0438 \u0438 \u0442\u0434" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ErrorText_1.ErrorText, { text: "Something went wrong" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0440\u0438\u043C\u0435\u0440\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041E\u0448\u0438\u0431\u043A\u0430 \u043F\u043E\u0434 \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u043C \u043F\u043E\u043B\u0435\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { value: "123", name: "test", error: "\u041D\u0435\u043B\u044C\u0437\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0446\u0438\u0444\u0440\u044B" }))));
+};
+exports.ErrorText = ErrorText;
+//# sourceMappingURL=ErrorText.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorText.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/ErrorText/ErrorText.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,oCAAgC;AAChC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,2CAAoD;AAEpD,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,qBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,gBAAwB;QAC/C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,6dAA4F,GAAG;QACtH,8BAAC,2BAAY;YACX,8BAAC,qBAAS,IAAC,IAAI,EAAC,sBAAsB,GAAG,CAC5B;QACf,8BAAC,uBAAU,oIAAmC;QAC9C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,+IAA4B,GAAG;QACtD,8BAAC,2BAAY;YACX,8BAAC,aAAK,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,8IAA2B,GAAG,CACtD,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,SAAS,aAerB"}

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Text = styled_components_1.default.span `
+  font-size: 15px;
+  line-height: 20px;
+  color: ${(props) => props.theme.text.negative};
+  margin-top: 4px;
+  display: inline-block;
+`;
+//# sourceMappingURL=ErrorText.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorText.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/ErrorText/ErrorText.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,IAAI,CAAA;;;WAGpB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ;;;CAG9C,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/ErrorText/index.ts"],"names":[],"mappings":";;;AAAA,yCAAuC;AAA9B,sGAAA,SAAS,OAAA"}

package/dist/components/uikit/FieldRow/FieldRow.js

@@ -0,0 +1,50 @@
+"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.FieldRow = void 0;
+const react_1 = __importDefault(require("react"));
+const Popup_1 = require("../Popup");
+const classnames_1 = __importDefault(require("classnames"));
+const Styled = __importStar(require("./FieldRow.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const FieldRow = ({ label, children, required, marginBottom = 16, hint = null, rootClass }) => {
+    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, { marginBottom: marginBottom, className: (0, classnames_1.default)('fieldRow-container', rootClass) },
+            !!label && (react_1.default.createElement(Styled.Label, { onClick: (e) => e.preventDefault() },
+                label,
+                " ",
+                required && react_1.default.createElement(Styled.Required, null, "*"),
+                hint && (react_1.default.createElement(Styled.Hint, null,
+                    react_1.default.createElement(Popup_1.Popup, Object.assign({}, hint)))))),
+            react_1.default.createElement(Styled.InputContainer, null, children))));
+};
+exports.FieldRow = FieldRow;
+//# sourceMappingURL=FieldRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.js","sourceRoot":"","sources":["../../../../src/components/uikit/FieldRow/FieldRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,oCAAgC;AAEhC,4DAAmC;AACnC,0DAA2C;AAC3C,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,IAAI,GAAG,IAAI,EACX,SAAS,EACC,EAAE,EAAE;IACd,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,IACf,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAA,oBAAU,EAAC,oBAAoB,EAAE,SAAS,CAAC;YAErD,CAAC,CAAC,KAAK,IAAI,CACV,8BAAC,MAAM,CAAC,KAAK,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;gBAC7C,KAAK;;gBAAG,QAAQ,IAAI,8BAAC,MAAM,CAAC,QAAQ,YAAoB;gBACxD,IAAI,IAAI,CACP,8BAAC,MAAM,CAAC,IAAI;oBACV,8BAAC,aAAK,oBAAK,IAAI,EAAI,CACP,CACf,CACY,CAChB;YACD,8BAAC,MAAM,CAAC,cAAc,QAAE,QAAQ,CAAyB,CACxC,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}

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

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldRow = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Input_1 = require("../Input");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const FieldRow_1 = require("./FieldRow");
+exports.default = {
+    title: 'Components/FieldRow',
+    component: FieldRow_1.FieldRow,
+    tags: ['autodocs']
+};
+const Wrapper = styled_components_1.default.div `
+  & .input-container {
+    max-width: 340px;
+  }
+`;
+const FieldRow = () => {
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "FieldRow"),
+        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 \u043E\u0431\u0435\u0440\u0442\u043A\u0438 \u0438\u043D\u043F\u0443\u0442\u043E\u0432, \u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0432, textarea \u0438 \u0442\u0434.\n      \u041D\u0443\u0436\u043D\u043E, \u0447\u0442\u043E\u0431\u044B \u0432\u0441\u0435 \u043B\u0435\u0439\u0431\u043B\u044B \u0432 \u043F\u0440\u043E\u0435\u043A\u0442\u0435 \u0432\u044B\u0433\u043B\u044F\u0434\u0435\u043B\u0438 \u043E\u0434\u0438\u043D\u0430\u043A\u043E\u0432\u043E \u0438 \u0434\u043B\u044F \u043A\u0430\u0436\u0434\u043E\u0433\u043E \u043D\u043E\u0432\u043E\u0433\u043E \u043F\u043E\u043B\u044F \u043D\u0435 \u043F\u0440\u0438\u0445\u043E\u0434\u0438\u043B\u043E\u0441\u044C \u043F\u0438\u0441\u0430\u0442\u044C \u0438\u0445 \u0437\u0430\u043D\u043E\u0432\u043E\n      \u0432\u043C\u0435\u0441\u0442\u0435 \u0441 \u043A\u043E\u043C\u043F\u0430\u043D\u043E\u0432\u043E\u043A\u043E\u0439" }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0440\u0438\u043C\u0435\u0440\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043F\u0443\u0442 \u043E\u0431\u0435\u0440\u043D\u0443\u0442 \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u043B\u0435\u0439\u0431\u043B\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FieldRow_1.FieldRow, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F" },
+                react_1.default.createElement(Input_1.Input, { value: "", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043C\u0438\u043B\u0438\u044E", name: "test" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043F\u0443\u0442 \u043E\u0431\u0435\u0440\u043D\u0443\u0442 \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u043B\u0435\u0439\u0431\u043B\u043E\u043C, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u043F\u043E\u043C\u0435\u0447\u0435\u043D \u043A\u0430\u043A \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FieldRow_1.FieldRow, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", required: true },
+                react_1.default.createElement(Input_1.Input, { value: "", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043C\u0438\u043B\u0438\u044E", name: "test" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0414\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438 \u043A \u043F\u043E\u043B\u044E" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FieldRow_1.FieldRow, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", required: true, hint: {
+                    content: [
+                        'Динамика счета',
+                        'Lorem Ipsum is simply dummy text of the printing and typesetting industry. ' +
+                            "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, " +
+                            'when an unknown printer took a galley of type and scrambled it to make a type specimen book.',
+                        'https://www.google.com/',
+                        'https://www.youtube.com/watch?v=XqZsoesa55w'
+                    ]
+                } },
+                react_1.default.createElement(Input_1.Input, { value: "", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043C\u0438\u043B\u0438\u044E", name: "test" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0438\u043C\u0435\u0435\u0442 \u043D\u0443\u043B\u0435\u0432\u043E\u0439 \u043E\u0442\u0441\u0442\u0443\u043F \u0441\u043D\u0438\u0437\u0443. \u0423\u0434\u043E\u0431\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C, \u043A\u043E\u0433\u0434\u0430 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u0432 \u0431\u043B\u043E\u043A\u0435" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FieldRow_1.FieldRow, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", required: true, marginBottom: 0 },
+                react_1.default.createElement(Input_1.Input, { value: "", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043C\u0438\u043B\u0438\u044E", name: "test" })))));
+};
+exports.FieldRow = FieldRow;
+//# sourceMappingURL=FieldRow.stories.js.map