profinansy-ui-lib 3.6.49 → 3.6.51

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

@@ -0,0 +1,159 @@
+"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.Button = void 0;
+const react_1 = __importStar(require("react"));
+const Checkmark_svg_1 = __importDefault(require("../../../icons/Checkmark.svg"));
+const Close2_svg_1 = __importDefault(require("../../../icons/Close2.svg"));
+const Remove_svg_1 = __importDefault(require("../../../icons/Remove.svg"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Button_1 = require("./Button");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.default = {
+    title: 'Components/Button',
+    component: Button_1.Button,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=12209-10095&mode=design&t=GOXwsDhzc9d9gKvN-4'
+        }
+    }
+};
+const Wrapper = styled_components_1.default.div `
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  flex-wrap: wrap;
+`;
+const Button = () => {
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const handleClick = () => {
+        setLoading(true);
+        setTimeout(() => {
+            setLoading(false);
+        }, 2000);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Button"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043A\u0430\u043A \u0442\u0440\u0438\u0433\u0433\u0435\u0440 \u0434\u043B\u044F \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0451\u043D\u043D\u043E\u0433\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F.\n      \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0434\u043D\u043E\u0437\u043D\u0430\u0447\u043D\u043E \u0441\u043E\u043E\u0431\u0449\u0430\u0435\u0442 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E, \u0447\u0442\u043E \u043F\u0440\u043E\u0438\u0437\u043E\u0439\u0434\u0451\u0442 \u043F\u043E\u0441\u043B\u0435 \u043D\u0430\u0436\u0430\u0442\u0438\u044F \u043D\u0430 \u043D\u0435\u0451." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0438\u0434\u044B \u043A\u043D\u043E\u043F\u043E\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0438 \u0438\u043C\u0435\u044E\u0442 10 \u0442\u0438\u043F\u043E\u0432: <b>Primary, Secondary, OutlineBrand, Success, Warning, Critical, System, Neutral</b>.\n      \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043F\u0440\u0438\u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F Primary." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "Primary \u043A\u043D\u043E\u043F\u043A\u0430" }),
+                react_1.default.createElement(Button_1.Button, { text: "Secondary \u043A\u043D\u043E\u043F\u043A\u0430", mode: "secondary" }),
+                react_1.default.createElement(Button_1.Button, { text: "OutlineBrand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "outlineBrand" }),
+                react_1.default.createElement(Button_1.Button, { text: "Success \u043A\u043D\u043E\u043F\u043A\u0430", mode: "success" }),
+                react_1.default.createElement(Button_1.Button, { text: "Warning \u043A\u043D\u043E\u043F\u043A\u0430", mode: "warning" }),
+                react_1.default.createElement(Button_1.Button, { text: "Critical \u043A\u043D\u043E\u043F\u043A\u0430", mode: "critical" }),
+                react_1.default.createElement(Button_1.Button, { text: "System \u043A\u043D\u043E\u043F\u043A\u0430", mode: "system" }),
+                react_1.default.createElement(Button_1.Button, { text: "Neutral \u043A\u043D\u043E\u043F\u043A\u0430", mode: "neutral" }),
+                react_1.default.createElement(Button_1.Button, { text: "Flat brand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "flatBrand" }),
+                react_1.default.createElement(Button_1.Button, { text: "Flat system \u043A\u043D\u043E\u043F\u043A\u0430", mode: "flatSystem" }))),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "Primary \u043A\u043D\u043E\u043F\u043A\u0430", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Secondary \u043A\u043D\u043E\u043F\u043A\u0430", mode: "secondary", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "OutlineBrand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "outlineBrand", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Success \u043A\u043D\u043E\u043F\u043A\u0430", mode: "success", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Warning \u043A\u043D\u043E\u043F\u043A\u0430", mode: "warning", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Critical \u043A\u043D\u043E\u043F\u043A\u0430", mode: "critical", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "System \u043A\u043D\u043E\u043F\u043A\u0430", mode: "system", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Neutral \u043A\u043D\u043E\u043F\u043A\u0430", mode: "neutral", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Flat brand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "flatBrand", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Flat system \u043A\u043D\u043E\u043F\u043A\u0430", mode: "flatSystem", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0438\u0434\u044B \u043A\u043B\u0443\u0431\u043D\u044B\u0445 \u043A\u043D\u043E\u043F\u043E\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0414\u043B\u044F \u043A\u043B\u0443\u0431\u0430 \u0438 \u043C\u0435\u0442\u043E\u0434\u0430 \u0435\u0441\u0442\u044C \u0441\u0432\u043E\u0438 \u043E\u0441\u043E\u0431\u0435\u043D\u043D\u044B\u0435 \u043A\u043D\u043E\u043F\u043A\u0438: <b>ClubPrimary, ClubSecondary, ClubFlatBrand</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "Club Primary \u043A\u043D\u043E\u043F\u043A\u0430", mode: "clubPrimary" }),
+                react_1.default.createElement(Button_1.Button, { text: "Club Secondary \u043A\u043D\u043E\u043F\u043A\u0430", mode: "clubSecondary" }),
+                react_1.default.createElement(Button_1.Button, { text: "Club flat Brand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "clubFlatBrand" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u043A\u043D\u043E\u043F\u043E\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0438 \u0438\u043C\u0435\u044E\u0442 \u0442\u0440\u0438 \u0440\u0430\u0437\u043C\u0435\u0440\u0430: <b>M, S, XS</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "\u0411\u043E\u043B\u044C\u0448\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430", size: "M" }),
+                react_1.default.createElement(Button_1.Button, { text: "\u0421\u0440\u0435\u0434\u043D\u044F\u044F \u043A\u043D\u043E\u043F\u043A\u0430", size: "S" }),
+                react_1.default.createElement(Button_1.Button, { text: "\u041C\u0430\u043B\u0435\u043D\u044C\u043A\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430", size: "XS" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043B\u043E\u0442\u044B \u0434\u043B\u044F \u043A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0430\u0446\u0438\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0438 \u043C\u043E\u0433\u0443\u0442 \u0441\u043E\u0434\u0435\u0440\u0436\u0430\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0438 \u0438\u043A\u043E\u043D\u043A\u0443. \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u0442\u0435\u043A\u0441\u0442 \u0438\u043B\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u0438\u043A\u043E\u043D\u043A\u0443.\n        \u0422\u0430\u043A \u0436\u0435 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0438\u043A\u043E\u043D\u043A\u0443 \u0441\u043F\u0440\u0430\u0432\u0430 \u0438\u043B\u0438 \u0438\u043A\u043E\u043D\u043A\u0443 \u0441\u043B\u0435\u0432\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 <b>iconLeft</b> \u0438 <b>iconRight</b>.\n        \u0415\u0441\u043B\u0438 \u0442\u0435\u043A\u0441\u0442\u0430 \u043D\u0435\u0442 \u2014 \u0431\u0443\u0434\u0435\u0442 \u043E\u0442\u0440\u0438\u0441\u043E\u0432\u0430\u043D\u0430 \u043A\u0432\u0430\u0434\u0440\u0430\u0442\u043D\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", mode: "critical", iconRight: react_1.default.createElement(Remove_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", mode: "critical", iconLeft: react_1.default.createElement(Close2_svg_1.default, null), iconRight: react_1.default.createElement(Remove_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0424\u043E\u0440\u043C\u0430 \u043A\u043D\u043E\u043F\u043E\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u0438 \u0438\u043C\u0435\u044E\u0442 \u0434\u0432\u0435 \u0444\u043E\u0440\u043C\u044B - <b>square</b> \u0438 <b>circle</b>. \u041F\u043E \u0434\u0435\u0444\u043E\u043B\u0442\u0443 \u0432\u043A\u043B\u044E\u0447\u0435\u043D\u0430 <b>square</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { iconLeft: react_1.default.createElement(Close2_svg_1.default, null), form: "circle" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041D\u0435\u0430\u043A\u0442\u0438\u0432\u043D\u044B\u0435 \u043A\u043D\u043E\u043F\u043A\u0438"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "Primary \u043A\u043D\u043E\u043F\u043A\u0430", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Secondary \u043A\u043D\u043E\u043F\u043A\u0430", mode: "secondary", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "OutlineBrand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "outlineBrand", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Success \u043A\u043D\u043E\u043F\u043A\u0430", mode: "success", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Warning \u043A\u043D\u043E\u043F\u043A\u0430", mode: "warning", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Critical \u043A\u043D\u043E\u043F\u043A\u0430", mode: "critical", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "System \u043A\u043D\u043E\u043F\u043A\u0430", mode: "system", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Neutral \u043A\u043D\u043E\u043F\u043A\u0430", mode: "neutral", disabled: true }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0428\u0438\u0440\u0438\u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043B\u0435\u0433\u043A\u043E \u043C\u0435\u043D\u044F\u0442\u044C \u0448\u0438\u0440\u0438\u043D\u0443 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>width</b>, \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E auto." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", style: { marginBottom: '16px' } }),
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", style: { marginBottom: '16px' }, width: '400px' }),
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", width: '100%' })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0427\u0435\u0440\u0435\u0437 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>textCustom</b> \u043C\u043E\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0435 html." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { textCustom: react_1.default.createElement("b", null,
+                    "\u041A\u0430\u0441\u0442\u043E\u043C\u043D\u044B\u0439 ",
+                    react_1.default.createElement("i", null, "\u0442\u0435\u043A\u0441\u0442")) })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u0442\u0438\u043B\u0438 \u043A\u043D\u043E\u043F\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C \u0447\u0435\u0440\u0435\u0437 <b>style</b> \u0432\u0430\u0448\u0438 \u0441\u0442\u0438\u043B\u0438 \u0434\u043B\u044F \u043A\u043D\u043E\u043F\u043A\u0438, \u0442\u0435\u043C \u0441\u0430\u043C\u044B\u043C \u043A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0438\u0440\u0443\u044F \u0435\u0435 \u043F\u043E\u0434 \u0432\u0430\u0448\u0438 \u043D\u0443\u0436\u0434\u044B." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", style: { background: 'green', fontSize: '12px' } })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0427\u0435\u0440\u0435\u0437 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>isFill</b> \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043E\u0442\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0435 fill \u0434\u043B\u044F \u0438\u043A\u043E\u043D\u043A\u0438." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", iconLeft: react_1.default.createElement(Checkmark_svg_1.default, null), isFill: false })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0421 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 <b>loading</b> \u043C\u043E\u0436\u043D\u043E \u043E\u0442\u043E\u0431\u0440\u0430\u0437\u0438\u0442\u044C \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { loading: loading, text: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435, 2000\u043C\u0441", onClick: handleClick }))));
+};
+exports.Button = Button;
+//# sourceMappingURL=Button.stories.js.map

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

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

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

@@ -0,0 +1,138 @@
+"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.Button = exports.IconLeft = exports.IconRight = exports.Loading = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Button_const_1 = require("./Button.const");
+const animation_2 = require("../../../constants/animation/animation");
+const getPadding = (mode, isSize, isText) => {
+    if (mode === 'flatBrand' || mode === 'flatSystem' || mode === 'clubFlatBrand')
+        return 0;
+    if (isSize === 'M') {
+        if (isText)
+            return 20;
+        return 12;
+    }
+    if (isSize === 'S') {
+        if (isText)
+            return 16;
+        return 8;
+    }
+    if (isText)
+        return 12;
+    return 4;
+};
+const Button = styled_components_1.default.button `
+  position: relative;
+  font-family: 'Manrope', sans-serif;
+  display: flex;
+  gap: 2px;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  cursor: pointer;
+  ${({ size, $form, mode }) => (0, Button_const_1.getSize)(mode, $form)[size]}
+  width: ${(props) => props.width || 'auto'};
+  color: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.color};
+  border: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.border || 'none'};
+  background: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.background};
+  padding-left: ${(props) => `${getPadding(props.mode, props.size, props.isText)}px`};
+  padding-right: ${(props) => `${getPadding(props.mode, props.size, props.isText)}px`};
+  transition: all 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & > span {
+    white-space: nowrap;
+  }
+  & path {
+    ${(props) => props.isFill
+    ? (0, styled_components_1.css) `
+            fill: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.color};
+          `
+    : (0, styled_components_1.css) ``}
+  }
+  &:hover {
+    background: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].hover.background};
+    border: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].hover.border || 'none'};
+    color: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].hover.color};
+    & path {
+      ${(props) => props.isFill
+    ? (0, styled_components_1.css) `
+              fill: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].hover.color};
+            `
+    : (0, styled_components_1.css) ``}
+    }
+  }
+  &:active {
+    background: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].active.background};
+    border: ${(props) => { var _a; return ((_a = (0, Button_const_1.getMode)(props.theme)[props.mode].active) === null || _a === void 0 ? void 0 : _a.border) || 'none'; }};
+    color: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].active.color};
+    & path {
+      ${(props) => props.isFill
+    ? (0, styled_components_1.css) `
+              fill: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].active.color};
+            `
+    : (0, styled_components_1.css) ``}
+    }
+  }
+  &:disabled {
+    pointer-events: none;
+    cursor: default;
+    opacity: 0.6;
+  }
+`;
+exports.Button = Button;
+const IconLeft = styled_components_1.default.span `
+  width: ${(props) => (props.size === 'XS' ? '18px' : '20px')};
+  height: ${(props) => (props.size === 'XS' ? '18px' : '20px')};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: ${(props) => (props.isText ? '2px' : 0)};
+`;
+exports.IconLeft = IconLeft;
+const IconRight = styled_components_1.default.span `
+  width: ${(props) => (props.size === 'XS' ? '18px' : '20px')};
+  height: ${(props) => (props.size === 'XS' ? '18px' : '20px')};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: ${(props) => (props.isText ? '2px' : 0)};
+`;
+exports.IconRight = IconRight;
+const Loading = styled_components_1.default.div `
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  width: calc(100% + 2px);
+  height: calc(100% + 2px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.background};
+  border: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.border};
+  border-radius: 7px;
+  cursor: default;
+`;
+exports.Loading = Loading;
+//# sourceMappingURL=Button.styled.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Button/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}

package/dist/components/uikit/ButtonPaging/ButtonPaging.js

@@ -0,0 +1,44 @@
+"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.ButtonPaging = void 0;
+const react_1 = __importDefault(require("react"));
+const ButtonPaging_svg_1 = __importDefault(require("../../../icons/ButtonPaging.svg"));
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../theme/theme.const");
+const Styled = __importStar(require("./ButtonPaging.styled"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const ButtonPaging = ({ direction = 'left', onClick, type = 'primary', disabled = false }) => {
+    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.Button, { disabled: disabled, onClick: onClick, className: "button-paging", mode: type },
+            react_1.default.createElement(Styled.IconWrapper, { direction: direction },
+                react_1.default.createElement(ButtonPaging_svg_1.default, null)))));
+};
+exports.ButtonPaging = ButtonPaging;
+//# sourceMappingURL=ButtonPaging.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPaging.js","sourceRoot":"","sources":["../../../../src/components/uikit/ButtonPaging/ButtonPaging.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,uFAAuD;AAEvD,yDAAiD;AACjD,4DAAoD;AACpD,8DAA+C;AAC/C,gEAAsD;AAGtD,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,GAAG,MAAM,EAClB,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,KAAK,EACF,EAAE,EAAE;IAClB,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,MAAM,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,eAAe,EACzB,IAAI,EAAE,IAAI;YAEV,8BAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAE,SAAS;gBACtC,8BAAC,0BAAS,OAAG,CACM,CACP,CACF,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}

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

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonPaging = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const ButtonPaging_1 = require("./ButtonPaging");
+exports.default = {
+    title: 'Components/ButtonPaging',
+    component: ButtonPaging_1.ButtonPaging,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?node-id=15270-935&m=dev'
+        }
+    }
+};
+const ButtonPaging = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "ButtonPaging"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043B\u044F \u043F\u0430\u0433\u0438\u043D\u0430\u0446\u0438\u0439. \u0418\u0441\u043F\u043E\u043B\u0437\u0443\u0435\u0442\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0432 \u0441\u043F\u0438\u0441\u043A\u0430\u0445, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0441\u043A\u0440\u043E\u043B\u044F\u0442\u0441\u044F \u0432\u043B\u0435\u0432\u043E/\u0432\u043F\u0440\u0430\u0432\u043E. \u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u0441\u0432\u0430\u0439\u043F\u0435\u0440\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ButtonPaging_1.ButtonPaging, null)),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0438\u0434\u044B \u043A\u043D\u043E\u043F\u043E\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0430 \u043C\u043E\u0436\u0435\u0442 \u0438\u043C\u0435\u0442\u044C \u0434\u0432\u0430 \u0432\u0438\u0434\u0430: <b>primary</b> \u0438 <b>content</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u0431\u0440\u0430\u043D <b>primary</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '12px' } },
+                react_1.default.createElement(ButtonPaging_1.ButtonPaging, { onClick: () => alert('click') }),
+                react_1.default.createElement(ButtonPaging_1.ButtonPaging, { onClick: () => alert('click'), type: "content" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043B\u043E\u0442\u044B \u0434\u043B\u044F \u043A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0430\u0446\u0438\u0438"),
+        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 \u0438\u043A\u043E\u043D\u043A\u0443 \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u0432\u043F\u0440\u0430\u0432\u043E \u0438\u043B\u0438 \u0432\u043B\u0435\u0432\u043E \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 direction.\n        \u0415\u0441\u043B\u0438 \u0412\u044B \u043D\u0435 \u043D\u0430\u043F\u0438\u0448\u0438\u0442\u0435 \u043D\u0438 \u043E\u0434\u0438\u043D \u0438\u0437 \u044D\u0442\u0438\u0445 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u043E\u0440\u0432 \u2014 \u0431\u0443\u0434\u0435\u0442 \u043E\u0442\u0440\u0438\u0441\u043E\u0432\u0430\u043D\u0430 \u0438\u043A\u043E\u043D\u043A\u0430 \u0432\u043B\u0435\u0432\u043E." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '16px'
+                } },
+                react_1.default.createElement(ButtonPaging_1.ButtonPaging, null),
+                react_1.default.createElement(ButtonPaging_1.ButtonPaging, { direction: "left" }),
+                react_1.default.createElement(ButtonPaging_1.ButtonPaging, { direction: "right" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u0438\u0437\u0435\u0439\u0431\u043B"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ButtonPaging_1.ButtonPaging, { disabled: true }))));
+};
+exports.ButtonPaging = ButtonPaging;
+//# sourceMappingURL=ButtonPaging.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPaging.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/ButtonPaging/ButtonPaging.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,iDAA0D;AAE1D,kBAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,2BAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,wFAAwF;SAC9F;KACF;CACF,CAAA;AAEM,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,mBAA2B;QAClD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,ykBAAmH,GAAG;QAC7I,8BAAC,2BAAY;YACX,8BAAC,2BAAS,OAAG,CACA;QACf,8BAAC,uBAAU,wEAAyB;QACpC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,gTAAmG,GAAG;QAC7H,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,2BAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAI;gBAC5C,8BAAC,2BAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,CACO;QACf,8BAAC,uBAAU,qIAAoC;QAC/C,8BAAC,mCAAgB,IACf,IAAI,EAAC,qzBAC2E,GAChF;QACF,8BAAC,2BAAY;YACX,uCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM;iBACZ;gBAED,8BAAC,2BAAS,OAAG;gBACb,8BAAC,2BAAS,IAAC,SAAS,EAAC,MAAM,GAAG;gBAC9B,8BAAC,2BAAS,IAAC,SAAS,EAAC,OAAO,GAAG,CAC3B,CACO;QACf,8BAAC,uBAAU,qDAAqB;QAChC,8BAAC,2BAAY;YACX,8BAAC,2BAAS,IAAC,QAAQ,EAAE,IAAI,GAAI,CAChB,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,YAAY,gBAwCxB"}

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

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconWrapper = exports.Button = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+exports.Button = styled_components_1.default.button `
+  border-radius: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  min-width: 48px;
+  width: 48px;
+  min-height: 32px;
+  height: 32px;
+  border: none;
+  background: ${(props) => props.mode === 'primary'
+    ? props.theme.interactiveButtons.outlineBrandBackground
+    : props.theme.interactiveControls.accent};
+
+  box-shadow: ${(props) => props.mode === 'primary' ? props.theme.shadow.basicDefault : 'none'};
+  transition: all 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & svg path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+  &:hover {
+    background: ${(props) => props.mode === 'primary'
+    ? props.theme.interactiveControls.accent
+    : props.theme.background.secondaryAlpha};
+  }
+  &:active {
+    background: ${(props) => props.mode === 'primary'
+    ? props.theme.interactiveControls.supportive
+    : props.theme.interactiveButtons.systemBackgroundHover};
+  }
+  &:disabled {
+    pointer-events: none;
+    opacity: 0.6;
+    cursor: default;
+  }
+`;
+exports.IconWrapper = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+    & svg {
+        transform: ${(props) => props.direction === 'right' ? 'rotate(180deg)' : 'none'};
+`;
+//# sourceMappingURL=ButtonPaging.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPaging.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/ButtonPaging/ButtonPaging.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,sEAA2E;AAG9D,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAEjC;;;;;;;;;;;gBAWc,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,IAAI,KAAK,SAAS;IACtB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,sBAAsB;IACvD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM;;gBAE9B,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;yBAC9C,8BAAkB,CAAC,WAAW;;YAE3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;kBAG9B,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,IAAI,KAAK,SAAS;IACtB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM;IACxC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc;;;kBAG7B,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,IAAI,KAAK,SAAS;IACtB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,UAAU;IAC5C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,qBAAqB;;;;;;;CAO7D,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAEnC;;;;;qBAKmB,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM;CAChE,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/ButtonPaging/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,4GAAA,YAAY,OAAA"}

package/dist/components/uikit/Card/Card.js

@@ -0,0 +1,57 @@
+"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.Card = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = require("styled-components");
+const Styled = __importStar(require("./Card.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const TextWithPopup_1 = require("../TextWithPopup/TextWithPopup");
+const Popup_1 = require("../Popup");
+const Card = (0, react_1.forwardRef)((props, ref) => {
+    const { children, title, headerCustom, subtitle, titleLink, className, classNameTitle, classNameHeader, isHover = false, hint = null, width = '100%', padding = '16px', margin = '0px 0px 16px 0px', rightContent, adaptiveRightContent } = props;
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const handleClickLink = () => {
+        window.open(titleLink, '_blank');
+    };
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, { margin: margin, padding: padding, width: width, isHover: isHover, className: (0, classnames_1.default)(className, 'card-container'), ref: ref },
+            headerCustom ? (headerCustom) : (react_1.default.createElement(react_1.default.Fragment, null, title && (react_1.default.createElement(Styled.Header, { isMarginBottom: !!children, className: (0, classnames_1.default)(classNameHeader, 'card-header') },
+                react_1.default.createElement(Styled.FirstLine, { adaptiveRightContent: adaptiveRightContent },
+                    react_1.default.createElement(Styled.TitleContainer, { adaptiveRightContent: adaptiveRightContent }, titleLink ? (react_1.default.createElement(Styled.TitleLinkContainer, null,
+                        react_1.default.createElement(Styled.TitleLink, { onClick: handleClickLink, className: (0, classnames_1.default)(classNameTitle, 'card-title') }, title),
+                        hint && (react_1.default.createElement(Styled.HintContainer, { isText: hint.isText },
+                            react_1.default.createElement(Popup_1.Popup, Object.assign({}, hint)))))) : (react_1.default.createElement(Styled.Title, { className: (0, classnames_1.default)(classNameTitle, 'card-title') }, hint ? (react_1.default.createElement(TextWithPopup_1.TextWithPopup, { text: title, hint: hint })) : (title)))),
+                    rightContent || null),
+                subtitle && react_1.default.createElement(Styled.Subtitle, null, subtitle))))),
+            children)));
+});
+exports.Card = Card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/uikit/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,yDAAiD;AAIjD,sDAAuC;AACvC,4DAAmC;AACnC,gEAAsD;AACtD,4DAAoD;AACpD,kEAA8D;AAC9D,oCAAgC;AAEhC,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,MAAM,EAChB,MAAM,GAAG,kBAAkB,EAC3B,YAAY,EACZ,oBAAoB,EACrB,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS,IACf,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,gBAAgB,CAAC,EAClD,GAAG,EAAE,GAAG;YAEP,YAAY,CAAC,CAAC,CAAC,CACd,YAAY,CACb,CAAC,CAAC,CAAC,CACF,8DACG,KAAK,IAAI,CACR,8BAAC,MAAM,CAAC,MAAM,IACZ,cAAc,EAAE,CAAC,CAAC,QAAQ,EAC1B,SAAS,EAAE,IAAA,oBAAU,EAAC,eAAe,EAAE,aAAa,CAAC;gBAErD,8BAAC,MAAM,CAAC,SAAS,IAAC,oBAAoB,EAAE,oBAAoB;oBAC1D,8BAAC,MAAM,CAAC,cAAc,IACpB,oBAAoB,EAAE,oBAAoB,IAEzC,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,MAAM,CAAC,kBAAkB;wBACxB,8BAAC,MAAM,CAAC,SAAS,IACf,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,YAAY,CAAC,IAElD,KAAK,CACW;wBAClB,IAAI,IAAI,CACP,8BAAC,MAAM,CAAC,aAAa,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM;4BACvC,8BAAC,aAAK,oBAAK,IAAI,EAAI,CACE,CACxB,CACyB,CAC7B,CAAC,CAAC,CAAC,CACF,8BAAC,MAAM,CAAC,KAAK,IACX,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,YAAY,CAAC,IAElD,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,6BAAa,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CACY,CAChB,CACqB;oBACvB,YAAY,IAAI,IAAI,CACJ;gBAClB,QAAQ,IAAI,8BAAC,MAAM,CAAC,QAAQ,QAAE,QAAQ,CAAmB,CAC5C,CACjB,CACA,CACJ;YACA,QAAQ,CACQ,CACL,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEO,oBAAI"}