profinansy-ui-lib 3.1.83 → 3.1.85

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

@@ -0,0 +1,197 @@
+"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.CloseButton = exports.BottomContent = exports.Content = exports.Title = exports.BackButton = exports.LeftWrapper = exports.Header = exports.Sidebar = exports.Layout = exports.Wrapper = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Scroll_1 = require("../Scroll/Scroll");
+const common_1 = require("../../../constants/common");
+const animation_3 = require("../../../constants/animation/animation");
+const contentAnimation = (open) => (0, styled_components_1.keyframes) `
+  from {
+    translate: ${open ? '100% 0' : '0 0'};
+  }
+  to {
+    translate: ${open ? '0 0' : '100% 0'};
+  }
+`;
+const contentAnimationMobile = (open) => (0, styled_components_1.keyframes) `
+  from {
+    translate: ${open ? '0 100%' : '0 0'};
+  }
+  to {
+    translate: ${open ? '0 0' : '0 100%'};
+  }
+`;
+exports.Wrapper = styled_components_1.default.div `
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100%;
+  z-index: 100000;
+  opacity: 0;
+  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
+  ${(props) => props.isOpen &&
+    (0, styled_components_1.css) `
+      opacity: 1;
+      pointer-events: auto;
+    `}
+`;
+exports.Layout = styled_components_1.default.div `
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: ${(props) => props.theme.other.gray};
+`;
+exports.Sidebar = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  right: 0;
+  top: ${(props) => `${props.headerHeight}px`};
+  height: ${(props) => `calc(100vh - ${props.headerHeight}px)`};
+  background: ${(props) => props.theme.background.primary};
+  width: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.desktop) || '840px'; }};
+  max-width: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.desktop) || '840px'; }};
+  z-index: 100;
+  padding: 24px 16px 24px 24px;
+  box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.2);
+  animation: ${(props) => (0, styled_components_1.css) `
+      ${contentAnimation(props.isOpen)} 0.3s ${animation_3.AnimationFunctions.animation_2} forwards
+    `};
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    width: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.tablet) || '550px'; }};
+    max-width: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.tablet) || '550px'; }};
+  }
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    padding: 16px 8px 16px 16px;
+    max-width: 100%;
+    width: 100%;
+    top: auto;
+    left: 0;
+    bottom: 0;
+    max-height: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.mobile) || '85vh'; }};
+    animation: ${(props) => (0, styled_components_1.css) `
+        ${contentAnimationMobile(props.isOpen)} 0.3s ${animation_3.AnimationFunctions.animation_2} forwards
+      `};
+  }
+`;
+exports.Header = styled_components_1.default.div `
+  flex-shrink: 0;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 2;
+  margin-bottom: 20px;
+`;
+exports.LeftWrapper = styled_components_1.default.div `
+  width: 100%;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 12px;
+`;
+exports.BackButton = styled_components_1.default.button `
+  background: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  padding: 0;
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
+  min-height: 24px;
+  margin-right: 6px;
+  cursor: pointer;
+  transition: ${() => `opacity 0.3s ${animation_3.AnimationFunctions.animation_1}`};
+  & svg {
+    transform: scale(1.3);
+  }
+  &:hover {
+    opacity: 0.6;
+  }
+`;
+exports.Title = styled_components_1.default.span `
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 24px;
+  color: ${(props) => props.theme.text.primary};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+exports.Content = styled_components_1.default.div `
+  height: ${(props) => `calc(100% - ${props.bottomHeight}px - 48px)`};
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 8px;
+  ${Scroll_1.Scroll}
+`;
+exports.BottomContent = styled_components_1.default.div `
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  border-top: 0.5px solid ${(props) => props.theme.stroke.tertiary};
+  background: ${(props) => props.theme.background.bottomActions};
+  padding: 16px 24px;
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    padding: 16px;
+  }
+`;
+exports.CloseButton = styled_components_1.default.button `
+  display: flex;
+  padding: 0;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  position: absolute;
+  z-index: 10;
+  top: 16px;
+  left: -48px;
+  width: 48px;
+  min-width: 48px;
+  height: 48px;
+  min-height: 48px;
+  transition: ${() => `all 0.3s ${animation_3.AnimationFunctions.animation_1}`};
+  &:hover {
+    opacity: 0.8;
+    transform: scale(0.85);
+  }
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    right: 0;
+    left: auto;
+    top: -48px;
+  }
+`;
+//# sourceMappingURL=SideModal.styled.js.map

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

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

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

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

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

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

package/dist/components/uikit/SideModal/components/ModalInside/ModalInside.js

@@ -0,0 +1,38 @@
+"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.ModalInside = void 0;
+const react_1 = __importStar(require("react"));
+const Modal_1 = require("../../../Modal");
+const ModalInside = ({ data, containerId }) => {
+    const props = (0, react_1.useMemo)(() => {
+        const copyData = Object.assign({}, data);
+        delete copyData['children'];
+        return copyData;
+    }, [data]);
+    return (react_1.default.createElement(Modal_1.Modal, Object.assign({}, props, { styleContent: { maxHeight: 'calc(100vh - 185px)' }, styleContentInside: { maxHeight: 'calc(100vh - 235px)' }, containerId: containerId }), data.children));
+};
+exports.ModalInside = ModalInside;
+//# sourceMappingURL=ModalInside.js.map

package/dist/components/uikit/SideModal/components/ModalInside/ModalInside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalInside.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/SideModal/components/ModalInside/ModalInside.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,0CAAsC;AAQtC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAU,EAAE,EAAE;IACpD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,MAAM,QAAQ,qBACT,IAAI,CACR,CAAA;QACD,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAA;QAC3B,OAAO,QAAQ,CAAA;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,8BAAC,aAAK,oBACA,KAAK,IACT,YAAY,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,EAClD,kBAAkB,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,EACxD,WAAW,EAAE,WAAW,KAEvB,IAAI,CAAC,QAAQ,CACR,CACT,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW"}

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

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

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

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

package/dist/components/uikit/Skeleton/Skeleton.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.Skeleton = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Skeleton.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Skeleton = ({ height, maxWidth, bottom = 16, right = 0, radius = 12, className }) => {
+    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.Skeleton, { height: height, bottom: bottom, right: right, maxWidth: maxWidth, radius: radius, className: (0, classnames_1.default)(className, 'skeleton') })));
+};
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/uikit/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,0DAA2C;AAG3C,4DAAmC;AACnC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,QAAQ,GAAG,CAAC,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,EAAE,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,QAAQ,IACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,UAAU,CAAC,GAC5C,CACY,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}

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

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = 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 Skeleton_1 = require("./Skeleton");
+exports.default = {
+    title: 'Components',
+    component: Skeleton_1.Skeleton
+};
+const Skeleton = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u043F\u043E\u043A\u0430\u0437\u0430 \u044D\u0442\u0430\u043F\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E" }),
+        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: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0432\u044B\u0441\u043E\u0442\u043E\u0439 \u0438 \u0448\u0438\u0440\u0438\u043D\u043E\u0439 \u0431\u043B\u043E\u043A\u0430. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0448\u0438\u0440\u0438\u043D\u0430 \u0440\u0430\u0432\u043D\u0430 100% \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Skeleton_1.Skeleton, { height: 50 }),
+            react_1.default.createElement(Skeleton_1.Skeleton, { height: 30, maxWidth: 300 }),
+            react_1.default.createElement(Skeleton_1.Skeleton, { height: 20, maxWidth: 500 })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u043C\u0435\u043D\u044F\u0442\u044C \u0440\u0430\u0434\u0438\u0443\u0441 \u0437\u0430\u043A\u0440\u0443\u0433\u043B\u0435\u043D\u0438\u044F." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Skeleton_1.Skeleton, { height: 40, maxWidth: 300, radius: 10 }),
+            react_1.default.createElement(Skeleton_1.Skeleton, { height: 40, maxWidth: 300, radius: 50 })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u0435\u0442\u0435 \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u043E\u0442\u0441\u0442\u0443\u043F\u0430\u043C\u0438 \u0441\u043D\u0438\u0437\u0443 \u0438 \u0441\u043F\u0440\u0430\u0432\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex' } },
+                react_1.default.createElement(Skeleton_1.Skeleton, { height: 30, maxWidth: 200, right: 16 }),
+                react_1.default.createElement(Skeleton_1.Skeleton, { height: 30, maxWidth: 200 })),
+            react_1.default.createElement(Skeleton_1.Skeleton, { height: 30, maxWidth: 300, bottom: 30 }),
+            react_1.default.createElement(Skeleton_1.Skeleton, { height: 30, maxWidth: 300, bottom: 0 }))));
+};
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=Skeleton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,yCAAkD;AAElD,kBAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,mBAAS;CACrB,CAAA;AAEM,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,CACL;QACE,8BAAC,uBAAU,wHAAiC;QAC5C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,kVAA+D,GAAG;QACzF,8BAAC,uBAAU,oIAAmC;QAC9C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,kbAAyF,GAAG;QACnH,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,MAAM,EAAE,EAAE,GAAI;YACzB,8BAAC,mBAAS,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAI;YACxC,8BAAC,mBAAS,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAI,CAC3B;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,6PAAgD,GAAG;QAC1E,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAI;YACpD,8BAAC,mBAAS,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAI,CACvC;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,gOAA4C,GAAG;QACtE,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;gBAC7B,8BAAC,mBAAS,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAI;gBACnD,8BAAC,mBAAS,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAI,CACpC;YACN,8BAAC,mBAAS,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAI;YACpD,8BAAC,mBAAS,IAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,GAAI,CACtC,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,QAAQ,YA4BpB"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Skeleton = styled_components_1.default.div `
+  width: 100%;
+  max-width: ${(props) => (props.maxWidth ? `${props.maxWidth}px` : '100%')};
+  height: ${(props) => `${props.height}px`};
+  margin-bottom: ${(props) => `${props.bottom}px`};
+  margin-right: ${(props) => `${props.right}px`};
+  border-radius: ${(props) => `${props.radius}px`};
+  background: ${(props) => props.theme.background.secondaryAlpha};
+`;
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=Skeleton.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Skeleton/Skeleton.styled.ts"],"names":[],"mappings":";;;;;;AACA,0EAAsC;AAEtC,MAAM,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAW;;eAEvB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;YAC/D,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI;mBACvB,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI;kBAC/B,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI;mBAC5B,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI;gBACjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc;CAC/D,CAAA;AAEQ,4BAAQ"}

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

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

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

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

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

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

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

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

package/dist/components/uikit/SortingButton/SortingButton.js

@@ -0,0 +1,46 @@
+"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.SortingButton = void 0;
+const react_1 = __importDefault(require("react"));
+const Typography_1 = require("../Typography");
+const Sorting_svg_1 = __importDefault(require("../../../icons/Sorting.svg"));
+const Styled = __importStar(require("./SortingButton.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const SortingButton = ({ isStroke, text, isIconRight, onClick, isASC }) => {
+    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, { isStroke: isStroke, onClick: onClick, isASC: isASC },
+            !isIconRight && react_1.default.createElement(Sorting_svg_1.default, null),
+            !!text && (react_1.default.createElement(Typography_1.Typography, { variant: "description-Medium", tag: "span" }, text)),
+            isIconRight && react_1.default.createElement(Sorting_svg_1.default, null))));
+};
+exports.SortingButton = SortingButton;
+//# sourceMappingURL=SortingButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortingButton.js","sourceRoot":"","sources":["../../../../src/components/uikit/SortingButton/SortingButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,8CAA0C;AAC1C,6EAAoD;AACpD,+DAAgD;AAChD,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,OAAO,EACP,KAAK,EACS,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,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK;YAC9D,CAAC,WAAW,IAAI,8BAAC,qBAAW,OAAG;YAC/B,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,uBAAU,IAAC,OAAO,EAAC,oBAAoB,EAAC,GAAG,EAAC,MAAM,IAChD,IAAI,CACM,CACd;YACA,WAAW,IAAI,8BAAC,qBAAW,OAAG,CACjB,CACF,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}

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

@@ -0,0 +1,68 @@
+"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.SortingButton = void 0;
+const react_1 = __importStar(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const SortingButton_1 = require("./SortingButton");
+exports.default = {
+    title: 'Components/SortingButton',
+    component: SortingButton_1.SortingButton,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=5261-93405&mode=dev'
+        }
+    }
+};
+const SortingButton = () => {
+    const [sorting, setSorting] = (0, react_1.useState)('DESC');
+    const handleClick = () => {
+        setSorting(sorting === 'DESC' ? 'ASC' : 'DESC');
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "SortingButton"),
+        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 \u0441\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0438 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(SortingButton_1.SortingButton, { text: "Sorting", onClick: handleClick, isASC: sorting === 'ASC' })),
+        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>default</b> \u0438 <b>stroke</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u0431\u0440\u0430\u043D <b>default</b>. \u0414\u043B\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F\n      <b>stroke</b> \u043F\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u0435\u043C\u0443 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>isStroke</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '12px' } },
+                react_1.default.createElement(SortingButton_1.SortingButton, { text: "Sorting", onClick: handleClick, isASC: sorting === 'ASC' }),
+                react_1.default.createElement(SortingButton_1.SortingButton, { text: "Sorting", isStroke: true, onClick: handleClick, isASC: sorting === 'ASC' }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041D\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0440\u0430\u0441\u043F\u043E\u043B\u0430\u0433\u0430\u0442\u044C \u043A\u043D\u043E\u043F\u043A\u0443 \u0441\u043F\u0440\u0430\u0432\u0430, \u0441\u043B\u0435\u0432\u0430 \u0438\u043B\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u0438\u043A\u043E\u043D\u043A\u0443 \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '12px' } },
+                react_1.default.createElement(SortingButton_1.SortingButton, { text: "Sorting", onClick: handleClick, isASC: sorting === 'ASC' }),
+                react_1.default.createElement(SortingButton_1.SortingButton, { text: "Sorting", isIconRight: true, onClick: handleClick, isASC: sorting === 'ASC' }),
+                react_1.default.createElement(SortingButton_1.SortingButton, { onClick: handleClick, isASC: sorting === 'ASC' })))));
+};
+exports.SortingButton = SortingButton;
+//# sourceMappingURL=SortingButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortingButton.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/SortingButton/SortingButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AAEvC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,mDAA4D;AAE5D,kBAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,6BAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,sGAAsG;SAC5G;KACF;CACF,CAAA;AAEM,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAA;IAE9C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACjD,CAAC,CAAA;IAED,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,oBAA4B;QACnD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,mQAAiD,GAAG;QAC3E,8BAAC,2BAAY;YACX,8BAAC,6BAAS,IACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,OAAO,KAAK,KAAK,GACxB,CACW;QACf,8BAAC,uBAAU,wEAAyB;QACpC,8BAAC,mCAAgB,IACf,IAAI,EAAC,kjBAC+C,GACpD;QACF,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,6BAAS,IACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,OAAO,KAAK,KAAK,GACxB;gBACF,8BAAC,6BAAS,IACR,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,OAAO,KAAK,KAAK,GACxB,CACE,CACO;QACf,8BAAC,uBAAU,uEAAwB;QACnC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,sXAA0E,GAAG;QACpG,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;gBAC1C,8BAAC,6BAAS,IACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,OAAO,KAAK,KAAK,GACxB;gBACF,8BAAC,6BAAS,IACR,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,OAAO,KAAK,KAAK,GACxB;gBACF,8BAAC,6BAAS,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,KAAK,GAAI,CACzD,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,aAAa,iBA0DzB"}

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

@@ -0,0 +1,38 @@
+"use strict";
+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 styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+exports.Button = styled_components_1.default.button `
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 4px 8px;
+  height: 32px;
+  gap: 6px;
+  background: ${(props) => props.isStroke ? 'transparent' : props.theme.background.field};
+  border-radius: 8px;
+  border: ${(props) => props.isStroke ? `0.5px solid ${props.theme.stroke.primary}` : 'none'};
+  cursor: pointer;
+  transition: background-color 0.3s ${animation_2.AnimationFunctions.animation_1},
+    border 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & > span {
+    color: ${(props) => props.theme.text.primary};
+    white-space: nowrap;
+  }
+  & svg {
+    transform: ${(props) => (props.isASC ? 'rotate(180deg)' : 'rotate(0deg)')};
+  }
+  & path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+  &:hover {
+    background: ${(props) => props.isStroke ? 'transparent' : props.theme.background.secondaryAlpha};
+    border: ${(props) => props.isStroke ? `0.5px solid ${props.theme.stroke.contrast}` : 'none'};
+  }
+`;
+//# sourceMappingURL=SortingButton.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortingButton.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/SortingButton/SortingButton.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,sEAA2E;AAE9D,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAGjC;;;;;;;;gBAQc,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;YAErD,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM;;sCAEnC,8BAAkB,CAAC,WAAW;kBAClD,8BAAkB,CAAC,WAAW;;aAEnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;iBAI/B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC;;;YAGjE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;kBAG9B,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc;cAC9D,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM;;CAE3E,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/SortingButton/index.ts"],"names":[],"mappings":";;;AAAA,iDAA+C;AAAtC,8GAAA,aAAa,OAAA"}