profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/uikit/Bubbles/components/Content/Content.js

@@ -0,0 +1,103 @@
+"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 = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("../../Bubbles.styled"));
+const Typography_1 = require("../../../Typography");
+const common_1 = require("../../../../../constants/common");
+const Content = (0, react_1.forwardRef)(({ mobileIndent = 16, options, selectedValue, onChange, mode = 'base', style, isDataCountTop = false, scroll = 'base', multi = false, tabClass, doubleClickAllowed }, ref) => {
+    const isGetActive = (item) => {
+        return multi
+            ? selectedValue.includes(item.value)
+            : selectedValue === item.value;
+    };
+    const optionsFiltered = (0, react_1.useMemo)(() => options.filter((option) => !option.hidden), [options]);
+    const mouseEnterTimeouts = (0, react_1.useRef)({});
+    const onClick = (value, evt, index) => {
+        if (multi) {
+            const isSelected = selectedValue.includes(value);
+            const newValue = !isSelected
+                ? [...selectedValue, value]
+                : selectedValue.filter((val) => val !== value);
+            onChange(newValue, evt);
+        }
+        else {
+            if (value !== selectedValue || doubleClickAllowed) {
+                onChange(value, evt);
+            }
+        }
+        if (scroll !== 'none') {
+            scrollToTab(index);
+        }
+    };
+    const scrollToTab = (index) => {
+        if (ref.current && ref.current.children[index]) {
+            if (window.innerWidth > common_1.TABLET_WIDTH) {
+                const selectedTab = ref.current.children[index];
+                const containerRect = ref.current.getBoundingClientRect();
+                const tabRect = selectedTab.getBoundingClientRect();
+                const offsetRight = tabRect.right - containerRect.right;
+                const offsetLeft = tabRect.left - containerRect.left;
+                if (offsetRight > -48) {
+                    ref.current.scrollTo({
+                        left: ref.current.scrollLeft + offsetRight + 60,
+                        behavior: 'smooth'
+                    });
+                }
+                else if (offsetLeft < 48) {
+                    ref.current.scrollTo({
+                        left: ref.current.scrollLeft + offsetLeft - 60,
+                        behavior: 'smooth'
+                    });
+                }
+            }
+            else {
+                const tabElement = ref.current.children[index];
+                tabElement.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+            }
+        }
+    };
+    return (react_1.default.createElement(Styled.Container, { mode: mode, style: style, ref: ref, scroll: scroll, mobileIndent: mobileIndent }, optionsFiltered.map((item, index) => (react_1.default.createElement(Styled.Button, { className: tabClass, mode: mode, key: index, isIconLeft: !!item.iconLeft, isIconRight: !!item.iconRight, onClick: (evt) => onClick(item.value, evt, index), isActive: isGetActive(item), onMouseLeave: () => {
+            if (mouseEnterTimeouts.current[index]) {
+                clearTimeout(mouseEnterTimeouts.current[index]);
+                mouseEnterTimeouts.current[index] = null;
+            }
+        }, onMouseEnter: () => {
+            if (item.onMouseEnter) {
+                mouseEnterTimeouts.current[index] = setTimeout(item.onMouseEnter, 140);
+            }
+        } },
+        item.iconLeft ? (react_1.default.createElement(Styled.IconLeft, null, item.iconLeft)) : null,
+        react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: "description-Medium" }, item.label),
+        item.iconRight ? (react_1.default.createElement(Styled.IconRight, null, item.iconRight)) : null,
+        item.isNewSection && (react_1.default.createElement(Styled.NewLabel, { variant: "tag-Medium11", colorName: "contrastThemed" }, "\u041D\u043E\u0432\u043E\u0435")),
+        item.dataCount !== undefined && (react_1.default.createElement(react_1.default.Fragment, null, isDataCountTop ? (react_1.default.createElement(Styled.Counts, null, item.dataCount)) : (react_1.default.createElement(Styled.Tags, { isActive: isGetActive(item), mode: mode },
+            react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: 'tag-Medium9' },
+                ' ',
+                item.dataCount))))))))));
+});
+exports.Content = Content;
+//# sourceMappingURL=Content.js.map

package/dist/components/uikit/Bubbles/components/Content/Content.js.map

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

package/dist/components/uikit/Bubbles/components/WithScroll/WithScroll.js

@@ -0,0 +1,96 @@
+"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.WithScroll = void 0;
+const react_1 = __importStar(require("react"));
+const theme_const_1 = require("../../../../../theme/theme.const");
+const Styled = __importStar(require("../../Bubbles.styled"));
+const DragScroll_1 = require("../../../DragScroll");
+const Content_1 = require("../Content/Content");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../../../theme/ThemeProvider");
+const eventBus_1 = __importDefault(require("../../../../../utils/eventBus"));
+const events_1 = require("../../../../../utils/eventBus/events");
+const debounce_1 = require("../../../../../utils/debounce");
+const WithScroll = (props) => {
+    const { scroll = 'base' } = props;
+    const containerRef = (0, react_1.useRef)(null);
+    const [showScrollButtonLeft, setShowScrollButtonLeft] = (0, react_1.useState)(false);
+    const [showScrollButtonRight, setShowScrollButtonRight] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let timerId;
+        const handleScroll = () => {
+            if (containerRef.current) {
+                const { scrollLeft, scrollWidth, clientWidth } = containerRef.current;
+                setShowScrollButtonLeft(scrollLeft > 0);
+                setShowScrollButtonRight(scrollLeft + 2 + clientWidth < scrollWidth);
+            }
+        };
+        // На всякий случаем даем отработать какой-нибудь анимации, чтобы зафиксировалась внешняя ширина контейнера
+        const getHandleScrollFromTimer = () => {
+            timerId = setTimeout(() => {
+                handleScroll();
+            }, 400);
+        };
+        getHandleScrollFromTimer();
+        const removeListener = eventBus_1.default.subscribe(events_1.BusEvent.SideMenuOpen, getHandleScrollFromTimer);
+        if (containerRef.current) {
+            containerRef.current.addEventListener('scroll', handleScroll);
+            window.addEventListener('resize', (0, debounce_1.debounce)(handleScroll, 200));
+        }
+        return () => {
+            clearTimeout(timerId);
+            removeListener();
+            if (containerRef.current) {
+                containerRef.current.removeEventListener('scroll', handleScroll);
+                window.removeEventListener('resize', handleScroll);
+            }
+        };
+    }, []);
+    const handleScroll = (isLeft) => {
+        if (containerRef.current) {
+            containerRef.current.scrollTo({
+                left: containerRef.current.scrollLeft + (isLeft ? -400 : 400),
+                behavior: 'smooth'
+            });
+        }
+    };
+    const { mode: theme } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[theme] },
+        react_1.default.createElement(Styled.Wrapper, null,
+            showScrollButtonLeft && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Styled.Mute, { isLeft: true, scroll: scroll }),
+                react_1.default.createElement(Styled.LeftButton, { onClick: () => handleScroll(true), direction: "left" }))),
+            react_1.default.createElement(DragScroll_1.DragScroll, null,
+                react_1.default.createElement(Content_1.Content, Object.assign({ ref: containerRef }, props))),
+            showScrollButtonRight && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Styled.Mute, { scroll: scroll }),
+                react_1.default.createElement(Styled.RightButton, { onClick: () => handleScroll(false) }))))));
+};
+exports.WithScroll = WithScroll;
+//# sourceMappingURL=WithScroll.js.map

package/dist/components/uikit/Bubbles/components/WithScroll/WithScroll.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Bubbles/index.ts"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA"}

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

@@ -0,0 +1,257 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMode = exports.getSize = void 0;
+const getSize = (mode, form) => {
+    if (mode === 'flatSystem' || mode === 'flatBrand') {
+        return {
+            height: 'auto',
+            maxHeight: 'auto',
+            borderRadius: '0px'
+        };
+    }
+    return {
+        M: {
+            height: '44px',
+            maxHeight: '44px',
+            borderRadius: form === 'square' ? '10px' : '56px'
+        },
+        S: {
+            height: '36px',
+            maxHeight: '36px',
+            borderRadius: form === 'square' ? '8px' : '56px'
+        },
+        XS: {
+            height: '26px',
+            maxHeight: '26px',
+            borderRadius: form === 'square' ? '6px' : '56px'
+        }
+    };
+};
+exports.getSize = getSize;
+const getMode = (theme) => {
+    return {
+        primary: {
+            default: {
+                color: theme.interactiveButtons.brandText,
+                background: theme.interactiveButtons.brandBackground,
+                border: `1px solid ${theme.interactiveButtons.brandBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.brandText,
+                background: theme.interactiveButtons.brandBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.brandBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.brandText,
+                background: theme.interactiveButtons.brandBackground,
+                border: `1px solid ${theme.interactiveButtons.brandBackground}`
+            }
+        },
+        secondary: {
+            default: {
+                color: theme.interactiveButtons.secondaryBrandText,
+                background: theme.interactiveButtons.secondaryBrandBackground,
+                border: `1px solid ${theme.interactiveButtons.secondaryBrandBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.secondaryBrandText,
+                background: theme.interactiveButtons.secondaryBrandBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.secondaryBrandBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.secondaryBrandText,
+                background: theme.interactiveButtons.secondaryBrandBackground,
+                border: `1px solid ${theme.interactiveButtons.secondaryBrandBackground}`
+            }
+        },
+        outlineBrand: {
+            default: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: theme.interactiveButtons.outlineBrandBackground,
+                border: `1px solid ${theme.interactiveButtons.outlineBrandBorder}`
+            },
+            hover: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: theme.interactiveButtons.outlineBrandBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.outlineBrandBorderHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: theme.interactiveButtons.outlineBrandBackground,
+                border: `1px solid ${theme.interactiveButtons.outlineBrandBorder}`
+            }
+        },
+        success: {
+            default: {
+                color: theme.interactiveButtons.successText,
+                background: theme.interactiveButtons.successBackground,
+                border: `1px solid ${theme.interactiveButtons.successBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.successText,
+                background: theme.interactiveButtons.successBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.successBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.successText,
+                background: theme.interactiveButtons.successBackground,
+                border: `1px solid ${theme.interactiveButtons.successBackground}`
+            }
+        },
+        warning: {
+            default: {
+                color: theme.interactiveButtons.warningText,
+                background: theme.interactiveButtons.warningBackground,
+                border: `1px solid ${theme.interactiveButtons.warningBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.warningText,
+                background: theme.interactiveButtons.warningBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.warningBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.warningText,
+                background: theme.interactiveButtons.warningBackground,
+                border: `1px solid ${theme.interactiveButtons.warningBackground}`
+            }
+        },
+        critical: {
+            default: {
+                color: theme.interactiveButtons.criticalText,
+                background: theme.interactiveButtons.criticalBackground,
+                border: `1px solid ${theme.interactiveButtons.criticalBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.criticalText,
+                background: theme.interactiveButtons.criticalBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.criticalBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.criticalText,
+                background: theme.interactiveButtons.criticalBackground,
+                border: `1px solid ${theme.interactiveButtons.criticalBackground}`
+            }
+        },
+        system: {
+            default: {
+                color: theme.interactiveButtons.systemText,
+                background: theme.interactiveButtons.systemBackground,
+                border: `1px solid ${theme.interactiveButtons.systemBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.systemText,
+                background: theme.interactiveButtons.systemBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.systemBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.systemText,
+                background: theme.interactiveButtons.systemBackground,
+                border: `1px solid ${theme.interactiveButtons.systemBackground}`
+            }
+        },
+        neutral: {
+            default: {
+                color: theme.interactiveButtons.neutralText,
+                background: theme.interactiveButtons.neutralBackground,
+                border: `1px solid transparent`
+            },
+            hover: {
+                color: theme.interactiveButtons.neutralText,
+                background: theme.interactiveButtons.neutralBackgroundHover,
+                border: `1px solid transparent`
+            },
+            active: {
+                color: theme.interactiveButtons.neutralText,
+                background: theme.interactiveButtons.neutralBackground,
+                border: `1px solid transparent`
+            }
+        },
+        flatBrand: {
+            default: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            hover: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            active: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            }
+        },
+        flatSystem: {
+            default: {
+                color: theme.interactiveButtons.systemText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            hover: {
+                color: theme.interactiveButtons.systemText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            active: {
+                color: theme.interactiveButtons.systemText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            }
+        },
+        clubPrimary: {
+            default: {
+                color: theme.interactiveButtons.brandText,
+                background: theme.club.primary,
+                border: `1px solid ${theme.club.primary}`
+            },
+            hover: {
+                color: theme.interactiveButtons.brandText,
+                background: theme.club.primaryHover,
+                border: `1px solid ${theme.club.primaryHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.brandText,
+                background: '#2B2979',
+                border: `1px solid #2B2979`
+            }
+        },
+        clubSecondary: {
+            default: {
+                color: theme.club.primary,
+                background: theme.club.buttonBackground,
+                border: `1px solid ${theme.club.buttonBackground}`
+            },
+            hover: {
+                color: theme.text.contrastThemed,
+                background: theme.club.primary,
+                border: `1px solid ${theme.club.primary}`
+            },
+            active: {
+                color: theme.text.contrastThemed,
+                background: theme.club.primaryHover,
+                border: `1px solid ${theme.club.primaryHover}`
+            }
+        },
+        clubFlatBrand: {
+            default: {
+                color: theme.club.primary,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            hover: {
+                color: theme.club.primaryHover,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            active: {
+                color: '#2B2979',
+                background: 'transparent',
+                border: `1px solid transparent`
+            }
+        }
+    };
+};
+exports.getMode = getMode;
+//# sourceMappingURL=Button.const.js.map

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

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

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

@@ -0,0 +1,55 @@
+"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 Styled = __importStar(require("./Button.styled"));
+const Loader_1 = require("../Loader");
+const classnames_1 = __importDefault(require("classnames"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../theme/theme.const");
+const Button_const_1 = require("./Button.const");
+const Typography_1 = require("../Typography");
+const Button = (0, react_1.forwardRef)(({ text, textCustom, type = 'button', mode = 'primary', disabled = false, iconLeft, iconRight, size = 'M', loading = false, form = 'square', width, style, onClick, className, tabIndex, isFill = true }, ref) => {
+    const handleClick = (e) => {
+        if (onClick && !loading && !disabled)
+            onClick(e);
+    };
+    const { mode: theme } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[theme] },
+        react_1.default.createElement(Styled.Button, { "$form": form, ref: ref, type: type, style: style, className: (0, classnames_1.default)(className, 'button'), disabled: disabled || loading, onClick: handleClick, size: size, mode: mode, width: width, isFill: isFill, tabIndex: tabIndex, isText: !!text || !!textCustom },
+            loading && (react_1.default.createElement(Styled.Loading, { mode: mode },
+                react_1.default.createElement(Loader_1.Loader, { color: (0, Button_const_1.getMode)(theme_const_1.palette[theme])[mode].default.color }))),
+            iconLeft ? (react_1.default.createElement(Styled.IconLeft, { isText: !!text, size: size }, iconLeft)) : null,
+            text ? (react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: size === 'XS' ? 'description-Medium' : 'text-Medium' }, text)) : null,
+            !text && textCustom ? textCustom : null,
+            iconRight ? (react_1.default.createElement(Styled.IconRight, { isText: !!text, size: size }, iconRight)) : null)));
+});
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/uikit/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,wDAAyC;AAEzC,sCAAkC;AAElC,4DAAmC;AACnC,gEAAsD;AACtD,yDAAiD;AACjD,4DAAoD;AACpD,iDAAwC;AACxC,8CAA0C;AAE1C,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EACE,IAAI,EACJ,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,GAAG,EACV,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,IAAI,EACd,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,CAClB,CAAkD,EAClD,EAAE;QACF,IAAI,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IAClD,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAEjC,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,KAAK,CAAC;QAClC,8BAAC,MAAM,CAAC,MAAM,aACL,IAAI,EACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,QAAQ,CAAC,EAC1C,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,UAAU;YAE7B,OAAO,IAAI,CACV,8BAAC,MAAM,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI;gBACxB,8BAAC,eAAM,IAAC,KAAK,EAAE,IAAA,sBAAO,EAAC,qBAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,GAAI,CAC/C,CAClB;YACA,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAC,MAAM,CAAC,QAAQ,IAAC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IACxC,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,IAAI;YACP,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,uBAAU,IACT,GAAG,EAAC,MAAM,EACV,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,IAE5D,IAAI,CACM,CACd,CAAC,CAAC,CAAC,IAAI;YACP,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;YACvC,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,MAAM,CAAC,SAAS,IAAC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IACzC,SAAS,CACO,CACpB,CAAC,CAAC,CAAC,IAAI,CACM,CACF,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAEQ,wBAAM"}