@fattureincloud/fic-design-system 0.3.22 → 0.4.0-rc.0

package/dist/index.esm.js

@@ -1,3709 +1,16 @@
-import { faChevronDown, faTimes, faCheck, faMinus, faExclamationTriangle, faTimesCircle, faCheckCircle, faCaretDown, faEllipsisH, faCaretRight, faInfoCircle, faSortUp, faSortDown, faSort, faEquals, faInfoSquare } from '@fortawesome/pro-solid-svg-icons';
-import React, { useMemo, Component, useCallback, useRef, useEffect, useState } from 'react';
-import styled, { css, useTheme, createGlobalStyle, ThemeProvider as ThemeProvider$1 } from 'styled-components';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCircleNotch, faCircle } from '@fortawesome/pro-regular-svg-icons';
-import { usePopper } from 'react-popper';
-import { CSSTransition } from 'react-transition-group';
-import { useClickAway, useMeasure, useDebounce } from 'react-use';
-import ReactSelect, { components as components$1 } from 'react-select';
-import Async from 'react-select/async';
-import AsyncCreatable from 'react-select/async-creatable';
-import Creatable from 'react-select/creatable';
-import { faTimes as faTimes$1, faSearch, faEllipsisH as faEllipsisH$1 } from '@fortawesome/pro-light-svg-icons';
-import ReactModal from 'react-modal';
-import range from 'lodash/range';
-import _ from 'lodash';
-import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import { faRocket } from '@fortawesome/pro-duotone-svg-icons';
-import { toast, ToastContainer as ToastContainer$1 } from 'react-toastify';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}
-function __makeTemplateObject(cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-}
-
-var iconSizeMap = {
-    xs: '.75em',
-    sm: '.875em',
-    lg: '1.33em',
-    '1x': '1em',
-    '2x': '2em',
-    '3x': '3em',
-    '4x': '4em',
-    '5x': '5em',
-    '6x': '6em',
-    '7x': '7em',
-    '8x': '8em',
-    '9x': '9em',
-    '10x': '10em',
-};
-
-var IconBackground = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return React.createElement(Wrapper, __assign({}, rest), children);
-};
-var circleBackgroundScaleFactor = 1.5;
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 50%;\n\n  min-width: calc(", " * ", ");\n  min-height: calc(", " * ", ");\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  background-color: ",
-    ";\n  border-radius: 50%;\n\n  min-width: calc(", " * ", ");\n  min-height: calc(", " * ", ");\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n"])), function (_a) {
-    var theme = _a.theme, color = _a.color, backgroundColor = _a.backgroundColor;
-    return backgroundColor || theme.components.iconBackground[color] || 'transparent';
-}, circleBackgroundScaleFactor, function (_a) {
-    var size = _a.size;
-    return iconSizeMap[size];
-}, circleBackgroundScaleFactor, function (_a) {
-    var size = _a.size;
-    return iconSizeMap[size];
-});
-var templateObject_1;
-
-var black = {
-    8: 'rgba(51, 51, 51, 0.08)',
-    16: 'rgba(51, 51, 51, 0.16)',
-    48: 'rgba(51, 51, 51, 0.48)',
-    80: 'rgba(51, 51, 51, 0.8)',
-    100: '#333333',
-};
-
-var blue = {
-    900: '#0028AD',
-    800: '#0038B9',
-    700: '#0041C0',
-    600: '#004BC7',
-    500: '#0052CC',
-    400: '#266CD4',
-    300: '#4D86DB',
-    200: '#80A9E6',
-    100: '#B3CBF0',
-    50: '#E0EAF9',
-};
-
-var cyan = {
-    900: '#066552',
-    800: '#088C72',
-    700: '#0AA989',
-    600: '#0BC09C',
-    500: '#0DD5AD',
-    400: '#4DE0C2',
-    300: '#7DE8D3',
-    200: '#A4EFE0',
-    100: '#C6F5EB',
-    50: '#E4FAF5',
-};
-
-var fuchsia = {
-    900: '#500663',
-    800: '#71088B',
-    700: '#880AA8',
-    600: '#9C0BC0',
-    500: '#AD0DD5',
-    400: '#CB67E4',
-    300: '#DB94EC',
-    200: '#E6B6F2',
-    100: '#EFD2F7',
-    50: '#F7E9FB',
-};
-
-var green = {
-    900: '#00572E',
-    800: '#006A3F',
-    700: '#007448',
-    600: '#007F52',
-    500: '#00875A',
-    400: '#269973',
-    300: '#4DAB8C',
-    200: '#80C3AD',
-    100: '#B3DBCE',
-    50: '#E0F1EB',
-};
-
-var grey = {
-    900: '#091E42',
-    800: '#253858',
-    700: '#505F79',
-    600: '#5E6C84',
-    500: '#6B778C',
-    400: '#7A869A',
-    300: '#A5ADBA',
-    200: '#C1C7D0',
-    100: '#EBECF0',
-    50: '#FAFBFC',
-};
-
-var indigo = {
-    900: '#05175E',
-    800: '#082188',
-    700: '#0A29A6',
-    600: '#0B2FBF',
-    500: '#0D35D5',
-    400: '#637CE3',
-    300: '#90A3EB',
-    200: '#B3BFF1',
-    100: '#D0D7F6',
-    50: '#E8ECFB',
-};
-
-var orange = {
-    900: '#783722',
-    800: '#A74D2F',
-    700: '#CA5D39',
-    600: '#E66A42',
-    500: '#FF7649',
-    400: '#FF9978',
-    300: '#FFB49B',
-    200: '#FFCAB9',
-    100: '#FFDED3',
-    50: '#FFEFEA',
-};
-
-var pink = {
-    900: '#640648',
-    800: '#8C0864',
-    700: '#A80A79',
-    600: '#C00B8A',
-    500: '#D50D99',
-    400: '#E569BF',
-    300: '#EC96D2',
-    200: '#F2B7E0',
-    100: '#F7D2EC',
-    50: '#FBEAF6',
-};
-
-var red = {
-    900: '#C81603',
-    800: '#D12206',
-    700: '#D52808',
-    600: '#DA300A',
-    500: '#DE350B',
-    400: '#E35330',
-    300: '#E87254',
-    200: '#EF9A85',
-    100: '#F5C2B6',
-    50: '#FBE7E2',
-};
-
-var white = {
-    8: 'rgba(255, 255, 255, 0.08)',
-    16: 'rgba(255, 255, 255, 0.16)',
-    48: 'rgba(255, 255, 255, 0.48)',
-    80: 'rgba(255, 255, 255, 0.8)',
-    100: '#FFFFFF',
-};
-
-var yellow = {
-    900: '#FF6B0A',
-    800: '#FF7C12',
-    700: '#FF8617',
-    600: '#FF911B',
-    500: '#FF991F',
-    400: '#FFA841',
-    300: '#FFB862',
-    200: '#FFCC8F',
-    100: '#FFE0BC',
-    50: '#FFF3E4',
-};
-
-var defaultPalette = {
-    black: black,
-    white: white,
-    grey: grey,
-    blue: blue,
-    indigo: indigo,
-    yellow: yellow,
-    orange: orange,
-    red: red,
-    green: green,
-    fuchsia: fuchsia,
-    pink: pink,
-    cyan: cyan,
-    primary: blue,
-};
-
-var iconBackgroundPalette = {
-    blue: defaultPalette.blue[50],
-    indigo: defaultPalette.indigo[50],
-    yellow: defaultPalette.yellow[50],
-    orange: defaultPalette.orange[50],
-    red: defaultPalette.red[50],
-    green: defaultPalette.green[50],
-    fuchsia: defaultPalette.fuchsia[50],
-    pink: defaultPalette.pink[50],
-    cyan: defaultPalette.cyan[50],
-    primary: defaultPalette.primary[50],
-    grey: defaultPalette.grey[100],
-    white: defaultPalette.white[16],
-    black: defaultPalette.black[16],
-};
-
-var getIconStyles = function (_a) {
-    var theme = _a.theme, color = _a.color;
-    return color
-        ? theme.components.icon[color]
-        : {
-            primary: 'inherit',
-            secondary: 'inherit',
-        };
-};
-
-var Icon = function (_a) {
-    var onClick = _a.onClick, isDisabled = _a.isDisabled, props = __rest(_a, ["onClick", "isDisabled"]);
-    var handleClick = useMemo(function () { return (isDisabled || !onClick ? undefined : function (e) { return onClick(e); }); }, [isDisabled, onClick]);
-    return React.createElement(StyledIcon, __assign({}, props, { onClick: handleClick }));
-};
-var StyledIcon = styled(FontAwesomeIcon).attrs(getIconStyles)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  cursor: ", ";\n  color: ", ";\n  --fa-secondary-color: ", ";\n"], ["\n  cursor: ", ";\n  color: ", ";\n  --fa-secondary-color: ", ";\n"])), function (_a) {
-    var onClick = _a.onClick;
-    return (onClick ? 'pointer' : 'inherit');
-}, function (_a) {
-    var primary = _a.primary;
-    return primary;
-}, function (_a) {
-    var secondary = _a.secondary;
-    return secondary;
-});
-var templateObject_1$1;
-
-var getColoredIcon = function (color) { return ({
-    primary: defaultPalette[color][500],
-    secondary: defaultPalette[color][200],
-}); };
-var iconPalette = {
-    blue: getColoredIcon('blue'),
-    red: getColoredIcon('red'),
-    green: getColoredIcon('green'),
-    yellow: getColoredIcon('yellow'),
-    orange: getColoredIcon('orange'),
-    primary: getColoredIcon('primary'),
-    cyan: getColoredIcon('cyan'),
-    fuchsia: getColoredIcon('fuchsia'),
-    indigo: getColoredIcon('indigo'),
-    pink: getColoredIcon('pink'),
-    grey: getColoredIcon('grey'),
-    white: {
-        primary: defaultPalette.white[100],
-        secondary: defaultPalette.white[48],
-    },
-    black: {
-        primary: defaultPalette.black[100],
-        secondary: defaultPalette.black[48],
-    },
-};
-
-var spacing = {
-    xxs: '4px',
-    xs: '8px',
-    s: '12px',
-    m: '16px',
-    l: '24px',
-    xl: '32px',
-    xxl: '48px',
-    xxxl: '64px',
-};
-
-var StyledAccordionWrapper = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  color: ", ";\n  .header {\n    border-top: 1px solid ", ";\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: ", ";\n    .header__element {\n      padding: 0 ", ";\n      &:hover {\n        &.pointer {\n          cursor: pointer;\n        }\n      }\n    }\n\n    .action_icon {\n      cursor: pointer;\n      display: none;\n      width: ", ";\n      height: ", ";\n      &.visibile {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      &:hover {\n        background: ", ";\n        border-radius: 4px;\n      }\n    }\n\n    .chevron {\n    }\n    .chevron__closed {\n      transform: rotate(-90deg);\n    }\n\n    .title {\n      flex: 1;\n      padding: 0;\n      user-select: none;\n      p {\n        margin: 0;\n        font-size: 20px;\n        line-height: 30px;\n      }\n    }\n  }\n\n  .body {\n    padding: 0 ", ";\n    height: auto;\n\n    &.closed {\n      overflow: hidden;\n      height: 0;\n    }\n  }\n"], ["\n  color: ", ";\n  .header {\n    border-top: 1px solid ", ";\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: ", ";\n    .header__element {\n      padding: 0 ", ";\n      &:hover {\n        &.pointer {\n          cursor: pointer;\n        }\n      }\n    }\n\n    .action_icon {\n      cursor: pointer;\n      display: none;\n      width: ", ";\n      height: ", ";\n      &.visibile {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      &:hover {\n        background: ", ";\n        border-radius: 4px;\n      }\n    }\n\n    .chevron {\n    }\n    .chevron__closed {\n      transform: rotate(-90deg);\n    }\n\n    .title {\n      flex: 1;\n      padding: 0;\n      user-select: none;\n      p {\n        margin: 0;\n        font-size: 20px;\n        line-height: 30px;\n      }\n    }\n  }\n\n  .body {\n    padding: 0 ", ";\n    height: auto;\n\n    &.closed {\n      overflow: hidden;\n      height: 0;\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.black[100];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-}, spacing.xxxl, spacing.l, spacing.xl, spacing.xl, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-}, spacing.l);
-var templateObject_1$2;
-
-var UnstyledAccordion = /** @class */ (function (_super) {
-    __extends(UnstyledAccordion, _super);
-    function UnstyledAccordion(props) {
-        var _this = _super.call(this, props) || this;
-        _this.handleOpenAccordion = function () {
-            var show = _this.state.show;
-            _this.setState({ show: !show });
-        };
-        var showBodyAtFirstRender = _this.props.showBodyAtFirstRender;
-        _this.state = {
-            show: Boolean(showBodyAtFirstRender),
-        };
-        return _this;
-    }
-    UnstyledAccordion.prototype.render = function () {
-        var _a = this.props, lateralActions = _a.lateralActions, renderBody = _a.renderBody, renderLateralActions = _a.renderLateralActions, renderTitle = _a.renderTitle, title = _a.title;
-        var show = this.state.show;
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: 'header' },
-                React.createElement("div", { onClick: this.handleOpenAccordion, className: "header__element pointer chevron" + (show ? "" : "__closed") },
-                    React.createElement(Icon, { icon: faChevronDown })),
-                React.createElement("div", { onClick: this.handleOpenAccordion, className: 'header__element title pointer' }, renderTitle ? React.createElement(React.Fragment, null, renderTitle()) : React.createElement("p", null, title)),
-                React.createElement("div", { className: 'header__element' }, renderLateralActions
-                    ? renderLateralActions
-                    : lateralActions === null || lateralActions === void 0 ? void 0 : lateralActions.map(function (o, i) { return (React.createElement("span", { className: "action_icon " + (show ? "visibile" : ""), key: i, onClick: o.action }, o.icon)); }))),
-            show && React.createElement("div", { className: "body" }, renderBody())));
-    };
-    return UnstyledAccordion;
-}(Component));
-var Accordion = function (props) { return (React.createElement(StyledAccordionWrapper, __assign({}, props),
-    React.createElement(UnstyledAccordion, __assign({}, props)))); };
-
-var avatarSizes = { xs: 16, s: 24, m: 32, l: 40 };
-var textSizes = { xs: 10, s: 12, m: 14, l: 20 };
-var getBackGroundImageStyle = function (_a) {
-    var image = _a.image, initials = _a.initials, placeholder = _a.placeholder;
-    if (!image && !placeholder)
-        return {};
-    var urls = [];
-    if (image) {
-        urls.push("url(" + image + ")");
-    }
-    if (placeholder && !initials) {
-        urls.push("url(" + placeholder + ")");
-    }
-    return { backgroundImage: urls.join() };
-};
-var BaseAvatar = function (props) { return React.createElement("span", { className: props.className }); };
-var Avatar = styled(BaseAvatar).attrs(function (props) { return ({
-    initials: props.initials ? (['m', 'l'].includes(props.size) ? props.initials.slice(0, 2) : props.initials[0]) : '',
-}); })(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-box-pack: center;\n  height: ", "px;\n  width: ", "px;\n  line-height: 0;\n  border-radius: 100%;\n  -webkit-box-align: center;\n  background-size: cover;\n  color: white;\n  background-color: ", ";\n  ", "\n\n  &:after {\n    content: '", "';\n    line-height: 40px;\n    font-weight: 500;\n    font-style: normal;\n    font-size: ", "px;\n    text-transform: uppercase;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-box-pack: center;\n  height: ", "px;\n  width: ", "px;\n  line-height: 0;\n  border-radius: 100%;\n  -webkit-box-align: center;\n  background-size: cover;\n  color: white;\n  background-color: ", ";\n  ", "\n\n  &:after {\n    content: '", "';\n    line-height: 40px;\n    font-weight: 500;\n    font-style: normal;\n    font-size: ", "px;\n    text-transform: uppercase;\n  }\n"])), function (props) { return avatarSizes[props.size || 'm']; }, function (props) { return avatarSizes[props.size || 'm']; }, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.primary[500];
-}, function (props) { return getBackGroundImageStyle(props); }, function (props) { return (props.image ? '' : props.initials); }, function (props) { return textSizes[props.size || 'm']; });
-var templateObject_1$3;
-
-var Body = styled.div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-flex;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: 4px;\n  margin: 3px 0;\n  max-height: 24px;\n\n  padding-left: ", ";\n  padding-right: ", ";\n\n  color: ", ";\n  background-color: ", ";\n\n  &.red {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.green {\n    background-color: ", ";\n    color: ", ";\n  }\n"], ["\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-flex;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: 4px;\n  margin: 3px 0;\n  max-height: 24px;\n\n  padding-left: ", ";\n  padding-right: ", ";\n\n  color: ", ";\n  background-color: ", ";\n\n  &.red {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.green {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (_a) {
-    var imageUrl = _a.imageUrl, leftIcon = _a.leftIcon;
-    return (leftIcon || imageUrl ? '8px' : '0');
-}, function (_a) {
-    var rightIcon = _a.rightIcon;
-    return (rightIcon ? '8px' : '0');
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[700];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[50];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.red[50];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.red[900];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.green[50];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.green[900];
-});
-var templateObject_1$4;
-
-var Badge = function (props) {
-    var color = props.color, handleRightIconClick = props.handleRightIconClick, imageUrl = props.imageUrl, leftIcon = props.leftIcon, rightIcon = props.rightIcon, text = props.text;
-    return (React.createElement(Body, __assign({ className: color || '' }, props),
-        imageUrl && React.createElement(Avatar, { size: 'xs', image: imageUrl }),
-        leftIcon && React.createElement(Icon, __assign({}, leftIcon)),
-        React.createElement(Text, null, text),
-        rightIcon && React.createElement(Icon, __assign({}, rightIcon, { onClick: handleRightIconClick }))));
-};
-var Text = styled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n  padding: ", " ", ";\n"], ["\n  padding: ", " ", ";\n"])), spacing.xxs, spacing.xs);
-var templateObject_1$5;
-
-var mapColors = function (theme, color) {
-    switch (color) {
-        case 'red':
-        case 'blue':
-        case 'yellow':
-        case 'green':
-            return {
-                bgColor: theme.palette[color]['500'],
-                textColor: theme.palette.white['100'],
-            };
-        case 'grey':
-            return {
-                bgColor: theme.palette.grey['200'],
-                textColor: theme.palette.black['100'],
-            };
-        default:
-            return {
-                bgColor: theme.palette.grey['900'],
-                textColor: theme.palette.white['100'],
-            };
-    }
-};
-
-var Banner = function (_a) {
-    var color = _a.color, content = _a.content, icon = _a.icon, onClose = _a.onClose;
-    return (React.createElement(Wrapper$1, { color: color },
-        icon && React.createElement(Icon, __assign({}, icon)),
-        React.createElement(Content, null, content),
-        onClose && React.createElement(Icon, { icon: faTimes, color: 'grey', onClick: onClose })));
-};
-var Wrapper$1 = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  padding: 10px 20px 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n"], ["\n  ",
-    "\n  padding: 10px 20px 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n"])), function (_a) {
-    var color = _a.color, theme = _a.theme;
-    var _b = mapColors(theme, color), bgColor = _b.bgColor, textColor = _b.textColor;
-    return css(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n    "], ["\n      background-color: ", ";\n      color: ", ";\n    "])), bgColor, textColor);
-});
-var Content = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-var templateObject_1$6, templateObject_2, templateObject_3;
-
-var useDebounceClick = function (_a) {
-    var _b = _a.manualLock, manualLock = _b === void 0 ? false : _b, onClick = _a.onClick, _c = _a.timeMs, timeMs = _c === void 0 ? 250 : _c;
-    var clickable = useRef(true);
-    return useCallback(function (e) {
-        if (clickable.current && !manualLock) {
-            clickable.current = false;
-            setTimeout(function () { return (clickable.current = true); }, timeMs);
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        }
-    }, [onClick, manualLock, timeMs]);
-};
-
-var Spinner = function (_a) {
-    var className = _a.className;
-    return (React.createElement("div", { className: className },
-        React.createElement(Icon, { icon: faCircleNotch, spin: true })));
-};
-
-var heightMap = {
-    large: 40,
-    medium: 32,
-};
-var getButtonStyles = function (_a) {
-    var color = _a.color, isDisabled = _a.isDisabled, size = _a.size, theme = _a.theme, type = _a.type;
-    var _b = theme.components.button, defaultColor = _b.defaultColor, defaultSize = _b.defaultSize, defaultType = _b.defaultType;
-    var actualType = type || defaultType;
-    var actualSize = size || defaultSize;
-    var actualColor = isDisabled ? 'disabled' : color || defaultColor;
-    var border = actualType === 'primary' ? '1px solid rgba(9, 30, 66, 0.16)' : '';
-    var cursor = isDisabled ? 'default' : 'pointer';
-    var buttonParts = theme.components.button[actualType][actualColor];
-    return __assign({ height: heightMap[actualSize], border: border,
-        cursor: cursor }, buttonParts);
-};
-
-var StyledIcon$1 = styled(Icon)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
-var LeftIcon = styled(StyledIcon$1)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject([""], [""])));
-var RightIcon = styled(StyledIcon$1)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject([""], [""])));
-var ButtonSpinner = styled(Spinner)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n"], ["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n"])));
-var Text$1 = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: inline-block;\n  line-height: initial;\n"], ["\n  display: inline-block;\n  line-height: initial;\n"])));
-var Content$1 = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  opacity: ", ";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  opacity: ", ";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
-    var isLoading = _a.isLoading;
-    return (isLoading ? 0 : 1);
-});
-var WrapperStyle = css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  border-radius: 4px;\n  user-select: none;\n  position: relative;\n  text-align: center;\n\n  width: ", ";\n\n  font-weight: 500;\n\n  cursor: ", ";\n  border: ", ";\n\n  ", " {\n    height: ", "px;\n  }\n\n  ", " + * {\n    margin-left: 8px;\n  }\n\n  ", " + * {\n    margin-left: 8px;\n  }\n\n  color: ", ";\n  background-color: ", ";\n\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  padding: 0 12px;\n\n  display: inline-block;\n"], ["\n  border-radius: 4px;\n  user-select: none;\n  position: relative;\n  text-align: center;\n\n  width: ", ";\n\n  font-weight: 500;\n\n  cursor: ", ";\n  border: ", ";\n\n  ", " {\n    height: ", "px;\n  }\n\n  ", " + * {\n    margin-left: 8px;\n  }\n\n  ", " + * {\n    margin-left: 8px;\n  }\n\n  color: ", ";\n  background-color: ", ";\n\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  padding: 0 12px;\n\n  display: inline-block;\n"])), function (_a) {
-    var fullWidth = _a.fullWidth;
-    return (fullWidth ? '100%' : 'initial');
-}, function (_a) {
-    var cursor = _a.cursor;
-    return cursor;
-}, function (_a) {
-    var border = _a.border;
-    return border;
-}, Content$1, function (_a) {
-    var height = _a.height;
-    return height;
-}, LeftIcon, Text$1, function (_a) {
-    var text = _a.text;
-    return text;
-}, function (_a) {
-    var normal = _a.normal;
-    return normal;
-}, function (_a) {
-    var textHover = _a.textHover;
-    return textHover;
-}, function (_a) {
-    var hover = _a.hover;
-    return hover;
-}, function (_a) {
-    var active = _a.active;
-    return active;
-});
-var HrefWrapper = styled.a.attrs(getButtonStyles)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", ";\n\n  text-decoration: none;\n"], ["\n  ", ";\n\n  text-decoration: none;\n"])), WrapperStyle);
-var OnClickWrapper = styled.div.attrs(getButtonStyles)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), WrapperStyle);
-var templateObject_1$7, templateObject_2$1, templateObject_3$1, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
-
-var Button = function (_a) {
-    var className = _a.className, color = _a.color, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, href = _a.href, iconLeft = _a.iconLeft, iconRight = _a.iconRight, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, onClick = _a.onClick, size = _a.size, target = _a.target, text = _a.text, type = _a.type;
-    var debounceClick = useDebounceClick({ onClick: onClick, manualLock: isLoading || isDisabled });
-    var showLoading = !isDisabled && isLoading;
-    var Wrapper = useCallback(function (props) { return (href ? React.createElement(HrefWrapper, __assign({}, props)) : React.createElement(OnClickWrapper, __assign({}, props))); }, [href]);
-    return (React.createElement(Wrapper, { className: className, size: size, color: color, onClick: debounceClick, href: href, type: type, isDisabled: isDisabled, fullWidth: fullWidth, target: target },
-        React.createElement(Content$1, { isLoading: showLoading },
-            iconLeft && React.createElement(LeftIcon, __assign({}, iconLeft)),
-            text && React.createElement(Text$1, null, text),
-            iconRight && React.createElement(RightIcon, __assign({}, iconRight))),
-        showLoading && React.createElement(ButtonSpinner, null)));
-};
-
-var buttonPalette = {
-    primary: {
-        blue: {
-            normal: defaultPalette.blue[500],
-            hover: defaultPalette.blue[700],
-            active: defaultPalette.blue[900],
-            text: defaultPalette.white[100],
-            textHover: defaultPalette.grey[100],
-        },
-        red: {
-            normal: defaultPalette.red[500],
-            hover: defaultPalette.red[700],
-            active: defaultPalette.red[900],
-            text: defaultPalette.white[100],
-            textHover: defaultPalette.grey[100],
-        },
-        green: {
-            normal: defaultPalette.green[500],
-            hover: defaultPalette.green[700],
-            active: defaultPalette.green[900],
-            text: defaultPalette.white[100],
-            textHover: defaultPalette.grey[100],
-        },
-        grey: {
-            normal: defaultPalette.white[100],
-            hover: defaultPalette.grey[100],
-            active: defaultPalette.grey[200],
-            text: defaultPalette.black[100],
-            textHover: defaultPalette.black[100],
-        },
-        yellow: {
-            normal: defaultPalette.yellow[500],
-            hover: defaultPalette.yellow[700],
-            active: defaultPalette.yellow[900],
-            text: defaultPalette.white[100],
-            textHover: defaultPalette.grey[100],
-        },
-        disabled: {
-            normal: defaultPalette.grey[50],
-            hover: defaultPalette.grey[50],
-            active: defaultPalette.grey[50],
-            text: defaultPalette.grey[200],
-            textHover: defaultPalette.grey[200],
-        },
-    },
-    secondary: {
-        blue: {
-            normal: defaultPalette.blue[50],
-            hover: defaultPalette.blue[100],
-            active: defaultPalette.blue[200],
-            text: defaultPalette.blue[900],
-            textHover: defaultPalette.blue[900],
-        },
-        red: {
-            normal: defaultPalette.red[50],
-            hover: defaultPalette.red[100],
-            active: defaultPalette.red[200],
-            text: defaultPalette.red[900],
-            textHover: defaultPalette.red[900],
-        },
-        green: {
-            normal: defaultPalette.green[50],
-            hover: defaultPalette.green[100],
-            active: defaultPalette.green[200],
-            text: defaultPalette.green[900],
-            textHover: defaultPalette.green[900],
-        },
-        yellow: {
-            normal: defaultPalette.yellow[50],
-            hover: defaultPalette.yellow[100],
-            active: defaultPalette.yellow[200],
-            text: defaultPalette.yellow[900],
-            textHover: defaultPalette.yellow[900],
-        },
-        grey: {
-            normal: defaultPalette.grey[50],
-            hover: defaultPalette.grey[100],
-            active: defaultPalette.grey[200],
-            text: defaultPalette.black[100],
-            textHover: defaultPalette.black[100],
-        },
-        disabled: {
-            normal: defaultPalette.grey[50],
-            hover: defaultPalette.grey[50],
-            active: defaultPalette.grey[50],
-            text: defaultPalette.grey[200],
-            textHover: defaultPalette.grey[200],
-        },
-    },
-    text: {
-        blue: {
-            normal: 'transparent',
-            hover: defaultPalette.blue[50],
-            active: defaultPalette.blue[100],
-            text: defaultPalette.blue[500],
-            textHover: defaultPalette.blue[500],
-        },
-        red: {
-            normal: 'transparent',
-            hover: defaultPalette.red[50],
-            active: defaultPalette.red[100],
-            text: defaultPalette.red[500],
-            textHover: defaultPalette.red[500],
-        },
-        green: {
-            normal: 'transparent',
-            hover: defaultPalette.green[50],
-            active: defaultPalette.green[100],
-            text: defaultPalette.green[500],
-            textHover: defaultPalette.green[500],
-        },
-        grey: {
-            normal: 'transparent',
-            hover: defaultPalette.grey[50],
-            active: defaultPalette.grey[100],
-            text: defaultPalette.grey[500],
-            textHover: defaultPalette.grey[500],
-        },
-        yellow: {
-            normal: 'transparent',
-            hover: defaultPalette.yellow[50],
-            active: defaultPalette.yellow[100],
-            text: defaultPalette.yellow[500],
-            textHover: defaultPalette.yellow[500],
-        },
-        disabled: {
-            normal: 'transparent',
-            hover: 'transparent',
-            active: 'transparent',
-            text: defaultPalette.grey[200],
-            textHover: defaultPalette.grey[200],
-        },
-    },
-    defaultType: 'primary',
-    defaultColor: 'blue',
-    defaultSize: 'medium',
-};
-
-var getIconButtonColors = function (_a) {
-    var color = _a.color, isDisabled = _a.isDisabled, theme = _a.theme, type = _a.type;
-    var _b = theme.components.iconButton, defaultColor = _b.defaultColor, defaultType = _b.defaultType;
-    var actualColor = isDisabled ? 'disabled' : color || defaultColor;
-    var actualType = type || defaultType;
-    return theme.components.iconButton[actualType][actualColor];
-};
-
-var IconButton = function (_a) {
-    var className = _a.className, color = _a.color, icon = _a.icon, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, onClick = _a.onClick, type = _a.type;
-    var handleClick = useDebounceClick({ onClick: onClick, manualLock: isDisabled });
-    return (React.createElement(Wrapper$2, { color: color, className: className, type: type, onClick: handleClick, isDisabled: isDisabled },
-        React.createElement(Icon, __assign({}, icon))));
-};
-var Wrapper$2 = styled.div.attrs(getIconButtonColors)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n  display: inline-flex;\n  font-size: 20px;\n  text-decoration: none;\n  padding: 0 8px;\n  height: 32px;\n  align-items: center;\n\n  cursor: ", ";\n  color: ", ";\n\n  :hover {\n    color: ", ";\n    text-decoration: none;\n  }\n"], ["\n  display: inline-flex;\n  font-size: 20px;\n  text-decoration: none;\n  padding: 0 8px;\n  height: 32px;\n  align-items: center;\n\n  cursor: ", ";\n  color: ", ";\n\n  :hover {\n    color: ", ";\n    text-decoration: none;\n  }\n"])), function (_a) {
-    var isDisabled = _a.isDisabled;
-    return (isDisabled ? 'default' : 'pointer');
-}, function (_a) {
-    var normal = _a.normal;
-    return normal;
-}, function (_a) {
-    var hover = _a.hover;
-    return hover;
-});
-var templateObject_1$8;
-
-var iconButtonPalette = {
-    primary: {
-        blue: {
-            normal: defaultPalette.blue[200],
-            hover: defaultPalette.blue[500],
-        },
-        red: {
-            normal: defaultPalette.red[200],
-            hover: defaultPalette.red[500],
-        },
-        green: {
-            normal: defaultPalette.green[200],
-            hover: defaultPalette.green[500],
-        },
-        yellow: {
-            normal: defaultPalette.yellow[200],
-            hover: defaultPalette.yellow[500],
-        },
-        disabled: {
-            normal: defaultPalette.grey[200],
-            hover: defaultPalette.grey[200],
-        },
-    },
-    secondary: {
-        blue: {
-            normal: defaultPalette.blue[200],
-            hover: defaultPalette.white[100],
-        },
-        red: {
-            normal: defaultPalette.red[200],
-            hover: defaultPalette.white[100],
-        },
-        green: {
-            normal: defaultPalette.green[200],
-            hover: defaultPalette.white[100],
-        },
-        yellow: {
-            normal: defaultPalette.yellow[200],
-            hover: defaultPalette.white[100],
-        },
-        disabled: {
-            normal: defaultPalette.grey[200],
-            hover: defaultPalette.grey[200],
-        },
-    },
-    defaultType: 'primary',
-    defaultColor: 'blue',
-};
-
-var getInputStyle = function (_a) {
-    var theme = _a.theme, value = _a.value, isDisabled = _a.isDisabled, large = _a.large, hasError = _a.hasError;
-    var _b = theme.components.checkbox.input, normal = _b.normal, error = _b.error;
-    var size = large ? '20px' : '16px';
-    var currentStatus = hasError ? error : normal;
-    var _c = currentStatus[value], borderColor = _c.borderColor, tickColor = _c.tickColor, backgroundColor = _c.backgroundColor;
-    return {
-        backgroundColor: backgroundColor,
-        tickColor: tickColor,
-        borderColor: borderColor,
-        cursor: isDisabled ? 'not-allowed' : 'pointer',
-        height: size,
-        width: size,
-        opacity: isDisabled ? 0.3 : 1,
-    };
-};
-var getLabelStyle = function (_a) {
-    var isDisabled = _a.isDisabled, large = _a.large, theme = _a.theme, hasError = _a.hasError;
-    var _b = theme.components.checkbox.label, normal = _b.normal, error = _b.error;
-    var color = hasError ? error : normal;
-    return {
-        fontSize: large ? '16px' : '14px',
-        cursor: isDisabled ? 'not-allowed' : 'pointer',
-        opacity: isDisabled ? 0.1 : 1,
-        color: color,
-    };
-};
-var statusIcon = {
-    checked: faCheck,
-    indeterminate: faMinus,
-    unchecked: null,
-};
-var convertToStatus = function (value) {
-    return typeof value === 'boolean' ? (value ? 'checked' : 'unchecked') : value;
-};
-
-var Input = styled.span.attrs(getInputStyle)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  border-radius: 4px;\n  font-size: 10px;\n  text-align: center;\n\n  width: ", ";\n  height: ", ";\n  background-color: ", ";\n  color: ", ";\n  border: ", ";\n  cursor: ", ";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: ", ";\n"], ["\n  border-radius: 4px;\n  font-size: 10px;\n  text-align: center;\n\n  width: ", ";\n  height: ", ";\n  background-color: ", ";\n  color: ", ";\n  border: ", ";\n  cursor: ", ";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: ", ";\n"])), function (_a) {
-    var width = _a.width;
-    return width;
-}, function (_a) {
-    var height = _a.height;
-    return height;
-}, function (_a) {
-    var backgroundColor = _a.backgroundColor;
-    return backgroundColor;
-}, function (_a) {
-    var tickColor = _a.tickColor;
-    return tickColor;
-}, function (_a) {
-    var borderColor = _a.borderColor;
-    return "1px solid " + borderColor;
-}, function (_a) {
-    var cursor = _a.cursor;
-    return cursor;
-}, function (_a) {
-    var opacity = _a.opacity;
-    return opacity;
-});
-var templateObject_1$9;
-
-var Label = styled.span.attrs(getLabelStyle)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  flex: 1;\n  text-align: left;\n  font-size: ", ";\n  cursor: ", ";\n  color: ", ";\n  opacity: ", ";\n"], ["\n  flex: 1;\n  text-align: left;\n  font-size: ", ";\n  cursor: ", ";\n  color: ", ";\n  opacity: ", ";\n"])), function (_a) {
-    var fontSize = _a.fontSize;
-    return fontSize;
-}, function (_a) {
-    var cursor = _a.cursor;
-    return cursor;
-}, function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var opacity = _a.opacity;
-    return opacity;
-});
-var templateObject_1$a;
-
-var CheckboxImpl = function (_a) {
-    var isDisabled = _a.isDisabled, className = _a.className, onClick = _a.onClick, large = _a.large, text = _a.text, value = _a.value, error = _a.error, onChange = _a.onChange;
-    var wrapperClick = useCallback(function () { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.click(); }, []);
-    var handleClick = useCallback(function (e) { return !isDisabled && onClick && onClick(e); }, [isDisabled, onClick]);
-    var icon = statusIcon[value];
-    var ref = useRef(null);
-    useEffect(function () {
-        if (ref.current) {
-            switch (value) {
-                case 'checked':
-                    ref.current.checked = true;
-                    ref.current.indeterminate = false;
-                    break;
-                case 'indeterminate':
-                    ref.current.checked = false;
-                    ref.current.indeterminate = true;
-                    break;
-                case 'unchecked':
-                    ref.current.checked = false;
-                    ref.current.indeterminate = false;
-                    break;
-            }
-        }
-    }, [value]);
-    return (React.createElement(ClickableWrapper, { className: className, onClick: wrapperClick },
-        React.createElement(Input, { value: value, large: large, isDisabled: isDisabled, hasError: !!error }, icon && React.createElement(Icon, { icon: icon })),
-        React.createElement(HiddenInput, { ref: ref, type: 'checkbox', value: value, onClick: handleClick, onChange: onChange, disabled: isDisabled }),
-        React.createElement(Label, { large: large, isDisabled: isDisabled, hasError: !!error }, text)));
-};
-var ClickableWrapper = styled.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n"], ["\n  display: flex;\n  gap: 8px;\n"])));
-var HiddenInput = styled.input(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
-var Checkbox = function (_a) {
-    var value = _a.value, rest = __rest(_a, ["value"]);
-    return (React.createElement(CheckboxImpl, __assign({}, rest, { value: convertToStatus(value) })));
-};
-var templateObject_1$b, templateObject_2$2;
-
-var normalChecked = {
-    tickColor: defaultPalette.white[100],
-    backgroundColor: defaultPalette.blue[500],
-    borderColor: defaultPalette.blue[500],
-};
-var errorChecked = {
-    tickColor: defaultPalette.white[100],
-    backgroundColor: defaultPalette.red[500],
-    borderColor: defaultPalette.red[500],
-};
-var checkboxPalette = {
-    input: {
-        normal: {
-            checked: normalChecked,
-            indeterminate: normalChecked,
-            unchecked: {
-                tickColor: defaultPalette.white[100],
-                backgroundColor: 'transparent',
-                borderColor: defaultPalette.grey[500],
-            },
-        },
-        error: {
-            checked: errorChecked,
-            indeterminate: errorChecked,
-            unchecked: {
-                tickColor: defaultPalette.white[100],
-                backgroundColor: 'transparent',
-                borderColor: defaultPalette.red[500],
-            },
-        },
-    },
-    label: {
-        normal: defaultPalette.black[100],
-        error: defaultPalette.red[500],
-    },
-};
-
-var useCheckboxValue = function (initialValue) {
-    if (initialValue === void 0) { initialValue = 'unchecked'; }
-    var _a = useState(function () { return convertToStatus(initialValue); }), status = _a[0], setStatus = _a[1];
-    var value = status === 'checked';
-    var setCheck = useCallback(function () { return setStatus('checked'); }, []);
-    var setUncheck = useCallback(function () { return setStatus('unchecked'); }, []);
-    var setIndeterminate = useCallback(function () { return setStatus('indeterminate'); }, []);
-    var toggleCheckbox = useCallback(function () { return setStatus(function (status) { return (status === 'unchecked' ? 'checked' : 'unchecked'); }); }, []);
-    return {
-        status: status,
-        value: value,
-        setCheck: setCheck,
-        setUncheck: setUncheck,
-        setIndeterminate: setIndeterminate,
-        toggleCheckbox: toggleCheckbox,
-    };
-};
-
-var StyledChipWrapper = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  border-radius: 100px;\n  display: inline-flex;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1em;\n  white-space: nowrap;\n  padding: 5px ", ";\n\n  ", "\n\n  ", "\n"], ["\n  border-radius: 100px;\n  display: inline-flex;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1em;\n  white-space: nowrap;\n  padding: 5px ", ";\n\n  ",
-    "\n\n  ",
-    "\n"])), spacing.xs, function (_a) {
-    var palette = _a.theme.palette;
-    return css(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n    background-color: ", ";\n    color: ", ";\n  "], ["\n    background-color: ", ";\n    color: ", ";\n  "])), palette.grey[100], palette.black[100]);
-}, function (_a) {
-    var statusEdit = _a.statusEdit, palette = _a.theme.palette;
-    if (statusEdit) {
-        return css(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n        &:hover {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "], ["\n        &:hover {\n          background-color: ", ";\n        }\n        &:active {\n          background-color: ", ";\n        }\n      "])), palette.grey[200], palette.grey[300]);
-    }
-    return undefined;
-});
-var StyledIcon$2 = styled(Icon)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  cursor: pointer;\n  margin-left: ", ";\n  &:hover {\n    cursor: pointer;\n  }\n"], ["\n  cursor: pointer;\n  margin-left: ", ";\n  &:hover {\n    cursor: pointer;\n  }\n"])), spacing.xs);
-var templateObject_1$c, templateObject_2$3, templateObject_3$2, templateObject_4$1;
-
-var UnstyledChip = /** @class */ (function (_super) {
-    __extends(UnstyledChip, _super);
-    function UnstyledChip() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    UnstyledChip.prototype.render = function () {
-        var _a = this.props, closeAction = _a.closeAction, statusEdit = _a.statusEdit, text = _a.text;
-        return (React.createElement(React.Fragment, null,
-            text,
-            ' ',
-            statusEdit ? (React.createElement("div", null,
-                React.createElement(StyledIcon$2, { icon: faTimes, onClick: function () {
-                        closeAction ? closeAction() : null;
-                    } }))) : null));
-    };
-    return UnstyledChip;
-}(Component));
-var Chip = function (props) { return (React.createElement(StyledChipWrapper, __assign({}, props),
-    React.createElement(UnstyledChip, __assign({}, props)))); };
-
-var showHandler = function (show) {
-    return show
-        ? css(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n        transform: translateX(0);\n      "], ["\n        transform: translateX(0);\n      "]))) : undefined;
-};
-var templateObject_1$d;
-
-var StyledDrawerWrapper = styled.div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var show = _a.show, palette = _a.theme.palette;
-    return css(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n    .drawer {\n      position: fixed;\n      right: 0;\n      top: 0;\n      height: 100vh;\n      width: 500px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px 0 0 8px;\n      transform: translateX(110%);\n      transition: transform 0.4s ease-in-out;\n      z-index: 5;\n      background-color: ", ";\n      display: flex;\n      flex-direction: column;\n\n      ", "\n\n      .drawer__header {\n        padding-right: calc(", " + ", ");\n        padding-left: ", ";\n        display: flex;\n        align-items: center;\n        background-color: ", ";\n        border-bottom: 1px solid ", ";\n\n        .drawer__header__title {\n          font-weight: 500;\n          font-size: 20px;\n          line-height: 30px;\n          display: flex;\n          align-items: center;\n          height: calc(", " + ", ");\n        }\n\n        .drawer__header__actions {\n          position: absolute;\n          right: ", ";\n          top: ", ";\n          font-size: 24px;\n        }\n      }\n\n      .drawer__body {\n        height: 100%;\n        overflow-y: scroll;\n      }\n\n      .drawer__footer {\n        height: 80px;\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        padding: 0 ", ";\n        border-top: 1px solid ", ";\n      }\n    }\n  "], ["\n    .drawer {\n      position: fixed;\n      right: 0;\n      top: 0;\n      height: 100vh;\n      width: 500px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px 0 0 8px;\n      transform: translateX(110%);\n      transition: transform 0.4s ease-in-out;\n      z-index: 5;\n      background-color: ", ";\n      display: flex;\n      flex-direction: column;\n\n      ", "\n\n      .drawer__header {\n        padding-right: calc(", " + ", ");\n        padding-left: ", ";\n        display: flex;\n        align-items: center;\n        background-color: ", ";\n        border-bottom: 1px solid ", ";\n\n        .drawer__header__title {\n          font-weight: 500;\n          font-size: 20px;\n          line-height: 30px;\n          display: flex;\n          align-items: center;\n          height: calc(", " + ", ");\n        }\n\n        .drawer__header__actions {\n          position: absolute;\n          right: ", ";\n          top: ", ";\n          font-size: 24px;\n        }\n      }\n\n      .drawer__body {\n        height: 100%;\n        overflow-y: scroll;\n      }\n\n      .drawer__footer {\n        height: 80px;\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        padding: 0 ", ";\n        border-top: 1px solid ", ";\n      }\n    }\n  "])), palette.white[100], showHandler(show), spacing.xxxl, spacing.m, spacing.l, palette.grey[50], palette.grey[100], spacing.xxxl, spacing.m, spacing.l, spacing.l, spacing.l, palette.grey[100]);
-});
-var StyledIcon$3 = styled(Icon)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n    cursor: pointer;\n    &:hover {\n    color: ", ";\n"], ["\n    cursor: pointer;\n    &:hover {\n    color: ", ";\n"])), function (_a) {
-    var palette = _a.theme.palette;
-    return palette.grey[800];
-});
-var templateObject_1$e, templateObject_2$4, templateObject_3$3;
-
-var UnstyledDrawer = /** @class */ (function (_super) {
-    __extends(UnstyledDrawer, _super);
-    function UnstyledDrawer(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    UnstyledDrawer.prototype.render = function () {
-        var _a = this.props, actionClose = _a.actionClose, renderFooter = _a.renderFooter, renderHeader = _a.renderHeader, title = _a.title;
-        return (React.createElement("div", { className: 'drawer' },
-            React.createElement("div", { className: 'drawer__header' },
-                renderHeader ? renderHeader() : React.createElement("div", { className: 'drawer__header__title' }, title),
-                React.createElement("div", { className: 'drawer__header__actions' },
-                    React.createElement("span", { onClick: actionClose },
-                        React.createElement(StyledIcon$3, { icon: faTimes })))),
-            React.createElement("div", { className: 'drawer__body' }, this.props.children),
-            renderFooter ? React.createElement("div", { className: 'drawer__footer' }, renderFooter()) : null));
-    };
-    return UnstyledDrawer;
-}(Component));
-var Drawer = function (props) { return (React.createElement(StyledDrawerWrapper, __assign({}, props),
-    React.createElement(UnstyledDrawer, __assign({}, props)))); };
-
-var getDropdownItemStyles = function (_a) {
-    var theme = _a.theme, isDisabled = _a.isDisabled, active = _a.active, hasAction = _a.hasAction, _b = _a.type, type = _b === void 0 ? 'default' : _b;
-    var typeStyle = theme.components.dropdown.items.notActive[type];
-    var activeStyle = theme.components.dropdown.items.active;
-    var _c = active ? activeStyle : typeStyle, background = _c.background, color = _c.color, hoverBackground = _c.hoverBackground;
-    var opacity = isDisabled ? 0.5 : 1;
-    var cursor = hasAction ? 'pointer' : 'default';
-    return {
-        opacity: opacity,
-        background: background,
-        color: color,
-        cursor: cursor,
-        hoverBackground: hoverBackground,
-    };
-};
-
-var ShortcutText = styled.span(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  background-color: transparent;\n  color: ", ";\n  padding: 0 2px 0 2px;\n  white-space: nowrap;\n  font-size: 12px;\n"], ["\n  background-color: transparent;\n  color: ", ";\n  padding: 0 2px 0 2px;\n  white-space: nowrap;\n  font-size: 12px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[500];
-});
-var templateObject_1$f;
-
-var Item = function (_a) {
-    var active = _a.active, className = _a.className, icon = _a.icon, onClick = _a.onClick, shortcut = _a.shortcut, text = _a.text, isDisabled = _a.isDisabled, rest = __rest(_a, ["active", "className", "icon", "onClick", "shortcut", "text", "isDisabled"]);
-    var handleClick = useCallback(function (e) { return !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e)); }, [isDisabled, onClick]);
-    return (React.createElement(StyledItem, __assign({ className: className || '', onClick: handleClick, active: !!active, hasAction: !!onClick, isDisabled: isDisabled }, rest),
-        React.createElement(InnerWrapper, null,
-            icon && React.createElement(Icon, __assign({}, icon)),
-            React.createElement(TextWrapper, null, text),
-            shortcut && React.createElement(ShortcutText, null, shortcut))));
-};
-var hasActionCss = css(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-});
-var StyledItem = styled.div.attrs(getDropdownItemStyles)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  text-align: left;\n  line-height: 21px !important;\n  padding: 5px 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n\n  opacity: ", ";\n  color: ", ";\n  background-color: ", ";\n  cursor: ", ";\n\n  ", ";\n"], ["\n  text-align: left;\n  line-height: 21px !important;\n  padding: 5px 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n\n  opacity: ", ";\n  color: ", ";\n  background-color: ", ";\n  cursor: ", ";\n\n  ", ";\n"])), function (_a) {
-    var opacity = _a.opacity;
-    return opacity;
-}, function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var background = _a.background;
-    return background;
-}, function (_a) {
-    var cursor = _a.cursor;
-    return cursor;
-}, function (_a) {
-    var hasAction = _a.hasAction;
-    return (hasAction ? hasActionCss : null);
-});
-var InnerWrapper = styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  & > * {\n    display: inline;\n  }\n\n  & > svg {\n    margin-right: 10px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n\n  & > * {\n    display: inline;\n  }\n\n  & > svg {\n    margin-right: 10px;\n  }\n"])));
-var TextWrapper = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1 1 auto;\n"], ["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1 1 auto;\n"])));
-var templateObject_1$g, templateObject_2$5, templateObject_3$4, templateObject_4$2;
-
-var StyledDiv = styled.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  margin: 8px 0 8px 0;\n  display: block;\n  height: 1px;\n  border: 0;\n  border-top: 1px solid ", ";\n  padding: 0;\n  cursor: initial;\n"], ["\n  margin: 8px 0 8px 0;\n  display: block;\n  height: 1px;\n  border: 0;\n  border-top: 1px solid ", ";\n  padding: 0;\n  cursor: initial;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-});
-var Separator = function () { return React.createElement(StyledDiv, null); };
-var templateObject_1$h;
-
-var Title = function (props) { return React.createElement(StyledTitle, null, props.text); };
-var StyledTitle = styled.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n  cursor: initial;\n  text-align: left;\n  padding: 4px 16px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  color: ", ";\n"], ["\n  cursor: initial;\n  text-align: left;\n  padding: 4px 16px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[700];
-});
-var templateObject_1$i;
-
-var UserListItem = function (props) {
-    var avatarSize = props.avatarSize, img = props.img, noText = props.noText, onClick = props.onClick, placeholder = props.placeholder, renderText = props.renderText, text = props.text;
-    var initials = useMemo(function () {
-        if (text) {
-            return text
-                .split(' ')
-                .map(function (w) { return w[0]; })
-                .join('');
-        }
-        return undefined;
-    }, [text]);
-    return (React.createElement(UserListWrapper, { clickable: !!onClick, onClick: onClick },
-        React.createElement(Avatar, { image: img, placeholder: placeholder, size: avatarSize || 's', initials: initials }),
-        React.createElement(NameWrapper, null, renderText ? renderText : text ? text : noText)));
-};
-var UserListWrapper = styled.div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n  ", ";\n\n  display: flex;\n  padding: 4px 16px;\n  align-items: center;\n"], ["\n  ",
-    ";\n\n  display: flex;\n  padding: 4px 16px;\n  align-items: center;\n"])), function (_a) {
-    var clickable = _a.clickable;
-    return clickable && css(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n      &:hover {\n        background-color: ", ";\n        cursor: pointer;\n      }\n    "], ["\n      &:hover {\n        background-color: ", ";\n        cursor: pointer;\n      }\n    "])), function (_a) {
-        var theme = _a.theme;
-        return theme.palette.grey[100];
-    });
-});
-var NameWrapper = styled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n  width: 50px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n  flex-grow: 1;\n  padding-left: 10px;\n"], ["\n  width: 50px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n  flex-grow: 1;\n  padding-left: 10px;\n"])));
-var templateObject_1$j, templateObject_2$6, templateObject_3$5;
-
-var DefaultDropdown = function (_a) {
-    var closeDropdown = _a.closeDropdown, content = _a.content, fullWidth = _a.fullWidth, maxWidth = _a.maxWidth;
-    var mappedItems = useMemo(function () {
-        return content.map(function (_a, id) {
-            var onClick = _a.onClick, rest = __rest(_a, ["onClick"]);
-            return (React.createElement(Item, __assign({ fullWidth: fullWidth, maxWidth: maxWidth, key: id, onClick: function (e) {
-                    e.stopPropagation();
-                    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-                    closeDropdown();
-                } }, rest)));
-        });
-    }, [closeDropdown, content, fullWidth, maxWidth]);
-    return React.createElement(React.Fragment, null, mappedItems);
-};
-
-var DefaultTrigger = function (_a) {
-    var title = _a.title;
-    return React.createElement(Button, { text: title, iconRight: { icon: faChevronDown } });
-};
-
-var DropdownImpl = function (props) {
-    var className = props.className, content = props.content, fullWidth = props.fullWidth, maxWidth = props.maxWidth, _a = props.minWidthAsTrigger, minWidthAsTrigger = _a === void 0 ? false : _a, _b = props.placement, placement = _b === void 0 ? 'bottom-start' : _b, renderContent = props.renderContent, renderTrigger = props.renderTrigger, triggerStyles = props.triggerStyles, title = props.title, _c = props.forceOpen, forceOpen = _c === void 0 ? false : _c;
-    var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
-    var toggleDropdown = useCallback(function (e) {
-        setIsOpen(function (isOpen) { return !isOpen; });
-        e.stopPropagation();
-    }, []);
-    var closeDropdown = useCallback(function () { return setIsOpen(false); }, []);
-    useEffect(function () {
-        setIsOpen(forceOpen);
-    }, [forceOpen]);
-    // Close Dropdown on click outside
-    var wrapperRef = useRef(null);
-    useClickAway(wrapperRef, function () { return closeDropdown(); });
-    var popperRef = useRef(null);
-    var buttonRef = useRef(null);
-    var _e = useState(null), arrowRef = _e[0], setArrowRef = _e[1];
-    var _f = usePopper(buttonRef.current, popperRef.current, {
-        placement: placement,
-        strategy: 'fixed',
-        modifiers: useMemo(function () { return [
-            {
-                name: 'arrow',
-                options: {
-                    element: arrowRef,
-                },
-            },
-            {
-                name: 'offset',
-                enabled: true,
-                options: {
-                    offset: [0, 4],
-                },
-            },
-            {
-                name: 'minWidthAsTrigger',
-                enabled: minWidthAsTrigger,
-                phase: 'beforeWrite',
-                requires: ['computeStyles'],
-                fn: function (_a) {
-                    var state = _a.state;
-                    state.styles.popper.minWidth = state.rects.reference.width + "px";
-                },
-                effect: function (_a) {
-                    var state = _a.state;
-                    var width = state.elements.reference.getBoundingClientRect().width;
-                    state.elements.popper.style.minWidth = width + "px";
-                },
-            },
-        ]; }, [minWidthAsTrigger, arrowRef]),
-    }), attributes = _f.attributes, styles = _f.styles;
-    return (React.createElement(Wrapper$3, { className: className, ref: wrapperRef },
-        React.createElement("div", { style: triggerStyles, ref: buttonRef, onClick: toggleDropdown },
-            title && React.createElement(DefaultTrigger, { title: title }),
-            !title && renderTrigger && renderTrigger()),
-        React.createElement(CSSTransition, { in: forceOpen || isOpen, timeout: 200, unmountOnExit: true, appear: true },
-            React.createElement(BodyAnimationWrapper, null,
-                React.createElement(PopperContainer, __assign({ ref: popperRef, style: styles.popper }, attributes.popper),
-                    React.createElement("div", { ref: setArrowRef, style: styles.arrow }),
-                    React.createElement("div", { style: styles.offset }, content ? (React.createElement(DefaultWrapper, { fullWidth: fullWidth, maxWidth: maxWidth },
-                        React.createElement(DefaultDropdown, { content: content, fullWidth: fullWidth, maxWidth: maxWidth, closeDropdown: closeDropdown }))) : (React.createElement(CustomWrapper, { maxWidth: maxWidth }, renderContent === null || renderContent === void 0 ? void 0 : renderContent(closeDropdown)))))))));
-};
-var Wrapper$3 = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var DefaultWrapper = styled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ",
-    ";\n"])), function (_a) {
-    var fullWidth = _a.fullWidth, maxWidth = _a.maxWidth;
-    return maxWidth
-        ? css(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n          max-width: ", ";\n        "], ["\n          max-width: ", ";\n        "])), maxWidth) : css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), fullWidth ? 'auto' : '200px');
-});
-var CustomWrapper = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var maxWidth = _a.maxWidth;
-    return maxWidth && css(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n      max-width: ", ";\n    "], ["\n      max-width: ", ";\n    "])), maxWidth);
-});
-var PopperContainer = styled.div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n  overflow-y: hidden;\n  padding: 8px 0;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 3px;\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n  z-index: 9;\n"], ["\n  overflow-y: hidden;\n  padding: 8px 0;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 3px;\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n  z-index: 9;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[900];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.white[100];
-});
-var BodyAnimationWrapper = styled.div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"], ["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"])));
-var templateObject_1$k, templateObject_2$7, templateObject_3$6, templateObject_4$3, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8$1;
-
-var Dropdown = /** @class */ (function (_super) {
-    __extends(Dropdown, _super);
-    function Dropdown() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Dropdown.prototype.render = function () {
-        return React.createElement(DropdownImpl, __assign({}, this.props));
-    };
-    Dropdown.Item = Item;
-    Dropdown.Title = function (localProps) { return Title(localProps); };
-    Dropdown.Separator = Separator;
-    Dropdown.UserListItem = UserListItem;
-    return Dropdown;
-}(Component));
-
-var dropdownPalette = {
-    items: {
-        active: {
-            color: defaultPalette.black[100],
-            background: defaultPalette.blue[50],
-            hoverBackground: defaultPalette.grey[100],
-        },
-        notActive: {
-            default: {
-                color: defaultPalette.black[100],
-                background: 'transparent',
-                hoverBackground: defaultPalette.grey[100],
-            },
-            danger: {
-                color: defaultPalette.red[500],
-                background: 'transparent',
-                hoverBackground: defaultPalette.red[50],
-            },
-            success: {
-                color: defaultPalette.green[500],
-                background: 'transparent',
-                hoverBackground: defaultPalette.green[50],
-            },
-            warning: {
-                color: defaultPalette.yellow[500],
-                background: 'transparent',
-                hoverBackground: defaultPalette.yellow[50],
-            },
-            link: {
-                color: defaultPalette.blue[500],
-                background: 'transparent',
-                hoverBackground: defaultPalette.blue[50],
-            },
-        },
-    },
-};
-
-var sizeSetter = function (size) {
-    switch (size) {
-        case 'small':
-            return css(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n        height: 16px;\n        min-width: 16px;\n        top: 3px;\n        right: 3px;\n      "], ["\n        height: 16px;\n        min-width: 16px;\n        top: 3px;\n        right: 3px;\n      "])));
-        case 'large':
-            return css(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n        height: 23px;\n        min-width: 23px;\n        top: -1px;\n        right: -1px;\n      "], ["\n        height: 23px;\n        min-width: 23px;\n        top: -1px;\n        right: -1px;\n      "])));
-        case 'medium':
-        default:
-            return css(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n        height: 20px;\n        min-width: 20px;\n        top: 1px;\n        right: 1px;\n      "], ["\n        height: 20px;\n        min-width: 20px;\n        top: 1px;\n        right: 1px;\n      "])));
-    }
-};
-var fontSetter = function (size) {
-    switch (size) {
-        case 'small':
-            return css(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n        font-size: 12px;\n        line-height: 15px;\n      "], ["\n        font-size: 12px;\n        line-height: 15px;\n      "])));
-        case 'large':
-            return css(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n        font-size: 14px;\n        line-height: 20px;\n      "], ["\n        font-size: 14px;\n        line-height: 20px;\n      "])));
-        case 'medium':
-        default:
-            return css(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n        font-size: 12px;\n        line-height: 18px;\n      "], ["\n        font-size: 12px;\n        line-height: 18px;\n      "])));
-    }
-};
-var FloatingBadge = styled.span(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  background-color: #de350b;\n  border-radius: 12px;\n  position: absolute;\n  ", ";\n  top: ", ";\n  right: ", ";\n\n  &:after {\n    content: '", "';\n    color: white;\n    white-space: nowrap;\n\n    font-style: normal;\n    font-weight: 500;\n    ", ";\n\n    position: static;\n    margin: 1px 2px;\n    display: block;\n    text-align: center;\n  }\n"], ["\n  background-color: #de350b;\n  border-radius: 12px;\n  position: absolute;\n  ", ";\n  top: ", ";\n  right: ", ";\n\n  &:after {\n    content: '", "';\n    color: white;\n    white-space: nowrap;\n\n    font-style: normal;\n    font-weight: 500;\n    ", ";\n\n    position: static;\n    margin: 1px 2px;\n    display: block;\n    text-align: center;\n  }\n"])), function (_a) {
-    var size = _a.size;
-    return sizeSetter(size);
-}, function (_a) {
-    var top = _a.top;
-    return (top !== undefined ? top + "px" : undefined);
-}, function (_a) {
-    var right = _a.right;
-    return (right !== undefined ? right + "px" : undefined);
-}, function (_a) {
-    var counter = _a.counter;
-    return counter;
-}, function (_a) {
-    var size = _a.size;
-    return fontSetter(size);
-});
-var templateObject_1$l, templateObject_2$8, templateObject_3$7, templateObject_4$4, templateObject_5$2, templateObject_6$2, templateObject_7$2;
-
-var WithBadge = function (props) {
-    var children = props.children, rest = __rest(props, ["children"]);
-    return (React.createElement(WithBadgeWrapper, null,
-        children,
-        !rest.isDisabled && React.createElement(FloatingBadge, __assign({}, rest))));
-};
-var WithBadgeWrapper = styled.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n  display: inline-block;\n  position: relative;\n"], ["\n  display: inline-block;\n  position: relative;\n"])));
-var templateObject_1$m;
-
-var InputHelper = function (_a) {
-    var status = _a.status, message = _a.message, icon = _a.icon;
-    return (React.createElement(Wrapper$4, { status: status },
-        icon && React.createElement(StyledIcon$4, __assign({}, icon)),
-        message));
-};
-var StyledIcon$4 = styled(Icon)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n  margin-top: 2px;\n"], ["\n  margin-top: 2px;\n"])));
-var Wrapper$4 = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n  color: ", ";\n  background: ", ";\n  border-radius: 4px;\n\n  padding: 4px 8px;\n\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n\n  font-size: 12px;\n  line-height: 18px;\n\n  ", " {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n  background: ", ";\n  border-radius: 4px;\n\n  padding: 4px 8px;\n\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n\n  font-size: 12px;\n  line-height: 18px;\n\n  ", " {\n    color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme, status = _a.status;
-    return theme.components.inputHelper[status].color;
-}, function (_a) {
-    var theme = _a.theme, status = _a.status;
-    return theme.components.inputHelper[status].background;
-}, StyledIcon$4, function (_a) {
-    var theme = _a.theme, status = _a.status;
-    return theme.components.inputHelper[status].color;
-});
-var templateObject_1$n, templateObject_2$9;
-
-var inputHelperPalette = {
-    normal: {
-        color: defaultPalette.black[100],
-        background: defaultPalette.grey[100],
-    },
-    error: {
-        color: defaultPalette.red[900],
-        background: defaultPalette.red[50],
-    },
-    warning: {
-        color: defaultPalette.yellow[900],
-        background: defaultPalette.yellow[50],
-    },
-    info: {
-        color: defaultPalette.blue[900],
-        background: defaultPalette.blue[50],
-    },
-    success: {
-        color: defaultPalette.green[900],
-        background: defaultPalette.green[50],
-    },
-};
-
-var ComplexInputWrapper = styled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 6px;\n  flex: 1;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 6px;\n  flex: 1;\n"])));
-var templateObject_1$o;
-
-var inputTextHTMLLabelBootstrapFixes = css(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n  cursor: default !important;\n  font-weight: 400 !important;\n  display: block !important;\n  margin-bottom: 0 !important;\n"], ["\n  cursor: default !important;\n  font-weight: 400 !important;\n  display: block !important;\n  margin-bottom: 0 !important;\n"])));
-var templateObject_1$p;
-
-var Label$1 = function (_a) {
-    var label = _a.label, isDisabled = _a.isDisabled, required = _a.required;
-    if (!label) {
-        return null;
-    }
-    return (React.createElement(Wrapper$5, { isDisabled: isDisabled, required: required }, label));
-};
-var requiredCss = css(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  &:after {\n    color: ", ";\n    content: '*';\n    display: inline;\n  }\n"], ["\n  &:after {\n    color: ", ";\n    content: '*';\n    display: inline;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.red[500];
-});
-var Wrapper$5 = styled.label(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n  font-size: 12px;\n  line-height: 18px;\n\n  color: ", ";\n  ", "\n\n  /* Bootstrap Fixes */\n  ", "\n"], ["\n  font-size: 12px;\n  line-height: 18px;\n\n  color: ", ";\n  ", "\n\n  /* Bootstrap Fixes */\n  ", "\n"])), function (_a) {
-    var palette = _a.theme.palette, isDisabled = _a.isDisabled;
-    return (isDisabled ? palette.grey[300] : palette.black[100]);
-}, function (_a) {
-    var required = _a.required;
-    return required && requiredCss;
-}, inputTextHTMLLabelBootstrapFixes);
-var templateObject_1$q, templateObject_2$a;
-
-var boxedInputWrapperStyle = css(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n\n  border-radius: 4px;\n\n  transition: box-shadow 0.3s ease-in-out;\n\n  &:focus-within {\n    ", "\n  }\n"], ["\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n\n  border-radius: 4px;\n\n  transition: box-shadow 0.3s ease-in-out;\n\n  &:focus-within {\n    ",
-    "\n  }\n"])), function (_a) {
-    var background = _a.background;
-    return background;
-}, function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var borderColor = _a.borderColor;
-    return borderColor;
-}, function (_a) {
-    var status = _a.status, normalFocused = _a.normalFocused, borderColor = _a.borderColor;
-    return status === 'normal'
-        ? css(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n            box-shadow: 0 0 0 3px ", ";\n            border-color: ", ";\n          "], ["\n            box-shadow: 0 0 0 3px ", ";\n            border-color: ", ";\n          "])), normalFocused.borderColor + '85', normalFocused.borderColor) : css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n            box-shadow: 0 0 0 3px ", ";\n          "], ["\n            box-shadow: 0 0 0 3px ", ";\n          "])), borderColor + '85');
-});
-var templateObject_1$r, templateObject_2$b, templateObject_3$8;
-
-var warningIcon = {
-    icon: faExclamationTriangle,
-    fixedWidth: true,
-};
-var errorIcon = {
-    icon: faTimesCircle,
-    fixedWidth: true,
-};
-var successIcon = {
-    icon: faCheckCircle,
-    fixedWidth: true,
-};
-var iconMap = {
-    normal: undefined,
-    warning: warningIcon,
-    error: errorIcon,
-    success: successIcon,
-};
-var StatusIcon = function (_a) {
-    var status = _a.status;
-    var icon = iconMap[status];
-    if (!icon) {
-        return null;
-    }
-    return React.createElement(StyledIcon$5, __assign({}, icon, { status: status }));
-};
-var StyledIcon$5 = styled(Icon)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
-    var theme = _a.theme, status = _a.status;
-    return theme.components.inputText[status].iconColor;
-});
-var templateObject_1$s;
-
-var inputTextHTMLInputBootstrapFixes = css(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n  font-weight: 400 !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  font-size: 14px !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  height: ", "px !important;\n  padding: 1px 2px !important;\n  margin: 0 !important;\n  color: black !important;\n"], ["\n  font-weight: 400 !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  font-size: 14px !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  height: ", "px !important;\n  padding: 1px 2px !important;\n  margin: 0 !important;\n  color: black !important;\n"])), function (_a) {
-    var inputSize = _a.inputSize;
-    return (inputSize === 'large' ? 40 : 30);
-});
-var templateObject_1$t;
-
-var StyledInput = styled.input(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n\n  height: ", "px;\n\n  border: 0;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ", "\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"], ["\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n\n  height: ", "px;\n\n  border: 0;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ",
-    "\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"])), function (_a) {
-    var inputSize = _a.inputSize;
-    return (inputSize === 'large' ? 40 : 30);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[200];
-}, function (_a) {
-    var type = _a.type;
-    return type === 'password' && css(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n      letter-spacing: 1px;\n    "], ["\n      letter-spacing: 1px;\n    "])));
-}, inputTextHTMLInputBootstrapFixes);
-var templateObject_1$u, templateObject_2$c;
-
-var getInputTextStyles = function (_a) {
-    var theme = _a.theme, isDisabled = _a.isDisabled, _b = _a.status, status = _b === void 0 ? 'normal' : _b;
-    var actualStatus = isDisabled ? 'disabled' : status;
-    var styles = theme.components.inputText[actualStatus];
-    return __assign(__assign({}, styles), { normalFocused: theme.components.inputText['normalFocused'] });
-};
-
-var InputElement = function (_a) {
-    var autoFocus = _a.autoFocus, onBlur = _a.onBlur, onChange = _a.onChange, _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, isDisabled = _a.isDisabled, name = _a.name, inputSize = _a.inputSize, leadingIcon = _a.leadingIcon, onKeyPress = _a.onKeyPress, _d = _a.status, status = _d === void 0 ? 'normal' : _d, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, inputType = _a.inputType, onFocus = _a.onFocus, className = _a.className, actionIcon = _a.actionIcon, setValue = _a.setValue;
-    var ref = useRef(null);
-    var onClick = useCallback(function () { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
-    var actualValue = (value === null || value === void 0 ? void 0 : value.toString()) || '';
-    var handleChange = useCallback(function (e) {
-        setValue === null || setValue === void 0 ? void 0 : setValue(e.currentTarget.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }, [onChange, setValue]);
-    var handleBlur = useCallback(function (e) {
-        setValue === null || setValue === void 0 ? void 0 : setValue(e.target.value.trim());
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    }, [onBlur, setValue]);
-    return (React.createElement(Wrapper$6, { onClick: onClick, isDisabled: isDisabled, status: status, className: className },
-        leadingIcon && React.createElement(InputIcon, __assign({}, leadingIcon, { isDisabled: isDisabled })),
-        React.createElement(StyledInput, { ref: ref, type: inputType, autoFocus: autoFocus, value: actualValue, placeholder: "" + placeholder, disabled: isDisabled, name: name, inputSize: inputSize, onChange: handleChange, onFocus: onFocus, onBlur: handleBlur, onKeyPress: onKeyPress, onKeyDown: onKeyDown, onKeyUp: onKeyUp }),
-        React.createElement(StatusIcon, { status: status }),
-        actionIcon && React.createElement(InputIcon, __assign({}, actionIcon, { isDisabled: isDisabled }))));
-};
-var Wrapper$6 = styled.div.attrs(getInputTextStyles)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n  ", ";\n\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  gap: 8px;\n  padding: 0 8px;\n"], ["\n  ", ";\n\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  gap: 8px;\n  padding: 0 8px;\n"])), boxedInputWrapperStyle);
-var InputIcon = styled(Icon)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n  color: ", ";\n  font-size: 14px;\n"], ["\n  color: ", ";\n  font-size: 14px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.black[100];
-});
-var templateObject_1$v, templateObject_2$d;
-
-var InputText = function (props) {
-    var label = props.label, className = props.className, inputProps = __rest(props, ["label", "className"]);
-    var isDisabled = props.isDisabled, required = props.required, helper = props.helper;
-    return (React.createElement(ComplexInputWrapper, { className: className },
-        React.createElement(Label$1, { label: label, isDisabled: isDisabled, required: required }),
-        React.createElement(InputElement, __assign({}, inputProps)),
-        helper && React.createElement(InputHelper, __assign({}, helper))));
-};
-
-var inputTextPalette = {
-    normal: {
-        background: defaultPalette.white[100],
-        color: defaultPalette.black[100],
-        iconColor: defaultPalette.black[100],
-        borderColor: defaultPalette.grey[500],
-    },
-    normalFocused: {
-        background: defaultPalette.white[100],
-        color: defaultPalette.black[100],
-        borderColor: defaultPalette.blue[300],
-    },
-    success: {
-        background: defaultPalette.green[50],
-        color: defaultPalette.black[100],
-        iconColor: defaultPalette.green[900],
-        borderColor: defaultPalette.green[300],
-    },
-    warning: {
-        background: defaultPalette.yellow[50],
-        color: defaultPalette.black[100],
-        iconColor: defaultPalette.yellow[900],
-        borderColor: defaultPalette.yellow[300],
-    },
-    error: {
-        background: defaultPalette.red[50],
-        color: defaultPalette.black[100],
-        iconColor: defaultPalette.red[900],
-        borderColor: defaultPalette.red[300],
-    },
-    disabled: {
-        background: defaultPalette.grey[100],
-        color: defaultPalette.black[16],
-        iconColor: defaultPalette.black[16],
-        borderColor: 'transparent',
-    },
-};
-
-var useSelectValue = function (initialValue) { return useState(initialValue); };
-var useSelectMultiValues = function (initialValue) {
-    return useState(initialValue);
-};
-
-var ClearIndicator = function (_a) {
-    var isDisabled = _a.isDisabled, clearValue = _a.clearValue;
-    var onClick = useCallback(function () { return !isDisabled && clearValue(); }, [clearValue, isDisabled]);
-    return React.createElement(CaretIcon, { icon: faTimes$1, onClick: onClick });
-};
-var CaretIcon = styled(Icon)(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  margin: 0.5em;\n"], ["\n  margin: 0.5em;\n"])));
-var templateObject_1$w;
-
-var Control = function (_a) {
-    var onMouseDown = _a.innerProps.onMouseDown, children = _a.children;
-    return React.createElement(Wrapper$7, { onMouseDown: onMouseDown }, children);
-};
-var Wrapper$7 = styled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: initial;\n\n  cursor: default;\n"], ["\n  display: flex;\n  flex-wrap: initial;\n\n  cursor: default;\n"])));
-var templateObject_1$x;
-
-var DropdownIndicator = function (_a) {
-    var selectProps = _a.selectProps;
-    return (React.createElement(Wrapper$8, { isRotated: selectProps.menuIsOpen },
-        React.createElement(Icon, { icon: faCaretDown })));
-};
-var Wrapper$8 = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  margin: 0.5em;\n\n  transition: transform 250ms ease;\n  transform: rotate(", "deg);\n"], ["\n  margin: 0.5em;\n\n  transition: transform 250ms ease;\n  transform: rotate(", "deg);\n"])), function (_a) {
-    var isRotated = _a.isRotated;
-    return (isRotated ? 180 : 0);
-});
-var templateObject_1$y;
-
-var FooterActions = function (_a) {
-    var actions = _a.actions, triggerClose = _a.triggerClose;
-    var mappedActions = useMemo(function () {
-        return actions.map(function (_a, id) {
-            var onClick = _a.onClick, closeOnClick = _a.closeOnClick, rest = __rest(_a, ["onClick", "closeOnClick"]);
-            return (React.createElement(FooterItem, __assign({ key: id, onClick: function (e) {
-                    e.stopPropagation();
-                    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-                    closeOnClick && triggerClose();
-                } }, rest)));
-        });
-    }, [actions]);
-    return React.createElement(Wrapper$9, null, mappedActions);
-};
-var Wrapper$9 = styled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n"], ["\n  border-top: 1px solid ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-});
-var FooterItem = styled(Item)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n  padding: 5px 10px;\n"], ["\n  padding: 5px 10px;\n"])));
-var templateObject_1$z, templateObject_2$e;
-
-var MenuList = function (props) {
-    var setValue = props.setValue, getValue = props.getValue, selectProps = props.selectProps;
-    var children = props.children, rest = __rest(props, ["children"]);
-    var footerActions = selectProps === null || selectProps === void 0 ? void 0 : selectProps.footerActions;
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    var triggerClose = useCallback(function () { return setValue(getValue(), 'select-option'); }, [getValue, setValue]);
-    return (React.createElement(Wrapper$a, null,
-        React.createElement(components$1.MenuList, __assign({}, rest),
-            children,
-            footerActions && React.createElement(FooterActions, { actions: footerActions, triggerClose: triggerClose }))));
-};
-var Wrapper$a = styled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject([""], [""])));
-var templateObject_1$A;
-
-var Option = function (_a) {
-    var onClick = _a.innerProps.onClick, _b = _a.data, label = _b.label, icon = _b.icon;
-    return (React.createElement(Wrapper$b, { onClick: onClick },
-        icon && React.createElement(Icon, __assign({}, icon)),
-        React.createElement("div", null, label)));
-};
-var Wrapper$b = styled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  height: 32px;\n\n  cursor: pointer;\n\n  font-size: 14px;\n\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  padding: 0 10px;\n\n  &:hover {\n    background: ", ";\n  }\n"], ["\n  height: 32px;\n\n  cursor: pointer;\n\n  font-size: 14px;\n\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  padding: 0 10px;\n\n  &:hover {\n    background: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-});
-var templateObject_1$B;
-
-var Placeholder = function (_a) {
-    var children = _a.children;
-    return (React.createElement(Wrapper$c, null, children));
-};
-var Wrapper$c = styled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  font-size: 14px;\n  color: ", ";\n"], ["\n  font-size: 14px;\n  color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[200];
-});
-var templateObject_1$C;
-
-var getCustomComponents = function () { return ({
-    Option: Option,
-    DropdownIndicator: DropdownIndicator,
-    ClearIndicator: ClearIndicator,
-    Placeholder: Placeholder,
-    Control: Control,
-    MenuList: MenuList,
-}); };
-
-var getSelectStyles = function (_a) {
-    var theme = _a.theme, isDisabled = _a.isDisabled, _b = _a.status, status = _b === void 0 ? 'normal' : _b;
-    var actualStatus = isDisabled ? 'disabled' : status;
-    var styles = theme.components.select[actualStatus];
-    return __assign(__assign({}, styles), { normalFocused: theme.components.select['normalFocused'] });
-};
-
-var useSelectThemeStyles = function (_a) {
-    var status = _a.status, isDisabled = _a.isDisabled;
-    var theme = useTheme();
-    var color = getSelectStyles({ theme: theme, status: status, isDisabled: isDisabled }).color;
-    return {
-        singleValue: function (provided) { return (__assign(__assign({}, provided), { color: color, fontSize: '14px' })); },
-        noOptionsMessage: function (base) { return (__assign(__assign({}, base), { fontSize: '14px' })); },
-        valueContainer: function (base) { return (__assign(__assign({}, base), { padding: '0 8px' })); },
-    };
-};
-
-var selectBootstrapFixes = css(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  input {\n    margin-bottom: 0 !important;\n    box-shadow: none !important;\n  }\n"], ["\n  input {\n    margin-bottom: 0 !important;\n    box-shadow: none !important;\n  }\n"])));
-var templateObject_1$D;
-
-var SelectWrapper = styled.span.attrs(getSelectStyles)(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  & > div:first-child {\n    ", ";\n    & > div:nth-child(2) {\n      height: ", "px;\n      min-height: ", "px;\n    }\n  }\n\n  ", "\n"], ["\n  & > div:first-child {\n    ", ";\n    & > div:nth-child(2) {\n      height: ", "px;\n      min-height: ", "px;\n    }\n  }\n\n  ", "\n"])), boxedInputWrapperStyle, function (_a) {
-    var inputSize = _a.inputSize;
-    return (inputSize === 'large' ? 40 : 30);
-}, function (_a) {
-    var inputSize = _a.inputSize;
-    return (inputSize === 'large' ? 40 : 30);
-}, selectBootstrapFixes);
-var templateObject_1$E;
-
-var SelectsWrapper = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    var label = rest.label, isDisabled = rest.isDisabled, required = rest.required, helper = rest.helper, _b = rest.status, status = _b === void 0 ? 'normal' : _b, inputSize = rest.inputSize;
-    return (React.createElement(ComplexInputWrapper, null,
-        React.createElement(Label$1, { label: label, isDisabled: isDisabled, required: required }),
-        React.createElement(SelectWrapper, { isDisabled: isDisabled, status: status, inputSize: inputSize }, children),
-        helper && React.createElement(InputHelper, __assign({}, helper))));
-};
-var Select = function (props) {
-    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
-    var styles = useSelectThemeStyles({ status: status });
-    var customComponents = useMemo(function () { return (__assign(__assign({}, getCustomComponents()), components)); }, [components]);
-    return (React.createElement(SelectsWrapper, __assign({}, props),
-        React.createElement(ReactSelect, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
-};
-var CreatableSelect = function (props) {
-    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
-    var styles = useSelectThemeStyles({ status: status });
-    var customComponents = useMemo(function () { return (__assign(__assign({}, getCustomComponents()), components)); }, [components]);
-    return (React.createElement(SelectsWrapper, __assign({}, props),
-        React.createElement(Creatable, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
-};
-var AsyncSelect = function (props) {
-    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
-    var styles = useSelectThemeStyles({ status: status });
-    var customComponents = useMemo(function () { return (__assign(__assign({}, getCustomComponents()), components)); }, [components]);
-    return (React.createElement(SelectsWrapper, __assign({}, props),
-        React.createElement(Async, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
-};
-var AsyncCreatableSelect = function (props) {
-    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
-    var styles = useSelectThemeStyles({ status: status });
-    var customComponents = useMemo(function () { return (__assign(__assign({}, getCustomComponents()), components)); }, [components]);
-    return (React.createElement(SelectsWrapper, __assign({}, props),
-        React.createElement(AsyncCreatable, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
-};
-
-var selectPalette = {
-    normal: {
-        background: defaultPalette.white[100],
-        color: defaultPalette.black[100],
-        iconColor: defaultPalette.black[100],
-        borderColor: defaultPalette.grey[500],
-    },
-    normalFocused: {
-        background: defaultPalette.white[100],
-        color: defaultPalette.black[100],
-        iconColor: defaultPalette.black[100],
-        borderColor: defaultPalette.blue[300],
-    },
-    success: {
-        background: defaultPalette.green[50],
-        color: defaultPalette.black[100],
-        iconColor: defaultPalette.green[900],
-        borderColor: defaultPalette.green[300],
-    },
-    warning: {
-        background: defaultPalette.yellow[50],
-        color: defaultPalette.black[100],
-        iconColor: defaultPalette.yellow[900],
-        borderColor: defaultPalette.yellow[300],
-    },
-    error: {
-        background: defaultPalette.red[50],
-        color: defaultPalette.black[100],
-        iconColor: defaultPalette.red[900],
-        borderColor: defaultPalette.red[300],
-    },
-    disabled: {
-        background: defaultPalette.grey[100],
-        color: defaultPalette.black[16],
-        iconColor: defaultPalette.black[16],
-        borderColor: 'transparent',
-    },
-};
-
-var CharCounter = function (_a) {
-    var length = _a.length, maxLength = _a.maxLength;
-    return (React.createElement(Wrapper$d, null,
-        length,
-        maxLength && "/" + maxLength));
-};
-var Wrapper$d = styled.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n  text-align: right;\n  color: ", ";\n  padding: 0.3em;\n"], ["\n  text-align: right;\n  color: ", ";\n  padding: 0.3em;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[500];
-});
-var templateObject_1$F;
-
-var inputTextHTMLTextAreaBootstrapFixes = css(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n  font-weight: 400 !important;\n  margin: 0 !important;\n  font-size: 14px !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  color: black !important;\n  padding: 8px 0 0 8px !important;\n  height: 100% !important;\n"], ["\n  font-weight: 400 !important;\n  margin: 0 !important;\n  font-size: 14px !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  color: black !important;\n  padding: 8px 0 0 8px !important;\n  height: 100% !important;\n"])));
-var templateObject_1$G;
-
-var StyledTextArea = styled.textarea(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n  resize: none;\n\n  margin: 0;\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n  border: 0;\n  padding: 8px 0 0 8px;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"], ["\n  resize: none;\n\n  margin: 0;\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n  border: 0;\n  padding: 8px 0 0 8px;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[200];
-}, inputTextHTMLTextAreaBootstrapFixes);
-var templateObject_1$H;
-
-var getTextAreaStyles = function (_a) {
-    var theme = _a.theme, isDisabled = _a.isDisabled, _b = _a.status, status = _b === void 0 ? 'normal' : _b;
-    var actualStatus = isDisabled ? 'disabled' : status;
-    var styles = theme.components.textArea[actualStatus];
-    return __assign(__assign({}, styles), { normalFocused: theme.components.textArea['normalFocused'] });
-};
-
-var TextAreaElement = function (_a) {
-    var autoFocus = _a.autoFocus, onBlur = _a.onBlur, onChange = _a.onChange, _b = _a.value, value = _b === void 0 ? '' : _b, placeholder = _a.placeholder, isDisabled = _a.isDisabled, name = _a.name, onKeyPress = _a.onKeyPress, _c = _a.status, status = _c === void 0 ? 'normal' : _c, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, onFocus = _a.onFocus, className = _a.className, setValue = _a.setValue, _d = _a.initialHeight, initialHeight = _d === void 0 ? '10rem' : _d, maxLength = _a.maxLength, _e = _a.isResizable, isResizable = _e === void 0 ? false : _e, _f = _a.showCounter, showCounter = _f === void 0 ? false : _f;
-    var ref = useRef(null);
-    var onClick = useCallback(function () { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
-    var actualValue = (value === null || value === void 0 ? void 0 : value.toString()) || '';
-    var handleChange = useCallback(function (e) {
-        setValue === null || setValue === void 0 ? void 0 : setValue(e.currentTarget.value.slice(0, maxLength || Infinity));
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }, [maxLength, onChange, setValue]);
-    useEffect(function () {
-        setValue === null || setValue === void 0 ? void 0 : setValue(value === null || value === void 0 ? void 0 : value.slice(0, maxLength || Infinity));
-    }, [maxLength, setValue, value]);
-    var handleBlur = useCallback(function (e) {
-        setValue === null || setValue === void 0 ? void 0 : setValue(e.target.value.trim());
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-    }, [onBlur, setValue]);
-    return (React.createElement(Wrapper$e, { onClick: onClick, isDisabled: isDisabled, status: status, className: className, initialHeight: initialHeight, isResizable: isResizable },
-        React.createElement(FlexWrapper, null,
-            React.createElement(StyledTextArea, { ref: ref, autoFocus: autoFocus, value: actualValue, placeholder: placeholder, disabled: isDisabled, name: name, onChange: handleChange, onFocus: onFocus, onBlur: handleBlur, onKeyPress: onKeyPress, onKeyDown: onKeyDown, onKeyUp: onKeyUp }),
-            (showCounter || maxLength) && React.createElement(CharCounter, { length: actualValue.length, maxLength: maxLength }))));
-};
-var FlexWrapper = styled.div(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n"])));
-var Wrapper$e = styled.div.attrs(getTextAreaStyles)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n  ", ";\n\n  resize: ", ";\n  overflow: hidden;\n\n  min-height: 3em;\n\n  height: ", ";\n"], ["\n  ", ";\n\n  resize: ", ";\n  overflow: hidden;\n\n  min-height: 3em;\n\n  height: ", ";\n"])), boxedInputWrapperStyle, function (_a) {
-    var isResizable = _a.isResizable;
-    return (isResizable ? 'vertical' : 'none');
-}, function (_a) {
-    var initialHeight = _a.initialHeight;
-    return initialHeight;
-});
-var templateObject_1$I, templateObject_2$f;
-
-var TextArea = function (props) {
-    var label = props.label, className = props.className, inputProps = __rest(props, ["label", "className"]);
-    var isDisabled = props.isDisabled, required = props.required, helper = props.helper;
-    return (React.createElement(ComplexInputWrapper, { className: className },
-        React.createElement(Label$1, { label: label, isDisabled: isDisabled, required: required }),
-        React.createElement(TextAreaElement, __assign({}, inputProps)),
-        helper && React.createElement(InputHelper, __assign({}, helper))));
-};
-
-var textAreaPalette = {
-    normal: {
-        background: defaultPalette.white[100],
-        color: defaultPalette.black[100],
-        borderColor: defaultPalette.grey[500],
-    },
-    normalFocused: {
-        background: defaultPalette.white[100],
-        color: defaultPalette.black[100],
-        borderColor: defaultPalette.blue[300],
-    },
-    success: {
-        background: defaultPalette.green[50],
-        color: defaultPalette.black[100],
-        borderColor: defaultPalette.green[300],
-    },
-    warning: {
-        background: defaultPalette.yellow[50],
-        color: defaultPalette.black[100],
-        borderColor: defaultPalette.yellow[300],
-    },
-    error: {
-        background: defaultPalette.red[50],
-        color: defaultPalette.black[100],
-        borderColor: defaultPalette.red[300],
-    },
-    disabled: {
-        background: defaultPalette.grey[100],
-        color: defaultPalette.black[16],
-        borderColor: 'transparent',
-    },
-};
-
-var ItemElement = function (props) {
-    var action = props.action, active = props.active, icon = props.icon, index = props.index, mouseBlockedProps = props.mouseBlockedProps, navigable = props.navigable, onClick = props.onClick, onMouseHover = props.onMouseHover, onMouseOut = props.onMouseOut, placeholder = props.placeholder, showActionOnHover = props.showActionOnHover, title = props.title, wrapperRef = props.wrapperRef;
-    var mouseBlocked = mouseBlockedProps.mouseBlocked, setMouseBlocked = mouseBlockedProps.setMouseBlocked;
-    var elemRef = useRef(null);
-    var handleKeyDown = useCallback(function (e) {
-        var _a;
-        if (navigable) {
-            setMouseBlocked(true);
-            if (e.key === 'Enter') {
-                e.preventDefault();
-                (_a = elemRef.current) === null || _a === void 0 ? void 0 : _a.click();
-            }
-            if (['ArrowUp', 'ArrowDown'].includes(e.key)) {
-                e.preventDefault();
-                var allItems = document.querySelectorAll("[data-grouped-list-item]");
-                var targetSelector = e.key === 'ArrowUp' ? "[data-grouped-list-item='" + (index - 1) + "']" : "[data-grouped-list-item='" + (index + 1) + "']";
-                var possibleTarget = document.querySelector(targetSelector);
-                var target = void 0;
-                if (possibleTarget) {
-                    target = possibleTarget;
-                }
-                else if (e.key === 'ArrowUp') {
-                    target = allItems[allItems.length - 1];
-                }
-                else {
-                    target = document.querySelector("[data-grouped-list-item='1']");
-                }
-                if (wrapperRef.current) {
-                    var wrapper = wrapperRef.current;
-                    if (e.key === 'ArrowUp') {
-                        if (target.offsetTop <= wrapper.scrollTop) {
-                            wrapper.scrollTop = target.offsetTop;
-                        }
-                    }
-                    else {
-                        if (target.offsetTop - (wrapper.offsetHeight - target.offsetHeight) >= wrapper.scrollTop) {
-                            wrapper.scrollTop = target.offsetTop - (wrapper.offsetHeight - target.offsetHeight);
-                        }
-                    }
-                    target.focus();
-                }
-            }
-        }
-    }, [navigable, setMouseBlocked, index, wrapperRef]);
-    var avoidOutOfBoundFocus = useCallback(function () {
-        var _a;
-        var elem = elemRef.current;
-        var wrapper = wrapperRef.current;
-        if (elem && wrapper) {
-            if (elem.offsetTop < wrapper.offsetHeight + wrapper.scrollTop &&
-                elem.offsetTop + elem.offsetHeight > wrapper.scrollTop) {
-                (_a = elemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-        }
-    }, [wrapperRef]);
-    var handleMouseOver = useCallback(function () {
-        if (!(navigable && mouseBlocked)) {
-            onMouseHover === null || onMouseHover === void 0 ? void 0 : onMouseHover();
-            avoidOutOfBoundFocus();
-        }
-    }, [avoidOutOfBoundFocus, mouseBlocked, navigable, onMouseHover]);
-    var handleMouseLeave = useCallback(function () {
-        var _a;
-        if (!(navigable && mouseBlocked)) {
-            onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut();
-            (_a = elemRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        }
-    }, [mouseBlocked, navigable, onMouseOut]);
-    useEffect(function () { return function () { return removeEventListener('keydown', handleKeyDown); }; }, [handleKeyDown]);
-    return (React.createElement(SingleElement, { ref: elemRef, tabIndex: onClick ? 0 : -1, onClick: onClick, active: active, key: title, onMouseLeave: handleMouseLeave, onMouseOver: handleMouseOver, onFocus: function () {
-            addEventListener('keydown', handleKeyDown);
-        }, onBlur: function () {
-            removeEventListener('keydown', handleKeyDown);
-        }, showActionOnHover: showActionOnHover, "data-grouped-list-item": index },
-        icon && React.createElement(LeftIcon$1, __assign({}, icon, { fixedWidth: true })),
-        title ? React.createElement(Title$1, null, title) : React.createElement(Placeholder$1, null, placeholder),
-        action && React.createElement(RightElement, null, action)));
-};
-var Title$1 = styled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  flex-grow: 1;\n"], ["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  flex-grow: 1;\n"])));
-var Placeholder$1 = styled(Title$1)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[500];
-});
-var LeftIcon$1 = styled(Icon)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  margin-right: 8px;\n  display: inline-flex;\n  align-self: center;\n"], ["\n  margin-right: 8px;\n  display: inline-flex;\n  align-self: center;\n"])));
-var RightElement = styled.div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject([""], [""])));
-var SingleElement = styled.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n  &:focus {\n    outline: none !important;\n    background-color: ", ";\n    color: ", ";\n    cursor: ", ";\n  }\n\n  color: ", ";\n  font-weight: ", ";\n\n  line-height: 32px;\n  height: 32px;\n  left: 0;\n  display: flex;\n\n  ", ";\n"], ["\n  &:focus {\n    outline: none !important;\n    background-color: ", ";\n    color: ", ";\n    cursor: ", ";\n  }\n\n  color: ", ";\n  font-weight: ", ";\n\n  line-height: 32px;\n  height: 32px;\n  left: 0;\n  display: flex;\n\n  ",
-    ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.blue[50];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.blue[500];
-}, function (_a) {
-    var onClick = _a.onClick;
-    return (onClick ? 'pointer' : 'initial');
-}, function (_a) {
-    var active = _a.active, theme = _a.theme;
-    return (active ? theme.palette.blue[500] : 'initial');
-}, function (_a) {
-    var active = _a.active;
-    return (active ? 500 : 'initial');
-}, function (_a) {
-    var showActionOnHover = _a.showActionOnHover;
-    return showActionOnHover
-        ? css(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n          ", " {\n            display: none;\n          }\n\n          &:focus {\n            ", " {\n              display: inherit;\n            }\n          }\n        "], ["\n          ", " {\n            display: none;\n          }\n\n          &:focus {\n            ", " {\n              display: inherit;\n            }\n          }\n        "])), RightElement, RightElement) : css(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject([""], [""])));
-});
-var templateObject_1$J, templateObject_2$g, templateObject_3$9, templateObject_4$5, templateObject_5$3, templateObject_6$3, templateObject_7$3;
-
-var TitleElement = function (props) {
-    var noResults = props.noResults, title = props.title;
-    return (React.createElement(TitleElementWrapper, { noResults: noResults, key: title },
-        title.toUpperCase(),
-        noResults && React.createElement(NoResultsWrapper, null, "(nessun risultato)")));
-};
-var TitleElementWrapper = styled.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n  &:not(:first-child) {\n    margin-top: 16px;\n  }\n\n  margin-bottom: 1px;\n  ", ";\n  height: 32px;\n  padding-left: 8px;\n  line-height: 32px;\n  font-size: 11px;\n\n  color: ", ";\n  font-weight: 500;\n  cursor: initial;\n"], ["\n  &:not(:first-child) {\n    margin-top: 16px;\n  }\n\n  margin-bottom: 1px;\n  ",
-    ";\n  height: 32px;\n  padding-left: 8px;\n  line-height: 32px;\n  font-size: 11px;\n\n  color: ", ";\n  font-weight: 500;\n  cursor: initial;\n"])), function (_a) {
-    var noResults = _a.noResults, theme = _a.theme;
-    return noResults === true
-        ? css(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), theme.palette.grey[50]) : undefined;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[700];
-});
-var NoResultsWrapper = styled.span(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  margin-left: 3px;\n  color: ", ";\n  font-weight: 400;\n  font-size: 13px;\n"], ["\n  margin-left: 3px;\n  color: ", ";\n  font-weight: 400;\n  font-size: 13px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[700];
-});
-var templateObject_1$K, templateObject_2$h, templateObject_3$a;
-
-var GroupElement = function (_a) {
-    var index = _a.index, items = _a.items, title = _a.title, rest = __rest(_a, ["index", "items", "title"]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TitleElement, { title: title, noResults: !items.length }),
-        items.map(function (item, idx) { return (React.createElement(ItemElement, __assign({ key: idx, index: index + idx }, item, rest))); })));
-};
-
-var GroupedList = function (props) {
-    var className = props.className, groups = props.groups, navigable = props.navigable, placeholder = props.placeholder, wrapperStyle = props.wrapperStyle;
-    var _a = useState(false), mouseBlocked = _a[0], setMouseBlocked = _a[1];
-    // The elements indices will range from 1 to n
-    var itemsNumber = useMemo(function () { return groups.reduce(function (sum, g) { return sum + g.items.length; }, 0); }, [groups]);
-    var handleKeyDown = useCallback(function (e) {
-        var _a, _b, _c, _d;
-        var alreadySelected = (_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.groupedListItem;
-        if (navigable && !alreadySelected && ['ArrowUp', 'ArrowDown'].includes(e.key)) {
-            e.preventDefault();
-            e.key === 'ArrowUp'
-                ? (_c = document.querySelector("div[data-grouped-list-item='" + itemsNumber + "']")) === null || _c === void 0 ? void 0 : _c.focus() : (_d = document.querySelector("div[data-grouped-list-item='1']")) === null || _d === void 0 ? void 0 : _d.focus();
-            setMouseBlocked(true);
-        }
-    }, [itemsNumber, navigable]);
-    var unlockMouse = function (e) {
-        var target = e.target;
-        var item = target === null || target === void 0 ? void 0 : target.closest('[data-grouped-list-item]');
-        item === null || item === void 0 ? void 0 : item.focus();
-        setMouseBlocked(false);
-    };
-    useEffect(function () {
-        if (mouseBlocked) {
-            removeEventListener('keydown', handleKeyDown);
-            addEventListener('mousemove', unlockMouse);
-        }
-        else {
-            addEventListener('keydown', handleKeyDown);
-            removeEventListener('mousemove', unlockMouse);
-        }
-        return function () {
-            removeEventListener('keydown', handleKeyDown);
-            removeEventListener('mousemove', unlockMouse);
-        };
-    }, [handleKeyDown, mouseBlocked]);
-    var mouseBlockedProps = useMemo(function () { return ({
-        mouseBlocked: mouseBlocked,
-        setMouseBlocked: setMouseBlocked,
-    }); }, [mouseBlocked, setMouseBlocked]);
-    var wrapperRef = useRef(null);
-    var i = 1;
-    return (React.createElement(Wrapper$f, { style: wrapperStyle, ref: wrapperRef, className: className }, groups.map(function (group, index) {
-        var oldI = i;
-        i += group.items.length;
-        return (React.createElement(GroupElement, __assign({ key: index }, group, { mouseBlockedProps: mouseBlockedProps, navigable: navigable, index: oldI, wrapperRef: wrapperRef, placeholder: placeholder })));
-    })));
-};
-var Wrapper$f = styled.div(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-var templateObject_1$L;
-
-var Label$2 = styled.span(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  display: inline-block;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  text-align: left;\n  margin-left: 8px;\n  vertical-align: top;\n  cursor: pointer;\n  ", "\n"], ["\n  display: inline-block;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  text-align: left;\n  margin-left: 8px;\n  vertical-align: top;\n  cursor: pointer;\n  ",
-    "\n"])), function (_a) {
-    var isDisabled = _a.isDisabled, palette = _a.theme.palette;
-    return isDisabled && css(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n      color: ", ";\n      cursor: not-allowed;\n    "], ["\n      color: ", ";\n      cursor: not-allowed;\n    "])), palette.grey[500]);
-});
-var templateObject_1$M, templateObject_2$i;
-
-var Radio = styled.span(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  display: inline-block;\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  cursor: pointer;\n  ", "\n  ", "\n  ", "\n"], ["\n  display: inline-block;\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  cursor: pointer;\n  ",
-    "\n  ",
-    "\n  ",
-    "\n"])), function (_a) {
-    var theme = _a.theme;
-    return css(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "], ["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "])), theme.palette.white[100], theme.palette.grey[500]);
-}, function (_a) {
-    var isChecked = _a.isChecked, theme = _a.theme;
-    return isChecked && css(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n      border: 5px solid ", ";\n    "], ["\n      border: 5px solid ", ";\n    "])), theme.palette.blue[500]);
-}, function (_a) {
-    var isChecked = _a.isChecked, isDisabled = _a.isDisabled, theme = _a.theme;
-    return isDisabled && css(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n      cursor: not-allowed;\n      ", "\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n      cursor: not-allowed;\n      ",
-        "\n    "])), theme.palette.grey[100], theme.palette.grey[100], isChecked && css(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n        background-color: ", ";\n        border-color: ", ";\n      "], ["\n        background-color: ", ";\n        border-color: ", ";\n      "])), theme.palette.white[100], theme.palette.grey['50']));
-});
-var templateObject_1$N, templateObject_2$j, templateObject_3$b, templateObject_4$6, templateObject_5$4;
-
-var WrapperRadioButton = function (props) {
-    var isChecked = props.isChecked, isDisabled = props.isDisabled, label = props.label;
-    return (React.createElement("div", { className: props.className, onClick: function () { return (!props.isDisabled ? props.onClick() : undefined); } }, props.renderOption ? (props.renderOption({ isDisabled: isDisabled, isChecked: isChecked, label: label })) : (React.createElement(React.Fragment, null,
-        React.createElement(Radio, { isChecked: props.isChecked, isDisabled: props.isDisabled }),
-        React.createElement(Label$2, { isDisabled: props.isDisabled }, props.label)))));
-};
-var Wrapper$g = styled(WrapperRadioButton)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n  & + & {\n    margin-top: ", "px;\n  }\n  ", "\n"], ["\n  & + & {\n    margin-top: ", "px;\n  }\n  ",
-    "\n"])), function (props) { return (props.optionsSpacing ? props.optionsSpacing : 0); }, function (props) {
-    return props.inline && css(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n      display: inline-block;\n      vertical-align: top;\n      &:not(:first-child) {\n        margin-left: 25px;\n      }\n    "], ["\n      display: inline-block;\n      vertical-align: top;\n      &:not(:first-child) {\n        margin-left: 25px;\n      }\n    "])));
-});
-var RadioButton = function (props) {
-    return React.createElement(Wrapper$g, __assign({}, props));
-};
-var templateObject_1$O, templateObject_2$k;
-
-var RadioButtonGroup = function (props) { return (React.createElement("div", { style: props.style }, props.options.map(function (o) { return (React.createElement(RadioButton, { key: o.key, label: o.label, onClick: function () {
-        if (props.onClick) {
-            props.onClick(o);
-        }
-    }, isChecked: props.value === o.key, isDisabled: props.isDisabled, renderOption: props.renderOption, optionsSpacing: props.optionsSpacing, inline: props.inline })); }))); };
-
-var colorSetter = function (type, theme) {
-    switch (type) {
-        case 'standard': {
-            return css(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.grey[100], theme.palette.black[100]);
-        }
-        case 'info': {
-            return css(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.blue[50], theme.palette.blue[500]);
-        }
-        case 'error': {
-            return css(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.red[50], theme.palette.red[500]);
-        }
-        case 'warning': {
-            return css(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.yellow[50], theme.palette.yellow[500]);
-        }
-        case 'success': {
-            return css(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.green[50], theme.palette.green[500]);
-        }
-        default: {
-            return css(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.grey[100], theme.palette.black[100]);
-        }
-    }
-};
-var StyledIconTitle = styled.div(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  margin-top: 0;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n  margin-bottom: ", ";\n"], ["\n  margin-top: 0;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n  margin-bottom: ", ";\n"])), spacing.xxs);
-var StyledContent = styled.div(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n"], ["\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n"])));
-var spacingSetter = function (size) {
-    switch (size) {
-        case 'medium':
-            return css(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), spacing.s);
-        case 'large':
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        padding: ", ";\n        ", " {\n          font-size: 16px;\n          line-height: 18px;\n          margin-bottom: ", ";\n        }\n        ", " {\n          font-size: 14px;\n          line-height: 21px;\n        }\n      "], ["\n        padding: ", ";\n        ", " {\n          font-size: 16px;\n          line-height: 18px;\n          margin-bottom: ", ";\n        }\n        ", " {\n          font-size: 14px;\n          line-height: 21px;\n        }\n      "])), spacing.m, StyledIconTitle, spacing.xs, StyledContent);
-        default:
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), spacing.m);
-    }
-};
-var StyledInlineMessageWrapper = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var size = _a.size, theme = _a.theme, type = _a.type;
-    return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    display: flex;\n    border: 1px solid rgba(51, 51, 51, 0.08);\n    border-radius: 4px;\n    color: ", ";\n\n    ", "\n\n    ", "\n  "], ["\n    display: flex;\n    border: 1px solid rgba(51, 51, 51, 0.08);\n    border-radius: 4px;\n    color: ", ";\n\n    ", "\n\n    ", "\n  "])), theme.palette.black[100], colorSetter(type, theme), spacingSetter(size));
-});
-var StyledIconContent = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  margin-left: ", ";\n  width: 100%;\n"], ["\n  margin-left: ", ";\n  width: 100%;\n"])), function (_a) {
-    var margin = _a.margin;
-    return (margin ? spacing.s : '0px');
-});
-var StyledCloseIconWrapper = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  line-height: 20px;\n"], ["\n  line-height: 20px;\n"])));
-var StyledCloseIcon = styled(Icon)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  cursor: pointer;\n  color: ", ";\n"], ["\n  cursor: pointer;\n  color: ", ";\n"])), function (_a) {
-    var palette = _a.theme.palette;
-    return palette.blue[700];
-});
-var templateObject_1$P, templateObject_2$l, templateObject_3$c, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$4, templateObject_8$2, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
-
-var defaultCloseIcon = {
-    icon: faTimes,
-};
-var UnstyledInlineMessage = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    var closeIcon = props.closeIcon, content = props.content, icon = props.icon, onClose = props.onClose, renderCloseIcon = props.renderCloseIcon, renderContent = props.renderContent, renderIcon = props.renderIcon, renderTitle = props.renderTitle, title = props.title;
-    var titleComp = renderTitle ? renderTitle() : title;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { style: (_b = (_a = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : {} }, renderIcon ? renderIcon() : icon ? React.createElement(Icon, __assign({}, icon)) : null),
-        React.createElement(StyledIconContent, { style: (_d = (_c = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _c === void 0 ? void 0 : _c.contentWrapper) !== null && _d !== void 0 ? _d : {}, margin: renderIcon !== undefined || icon !== undefined },
-            titleComp ? React.createElement(StyledIconTitle, { style: (_f = (_e = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _e === void 0 ? void 0 : _e.title) !== null && _f !== void 0 ? _f : {} }, titleComp) : null,
-            React.createElement(StyledContent, { style: (_h = (_g = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _g === void 0 ? void 0 : _g.content) !== null && _h !== void 0 ? _h : {} }, renderContent ? renderContent() : content)),
-        onClose && (React.createElement(StyledCloseIconWrapper, { onClick: onClose }, renderCloseIcon ? renderCloseIcon() : React.createElement(StyledCloseIcon, __assign({}, (closeIcon || defaultCloseIcon), { fixedWidth: true }))))));
-};
-var InlineMessage = function (props) {
-    var _a, _b;
-    return (React.createElement(StyledInlineMessageWrapper, __assign({}, props, { style: (_b = (_a = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _a === void 0 ? void 0 : _a.root) !== null && _b !== void 0 ? _b : {} }),
-        React.createElement(UnstyledInlineMessage, __assign({}, props))));
-};
-
-var renderTrigger = function () { return (React.createElement(IconWrapper, { tabIndex: 0 },
-    React.createElement(Icon, { icon: faEllipsisH, fixedWidth: true }))); };
-var IconWrapper = styled.div(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var triggerStyles = {
-    margin: 'auto',
-    width: '100%',
-    height: '100%',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-};
-var SidebarItemDropdown = function (_a) {
-    var className = _a.className, content = _a.content, _b = _a.forceOpen, forceOpen = _b === void 0 ? false : _b;
-    return (React.createElement(Dropdown, { triggerStyles: triggerStyles, className: className, placement: 'right-start', renderTrigger: renderTrigger, content: content, forceOpen: forceOpen }));
-};
-var templateObject_1$Q;
-
-var SidebarItemCaret = styled.div(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n  transition: transform 250ms ease;\n  transform: ", ";\n\n  visibility: ", ";\n"], ["\n  transition: transform 250ms ease;\n  transform: ", ";\n\n  visibility: ", ";\n"])), function (_a) {
-    var isOpen = _a.isOpen;
-    return (isOpen ? 'rotate(90deg)' : 'rotate(0deg)');
-}, function (_a) {
-    var isVisible = _a.isVisible;
-    return (isVisible ? 'visible' : 'hidden');
-});
-var templateObject_1$R;
-
-var getSidebarItemStyles = function (_a) {
-    var isActive = _a.isActive, isDisabled = _a.isDisabled, theme = _a.theme;
-    var _b = theme.components.sidebarItem, normal = _b.normal, active = _b.active, disabled = _b.disabled;
-    return isDisabled ? disabled : isActive ? active : normal;
-};
-
-var sidebarItemHeight = 44;
-var SidebarItem = function (props) {
-    var _a;
-    var _b = props.caretVisible, caretVisible = _b === void 0 ? false : _b, className = props.className, dropdownContent = props.dropdownContent, icon = props.icon, _c = props.isActive, isActive = _c === void 0 ? false : _c, _d = props.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = props.isHidden, isHidden = _e === void 0 ? false : _e, _f = props.isOpen, isOpen = _f === void 0 ? false : _f, onClick = props.onClick, title = props.title, forceOpenDropdown = props.forceOpenDropdown, customProps = props.customProps;
-    if (isHidden) {
-        return null;
-    }
-    var content = ((_a = customProps === null || customProps === void 0 ? void 0 : customProps.renderContent) === null || _a === void 0 ? void 0 : _a.call(customProps, props)) || title;
-    return (React.createElement(SidebarItemWrapper, { customColor: customProps === null || customProps === void 0 ? void 0 : customProps.color, isActive: isActive, isDisabled: isDisabled, className: className, onClick: onClick },
-        React.createElement(SidebarItemCaret, { isOpen: isOpen, isVisible: caretVisible },
-            React.createElement(Icon, { icon: faCaretRight })),
-        icon ? React.createElement(Icon, __assign({}, icon, { fixedWidth: true })) : React.createElement(NoIcon, { icon: faCircle, fixedWidth: true }),
-        React.createElement(Title$2, null, content),
-        !isDisabled && dropdownContent && React.createElement(Dropdown$1, { content: dropdownContent, forceOpen: forceOpenDropdown })));
-};
-var Dropdown$1 = styled(SidebarItemDropdown)(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n  width: 1.5em;\n  height: 1.5em;\n\n  border-radius: 2px;\n"], ["\n  width: 1.5em;\n  height: 1.5em;\n\n  border-radius: 2px;\n"])));
-var SidebarItemWrapper = styled.div.attrs(getSidebarItemStyles)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  height: ", "px;\n  padding: 0 8px;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 8px;\n\n  cursor: pointer;\n\n  transition: background-color 250ms ease;\n\n  color: ", ";\n  background-color: ", ";\n\n  ", " {\n    display: none;\n  }\n\n  &:hover,\n  &:focus-within {\n    color: ", ";\n    background-color: ", ";\n\n    ", " {\n      display: inherit;\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:focus-within {\n        background: ", ";\n      }\n    }\n  }\n"], ["\n  height: ", "px;\n  padding: 0 8px;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 8px;\n\n  cursor: pointer;\n\n  transition: background-color 250ms ease;\n\n  color: ", ";\n  background-color: ", ";\n\n  ", " {\n    display: none;\n  }\n\n  &:hover,\n  &:focus-within {\n    color: ", ";\n    background-color: ", ";\n\n    ", " {\n      display: inherit;\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:focus-within {\n        background: ", ";\n      }\n    }\n  }\n"])), sidebarItemHeight, function (_a) {
-    var color = _a.color, customColor = _a.customColor;
-    return customColor || color;
-}, function (_a) {
-    var background = _a.background;
-    return background;
-}, Dropdown$1, function (_a) {
-    var hoverColor = _a.hoverColor;
-    return hoverColor;
-}, function (_a) {
-    var hoverBackground = _a.hoverBackground;
-    return hoverBackground;
-}, Dropdown$1, function (_a) {
-    var dropdownHover = _a.dropdownHover;
-    return dropdownHover;
-}, function (_a) {
-    var dropdownActive = _a.dropdownActive;
-    return dropdownActive;
-});
-var Title$2 = styled.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  flex-grow: 1;\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  flex-grow: 1;\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
-var NoIcon = styled(Icon)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  visibility: hidden;\n"], ["\n  visibility: hidden;\n"])));
-var templateObject_1$S, templateObject_2$m, templateObject_3$d, templateObject_4$8;
-
-var sidebarItemPalette = {
-    normal: {
-        color: defaultPalette.black[100],
-        background: 'transparent',
-        hoverColor: defaultPalette.black[100],
-        hoverBackground: defaultPalette.grey[100],
-        dropdownHover: defaultPalette.grey[400],
-        dropdownActive: defaultPalette.grey[600],
-    },
-    active: {
-        color: defaultPalette.white[100],
-        background: defaultPalette.blue[500],
-        hoverColor: defaultPalette.white[100],
-        hoverBackground: defaultPalette.blue[500],
-        dropdownHover: 'rgba(255,255,255,0.16)',
-        dropdownActive: defaultPalette.blue[700],
-    },
-    disabled: {
-        color: defaultPalette.grey[300],
-        background: defaultPalette.grey[100],
-        hoverColor: defaultPalette.grey[300],
-        hoverBackground: defaultPalette.grey[100],
-        dropdownHover: 'transparent',
-        dropdownActive: 'transparent',
-    },
-};
-
-var getMicroTagStyles = function (_a) {
-    var theme = _a.theme, type = _a.type;
-    return theme.components.microTag[type];
-};
-
-var MicroTagBody = styled.div.attrs(getMicroTagStyles)(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-block;\n  padding: 0 4px;\n  border-radius: 4px;\n  text-transform: uppercase;\n\n  color: ", ";\n  background-color: ", ";\n"], ["\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-block;\n  padding: 0 4px;\n  border-radius: 4px;\n  text-transform: uppercase;\n\n  color: ", ";\n  background-color: ", ";\n"])), function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var backgroundColor = _a.backgroundColor;
-    return backgroundColor;
-});
-var templateObject_1$T;
-
-var MicroTag = function (_a) {
-    var text = _a.text, type = _a.type;
-    return React.createElement(MicroTagBody, { type: type }, text);
-};
-
-var microTagPalette = {
-    error: {
-        backgroundColor: defaultPalette.red[50],
-        color: defaultPalette.red[500],
-    },
-    info: {
-        backgroundColor: defaultPalette.blue[50],
-        color: defaultPalette.blue[500],
-    },
-    standard: {
-        backgroundColor: defaultPalette.grey[50],
-        color: defaultPalette.grey[500],
-    },
-    success: {
-        backgroundColor: defaultPalette.green[50],
-        color: defaultPalette.green[500],
-    },
-    warning: {
-        backgroundColor: defaultPalette.yellow[50],
-        color: defaultPalette.yellow[500],
-    },
-};
-
-var getStepItemStyles = function (_a) {
-    var theme = _a.theme, status = _a.status;
-    return theme.components.stepper.item[status];
-};
-
-var checkIcon = React.createElement(Icon, { icon: faCheck, fixedWidth: true });
-var StepItem = function (_a) {
-    var _b = _a.text, text = _b === void 0 ? '' : _b, number = _a.number, status = _a.status;
-    var content = status === 'completed' ? checkIcon : number + 1;
-    return (React.createElement(Wrapper$h, { status: status },
-        React.createElement(Circle, null, content),
-        React.createElement(Text$2, null, text)));
-};
-var Circle = styled.div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n  border-radius: 50%;\n\n  width: 2em;\n  height: 2em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  border-radius: 50%;\n\n  width: 2em;\n  height: 2em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
-var Text$2 = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject([""], [""])));
-var Wrapper$h = styled.div.attrs(getStepItemStyles)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  ", " {\n    color: ", ";\n    background: ", ";\n  }\n\n  ", " {\n    color: ", ";\n  }\n\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6em;\n"], ["\n  ", " {\n    color: ", ";\n    background: ", ";\n  }\n\n  ", " {\n    color: ", ";\n  }\n\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6em;\n"])), Circle, function (_a) {
-    var circleTextColor = _a.circleTextColor;
-    return circleTextColor;
-}, function (_a) {
-    var circleBackground = _a.circleBackground;
-    return circleBackground;
-}, Text$2, function (_a) {
-    var color = _a.color;
-    return color;
-});
-var templateObject_1$U, templateObject_2$n, templateObject_3$e;
-
-var StepperDivider = styled.div(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n  width: 2.5em;\n  height: 0.1em;\n  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.16) 50%, rgba(0, 0, 0, 0) 100%);\n"], ["\n  width: 2.5em;\n  height: 0.1em;\n  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.16) 50%, rgba(0, 0, 0, 0) 100%);\n"])));
-var templateObject_1$V;
-
-var getItemStatus = function (itemStep, currentStep) {
-    if (itemStep < currentStep) {
-        return 'completed';
-    }
-    else if (itemStep === currentStep) {
-        return 'active';
-    }
-    else {
-        return 'normal';
-    }
-};
-
-var Stepper = function (_a) {
-    var steps = _a.steps, currentStep = _a.currentStep;
-    var mappedSteps = useMemo(function () {
-        return steps.reduce(function (r, step, i) {
-            if (i === 0) {
-                return [React.createElement(StepItem, { key: i, number: i, status: getItemStatus(i, currentStep), text: step })];
-            }
-            else {
-                return __spreadArrays(r, [
-                    React.createElement(StepperDivider, { key: "divider_" + i }),
-                    React.createElement(StepItem, { key: i, number: i, status: getItemStatus(i, currentStep), text: step }),
-                ]);
-            }
-        }, []);
-    }, [steps, currentStep]);
-    return React.createElement(Wrapper$i, null, mappedSteps);
-};
-var Wrapper$i = styled.div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 0.6em;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 0.6em;\n"])));
-var templateObject_1$W;
-
-var stepperPalette = {
-    item: {
-        normal: {
-            color: defaultPalette.grey[500],
-            circleBackground: defaultPalette.grey[500],
-            circleTextColor: defaultPalette.white[100],
-        },
-        active: {
-            color: defaultPalette.blue[500],
-            circleBackground: defaultPalette.blue[500],
-            circleTextColor: defaultPalette.white[100],
-        },
-        completed: {
-            color: defaultPalette.grey[500],
-            circleBackground: defaultPalette.green[500],
-            circleTextColor: defaultPalette.white[100],
-        },
-    },
-};
-
-var getTagColors = function (_a) {
-    var tagStyle = _a.tagStyle, theme = _a.theme, type = _a.type;
-    return theme.components.tag[tagStyle][type];
-};
-
-var LeftIcon$2 = styled(Icon)(templateObject_1$X || (templateObject_1$X = __makeTemplateObject([""], [""])));
-var RightIcon$1 = styled(Icon)(templateObject_2$o || (templateObject_2$o = __makeTemplateObject([""], [""])));
-var Text$3 = styled.div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject([""], [""])));
-var StyledTag = styled.div.attrs(getTagColors)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n  display: inline-flex;\n  flex-direction: row;\n  border: 4px;\n  align-items: center;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-align: center;\n  border-radius: 4px;\n  padding: 3px 8px;\n  color: ", ";\n  background-color: ", ";\n\n  ", " + ", " {\n    padding-left: 4px;\n  }\n\n  ", " + ", " {\n    padding-right: 12px;\n  }\n"], ["\n  display: inline-flex;\n  flex-direction: row;\n  border: 4px;\n  align-items: center;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-align: center;\n  border-radius: 4px;\n  padding: 3px 8px;\n  color: ", ";\n  background-color: ", ";\n\n  ", " + ", " {\n    padding-left: 4px;\n  }\n\n  ", " + ", " {\n    padding-right: 12px;\n  }\n"])), function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var backgroundColor = _a.backgroundColor;
-    return backgroundColor;
-}, LeftIcon$2, Text$3, Text$3, RightIcon$1);
-var templateObject_1$X, templateObject_2$o, templateObject_3$f, templateObject_4$9;
-
-var Tag = function (_a) {
-    var leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, tagStyle = _a.tagStyle, text = _a.text, type = _a.type, className = _a.className;
-    return (React.createElement(StyledTag, { className: className, type: type, tagStyle: tagStyle },
-        leftIcon && React.createElement(LeftIcon$2, __assign({}, leftIcon)),
-        React.createElement(Text$3, null, text),
-        rightIcon && React.createElement(RightIcon$1, __assign({}, rightIcon))));
-};
-
-var tagPalette = {
-    full: {
-        standard: {
-            color: defaultPalette.white[100],
-            backgroundColor: defaultPalette.grey[600],
-        },
-        warning: {
-            color: defaultPalette.white[100],
-            backgroundColor: defaultPalette.yellow[500],
-        },
-        success: {
-            color: defaultPalette.white[100],
-            backgroundColor: defaultPalette.green[500],
-        },
-        info: {
-            color: defaultPalette.white[100],
-            backgroundColor: defaultPalette.blue[500],
-        },
-        error: {
-            color: defaultPalette.white[100],
-            backgroundColor: defaultPalette.red[500],
-        },
-    },
-    soft: {
-        standard: {
-            color: defaultPalette.grey[900],
-            backgroundColor: defaultPalette.grey[100],
-        },
-        warning: {
-            color: defaultPalette.yellow[900],
-            backgroundColor: defaultPalette.yellow[50],
-        },
-        success: {
-            color: defaultPalette.green[900],
-            backgroundColor: defaultPalette.green[50],
-        },
-        info: {
-            color: defaultPalette.blue[900],
-            backgroundColor: defaultPalette.blue[50],
-        },
-        error: {
-            color: defaultPalette.red[900],
-            backgroundColor: defaultPalette.red[50],
-        },
-    },
-    text: {
-        standard: {
-            backgroundColor: 'transparent',
-            color: defaultPalette.grey[800],
-        },
-        warning: {
-            backgroundColor: 'transparent',
-            color: defaultPalette.yellow[500],
-        },
-        success: {
-            backgroundColor: 'transparent',
-            color: defaultPalette.green[500],
-        },
-        info: {
-            backgroundColor: 'transparent',
-            color: defaultPalette.indigo[500],
-        },
-        error: {
-            backgroundColor: 'transparent',
-            color: defaultPalette.red[500],
-        },
-    },
-};
-
-var Arrow = styled.div(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n  position: absolute;\n  width: 10px;\n  height: 10px;\n\n  &:after {\n    content: '';\n    position: absolute;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    background-color: ", ";\n    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n    clip-path: polygon(100% 0, 0% 100%, 100% 100%);\n  }\n"], ["\n  position: absolute;\n  width: 10px;\n  height: 10px;\n\n  &:after {\n    content: '';\n    position: absolute;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    background-color: ", ";\n    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n    clip-path: polygon(100% 0, 0% 100%, 100% 100%);\n  }\n"])), function (_a) {
-    var theme = _a.theme, type = _a.type;
-    return theme.components.tooltip[type].background;
-});
-var arrowStyle = css(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n    &:after {\n      border-bottom-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n    &:after {\n      border-top-left-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n    &:after {\n      border-top-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n    &:after {\n      border-bottom-left-radius: 3px;\n    }\n  }\n"], ["\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n    &:after {\n      border-bottom-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n    &:after {\n      border-top-left-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n    &:after {\n      border-top-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n    &:after {\n      border-bottom-left-radius: 3px;\n    }\n  }\n"])), Arrow, Arrow, Arrow, Arrow);
-var templateObject_1$Y, templateObject_2$p;
-
-var getMessageStyles = function (_a) {
-    var theme = _a.theme, type = _a.type;
-    return theme.components.tooltip[type];
-};
-var Message = styled.div.attrs(getMessageStyles)(templateObject_1$Z || (templateObject_1$Z = __makeTemplateObject(["\n  z-index: 9;\n\n  font-size: 14px;\n\n  padding: 4px 8px;\n  border-radius: 3px;\n\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n\n  color: ", ";\n  background: ", ";\n"], ["\n  z-index: 9;\n\n  font-size: 14px;\n\n  padding: 4px 8px;\n  border-radius: 3px;\n\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n\n  color: ", ";\n  background: ", ";\n"])), function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var background = _a.background;
-    return background;
-});
-var templateObject_1$Z;
-
-var TooltipContainer = styled.div(templateObject_1$_ || (templateObject_1$_ = __makeTemplateObject(["\n  ", ";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"], ["\n  ", ";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"])), arrowStyle);
-var templateObject_1$_;
-
-var Tooltip = function (_a) {
-    var message = _a.message, placement = _a.placement, className = _a.className, children = _a.children, type = _a.type, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
-    var wrapperRef = useRef(null);
-    var popperRef = useRef(null);
-    var buttonRef = useRef(null);
-    var _b = useState(null), arrowRef = _b[0], setArrowRef = _b[1];
-    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
-    var show = useCallback(function () { return setIsOpen(true); }, []);
-    var hide = useCallback(function () { return setIsOpen(false); }, []);
-    useClickAway(wrapperRef, hide);
-    useEffect(function () {
-        if (isOpen) {
-            window.addEventListener('touchmove', hide);
-            return function () {
-                window.removeEventListener('touchmove', hide);
-            };
-        }
-        return;
-    }, [hide, isOpen]);
-    var _onMouseEnter = useCallback(function (e) {
-        show();
-        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
-    }, [onMouseEnter, show]);
-    var _onMouseLeave = useCallback(function (e) {
-        hide();
-        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
-    }, [hide, onMouseLeave]);
-    var _d = usePopper(buttonRef.current, popperRef.current, {
-        placement: placement,
-        strategy: 'fixed',
-        modifiers: useMemo(function () { return [
-            {
-                name: 'arrow',
-                options: {
-                    element: arrowRef,
-                },
-            },
-            {
-                name: 'offset',
-                options: {
-                    offset: [0, 10],
-                },
-            },
-        ]; }, [arrowRef]),
-    }), attributes = _d.attributes, styles = _d.styles;
-    return (React.createElement(Wrapper$j, { className: className, ref: wrapperRef },
-        React.createElement("div", { ref: buttonRef, onClick: show, onMouseEnter: _onMouseEnter, onMouseLeave: _onMouseLeave }, children),
-        React.createElement(CSSTransition, { in: isOpen, timeout: 200, unmountOnExit: true, appear: true },
-            React.createElement(BodyAnimationWrapper$1, null,
-                React.createElement(TooltipContainer, __assign({ ref: popperRef, style: styles.popper }, attributes.popper),
-                    React.createElement(Arrow, { type: type, ref: setArrowRef, style: styles.arrow }),
-                    React.createElement(Message, { type: type, style: styles.offset }, message))))));
-};
-var Wrapper$j = styled.div(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var BodyAnimationWrapper$1 = styled.div(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"], ["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"])));
-var templateObject_1$$, templateObject_2$q;
-
-var tooltipPalette = {
-    light: {
-        color: defaultPalette.black[100],
-        background: defaultPalette.white[100],
-    },
-    dark: {
-        color: defaultPalette.white[100],
-        background: defaultPalette.grey[900],
-    },
-};
-
-var components = {
-    tag: tagPalette,
-    tooltip: tooltipPalette,
-    button: buttonPalette,
-    iconButton: iconButtonPalette,
-    microTag: microTagPalette,
-    checkbox: checkboxPalette,
-    icon: iconPalette,
-    iconBackground: iconBackgroundPalette,
-    dropdown: dropdownPalette,
-    sidebarItem: sidebarItemPalette,
-    stepper: stepperPalette,
-    inputText: inputTextPalette,
-    textArea: textAreaPalette,
-    inputHelper: inputHelperPalette,
-    select: selectPalette,
-};
-var defaultTheme = {
-    palette: defaultPalette,
-    components: components,
-};
-
-var ModalAnimation = createGlobalStyle(templateObject_1$10 || (templateObject_1$10 = __makeTemplateObject(["\n  .ReactModal__Overlay {\n    opacity: 0;\n    transition: all 200ms ease-in-out;\n  }\n  \n  .ReactModal__Overlay--after-open {\n    opacity: 1;\n  }\n  \n  .ReactModal__Overlay--before-close {\n    opacity: 0;\n  }\n  \n  .ReactModal__Overlay--after-open .ReactModal__Content {\n    :not(.fic-modal) {\n        opacity: 1;\n        transform: translate(-50%, -50%);\n       }\n  }\n  \n  .ReactModal__Overlay--before-close .ReactModal__Content {\n    opacity: 0;\n    transform: translate(-50%, 0%);\n  }\n"], ["\n  .ReactModal__Overlay {\n    opacity: 0;\n    transition: all 200ms ease-in-out;\n  }\n  \n  .ReactModal__Overlay--after-open {\n    opacity: 1;\n  }\n  \n  .ReactModal__Overlay--before-close {\n    opacity: 0;\n  }\n  \n  .ReactModal__Overlay--after-open .ReactModal__Content {\n    :not(.fic-modal) {\n        opacity: 1;\n        transform: translate(-50%, -50%);\n       }\n  }\n  \n  .ReactModal__Overlay--before-close .ReactModal__Content {\n    opacity: 0;\n    transform: translate(-50%, 0%);\n  }\n"])));
-var templateObject_1$10;
-
-var styledModalBoxWidth = function (isSmall, isFullscreen) {
-    if (isFullscreen) {
-        return '100vw';
-    }
-    if (isSmall) {
-        return '342px';
-    }
-    return '736px';
-};
-
-var headerFooterHeight = '80px';
-var closeTimeoutMS = 200;
-var StyledReactModalContainer = styled(ReactModal)(templateObject_1$11 || (templateObject_1$11 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  outline: none;\n  opacity: 0;\n  transform: translate(-50%, -100%);\n  transition: all ", "ms ease-in-out;\n"], ["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  outline: none;\n  opacity: 0;\n  transform: translate(-50%, -100%);\n  transition: all ", "ms ease-in-out;\n"])), closeTimeoutMS);
-var StyledModalBox = styled.div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  padding: 0;\n  ", "\n\n  box-shadow: ", ";\n\n  border: ", ";\n  border-radius: ", "px;\n  width: ", "vw;\n\n  @media screen and (min-width: 992px) {\n    width: ", ";\n  }\n"], ["\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  padding: 0;\n  ",
-    "\n\n  box-shadow: ",
-    ";\n\n  border: ", ";\n  border-radius: ", "px;\n  width: ", "vw;\n\n  @media screen and (min-width: 992px) {\n    width: ", ";\n  }\n"])), function (_a) {
-    var fullScreenHeight = _a.fullScreenHeight, isFullscreen = _a.isFullscreen;
-    return isFullscreen
-        ? css(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n          height: ", "px;\n        "], ["\n          height: ", "px;\n        "])), fullScreenHeight) : css(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n          min-height: 200px;\n        "], ["\n          min-height: 200px;\n        "])));
-}, function (props) {
-    return props.isFullscreen ? 'none' : 'rgba(23, 43, 77, 0.24) 0px 16px 24px, rgba(9, 30, 66, 0.08) 0px 0px 0px';
-}, function (props) { return (props.isFullscreen ? 0 : '1px solid rgb(204, 204, 204)'); }, function (props) { return (props.isFullscreen ? 0 : 8); }, function (props) { return (props.isFullscreen ? 100 : 96); }, function (_a) {
-    var isFullscreen = _a.isFullscreen, isSmall = _a.isSmall;
-    return styledModalBoxWidth(isSmall, isFullscreen);
-});
-var ModalBody = styled.div(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n  min-height: ", ";\n  height: ", ";\n  padding: 1rem ", ";\n  overflow-y: auto;\n\n  ", "\n"], ["\n  min-height: ", ";\n  height: ", ";\n  padding: 1rem ", ";\n  overflow-y: auto;\n\n  ",
-    "\n"])), function (_a) {
-    var minHeight = _a.minHeight;
-    return (minHeight ? minHeight + "px" : 'auto');
-}, function (_a) {
-    var height = _a.height;
-    return (height ? height + "px" : 'auto');
-}, spacing.l, function (_a) {
-    var footer = _a.footer, header = _a.header, isFullscreen = _a.isFullscreen, title = _a.title;
-    if (isFullscreen) {
-        return css(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n        height: calc(100% - (", " * 2));\n      "], ["\n        height: calc(100% - (", " * 2));\n      "])), headerFooterHeight);
-    }
-    else {
-        if (header || title || footer) {
-            return css(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n          max-height: calc(100vh - (", " * 4));\n        "], ["\n          max-height: calc(100vh - (", " * 4));\n        "])), headerFooterHeight);
-        }
-        return css(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n        max-height: 100%;\n      "], ["\n        max-height: 100%;\n      "])));
-    }
-});
-var ModalHeaderClose = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n  margin-left: 5px;\n  .icon {\n    cursor: pointer;\n    &:hover {\n      color: ", ";\n    }\n  }\n"], ["\n  margin-left: 5px;\n  .icon {\n    cursor: pointer;\n    &:hover {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
-    var palette = _a.theme.palette;
-    return palette.grey[800];
-});
-var ModalHeader = styled.div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n  padding: 0 ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  ", ";\n\n  height: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  h3 {\n    font-size: 20px;\n    line-height: 30px;\n    margin: 0;\n    font-weight: 500;\n  }\n"], ["\n  padding: 0 ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  ",
-    ";\n\n  height: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  h3 {\n    font-size: 20px;\n    line-height: 30px;\n    margin: 0;\n    font-weight: 500;\n  }\n"])), spacing.l, spacing.xs, spacing.xs, function (_a) {
-    var palette = _a.theme.palette;
-    return css(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n    border-bottom: 2px solid ", ";\n    background-color: ", ";\n  "], ["\n    border-bottom: 2px solid ", ";\n    background-color: ", ";\n  "])), palette.grey[100], palette.grey[50]);
-}, headerFooterHeight);
-var ModalFooter = styled.div(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n  padding: 0 ", ";\n  height: ", ";\n  border-top: 2px solid ", ";\n  align-items: center;\n  justify-content: flex-end;\n  display: flex;\n  margin: 0 auto;\n  & > div:not(:first-of-type) {\n    margin-left: 16px;\n  }\n"], ["\n  padding: 0 ", ";\n  height: ", ";\n  border-top: 2px solid ", ";\n  align-items: center;\n  justify-content: flex-end;\n  display: flex;\n  margin: 0 auto;\n  & > div:not(:first-of-type) {\n    margin-left: 16px;\n  }\n"])), spacing.l, headerFooterHeight, function (_a) {
-    var palette = _a.theme.palette;
-    return palette.grey[100];
-});
-var Wrapper$k = styled.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject([""], [""])));
-var TopAttachment = styled.div(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  top: ", ";\n"], ["\n  position: absolute;\n  width: 100%;\n  top: ", ";\n"])), function (_a) {
-    var height = _a.height;
-    return height && -(height + 16) + "px";
-});
-var BottomAttachment = styled.div(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n  width: auto;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n"], ["\n  width: auto;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n"])));
-var StyledIcon$6 = styled(Icon)(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n  font-size: 24px;\n  font-weight: 500;\n"], ["\n  font-size: 24px;\n  font-weight: 500;\n"])));
-var templateObject_1$11, templateObject_2$r, templateObject_3$g, templateObject_4$a, templateObject_5$6, templateObject_6$5, templateObject_7$5, templateObject_8$3, templateObject_9$2, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1;
-
-var closeTimeoutMS$1 = 200;
-var modalStyle = {
-    overlay: {
-        // to set the color of background overlay
-        backgroundColor: defaultTheme.palette.black[48],
-        zIndex: 10000,
-    },
-};
-var Modal = /** @class */ (function (_super) {
-    __extends(Modal, _super);
-    function Modal(props) {
-        var _this = _super.call(this, props) || this;
-        _this.updateHeight = function () {
-            _this.setState({ fullScreenHeight: window.innerHeight });
-        };
-        _this.hasFooter = function () { return !!_this.props.footerButtons || typeof _this.props.footer === 'function'; };
-        _this.renderFooter = function () {
-            var _a = _this.props, footer = _a.footer, footerButtons = _a.footerButtons;
-            if (footerButtons) {
-                return (React.createElement(React.Fragment, null, footerButtons.map(function (elem, i) { return (React.createElement("div", { key: i },
-                    React.createElement(Button, __assign({}, elem)))); })));
-            }
-            else {
-                return footer ? footer() : undefined;
-            }
-        };
-        _this.handleModalClose = function () {
-            if (_this.props.onActionClose)
-                _this.props.onActionClose();
-        };
-        _this.contentRefCallback = function () {
-            var topAttachment = document.getElementById('top-attachment');
-            if (topAttachment) {
-                _this.setState({ topAttachmentHeight: topAttachment.clientHeight });
-            }
-        };
-        _this.state = { topAttachmentHeight: 0, fullScreenHeight: 0 };
-        return _this;
-    }
-    Modal.prototype.componentDidMount = function () {
-        var isFullscreen = this.props.isFullscreen;
-        if (isFullscreen) {
-            this.updateHeight();
-            window.addEventListener('resize', this.updateHeight);
-        }
-    };
-    Modal.prototype.componentWillUnmount = function () {
-        var isFullscreen = this.props.isFullscreen;
-        if (isFullscreen) {
-            window.removeEventListener('resize', this.updateHeight);
-        }
-    };
-    Modal.prototype.render = function () {
-        var _a = this.props, allowClose = _a.allowClose, className = _a.className, header = _a.header, isFullscreen = _a.isFullscreen, isOpen = _a.isOpen, onActionClose = _a.onActionClose, title = _a.title;
-        var _b = this.props, bottomAttachment = _b.bottomAttachment, height = _b.height, isSmall = _b.isSmall, minHeight = _b.minHeight, topAttachment = _b.topAttachment;
-        var fullScreenHeight = this.state.fullScreenHeight;
-        var allowOverlayClose = allowClose !== null && allowClose !== void 0 ? allowClose : true;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(ModalAnimation, null),
-            React.createElement(StyledReactModalContainer, { closeTimeoutMS: closeTimeoutMS$1, shouldCloseOnOverlayClick: allowOverlayClose, onRequestClose: allowOverlayClose ? this.handleModalClose : undefined, shouldCloseOnEsc: allowOverlayClose, style: modalStyle, isOpen: isOpen !== null && isOpen !== void 0 ? isOpen : true, isFullscreen: isFullscreen, isSmall: isSmall, contentRef: this.contentRefCallback, ariaHideApp: false },
-                React.createElement(React.Fragment, null,
-                    topAttachment && (React.createElement(TopAttachment, { id: 'top-attachment', height: this.state.topAttachmentHeight }, topAttachment())),
-                    React.createElement(StyledModalBox, { className: className, isFullscreen: isFullscreen, isSmall: isSmall, fullScreenHeight: fullScreenHeight },
-                        (header || title) && (React.createElement(ModalHeader, null,
-                            header ? header() : React.createElement("h3", null, title),
-                            onActionClose ? (React.createElement(ModalHeaderClose, null,
-                                React.createElement(Icon, { icon: faTimes$1, size: '1x', type: 'light', fixedWidth: true, onClick: this.handleModalClose, className: 'icon' }))) : null)),
-                        React.createElement(ModalBody, { height: height, minHeight: minHeight, isFullscreen: isFullscreen, header: header, title: title, footer: this.props.footer }, this.props.children),
-                        this.hasFooter() && React.createElement(ModalFooter, null, this.renderFooter())),
-                    bottomAttachment && React.createElement(BottomAttachment, null, bottomAttachment())))));
-    };
-    return Modal;
-}(Component));
-
-var ModalSearchable = function (props) {
-    var children = props.children, className = props.className, handleChangeValue = props.handleChangeValue, placeholder = props.placeholder, value = props.value;
-    var handleChange = function (e) {
-        handleChangeValue(e.currentTarget.value);
-    };
-    var clearInput = function () {
-        handleChangeValue('');
-    };
-    var Header = (React.createElement(WrapperInput, null,
-        React.createElement(StyledIcon$6, { icon: faSearch, color: 'black' }),
-        React.createElement("input", { autoFocus: true, className: 'inputSearchable', type: 'text', onChange: handleChange, value: value, placeholder: placeholder }),
-        React.createElement(ClearButton, { visible: !!value, onClick: clearInput }, "Cancella")));
-    return (React.createElement(Modal, __assign({ className: className, header: function () { return Header; } }, props), children));
-};
-var ClearButton = styled.div(templateObject_1$12 || (templateObject_1$12 = __makeTemplateObject(["\n  white-space: nowrap;\n  cursor: pointer;\n  padding-right: 10px;\n  border-right: 1px solid ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  display: ", ";\n"], ["\n  white-space: nowrap;\n  cursor: pointer;\n  padding-right: 10px;\n  border-right: 1px solid ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  display: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[200];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[500];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[700];
-}, function (_a) {
-    var visible = _a.visible;
-    return (visible ? 'inherit' : 'none');
-});
-var WrapperInput = styled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  caret-color: ", ";\n  input[type='text'].inputSearchable:focus {\n    outline: none !important;\n    box-shadow: none !important;\n  }\n\n  > input {\n    width: 100%;\n    margin-left: 4px;\n    background-color: ", " !important;\n    border: none;\n    font-size: 20px !important;\n    top: 6px;\n    outline: none;\n    box-shadow: none;\n  }\n\n  > input,\n  input::-webkit-input-placeholder {\n    font-size: 20px;\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  caret-color: ", ";\n  input[type='text'].inputSearchable:focus {\n    outline: none !important;\n    box-shadow: none !important;\n  }\n\n  > input {\n    width: 100%;\n    margin-left: 4px;\n    background-color: ", " !important;\n    border: none;\n    font-size: 20px !important;\n    top: 6px;\n    outline: none;\n    box-shadow: none;\n  }\n\n  > input,\n  input::-webkit-input-placeholder {\n    font-size: 20px;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.blue[300];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[50];
-});
-var templateObject_1$12, templateObject_2$s;
-
-var CustomSizeModal = styled(Modal)(templateObject_1$13 || (templateObject_1$13 = __makeTemplateObject(["\n  width: 432px;\n  max-width: 90vw;\n"], ["\n  width: 432px;\n  max-width: 90vw;\n"])));
-var TitleContent = styled.div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  line-height: 24px;\n  font-weight: 500;\n  font-size: 16px;\n  font-style: normal;\n  color: #000000;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  line-height: 24px;\n  font-weight: 500;\n  font-size: 16px;\n  font-style: normal;\n  color: #000000;\n"])));
-var BodyContent = styled.div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n  margin-top: 8px;\n  margin-bottom: 8px;\n  font-size: 14px;\n  font-weight: normal;\n  font-style: normal;\n  line-height: 21px;\n  color: #5e6c84;\n"], ["\n  margin-top: 8px;\n  margin-bottom: 8px;\n  font-size: 14px;\n  font-weight: normal;\n  font-style: normal;\n  line-height: 21px;\n  color: #5e6c84;\n"])));
-var Question = styled.div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n  font-size: 14px;\n  font-style: normal;\n  line-height: 21px;\n  font-weight: 500;\n  color: #091e42;\n"], ["\n  font-size: 14px;\n  font-style: normal;\n  line-height: 21px;\n  font-weight: 500;\n  color: #091e42;\n"])));
-var Buttons = styled.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n  margin-top: 24px;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: row;\n  line-height: 21px;\n  justify-content: flex-end;\n"], ["\n  margin-top: 24px;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: row;\n  line-height: 21px;\n  justify-content: flex-end;\n"])));
-var templateObject_1$13, templateObject_2$t, templateObject_3$h, templateObject_4$b, templateObject_5$7;
-
-var typeMap = {
-    error: 'error',
-    info: 'info',
-    warning: 'warning',
-    success: 'success',
-};
-var iconMap$1 = {
-    error: faExclamationTriangle,
-    info: faInfoCircle,
-    warning: faExclamationTriangle,
-    success: faCheckCircle,
-};
-var iconColor = {
-    error: 'red',
-    info: 'blue',
-    warning: 'yellow',
-    success: 'green',
-};
-var ConfirmationModal = function (props) {
-    var type = typeMap[props.type];
-    var icon = iconMap$1[type];
-    var color = iconColor[type];
-    return (React.createElement(CustomSizeModal, { isOpen: props.isOpen, onActionClose: function () { return props.setIsOpen(false); }, isSmall: true },
-        React.createElement(TitleContent, null,
-            React.createElement(Icon, { icon: icon, size: '1x', color: color }),
-            React.createElement("span", { style: { marginLeft: '10px' } }, props.title)),
-        React.createElement(BodyContent, null, props.description),
-        React.createElement(Question, null, props.question),
-        React.createElement(Buttons, null,
-            React.createElement(Button, { text: 'Annulla', color: 'grey', onClick: function () {
-                    props.setIsOpen(false);
-                } }),
-            React.createElement(StyledButton, { text: props.actionText, color: color, onClick: function () {
-                    props.setIsOpen(false);
-                    props.onAction();
-                } }))));
-};
-var StyledButton = styled(Button)(templateObject_1$14 || (templateObject_1$14 = __makeTemplateObject(["\n  margin-left: 16px;\n"], ["\n  margin-left: 16px;\n"])));
-var templateObject_1$14;
-
-var StyledWrapper = styled.div(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n  width: 90vw;\n  margin: 0 auto;\n  text-align: center;\n  @media screen and (min-width: 768px) {\n    width: 376px;\n  }\n  .icon {\n    background-color: ", ";\n    width: 176px;\n    height: 176px;\n    border-radius: 50%;\n    color: ", ";\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 76px;\n  }\n  h5 {\n    margin-top: 2rem;\n    margin-bottom: 0;\n    font-weight: 500;\n    font-size: 20px;\n    line-height: 30px;\n    color: ", ";\n  }\n  p {\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: ", ";\n  }\n"], ["\n  width: 90vw;\n  margin: 0 auto;\n  text-align: center;\n  @media screen and (min-width: 768px) {\n    width: 376px;\n  }\n  .icon {\n    background-color: ", ";\n    width: 176px;\n    height: 176px;\n    border-radius: 50%;\n    color: ", ";\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 76px;\n  }\n  h5 {\n    margin-top: 2rem;\n    margin-bottom: 0;\n    font-weight: 500;\n    font-size: 20px;\n    line-height: 30px;\n    color: ", ";\n  }\n  p {\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: ", ";\n  }\n"])), function (_a) {
-    var palette = _a.theme.palette;
-    return palette.red[50];
-}, function (_a) {
-    var palette = _a.theme.palette;
-    return palette.red[500];
-}, function (_a) {
-    var palette = _a.theme.palette;
-    return palette.black[100];
-}, function (_a) {
-    var palette = _a.theme.palette;
-    return palette.black[80];
-});
-var PageEmptySet = function (_a) {
-    var action = _a.action, icon = _a.icon, text = _a.text, title = _a.title;
-    var button = useMemo(function () {
-        return action ? (React.createElement(Button, { onClick: function () { return action.action(); }, iconLeft: action.icon ? action.icon : undefined, text: action.text, color: 'green' })) : null;
-    }, [action]);
-    return (React.createElement(StyledWrapper, null,
-        icon && (React.createElement("div", { className: 'icon' },
-            React.createElement(Icon, __assign({}, icon)))),
-        title && React.createElement("h5", null, title),
-        text && React.createElement("p", null, text),
-        button));
-};
-var templateObject_1$15;
-
-var StyledWrapper$1 = styled.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var palette = _a.theme.palette;
-    return css(templateObject_1$16 || (templateObject_1$16 = __makeTemplateObject(["\n    .pagination {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: 2rem;\n    }\n\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ", ";\n        background-color: ", ";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n  "], ["\n    .pagination {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: 2rem;\n    }\n\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ", ";\n        background-color: ", ";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n  "])), palette.grey[700], palette.white[100], palette.grey[700]);
-});
-var templateObject_1$16, templateObject_2$u;
-
-var PaginationComponent = function (props) {
-    var numberOfPages = Math.ceil(props.listSize / props.pageSize);
-    var managedCurrentPage = Math.min(props.currentPage, numberOfPages);
-    var pageRange = range(managedCurrentPage - 3, managedCurrentPage + 4).filter(function (page) { return page > 0 && page <= numberOfPages; });
-    var backActive = false;
-    if (props.currentPage > 1 && Boolean(props.prevPageAction) && props.listSize) {
-        backActive = true;
-    }
-    return (React.createElement("div", { className: 'pagination' },
-        React.createElement("div", { onClick: function () {
-                if (props.prevPageAction && backActive) {
-                    props.prevPageAction();
-                }
-            }, className: 'pagination__element' + " " + (backActive ? '' : 'deactivated') }, props.prevText),
-        !pageRange.includes(1) ? (React.createElement(React.Fragment, null,
-            React.createElement("div", { onClick: function () {
-                    props.changePageAction(1);
-                }, className: "pagination__element " + (props.currentPage === 1 ? 'selected' : '') }, "1"),
-            pageRange[0] - 1 !== 1 ? React.createElement("div", { className: 'pagination__element' }, "...") : null)) : null,
-        pageRange.map(function (o, i) { return (React.createElement("div", { key: i, onClick: function () {
-                props.changePageAction(o);
-            }, className: "pagination__element " + (o === managedCurrentPage ? 'selected' : '') }, o)); }),
-        !pageRange.includes(numberOfPages) ? (React.createElement(React.Fragment, null,
-            numberOfPages - pageRange[pageRange.length - 1] !== 1 ? (React.createElement("div", { className: 'pagination__element' }, "...")) : null,
-            React.createElement("div", { onClick: function () {
-                    props.changePageAction(numberOfPages);
-                }, className: "pagination__element " + (props.currentPage === numberOfPages ? 'selected' : '') }, numberOfPages))) : null,
-        React.createElement("div", { onClick: function () {
-                if (props.nextPageAction && props.currentPage < numberOfPages) {
-                    props.nextPageAction();
-                }
-            }, className: 'pagination__element' + " " + (props.nextPageAction && props.currentPage >= numberOfPages ? 'deactivated' : '') }, props.nextText)));
-};
-var Pagination = function (props) { return (React.createElement(StyledWrapper$1, null,
-    React.createElement(PaginationComponent, __assign({}, props)))); };
-
-var StyledProgressbarWrapper = styled.div(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var color = _a.color, percentage = _a.percentage, palette = _a.theme.palette;
-    return css(templateObject_1$17 || (templateObject_1$17 = __makeTemplateObject(["\n    .progression__container {\n      height: ", ";\n      background-color: ", ";\n      position: relative;\n      border-radius: 100px;\n    }\n    .progression__bar {\n      position: absolute;\n      height: 100%;\n      z-index: 1;\n      border-radius: 100px;\n      transition: width 0.35s ease-in-out;\n\n      background-color: ", ";\n      width: ", "%;\n    }\n  "], ["\n    .progression__container {\n      height: ", ";\n      background-color: ", ";\n      position: relative;\n      border-radius: 100px;\n    }\n    .progression__bar {\n      position: absolute;\n      height: 100%;\n      z-index: 1;\n      border-radius: 100px;\n      transition: width 0.35s ease-in-out;\n\n      background-color: ", ";\n      width: ", "%;\n    }\n  "])), spacing.s, palette.grey[100], palette[color ? color : 'blue'][500], percentage);
-});
-var templateObject_1$17, templateObject_2$v;
-
-var UnstyledProgressbar = /** @class */ (function (_super) {
-    __extends(UnstyledProgressbar, _super);
-    function UnstyledProgressbar(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    UnstyledProgressbar.prototype.render = function () {
-        return (React.createElement("div", { className: 'progression__container' },
-            React.createElement("div", { className: 'progression__bar' })));
-    };
-    return UnstyledProgressbar;
-}(Component));
-var Progressbar = function (props) { return (React.createElement(StyledProgressbarWrapper, __assign({}, props),
-    React.createElement(UnstyledProgressbar, __assign({}, props)))); };
-
-var linearBackground = function () { return css(templateObject_1$18 || (templateObject_1$18 = __makeTemplateObject(["\n  .linear-background {\n    *,\n    ::after,\n    ::before {\n      box-sizing: border-box;\n    }\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n    margin-bottom: 0;\n    background-color: ", ";\n    border-radius: 4px;\n    padding: 8px;\n\n    &::before {\n      content: ' ';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 50%;\n      z-index: 1;\n      width: 500%;\n      margin-left: -250%;\n      animation: phAnimation 2s linear infinite;\n      background: linear-gradient(\n        to right,\n        ", " 46%,\n        ", " 50%,\n        ", " 54%\n      );\n    }\n\n    > * {\n      flex: 1 1 auto;\n      display: flex;\n      flex-flow: column;\n      padding-right: (8px / 2);\n      padding-left: (8px / 2);\n    }\n\n    @keyframes phAnimation {\n      0% {\n        transform: translate3d(-30%, 0, 0);\n      }\n      100% {\n        transform: translate3d(30%, 0, 0);\n      }\n    }\n  }\n"], ["\n  .linear-background {\n    *,\n    ::after,\n    ::before {\n      box-sizing: border-box;\n    }\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n    margin-bottom: 0;\n    background-color: ", ";\n    border-radius: 4px;\n    padding: 8px;\n\n    &::before {\n      content: ' ';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 50%;\n      z-index: 1;\n      width: 500%;\n      margin-left: -250%;\n      animation: phAnimation 2s linear infinite;\n      background: linear-gradient(\n        to right,\n        ", " 46%,\n        ", " 50%,\n        ", " 54%\n      );\n    }\n\n    > * {\n      flex: 1 1 auto;\n      display: flex;\n      flex-flow: column;\n      padding-right: (8px / 2);\n      padding-left: (8px / 2);\n    }\n\n    @keyframes phAnimation {\n      0% {\n        transform: translate3d(-30%, 0, 0);\n      }\n      100% {\n        transform: translate3d(30%, 0, 0);\n      }\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.white[100];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[100];
-}); };
-var templateObject_1$18;
-
-var tabletLandscape = 991;
-var responsiveThresholds = {
-    tabletLandscape: tabletLandscape,
-};
-
-var localStorageKeys = {
-    main: 'fic-design-system',
-    tableConfigs: 'tableConfigs',
-};
-
-var verifyPersistencyStructure = function (persistency) {
-    var requiredProperties = ['id', 'label', 'active', 'position'];
-    if (Array.isArray(persistency)) {
-        for (var _i = 0, persistency_1 = persistency; _i < persistency_1.length; _i++) {
-            var property = persistency_1[_i];
-            for (var i = 0; i < requiredProperties.length; i++) {
-                var hasProperty = property.hasOwnProperty(requiredProperties[i]);
-                if (!hasProperty) {
-                    return false;
-                }
-            }
-        }
-    }
-    return true;
-};
-var getConfig = function (persistencyId) {
-    if (persistencyId) {
-        var persistencyString = localStorage.getItem(localStorageKeys.main);
-        if (persistencyString) {
-            var persistency = JSON.parse(persistencyString);
-            if (persistency[localStorageKeys.tableConfigs][persistencyId]) {
-                if (verifyPersistencyStructure(persistency[localStorageKeys.tableConfigs][persistencyId])) {
-                    return persistency[localStorageKeys.tableConfigs][persistencyId];
-                }
-                return undefined;
-            }
-        }
-    }
-    return undefined;
-};
-var modifyConfig = function (properties, persistencyId) {
-    var _a, _b, _c, _d;
-    if (persistencyId) {
-        // Get data from localStorage
-        var persistencyString = localStorage.getItem(localStorageKeys.main);
-        if (persistencyString) {
-            var persistency = JSON.parse(persistencyString);
-            // Create new persistency data
-            var newPersistency = __assign(__assign({}, persistency), (_a = {}, _a[localStorageKeys.tableConfigs] = __assign(__assign({}, persistency[localStorageKeys.tableConfigs]), (_b = {}, _b[persistencyId] = properties, _b)), _a));
-            // Save in localStorage
-            localStorage.setItem(localStorageKeys.main, JSON.stringify(newPersistency));
-        }
-        else {
-            var newPersistency = (_c = {},
-                _c[localStorageKeys.tableConfigs] = (_d = {},
-                    _d[persistencyId] = properties,
-                    _d),
-                _c);
-            localStorage.setItem(localStorageKeys.main, JSON.stringify(newPersistency));
-        }
-    }
-};
-var mergePropertiesPersistency = function (properties, persistency) {
-    return persistency.map(function (p) { return (__assign(__assign({}, p), properties.find(function (itmInner) { return itmInner.id === p.id; }))); });
-};
-
-var typeMap$1 = {
-    asc: faSortUp,
-    desc: faSortDown,
-    default: faSort,
-};
-var StyledWrapper$2 = styled.div(templateObject_1$19 || (templateObject_1$19 = __makeTemplateObject(["\n  margin-left: 0.5rem;\n"], ["\n  margin-left: 0.5rem;\n"])));
-var StyledIcon$7 = styled(Icon)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-var SortIcon = function (props) {
-    var filter = _.find(props.propertiesFilter, ['id', props.property]);
-    var type = '';
-    if (!filter) {
-        type = 'default';
-    }
-    else {
-        if (typeof filter.type === 'boolean') {
-            type = 'default';
-        }
-        else {
-            type = filter.type;
-        }
-    }
-    var nextType = 'asc';
-    if (!filter) {
-        nextType = 'asc';
-    }
-    else {
-        if (typeof filter.type === 'boolean') {
-            nextType = 'asc';
-        }
-        else {
-            nextType = 'desc';
-        }
-    }
-    return (React.createElement(StyledWrapper$2, null,
-        React.createElement(StyledIcon$7, { icon: typeMap$1[type], onClick: function () {
-                props.handleSortOnProperty(props.property, nextType);
-            } })));
-};
-var templateObject_1$19, templateObject_2$w;
-
-var ellipsisIcon = {
-    icon: faEllipsisH,
-};
-var HeadDesktop = function (_a) {
-    var actions = _a.actions, allChecked = _a.allChecked, controlledProperties = _a.controlledProperties, disableSelection = _a.disableSelection, handleSelectAll = _a.handleSelectAll, handleSortOnProperty = _a.handleSortOnProperty, isLoading = _a.isLoading, propertiesFilter = _a.propertiesFilter, setShowModalCustomizeTrue = _a.setShowModalCustomizeTrue;
-    return (React.createElement("thead", null,
-        React.createElement("tr", null,
-            disableSelection ? null : (React.createElement("th", null,
-                React.createElement("input", { disabled: isLoading, type: 'checkbox', checked: allChecked, onChange: handleSelectAll }))),
-            controlledProperties.map(function (o, i) {
-                if (!o.active) {
-                    return null;
-                }
-                return (React.createElement("th", { key: i, style: o.columnStyle },
-                    React.createElement("div", null,
-                        React.createElement("div", null, o.label),
-                        o.sortable ? (React.createElement(SortIcon, { propertiesFilter: propertiesFilter, property: o.id, handleSortOnProperty: handleSortOnProperty })) : null)));
-            }),
-            actions && actions.length ? React.createElement("th", null, "Azioni") : null,
-            React.createElement("th", { onClick: function () {
-                    setShowModalCustomizeTrue();
-                } },
-                React.createElement(Icon, __assign({}, ellipsisIcon))))));
-};
-
-var Row = styled.div(templateObject_1$1a || (templateObject_1$1a = __makeTemplateObject([""], [""])));
-var ListMobile = function (_a) {
-    var data = _a.data, isLoading = _a.isLoading, listSize = _a.listSize, renderMobileRow = _a.renderMobileRow;
-    return (React.createElement("div", null, listSize && !isLoading
-        ? data.map(function (o, i) { return React.createElement(Row, { key: i }, renderMobileRow ? renderMobileRow(o) : undefined); })
-        : undefined));
-};
-var templateObject_1$1a;
-
-var ActionLink = styled.a(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  margin-right: 1rem;\n  cursor: pointer;\n  user-select: none;\n  &:hover {\n    text-decoration: underline;\n  }\n  ", "\n"], ["\n  margin-right: 1rem;\n  cursor: pointer;\n  user-select: none;\n  &:hover {\n    text-decoration: underline;\n  }\n  ",
-    "\n"])), function (props) { return css(templateObject_1$1b || (templateObject_1$1b = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), props.color); });
-var templateObject_1$1b, templateObject_2$x;
-
-var ActionsContainer = styled.div(templateObject_1$1c || (templateObject_1$1c = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
-var templateObject_1$1c;
-
-var StyledWrapper$3 = styled.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 32px;\n  background-color: ", ";\n  box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.24), 0px 1px 3px rgba(51, 51, 51, 0.12);\n  border-radius: 4px;\n  min-width: 200px;\n  max-width: calc(100% - 2rem);\n  padding: 0.5rem 1rem;\n  z-index: 999;\n  display: none;\n  ", "\n\n  .link_container {\n    margin: 0.5rem 0;\n  }\n"], ["\n  position: absolute;\n  right: 0;\n  top: 32px;\n  background-color: ", ";\n  box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.24), 0px 1px 3px rgba(51, 51, 51, 0.12);\n  border-radius: 4px;\n  min-width: 200px;\n  max-width: calc(100% - 2rem);\n  padding: 0.5rem 1rem;\n  z-index: 999;\n  display: none;\n  ",
-    "\n\n  .link_container {\n    margin: 0.5rem 0;\n  }\n"])), function (_a) {
-    var palette = _a.theme.palette;
-    return palette.white[100];
-}, function (props) {
-    if (props.active) {
-        return css(templateObject_1$1d || (templateObject_1$1d = __makeTemplateObject(["\n        display: block;\n      "], ["\n        display: block;\n      "])));
-    }
-    return undefined;
-});
-var Action = styled.p(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n  cursor: pointer;\n  user-select: none;\n  ", "\n"], ["\n  cursor: pointer;\n  user-select: none;\n  ",
-    "\n"])), function (props) {
-    if (props.color) {
-        return css(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), props.color);
-    }
-    return undefined;
-});
-var ActionsPopUp = function (props) { return (React.createElement(StyledWrapper$3, { active: props.active }, props.actions.map(function (a, ai) { return (React.createElement("div", { key: ai, className: 'link_container' },
-    React.createElement(Action, { className: 'action', key: ai, onClick: function (e) {
-            e.preventDefault();
-            a.action(props.element, props.selectedRows);
-            props.handlePopUpVisibility(undefined);
-        }, color: a.color }, a.label))); }))); };
-var templateObject_1$1d, templateObject_2$y, templateObject_3$i, templateObject_4$c;
-
-var StyledWrapper$4 = styled.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  justify-content: center;\n  border-radius: 4px;\n\n  ", "\n"], ["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  justify-content: center;\n  border-radius: 4px;\n\n  ",
-    "\n"])), function (_a) {
-    var active = _a.active, palette = _a.theme.palette;
-    return css(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n    ", "\n    &:hover {\n      background-color: ", ";\n    }\n  "], ["\n    ",
-        "\n    &:hover {\n      background-color: ", ";\n    }\n  "])), active && css(templateObject_1$1e || (templateObject_1$1e = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n    "], ["\n      background-color: ", ";\n      color: ", ";\n    "])), palette.blue[50], palette.blue[500]), palette.blue[50]);
-});
-var ActionsPopUpButton = function (props) { return (React.createElement(StyledWrapper$4, { active: props.active, onClick: function () { return props.handlePopUpVisibility(props.rowId); } },
-    React.createElement(Icon, { icon: faEllipsisH }))); };
-var templateObject_1$1e, templateObject_2$z, templateObject_3$j;
-
-var ActionsPopUpUnderlay = styled.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: none;\n  ", "\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: none;\n  ",
-    "\n"])), function (_a) {
-    var active = _a.active;
-    return active && css(templateObject_1$1f || (templateObject_1$1f = __makeTemplateObject(["\n      display: block;\n    "], ["\n      display: block;\n    "])));
-});
-var templateObject_1$1f, templateObject_2$A;
-
-var RowDesktop = function (_a) {
-    var actions = _a.actions, controlledProperties = _a.controlledProperties, currentActionsPopUp = _a.currentActionsPopUp, disableSelection = _a.disableSelection, element = _a.element, handlePopUpVisibility = _a.handlePopUpVisibility, handleSelection = _a.handleSelection, index = _a.index, selectedList = _a.selectedList;
-    return (React.createElement("tr", { className: "" + (selectedList && selectedList.includes(element.id) ? "selected" : "") },
-        disableSelection ? null : (React.createElement("td", null,
-            React.createElement("div", null,
-                React.createElement("input", { type: 'checkbox', checked: selectedList && selectedList.includes(element.id), onChange: function () {
-                        handleSelection(element.id);
-                    } })))),
-        controlledProperties.map(function (p, pi) {
-            if (p.active) {
-                return (React.createElement("td", { key: pi },
-                    React.createElement("div", { className: 'table__value' }, p.render ? p.render(element[p.id], element.id) : React.createElement("span", null, element[p.id]))));
-            }
-            return null;
-        }),
-        actions && actions.length ? (React.createElement("td", null,
-            React.createElement(ActionsContainer, null,
-                actions[0] ? (React.createElement(ActionLink, { onClick: function (e) {
-                        e.preventDefault();
-                        actions[0].action(element, selectedList ? selectedList : []);
-                    }, color: actions[0].color }, actions[0].label)) : null,
-                React.createElement(ActionsPopUpUnderlay, { onClick: function () {
-                        handlePopUpVisibility(undefined);
-                    }, active: Boolean(currentActionsPopUp === index) }),
-                actions && actions.length > 1 && (React.createElement(ActionsPopUpButton, { active: Boolean(currentActionsPopUp === index), rowId: index, handlePopUpVisibility: handlePopUpVisibility })),
-                React.createElement(ActionsPopUp, { active: Boolean(currentActionsPopUp === index), actions: actions.slice(1), selectedRows: selectedList ? selectedList : [], element: element, handlePopUpVisibility: handlePopUpVisibility })))) : null,
-        React.createElement("td", null)));
-};
-
-var StyledWrapper$5 = styled.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
-    "\n"])), function (_a) {
-    var show = _a.show, palette = _a.theme.palette;
-    return css(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.14);\n    top: 0;\n    left: 0;\n    display: none;\n    ", "\n    .link {\n      color: ", ";\n      cursor: pointer;\n    }\n    .modal__container {\n      background-color: ", ";\n      width: 424px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px;\n      background-color: ", ";\n    }\n    .modal__header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: ", ";\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n      padding: 0 1.5rem;\n      font-size: 20px;\n      line-height: 30px;\n      p {\n        cursor: pointer;\n      }\n    }\n    .modal__body {\n      padding: 1rem 1.5rem;\n      position: relative;\n      .draggable_element {\n        display: flex;\n        align-items: center;\n        &:hover,\n        &:active {\n          .icon {\n            visibility: visible;\n            color: ", ";\n          }\n        }\n      }\n      .draggable__handle {\n        width: 30px;\n        .icon {\n          display: block;\n          visibility: hidden;\n        }\n      }\n      .draggable__checkbox {\n        margin-bottom: 6px;\n      }\n    }\n    .modal__footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 1.5rem 1.5rem;\n      border-top: 1px solid ", ";\n      font-size: 14px;\n      line-height: 21px;\n      .buttons__container {\n        a {\n          &:first-child {\n            margin-right: 1rem;\n          }\n        }\n      }\n    }\n  "], ["\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.14);\n    top: 0;\n    left: 0;\n    display: none;\n    ",
-        "\n    .link {\n      color: ", ";\n      cursor: pointer;\n    }\n    .modal__container {\n      background-color: ", ";\n      width: 424px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px;\n      background-color: ", ";\n    }\n    .modal__header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: ", ";\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n      padding: 0 1.5rem;\n      font-size: 20px;\n      line-height: 30px;\n      p {\n        cursor: pointer;\n      }\n    }\n    .modal__body {\n      padding: 1rem 1.5rem;\n      position: relative;\n      .draggable_element {\n        display: flex;\n        align-items: center;\n        &:hover,\n        &:active {\n          .icon {\n            visibility: visible;\n            color: ", ";\n          }\n        }\n      }\n      .draggable__handle {\n        width: 30px;\n        .icon {\n          display: block;\n          visibility: hidden;\n        }\n      }\n      .draggable__checkbox {\n        margin-bottom: 6px;\n      }\n    }\n    .modal__footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 1.5rem 1.5rem;\n      border-top: 1px solid ", ";\n      font-size: 14px;\n      line-height: 21px;\n      .buttons__container {\n        a {\n          &:first-child {\n            margin-right: 1rem;\n          }\n        }\n      }\n    }\n  "])), show && css(templateObject_1$1g || (templateObject_1$1g = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "], ["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "]))), palette.blue[500], palette.white[100], palette.white[100], palette.grey[50], palette.grey[150], palette.grey[100]);
-});
-var templateObject_1$1g, templateObject_2$B, templateObject_3$k;
-
-var getItemStyle = function (snapshot, draggableStyle) {
-    return __assign({ userSelect: 'none', padding: '0.5rem 0 0.5rem 0', outline: "none" }, draggableStyle);
-};
-var getListStyle = function (isDraggingOver) { return ({
-    position: 'relative',
-    backgroundColor: isDraggingOver ? defaultTheme.palette.grey[50] : '',
-}); };
-var reorder = function (list, startIndex, endIndex) {
-    var result = Array.from(list);
-    var removed = result.splice(startIndex, 1)[0];
-    result.splice(endIndex, 0, removed);
-    return result;
-};
-
-var UseDnd = function (_a) {
-    var localProperties = _a.localProperties, onDragEnd = _a.onDragEnd, propertiesDisplayHandler = _a.propertiesDisplayHandler;
-    return (React.createElement(DragDropContext, { onDragEnd: onDragEnd },
-        React.createElement(Droppable, { droppableId: 'droppable' }, function (provided, snapshot) { return (React.createElement("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, style: getListStyle(snapshot.isDraggingOver) }),
-            localProperties.map(function (o, i) { return (React.createElement(Draggable, { key: o.id, draggableId: o.id, index: i, isDragDisabled: i === 0 }, function (provided, snapshot) { return (React.createElement("div", __assign({ className: 'draggable_element', ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: getItemStyle(snapshot, provided.draggableProps.style) }),
-                React.createElement("div", { className: 'draggable__handle' },
-                    React.createElement(Icon, { icon: faEquals, className: 'icon' })),
-                React.createElement("div", { className: 'draggable__checkbox' },
-                    React.createElement(Checkbox, { isDisabled: Boolean(o.deactivateActive) || i === 0, text: o.label, value: o.active, onClick: function () {
-                            propertiesDisplayHandler(o.id);
-                        } })))); })); }),
-            provided.placeholder)); })));
-};
-
-var CustomizationsModal = /** @class */ (function (_super) {
-    __extends(CustomizationsModal, _super);
-    function CustomizationsModal(props) {
-        var _this = _super.call(this, props) || this;
-        _this.propertiesDisplayHandler = function (id) {
-            var localProperties = _this.state.localProperties;
-            var newlocalProperties = localProperties.map(function (o) {
-                if (o.id === id) {
-                    return __assign(__assign({}, o), { active: o.active === 'checked' ? 'unchecked' : 'checked' });
-                }
-                return o;
-            });
-            _this.setState({ localProperties: newlocalProperties });
-        };
-        _this.onDragEnd = function (result, provided) {
-            var localProperties = _this.state.localProperties;
-            var destination = result.destination, source = result.source;
-            if (!result.destination) {
-                return;
-            }
-            if (destination) {
-                var newLocalProperties = reorder(localProperties, source.index, destination.index);
-                _this.setState({
-                    localProperties: newLocalProperties,
-                });
-            }
-        };
-        _this.resetProperties = function () {
-            var properties = _this.props.properties;
-            var resettedProperties = properties.map(function (o) { return (__assign(__assign({}, o), { active: 'checked' })); });
-            resettedProperties = _.orderBy(resettedProperties, 'position', 'asc');
-            _this.setState({ localProperties: resettedProperties });
-        };
-        var properties = _this.props.properties;
-        _this.state = {
-            localProperties: __spreadArrays(properties),
-        };
-        return _this;
-    }
-    CustomizationsModal.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, close = _a.close, modifyControlledPropertiesHandler = _a.modifyControlledPropertiesHandler, properties = _a.properties, show = _a.show, title = _a.title;
-        var localProperties = this.state.localProperties;
-        return (React.createElement(StyledWrapper$5, { show: show },
-            React.createElement("div", { className: 'modal__container' },
-                React.createElement("div", { className: 'modal__header' },
-                    React.createElement("div", null, title),
-                    React.createElement("div", null,
-                        React.createElement("p", { onClick: close },
-                            React.createElement(Icon, { icon: faTimes })))),
-                React.createElement("div", { className: 'modal__body' },
-                    React.createElement(UseDnd, { onDragEnd: this.onDragEnd, localProperties: this.state.localProperties, propertiesDisplayHandler: this.propertiesDisplayHandler })),
-                React.createElement("div", { className: 'modal__footer' },
-                    React.createElement("div", null,
-                        React.createElement("p", { className: 'link', onClick: this.resetProperties }, "Reimposta")),
-                    React.createElement("div", { className: 'buttons__container' },
-                        React.createElement(Button, { text: 'Annulla', color: 'grey', size: 'large', onClick: function () {
-                                _this.setState({ localProperties: properties });
-                                close();
-                            } }),
-                        React.createElement(Button, { text: 'Applica', size: 'large', onClick: function () {
-                                modifyControlledPropertiesHandler(localProperties);
-                                close();
-                            } }))))));
-    };
-    return CustomizationsModal;
-}(Component));
-
-var LoadingTableRow = styled.tr(templateObject_1$1h || (templateObject_1$1h = __makeTemplateObject(["\n  height: 49px;\n"], ["\n  height: 49px;\n"])));
-var LoadingContent = function (props) {
-    // Loading elments for the table
-    var renderElements = function () {
-        var rows = [];
-        var cells = [];
-        for (var tri = 0; tri < props.elmentsNumber; tri++) {
-            cells.splice(0, cells.length);
-            cells.push(React.createElement("td", { key: "tr-" + tri + "-td-" + 0 }));
-            for (var tdi = 0; tdi < props.propsNumber; tdi++) {
-                cells.push(React.createElement("td", { key: "tr-" + tri + "-td-" + (tdi + 1) },
-                    React.createElement("div", { className: 'linear-background' })));
-            }
-            cells.push(React.createElement("td", { key: "tr-" + tri + "-td-" + cells.length }));
-            rows.push(React.createElement(LoadingTableRow, { key: "tr-" + tri }, cells));
-        }
-        return rows;
-    };
-    return React.createElement(React.Fragment, null, renderElements());
-};
-var templateObject_1$1h;
-
-var Pagination$1 = function (props) {
-    var managedCurrentPage = props.currentPage;
-    var numberOfPages = Math.ceil(props.listSize / props.pageSize);
-    if (managedCurrentPage > numberOfPages) {
-        managedCurrentPage = numberOfPages;
-    }
-    var pageRage = _.range(managedCurrentPage - 3, managedCurrentPage + 4);
-    var backActive = false;
-    if (props.currentPage > 1 && Boolean(props.prevPageAction) && props.listSize) {
-        backActive = true;
-    }
-    return (React.createElement("div", { className: 'pagination' },
-        React.createElement("div", { onClick: function () {
-                if (props.prevPageAction && backActive) {
-                    props.prevPageAction();
-                }
-            }, className: "pagination__element " + (backActive ? '' : 'deactivated') }, "Indietro"),
-        !pageRage.includes(1) ? (React.createElement(React.Fragment, null,
-            React.createElement("div", { onClick: function () {
-                    props.changePageAction(1);
-                }, className: "pagination__element " + (props.currentPage === 1 ? "selected" : null) }, "1"),
-            pageRage[0] - 1 !== 1 ? React.createElement("div", { className: "pagination__element" }, "...") : null)) : null,
-        pageRage.map(function (o, i) {
-            if (o > 0 && o <= numberOfPages) {
-                return (React.createElement("div", { key: i, onClick: function () {
-                        props.changePageAction(o);
-                    }, className: "pagination__element " + (o === managedCurrentPage ? "selected" : null) }, o));
-            }
-            return null;
-        }),
-        !pageRage.includes(numberOfPages) ? (React.createElement(React.Fragment, null,
-            numberOfPages - pageRage[pageRage.length - 1] !== 1 ? (React.createElement("div", { className: "pagination__element" }, "...")) : null,
-            React.createElement("div", { onClick: function () {
-                    props.changePageAction(numberOfPages);
-                }, className: "pagination__element " + (props.currentPage === numberOfPages ? "selected" : null) }, numberOfPages))) : null,
-        React.createElement("div", { onClick: function () {
-                if (props.nextPageAction && props.currentPage < numberOfPages) {
-                    props.nextPageAction();
-                }
-            }, className: "pagination__element " + (props.nextPageAction && props.currentPage >= numberOfPages ? 'deactivated' : '') }, "Avanti")));
-};
-
-var UnstyledTable = /** @class */ (function (_super) {
-    __extends(UnstyledTable, _super);
-    function UnstyledTable(props) {
-        var _this = _super.call(this, props) || this;
-        _this.handleSelection = function (id) {
-            var _a = _this.props, selectedList = _a.selectedList, selectionCallback = _a.selectionCallback;
-            if (selectedList && selectionCallback) {
-                if (selectedList.includes(id)) {
-                    var filtered = selectedList.filter(function (value) { return value !== id; });
-                    selectionCallback(filtered);
-                }
-                else {
-                    selectionCallback(__spreadArrays(selectedList, [id]));
-                }
-            }
-        };
-        _this.handleSelectAll = function (e) {
-            var _a = _this.props, data = _a.data, selectedList = _a.selectedList, selectionCallback = _a.selectionCallback;
-            if (selectedList) {
-                var elementsIds_1 = __spreadArrays(selectedList);
-                if (e.target.checked) {
-                    data.forEach(function (o) {
-                        if (!selectedList.includes(o.id)) {
-                            elementsIds_1.push(o.id);
-                        }
-                    });
-                }
-                else {
-                    data.forEach(function (o) {
-                        elementsIds_1 = elementsIds_1.filter(function (val) { return val !== o.id; });
-                    });
-                }
-                if (selectionCallback) {
-                    selectionCallback(elementsIds_1);
-                }
-            }
-        };
-        _this.handleSortOnProperty = function (id, type) {
-            var propertiesFilter = _this.state.propertiesFilter;
-            if (_.find(propertiesFilter, { id: id })) {
-                var newPropertiesFilter = propertiesFilter.map(function (o) {
-                    if (o.id === id) {
-                        return __assign(__assign({}, o), { type: o.type === type ? false : type });
-                    }
-                    return o;
-                });
-                _this.setState({ propertiesFilter: __spreadArrays(newPropertiesFilter) });
-            }
-            else {
-                var newPropertyFilter = { id: id, type: type };
-                _this.setState({ propertiesFilter: __spreadArrays(propertiesFilter, [newPropertyFilter]) });
-            }
-        };
-        _this.modifyControlledPropertiesHandler = function (properties) {
-            var persistencyId = _this.props.persistencyId;
-            modifyConfig(properties, persistencyId);
-            _this.setState({ controlledProperties: properties });
-        };
-        _this.handlePopUpVisibility = function (rowId) {
-            _this.setState({ currentActionsPopUp: rowId });
-        };
-        var persistency = getConfig(props.persistencyId);
-        var controlledProperties = persistency
-            ? mergePropertiesPersistency(props.properties, persistency)
-            : props.properties.map(function (o, i) { return (__assign(__assign({}, o), { active: 'checked', position: i })); });
-        _this.state = {
-            propertiesFilter: [],
-            showModalCustomize: false,
-            controlledProperties: controlledProperties,
-        };
-        return _this;
-    }
-    UnstyledTable.prototype.render = function () {
-        var _this = this;
-        var _a = this.state, controlledProperties = _a.controlledProperties, propertiesFilter = _a.propertiesFilter, showModalCustomize = _a.showModalCustomize;
-        var currentActionsPopUp = this.state.currentActionsPopUp;
-        var _b = this.props, actions = _b.actions, className = _b.className, customizeModalTitle = _b.customizeModalTitle, data = _b.data, listSize = _b.listSize, pageSize = _b.pageSize;
-        var _c = this.props, nextPageAction = _c.nextPageAction, prevPageAction = _c.prevPageAction;
-        var _d = this.props, changePageAction = _d.changePageAction, currentPage = _d.currentPage;
-        var _e = this.props, disableSelection = _e.disableSelection, isLoading = _e.isLoading, renderMobileRow = _e.renderMobileRow, selectedList = _e.selectedList;
-        var _f = this.props, emptySetAction = _f.emptySetAction, emptySetIcon = _f.emptySetIcon, emptySetText = _f.emptySetText, emptySetTitle = _f.emptySetTitle;
-        var filterPropertiesWithType = propertiesFilter.filter(function (o) { return o.type; });
-        var filterPropertiesIds = filterPropertiesWithType.map(function (o) { return o.id; });
-        var filterPropertiesTypes = filterPropertiesWithType.map(function (o) { return o.type; });
-        var allChecked = isLoading ? false : true;
-        if (selectedList && listSize > 0) {
-            data.forEach(function (o) {
-                if (!selectedList.includes(o.id)) {
-                    allChecked = false;
-                }
-            });
-        }
-        else {
-            allChecked = false;
-        }
-        return (React.createElement("div", { className: className },
-            window.innerWidth <= responsiveThresholds.tabletLandscape ? (React.createElement(ListMobile, { listSize: listSize, isLoading: isLoading, data: data, renderMobileRow: renderMobileRow })) : undefined,
-            window.innerWidth > responsiveThresholds.tabletLandscape ? (React.createElement(React.Fragment, null,
-                React.createElement("table", null,
-                    React.createElement(HeadDesktop, { isLoading: isLoading, allChecked: allChecked, setShowModalCustomizeTrue: function () { return _this.setState({ showModalCustomize: true }); }, handleSelectAll: this.handleSelectAll, controlledProperties: controlledProperties, propertiesFilter: propertiesFilter, handleSortOnProperty: this.handleSortOnProperty, actions: actions, disableSelection: disableSelection }),
-                    React.createElement("tbody", null,
-                        listSize && !isLoading
-                            ? _.orderBy(data, filterPropertiesIds, filterPropertiesTypes).map(function (o, i) { return (React.createElement(RowDesktop, { key: i, selectedList: selectedList, element: o, index: i, handleSelection: _this.handleSelection, controlledProperties: controlledProperties, actions: actions, handlePopUpVisibility: _this.handlePopUpVisibility, currentActionsPopUp: currentActionsPopUp, disableSelection: disableSelection })); })
-                            : null,
-                        isLoading ? (React.createElement(LoadingContent, { elmentsNumber: pageSize, propsNumber: controlledProperties.length })) : null)),
-                listSize <= 0 && !isLoading && emptySetTitle ? (React.createElement("div", { className: 'pageEmptySet__container' },
-                    React.createElement(PageEmptySet, { icon: emptySetIcon, title: emptySetTitle, text: emptySetText, action: emptySetAction }))) : null,
-                listSize ? (React.createElement(Pagination$1, { changePageAction: changePageAction, nextPageAction: nextPageAction, prevPageAction: prevPageAction, currentPage: currentPage, pageSize: pageSize, listSize: listSize })) : null,
-                React.createElement(CustomizationsModal, { show: showModalCustomize, close: function () {
-                        _this.setState({ showModalCustomize: false });
-                    }, title: customizeModalTitle, properties: controlledProperties, modifyControlledPropertiesHandler: this.modifyControlledPropertiesHandler }))) : null));
-    };
-    return UnstyledTable;
-}(Component));
-
-var StyledTableWrapper = styled(UnstyledTable)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  table {\n    overflow-x: scroll;\n    width: 100%;\n    white-space: nowrap;\n    border-spacing: 0;\n    table-layout: auto;\n    position: relative;\n  }\n\n  td,\n  th {\n    text-align: left;\n    padding: 0.5rem;\n    font-size: 14px;\n    line-height: 24px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  td {\n    &:last-child,\n    &:nth-last-child(2) {\n      width: 1px;\n    }\n  }\n\n  ", "\n\n  input[type='checkbox'] {\n    cursor: pointer;\n  }\n\n  .table__value {\n    white-space: normal;\n    a {\n      color: ", ";\n      text-decoration: none;\n      cursor: pointer;\n    }\n  }\n\n  .filter__active {\n  }\n  .filter__disabled {\n    opacity: 0.5;\n  }\n\n  .pagination {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin-top: 2rem;\n  }\n\n  ", "\n\n  .pageEmptySet__container {\n    margin-top: calc(", " * 2);\n  }\n"], ["\n  table {\n    overflow-x: scroll;\n    width: 100%;\n    white-space: nowrap;\n    border-spacing: 0;\n    table-layout: auto;\n    position: relative;\n  }\n\n  td,\n  th {\n    text-align: left;\n    padding: 0.5rem;\n    font-size: 14px;\n    line-height: 24px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  td {\n    &:last-child,\n    &:nth-last-child(2) {\n      width: 1px;\n    }\n  }\n\n  ",
-    "\n\n  input[type='checkbox'] {\n    cursor: pointer;\n  }\n\n  .table__value {\n    white-space: normal;\n    a {\n      color: ", ";\n      text-decoration: none;\n      cursor: pointer;\n    }\n  }\n\n  .filter__active {\n  }\n  .filter__disabled {\n    opacity: 0.5;\n  }\n\n  .pagination {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin-top: 2rem;\n  }\n\n  ",
-    "\n\n  .pageEmptySet__container {\n    margin-top: calc(", " * 2);\n  }\n"])), function (_a) {
-    var disableSelection = _a.disableSelection, isHeaderFixed = _a.isHeaderFixed, isLoading = _a.isLoading, palette = _a.theme.palette;
-    return css(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n    thead {\n      th {\n        ", "\n        z-index: 3;\n        border-bottom: 2px solid ", ";\n        background-color: ", ";\n        color: ", ";\n        font-weight: 500;\n        border-right: 2px solid ", ";\n\n        ", "\n        &:last-child {\n          cursor: pointer;\n          color: ", ";\n        }\n        &:last-child,\n        &:nth-last-child(2) {\n          width: 1px;\n          padding: 0 1rem;\n        }\n\n        div {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        &.selected {\n          background-color: ", ";\n          &:hover {\n            background-color: ", ";\n          }\n        }\n        ", "\n        ", "\n      }\n    }\n  "], ["\n    thead {\n      th {\n        ",
-        "\n        z-index: 3;\n        border-bottom: 2px solid ", ";\n        background-color: ", ";\n        color: ", ";\n        font-weight: 500;\n        border-right: 2px solid ", ";\n\n        ",
-        "\n        &:last-child {\n          cursor: pointer;\n          color: ", ";\n        }\n        &:last-child,\n        &:nth-last-child(2) {\n          width: 1px;\n          padding: 0 1rem;\n        }\n\n        div {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        &.selected {\n          background-color: ", ";\n          &:hover {\n            background-color: ", ";\n          }\n        }\n        ",
-        "\n        ",
-        "\n      }\n    }\n  "])), isHeaderFixed && css(templateObject_1$1i || (templateObject_1$1i = __makeTemplateObject(["\n          position: sticky;\n          top: 0;\n        "], ["\n          position: sticky;\n          top: 0;\n        "]))), palette.grey[200], palette.grey[50], palette.grey[500], palette.grey[100], !disableSelection && css(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n          &:first-child {\n            width: 20px;\n            border-right: 0;\n          }\n        "], ["\n          &:first-child {\n            width: 20px;\n            border-right: 0;\n          }\n        "]))), palette.black, palette.yellow[50], palette.yellow[100], !isLoading && css(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n          &:hover {\n            background-color: ", ";\n          }\n        "], ["\n          &:hover {\n            background-color: ", ";\n          }\n        "])), palette.grey[100]), !disableSelection && css(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n          &:first-child {\n            width: 20px;\n          }\n        "], ["\n          &:first-child {\n            width: 20px;\n          }\n        "]))));
-}, function (_a) {
-    var palette = _a.theme.palette;
-    return palette.blue[500];
-}, function (_a) {
-    var palette = _a.theme.palette;
-    return css(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ", ";\n        background-color: ", ";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n    /* Loading animation */\n    ", "\n  "], ["\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ", ";\n        background-color: ", ";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n    /* Loading animation */\n    ", "\n  "])), palette.grey[700], palette.white[100], palette.grey[700], linearBackground());
-}, spacing.xxxl);
-var templateObject_1$1i, templateObject_2$C, templateObject_3$l, templateObject_4$d, templateObject_5$8, templateObject_6$6, templateObject_7$6;
-
-var Table = function (props) { return React.createElement(StyledTableWrapper, __assign({}, props)); };
-
-var ActiveTag = styled.span(templateObject_1$1j || (templateObject_1$1j = __makeTemplateObject(["\n  background: ", ";\n  width: 100%;\n  height: 4px;\n  margin-top: 6px;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  background: ", ";\n  width: 100%;\n  height: 4px;\n  margin-top: 6px;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"])), function (_a) {
-    var active = _a.active, theme = _a.theme;
-    return (active ? theme.palette.primary[500] : 'transparent');
-}, function (_a) {
-    var active = _a.active, theme = _a.theme;
-    return (active ? theme.palette.primary[500] : theme.palette.grey[500]);
-}, function (_a) {
-    var active = _a.active, theme = _a.theme;
-    return (active ? theme.palette.primary[500] : theme.palette.grey[900]);
-});
-var templateObject_1$1j;
-
-var Tab = styled.span(templateObject_1$1k || (templateObject_1$1k = __makeTemplateObject(["\n  font-family: 'Inter UI', sans-serif;\n  font-style: normal;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n\n  align-items: center;\n  display: flex;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  font-family: 'Inter UI', sans-serif;\n  font-style: normal;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n\n  align-items: center;\n  display: flex;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"])), function (_a) {
-    var active = _a.active, theme = _a.theme;
-    return (active ? theme.palette.primary[500] : theme.palette.grey[500]);
-}, function (_a) {
-    var active = _a.active, theme = _a.theme;
-    return (active ? theme.palette.primary[500] : theme.palette.grey[900]);
-});
-var templateObject_1$1k;
-
-var Item$1 = function (_a) {
-    var active = _a.active, handleClick = _a.handleClick, tabRef = _a.tabRef, text = _a.text;
-    return (React.createElement(ItemWrapper, { ref: tabRef === null || tabRef === void 0 ? void 0 : tabRef(), onClick: handleClick },
-        React.createElement(Tab, { active: active }, text),
-        React.createElement(ActiveTag, { active: active })));
-};
-var ItemWrapper = styled.div(templateObject_1$1l || (templateObject_1$1l = __makeTemplateObject(["\n  cursor: pointer;\n  flex-shrink: 0;\n  position: relative;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n"], ["\n  cursor: pointer;\n  flex-shrink: 0;\n  position: relative;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1$1l;
-
-var TabsWrapper = styled.div(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n  box-sizing: border-box;\n  height: 31px;\n  alignment-baseline: baseline;\n  display: flex;\n  white-space: nowrap;\n  margin-top: 3px;\n  width: 100%;\n\n  ", ";\n\n  & > *:first-child {\n    padding-left: ", "px;\n  }\n\n  & > *:last-child {\n    padding-right: ", "px;\n  }\n\n  & > * + * {\n    margin-left: ", "px;\n  }\n"], ["\n  box-sizing: border-box;\n  height: 31px;\n  alignment-baseline: baseline;\n  display: flex;\n  white-space: nowrap;\n  margin-top: 3px;\n  width: 100%;\n\n  ",
-    ";\n\n  & > *:first-child {\n    padding-left: ", "px;\n  }\n\n  & > *:last-child {\n    padding-right: ", "px;\n  }\n\n  & > * + * {\n    margin-left: ", "px;\n  }\n"])), function (_a) {
-    var hidden = _a.hidden;
-    return hidden && css(templateObject_1$1m || (templateObject_1$1m = __makeTemplateObject(["\n      visibility: hidden;\n      position: absolute;\n    "], ["\n      visibility: hidden;\n      position: absolute;\n    "])));
-}, function (_a) {
-    var lateralPadding = _a.lateralPadding;
-    return lateralPadding;
-}, function (_a) {
-    var lateralPadding = _a.lateralPadding;
-    return lateralPadding;
-}, function (_a) {
-    var distance = _a.distance;
-    return distance;
-});
-var ScrollableTabsWrapper = styled(TabsWrapper)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n"], ["\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n"])));
-var templateObject_1$1m, templateObject_2$D, templateObject_3$m;
-
-var useResizedWidth = function () {
-    var _a = useMeasure(), elementsWrapperRef = _a[0], wrapperTmpWidth = _a[1].width;
-    var _b = useState(0), wrapperWidth = _b[0], setWrapperWidth = _b[1];
-    useDebounce(function () { return setWrapperWidth(wrapperTmpWidth); }, 250, [wrapperTmpWidth]);
-    return { elementsWrapperRef: elementsWrapperRef, wrapperWidth: wrapperWidth };
-};
-
-var useTabItemsCount = function (_a) {
-    var distance = _a.distance, lateralPadding = _a.lateralPadding, tabsLength = _a.tabsLength, tabsRefs = _a.tabsRefs, wrapperWidth = _a.wrapperWidth;
-    return useMemo(function () {
-        var _a;
-        var visibleCount = 0;
-        var remainingSpace = wrapperWidth - 2 * lateralPadding;
-        while (visibleCount !== tabsLength && remainingSpace > 0) {
-            var nextTabWidth = (_a = tabsRefs[visibleCount].current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-            if (nextTabWidth && remainingSpace - (nextTabWidth + distance) > 0) {
-                visibleCount++;
-                remainingSpace -= nextTabWidth + distance;
-            }
-            else {
-                remainingSpace = -1;
-            }
-        }
-        return { visibleCount: visibleCount };
-    }, [distance, lateralPadding, tabsLength, tabsRefs, wrapperWidth]);
-};
-
-var TabsDropdownTrigger = function (_a) {
-    var active = _a.active;
-    return (React.createElement(Item$1, { active: active, text: React.createElement(DropdownIcon, { icon: faEllipsisH$1, fixedWidth: true }) }));
-};
-var DropdownIcon = styled(Icon)(templateObject_1$1n || (templateObject_1$1n = __makeTemplateObject(["\n  height: 21px;\n"], ["\n  height: 21px;\n"])));
-var templateObject_1$1n;
-
-var TabsDropdown = function (_a) {
-    var active = _a.active, tabs = _a.tabs;
-    var renderTrigger = useCallback(function () { return React.createElement(TabsDropdownTrigger, { active: active }); }, [active]);
-    var renderContent = useCallback(function (closeDropdown) { return (React.createElement(React.Fragment, null, tabs.map(function (_a, i) {
-        var active = _a.active, handleClick = _a.handleClick, text = _a.text;
-        return (React.createElement(Dropdown.Item, { key: i, text: text, active: active, onClick: function () {
-                handleClick && handleClick();
-                closeDropdown();
-            } }));
-    }))); }, [tabs]);
-    return React.createElement(Dropdown$2, { placement: 'bottom-end', fullWidth: true, renderTrigger: renderTrigger, renderContent: renderContent });
-};
-var Dropdown$2 = styled(Dropdown)(templateObject_1$1o || (templateObject_1$1o = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
-var templateObject_1$1o;
-
-var DropdownTabs = function (_a) {
-    var className = _a.className, _b = _a.distance, distance = _b === void 0 ? 15 : _b, _c = _a.lateralPadding, lateralPadding = _c === void 0 ? 23 : _c, tabs = _a.tabs;
-    var _d = useResizedWidth(), elementsWrapperRef = _d.elementsWrapperRef, wrapperWidth = _d.wrapperWidth;
-    var _e = useState(0), refresh = _e[1];
-    var tabsLength = tabs.length;
-    var tabsRefs = useMemo(function () { return Array.from(Array(tabsLength), function () { return React.createRef(); }); }, [tabsLength]);
-    var cbRef = useMemo(function () {
-        return tabsRefs.map(function (ref) { return function () {
-            refresh(function (n) { return n + 1; });
-            return ref;
-        }; });
-    }, [tabsRefs]);
-    var visibleCount = useTabItemsCount({
-        distance: distance,
-        tabsLength: tabsLength,
-        wrapperWidth: wrapperWidth,
-        tabsRefs: tabsRefs,
-        lateralPadding: lateralPadding,
-    }).visibleCount;
-    var tabsItems = useMemo(function () { return tabs.map(function (attrs, i) { return React.createElement(Item$1, __assign({ key: i, tabRef: cbRef[i] }, attrs)); }); }, [tabs, tabsRefs]);
-    var visibleItems = useMemo(function () { return tabs.slice(0, visibleCount).map(function (attrs, i) { return React.createElement(Item$1, __assign({ key: i }, attrs)); }); }, [tabs, visibleCount]);
-    var dropdownItems = useMemo(function () { return tabs.slice(visibleCount); }, [tabs, visibleCount]);
-    var dropdownVisible = dropdownItems.length !== 0;
-    var dropdownActive = dropdownItems.some(function (e) { return e.active; });
-    var isCalculatingSpace = wrapperWidth === 0;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(StyledScrollableWrapper, { className: className, distance: distance, lateralPadding: lateralPadding, hidden: !isCalculatingSpace }, tabsItems),
-        React.createElement(TabsWrapper, { className: className, distance: distance, lateralPadding: lateralPadding, hidden: isCalculatingSpace, ref: elementsWrapperRef },
-            visibleItems,
-            dropdownVisible && React.createElement(TabsDropdown, { active: dropdownActive, tabs: dropdownItems }))));
-};
-// Remove scrollbar on ScrollableWrapper used until real DropdownTabs is loaded
-var StyledScrollableWrapper = styled(ScrollableTabsWrapper)(templateObject_1$1p || (templateObject_1$1p = __makeTemplateObject(["\n  overflow-x: hidden;\n"], ["\n  overflow-x: hidden;\n"])));
-var templateObject_1$1p;
-
-var ScrollableTabs = function (_a) {
-    var className = _a.className, _b = _a.distance, distance = _b === void 0 ? 15 : _b, _c = _a.lateralPadding, lateralPadding = _c === void 0 ? 23 : _c, tabs = _a.tabs;
-    var tabsItems = useMemo(function () { return tabs.map(function (attrs, i) { return React.createElement(Item$1, __assign({ key: i }, attrs)); }); }, [tabs]);
-    return (React.createElement(ScrollableTabsWrapper, { className: className, distance: distance, lateralPadding: lateralPadding }, tabsItems));
-};
-
-var ThemeProvider = function (_a) {
-    var children = _a.children, theme = _a.theme;
-    return (React.createElement(ThemeProvider$1, { theme: theme },
-        React.createElement(React.Fragment, null, children)));
-};
-
-var StyledTip = styled.div(templateObject_1$1q || (templateObject_1$1q = __makeTemplateObject(["\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 16px;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 100px;\n"], ["\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 16px;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 100px;\n"])), function (_a) {
-    var palette = _a.theme.palette;
-    return palette.white[100];
-}, function (_a) {
-    var palette = _a.theme.palette;
-    return palette.primary[400];
-});
-var StyledLeftIcon = styled.span(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n  margin-right: 8px;\n  font-size: 20px;\n"], ["\n  margin-right: 8px;\n  font-size: 20px;\n"])));
-var StyledText = styled.span(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  white-space: nowrap;\n"], ["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  white-space: nowrap;\n"])));
-var StyledCloseIcon$1 = styled.div(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n  margin-left: 32px;\n  line-height: 20px;\n  & :hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"], ["\n  margin-left: 32px;\n  line-height: 20px;\n  & :hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (_a) {
-    var palette = _a.theme.palette;
-    return palette.white[100];
-});
-var templateObject_1$1q, templateObject_2$E, templateObject_3$n, templateObject_4$e;
-
-var defaultCloseIcon$1 = {
-    icon: faTimes,
-};
-var Tip = function (props) {
-    var className = props.className, closeIcon = props.closeIcon, leftIcon = props.leftIcon, onClose = props.onClose, renderCloseIcon = props.renderCloseIcon, text = props.text;
-    return (React.createElement(StyledTip, { className: className },
-        leftIcon && (React.createElement(StyledLeftIcon, null,
-            React.createElement(Icon, __assign({}, leftIcon)))),
-        React.createElement(StyledText, null, text),
-        onClose && (React.createElement(StyledCloseIcon$1, { onClick: onClose }, renderCloseIcon ? renderCloseIcon() : React.createElement(Icon, __assign({}, (closeIcon || defaultCloseIcon$1), { fixedWidth: true }))))));
-};
-
-var rocketIcon = {
-    icon: faRocket,
-};
-var ShortcutTip = function (props) {
-    var shortcut = props.shortcut, text = props.text, rest = __rest(props, ["shortcut", "text"]);
-    return (React.createElement(Tip, __assign({ text: React.createElement(React.Fragment, null,
-            text,
-            " ",
-            React.createElement("b", null, shortcut)), leftIcon: rocketIcon }, rest)));
-};
-
-var StyledIconDiv = styled.div(templateObject_1$1r || (templateObject_1$1r = __makeTemplateObject(["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: 16px;\n  margin-top: 16px;\n  text-align: center;\n"], ["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: 16px;\n  margin-top: 16px;\n  text-align: center;\n"])));
-var StyledIcon$8 = styled(Icon)(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n  vertical-align: sub;\n"], ["\n  vertical-align: sub;\n"])));
-var StyledTitle$1 = styled.div(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n  display: inline-block;\n  height: 24px;\n  margin-left: 8px;\n  margin-right: 16px;\n  margin-top: 16px;\n  font-weight: 500;\n  width: 256px;\n"], ["\n  display: inline-block;\n  height: 24px;\n  margin-left: 8px;\n  margin-right: 16px;\n  margin-top: 16px;\n  font-weight: 500;\n  width: 256px;\n"])));
-var StyledContent$1 = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n  display: block;\n  margin: 4px 16px 16px 48px;\n  line-height: 21px;\n  font-weight: 400;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: clip;\n"], ["\n  display: block;\n  margin: 4px 16px 16px 48px;\n  line-height: 21px;\n  font-weight: 400;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: clip;\n"])));
-var StyledAction = styled.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  display: inline-block;\n  height: 21px;\n  float: right;\n  margin-right: -1px;\n  cursor: pointer;\n"], ["\n  display: inline-block;\n  height: 21px;\n  float: right;\n  margin-right: -1px;\n  cursor: pointer;\n"])));
-var StyledToast = styled.div(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  min-height: 56px;\n  line-height: 24px;\n  font-size: 14px;\n  user-select: none;\n"], ["\n  min-height: 56px;\n  line-height: 24px;\n  font-size: 14px;\n  user-select: none;\n"])));
-var StyledActionLabel = styled.label(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-var templateObject_1$1r, templateObject_2$F, templateObject_3$o, templateObject_4$f, templateObject_5$9, templateObject_6$7, templateObject_7$7;
-
-var typeMap$2 = {
-    standard: 'dark',
-    error: 'error',
-    info: 'info',
-    warning: 'warning',
-    success: 'success',
-};
-var iconMap$2 = {
-    dark: faInfoSquare,
-    error: faExclamationTriangle,
-    info: faInfoCircle,
-    warning: faExclamationTriangle,
-    success: faCheckCircle,
-};
-var ToastContent = function (props) { return (React.createElement(StyledToast, null,
-    React.createElement(StyledIconDiv, null,
-        React.createElement(StyledIcon$8, __assign({}, props.icon, { fixedWidth: true }))),
-    React.createElement(StyledTitle$1, null,
-        props.title,
-        React.createElement(StyledAction, null,
-            React.createElement(StyledActionLabel, { onClick: props.onActionClick }, props.actionLabel))),
-    React.createElement(StyledContent$1, null, props.content))); };
-var show = function (title, options) {
-    var _a;
-    var type = options.type ? typeMap$2[options.type] : 'dark';
-    var autoClose = options.autoClose === undefined ? 3000 : options.autoClose;
-    var icon = options.icon || { icon: iconMap$2[type] };
-    var size = ((_a = options.icon) === null || _a === void 0 ? void 0 : _a.size) || '1x';
-    var newIcon = __assign(__assign({}, icon), { size: size });
-    var toastId = toast[type](React.createElement(ToastContent, { title: title, content: options.content, icon: newIcon, actionLabel: options.actionLabel, onActionClick: options.onActionClick }), {
-        autoClose: autoClose,
-        closeButton: false,
-    });
-    return toastId && String(toastId);
-};
-var dismiss = function (toastId) {
-    toast.dismiss(toastId);
-};
-var success = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'success' })); };
-var error = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'error' })); };
-var warning = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'warning' })); };
-var standard = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'standard' })); };
-var info = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'info' })); };
-
-var ToastContainer = styled(ToastContainer$1).attrs({
-    hideProgressBar: true,
-    newestOnTop: true,
-    closeOnClick: false,
-    draggable: false,
-    rtl: false,
-})(templateObject_1$1s || (templateObject_1$1s = __makeTemplateObject(["\n  &.Toastify__toast-container {\n    z-index: 20000;\n    -webkit-transform: translate3d(0, 0, 9999px);\n    position: fixed;\n    padding: 0px;\n    width: 320px;\n    box-sizing: border-box;\n    color: #fff;\n  }\n  &.Toastify__toast-container--top-left {\n    top: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--top-center {\n    top: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--top-right {\n    top: 1em;\n    right: 1em;\n  }\n  &.Toastify__toast-container--bottom-left {\n    bottom: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--bottom-center {\n    bottom: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--bottom-right {\n    bottom: 1em;\n    right: 1em;\n  }\n\n  @media only screen and (max-width: 480px) {\n    &.Toastify__toast-container {\n      width: 100vw;\n      padding: 0;\n      left: 0;\n      margin: 0;\n    }\n    &.Toastify__toast-container--top-left,\n    &.Toastify__toast-container--top-center,\n    &.Toastify__toast-container--top-right {\n      top: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--bottom-left,\n    &.Toastify__toast-container--bottom-center,\n    &.Toastify__toast-container--bottom-right {\n      bottom: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--rtl {\n      right: 0;\n      left: initial;\n    }\n  }\n  .Toastify__toast {\n    position: relative;\n    min-height: 56px;\n    box-sizing: border-box;\n    margin-bottom: 1rem;\n    border-radius: 1px;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    max-height: 800px;\n    overflow: hidden;\n    cursor: pointer;\n    direction: ltr;\n  }\n  .Toastify__toast--rtl {\n    direction: rtl;\n  }\n  .Toastify__toast--dark {\n    background: #091e42;\n    border-radius: 4px;\n  }\n  .Toastify__toast--default {\n    background: #fff;\n    color: #aaa;\n  }\n  .Toastify__toast--info {\n    background: #0052cc;\n    border-radius: 4px;\n  }\n  .Toastify__toast--success {\n    background: #00875a;\n    border-radius: 4px;\n  }\n  .Toastify__toast--warning {\n    background: #ff991f;\n    border-radius: 4px;\n  }\n  .Toastify__toast--error {\n    background: #de350b;\n    border-radius: 4px;\n  }\n  .Toastify__toast-body {\n    margin: auto 0;\n    -ms-flex: 1 1 auto;\n    flex: 1 1 auto;\n  }\n\n  @media only screen and (max-width: 480px) {\n    .Toastify__toast {\n      margin-bottom: 0;\n    }\n  }\n  .Toastify__close-button {\n    color: #fff;\n    background: transparent;\n    outline: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0.7;\n    transition: 0.3s ease;\n    -ms-flex-item-align: start;\n    align-self: flex-start;\n  }\n  .Toastify__close-button--default {\n    color: #000;\n    opacity: 0.3;\n  }\n  .Toastify__close-button > svg {\n    fill: currentColor;\n    height: 16px;\n    width: 14px;\n  }\n  .Toastify__close-button:hover,\n  .Toastify__close-button:focus {\n    opacity: 1;\n  }\n\n  @keyframes Toastify__trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\n    }\n  }\n  .Toastify__progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    z-index: 20000;\n    opacity: 0.7;\n    background-color: rgba(255, 255, 255, 0.7);\n    transform-origin: left;\n  }\n  .Toastify__progress-bar--animated {\n    animation: Toastify__trackProgress linear 1 forwards;\n  }\n  .Toastify__progress-bar--controlled {\n    transition: transform 0.2s;\n  }\n  .Toastify__progress-bar--rtl {\n    right: 0;\n    left: initial;\n    transform-origin: right;\n  }\n  .Toastify__progress-bar--default {\n    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  }\n  .Toastify__progress-bar--dark {\n    background: #bb86fc;\n  }\n  @keyframes Toastify__bounceInRight {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(-25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(-5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutRight {\n    20% {\n      opacity: 1;\n      transform: translate3d(-20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInLeft {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(-3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(-10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutLeft {\n    20% {\n      opacity: 1;\n      transform: translate3d(20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(-2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInUp {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(0, 3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    75% {\n      transform: translate3d(0, 10px, 0);\n    }\n    90% {\n      transform: translate3d(0, -5px, 0);\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceOutUp {\n    20% {\n      transform: translate3d(0, -10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, 20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, -2000px, 0);\n    }\n  }\n  @keyframes Toastify__bounceInDown {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, -3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, 25px, 0);\n    }\n    75% {\n      transform: translate3d(0, -10px, 0);\n    }\n    90% {\n      transform: translate3d(0, 5px, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutDown {\n    20% {\n      transform: translate3d(0, 10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, 2000px, 0);\n    }\n  }\n  .Toastify__bounce-enter--top-left,\n  .Toastify__bounce-enter--bottom-left {\n    animation-name: Toastify__bounceInLeft;\n  }\n  .Toastify__bounce-enter--top-right,\n  .Toastify__bounce-enter--bottom-right {\n    animation-name: Toastify__bounceInRight;\n  }\n  .Toastify__bounce-enter--top-center {\n    animation-name: Toastify__bounceInDown;\n  }\n  .Toastify__bounce-enter--bottom-center {\n    animation-name: Toastify__bounceInUp;\n  }\n\n  .Toastify__bounce-exit--top-left,\n  .Toastify__bounce-exit--bottom-left {\n    animation-name: Toastify__bounceOutLeft;\n  }\n  .Toastify__bounce-exit--top-right,\n  .Toastify__bounce-exit--bottom-right {\n    animation-name: Toastify__bounceOutRight;\n  }\n  .Toastify__bounce-exit--top-center {\n    animation-name: Toastify__bounceOutUp;\n  }\n  .Toastify__bounce-exit--bottom-center {\n    animation-name: Toastify__bounceOutDown;\n  }\n\n  @keyframes Toastify__zoomIn {\n    from {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n  @keyframes Toastify__zoomOut {\n    from {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    to {\n      opacity: 0;\n    }\n  }\n  .Toastify__zoom-enter {\n    animation-name: Toastify__zoomIn;\n  }\n\n  .Toastify__zoom-exit {\n    animation-name: Toastify__zoomOut;\n  }\n\n  @keyframes Toastify__flipIn {\n    from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n    to {\n      transform: perspective(400px);\n    }\n  }\n  @keyframes Toastify__flipOut {\n    from {\n      transform: perspective(400px);\n    }\n    30% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      opacity: 1;\n    }\n    to {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      opacity: 0;\n    }\n  }\n  .Toastify__flip-enter {\n    animation-name: Toastify__flipIn;\n  }\n\n  .Toastify__flip-exit {\n    animation-name: Toastify__flipOut;\n  }\n\n  @keyframes Toastify__slideInRight {\n    from {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInLeft {\n    from {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInUp {\n    from {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInDown {\n    from {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutRight {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutLeft {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutDown {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n  @keyframes Toastify__slideOutUp {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n  .Toastify__slide-enter--top-left,\n  .Toastify__slide-enter--bottom-left {\n    animation-name: Toastify__slideInLeft;\n  }\n  .Toastify__slide-enter--top-right,\n  .Toastify__slide-enter--bottom-right {\n    animation-name: Toastify__slideInRight;\n  }\n  .Toastify__slide-enter--top-center {\n    animation-name: Toastify__slideInDown;\n  }\n  .Toastify__slide-enter--bottom-center {\n    animation-name: Toastify__slideInUp;\n  }\n\n  .Toastify__slide-exit--top-left,\n  .Toastify__slide-exit--bottom-left {\n    animation-name: Toastify__slideOutLeft;\n  }\n  .Toastify__slide-exit--top-right,\n  .Toastify__slide-exit--bottom-right {\n    animation-name: Toastify__slideOutRight;\n  }\n  .Toastify__slide-exit--top-center {\n    animation-name: Toastify__slideOutUp;\n  }\n  .Toastify__slide-exit--bottom-center {\n    animation-name: Toastify__slideOutDown;\n  }\n\n  /*# sourceMappingURL=ReactToastify.css.map */\n"], ["\n  &.Toastify__toast-container {\n    z-index: 20000;\n    -webkit-transform: translate3d(0, 0, 9999px);\n    position: fixed;\n    padding: 0px;\n    width: 320px;\n    box-sizing: border-box;\n    color: #fff;\n  }\n  &.Toastify__toast-container--top-left {\n    top: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--top-center {\n    top: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--top-right {\n    top: 1em;\n    right: 1em;\n  }\n  &.Toastify__toast-container--bottom-left {\n    bottom: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--bottom-center {\n    bottom: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--bottom-right {\n    bottom: 1em;\n    right: 1em;\n  }\n\n  @media only screen and (max-width: 480px) {\n    &.Toastify__toast-container {\n      width: 100vw;\n      padding: 0;\n      left: 0;\n      margin: 0;\n    }\n    &.Toastify__toast-container--top-left,\n    &.Toastify__toast-container--top-center,\n    &.Toastify__toast-container--top-right {\n      top: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--bottom-left,\n    &.Toastify__toast-container--bottom-center,\n    &.Toastify__toast-container--bottom-right {\n      bottom: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--rtl {\n      right: 0;\n      left: initial;\n    }\n  }\n  .Toastify__toast {\n    position: relative;\n    min-height: 56px;\n    box-sizing: border-box;\n    margin-bottom: 1rem;\n    border-radius: 1px;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    max-height: 800px;\n    overflow: hidden;\n    cursor: pointer;\n    direction: ltr;\n  }\n  .Toastify__toast--rtl {\n    direction: rtl;\n  }\n  .Toastify__toast--dark {\n    background: #091e42;\n    border-radius: 4px;\n  }\n  .Toastify__toast--default {\n    background: #fff;\n    color: #aaa;\n  }\n  .Toastify__toast--info {\n    background: #0052cc;\n    border-radius: 4px;\n  }\n  .Toastify__toast--success {\n    background: #00875a;\n    border-radius: 4px;\n  }\n  .Toastify__toast--warning {\n    background: #ff991f;\n    border-radius: 4px;\n  }\n  .Toastify__toast--error {\n    background: #de350b;\n    border-radius: 4px;\n  }\n  .Toastify__toast-body {\n    margin: auto 0;\n    -ms-flex: 1 1 auto;\n    flex: 1 1 auto;\n  }\n\n  @media only screen and (max-width: 480px) {\n    .Toastify__toast {\n      margin-bottom: 0;\n    }\n  }\n  .Toastify__close-button {\n    color: #fff;\n    background: transparent;\n    outline: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0.7;\n    transition: 0.3s ease;\n    -ms-flex-item-align: start;\n    align-self: flex-start;\n  }\n  .Toastify__close-button--default {\n    color: #000;\n    opacity: 0.3;\n  }\n  .Toastify__close-button > svg {\n    fill: currentColor;\n    height: 16px;\n    width: 14px;\n  }\n  .Toastify__close-button:hover,\n  .Toastify__close-button:focus {\n    opacity: 1;\n  }\n\n  @keyframes Toastify__trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\n    }\n  }\n  .Toastify__progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    z-index: 20000;\n    opacity: 0.7;\n    background-color: rgba(255, 255, 255, 0.7);\n    transform-origin: left;\n  }\n  .Toastify__progress-bar--animated {\n    animation: Toastify__trackProgress linear 1 forwards;\n  }\n  .Toastify__progress-bar--controlled {\n    transition: transform 0.2s;\n  }\n  .Toastify__progress-bar--rtl {\n    right: 0;\n    left: initial;\n    transform-origin: right;\n  }\n  .Toastify__progress-bar--default {\n    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  }\n  .Toastify__progress-bar--dark {\n    background: #bb86fc;\n  }\n  @keyframes Toastify__bounceInRight {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(-25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(-5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutRight {\n    20% {\n      opacity: 1;\n      transform: translate3d(-20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInLeft {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(-3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(-10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutLeft {\n    20% {\n      opacity: 1;\n      transform: translate3d(20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(-2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInUp {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(0, 3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    75% {\n      transform: translate3d(0, 10px, 0);\n    }\n    90% {\n      transform: translate3d(0, -5px, 0);\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceOutUp {\n    20% {\n      transform: translate3d(0, -10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, 20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, -2000px, 0);\n    }\n  }\n  @keyframes Toastify__bounceInDown {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, -3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, 25px, 0);\n    }\n    75% {\n      transform: translate3d(0, -10px, 0);\n    }\n    90% {\n      transform: translate3d(0, 5px, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutDown {\n    20% {\n      transform: translate3d(0, 10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, 2000px, 0);\n    }\n  }\n  .Toastify__bounce-enter--top-left,\n  .Toastify__bounce-enter--bottom-left {\n    animation-name: Toastify__bounceInLeft;\n  }\n  .Toastify__bounce-enter--top-right,\n  .Toastify__bounce-enter--bottom-right {\n    animation-name: Toastify__bounceInRight;\n  }\n  .Toastify__bounce-enter--top-center {\n    animation-name: Toastify__bounceInDown;\n  }\n  .Toastify__bounce-enter--bottom-center {\n    animation-name: Toastify__bounceInUp;\n  }\n\n  .Toastify__bounce-exit--top-left,\n  .Toastify__bounce-exit--bottom-left {\n    animation-name: Toastify__bounceOutLeft;\n  }\n  .Toastify__bounce-exit--top-right,\n  .Toastify__bounce-exit--bottom-right {\n    animation-name: Toastify__bounceOutRight;\n  }\n  .Toastify__bounce-exit--top-center {\n    animation-name: Toastify__bounceOutUp;\n  }\n  .Toastify__bounce-exit--bottom-center {\n    animation-name: Toastify__bounceOutDown;\n  }\n\n  @keyframes Toastify__zoomIn {\n    from {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n  @keyframes Toastify__zoomOut {\n    from {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    to {\n      opacity: 0;\n    }\n  }\n  .Toastify__zoom-enter {\n    animation-name: Toastify__zoomIn;\n  }\n\n  .Toastify__zoom-exit {\n    animation-name: Toastify__zoomOut;\n  }\n\n  @keyframes Toastify__flipIn {\n    from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n    to {\n      transform: perspective(400px);\n    }\n  }\n  @keyframes Toastify__flipOut {\n    from {\n      transform: perspective(400px);\n    }\n    30% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      opacity: 1;\n    }\n    to {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      opacity: 0;\n    }\n  }\n  .Toastify__flip-enter {\n    animation-name: Toastify__flipIn;\n  }\n\n  .Toastify__flip-exit {\n    animation-name: Toastify__flipOut;\n  }\n\n  @keyframes Toastify__slideInRight {\n    from {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInLeft {\n    from {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInUp {\n    from {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInDown {\n    from {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutRight {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutLeft {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutDown {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n  @keyframes Toastify__slideOutUp {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n  .Toastify__slide-enter--top-left,\n  .Toastify__slide-enter--bottom-left {\n    animation-name: Toastify__slideInLeft;\n  }\n  .Toastify__slide-enter--top-right,\n  .Toastify__slide-enter--bottom-right {\n    animation-name: Toastify__slideInRight;\n  }\n  .Toastify__slide-enter--top-center {\n    animation-name: Toastify__slideInDown;\n  }\n  .Toastify__slide-enter--bottom-center {\n    animation-name: Toastify__slideInUp;\n  }\n\n  .Toastify__slide-exit--top-left,\n  .Toastify__slide-exit--bottom-left {\n    animation-name: Toastify__slideOutLeft;\n  }\n  .Toastify__slide-exit--top-right,\n  .Toastify__slide-exit--bottom-right {\n    animation-name: Toastify__slideOutRight;\n  }\n  .Toastify__slide-exit--top-center {\n    animation-name: Toastify__slideOutUp;\n  }\n  .Toastify__slide-exit--bottom-center {\n    animation-name: Toastify__slideOutDown;\n  }\n\n  /*# sourceMappingURL=ReactToastify.css.map */\n"])));
-var templateObject_1$1s;
-
-var Toast = {
-    Container: ToastContainer,
-    show: show,
-    dismiss: dismiss,
-    success: success,
-    error: error,
-    info: info,
-    warning: warning,
-    standard: standard,
-};
-
-export { Accordion, AsyncCreatableSelect, AsyncSelect, Avatar, Badge, Banner, Button, Checkbox, Chip, ConfirmationModal, CreatableSelect, Drawer, Dropdown, DropdownTabs, GroupedList, Icon, IconBackground, IconButton, InlineMessage, InputHelper, InputText, MicroTag, Modal, ModalBody, ModalSearchable, PageEmptySet, Pagination, Progressbar, RadioButton, RadioButtonGroup, ScrollableTabs, Select, ShortcutTip, SidebarItem, Stepper, Table, Tag, TextArea, ThemeProvider, Tip, Toast, Tooltip, WithBadge, sidebarItemHeight, useCheckboxValue, useSelectMultiValues, useSelectValue };
+import{faChevronDown as n,faTimes as e,faTimesCircle as t,faExclamationTriangle as r,faInfoCircle as o,faCheckCircle as i,faCheck as a,faMinus as l,faCaretDown as c,faEllipsisH as s,faCaretRight as p,faSortUp as d,faSortDown as u,faSort as f,faEquals as m,faInfoSquare as g}from"@fortawesome/pro-solid-svg-icons";import h,{useMemo as x,Component as b,useCallback as y,useRef as v,useState as w,useEffect as _}from"react";import k,{css as E,useTheme as T,createGlobalStyle as C,ThemeProvider as z}from"styled-components";import{FontAwesomeIcon as F}from"@fortawesome/react-fontawesome";import{faCircleNotch as D,faCircle as A}from"@fortawesome/pro-regular-svg-icons";import{usePopper as P}from"react-popper";import{CSSTransition as S}from"react-transition-group";import{useClickAway as O,useMeasure as N,useDebounce as I}from"react-use";import B,{components as R}from"react-select";import L from"react-select/async";import j from"react-select/async-creatable";import H from"react-select/creatable";import{faTimes as M,faSearch as U,faEllipsisH as W}from"@fortawesome/pro-light-svg-icons";import{isMacOs as V}from"react-device-detect";import X from"react-modal";import q from"lodash/range";import K from"lodash";import{DragDropContext as J,Droppable as G,Draggable as Q}from"react-beautiful-dnd";import{faRocket as Y}from"@fortawesome/pro-duotone-svg-icons";import{toast as Z,ToastContainer as $}from"react-toastify";
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */var nn=function(n,e){return nn=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,e){n.__proto__=e}||function(n,e){for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])},nn(n,e)};function en(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function t(){this.constructor=n}nn(n,e),n.prototype=null===e?Object.create(e):(t.prototype=e.prototype,new t)}var tn=function(){return tn=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n},tn.apply(this,arguments)};function rn(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(n);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(n,r[o])&&(t[r[o]]=n[r[o]])}return t}function on(n,e,t){if(t||2===arguments.length)for(var r,o=0,i=e.length;o<i;o++)!r&&o in e||(r||(r=Array.prototype.slice.call(e,0,o)),r[o]=e[o]);return n.concat(r||Array.prototype.slice.call(e))}function an(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var ln,cn,sn,pn,dn,un,fn,mn,gn,hn,xn,bn,yn,vn,wn,_n,kn,En,Tn,Cn,zn,Fn,Dn,An,Pn,Sn,On,Nn,In,Bn,Rn,Ln,jn,Hn,Mn,Un,Wn,Vn,Xn,qn,Kn,Jn,Gn,Qn,Yn,Zn,$n,ne,ee,te,re,oe,ie,ae,le,ce,se,pe,de,ue,fe,me,ge,he,xe,be,ye,ve,we,_e,ke,Ee,Te,Ce,ze,Fe,De,Ae,Pe,Se,Oe,Ne,Ie,Be,Re,Le,je,He,Me,Ue,We,Ve,Xe,qe,Ke,Je,Ge,Qe,Ye,Ze,$e,nt,et,tt,rt,ot,it,at,lt,ct,st,pt,dt,ut,ft,mt,gt,ht,xt,bt,yt,vt,wt,_t,kt,Et,Tt,Ct,zt,Ft,Dt,At,Pt,St,Ot,Nt,It,Bt,Rt,Lt,jt,Ht,Mt,Ut,Wt,Vt,Xt={xs:".75em",sm:".875em",lg:"1.33em","1x":"1em","2x":"2em","3x":"3em","4x":"4em","5x":"5em","6x":"6em","7x":"7em","8x":"8em","9x":"9em","10x":"10em"},qt=function(n){var e=n.children,t=rn(n,["children"]);return h.createElement(Kt,tn({},t),e)},Kt=k.div(ln||(ln=an(["\n  background-color: ",";\n  border-radius: 50%;\n\n  min-width: calc("," * ",");\n  min-height: calc("," * ",");\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  background-color: ",";\n  border-radius: 50%;\n\n  min-width: calc("," * ",");\n  min-height: calc("," * ",");\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n"])),(function(n){var e=n.theme,t=n.color;return n.backgroundColor||e.components.iconBackground[t]||"transparent"}),1.5,(function(n){var e=n.size;return Xt[e]}),1.5,(function(n){var e=n.size;return Xt[e]})),Jt={900:"#0028AD",800:"#0038B9",700:"#0041C0",600:"#004BC7",500:"#0052CC",400:"#266CD4",300:"#4D86DB",200:"#80A9E6",100:"#B3CBF0",50:"#E0EAF9"},Gt={black:{8:"rgba(51, 51, 51, 0.08)",16:"rgba(51, 51, 51, 0.16)",48:"rgba(51, 51, 51, 0.48)",80:"rgba(51, 51, 51, 0.8)",100:"#333333"},white:{8:"rgba(255, 255, 255, 0.08)",16:"rgba(255, 255, 255, 0.16)",48:"rgba(255, 255, 255, 0.48)",80:"rgba(255, 255, 255, 0.8)",100:"#FFFFFF"},grey:{900:"#091E42",800:"#253858",700:"#505F79",600:"#5E6C84",500:"#6B778C",400:"#7A869A",300:"#A5ADBA",200:"#C1C7D0",100:"#EBECF0",50:"#FAFBFC"},blue:Jt,indigo:{900:"#05175E",800:"#082188",700:"#0A29A6",600:"#0B2FBF",500:"#0D35D5",400:"#637CE3",300:"#90A3EB",200:"#B3BFF1",100:"#D0D7F6",50:"#E8ECFB"},yellow:{900:"#FF6B0A",800:"#FF7C12",700:"#FF8617",600:"#FF911B",500:"#FF991F",400:"#FFA841",300:"#FFB862",200:"#FFCC8F",100:"#FFE0BC",50:"#FFF3E4"},orange:{900:"#783722",800:"#A74D2F",700:"#CA5D39",600:"#E66A42",500:"#FF7649",400:"#FF9978",300:"#FFB49B",200:"#FFCAB9",100:"#FFDED3",50:"#FFEFEA"},red:{900:"#C81603",800:"#D12206",700:"#D52808",600:"#DA300A",500:"#DE350B",400:"#E35330",300:"#E87254",200:"#EF9A85",100:"#F5C2B6",50:"#FBE7E2"},green:{900:"#00572E",800:"#006A3F",700:"#007448",600:"#007F52",500:"#00875A",400:"#269973",300:"#4DAB8C",200:"#80C3AD",100:"#B3DBCE",50:"#E0F1EB"},fuchsia:{900:"#500663",800:"#71088B",700:"#880AA8",600:"#9C0BC0",500:"#AD0DD5",400:"#CB67E4",300:"#DB94EC",200:"#E6B6F2",100:"#EFD2F7",50:"#F7E9FB"},pink:{900:"#640648",800:"#8C0864",700:"#A80A79",600:"#C00B8A",500:"#D50D99",400:"#E569BF",300:"#EC96D2",200:"#F2B7E0",100:"#F7D2EC",50:"#FBEAF6"},cyan:{900:"#066552",800:"#088C72",700:"#0AA989",600:"#0BC09C",500:"#0DD5AD",400:"#4DE0C2",300:"#7DE8D3",200:"#A4EFE0",100:"#C6F5EB",50:"#E4FAF5"},primary:Jt},Qt=(Gt.blue[50],Gt.indigo[50],Gt.yellow[50],Gt.orange[50],Gt.red[50],Gt.green[50],Gt.fuchsia[50],Gt.pink[50],Gt.cyan[50],Gt.primary[50],Gt.grey[100],Gt.white[16],Gt.black[16],function(n){var e=n.onClick,t=n.isDisabled,r=rn(n,["onClick","isDisabled"]),o=x((function(){return t||!e?void 0:function(n){return e(n)}}),[t,e]);return h.createElement(Yt,tn({},r,{onClick:o}))}),Yt=k(F).attrs((function(n){var e=n.theme,t=n.color;return t?e.components.icon[t]:{primary:"inherit",secondary:"inherit"}}))(cn||(cn=an(["\n  cursor: ",";\n  color: ",";\n  --fa-secondary-color: ",";\n"],["\n  cursor: ",";\n  color: ",";\n  --fa-secondary-color: ",";\n"])),(function(n){return n.onClick?"pointer":"inherit"}),(function(n){return n.primary}),(function(n){return n.secondary})),Zt=function(n){return{primary:Gt[n][500],secondary:Gt[n][200]}},$t=(Zt("blue"),Zt("red"),Zt("green"),Zt("yellow"),Zt("orange"),Zt("primary"),Zt("cyan"),Zt("fuchsia"),Zt("indigo"),Zt("pink"),Zt("grey"),Gt.white[100],Gt.white[48],Gt.black[100],Gt.black[48],"4px"),nr="8px",er="12px",tr="16px",rr="24px",or="32px",ir="64px",ar=k.div(sn||(sn=an(["\n  color: ",";\n  .header {\n    border-top: 1px solid ",";\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: ",";\n    .header__element {\n      padding: 0 ",";\n      &:hover {\n        &.pointer {\n          cursor: pointer;\n        }\n      }\n    }\n\n    .action_icon {\n      cursor: pointer;\n      display: none;\n      width: ",";\n      height: ",";\n      &.visibile {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      &:hover {\n        background: ",";\n        border-radius: 4px;\n      }\n    }\n\n    .chevron {\n    }\n    .chevron__closed {\n      transform: rotate(-90deg);\n    }\n\n    .title {\n      flex: 1;\n      padding: 0;\n      user-select: none;\n      p {\n        margin: 0;\n        font-size: 20px;\n        line-height: 30px;\n      }\n    }\n  }\n\n  .body {\n    padding: 0 ",";\n    height: auto;\n\n    &.closed {\n      overflow: hidden;\n      height: 0;\n    }\n  }\n"],["\n  color: ",";\n  .header {\n    border-top: 1px solid ",";\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: ",";\n    .header__element {\n      padding: 0 ",";\n      &:hover {\n        &.pointer {\n          cursor: pointer;\n        }\n      }\n    }\n\n    .action_icon {\n      cursor: pointer;\n      display: none;\n      width: ",";\n      height: ",";\n      &.visibile {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      &:hover {\n        background: ",";\n        border-radius: 4px;\n      }\n    }\n\n    .chevron {\n    }\n    .chevron__closed {\n      transform: rotate(-90deg);\n    }\n\n    .title {\n      flex: 1;\n      padding: 0;\n      user-select: none;\n      p {\n        margin: 0;\n        font-size: 20px;\n        line-height: 30px;\n      }\n    }\n  }\n\n  .body {\n    padding: 0 ",";\n    height: auto;\n\n    &.closed {\n      overflow: hidden;\n      height: 0;\n    }\n  }\n"])),(function(n){return n.theme.palette.black[100]}),(function(n){return n.theme.palette.grey[100]}),ir,rr,or,or,(function(n){return n.theme.palette.grey[100]}),rr),lr=function(e){function t(n){var t=e.call(this,n)||this;t.handleOpenAccordion=function(){var n=t.state.show;t.setState({show:!n})};var r=t.props.showBodyAtFirstRender;return t.state={show:Boolean(r)},t}return en(t,e),t.prototype.render=function(){var e=this.props,t=e.lateralActions,r=e.renderBody,o=e.renderLateralActions,i=e.renderTitle,a=e.title,l=this.state.show;return h.createElement(h.Fragment,null,h.createElement("div",{className:"header"},h.createElement("div",{onClick:this.handleOpenAccordion,className:"header__element pointer chevron"+(l?"":"__closed")},h.createElement(Qt,{icon:n})),h.createElement("div",{onClick:this.handleOpenAccordion,className:"header__element title pointer"},i?h.createElement(h.Fragment,null,i()):h.createElement("p",null,a)),h.createElement("div",{className:"header__element"},o||(null==t?void 0:t.map((function(n,e){return h.createElement("span",{className:"action_icon "+(l?"visibile":""),key:e,onClick:n.action},n.icon)}))))),l&&h.createElement("div",{className:"body"},r()))},t}(b),cr=function(n){return h.createElement(ar,tn({},n),h.createElement(lr,tn({},n)))},sr={xs:16,s:24,m:32,l:40},pr={xs:10,s:12,m:14,l:20},dr=k((function(n){return h.createElement("span",{className:n.className})})).attrs((function(n){return{initials:n.initials?["m","l"].includes(n.size)?n.initials.slice(0,2):n.initials[0]:""}}))(pn||(pn=an(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-box-pack: center;\n  height: ","px;\n  width: ","px;\n  line-height: 0;\n  border-radius: 100%;\n  -webkit-box-align: center;\n  background-size: cover;\n  color: white;\n  background-color: ",";\n  ","\n\n  &:after {\n    content: '","';\n    line-height: 40px;\n    font-weight: 500;\n    font-style: normal;\n    font-size: ","px;\n    text-transform: uppercase;\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-box-pack: center;\n  height: ","px;\n  width: ","px;\n  line-height: 0;\n  border-radius: 100%;\n  -webkit-box-align: center;\n  background-size: cover;\n  color: white;\n  background-color: ",";\n  ","\n\n  &:after {\n    content: '","';\n    line-height: 40px;\n    font-weight: 500;\n    font-style: normal;\n    font-size: ","px;\n    text-transform: uppercase;\n  }\n"])),(function(n){return sr[n.size||"m"]}),(function(n){return sr[n.size||"m"]}),(function(n){return n.theme.palette.primary[500]}),(function(n){return function(n){var e=n.image,t=n.initials,r=n.placeholder;if(!e&&!r)return{};var o=[];return e&&o.push("url("+e+")"),r&&!t&&o.push("url("+r+")"),{backgroundImage:o.join()}}(n)}),(function(n){return n.image?"":n.initials}),(function(n){return pr[n.size||"m"]})),ur=k.div(dn||(dn=an(["\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-flex;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: 4px;\n  margin: 3px 0;\n  max-height: 24px;\n\n  padding-left: ",";\n  padding-right: ",";\n\n  color: ",";\n  background-color: ",";\n\n  &.red {\n    background-color: ",";\n    color: ",";\n  }\n\n  &.green {\n    background-color: ",";\n    color: ",";\n  }\n"],["\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-flex;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: 4px;\n  margin: 3px 0;\n  max-height: 24px;\n\n  padding-left: ",";\n  padding-right: ",";\n\n  color: ",";\n  background-color: ",";\n\n  &.red {\n    background-color: ",";\n    color: ",";\n  }\n\n  &.green {\n    background-color: ",";\n    color: ",";\n  }\n"])),(function(n){var e=n.imageUrl;return n.leftIcon||e?"8px":"0"}),(function(n){return n.rightIcon?"8px":"0"}),(function(n){return n.theme.palette.grey[700]}),(function(n){return n.theme.palette.grey[50]}),(function(n){return n.theme.palette.red[50]}),(function(n){return n.theme.palette.red[900]}),(function(n){return n.theme.palette.green[50]}),(function(n){return n.theme.palette.green[900]})),fr=function(n){var e=n.color,t=n.handleRightIconClick,r=n.imageUrl,o=n.leftIcon,i=n.rightIcon,a=n.text;return h.createElement(ur,tn({className:e||""},n),r&&h.createElement(dr,{size:"xs",image:r}),o&&h.createElement(Qt,tn({},o)),h.createElement(mr,null,a),i&&h.createElement(Qt,tn({},i,{onClick:t})))},mr=k.div(un||(un=an(["\n  padding: "," ",";\n"],["\n  padding: "," ",";\n"])),$t,nr),gr=function(n){var t=n.color,r=n.content,o=n.icon,i=n.onClose;return h.createElement(hr,{color:t},o&&h.createElement(Qt,tn({},o)),h.createElement(xr,null,r),i&&h.createElement(Qt,{icon:e,color:"grey",onClick:i}))},hr=k.div(mn||(mn=an(["\n  ","\n  padding: 10px 20px 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n"],["\n  ","\n  padding: 10px 20px 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n"])),(function(n){var e=n.color,t=function(n,e){switch(e){case"red":case"blue":case"yellow":case"green":return{bgColor:n.palette[e][500],textColor:n.palette.white[100]};case"grey":return{bgColor:n.palette.grey[200],textColor:n.palette.black[100]};default:return{bgColor:n.palette.grey[900],textColor:n.palette.white[100]}}}(n.theme,e),r=t.bgColor,o=t.textColor;return E(fn||(fn=an(["\n      background-color: ",";\n      color: ",";\n    "],["\n      background-color: ",";\n      color: ",";\n    "])),r,o)})),xr=k.div(gn||(gn=an(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"]))),br=function(n){var e=n.manualLock,t=void 0!==e&&e,r=n.onClick,o=n.timeMs,i=void 0===o?250:o,a=v(!0);return y((function(n){a.current&&!t&&(a.current=!1,setTimeout((function(){return a.current=!0}),i),null==r||r(n))}),[r,t,i])},yr={large:40,medium:32},vr=function(n){var e=n.color,t=n.isDisabled,r=n.size,o=n.theme,i=n.type,a=o.components.button,l=a.defaultColor,c=a.defaultSize,s=a.defaultType,p=i||s,d=r||c,u=t?"disabled":e||l,f="primary"===p?"1px solid rgba(9, 30, 66, 0.16)":"",m=t?"default":"pointer",g=o.components.button[p][u];return tn({height:yr[d],border:f,cursor:m},g)},wr=k(Qt)(hn||(hn=an(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),_r=k(wr)(xn||(xn=an([""],[""]))),kr=k(wr)(bn||(bn=an([""],[""]))),Er=k((function(n){var e=n.className;return h.createElement("div",{className:e},h.createElement(Qt,{icon:D,spin:!0}))}))(yn||(yn=an(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n"],["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n"]))),Tr=k.div(vn||(vn=an(["\n  display: inline-block;\n  line-height: initial;\n"],["\n  display: inline-block;\n  line-height: initial;\n"]))),Cr=k.div(wn||(wn=an(["\n  opacity: ",";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  opacity: ",";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n"])),(function(n){return n.isLoading?0:1})),zr=E(_n||(_n=an(["\n  border-radius: 4px;\n  user-select: none;\n  position: relative;\n  text-align: center;\n\n  width: ",";\n\n  font-weight: 500;\n\n  cursor: ",";\n  border: ",";\n\n  "," {\n    height: ","px;\n  }\n\n  "," + * {\n    margin-left: 8px;\n  }\n\n  "," + * {\n    margin-left: 8px;\n  }\n\n  color: ",";\n  background-color: ",";\n\n  &:hover {\n    color: ",";\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  padding: 0 12px;\n\n  display: inline-block;\n"],["\n  border-radius: 4px;\n  user-select: none;\n  position: relative;\n  text-align: center;\n\n  width: ",";\n\n  font-weight: 500;\n\n  cursor: ",";\n  border: ",";\n\n  "," {\n    height: ","px;\n  }\n\n  "," + * {\n    margin-left: 8px;\n  }\n\n  "," + * {\n    margin-left: 8px;\n  }\n\n  color: ",";\n  background-color: ",";\n\n  &:hover {\n    color: ",";\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  padding: 0 12px;\n\n  display: inline-block;\n"])),(function(n){return n.fullWidth?"100%":"initial"}),(function(n){return n.cursor}),(function(n){return n.border}),Cr,(function(n){return n.height}),_r,Tr,(function(n){return n.text}),(function(n){return n.normal}),(function(n){return n.textHover}),(function(n){return n.hover}),(function(n){return n.active})),Fr=k.a.attrs(vr)(kn||(kn=an(["\n  ",";\n\n  text-decoration: none;\n"],["\n  ",";\n\n  text-decoration: none;\n"])),zr),Dr=k.div.attrs(vr)(En||(En=an(["\n  ",";\n"],["\n  ",";\n"])),zr),Ar=function(n){var e=n.className,t=n.color,r=n.fullWidth,o=void 0!==r&&r,i=n.href,a=n.iconLeft,l=n.iconRight,c=n.isDisabled,s=void 0!==c&&c,p=n.isLoading,d=void 0!==p&&p,u=n.onClick,f=n.size,m=n.target,g=n.text,x=n.type,b=br({onClick:u,manualLock:d||s}),v=!s&&d,w=y((function(n){return i?h.createElement(Fr,tn({},n)):h.createElement(Dr,tn({},n))}),[i]);return h.createElement(w,{className:e,size:f,color:t,onClick:b,href:i,type:x,isDisabled:s,fullWidth:o,target:m},h.createElement(Cr,{isLoading:v},a&&h.createElement(_r,tn({},a)),g&&h.createElement(Tr,null,g),l&&h.createElement(kr,tn({},l))),v&&h.createElement(Er,null))},Pr=(Gt.blue[500],Gt.blue[700],Gt.blue[900],Gt.white[100],Gt.grey[100],Gt.red[500],Gt.red[700],Gt.red[900],Gt.white[100],Gt.grey[100],Gt.green[500],Gt.green[700],Gt.green[900],Gt.white[100],Gt.grey[100],Gt.white[100],Gt.grey[100],Gt.grey[200],Gt.black[100],Gt.black[100],Gt.yellow[500],Gt.yellow[700],Gt.yellow[900],Gt.white[100],Gt.grey[100],Gt.grey[50],Gt.grey[50],Gt.grey[50],Gt.grey[200],Gt.grey[200],Gt.blue[50],Gt.blue[100],Gt.blue[200],Gt.blue[900],Gt.blue[900],Gt.red[50],Gt.red[100],Gt.red[200],Gt.red[900],Gt.red[900],Gt.green[50],Gt.green[100],Gt.green[200],Gt.green[900],Gt.green[900],Gt.yellow[50],Gt.yellow[100],Gt.yellow[200],Gt.yellow[900],Gt.yellow[900],Gt.grey[50],Gt.grey[100],Gt.grey[200],Gt.black[100],Gt.black[100],Gt.grey[50],Gt.grey[50],Gt.grey[50],Gt.grey[200],Gt.grey[200],Gt.blue[50],Gt.blue[100],Gt.blue[500],Gt.blue[500],Gt.red[50],Gt.red[100],Gt.red[500],Gt.red[500],Gt.green[50],Gt.green[100],Gt.green[500],Gt.green[500],Gt.grey[50],Gt.grey[100],Gt.grey[500],Gt.grey[500],Gt.yellow[50],Gt.yellow[100],Gt.yellow[500],Gt.yellow[500],Gt.grey[200],Gt.grey[200],function(n){var e=n.className,t=n.color,r=n.icon,o=n.isDisabled,i=void 0!==o&&o,a=n.onClick,l=n.type,c=br({onClick:a,manualLock:i});return h.createElement(Sr,{color:t,className:e,type:l,onClick:c,isDisabled:i},h.createElement(Qt,tn({},r)))}),Sr=k.div.attrs((function(n){var e=n.color,t=n.isDisabled,r=n.theme,o=n.type,i=r.components.iconButton,a=i.defaultColor,l=i.defaultType,c=t?"disabled":e||a,s=o||l;return r.components.iconButton[s][c]}))(Tn||(Tn=an(["\n  display: inline-flex;\n  font-size: 20px;\n  text-decoration: none;\n  padding: 0 8px;\n  height: 32px;\n  align-items: center;\n\n  cursor: ",";\n  color: ",";\n\n  :hover {\n    color: ",";\n    text-decoration: none;\n  }\n"],["\n  display: inline-flex;\n  font-size: 20px;\n  text-decoration: none;\n  padding: 0 8px;\n  height: 32px;\n  align-items: center;\n\n  cursor: ",";\n  color: ",";\n\n  :hover {\n    color: ",";\n    text-decoration: none;\n  }\n"])),(function(n){return n.isDisabled?"default":"pointer"}),(function(n){return n.normal}),(function(n){return n.hover})),Or=(Gt.blue[200],Gt.blue[500],Gt.red[200],Gt.red[500],Gt.green[200],Gt.green[500],Gt.yellow[200],Gt.yellow[500],Gt.grey[200],Gt.grey[200],Gt.blue[200],Gt.white[100],Gt.red[200],Gt.white[100],Gt.green[200],Gt.white[100],Gt.yellow[200],Gt.white[100],Gt.grey[200],Gt.grey[200],k.div(Fn||(Fn=an(["\n  border-radius: 100px;\n  display: inline-flex;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1em;\n  white-space: nowrap;\n  padding: 5px ",";\n\n  ","\n\n  ","\n"],["\n  border-radius: 100px;\n  display: inline-flex;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1em;\n  white-space: nowrap;\n  padding: 5px ",";\n\n  ","\n\n  ","\n"])),nr,(function(n){var e=n.theme.palette;return E(Cn||(Cn=an(["\n    background-color: ",";\n    color: ",";\n  "],["\n    background-color: ",";\n    color: ",";\n  "])),e.grey[100],e.black[100])}),(function(n){var e=n.statusEdit,t=n.theme.palette;if(e)return E(zn||(zn=an(["\n        &:hover {\n          background-color: ",";\n        }\n        &:active {\n          background-color: ",";\n        }\n      "],["\n        &:hover {\n          background-color: ",";\n        }\n        &:active {\n          background-color: ",";\n        }\n      "])),t.grey[200],t.grey[300])}))),Nr=k(Qt)(Dn||(Dn=an(["\n  cursor: pointer;\n  margin-left: ",";\n  &:hover {\n    cursor: pointer;\n  }\n"],["\n  cursor: pointer;\n  margin-left: ",";\n  &:hover {\n    cursor: pointer;\n  }\n"])),nr),Ir=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return en(t,n),t.prototype.render=function(){var n=this.props,t=n.closeAction,r=n.statusEdit,o=n.text;return h.createElement(h.Fragment,null,o," ",r?h.createElement("div",null,h.createElement(Nr,{icon:e,onClick:function(){t&&t()}})):null)},t}(b),Br=function(n){return h.createElement(Or,tn({},n),h.createElement(Ir,tn({},n)))},Rr=k.div(Sn||(Sn=an(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.show,t=n.theme.palette;return E(Pn||(Pn=an(["\n    .drawer {\n      position: fixed;\n      right: 0;\n      top: 0;\n      height: 100vh;\n      width: 500px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px 0 0 8px;\n      transform: translateX(110%);\n      transition: transform 0.4s ease-in-out;\n      z-index: 5;\n      background-color: ",";\n      display: flex;\n      flex-direction: column;\n\n      ","\n\n      .drawer__header {\n        padding-right: calc("," + ",");\n        padding-left: ",";\n        display: flex;\n        align-items: center;\n        background-color: ",";\n        border-bottom: 1px solid ",";\n\n        .drawer__header__title {\n          font-weight: 500;\n          font-size: 20px;\n          line-height: 30px;\n          display: flex;\n          align-items: center;\n          height: calc("," + ",");\n        }\n\n        .drawer__header__actions {\n          position: absolute;\n          right: ",";\n          top: ",";\n          font-size: 24px;\n        }\n      }\n\n      .drawer__body {\n        height: 100%;\n        overflow-y: scroll;\n      }\n\n      .drawer__footer {\n        height: 80px;\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        padding: 0 ",";\n        border-top: 1px solid ",";\n      }\n    }\n  "],["\n    .drawer {\n      position: fixed;\n      right: 0;\n      top: 0;\n      height: 100vh;\n      width: 500px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px 0 0 8px;\n      transform: translateX(110%);\n      transition: transform 0.4s ease-in-out;\n      z-index: 5;\n      background-color: ",";\n      display: flex;\n      flex-direction: column;\n\n      ","\n\n      .drawer__header {\n        padding-right: calc("," + ",");\n        padding-left: ",";\n        display: flex;\n        align-items: center;\n        background-color: ",";\n        border-bottom: 1px solid ",";\n\n        .drawer__header__title {\n          font-weight: 500;\n          font-size: 20px;\n          line-height: 30px;\n          display: flex;\n          align-items: center;\n          height: calc("," + ",");\n        }\n\n        .drawer__header__actions {\n          position: absolute;\n          right: ",";\n          top: ",";\n          font-size: 24px;\n        }\n      }\n\n      .drawer__body {\n        height: 100%;\n        overflow-y: scroll;\n      }\n\n      .drawer__footer {\n        height: 80px;\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        padding: 0 ",";\n        border-top: 1px solid ",";\n      }\n    }\n  "])),t.white[100],function(n){return n?E(An||(An=an(["\n        transform: translateX(0);\n      "],["\n        transform: translateX(0);\n      "]))):void 0}(e),ir,tr,rr,t.grey[50],t.grey[100],ir,tr,rr,rr,rr,t.grey[100])})),Lr=k(Qt)(On||(On=an(["\n    cursor: pointer;\n    &:hover {\n    color: ",";\n"],["\n    cursor: pointer;\n    &:hover {\n    color: ",";\n"])),(function(n){return n.theme.palette.grey[800]})),jr=function(n){function t(e){var t=n.call(this,e)||this;return t.state={},t}return en(t,n),t.prototype.render=function(){var n=this.props,t=n.actionClose,r=n.renderFooter,o=n.renderHeader,i=n.title;return h.createElement("div",{className:"drawer"},h.createElement("div",{className:"drawer__header"},o?o():h.createElement("div",{className:"drawer__header__title"},i),h.createElement("div",{className:"drawer__header__actions"},h.createElement("span",{onClick:t},h.createElement(Lr,{icon:e})))),h.createElement("div",{className:"drawer__body"},this.props.children),r?h.createElement("div",{className:"drawer__footer"},r()):null)},t}(b),Hr=function(n){return h.createElement(Rr,tn({},n),h.createElement(jr,tn({},n)))},Mr=k.span(Nn||(Nn=an(["\n  background-color: transparent;\n  color: ",";\n  padding: 0 2px 0 2px;\n  white-space: nowrap;\n  font-size: 12px;\n"],["\n  background-color: transparent;\n  color: ",";\n  padding: 0 2px 0 2px;\n  white-space: nowrap;\n  font-size: 12px;\n"])),(function(n){return n.theme.palette.grey[500]})),Ur=function(n){var e=n.active,t=n.className,r=n.icon,o=n.onClick,i=n.shortcut,a=n.text,l=n.isDisabled,c=rn(n,["active","className","icon","onClick","shortcut","text","isDisabled"]),s=y((function(n){return!l&&(null==o?void 0:o(n))}),[l,o]);return h.createElement(Vr,tn({className:t||"",onClick:s,active:!!e,hasAction:!!o,isDisabled:l},c),h.createElement(Xr,null,r&&h.createElement(Qt,tn({},r)),h.createElement(qr,null,a),i&&h.createElement(Mr,null,i)))},Wr=E(In||(In=an(["\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  &:hover {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.palette.grey[100]})),Vr=k.div.attrs((function(n){var e=n.theme,t=n.isDisabled,r=n.active,o=n.hasAction,i=n.type,a=void 0===i?"default":i,l=e.components.dropdown.items.notActive[a],c=e.components.dropdown.items.active,s=r?c:l;return{opacity:t?.5:1,background:s.background,color:s.color,cursor:o?"pointer":"default",hoverBackground:s.hoverBackground}}))(Bn||(Bn=an(["\n  text-align: left;\n  line-height: 21px !important;\n  padding: 5px 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n\n  opacity: ",";\n  color: ",";\n  background-color: ",";\n  cursor: ",";\n\n  ",";\n"],["\n  text-align: left;\n  line-height: 21px !important;\n  padding: 5px 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n\n  opacity: ",";\n  color: ",";\n  background-color: ",";\n  cursor: ",";\n\n  ",";\n"])),(function(n){return n.opacity}),(function(n){return n.color}),(function(n){return n.background}),(function(n){return n.cursor}),(function(n){return n.hasAction?Wr:null})),Xr=k.div(Rn||(Rn=an(["\n  display: flex;\n  align-items: center;\n\n  & > * {\n    display: inline;\n  }\n\n  & > svg {\n    margin-right: 10px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  & > * {\n    display: inline;\n  }\n\n  & > svg {\n    margin-right: 10px;\n  }\n"]))),qr=k.div(Ln||(Ln=an(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1 1 auto;\n"],["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1 1 auto;\n"]))),Kr=k.div(jn||(jn=an(["\n  margin: 8px 0 8px 0;\n  display: block;\n  height: 1px;\n  border: 0;\n  border-top: 1px solid ",";\n  padding: 0;\n  cursor: initial;\n"],["\n  margin: 8px 0 8px 0;\n  display: block;\n  height: 1px;\n  border: 0;\n  border-top: 1px solid ",";\n  padding: 0;\n  cursor: initial;\n"])),(function(n){return n.theme.palette.grey[100]})),Jr=function(){return h.createElement(Kr,null)},Gr=k.div(Hn||(Hn=an(["\n  cursor: initial;\n  text-align: left;\n  padding: 4px 16px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  color: ",";\n"],["\n  cursor: initial;\n  text-align: left;\n  padding: 4px 16px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  color: ",";\n"])),(function(n){return n.theme.palette.grey[700]})),Qr=function(n){var e=n.avatarSize,t=n.img,r=n.noText,o=n.onClick,i=n.placeholder,a=n.renderText,l=n.text,c=x((function(){if(l)return l.split(" ").map((function(n){return n[0]})).join("")}),[l]);return h.createElement(Yr,{clickable:!!o,onClick:o},h.createElement(dr,{image:t,placeholder:i,size:e||"s",initials:c}),h.createElement(Zr,null,a||(l||r)))},Yr=k.div(Un||(Un=an(["\n  ",";\n\n  display: flex;\n  padding: 4px 16px;\n  align-items: center;\n"],["\n  ",";\n\n  display: flex;\n  padding: 4px 16px;\n  align-items: center;\n"])),(function(n){return n.clickable&&E(Mn||(Mn=an(["\n      &:hover {\n        background-color: ",";\n        cursor: pointer;\n      }\n    "],["\n      &:hover {\n        background-color: ",";\n        cursor: pointer;\n      }\n    "])),(function(n){return n.theme.palette.grey[100]}))})),Zr=k.div(Wn||(Wn=an(["\n  width: 50px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n  flex-grow: 1;\n  padding-left: 10px;\n"],["\n  width: 50px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n  flex-grow: 1;\n  padding-left: 10px;\n"]))),$r=function(n){var e=n.closeDropdown,t=n.content,r=n.fullWidth,o=n.maxWidth,i=x((function(){return t.map((function(n,t){var i=n.onClick,a=rn(n,["onClick"]);return h.createElement(Ur,tn({fullWidth:r,maxWidth:o,key:t,onClick:function(n){n.stopPropagation(),null==i||i(n),e()}},a))}))}),[e,t,r,o]);return h.createElement(h.Fragment,null,i)},no=function(e){var t=e.title;return h.createElement(Ar,{text:t,iconRight:{icon:n}})},eo=function(n){var e=n.className,t=n.content,r=n.fullWidth,o=n.maxWidth,i=n.minWidthAsTrigger,a=void 0!==i&&i,l=n.placement,c=void 0===l?"bottom-start":l,s=n.renderContent,p=n.renderTrigger,d=n.triggerStyles,u=n.title,f=n.forceOpen,m=void 0!==f&&f,g=w(!1),b=g[0],k=g[1],E=y((function(n){k((function(n){return!n})),n.stopPropagation(),n.preventDefault()}),[]),T=y((function(){return k(!1)}),[]);_((function(){k(m)}),[m]);var C=v(null);O(C,(function(){return T()}));var z=v(null),F=v(null),D=w(null),A=D[0],N=D[1],I=P(F.current,z.current,{placement:c,strategy:"fixed",modifiers:x((function(){return[{name:"arrow",options:{element:A}},{name:"offset",enabled:!0,options:{offset:[0,4]}},{name:"minWidthAsTrigger",enabled:a,phase:"beforeWrite",requires:["computeStyles"],fn:function(n){var e=n.state;e.styles.popper.minWidth=e.rects.reference.width+"px"},effect:function(n){var e=n.state,t=e.elements.reference.getBoundingClientRect().width;e.elements.popper.style.minWidth=t+"px"}}]}),[a,A])}),B=I.attributes,R=I.styles;return h.createElement(to,{className:e,ref:C},h.createElement("div",{style:d,ref:F,onClick:E},u&&h.createElement(no,{title:u}),!u&&p&&p()),h.createElement(S,{in:m||b,timeout:200,unmountOnExit:!0,appear:!0},h.createElement(ao,null,h.createElement(io,tn({ref:z,style:R.popper},B.popper),h.createElement("div",{ref:N,style:R.arrow}),h.createElement("div",{style:R.offset},t?h.createElement(ro,{fullWidth:r,maxWidth:o},h.createElement($r,{content:t,fullWidth:r,maxWidth:o,closeDropdown:T})):h.createElement(oo,{maxWidth:o},null==s?void 0:s(T)))))))},to=k.div(Vn||(Vn=an(["\n  display: flex;\n"],["\n  display: flex;\n"]))),ro=k.div(Kn||(Kn=an(["\n  ",";\n"],["\n  ",";\n"])),(function(n){var e=n.fullWidth,t=n.maxWidth;return t?E(Xn||(Xn=an(["\n          max-width: ",";\n        "],["\n          max-width: ",";\n        "])),t):E(qn||(qn=an(["\n          width: ",";\n        "],["\n          width: ",";\n        "])),e?"auto":"200px")})),oo=k.div(Gn||(Gn=an(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.maxWidth;return e&&E(Jn||(Jn=an(["\n      max-width: ",";\n    "],["\n      max-width: ",";\n    "])),e)})),io=k.div(Qn||(Qn=an(["\n  overflow-y: hidden;\n  padding: 8px 0;\n  color: ",";\n  background-color: ",";\n  border-radius: 3px;\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n  z-index: 9;\n"],["\n  overflow-y: hidden;\n  padding: 8px 0;\n  color: ",";\n  background-color: ",";\n  border-radius: 3px;\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n  z-index: 9;\n"])),(function(n){return n.theme.palette.grey[900]}),(function(n){return n.theme.palette.white[100]})),ao=k.div(Yn||(Yn=an(["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"],["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"]))),lo=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return en(e,n),e.prototype.render=function(){return h.createElement(eo,tn({},this.props))},e.Item=Ur,e.Title=function(n){return e=n,h.createElement(Gr,null,e.text);var e},e.Separator=Jr,e.UserListItem=Qr,e}(b),co=(Gt.black[100],Gt.blue[50],Gt.grey[100],Gt.black[100],Gt.grey[100],Gt.red[500],Gt.red[50],Gt.green[500],Gt.green[50],Gt.yellow[500],Gt.yellow[50],Gt.blue[500],Gt.blue[50],k.span(oe||(oe=an(["\n  background-color: #de350b;\n  border-radius: 12px;\n  position: absolute;\n  ",";\n  top: ",";\n  right: ",";\n\n  &:after {\n    content: '","';\n    color: white;\n    white-space: nowrap;\n\n    font-style: normal;\n    font-weight: 500;\n    ",";\n\n    position: static;\n    margin: 1px 2px;\n    display: block;\n    text-align: center;\n  }\n"],["\n  background-color: #de350b;\n  border-radius: 12px;\n  position: absolute;\n  ",";\n  top: ",";\n  right: ",";\n\n  &:after {\n    content: '","';\n    color: white;\n    white-space: nowrap;\n\n    font-style: normal;\n    font-weight: 500;\n    ",";\n\n    position: static;\n    margin: 1px 2px;\n    display: block;\n    text-align: center;\n  }\n"])),(function(n){return function(n){switch(n){case"small":return E(Zn||(Zn=an(["\n        height: 16px;\n        min-width: 16px;\n        top: 3px;\n        right: 3px;\n      "],["\n        height: 16px;\n        min-width: 16px;\n        top: 3px;\n        right: 3px;\n      "])));case"large":return E($n||($n=an(["\n        height: 23px;\n        min-width: 23px;\n        top: -1px;\n        right: -1px;\n      "],["\n        height: 23px;\n        min-width: 23px;\n        top: -1px;\n        right: -1px;\n      "])));default:return E(ne||(ne=an(["\n        height: 20px;\n        min-width: 20px;\n        top: 1px;\n        right: 1px;\n      "],["\n        height: 20px;\n        min-width: 20px;\n        top: 1px;\n        right: 1px;\n      "])))}}(n.size)}),(function(n){var e=n.top;return void 0!==e?e+"px":void 0}),(function(n){var e=n.right;return void 0!==e?e+"px":void 0}),(function(n){return n.counter}),(function(n){return function(n){switch(n){case"small":return E(ee||(ee=an(["\n        font-size: 12px;\n        line-height: 15px;\n      "],["\n        font-size: 12px;\n        line-height: 15px;\n      "])));case"large":return E(te||(te=an(["\n        font-size: 14px;\n        line-height: 20px;\n      "],["\n        font-size: 14px;\n        line-height: 20px;\n      "])));default:return E(re||(re=an(["\n        font-size: 12px;\n        line-height: 18px;\n      "],["\n        font-size: 12px;\n        line-height: 18px;\n      "])))}}(n.size)}))),so=function(n){var e=n.children,t=rn(n,["children"]);return h.createElement(po,null,e,!t.isDisabled&&h.createElement(co,tn({},t)))},po=k.div(ie||(ie=an(["\n  display: inline-block;\n  position: relative;\n"],["\n  display: inline-block;\n  position: relative;\n"]))),uo=k.div(ae||(ae=an(["\n  display: flex;\n  flex-flow: column;\n  gap: 6px;\n  flex: 1;\n"],["\n  display: flex;\n  flex-flow: column;\n  gap: 6px;\n  flex: 1;\n"]))),fo=function(n){var e=n.status,t=n.message,r=function(n,e){var t=T();return e||null===e?e:t.components.inputHelper[n].defaultIcon}(e,n.icon);return h.createElement(go,{status:e},r&&h.createElement(mo,tn({},r)),t)},mo=k(Qt)(le||(le=an(["\n  margin-top: 2px;\n"],["\n  margin-top: 2px;\n"]))),go=k.div(ce||(ce=an(["\n  color: ",";\n  background: ",";\n  border-radius: 4px;\n\n  padding: 4px 8px;\n\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n\n  font-size: 12px;\n  line-height: 18px;\n\n  "," {\n    color: ",";\n  }\n"],["\n  color: ",";\n  background: ",";\n  border-radius: 4px;\n\n  padding: 4px 8px;\n\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n\n  font-size: 12px;\n  line-height: 18px;\n\n  "," {\n    color: ",";\n  }\n"])),(function(n){var e=n.theme,t=n.status;return e.components.inputHelper[t].color}),(function(n){var e=n.theme,t=n.status;return e.components.inputHelper[t].background}),mo,(function(n){var e=n.theme,t=n.status;return e.components.inputHelper[t].color})),ho=(Gt.black[100],Gt.grey[100],Gt.red[900],Gt.red[50],Gt.yellow[900],Gt.yellow[50],Gt.blue[900],Gt.blue[50],Gt.green[900],Gt.green[50],{checked:a,indeterminate:l,unchecked:null}),xo=function(n){return"boolean"==typeof n?n?"checked":"unchecked":n},bo=k.span.attrs((function(n){var e=n.theme,t=n.value,r=n.isDisabled,o=n.large,i=n.hasError,a=e.components.checkbox.input,l=a.normal,c=a.error,s=o?"20px":"16px",p=(i?c:l)[t],d=p.borderColor,u=p.tickColor;return{backgroundColor:p.backgroundColor,tickColor:u,borderColor:d,cursor:r?"not-allowed":"pointer",height:s,width:s,opacity:r?.3:1}}))(se||(se=an(["\n  border-radius: 4px;\n  font-size: 10px;\n  text-align: center;\n\n  width: ",";\n  height: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n  cursor: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: ",";\n"],["\n  border-radius: 4px;\n  font-size: 10px;\n  text-align: center;\n\n  width: ",";\n  height: ",";\n  background-color: ",";\n  color: ",";\n  border: ",";\n  cursor: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  opacity: ",";\n"])),(function(n){return n.width}),(function(n){return n.height}),(function(n){return n.backgroundColor}),(function(n){return n.tickColor}),(function(n){return"1px solid "+n.borderColor}),(function(n){return n.cursor}),(function(n){return n.opacity})),yo=k.span.attrs((function(n){var e=n.isDisabled,t=n.large,r=n.theme,o=n.hasError,i=r.components.checkbox.label,a=i.normal,l=i.error;return{fontSize:t?"16px":"14px",cursor:e?"not-allowed":"pointer",opacity:e?.1:1,color:o?l:a}}))(pe||(pe=an(["\n  flex: 1;\n  text-align: left;\n  font-size: ",";\n  cursor: ",";\n  color: ",";\n  opacity: ",";\n"],["\n  flex: 1;\n  text-align: left;\n  font-size: ",";\n  cursor: ",";\n  color: ",";\n  opacity: ",";\n"])),(function(n){return n.fontSize}),(function(n){return n.cursor}),(function(n){return n.color}),(function(n){return n.opacity})),vo=function(n){var e=n.isDisabled,t=n.className,r=n.onClick,o=n.large,i=n.text,a=n.value,l=n.helper,c=n.onChange,s=y((function(){var n;return null===(n=u.current)||void 0===n?void 0:n.click()}),[]),p=y((function(n){return!e&&r&&r(n)}),[e,r]),d=ho[a],u=v(null);_((function(){if(u.current)switch(a){case"checked":u.current.checked=!0,u.current.indeterminate=!1;break;case"indeterminate":u.current.checked=!1,u.current.indeterminate=!0;break;case"unchecked":u.current.checked=!1,u.current.indeterminate=!1}}),[a]);var f="error"===(null==l?void 0:l.status);return h.createElement(uo,null,h.createElement(wo,{className:t,onClick:s},h.createElement(bo,{value:a,large:o,isDisabled:e,hasError:f},d&&h.createElement(Qt,{icon:d})),h.createElement(_o,{ref:u,type:"checkbox",value:a,onClick:p,onChange:c,disabled:e}),h.createElement(yo,{large:o,isDisabled:e,hasError:f},i)),l&&h.createElement(fo,tn({},l)))},wo=k.div(de||(de=an(["\n  display: flex;\n  gap: 8px;\n"],["\n  display: flex;\n  gap: 8px;\n"]))),_o=k.input(ue||(ue=an(["\n  display: none;\n"],["\n  display: none;\n"]))),ko=function(n){var e=n.value,t=rn(n,["value"]);return h.createElement(vo,tn({},t,{value:xo(e)}))},Eo={tickColor:Gt.white[100],backgroundColor:Gt.blue[500],borderColor:Gt.blue[500]},To={tickColor:Gt.white[100],backgroundColor:Gt.red[500],borderColor:Gt.red[500]},Co=(Gt.white[100],Gt.grey[500],Gt.white[100],Gt.red[500],Gt.black[100],Gt.red[500],function(n){void 0===n&&(n="unchecked");var e=w((function(){return xo(n)})),t=e[0],r=e[1],o="checked"===t,i=y((function(){return r("checked")}),[]),a=y((function(){return r("unchecked")}),[]),l=y((function(){return r("indeterminate")}),[]),c=y((function(){return r((function(n){return"unchecked"===n?"checked":"unchecked"}))}),[]);return{status:t,value:o,setCheck:i,setUncheck:a,setIndeterminate:l,toggleCheckbox:c}}),zo=E(fe||(fe=an(["\n  cursor: default !important;\n  font-weight: 400 !important;\n  display: block !important;\n  margin-bottom: 0 !important;\n"],["\n  cursor: default !important;\n  font-weight: 400 !important;\n  display: block !important;\n  margin-bottom: 0 !important;\n"]))),Fo=function(n){var e=n.label,t=n.isDisabled,r=n.required;return e?h.createElement(Ao,{isDisabled:t,required:r},e):null},Do=E(me||(me=an(["\n  &:after {\n    color: ",";\n    content: '*';\n    display: inline;\n  }\n"],["\n  &:after {\n    color: ",";\n    content: '*';\n    display: inline;\n  }\n"])),(function(n){return n.theme.palette.red[500]})),Ao=k.label(ge||(ge=an(["\n  font-size: 12px;\n  line-height: 18px;\n\n  color: ",";\n  ","\n\n  /* Bootstrap Fixes */\n  ","\n"],["\n  font-size: 12px;\n  line-height: 18px;\n\n  color: ",";\n  ","\n\n  /* Bootstrap Fixes */\n  ","\n"])),(function(n){var e=n.theme.palette;return n.isDisabled?e.grey[300]:e.black[100]}),(function(n){return n.required&&Do}),zo),Po=E(be||(be=an(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  border-radius: 4px;\n\n  transition: box-shadow 0.3s ease-in-out;\n\n  &:focus-within {\n    ","\n  }\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  border-radius: 4px;\n\n  transition: box-shadow 0.3s ease-in-out;\n\n  &:focus-within {\n    ","\n  }\n"])),(function(n){return n.background}),(function(n){return n.color}),(function(n){return n.borderColor}),(function(n){var e=n.status,t=n.normalFocused,r=n.borderColor;return"normal"===e?E(he||(he=an(["\n            box-shadow: 0 0 0 3px ",";\n            border-color: ",";\n          "],["\n            box-shadow: 0 0 0 3px ",";\n            border-color: ",";\n          "])),t.borderColor+"85",t.borderColor):E(xe||(xe=an(["\n            box-shadow: 0 0 0 3px ",";\n          "],["\n            box-shadow: 0 0 0 3px ",";\n          "])),r+"85")})),So={icon:r,fixedWidth:!0},Oo={icon:t,fixedWidth:!0},No={icon:i,fixedWidth:!0},Io={normal:void 0,warning:So,error:Oo,success:No},Bo=function(n){var e=n.status,t=Io[e];return t?h.createElement(Ro,tn({},t,{status:e})):null},Ro=k(Qt)(ye||(ye=an(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(n){var e=n.theme,t=n.status;return e.components.inputText[t].iconColor})),Lo=E(ve||(ve=an(["\n  font-weight: 400 !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  font-size: 14px !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  height: ","px !important;\n  padding: 1px 2px !important;\n  margin: 0 !important;\n  color: black !important;\n"],["\n  font-weight: 400 !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  font-size: 14px !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  height: ","px !important;\n  padding: 1px 2px !important;\n  margin: 0 !important;\n  color: black !important;\n"])),(function(n){return"large"===n.inputSize?40:30})),jo=k.input(_e||(_e=an(["\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n\n  height: ","px;\n\n  border: 0;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ",";\n  }\n\n  ","\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ","\n"],["\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n\n  height: ","px;\n\n  border: 0;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ",";\n  }\n\n  ","\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ","\n"])),(function(n){return"large"===n.inputSize?40:30}),(function(n){return n.theme.palette.grey[200]}),(function(n){return"password"===n.type&&E(we||(we=an(["\n      letter-spacing: 1px;\n    "],["\n      letter-spacing: 1px;\n    "])))}),Lo),Ho=function(n){var e=n.autoFocus,t=n.onBlur,r=n.onChange,o=n.value,i=void 0===o?"":o,a=n.placeholder,l=void 0===a?"":a,c=n.isDisabled,s=n.name,p=n.inputSize,d=n.leadingIcon,u=n.onKeyPress,f=n.status,m=void 0===f?"normal":f,g=n.onKeyDown,x=n.onKeyUp,b=n.inputType,w=n.onFocus,_=n.className,k=n.actionIcon,E=n.setValue,T=v(null),C=y((function(){var n;return null===(n=T.current)||void 0===n?void 0:n.focus()}),[]),z=(null==i?void 0:i.toString())||"",F=y((function(n){null==E||E(n.currentTarget.value),null==r||r(n)}),[r,E]),D=y((function(n){null==E||E(n.target.value.trim()),null==t||t(n)}),[t,E]);return h.createElement(Mo,{onClick:C,isDisabled:c,status:m,className:_},d&&h.createElement(Uo,tn({},d,{isDisabled:c})),h.createElement(jo,{ref:T,type:b,autoFocus:e,value:z,placeholder:""+l,disabled:c,name:s,inputSize:p,onChange:F,onFocus:w,onBlur:D,onKeyPress:u,onKeyDown:g,onKeyUp:x}),h.createElement(Bo,{status:m}),k&&h.createElement(Uo,tn({},k,{isDisabled:c})))},Mo=k.div.attrs((function(n){var e=n.theme,t=n.isDisabled,r=n.status,o=t?"disabled":void 0===r?"normal":r,i=e.components.inputText[o];return tn(tn({},i),{normalFocused:e.components.inputText.normalFocused})}))(ke||(ke=an(["\n  ",";\n\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  gap: 8px;\n  padding: 0 8px;\n"],["\n  ",";\n\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  gap: 8px;\n  padding: 0 8px;\n"])),Po),Uo=k(Qt)(Ee||(Ee=an(["\n  color: ",";\n  font-size: 14px;\n"],["\n  color: ",";\n  font-size: 14px;\n"])),(function(n){return n.theme.palette.black[100]})),Wo=function(n){var e=n.label,t=n.className,r=rn(n,["label","className"]),o=n.isDisabled,i=n.required,a=n.helper;return h.createElement(uo,{className:t},h.createElement(Fo,{label:e,isDisabled:o,required:i}),h.createElement(Ho,tn({},r)),a&&h.createElement(fo,tn({},a)))},Vo=(Gt.white[100],Gt.black[100],Gt.black[100],Gt.grey[500],Gt.white[100],Gt.black[100],Gt.blue[300],Gt.black[100],Gt.green[50],Gt.black[100],Gt.green[900],Gt.green[300],Gt.yellow[50],Gt.black[100],Gt.yellow[900],Gt.yellow[300],Gt.red[50],Gt.black[100],Gt.red[900],Gt.red[300],Gt.grey[100],Gt.black[16],Gt.black[16],function(n){return void 0===n&&(n=null),w(n)}),Xo=function(n){return w(n)},qo=function(n){var e=n.isDisabled,t=n.clearValue,r=y((function(){return!e&&t()}),[t,e]);return h.createElement(Ko,{icon:M,onClick:r})},Ko=k(Qt)(Te||(Te=an(["\n  margin: 0.5em;\n"],["\n  margin: 0.5em;\n"]))),Jo=function(n){var e=n.innerProps.onMouseDown,t=n.children;return h.createElement(Go,{onMouseDown:e},t)},Go=k.div(Ce||(Ce=an(["\n  display: flex;\n  flex-wrap: initial;\n\n  cursor: default;\n"],["\n  display: flex;\n  flex-wrap: initial;\n\n  cursor: default;\n"]))),Qo=function(n){var e=n.selectProps;return h.createElement(Yo,{isRotated:e.menuIsOpen},h.createElement(Qt,{icon:c}))},Yo=k.div(ze||(ze=an(["\n  margin: 0.5em;\n\n  transition: transform 250ms ease;\n  transform: rotate(","deg);\n"],["\n  margin: 0.5em;\n\n  transition: transform 250ms ease;\n  transform: rotate(","deg);\n"])),(function(n){return n.isRotated?180:0})),Zo=function(n){var e=n.actions,t=n.triggerClose,r=x((function(){return e.map((function(n,e){var r=n.onClick,o=n.closeOnClick,i=rn(n,["onClick","closeOnClick"]);return h.createElement(ni,tn({key:e,onClick:function(n){n.stopPropagation(),null==r||r(n),o&&t()}},i))}))}),[e]);return h.createElement($o,null,r)},$o=k.div(Fe||(Fe=an(["\n  border-top: 1px solid ",";\n"],["\n  border-top: 1px solid ",";\n"])),(function(n){return n.theme.palette.grey[100]})),ni=k(Ur)(De||(De=an(["\n  padding: 5px 10px;\n"],["\n  padding: 5px 10px;\n"]))),ei=function(n){var e=n.setValue,t=n.getValue,r=n.selectProps,o=n.children,i=rn(n,["children"]),a=null==r?void 0:r.footerActions,l=y((function(){return e(t(),"select-option")}),[t,e]);return h.createElement(ti,null,h.createElement(R.MenuList,tn({},i),o,a&&h.createElement(Zo,{actions:a,triggerClose:l})))},ti=k.div(Ae||(Ae=an([""],[""]))),ri=function(n){var e=n.innerProps.onClick,t=n.data,r=t.label,o=t.icon;return h.createElement(oi,{onClick:e},o&&h.createElement(Qt,tn({},o)),h.createElement("div",null,r))},oi=k.div(Pe||(Pe=an(["\n  height: 32px;\n\n  cursor: pointer;\n\n  font-size: 14px;\n\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  padding: 0 10px;\n\n  &:hover {\n    background: ",";\n  }\n"],["\n  height: 32px;\n\n  cursor: pointer;\n\n  font-size: 14px;\n\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  padding: 0 10px;\n\n  &:hover {\n    background: ",";\n  }\n"])),(function(n){return n.theme.palette.grey[100]})),ii=function(n){var e=n.children;return h.createElement(ai,null,e)},ai=k.div(Se||(Se=an(["\n  font-size: 14px;\n  color: ",";\n"],["\n  font-size: 14px;\n  color: ",";\n"])),(function(n){return n.theme.palette.grey[200]})),li=function(){return{Option:ri,DropdownIndicator:Qo,ClearIndicator:qo,Placeholder:ii,Control:Jo,MenuList:ei}},ci=function(n){var e=n.theme,t=n.isDisabled,r=n.status,o=t?"disabled":void 0===r?"normal":r,i=e.components.select[o];return tn(tn({},i),{normalFocused:e.components.select.normalFocused})},si=function(n){var e=n.status,t=n.isDisabled,r=T(),o=ci({theme:r,status:e,isDisabled:t}).color;return{singleValue:function(n){return tn(tn({},n),{color:o,fontSize:"14px"})},noOptionsMessage:function(n){return tn(tn({},n),{fontSize:"14px"})},valueContainer:function(n){return tn(tn({},n),{padding:"0 8px"})}}},pi=E(Oe||(Oe=an(["\n  input {\n    margin-bottom: 0 !important;\n    box-shadow: none !important;\n  }\n"],["\n  input {\n    margin-bottom: 0 !important;\n    box-shadow: none !important;\n  }\n"]))),di=k.span.attrs(ci)(Ne||(Ne=an(["\n  & > div:first-child {\n    ",";\n    & > div:nth-child(2) {\n      height: ","px;\n      min-height: ","px;\n    }\n  }\n\n  ","\n"],["\n  & > div:first-child {\n    ",";\n    & > div:nth-child(2) {\n      height: ","px;\n      min-height: ","px;\n    }\n  }\n\n  ","\n"])),Po,(function(n){return"large"===n.inputSize?40:30}),(function(n){return"large"===n.inputSize?40:30}),pi),ui=function(n){var e=n.children,t=rn(n,["children"]),r=t.label,o=t.isDisabled,i=t.required,a=t.helper,l=t.status,c=void 0===l?"normal":l,s=t.inputSize;return h.createElement(uo,null,h.createElement(Fo,{label:r,isDisabled:o,required:i}),h.createElement(di,{isDisabled:o,status:c,inputSize:s},e),a&&h.createElement(fo,tn({},a)))},fi=function(n){var e=n.status,t=void 0===e?"normal":e,r=n.components,o=si({status:t}),i=x((function(){return tn(tn({},li()),r)}),[r]);return h.createElement(ui,tn({},n),h.createElement(B,tn({},n,{components:i,backspaceRemoves:!0,styles:o})))},mi=function(n){var e=n.status,t=void 0===e?"normal":e,r=n.components,o=si({status:t}),i=x((function(){return tn(tn({},li()),r)}),[r]);return h.createElement(ui,tn({},n),h.createElement(H,tn({},n,{components:i,backspaceRemoves:!0,styles:o})))},gi=function(n){var e=n.status,t=void 0===e?"normal":e,r=n.components,o=si({status:t}),i=x((function(){return tn(tn({},li()),r)}),[r]);return h.createElement(ui,tn({},n),h.createElement(L,tn({},n,{components:i,backspaceRemoves:!0,styles:o})))},hi=function(n){var e=n.status,t=void 0===e?"normal":e,r=n.components,o=si({status:t}),i=x((function(){return tn(tn({},li()),r)}),[r]);return h.createElement(ui,tn({},n),h.createElement(j,tn({},n,{components:i,backspaceRemoves:!0,styles:o})))},xi=(Gt.white[100],Gt.black[100],Gt.black[100],Gt.grey[500],Gt.white[100],Gt.black[100],Gt.black[100],Gt.blue[300],Gt.green[50],Gt.black[100],Gt.green[900],Gt.green[300],Gt.yellow[50],Gt.black[100],Gt.yellow[900],Gt.yellow[300],Gt.red[50],Gt.black[100],Gt.red[900],Gt.red[300],Gt.grey[100],Gt.black[16],Gt.black[16],function(n){var e=n.length,t=n.maxLength;return h.createElement(bi,null,e,t&&"/"+t)}),bi=k.div(Ie||(Ie=an(["\n  text-align: right;\n  color: ",";\n  padding: 0.3em;\n"],["\n  text-align: right;\n  color: ",";\n  padding: 0.3em;\n"])),(function(n){return n.theme.palette.grey[500]})),yi=E(Be||(Be=an(["\n  font-weight: 400 !important;\n  margin: 0 !important;\n  font-size: 14px !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  color: black !important;\n  padding: 8px 0 0 8px !important;\n  height: 100% !important;\n"],["\n  font-weight: 400 !important;\n  margin: 0 !important;\n  font-size: 14px !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  color: black !important;\n  padding: 8px 0 0 8px !important;\n  height: 100% !important;\n"]))),vi=k.textarea(Re||(Re=an(["\n  resize: none;\n\n  margin: 0;\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n  border: 0;\n  padding: 8px 0 0 8px;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ",";\n  }\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ","\n"],["\n  resize: none;\n\n  margin: 0;\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n  border: 0;\n  padding: 8px 0 0 8px;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ",";\n  }\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ","\n"])),(function(n){return n.theme.palette.grey[200]}),yi),wi=function(n){var e=n.autoFocus,t=n.onBlur,r=n.onChange,o=n.value,i=void 0===o?"":o,a=n.placeholder,l=n.isDisabled,c=n.name,s=n.onKeyPress,p=n.status,d=void 0===p?"normal":p,u=n.onKeyDown,f=n.onKeyUp,m=n.onFocus,g=n.className,x=n.setValue,b=n.initialHeight,w=void 0===b?"10rem":b,k=n.maxLength,E=n.isResizable,T=void 0!==E&&E,C=n.showCounter,z=void 0!==C&&C,F=v(null),D=y((function(){var n;return null===(n=F.current)||void 0===n?void 0:n.focus()}),[]),A=(null==i?void 0:i.toString())||"",P=y((function(n){null==x||x(n.currentTarget.value.slice(0,k||1/0)),null==r||r(n)}),[k,r,x]);_((function(){null==x||x((i||"").slice(0,k||1/0))}),[k,x,i]);var S=y((function(n){null==x||x(n.target.value.trim()),null==t||t(n)}),[t,x]);return h.createElement(ki,{onClick:D,isDisabled:l,status:d,className:g,initialHeight:w,isResizable:T},h.createElement(_i,null,h.createElement(vi,{ref:F,autoFocus:e,value:A,placeholder:a,disabled:l,name:c,onChange:P,onFocus:m,onBlur:S,onKeyPress:s,onKeyDown:u,onKeyUp:f}),(z||k)&&h.createElement(xi,{length:A.length,maxLength:k})))},_i=k.div(Le||(Le=an(["\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n"],["\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n"]))),ki=k.div.attrs((function(n){var e=n.theme,t=n.isDisabled,r=n.status,o=t?"disabled":void 0===r?"normal":r,i=e.components.textArea[o];return tn(tn({},i),{normalFocused:e.components.textArea.normalFocused})}))(je||(je=an(["\n  ",";\n\n  resize: ",";\n  overflow: hidden;\n\n  min-height: 3em;\n\n  height: ",";\n"],["\n  ",";\n\n  resize: ",";\n  overflow: hidden;\n\n  min-height: 3em;\n\n  height: ",";\n"])),Po,(function(n){return n.isResizable?"vertical":"none"}),(function(n){return n.initialHeight})),Ei=function(n){var e=n.label,t=n.className,r=rn(n,["label","className"]),o=n.isDisabled,i=n.required,a=n.helper;return h.createElement(uo,{className:t},h.createElement(Fo,{label:e,isDisabled:o,required:i}),h.createElement(wi,tn({},r)),a&&h.createElement(fo,tn({},a)))},Ti=(Gt.white[100],Gt.black[100],Gt.grey[500],Gt.white[100],Gt.black[100],Gt.blue[300],Gt.green[50],Gt.black[100],Gt.green[300],Gt.yellow[50],Gt.black[100],Gt.yellow[300],Gt.red[50],Gt.black[100],Gt.red[300],Gt.grey[100],Gt.black[16],function(n){var e=n.action,t=n.active,r=n.icon,o=n.index,i=n.mouseBlockedProps,a=n.navigable,l=n.onClick,c=n.onMouseHover,s=n.onMouseOut,p=n.placeholder,d=n.showActionOnHover,u=n.title,f=n.wrapperRef,m=i.mouseBlocked,g=i.setMouseBlocked,x=v(null),b=y((function(n){var e;if(a&&(g(!0),"Enter"===n.key&&(n.preventDefault(),null===(e=x.current)||void 0===e||e.click()),["ArrowUp","ArrowDown"].includes(n.key))){n.preventDefault();var t=document.querySelectorAll("[data-grouped-list-item]"),r="ArrowUp"===n.key?"[data-grouped-list-item='"+(o-1)+"']":"[data-grouped-list-item='"+(o+1)+"']",i=document.querySelector(r),l=void 0;if(l=i||("ArrowUp"===n.key?t[t.length-1]:document.querySelector("[data-grouped-list-item='1']")),f.current){var c=f.current;"ArrowUp"===n.key?l.offsetTop<=c.scrollTop&&(c.scrollTop=l.offsetTop):l.offsetTop-(c.offsetHeight-l.offsetHeight)>=c.scrollTop&&(c.scrollTop=l.offsetTop-(c.offsetHeight-l.offsetHeight)),l.focus()}}}),[a,g,o,f]),w=y((function(){var n,e=x.current,t=f.current;e&&t&&e.offsetTop<t.offsetHeight+t.scrollTop&&e.offsetTop+e.offsetHeight>t.scrollTop&&(null===(n=x.current)||void 0===n||n.focus())}),[f]),k=y((function(){a&&m||(null==c||c(),w())}),[w,m,a,c]),E=y((function(){var n;a&&m||(null==s||s(),null===(n=x.current)||void 0===n||n.blur())}),[m,a,s]);return _((function(){return function(){return removeEventListener("keydown",b)}}),[b]),h.createElement(Ai,{ref:x,tabIndex:l?0:-1,onClick:l,active:t,key:u,onMouseLeave:E,onMouseOver:k,onFocus:function(){addEventListener("keydown",b)},onBlur:function(){removeEventListener("keydown",b)},showActionOnHover:d,"data-grouped-list-item":o},r&&h.createElement(Fi,tn({},r,{fixedWidth:!0})),u?h.createElement(Ci,null,u):h.createElement(zi,null,p),e&&h.createElement(Di,null,e))}),Ci=k.div(He||(He=an(["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  flex-grow: 1;\n"],["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  flex-grow: 1;\n"]))),zi=k(Ci)(Me||(Me=an(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(n){return n.theme.palette.grey[500]})),Fi=k(Qt)(Ue||(Ue=an(["\n  margin-right: 8px;\n  display: inline-flex;\n  align-self: center;\n"],["\n  margin-right: 8px;\n  display: inline-flex;\n  align-self: center;\n"]))),Di=k.div(We||(We=an([""],[""]))),Ai=k.div(qe||(qe=an(["\n  &:focus {\n    outline: none !important;\n    background-color: ",";\n    color: ",";\n    cursor: ",";\n  }\n\n  color: ",";\n  font-weight: ",";\n\n  line-height: 32px;\n  height: 32px;\n  left: 0;\n  display: flex;\n\n  ",";\n"],["\n  &:focus {\n    outline: none !important;\n    background-color: ",";\n    color: ",";\n    cursor: ",";\n  }\n\n  color: ",";\n  font-weight: ",";\n\n  line-height: 32px;\n  height: 32px;\n  left: 0;\n  display: flex;\n\n  ",";\n"])),(function(n){return n.theme.palette.blue[50]}),(function(n){return n.theme.palette.blue[500]}),(function(n){return n.onClick?"pointer":"initial"}),(function(n){var e=n.active,t=n.theme;return e?t.palette.blue[500]:"initial"}),(function(n){return n.active?500:"initial"}),(function(n){return n.showActionOnHover?E(Ve||(Ve=an(["\n          "," {\n            display: none;\n          }\n\n          &:focus {\n            "," {\n              display: inherit;\n            }\n          }\n        "],["\n          "," {\n            display: none;\n          }\n\n          &:focus {\n            "," {\n              display: inherit;\n            }\n          }\n        "])),Di,Di):E(Xe||(Xe=an([""],[""])))})),Pi=function(n){var e=n.noResults,t=n.title;return h.createElement(Si,{noResults:e,key:t},t.toUpperCase(),e&&h.createElement(Oi,null,"(nessun risultato)"))},Si=k.div(Je||(Je=an(["\n  &:not(:first-child) {\n    margin-top: 16px;\n  }\n\n  margin-bottom: 1px;\n  ",";\n  height: 32px;\n  padding-left: 8px;\n  line-height: 32px;\n  font-size: 11px;\n\n  color: ",";\n  font-weight: 500;\n  cursor: initial;\n"],["\n  &:not(:first-child) {\n    margin-top: 16px;\n  }\n\n  margin-bottom: 1px;\n  ",";\n  height: 32px;\n  padding-left: 8px;\n  line-height: 32px;\n  font-size: 11px;\n\n  color: ",";\n  font-weight: 500;\n  cursor: initial;\n"])),(function(n){var e=n.noResults,t=n.theme;return!0===e?E(Ke||(Ke=an(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),t.palette.grey[50]):void 0}),(function(n){return n.theme.palette.grey[700]})),Oi=k.span(Ge||(Ge=an(["\n  margin-left: 3px;\n  color: ",";\n  font-weight: 400;\n  font-size: 13px;\n"],["\n  margin-left: 3px;\n  color: ",";\n  font-weight: 400;\n  font-size: 13px;\n"])),(function(n){return n.theme.palette.grey[700]})),Ni=function(n){var e=n.index,t=n.items,r=n.title,o=rn(n,["index","items","title"]);return h.createElement(h.Fragment,null,h.createElement(Pi,{title:r,noResults:!t.length}),t.map((function(n,t){return h.createElement(Ti,tn({key:t,index:e+t},n,o))})))},Ii=function(n){var e=n.className,t=n.groups,r=n.navigable,o=n.placeholder,i=n.wrapperStyle,a=w(!1),l=a[0],c=a[1],s=x((function(){return t.reduce((function(n,e){return n+e.items.length}),0)}),[t]),p=y((function(n){var e,t,o,i,a=null===(t=null===(e=document.activeElement)||void 0===e?void 0:e.dataset)||void 0===t?void 0:t.groupedListItem;r&&!a&&["ArrowUp","ArrowDown"].includes(n.key)&&(n.preventDefault(),"ArrowUp"===n.key?null===(o=document.querySelector("div[data-grouped-list-item='"+s+"']"))||void 0===o||o.focus():null===(i=document.querySelector("div[data-grouped-list-item='1']"))||void 0===i||i.focus(),c(!0))}),[s,r]),d=function(n){var e=n.target,t=null==e?void 0:e.closest("[data-grouped-list-item]");null==t||t.focus(),c(!1)};_((function(){return l?(removeEventListener("keydown",p),addEventListener("mousemove",d)):(addEventListener("keydown",p),removeEventListener("mousemove",d)),function(){removeEventListener("keydown",p),removeEventListener("mousemove",d)}}),[p,l]);var u=x((function(){return{mouseBlocked:l,setMouseBlocked:c}}),[l,c]),f=v(null),m=1;return h.createElement(Bi,{style:i,ref:f,className:e},t.map((function(n,e){var t=m;return m+=n.items.length,h.createElement(Ni,tn({key:e},n,{mouseBlockedProps:u,navigable:r,index:t,wrapperRef:f,placeholder:o}))})))},Bi=k.div(Qe||(Qe=an(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"]))),Ri=k.span(Ze||(Ze=an(["\n  display: inline-block;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  text-align: left;\n  margin-left: 8px;\n  vertical-align: top;\n  cursor: pointer;\n  ","\n"],["\n  display: inline-block;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  text-align: left;\n  margin-left: 8px;\n  vertical-align: top;\n  cursor: pointer;\n  ","\n"])),(function(n){var e=n.isDisabled,t=n.theme.palette;return e&&E(Ye||(Ye=an(["\n      color: ",";\n      cursor: not-allowed;\n    "],["\n      color: ",";\n      cursor: not-allowed;\n    "])),t.grey[500])})),Li=k.span(rt||(rt=an(["\n  display: inline-block;\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  cursor: pointer;\n  ","\n  ","\n  ","\n"],["\n  display: inline-block;\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  cursor: pointer;\n  ","\n  ","\n  ","\n"])),(function(n){var e=n.theme;return E($e||($e=an(["\n      background-color: ",";\n      border: 1px solid ",";\n    "],["\n      background-color: ",";\n      border: 1px solid ",";\n    "])),e.palette.white[100],e.palette.grey[500])}),(function(n){var e=n.isChecked,t=n.theme;return e&&E(nt||(nt=an(["\n      border: 5px solid ",";\n    "],["\n      border: 5px solid ",";\n    "])),t.palette.blue[500])}),(function(n){var e=n.isChecked,t=n.isDisabled,r=n.theme;return t&&E(tt||(tt=an(["\n      background-color: ",";\n      border-color: ",";\n      cursor: not-allowed;\n      ","\n    "],["\n      background-color: ",";\n      border-color: ",";\n      cursor: not-allowed;\n      ","\n    "])),r.palette.grey[100],r.palette.grey[100],e&&E(et||(et=an(["\n        background-color: ",";\n        border-color: ",";\n      "],["\n        background-color: ",";\n        border-color: ",";\n      "])),r.palette.white[100],r.palette.grey[50]))})),ji=k((function(n){var e=n.isChecked,t=n.isDisabled,r=n.label;return h.createElement("div",{className:n.className,onClick:function(){return n.isDisabled?void 0:n.onClick()}},n.renderOption?n.renderOption({isDisabled:t,isChecked:e,label:r}):h.createElement(h.Fragment,null,h.createElement(Li,{isChecked:n.isChecked,isDisabled:n.isDisabled}),h.createElement(Ri,{isDisabled:n.isDisabled},n.label)))}))(it||(it=an(["\n  & + & {\n    margin-top: ","px;\n  }\n  ","\n"],["\n  & + & {\n    margin-top: ","px;\n  }\n  ","\n"])),(function(n){return n.optionsSpacing?n.optionsSpacing:0}),(function(n){return n.inline&&E(ot||(ot=an(["\n      display: inline-block;\n      vertical-align: top;\n      &:not(:first-child) {\n        margin-left: 25px;\n      }\n    "],["\n      display: inline-block;\n      vertical-align: top;\n      &:not(:first-child) {\n        margin-left: 25px;\n      }\n    "])))})),Hi=function(n){return h.createElement(ji,tn({},n))},Mi=function(n){return h.createElement("div",{style:n.style},n.options.map((function(e){return h.createElement(Hi,{key:e.key,label:e.label,onClick:function(){n.onClick&&n.onClick(e)},isChecked:n.value===e.key,isDisabled:n.isDisabled,renderOption:n.renderOption,optionsSpacing:n.optionsSpacing,inline:n.inline})})))},Ui=k.div(ut||(ut=an(["\n  margin-top: 0;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n  margin-bottom: ",";\n"],["\n  margin-top: 0;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n  margin-bottom: ",";\n"])),$t),Wi=k.div(ft||(ft=an(["\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n"],["\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n"]))),Vi=k.div(bt||(bt=an(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.size,t=n.theme,r=n.type;return E(xt||(xt=an(["\n    display: flex;\n    border: 1px solid rgba(51, 51, 51, 0.08);\n    border-radius: 4px;\n    color: ",";\n\n    ","\n\n    ","\n  "],["\n    display: flex;\n    border: 1px solid rgba(51, 51, 51, 0.08);\n    border-radius: 4px;\n    color: ",";\n\n    ","\n\n    ","\n  "])),t.palette.black[100],function(n,e){switch(n){case"standard":return E(at||(at=an(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.grey[100],e.palette.black[100]);case"info":return E(lt||(lt=an(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.blue[50],e.palette.blue[500]);case"error":return E(ct||(ct=an(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.red[50],e.palette.red[500]);case"warning":return E(st||(st=an(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.yellow[50],e.palette.yellow[500]);case"success":return E(pt||(pt=an(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.green[50],e.palette.green[500]);default:return E(dt||(dt=an(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.grey[100],e.palette.black[100])}}(r,t),function(n){switch(n){case"medium":return E(mt||(mt=an(["\n        padding: ",";\n      "],["\n        padding: ",";\n      "])),er);case"large":return E(gt||(gt=an(["\n        padding: ",";\n        "," {\n          font-size: 16px;\n          line-height: 18px;\n          margin-bottom: ",";\n        }\n        "," {\n          font-size: 14px;\n          line-height: 21px;\n        }\n      "],["\n        padding: ",";\n        "," {\n          font-size: 16px;\n          line-height: 18px;\n          margin-bottom: ",";\n        }\n        "," {\n          font-size: 14px;\n          line-height: 21px;\n        }\n      "])),tr,Ui,nr,Wi);default:return E(ht||(ht=an(["\n        padding: ",";\n      "],["\n        padding: ",";\n      "])),tr)}}(e))})),Xi=k.div(yt||(yt=an(["\n  margin-left: ",";\n  width: 100%;\n"],["\n  margin-left: ",";\n  width: 100%;\n"])),(function(n){return n.margin?er:"0px"})),qi=k.div(vt||(vt=an(["\n  line-height: 20px;\n"],["\n  line-height: 20px;\n"]))),Ki=k(Qt)(wt||(wt=an(["\n  cursor: pointer;\n  color: ",";\n"],["\n  cursor: pointer;\n  color: ",";\n"])),(function(n){return n.theme.palette.blue[700]})),Ji={icon:e},Gi=function(n){var e,t,r,o,i,a,l,c,s=n.closeIcon,p=n.content,d=n.icon,u=n.onClose,f=n.renderCloseIcon,m=n.renderContent,g=n.renderIcon,x=n.renderTitle,b=n.title,y=x?x():b;return h.createElement(h.Fragment,null,h.createElement("div",{style:null!==(t=null===(e=null==n?void 0:n.componentStyle)||void 0===e?void 0:e.icon)&&void 0!==t?t:{}},g?g():d?h.createElement(Qt,tn({},d)):null),h.createElement(Xi,{style:null!==(o=null===(r=null==n?void 0:n.componentStyle)||void 0===r?void 0:r.contentWrapper)&&void 0!==o?o:{},margin:void 0!==g||void 0!==d},y?h.createElement(Ui,{style:null!==(a=null===(i=null==n?void 0:n.componentStyle)||void 0===i?void 0:i.title)&&void 0!==a?a:{}},y):null,h.createElement(Wi,{style:null!==(c=null===(l=null==n?void 0:n.componentStyle)||void 0===l?void 0:l.content)&&void 0!==c?c:{}},m?m():p)),u&&h.createElement(qi,{onClick:u},f?f():h.createElement(Ki,tn({},s||Ji,{fixedWidth:!0}))))},Qi=function(n){var e,t;return h.createElement(Vi,tn({},n,{style:null!==(t=null===(e=null==n?void 0:n.componentStyle)||void 0===e?void 0:e.root)&&void 0!==t?t:{}}),h.createElement(Gi,tn({},n)))},Yi=function(){return h.createElement(Zi,{tabIndex:0},h.createElement(Qt,{icon:s,fixedWidth:!0}))},Zi=k.div(_t||(_t=an(["\n  display: flex;\n"],["\n  display: flex;\n"]))),$i={margin:"auto",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},na=k.div(kt||(kt=an(["\n  transition: transform 250ms ease;\n  transform: ",";\n\n  visibility: ",";\n"],["\n  transition: transform 250ms ease;\n  transform: ",";\n\n  visibility: ",";\n"])),(function(n){return n.isOpen?"rotate(90deg)":"rotate(0deg)"}),(function(n){return n.isVisible?"visible":"hidden"})),ea=44,ta=function(n){var e,t=n.caretVisible,r=void 0!==t&&t,o=n.className,i=n.dropdownContent,a=n.icon,l=n.isActive,c=void 0!==l&&l,s=n.isDisabled,d=void 0!==s&&s,u=n.isHidden,f=void 0!==u&&u,m=n.isOpen,g=void 0!==m&&m,x=n.onClick,b=n.title,v=n.forceOpenDropdown,w=n.customProps,_=n.href,k=y((function(n){x&&(V&&!n.metaKey||!V&&!n.ctrlKey)&&(n.preventDefault(),x(n))}),[x]);if(f)return null;var E=(null===(e=null==w?void 0:w.renderContent)||void 0===e?void 0:e.call(w,n))||b;return h.createElement(oa,{href:_,customColor:null==w?void 0:w.color,isActive:c,isDisabled:d,className:o,onClick:k},h.createElement(na,{isOpen:g,isVisible:r},h.createElement(Qt,{icon:p})),a?h.createElement(Qt,tn({},a,{fixedWidth:!0})):h.createElement(aa,{icon:A,fixedWidth:!0}),h.createElement(ia,null,E),!d&&i&&h.createElement(ra,{content:i,forceOpen:v}))},ra=k((function(n){var e=n.className,t=n.content,r=n.forceOpen,o=void 0!==r&&r;return h.createElement(lo,{triggerStyles:$i,className:e,placement:"right-start",renderTrigger:Yi,content:t,forceOpen:o})}))(Et||(Et=an(["\n  width: 1.5em;\n  height: 1.5em;\n\n  border-radius: 2px;\n"],["\n  width: 1.5em;\n  height: 1.5em;\n\n  border-radius: 2px;\n"]))),oa=k.a.attrs((function(n){var e=n.isActive,t=n.isDisabled,r=n.theme.components.sidebarItem,o=r.normal,i=r.active,a=r.disabled;return t?a:e?i:o}))(Tt||(Tt=an(["\n  height: ","px;\n  padding: 0 8px;\n  text-decoration: none;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 8px;\n\n  cursor: pointer;\n\n  transition: background-color 250ms ease;\n\n  color: ",";\n  background-color: ",";\n\n  "," {\n    display: none;\n  }\n\n  &:hover,\n  &:focus-within {\n    text-decoration: none;\n    color: ",";\n    background-color: ",";\n\n    "," {\n      display: inherit;\n\n      &:hover {\n        background: ",";\n      }\n\n      &:focus-within {\n        background: ",";\n      }\n    }\n  }\n"],["\n  height: ","px;\n  padding: 0 8px;\n  text-decoration: none;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 8px;\n\n  cursor: pointer;\n\n  transition: background-color 250ms ease;\n\n  color: ",";\n  background-color: ",";\n\n  "," {\n    display: none;\n  }\n\n  &:hover,\n  &:focus-within {\n    text-decoration: none;\n    color: ",";\n    background-color: ",";\n\n    "," {\n      display: inherit;\n\n      &:hover {\n        background: ",";\n      }\n\n      &:focus-within {\n        background: ",";\n      }\n    }\n  }\n"])),44,(function(n){var e=n.color;return n.customColor||e}),(function(n){return n.background}),ra,(function(n){return n.hoverColor}),(function(n){return n.hoverBackground}),ra,(function(n){return n.dropdownHover}),(function(n){return n.dropdownActive})),ia=k.div(Ct||(Ct=an(["\n  flex-grow: 1;\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"],["\n  flex-grow: 1;\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"]))),aa=k(Qt)(zt||(zt=an(["\n  visibility: hidden;\n"],["\n  visibility: hidden;\n"]))),la=(Gt.black[100],Gt.black[100],Gt.grey[100],Gt.grey[400],Gt.grey[600],Gt.white[100],Gt.blue[500],Gt.white[100],Gt.blue[500],Gt.blue[700],Gt.grey[300],Gt.grey[100],Gt.grey[300],Gt.grey[100],k.div.attrs((function(n){var e=n.theme,t=n.type;return e.components.microTag[t]}))(Ft||(Ft=an(["\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-block;\n  padding: 0 4px;\n  border-radius: 4px;\n  text-transform: uppercase;\n\n  color: ",";\n  background-color: ",";\n"],["\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-block;\n  padding: 0 4px;\n  border-radius: 4px;\n  text-transform: uppercase;\n\n  color: ",";\n  background-color: ",";\n"])),(function(n){return n.color}),(function(n){return n.backgroundColor}))),ca=function(n){var e=n.text,t=n.type;return h.createElement(la,{type:t},e)},sa=(Gt.red[50],Gt.red[500],Gt.blue[50],Gt.blue[500],Gt.grey[50],Gt.grey[500],Gt.green[50],Gt.green[500],Gt.yellow[50],Gt.yellow[500],h.createElement(Qt,{icon:a,fixedWidth:!0})),pa=function(n){var e=n.text,t=void 0===e?"":e,r=n.number,o=n.status,i="completed"===o?sa:r+1;return h.createElement(fa,{status:o},h.createElement(da,null,i),h.createElement(ua,null,t))},da=k.div(Dt||(Dt=an(["\n  border-radius: 50%;\n\n  width: 2em;\n  height: 2em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  border-radius: 50%;\n\n  width: 2em;\n  height: 2em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"]))),ua=k.div(At||(At=an([""],[""]))),fa=k.div.attrs((function(n){var e=n.theme,t=n.status;return e.components.stepper.item[t]}))(Pt||(Pt=an(["\n  "," {\n    color: ",";\n    background: ",";\n  }\n\n  "," {\n    color: ",";\n  }\n\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6em;\n"],["\n  "," {\n    color: ",";\n    background: ",";\n  }\n\n  "," {\n    color: ",";\n  }\n\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6em;\n"])),da,(function(n){return n.circleTextColor}),(function(n){return n.circleBackground}),ua,(function(n){return n.color})),ma=k.div(St||(St=an(["\n  width: 2.5em;\n  height: 0.1em;\n  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.16) 50%, rgba(0, 0, 0, 0) 100%);\n"],["\n  width: 2.5em;\n  height: 0.1em;\n  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.16) 50%, rgba(0, 0, 0, 0) 100%);\n"]))),ga=function(n,e){return n<e?"completed":n===e?"active":"normal"},ha=function(n){var e=n.steps,t=n.currentStep,r=x((function(){return e.reduce((function(n,e,r){return 0===r?[h.createElement(pa,{key:r,number:r,status:ga(r,t),text:e})]:on(on([],n,!0),[h.createElement(ma,{key:"divider_"+r}),h.createElement(pa,{key:r,number:r,status:ga(r,t),text:e})],!1)}),[])}),[e,t]);return h.createElement(xa,null,r)},xa=k.div(Ot||(Ot=an(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 0.6em;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 0.6em;\n"]))),ba=(Gt.grey[500],Gt.grey[500],Gt.white[100],Gt.blue[500],Gt.blue[500],Gt.white[100],Gt.grey[500],Gt.green[500],Gt.white[100],k(Qt)(Nt||(Nt=an([""],[""])))),ya=k(Qt)(It||(It=an([""],[""]))),va=k.div(Bt||(Bt=an([""],[""]))),wa=k.div.attrs((function(n){var e=n.tagStyle,t=n.theme,r=n.type;return t.components.tag[e][r]}))(Rt||(Rt=an(["\n  display: inline-flex;\n  flex-direction: row;\n  border: 4px;\n  align-items: center;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-align: center;\n  border-radius: 4px;\n  padding: 3px 8px;\n  color: ",";\n  background-color: ",";\n\n  "," + "," {\n    padding-left: 4px;\n  }\n\n  "," + "," {\n    padding-right: 12px;\n  }\n"],["\n  display: inline-flex;\n  flex-direction: row;\n  border: 4px;\n  align-items: center;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-align: center;\n  border-radius: 4px;\n  padding: 3px 8px;\n  color: ",";\n  background-color: ",";\n\n  "," + "," {\n    padding-left: 4px;\n  }\n\n  "," + "," {\n    padding-right: 12px;\n  }\n"])),(function(n){return n.color}),(function(n){return n.backgroundColor}),ba,va,va,ya),_a=function(n){var e=n.leftIcon,t=n.rightIcon,r=n.tagStyle,o=n.text,i=n.type,a=n.className;return h.createElement(wa,{className:a,type:i,tagStyle:r},e&&h.createElement(ba,tn({},e)),h.createElement(va,null,o),t&&h.createElement(ya,tn({},t)))},ka=(Gt.white[100],Gt.grey[600],Gt.white[100],Gt.yellow[500],Gt.white[100],Gt.green[500],Gt.white[100],Gt.blue[500],Gt.white[100],Gt.red[500],Gt.grey[900],Gt.grey[100],Gt.yellow[900],Gt.yellow[50],Gt.green[900],Gt.green[50],Gt.blue[900],Gt.blue[50],Gt.red[900],Gt.red[50],Gt.grey[800],Gt.yellow[500],Gt.green[500],Gt.indigo[500],Gt.red[500],k.div(Lt||(Lt=an(["\n  position: absolute;\n  width: 10px;\n  height: 10px;\n\n  &:after {\n    content: '';\n    position: absolute;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    background-color: ",";\n    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n    clip-path: polygon(100% 0, 0% 100%, 100% 100%);\n  }\n"],["\n  position: absolute;\n  width: 10px;\n  height: 10px;\n\n  &:after {\n    content: '';\n    position: absolute;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    background-color: ",";\n    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n    clip-path: polygon(100% 0, 0% 100%, 100% 100%);\n  }\n"])),(function(n){var e=n.theme,t=n.type;return e.components.tooltip[t].background}))),Ea=E(jt||(jt=an(["\n  &[data-popper-placement^='top'] > "," {\n    bottom: -5px;\n    &:after {\n      border-bottom-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='bottom'] > "," {\n    top: -5px;\n    &:after {\n      border-top-left-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='left'] > "," {\n    right: -5px;\n    &:after {\n      border-top-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='right'] > "," {\n    left: -5px;\n    &:after {\n      border-bottom-left-radius: 3px;\n    }\n  }\n"],["\n  &[data-popper-placement^='top'] > "," {\n    bottom: -5px;\n    &:after {\n      border-bottom-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='bottom'] > "," {\n    top: -5px;\n    &:after {\n      border-top-left-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='left'] > "," {\n    right: -5px;\n    &:after {\n      border-top-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='right'] > "," {\n    left: -5px;\n    &:after {\n      border-bottom-left-radius: 3px;\n    }\n  }\n"])),ka,ka,ka,ka),Ta=k.div.attrs((function(n){var e=n.theme,t=n.type;return e.components.tooltip[t]}))(Ht||(Ht=an(["\n  z-index: 9;\n\n  font-size: 14px;\n\n  padding: 4px 8px;\n  border-radius: 3px;\n\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n\n  color: ",";\n  background: ",";\n"],["\n  z-index: 9;\n\n  font-size: 14px;\n\n  padding: 4px 8px;\n  border-radius: 3px;\n\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n\n  color: ",";\n  background: ",";\n"])),(function(n){return n.color}),(function(n){return n.background})),Ca=k.div(Mt||(Mt=an(["\n  ",";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"],["\n  ",";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"])),Ea),za=function(n){var e=n.message,t=n.placement,r=n.className,o=n.children,i=n.type,a=n.onMouseEnter,l=n.onMouseLeave,c=v(null),s=v(null),p=v(null),d=w(null),u=d[0],f=d[1],m=w(!1),g=m[0],b=m[1],k=y((function(){return b(!0)}),[]),E=y((function(){return b(!1)}),[]);O(c,E),_((function(){if(g)return window.addEventListener("touchmove",E),function(){window.removeEventListener("touchmove",E)}}),[E,g]);var T=y((function(n){k(),null==a||a(n)}),[a,k]),C=y((function(n){E(),null==l||l(n)}),[E,l]),z=P(p.current,s.current,{placement:t,strategy:"fixed",modifiers:x((function(){return[{name:"arrow",options:{element:u}},{name:"offset",options:{offset:[0,10]}}]}),[u])}),F=z.attributes,D=z.styles;return h.createElement(Fa,{className:r,ref:c},h.createElement("div",{ref:p,onClick:k,onMouseEnter:T,onMouseLeave:C},o),h.createElement(S,{in:g,timeout:200,unmountOnExit:!0,appear:!0},h.createElement(Da,null,h.createElement(Ca,tn({ref:s,style:D.popper},F.popper),h.createElement(ka,{type:i,ref:f,style:D.arrow}),h.createElement(Ta,{type:i,style:D.offset},e)))))},Fa=k.div(Ut||(Ut=an(["\n  display: flex;\n"],["\n  display: flex;\n"]))),Da=k.div(Wt||(Wt=an(["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"],["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"]))),Aa=(Gt.black[100],Gt.white[100],Gt.white[100],Gt.grey[900],Gt),Pa=C(Vt||(Vt=an(["\n  .ReactModal__Overlay {\n    opacity: 0;\n    transition: all 200ms ease-in-out;\n  }\n  \n  .ReactModal__Overlay--after-open {\n    opacity: 1;\n  }\n  \n  .ReactModal__Overlay--before-close {\n    opacity: 0;\n  }\n  \n  .ReactModal__Overlay--after-open .ReactModal__Content {\n    :not(.fic-modal) {\n        opacity: 1;\n        transform: translate(-50%, -50%);\n       }\n  }\n  \n  .ReactModal__Overlay--before-close .ReactModal__Content {\n    opacity: 0;\n    transform: translate(-50%, 0%);\n  }\n"],["\n  .ReactModal__Overlay {\n    opacity: 0;\n    transition: all 200ms ease-in-out;\n  }\n  \n  .ReactModal__Overlay--after-open {\n    opacity: 1;\n  }\n  \n  .ReactModal__Overlay--before-close {\n    opacity: 0;\n  }\n  \n  .ReactModal__Overlay--after-open .ReactModal__Content {\n    :not(.fic-modal) {\n        opacity: 1;\n        transform: translate(-50%, -50%);\n       }\n  }\n  \n  .ReactModal__Overlay--before-close .ReactModal__Content {\n    opacity: 0;\n    transform: translate(-50%, 0%);\n  }\n"]))),Sa=k(X)(La||(La=an(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  outline: none;\n  opacity: 0;\n  transform: translate(-50%, -100%);\n  transition: all ","ms ease-in-out;\n"],["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  outline: none;\n  opacity: 0;\n  transform: translate(-50%, -100%);\n  transition: all ","ms ease-in-out;\n"])),200),Oa=k.div(Ma||(Ma=an(["\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  padding: 0;\n  ","\n\n  box-shadow: ",";\n\n  border: ",";\n  border-radius: ","px;\n  width: ","vw;\n\n  @media screen and (min-width: 992px) {\n    width: ",";\n  }\n"],["\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  padding: 0;\n  ","\n\n  box-shadow: ",";\n\n  border: ",";\n  border-radius: ","px;\n  width: ","vw;\n\n  @media screen and (min-width: 992px) {\n    width: ",";\n  }\n"])),(function(n){var e=n.fullScreenHeight;return n.isFullscreen?E(ja||(ja=an(["\n          height: ","px;\n        "],["\n          height: ","px;\n        "])),e):E(Ha||(Ha=an(["\n          min-height: 200px;\n        "],["\n          min-height: 200px;\n        "])))}),(function(n){return n.isFullscreen?"none":"rgba(23, 43, 77, 0.24) 0px 16px 24px, rgba(9, 30, 66, 0.08) 0px 0px 0px"}),(function(n){return n.isFullscreen?0:"1px solid rgb(204, 204, 204)"}),(function(n){return n.isFullscreen?0:8}),(function(n){return n.isFullscreen?100:96}),(function(n){var e=n.isFullscreen;return function(n,e){return e?"100vw":n?"342px":"736px"}(n.isSmall,e)})),Na=k.div(Xa||(Xa=an(["\n  min-height: ",";\n  height: ",";\n  padding: 1rem ",";\n  overflow-y: auto;\n\n  ","\n"],["\n  min-height: ",";\n  height: ",";\n  padding: 1rem ",";\n  overflow-y: auto;\n\n  ","\n"])),(function(n){var e=n.minHeight;return e?e+"px":"auto"}),(function(n){var e=n.height;return e?e+"px":"auto"}),rr,(function(n){var e=n.footer,t=n.header,r=n.isFullscreen,o=n.title;return r?E(Ua||(Ua=an(["\n        height: calc(100% - ("," * 2));\n      "],["\n        height: calc(100% - ("," * 2));\n      "])),"80px"):t||o||e?E(Wa||(Wa=an(["\n          max-height: calc(100vh - ("," * 4));\n        "],["\n          max-height: calc(100vh - ("," * 4));\n        "])),"80px"):E(Va||(Va=an(["\n        max-height: 100%;\n      "],["\n        max-height: 100%;\n      "])))})),Ia=k.div(qa||(qa=an(["\n  margin-left: 5px;\n  .icon {\n    cursor: pointer;\n    &:hover {\n      color: ",";\n    }\n  }\n"],["\n  margin-left: 5px;\n  .icon {\n    cursor: pointer;\n    &:hover {\n      color: ",";\n    }\n  }\n"])),(function(n){return n.theme.palette.grey[800]})),Ba=k.div(Ja||(Ja=an(["\n  padding: 0 ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  ",";\n\n  height: ",";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  h3 {\n    font-size: 20px;\n    line-height: 30px;\n    margin: 0;\n    font-weight: 500;\n  }\n"],["\n  padding: 0 ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  ",";\n\n  height: ",";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  h3 {\n    font-size: 20px;\n    line-height: 30px;\n    margin: 0;\n    font-weight: 500;\n  }\n"])),rr,nr,nr,(function(n){var e=n.theme.palette;return E(Ka||(Ka=an(["\n    border-bottom: 2px solid ",";\n    background-color: ",";\n  "],["\n    border-bottom: 2px solid ",";\n    background-color: ",";\n  "])),e.grey[100],e.grey[50])}),"80px"),Ra=k.div(Ga||(Ga=an(["\n  padding: 0 ",";\n  height: ",";\n  border-top: 2px solid ",";\n  align-items: center;\n  justify-content: flex-end;\n  display: flex;\n  margin: 0 auto;\n  & > div:not(:first-of-type) {\n    margin-left: 16px;\n  }\n"],["\n  padding: 0 ",";\n  height: ",";\n  border-top: 2px solid ",";\n  align-items: center;\n  justify-content: flex-end;\n  display: flex;\n  margin: 0 auto;\n  & > div:not(:first-of-type) {\n    margin-left: 16px;\n  }\n"])),rr,"80px",(function(n){return n.theme.palette.grey[100]}));k.div(Qa||(Qa=an([""],[""])));var La,ja,Ha,Ma,Ua,Wa,Va,Xa,qa,Ka,Ja,Ga,Qa,Ya,Za,$a,nl,el,tl,rl,ol,il,al,ll,cl,sl,pl,dl,ul,fl,ml,gl,hl,xl,bl,yl,vl,wl,_l,kl,El,Tl,Cl,zl,Fl,Dl,Al,Pl,Sl,Ol,Nl,Il,Bl,Rl,Ll,jl,Hl,Ml,Ul,Wl,Vl,Xl,ql,Kl,Jl,Gl,Ql,Yl,Zl,$l,nc,ec,tc,rc,oc,ic,ac,lc=k.div(Ya||(Ya=an(["\n  position: absolute;\n  width: 100%;\n  top: ",";\n"],["\n  position: absolute;\n  width: 100%;\n  top: ",";\n"])),(function(n){var e=n.height;return e&&-(e+16)+"px"})),cc=k.div(Za||(Za=an(["\n  width: auto;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n"],["\n  width: auto;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n"]))),sc=k(Qt)($a||($a=an(["\n  font-size: 24px;\n  font-weight: 500;\n"],["\n  font-size: 24px;\n  font-weight: 500;\n"]))),pc={overlay:{backgroundColor:Aa.black[48],zIndex:1e4}},dc=function(n){function e(e){var t=n.call(this,e)||this;return t.updateHeight=function(){t.setState({fullScreenHeight:window.innerHeight})},t.hasFooter=function(){return!!t.props.footerButtons||"function"==typeof t.props.footer},t.renderFooter=function(){var n=t.props,e=n.footer,r=n.footerButtons;return r?h.createElement(h.Fragment,null,r.map((function(n,e){return h.createElement("div",{key:e},h.createElement(Ar,tn({},n)))}))):e?e():void 0},t.handleModalClose=function(){t.props.onActionClose&&t.props.onActionClose()},t.contentRefCallback=function(){var n=document.getElementById("top-attachment");n&&t.setState({topAttachmentHeight:n.clientHeight})},t.state={topAttachmentHeight:0,fullScreenHeight:0},t}return en(e,n),e.prototype.componentDidMount=function(){this.props.isFullscreen&&(this.updateHeight(),window.addEventListener("resize",this.updateHeight))},e.prototype.componentWillUnmount=function(){this.props.isFullscreen&&window.removeEventListener("resize",this.updateHeight)},e.prototype.render=function(){var n=this.props,e=n.allowClose,t=n.className,r=n.header,o=n.isFullscreen,i=n.isOpen,a=n.onActionClose,l=n.title,c=this.props,s=c.bottomAttachment,p=c.height,d=c.isSmall,u=c.minHeight,f=c.topAttachment,m=this.state.fullScreenHeight,g=null==e||e;return h.createElement(h.Fragment,null,h.createElement(Pa,null),h.createElement(Sa,{closeTimeoutMS:200,shouldCloseOnOverlayClick:g,onRequestClose:g?this.handleModalClose:void 0,shouldCloseOnEsc:g,style:pc,isOpen:null==i||i,isFullscreen:o,isSmall:d,contentRef:this.contentRefCallback,ariaHideApp:!1},h.createElement(h.Fragment,null,f&&h.createElement(lc,{id:"top-attachment",height:this.state.topAttachmentHeight},f()),h.createElement(Oa,{className:t,isFullscreen:o,isSmall:d,fullScreenHeight:m},(r||l)&&h.createElement(Ba,null,r?r():h.createElement("h3",null,l),a?h.createElement(Ia,null,h.createElement(Qt,{icon:M,size:"1x",type:"light",fixedWidth:!0,onClick:this.handleModalClose,className:"icon"})):null),h.createElement(Na,{height:p,minHeight:u,isFullscreen:o,header:r,title:l,footer:this.props.footer},this.props.children),this.hasFooter()&&h.createElement(Ra,null,this.renderFooter())),s&&h.createElement(cc,null,s()))))},e}(b),uc=function(n){var e=n.children,t=n.className,r=n.handleChangeValue,o=n.placeholder,i=n.value,a=h.createElement(mc,null,h.createElement(sc,{icon:U,color:"black"}),h.createElement("input",{autoFocus:!0,className:"inputSearchable",type:"text",onChange:function(n){r(n.currentTarget.value)},value:i,placeholder:o}),h.createElement(fc,{visible:!!i,onClick:function(){r("")}},"Cancella"));return h.createElement(dc,tn({className:t,header:function(){return a}},n),e)},fc=k.div(nl||(nl=an(["\n  white-space: nowrap;\n  cursor: pointer;\n  padding-right: 10px;\n  border-right: 1px solid ",";\n  color: ",";\n  &:hover {\n    color: ",";\n  }\n  display: ",";\n"],["\n  white-space: nowrap;\n  cursor: pointer;\n  padding-right: 10px;\n  border-right: 1px solid ",";\n  color: ",";\n  &:hover {\n    color: ",";\n  }\n  display: ",";\n"])),(function(n){return n.theme.palette.grey[200]}),(function(n){return n.theme.palette.grey[500]}),(function(n){return n.theme.palette.grey[700]}),(function(n){return n.visible?"inherit":"none"})),mc=k.div(el||(el=an(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  caret-color: ",";\n  input[type='text'].inputSearchable:focus {\n    outline: none !important;\n    box-shadow: none !important;\n  }\n\n  > input {\n    width: 100%;\n    margin-left: 4px;\n    background-color: "," !important;\n    border: none;\n    font-size: 20px !important;\n    top: 6px;\n    outline: none;\n    box-shadow: none;\n  }\n\n  > input,\n  input::-webkit-input-placeholder {\n    font-size: 20px;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  caret-color: ",";\n  input[type='text'].inputSearchable:focus {\n    outline: none !important;\n    box-shadow: none !important;\n  }\n\n  > input {\n    width: 100%;\n    margin-left: 4px;\n    background-color: "," !important;\n    border: none;\n    font-size: 20px !important;\n    top: 6px;\n    outline: none;\n    box-shadow: none;\n  }\n\n  > input,\n  input::-webkit-input-placeholder {\n    font-size: 20px;\n  }\n"])),(function(n){return n.theme.palette.blue[300]}),(function(n){return n.theme.palette.grey[50]})),gc=k(dc)(tl||(tl=an(["\n  width: 432px;\n  max-width: 90vw;\n"],["\n  width: 432px;\n  max-width: 90vw;\n"]))),hc=k.div(rl||(rl=an(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  line-height: 24px;\n  font-weight: 500;\n  font-size: 16px;\n  font-style: normal;\n  color: #000000;\n"],["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  line-height: 24px;\n  font-weight: 500;\n  font-size: 16px;\n  font-style: normal;\n  color: #000000;\n"]))),xc=k.div(ol||(ol=an(["\n  margin-top: 8px;\n  margin-bottom: 8px;\n  font-size: 14px;\n  font-weight: normal;\n  font-style: normal;\n  line-height: 21px;\n  color: #5e6c84;\n"],["\n  margin-top: 8px;\n  margin-bottom: 8px;\n  font-size: 14px;\n  font-weight: normal;\n  font-style: normal;\n  line-height: 21px;\n  color: #5e6c84;\n"]))),bc=k.div(il||(il=an(["\n  font-size: 14px;\n  font-style: normal;\n  line-height: 21px;\n  font-weight: 500;\n  color: #091e42;\n"],["\n  font-size: 14px;\n  font-style: normal;\n  line-height: 21px;\n  font-weight: 500;\n  color: #091e42;\n"]))),yc=k.div(al||(al=an(["\n  margin-top: 24px;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: row;\n  line-height: 21px;\n  justify-content: flex-end;\n"],["\n  margin-top: 24px;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: row;\n  line-height: 21px;\n  justify-content: flex-end;\n"]))),vc={error:"error",info:"info",warning:"warning",success:"success"},wc={error:r,info:o,warning:r,success:i},_c={error:"red",info:"blue",warning:"yellow",success:"green"},kc=function(n){var e=vc[n.type],t=wc[e],r=_c[e];return h.createElement(gc,{isOpen:n.isOpen,onActionClose:function(){return n.setIsOpen(!1)},isSmall:!0},h.createElement(hc,null,h.createElement(Qt,{icon:t,size:"1x",color:r}),h.createElement("span",{style:{marginLeft:"10px"}},n.title)),h.createElement(xc,null,n.description),h.createElement(bc,null,n.question),h.createElement(yc,null,h.createElement(Ar,{text:"Annulla",color:"grey",onClick:function(){n.setIsOpen(!1)}}),h.createElement(Ec,{text:n.actionText,color:r,onClick:function(){n.setIsOpen(!1),n.onAction()}})))},Ec=k(Ar)(ll||(ll=an(["\n  margin-left: 16px;\n"],["\n  margin-left: 16px;\n"]))),Tc=k.div(cl||(cl=an(["\n  width: 90vw;\n  margin: 0 auto;\n  text-align: center;\n  @media screen and (min-width: 768px) {\n    width: 376px;\n  }\n  .icon {\n    background-color: ",";\n    width: 176px;\n    height: 176px;\n    border-radius: 50%;\n    color: ",";\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 76px;\n  }\n  h5 {\n    margin-top: 2rem;\n    margin-bottom: 0;\n    font-weight: 500;\n    font-size: 20px;\n    line-height: 30px;\n    color: ",";\n  }\n  p {\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: ",";\n  }\n"],["\n  width: 90vw;\n  margin: 0 auto;\n  text-align: center;\n  @media screen and (min-width: 768px) {\n    width: 376px;\n  }\n  .icon {\n    background-color: ",";\n    width: 176px;\n    height: 176px;\n    border-radius: 50%;\n    color: ",";\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 76px;\n  }\n  h5 {\n    margin-top: 2rem;\n    margin-bottom: 0;\n    font-weight: 500;\n    font-size: 20px;\n    line-height: 30px;\n    color: ",";\n  }\n  p {\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: ",";\n  }\n"])),(function(n){return n.theme.palette.red[50]}),(function(n){return n.theme.palette.red[500]}),(function(n){return n.theme.palette.black[100]}),(function(n){return n.theme.palette.black[80]})),Cc=function(n){var e=n.action,t=n.icon,r=n.text,o=n.title,i=x((function(){return e?h.createElement(Ar,{onClick:function(){return e.action()},iconLeft:e.icon?e.icon:void 0,text:e.text,color:"green"}):null}),[e]);return h.createElement(Tc,null,t&&h.createElement("div",{className:"icon"},h.createElement(Qt,tn({},t))),o&&h.createElement("h5",null,o),r&&h.createElement("p",null,r),i)},zc=k.div(pl||(pl=an(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.theme.palette;return E(sl||(sl=an(["\n    .pagination {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: 2rem;\n    }\n\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ",";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ",";\n        background-color: ",";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n  "],["\n    .pagination {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: 2rem;\n    }\n\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ",";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ",";\n        background-color: ",";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n  "])),e.grey[700],e.white[100],e.grey[700])})),Fc=function(n){var e=Math.ceil(n.listSize/n.pageSize),t=Math.min(n.currentPage,e),r=q(t-3,t+4).filter((function(n){return n>0&&n<=e})),o=!1;return n.currentPage>1&&Boolean(n.prevPageAction)&&n.listSize&&(o=!0),h.createElement("div",{className:"pagination"},h.createElement("div",{onClick:function(){n.prevPageAction&&o&&n.prevPageAction()},className:"pagination__element "+(o?"":"deactivated")},n.prevText),r.includes(1)?null:h.createElement(h.Fragment,null,h.createElement("div",{onClick:function(){n.changePageAction(1)},className:"pagination__element "+(1===n.currentPage?"selected":"")},"1"),r[0]-1!=1?h.createElement("div",{className:"pagination__element"},"..."):null),r.map((function(e,r){return h.createElement("div",{key:r,onClick:function(){n.changePageAction(e)},className:"pagination__element "+(e===t?"selected":"")},e)})),r.includes(e)?null:h.createElement(h.Fragment,null,e-r[r.length-1]!=1?h.createElement("div",{className:"pagination__element"},"..."):null,h.createElement("div",{onClick:function(){n.changePageAction(e)},className:"pagination__element "+(n.currentPage===e?"selected":"")},e)),h.createElement("div",{onClick:function(){n.nextPageAction&&n.currentPage<e&&n.nextPageAction()},className:"pagination__element "+(n.nextPageAction&&n.currentPage>=e?"deactivated":"")},n.nextText))},Dc=function(n){return h.createElement(zc,null,h.createElement(Fc,tn({},n)))},Ac=k.div(ul||(ul=an(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.color,t=n.percentage,r=n.theme.palette;return E(dl||(dl=an(["\n    .progression__container {\n      height: ",";\n      background-color: ",";\n      position: relative;\n      border-radius: 100px;\n    }\n    .progression__bar {\n      position: absolute;\n      height: 100%;\n      z-index: 1;\n      border-radius: 100px;\n      transition: width 0.35s ease-in-out;\n\n      background-color: ",";\n      width: ","%;\n    }\n  "],["\n    .progression__container {\n      height: ",";\n      background-color: ",";\n      position: relative;\n      border-radius: 100px;\n    }\n    .progression__bar {\n      position: absolute;\n      height: 100%;\n      z-index: 1;\n      border-radius: 100px;\n      transition: width 0.35s ease-in-out;\n\n      background-color: ",";\n      width: ","%;\n    }\n  "])),er,r.grey[100],r[e||"blue"][500],t)})),Pc=function(n){function e(e){var t=n.call(this,e)||this;return t.state={},t}return en(e,n),e.prototype.render=function(){return h.createElement("div",{className:"progression__container"},h.createElement("div",{className:"progression__bar"}))},e}(b),Sc=function(n){return h.createElement(Ac,tn({},n),h.createElement(Pc,tn({},n)))},Oc=991,Nc="fic-design-system",Ic="tableConfigs",Bc=function(n){if(n){var e=localStorage.getItem(Nc);if(e){var t=JSON.parse(e);if(t[Ic][n])return function(n){var e=["id","label","active","position"];if(Array.isArray(n))for(var t=0,r=n;t<r.length;t++)for(var o=r[t],i=0;i<e.length;i++)if(!o.hasOwnProperty(e[i]))return!1;return!0}(t[Ic][n])?t[Ic][n]:void 0}}},Rc={asc:d,desc:u,default:f},Lc=k.div(ml||(ml=an(["\n  margin-left: 0.5rem;\n"],["\n  margin-left: 0.5rem;\n"]))),jc=k(Qt)(gl||(gl=an(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"]))),Hc=function(n){var e=K.find(n.propertiesFilter,["id",n.property]),t="";t=e?"boolean"==typeof e.type?"default":e.type:"default";var r="asc";return r=e?"boolean"==typeof e.type?"asc":"desc":"asc",h.createElement(Lc,null,h.createElement(jc,{icon:Rc[t],onClick:function(){n.handleSortOnProperty(n.property,r)}}))},Mc={icon:s},Uc=function(n){var e=n.actions,t=n.allChecked,r=n.controlledProperties,o=n.disableSelection,i=n.handleSelectAll,a=n.handleSortOnProperty,l=n.isLoading,c=n.propertiesFilter,s=n.setShowModalCustomizeTrue;return h.createElement("thead",null,h.createElement("tr",null,o?null:h.createElement("th",null,h.createElement("input",{disabled:l,type:"checkbox",checked:t,onChange:i})),r.map((function(n,e){return n.active?h.createElement("th",{key:e,style:n.columnStyle},h.createElement("div",null,h.createElement("div",null,n.label),n.sortable?h.createElement(Hc,{propertiesFilter:c,property:n.id,handleSortOnProperty:a}):null)):null})),e&&e.length?h.createElement("th",null,"Azioni"):null,h.createElement("th",{onClick:function(){s()}},h.createElement(Qt,tn({},Mc)))))},Wc=k.div(hl||(hl=an([""],[""]))),Vc=function(n){var e=n.data,t=n.isLoading,r=n.listSize,o=n.renderMobileRow;return h.createElement("div",null,r&&!t?e.map((function(n,e){return h.createElement(Wc,{key:e},o?o(n):void 0)})):void 0)},Xc=k.a(bl||(bl=an(["\n  margin-right: 1rem;\n  cursor: pointer;\n  user-select: none;\n  &:hover {\n    text-decoration: underline;\n  }\n  ","\n"],["\n  margin-right: 1rem;\n  cursor: pointer;\n  user-select: none;\n  &:hover {\n    text-decoration: underline;\n  }\n  ","\n"])),(function(n){return E(xl||(xl=an(["\n    color: ",";\n  "],["\n    color: ",";\n  "])),n.color)})),qc=k.div(yl||(yl=an(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))),Kc=k.div(wl||(wl=an(["\n  position: absolute;\n  right: 0;\n  top: 32px;\n  background-color: ",";\n  box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.24), 0px 1px 3px rgba(51, 51, 51, 0.12);\n  border-radius: 4px;\n  min-width: 200px;\n  max-width: calc(100% - 2rem);\n  padding: 0.5rem 1rem;\n  z-index: 999;\n  display: none;\n  ","\n\n  .link_container {\n    margin: 0.5rem 0;\n  }\n"],["\n  position: absolute;\n  right: 0;\n  top: 32px;\n  background-color: ",";\n  box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.24), 0px 1px 3px rgba(51, 51, 51, 0.12);\n  border-radius: 4px;\n  min-width: 200px;\n  max-width: calc(100% - 2rem);\n  padding: 0.5rem 1rem;\n  z-index: 999;\n  display: none;\n  ","\n\n  .link_container {\n    margin: 0.5rem 0;\n  }\n"])),(function(n){return n.theme.palette.white[100]}),(function(n){if(n.active)return E(vl||(vl=an(["\n        display: block;\n      "],["\n        display: block;\n      "])))})),Jc=k.p(kl||(kl=an(["\n  cursor: pointer;\n  user-select: none;\n  ","\n"],["\n  cursor: pointer;\n  user-select: none;\n  ","\n"])),(function(n){if(n.color)return E(_l||(_l=an(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),n.color)})),Gc=function(n){return h.createElement(Kc,{active:n.active},n.actions.map((function(e,t){return h.createElement("div",{key:t,className:"link_container"},h.createElement(Jc,{className:"action",key:t,onClick:function(t){t.preventDefault(),e.action(n.element,n.selectedRows),n.handlePopUpVisibility(void 0)},color:e.color},e.label))})))},Qc=k.div(Cl||(Cl=an(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  justify-content: center;\n  border-radius: 4px;\n\n  ","\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  justify-content: center;\n  border-radius: 4px;\n\n  ","\n"])),(function(n){var e=n.active,t=n.theme.palette;return E(Tl||(Tl=an(["\n    ","\n    &:hover {\n      background-color: ",";\n    }\n  "],["\n    ","\n    &:hover {\n      background-color: ",";\n    }\n  "])),e&&E(El||(El=an(["\n      background-color: ",";\n      color: ",";\n    "],["\n      background-color: ",";\n      color: ",";\n    "])),t.blue[50],t.blue[500]),t.blue[50])})),Yc=function(n){return h.createElement(Qc,{active:n.active,onClick:function(){return n.handlePopUpVisibility(n.rowId)}},h.createElement(Qt,{icon:s}))},Zc=k.div(Fl||(Fl=an(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: none;\n  ","\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: none;\n  ","\n"])),(function(n){return n.active&&E(zl||(zl=an(["\n      display: block;\n    "],["\n      display: block;\n    "])))})),$c=function(n){var e=n.actions,t=n.controlledProperties,r=n.currentActionsPopUp,o=n.disableSelection,i=n.element,a=n.handlePopUpVisibility,l=n.handleSelection,c=n.index,s=n.selectedList;return h.createElement("tr",{className:s&&s.includes(i.id)?"selected":""},o?null:h.createElement("td",null,h.createElement("div",null,h.createElement("input",{type:"checkbox",checked:s&&s.includes(i.id),onChange:function(){l(i.id)}}))),t.map((function(n,e){return n.active?h.createElement("td",{key:e},h.createElement("div",{className:"table__value"},n.render?n.render(i[n.id],i.id):h.createElement("span",null,i[n.id]))):null})),e&&e.length?h.createElement("td",null,h.createElement(qc,null,e[0]?h.createElement(Xc,{onClick:function(n){n.preventDefault(),e[0].action(i,s||[])},color:e[0].color},e[0].label):null,h.createElement(Zc,{onClick:function(){a(void 0)},active:Boolean(r===c)}),e&&e.length>1&&h.createElement(Yc,{active:Boolean(r===c),rowId:c,handlePopUpVisibility:a}),h.createElement(Gc,{active:Boolean(r===c),actions:e.slice(1),selectedRows:s||[],element:i,handlePopUpVisibility:a}))):null,h.createElement("td",null))},ns=k.div(Pl||(Pl=an(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.show,t=n.theme.palette;return E(Al||(Al=an(["\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.14);\n    top: 0;\n    left: 0;\n    display: none;\n    ","\n    .link {\n      color: ",";\n      cursor: pointer;\n    }\n    .modal__container {\n      background-color: ",";\n      width: 424px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px;\n      background-color: ",";\n    }\n    .modal__header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: ",";\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n      padding: 0 1.5rem;\n      font-size: 20px;\n      line-height: 30px;\n      p {\n        cursor: pointer;\n      }\n    }\n    .modal__body {\n      padding: 1rem 1.5rem;\n      position: relative;\n      .draggable_element {\n        display: flex;\n        align-items: center;\n        &:hover,\n        &:active {\n          .icon {\n            visibility: visible;\n            color: ",";\n          }\n        }\n      }\n      .draggable__handle {\n        width: 30px;\n        .icon {\n          display: block;\n          visibility: hidden;\n        }\n      }\n      .draggable__checkbox {\n        margin-bottom: 6px;\n      }\n    }\n    .modal__footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 1.5rem 1.5rem;\n      border-top: 1px solid ",";\n      font-size: 14px;\n      line-height: 21px;\n      .buttons__container {\n        a {\n          &:first-child {\n            margin-right: 1rem;\n          }\n        }\n      }\n    }\n  "],["\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.14);\n    top: 0;\n    left: 0;\n    display: none;\n    ","\n    .link {\n      color: ",";\n      cursor: pointer;\n    }\n    .modal__container {\n      background-color: ",";\n      width: 424px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px;\n      background-color: ",";\n    }\n    .modal__header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: ",";\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n      padding: 0 1.5rem;\n      font-size: 20px;\n      line-height: 30px;\n      p {\n        cursor: pointer;\n      }\n    }\n    .modal__body {\n      padding: 1rem 1.5rem;\n      position: relative;\n      .draggable_element {\n        display: flex;\n        align-items: center;\n        &:hover,\n        &:active {\n          .icon {\n            visibility: visible;\n            color: ",";\n          }\n        }\n      }\n      .draggable__handle {\n        width: 30px;\n        .icon {\n          display: block;\n          visibility: hidden;\n        }\n      }\n      .draggable__checkbox {\n        margin-bottom: 6px;\n      }\n    }\n    .modal__footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 1.5rem 1.5rem;\n      border-top: 1px solid ",";\n      font-size: 14px;\n      line-height: 21px;\n      .buttons__container {\n        a {\n          &:first-child {\n            margin-right: 1rem;\n          }\n        }\n      }\n    }\n  "])),e&&E(Dl||(Dl=an(["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "],["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "]))),t.blue[500],t.white[100],t.white[100],t.grey[50],t.grey[150],t.grey[100])})),es=function(n){var e=n.localProperties,t=n.onDragEnd,r=n.propertiesDisplayHandler;return h.createElement(J,{onDragEnd:t},h.createElement(G,{droppableId:"droppable"},(function(n,t){return h.createElement("div",tn({},n.droppableProps,{ref:n.innerRef,style:(o=t.isDraggingOver,{position:"relative",backgroundColor:o?Aa.grey[50]:""})}),e.map((function(n,e){return h.createElement(Q,{key:n.id,draggableId:n.id,index:e,isDragDisabled:0===e},(function(t,o){return h.createElement("div",tn({className:"draggable_element",ref:t.innerRef},t.draggableProps,t.dragHandleProps,{style:(i=t.draggableProps.style,tn({userSelect:"none",padding:"0.5rem 0 0.5rem 0",outline:"none"},i))}),h.createElement("div",{className:"draggable__handle"},h.createElement(Qt,{icon:m,className:"icon"})),h.createElement("div",{className:"draggable__checkbox"},h.createElement(ko,{isDisabled:Boolean(n.deactivateActive)||0===e,text:n.label,value:n.active,onClick:function(){r(n.id)}})));var i}))})),n.placeholder);var o})))},ts=function(n){function t(e){var t=n.call(this,e)||this;t.propertiesDisplayHandler=function(n){var e=t.state.localProperties.map((function(e){return e.id===n?tn(tn({},e),{active:"checked"===e.active?"unchecked":"checked"}):e}));t.setState({localProperties:e})},t.onDragEnd=function(n,e){var r=t.state.localProperties,o=n.destination,i=n.source;if(n.destination&&o){var a=function(n,e,t){var r=Array.from(n),o=r.splice(e,1)[0];return r.splice(t,0,o),r}(r,i.index,o.index);t.setState({localProperties:a})}},t.resetProperties=function(){var n=t.props.properties.map((function(n){return tn(tn({},n),{active:"checked"})}));n=K.orderBy(n,"position","asc"),t.setState({localProperties:n})};var r=t.props.properties;return t.state={localProperties:on([],r,!0)},t}return en(t,n),t.prototype.render=function(){var n=this,t=this.props,r=t.close,o=t.modifyControlledPropertiesHandler,i=t.properties,a=t.show,l=t.title,c=this.state.localProperties;return h.createElement(ns,{show:a},h.createElement("div",{className:"modal__container"},h.createElement("div",{className:"modal__header"},h.createElement("div",null,l),h.createElement("div",null,h.createElement("p",{onClick:r},h.createElement(Qt,{icon:e})))),h.createElement("div",{className:"modal__body"},h.createElement(es,{onDragEnd:this.onDragEnd,localProperties:this.state.localProperties,propertiesDisplayHandler:this.propertiesDisplayHandler})),h.createElement("div",{className:"modal__footer"},h.createElement("div",null,h.createElement("p",{className:"link",onClick:this.resetProperties},"Reimposta")),h.createElement("div",{className:"buttons__container"},h.createElement(Ar,{text:"Annulla",color:"grey",size:"large",onClick:function(){n.setState({localProperties:i}),r()}}),h.createElement(Ar,{text:"Applica",size:"large",onClick:function(){o(c),r()}})))))},t}(b),rs=k.tr(Sl||(Sl=an(["\n  height: 49px;\n"],["\n  height: 49px;\n"]))),os=function(n){return h.createElement(h.Fragment,null,function(){for(var e=[],t=[],r=0;r<n.elmentsNumber;r++){t.splice(0,t.length),t.push(h.createElement("td",{key:"tr-"+r+"-td-0"}));for(var o=0;o<n.propsNumber;o++)t.push(h.createElement("td",{key:"tr-"+r+"-td-"+(o+1)},h.createElement("div",{className:"linear-background"})));t.push(h.createElement("td",{key:"tr-"+r+"-td-"+t.length})),e.push(h.createElement(rs,{key:"tr-"+r},t))}return e}())},is=function(n){var e=n.currentPage,t=Math.ceil(n.listSize/n.pageSize);e>t&&(e=t);var r=K.range(e-3,e+4),o=!1;return n.currentPage>1&&Boolean(n.prevPageAction)&&n.listSize&&(o=!0),h.createElement("div",{className:"pagination"},h.createElement("div",{onClick:function(){n.prevPageAction&&o&&n.prevPageAction()},className:"pagination__element "+(o?"":"deactivated")},"Indietro"),r.includes(1)?null:h.createElement(h.Fragment,null,h.createElement("div",{onClick:function(){n.changePageAction(1)},className:"pagination__element "+(1===n.currentPage?"selected":null)},"1"),r[0]-1!=1?h.createElement("div",{className:"pagination__element"},"..."):null),r.map((function(r,o){return r>0&&r<=t?h.createElement("div",{key:o,onClick:function(){n.changePageAction(r)},className:"pagination__element "+(r===e?"selected":null)},r):null})),r.includes(t)?null:h.createElement(h.Fragment,null,t-r[r.length-1]!=1?h.createElement("div",{className:"pagination__element"},"..."):null,h.createElement("div",{onClick:function(){n.changePageAction(t)},className:"pagination__element "+(n.currentPage===t?"selected":null)},t)),h.createElement("div",{onClick:function(){n.nextPageAction&&n.currentPage<t&&n.nextPageAction()},className:"pagination__element "+(n.nextPageAction&&n.currentPage>=t?"deactivated":"")},"Avanti"))},as=k(function(n){function e(e){var t=n.call(this,e)||this;t.handleSelection=function(n){var e=t.props,r=e.selectedList,o=e.selectionCallback;r&&o&&(r.includes(n)?o(r.filter((function(e){return e!==n}))):o(on(on([],r,!0),[n],!1)))},t.handleSelectAll=function(n){var e=t.props,r=e.data,o=e.selectedList,i=e.selectionCallback;if(o){var a=on([],o,!0);n.target.checked?r.forEach((function(n){o.includes(n.id)||a.push(n.id)})):r.forEach((function(n){a=a.filter((function(e){return e!==n.id}))})),i&&i(a)}},t.handleSortOnProperty=function(n,e){var r=t.state.propertiesFilter;if(K.find(r,{id:n})){var o=r.map((function(t){return t.id===n?tn(tn({},t),{type:t.type!==e&&e}):t}));t.setState({propertiesFilter:on([],o,!0)})}else{var i={id:n,type:e};t.setState({propertiesFilter:on(on([],r,!0),[i],!1)})}},t.modifyControlledPropertiesHandler=function(n){!function(n,e){var t,r,o,i;if(e){var a=localStorage.getItem(Nc);if(a){var l=JSON.parse(a),c=tn(tn({},l),((t={})[Ic]=tn(tn({},l[Ic]),((r={})[e]=n,r)),t));localStorage.setItem(Nc,JSON.stringify(c))}else(o={})[Ic]=((i={})[e]=n,i),c=o,localStorage.setItem(Nc,JSON.stringify(c))}}(n,t.props.persistencyId),t.setState({controlledProperties:n})},t.handlePopUpVisibility=function(n){t.setState({currentActionsPopUp:n})};var r=Bc(e.persistencyId),o=r?function(n,e){return e.map((function(e){return tn(tn({},e),n.find((function(n){return n.id===e.id})))}))}(e.properties,r):e.properties.map((function(n,e){return tn(tn({},n),{active:"checked",position:e})}));return t.state={propertiesFilter:[],showModalCustomize:!1,controlledProperties:o},t}return en(e,n),e.prototype.render=function(){var n=this,e=this.state,t=e.controlledProperties,r=e.propertiesFilter,o=e.showModalCustomize,i=this.state.currentActionsPopUp,a=this.props,l=a.actions,c=a.className,s=a.customizeModalTitle,p=a.data,d=a.listSize,u=a.pageSize,f=this.props,m=f.nextPageAction,g=f.prevPageAction,x=this.props,b=x.changePageAction,y=x.currentPage,v=this.props,w=v.disableSelection,_=v.isLoading,k=v.renderMobileRow,E=v.selectedList,T=this.props,C=T.emptySetAction,z=T.emptySetIcon,F=T.emptySetText,D=T.emptySetTitle,A=r.filter((function(n){return n.type})),P=A.map((function(n){return n.id})),S=A.map((function(n){return n.type})),O=!_;return E&&d>0?p.forEach((function(n){E.includes(n.id)||(O=!1)})):O=!1,h.createElement("div",{className:c},window.innerWidth<=Oc?h.createElement(Vc,{listSize:d,isLoading:_,data:p,renderMobileRow:k}):void 0,window.innerWidth>Oc?h.createElement(h.Fragment,null,h.createElement("table",null,h.createElement(Uc,{isLoading:_,allChecked:O,setShowModalCustomizeTrue:function(){return n.setState({showModalCustomize:!0})},handleSelectAll:this.handleSelectAll,controlledProperties:t,propertiesFilter:r,handleSortOnProperty:this.handleSortOnProperty,actions:l,disableSelection:w}),h.createElement("tbody",null,d&&!_?K.orderBy(p,P,S).map((function(e,r){return h.createElement($c,{key:r,selectedList:E,element:e,index:r,handleSelection:n.handleSelection,controlledProperties:t,actions:l,handlePopUpVisibility:n.handlePopUpVisibility,currentActionsPopUp:i,disableSelection:w})})):null,_?h.createElement(os,{elmentsNumber:u,propsNumber:t.length}):null)),d<=0&&!_&&D?h.createElement("div",{className:"pageEmptySet__container"},h.createElement(Cc,{icon:z,title:D,text:F,action:C})):null,d?h.createElement(is,{changePageAction:b,nextPageAction:m,prevPageAction:g,currentPage:y,pageSize:u,listSize:d}):null,h.createElement(ts,{show:o,close:function(){n.setState({showModalCustomize:!1})},title:s,properties:t,modifyControlledPropertiesHandler:this.modifyControlledPropertiesHandler})):null)},e}(b))(jl||(jl=an(["\n  table {\n    overflow-x: scroll;\n    width: 100%;\n    white-space: nowrap;\n    border-spacing: 0;\n    table-layout: auto;\n    position: relative;\n  }\n\n  td,\n  th {\n    text-align: left;\n    padding: 0.5rem;\n    font-size: 14px;\n    line-height: 24px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  td {\n    &:last-child,\n    &:nth-last-child(2) {\n      width: 1px;\n    }\n  }\n\n  ","\n\n  input[type='checkbox'] {\n    cursor: pointer;\n  }\n\n  .table__value {\n    white-space: normal;\n    a {\n      color: ",";\n      text-decoration: none;\n      cursor: pointer;\n    }\n  }\n\n  .filter__active {\n  }\n  .filter__disabled {\n    opacity: 0.5;\n  }\n\n  .pagination {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin-top: 2rem;\n  }\n\n  ","\n\n  .pageEmptySet__container {\n    margin-top: calc("," * 2);\n  }\n"],["\n  table {\n    overflow-x: scroll;\n    width: 100%;\n    white-space: nowrap;\n    border-spacing: 0;\n    table-layout: auto;\n    position: relative;\n  }\n\n  td,\n  th {\n    text-align: left;\n    padding: 0.5rem;\n    font-size: 14px;\n    line-height: 24px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  td {\n    &:last-child,\n    &:nth-last-child(2) {\n      width: 1px;\n    }\n  }\n\n  ","\n\n  input[type='checkbox'] {\n    cursor: pointer;\n  }\n\n  .table__value {\n    white-space: normal;\n    a {\n      color: ",";\n      text-decoration: none;\n      cursor: pointer;\n    }\n  }\n\n  .filter__active {\n  }\n  .filter__disabled {\n    opacity: 0.5;\n  }\n\n  .pagination {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin-top: 2rem;\n  }\n\n  ","\n\n  .pageEmptySet__container {\n    margin-top: calc("," * 2);\n  }\n"])),(function(n){var e=n.disableSelection,t=n.isHeaderFixed,r=n.isLoading,o=n.theme.palette;return E(Rl||(Rl=an(["\n    thead {\n      th {\n        ","\n        z-index: 3;\n        border-bottom: 2px solid ",";\n        background-color: ",";\n        color: ",";\n        font-weight: 500;\n        border-right: 2px solid ",";\n\n        ","\n        &:last-child {\n          cursor: pointer;\n          color: ",";\n        }\n        &:last-child,\n        &:nth-last-child(2) {\n          width: 1px;\n          padding: 0 1rem;\n        }\n\n        div {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        &.selected {\n          background-color: ",";\n          &:hover {\n            background-color: ",";\n          }\n        }\n        ","\n        ","\n      }\n    }\n  "],["\n    thead {\n      th {\n        ","\n        z-index: 3;\n        border-bottom: 2px solid ",";\n        background-color: ",";\n        color: ",";\n        font-weight: 500;\n        border-right: 2px solid ",";\n\n        ","\n        &:last-child {\n          cursor: pointer;\n          color: ",";\n        }\n        &:last-child,\n        &:nth-last-child(2) {\n          width: 1px;\n          padding: 0 1rem;\n        }\n\n        div {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        &.selected {\n          background-color: ",";\n          &:hover {\n            background-color: ",";\n          }\n        }\n        ","\n        ","\n      }\n    }\n  "])),t&&E(Ol||(Ol=an(["\n          position: sticky;\n          top: 0;\n        "],["\n          position: sticky;\n          top: 0;\n        "]))),o.grey[200],o.grey[50],o.grey[500],o.grey[100],!e&&E(Nl||(Nl=an(["\n          &:first-child {\n            width: 20px;\n            border-right: 0;\n          }\n        "],["\n          &:first-child {\n            width: 20px;\n            border-right: 0;\n          }\n        "]))),o.black,o.yellow[50],o.yellow[100],!r&&E(Il||(Il=an(["\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          &:hover {\n            background-color: ",";\n          }\n        "])),o.grey[100]),!e&&E(Bl||(Bl=an(["\n          &:first-child {\n            width: 20px;\n          }\n        "],["\n          &:first-child {\n            width: 20px;\n          }\n        "]))))}),(function(n){return n.theme.palette.blue[500]}),(function(n){var e=n.theme.palette;return E(Ll||(Ll=an(["\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ",";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ",";\n        background-color: ",";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n    /* Loading animation */\n    ","\n  "],["\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ",";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ",";\n        background-color: ",";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n    /* Loading animation */\n    ","\n  "])),e.grey[700],e.white[100],e.grey[700],E(fl||(fl=an(["\n  .linear-background {\n    *,\n    ::after,\n    ::before {\n      box-sizing: border-box;\n    }\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n    margin-bottom: 0;\n    background-color: ",";\n    border-radius: 4px;\n    padding: 8px;\n\n    &::before {\n      content: ' ';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 50%;\n      z-index: 1;\n      width: 500%;\n      margin-left: -250%;\n      animation: phAnimation 2s linear infinite;\n      background: linear-gradient(\n        to right,\n        "," 46%,\n        "," 50%,\n        "," 54%\n      );\n    }\n\n    > * {\n      flex: 1 1 auto;\n      display: flex;\n      flex-flow: column;\n      padding-right: (8px / 2);\n      padding-left: (8px / 2);\n    }\n\n    @keyframes phAnimation {\n      0% {\n        transform: translate3d(-30%, 0, 0);\n      }\n      100% {\n        transform: translate3d(30%, 0, 0);\n      }\n    }\n  }\n"],["\n  .linear-background {\n    *,\n    ::after,\n    ::before {\n      box-sizing: border-box;\n    }\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n    margin-bottom: 0;\n    background-color: ",";\n    border-radius: 4px;\n    padding: 8px;\n\n    &::before {\n      content: ' ';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 50%;\n      z-index: 1;\n      width: 500%;\n      margin-left: -250%;\n      animation: phAnimation 2s linear infinite;\n      background: linear-gradient(\n        to right,\n        "," 46%,\n        "," 50%,\n        "," 54%\n      );\n    }\n\n    > * {\n      flex: 1 1 auto;\n      display: flex;\n      flex-flow: column;\n      padding-right: (8px / 2);\n      padding-left: (8px / 2);\n    }\n\n    @keyframes phAnimation {\n      0% {\n        transform: translate3d(-30%, 0, 0);\n      }\n      100% {\n        transform: translate3d(30%, 0, 0);\n      }\n    }\n  }\n"])),(function(n){return n.theme.palette.grey[100]}),(function(n){return n.theme.palette.grey[100]}),(function(n){return n.theme.palette.white[100]}),(function(n){return n.theme.palette.grey[100]})))}),ir),ls=function(n){return h.createElement(as,tn({},n))},cs=k.span(Hl||(Hl=an(["\n  background: ",";\n  width: 100%;\n  height: 4px;\n  margin-top: 6px;\n\n  color: ",";\n\n  &:hover {\n    color: ",";\n  }\n"],["\n  background: ",";\n  width: 100%;\n  height: 4px;\n  margin-top: 6px;\n\n  color: ",";\n\n  &:hover {\n    color: ",";\n  }\n"])),(function(n){var e=n.active,t=n.theme;return e?t.palette.primary[500]:"transparent"}),(function(n){var e=n.active,t=n.theme;return e?t.palette.primary[500]:t.palette.grey[500]}),(function(n){var e=n.active,t=n.theme;return e?t.palette.primary[500]:t.palette.grey[900]})),ss=k.span(Ml||(Ml=an(["\n  font-family: 'Inter UI', sans-serif;\n  font-style: normal;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n\n  align-items: center;\n  display: flex;\n\n  color: ",";\n\n  &:hover {\n    color: ",";\n  }\n"],["\n  font-family: 'Inter UI', sans-serif;\n  font-style: normal;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n\n  align-items: center;\n  display: flex;\n\n  color: ",";\n\n  &:hover {\n    color: ",";\n  }\n"])),(function(n){var e=n.active,t=n.theme;return e?t.palette.primary[500]:t.palette.grey[500]}),(function(n){var e=n.active,t=n.theme;return e?t.palette.primary[500]:t.palette.grey[900]})),ps=function(n){var e=n.active,t=n.handleClick,r=n.tabRef,o=n.text;return h.createElement(ds,{ref:null==r?void 0:r(),onClick:t},h.createElement(ss,{active:e},o),h.createElement(cs,{active:e}))},ds=k.div(Ul||(Ul=an(["\n  cursor: pointer;\n  flex-shrink: 0;\n  position: relative;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n"],["\n  cursor: pointer;\n  flex-shrink: 0;\n  position: relative;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n"]))),us=k.div(Vl||(Vl=an(["\n  box-sizing: border-box;\n  height: 31px;\n  alignment-baseline: baseline;\n  display: flex;\n  white-space: nowrap;\n  margin-top: 3px;\n  width: 100%;\n\n  ",";\n\n  & > *:first-child {\n    padding-left: ","px;\n  }\n\n  & > *:last-child {\n    padding-right: ","px;\n  }\n\n  & > * + * {\n    margin-left: ","px;\n  }\n"],["\n  box-sizing: border-box;\n  height: 31px;\n  alignment-baseline: baseline;\n  display: flex;\n  white-space: nowrap;\n  margin-top: 3px;\n  width: 100%;\n\n  ",";\n\n  & > *:first-child {\n    padding-left: ","px;\n  }\n\n  & > *:last-child {\n    padding-right: ","px;\n  }\n\n  & > * + * {\n    margin-left: ","px;\n  }\n"])),(function(n){return n.hidden&&E(Wl||(Wl=an(["\n      visibility: hidden;\n      position: absolute;\n    "],["\n      visibility: hidden;\n      position: absolute;\n    "])))}),(function(n){return n.lateralPadding}),(function(n){return n.lateralPadding}),(function(n){return n.distance})),fs=k(us)(Xl||(Xl=an(["\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n"],["\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n"]))),ms=function(n){var e=n.active;return h.createElement(ps,{active:e,text:h.createElement(gs,{icon:W,fixedWidth:!0})})},gs=k(Qt)(ql||(ql=an(["\n  height: 21px;\n"],["\n  height: 21px;\n"]))),hs=function(n){var e=n.active,t=n.tabs,r=y((function(){return h.createElement(ms,{active:e})}),[e]),o=y((function(n){return h.createElement(h.Fragment,null,t.map((function(e,t){var r=e.active,o=e.handleClick,i=e.text;return h.createElement(lo.Item,{key:t,text:i,active:r,onClick:function(){o&&o(),n()}})})))}),[t]);return h.createElement(xs,{placement:"bottom-end",fullWidth:!0,renderTrigger:r,renderContent:o})},xs=k(lo)(Kl||(Kl=an(["\n  display: block;\n"],["\n  display: block;\n"]))),bs=function(n){var e=n.className,t=n.distance,r=void 0===t?15:t,o=n.lateralPadding,i=void 0===o?23:o,a=n.tabs,l=function(){var n=N(),e=n[0],t=n[1].width,r=w(0),o=r[0],i=r[1];return I((function(){return i(t)}),250,[t]),{elementsWrapperRef:e,wrapperWidth:o}}(),c=l.elementsWrapperRef,s=l.wrapperWidth,p=w(0)[1],d=a.length,u=x((function(){return Array.from(Array(d),(function(){return h.createRef()}))}),[d]),f=x((function(){return u.map((function(n){return function(){return p((function(n){return n+1})),n}}))}),[u]),m=function(n){var e=n.distance,t=n.lateralPadding,r=n.tabsLength,o=n.tabsRefs,i=n.wrapperWidth;return x((function(){for(var n,a=0,l=i-2*t;a!==r&&l>0;){var c=null===(n=o[a].current)||void 0===n?void 0:n.offsetWidth;c&&l-(c+e)>0?(a++,l-=c+e):l=-1}return{visibleCount:a}}),[e,t,r,o,i])}({distance:r,tabsLength:d,wrapperWidth:s,tabsRefs:u,lateralPadding:i}).visibleCount,g=x((function(){return a.map((function(n,e){return h.createElement(ps,tn({key:e,tabRef:f[e]},n))}))}),[a,u]),b=x((function(){return a.slice(0,m).map((function(n,e){return h.createElement(ps,tn({key:e},n))}))}),[a,m]),y=x((function(){return a.slice(m)}),[a,m]),v=0!==y.length,_=y.some((function(n){return n.active})),k=0===s;return h.createElement(h.Fragment,null,h.createElement(ys,{className:e,distance:r,lateralPadding:i,hidden:!k},g),h.createElement(us,{className:e,distance:r,lateralPadding:i,hidden:k,ref:c},b,v&&h.createElement(hs,{active:_,tabs:y})))},ys=k(fs)(Jl||(Jl=an(["\n  overflow-x: hidden;\n"],["\n  overflow-x: hidden;\n"]))),vs=function(n){var e=n.className,t=n.distance,r=void 0===t?15:t,o=n.lateralPadding,i=void 0===o?23:o,a=n.tabs,l=x((function(){return a.map((function(n,e){return h.createElement(ps,tn({key:e},n))}))}),[a]);return h.createElement(fs,{className:e,distance:r,lateralPadding:i},l)},ws=function(n){var e=n.children,t=n.theme;return h.createElement(z,{theme:t},h.createElement(h.Fragment,null,e))},_s=k.div(Gl||(Gl=an(["\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 16px;\n  color: ",";\n  background-color: ",";\n  border-radius: 100px;\n"],["\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 16px;\n  color: ",";\n  background-color: ",";\n  border-radius: 100px;\n"])),(function(n){return n.theme.palette.white[100]}),(function(n){return n.theme.palette.primary[400]})),ks=k.span(Ql||(Ql=an(["\n  margin-right: 8px;\n  font-size: 20px;\n"],["\n  margin-right: 8px;\n  font-size: 20px;\n"]))),Es=k.span(Yl||(Yl=an(["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  white-space: nowrap;\n"],["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  white-space: nowrap;\n"]))),Ts=k.div(Zl||(Zl=an(["\n  margin-left: 32px;\n  line-height: 20px;\n  & :hover {\n    cursor: pointer;\n    color: ",";\n  }\n"],["\n  margin-left: 32px;\n  line-height: 20px;\n  & :hover {\n    cursor: pointer;\n    color: ",";\n  }\n"])),(function(n){return n.theme.palette.white[100]})),Cs={icon:e},zs=function(n){var e=n.className,t=n.closeIcon,r=n.leftIcon,o=n.onClose,i=n.renderCloseIcon,a=n.text;return h.createElement(_s,{className:e},r&&h.createElement(ks,null,h.createElement(Qt,tn({},r))),h.createElement(Es,null,a),o&&h.createElement(Ts,{onClick:o},i?i():h.createElement(Qt,tn({},t||Cs,{fixedWidth:!0}))))},Fs={icon:Y},Ds=function(n){var e=n.shortcut,t=n.text,r=rn(n,["shortcut","text"]);return h.createElement(zs,tn({text:h.createElement(h.Fragment,null,t," ",h.createElement("b",null,e)),leftIcon:Fs},r))},As=k.div($l||($l=an(["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: 16px;\n  margin-top: 16px;\n  text-align: center;\n"],["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: 16px;\n  margin-top: 16px;\n  text-align: center;\n"]))),Ps=k(Qt)(nc||(nc=an(["\n  vertical-align: sub;\n"],["\n  vertical-align: sub;\n"]))),Ss=k.div(ec||(ec=an(["\n  display: inline-block;\n  height: 24px;\n  margin-left: 8px;\n  margin-right: 16px;\n  margin-top: 16px;\n  font-weight: 500;\n  width: 256px;\n"],["\n  display: inline-block;\n  height: 24px;\n  margin-left: 8px;\n  margin-right: 16px;\n  margin-top: 16px;\n  font-weight: 500;\n  width: 256px;\n"]))),Os=k.div(tc||(tc=an(["\n  display: block;\n  margin: 4px 16px 16px 48px;\n  line-height: 21px;\n  font-weight: 400;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: clip;\n"],["\n  display: block;\n  margin: 4px 16px 16px 48px;\n  line-height: 21px;\n  font-weight: 400;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: clip;\n"]))),Ns=k.div(rc||(rc=an(["\n  display: inline-block;\n  height: 21px;\n  float: right;\n  margin-right: -1px;\n  cursor: pointer;\n"],["\n  display: inline-block;\n  height: 21px;\n  float: right;\n  margin-right: -1px;\n  cursor: pointer;\n"]))),Is=k.div(oc||(oc=an(["\n  min-height: 56px;\n  line-height: 24px;\n  font-size: 14px;\n  user-select: none;\n"],["\n  min-height: 56px;\n  line-height: 24px;\n  font-size: 14px;\n  user-select: none;\n"]))),Bs=k.label(ic||(ic=an(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"]))),Rs={standard:"dark",error:"error",info:"info",warning:"warning",success:"success"},Ls={dark:g,error:r,info:o,warning:r,success:i},js=function(n){return h.createElement(Is,null,h.createElement(As,null,h.createElement(Ps,tn({},n.icon,{fixedWidth:!0}))),h.createElement(Ss,null,n.title,h.createElement(Ns,null,h.createElement(Bs,{onClick:n.onActionClick},n.actionLabel))),h.createElement(Os,null,n.content))},Hs=function(n,e){var t,r=e.type?Rs[e.type]:"dark",o=void 0===e.autoClose?3e3:e.autoClose,i=e.icon||{icon:Ls[r]},a=(null===(t=e.icon)||void 0===t?void 0:t.size)||"1x",l=tn(tn({},i),{size:a}),c=Z[r](h.createElement(js,{title:n,content:e.content,icon:l,actionLabel:e.actionLabel,onActionClick:e.onActionClick}),{autoClose:o,closeButton:!1});if(c)return String(c)},Ms={Container:k($).attrs({hideProgressBar:!0,newestOnTop:!0,closeOnClick:!1,draggable:!1,rtl:!1})(ac||(ac=an(["\n  &.Toastify__toast-container {\n    z-index: 20000;\n    -webkit-transform: translate3d(0, 0, 9999px);\n    position: fixed;\n    padding: 0px;\n    width: 320px;\n    box-sizing: border-box;\n    color: #fff;\n  }\n  &.Toastify__toast-container--top-left {\n    top: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--top-center {\n    top: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--top-right {\n    top: 1em;\n    right: 1em;\n  }\n  &.Toastify__toast-container--bottom-left {\n    bottom: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--bottom-center {\n    bottom: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--bottom-right {\n    bottom: 1em;\n    right: 1em;\n  }\n\n  @media only screen and (max-width: 480px) {\n    &.Toastify__toast-container {\n      width: 100vw;\n      padding: 0;\n      left: 0;\n      margin: 0;\n    }\n    &.Toastify__toast-container--top-left,\n    &.Toastify__toast-container--top-center,\n    &.Toastify__toast-container--top-right {\n      top: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--bottom-left,\n    &.Toastify__toast-container--bottom-center,\n    &.Toastify__toast-container--bottom-right {\n      bottom: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--rtl {\n      right: 0;\n      left: initial;\n    }\n  }\n  .Toastify__toast {\n    position: relative;\n    min-height: 56px;\n    box-sizing: border-box;\n    margin-bottom: 1rem;\n    border-radius: 1px;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    max-height: 800px;\n    overflow: hidden;\n    cursor: pointer;\n    direction: ltr;\n  }\n  .Toastify__toast--rtl {\n    direction: rtl;\n  }\n  .Toastify__toast--dark {\n    background: #091e42;\n    border-radius: 4px;\n  }\n  .Toastify__toast--default {\n    background: #fff;\n    color: #aaa;\n  }\n  .Toastify__toast--info {\n    background: #0052cc;\n    border-radius: 4px;\n  }\n  .Toastify__toast--success {\n    background: #00875a;\n    border-radius: 4px;\n  }\n  .Toastify__toast--warning {\n    background: #ff991f;\n    border-radius: 4px;\n  }\n  .Toastify__toast--error {\n    background: #de350b;\n    border-radius: 4px;\n  }\n  .Toastify__toast-body {\n    margin: auto 0;\n    -ms-flex: 1 1 auto;\n    flex: 1 1 auto;\n  }\n\n  @media only screen and (max-width: 480px) {\n    .Toastify__toast {\n      margin-bottom: 0;\n    }\n  }\n  .Toastify__close-button {\n    color: #fff;\n    background: transparent;\n    outline: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0.7;\n    transition: 0.3s ease;\n    -ms-flex-item-align: start;\n    align-self: flex-start;\n  }\n  .Toastify__close-button--default {\n    color: #000;\n    opacity: 0.3;\n  }\n  .Toastify__close-button > svg {\n    fill: currentColor;\n    height: 16px;\n    width: 14px;\n  }\n  .Toastify__close-button:hover,\n  .Toastify__close-button:focus {\n    opacity: 1;\n  }\n\n  @keyframes Toastify__trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\n    }\n  }\n  .Toastify__progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    z-index: 20000;\n    opacity: 0.7;\n    background-color: rgba(255, 255, 255, 0.7);\n    transform-origin: left;\n  }\n  .Toastify__progress-bar--animated {\n    animation: Toastify__trackProgress linear 1 forwards;\n  }\n  .Toastify__progress-bar--controlled {\n    transition: transform 0.2s;\n  }\n  .Toastify__progress-bar--rtl {\n    right: 0;\n    left: initial;\n    transform-origin: right;\n  }\n  .Toastify__progress-bar--default {\n    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  }\n  .Toastify__progress-bar--dark {\n    background: #bb86fc;\n  }\n  @keyframes Toastify__bounceInRight {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(-25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(-5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutRight {\n    20% {\n      opacity: 1;\n      transform: translate3d(-20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInLeft {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(-3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(-10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutLeft {\n    20% {\n      opacity: 1;\n      transform: translate3d(20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(-2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInUp {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(0, 3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    75% {\n      transform: translate3d(0, 10px, 0);\n    }\n    90% {\n      transform: translate3d(0, -5px, 0);\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceOutUp {\n    20% {\n      transform: translate3d(0, -10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, 20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, -2000px, 0);\n    }\n  }\n  @keyframes Toastify__bounceInDown {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, -3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, 25px, 0);\n    }\n    75% {\n      transform: translate3d(0, -10px, 0);\n    }\n    90% {\n      transform: translate3d(0, 5px, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutDown {\n    20% {\n      transform: translate3d(0, 10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, 2000px, 0);\n    }\n  }\n  .Toastify__bounce-enter--top-left,\n  .Toastify__bounce-enter--bottom-left {\n    animation-name: Toastify__bounceInLeft;\n  }\n  .Toastify__bounce-enter--top-right,\n  .Toastify__bounce-enter--bottom-right {\n    animation-name: Toastify__bounceInRight;\n  }\n  .Toastify__bounce-enter--top-center {\n    animation-name: Toastify__bounceInDown;\n  }\n  .Toastify__bounce-enter--bottom-center {\n    animation-name: Toastify__bounceInUp;\n  }\n\n  .Toastify__bounce-exit--top-left,\n  .Toastify__bounce-exit--bottom-left {\n    animation-name: Toastify__bounceOutLeft;\n  }\n  .Toastify__bounce-exit--top-right,\n  .Toastify__bounce-exit--bottom-right {\n    animation-name: Toastify__bounceOutRight;\n  }\n  .Toastify__bounce-exit--top-center {\n    animation-name: Toastify__bounceOutUp;\n  }\n  .Toastify__bounce-exit--bottom-center {\n    animation-name: Toastify__bounceOutDown;\n  }\n\n  @keyframes Toastify__zoomIn {\n    from {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n  @keyframes Toastify__zoomOut {\n    from {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    to {\n      opacity: 0;\n    }\n  }\n  .Toastify__zoom-enter {\n    animation-name: Toastify__zoomIn;\n  }\n\n  .Toastify__zoom-exit {\n    animation-name: Toastify__zoomOut;\n  }\n\n  @keyframes Toastify__flipIn {\n    from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n    to {\n      transform: perspective(400px);\n    }\n  }\n  @keyframes Toastify__flipOut {\n    from {\n      transform: perspective(400px);\n    }\n    30% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      opacity: 1;\n    }\n    to {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      opacity: 0;\n    }\n  }\n  .Toastify__flip-enter {\n    animation-name: Toastify__flipIn;\n  }\n\n  .Toastify__flip-exit {\n    animation-name: Toastify__flipOut;\n  }\n\n  @keyframes Toastify__slideInRight {\n    from {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInLeft {\n    from {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInUp {\n    from {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInDown {\n    from {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutRight {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutLeft {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutDown {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n  @keyframes Toastify__slideOutUp {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n  .Toastify__slide-enter--top-left,\n  .Toastify__slide-enter--bottom-left {\n    animation-name: Toastify__slideInLeft;\n  }\n  .Toastify__slide-enter--top-right,\n  .Toastify__slide-enter--bottom-right {\n    animation-name: Toastify__slideInRight;\n  }\n  .Toastify__slide-enter--top-center {\n    animation-name: Toastify__slideInDown;\n  }\n  .Toastify__slide-enter--bottom-center {\n    animation-name: Toastify__slideInUp;\n  }\n\n  .Toastify__slide-exit--top-left,\n  .Toastify__slide-exit--bottom-left {\n    animation-name: Toastify__slideOutLeft;\n  }\n  .Toastify__slide-exit--top-right,\n  .Toastify__slide-exit--bottom-right {\n    animation-name: Toastify__slideOutRight;\n  }\n  .Toastify__slide-exit--top-center {\n    animation-name: Toastify__slideOutUp;\n  }\n  .Toastify__slide-exit--bottom-center {\n    animation-name: Toastify__slideOutDown;\n  }\n\n  /*# sourceMappingURL=ReactToastify.css.map */\n"],["\n  &.Toastify__toast-container {\n    z-index: 20000;\n    -webkit-transform: translate3d(0, 0, 9999px);\n    position: fixed;\n    padding: 0px;\n    width: 320px;\n    box-sizing: border-box;\n    color: #fff;\n  }\n  &.Toastify__toast-container--top-left {\n    top: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--top-center {\n    top: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--top-right {\n    top: 1em;\n    right: 1em;\n  }\n  &.Toastify__toast-container--bottom-left {\n    bottom: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--bottom-center {\n    bottom: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--bottom-right {\n    bottom: 1em;\n    right: 1em;\n  }\n\n  @media only screen and (max-width: 480px) {\n    &.Toastify__toast-container {\n      width: 100vw;\n      padding: 0;\n      left: 0;\n      margin: 0;\n    }\n    &.Toastify__toast-container--top-left,\n    &.Toastify__toast-container--top-center,\n    &.Toastify__toast-container--top-right {\n      top: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--bottom-left,\n    &.Toastify__toast-container--bottom-center,\n    &.Toastify__toast-container--bottom-right {\n      bottom: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--rtl {\n      right: 0;\n      left: initial;\n    }\n  }\n  .Toastify__toast {\n    position: relative;\n    min-height: 56px;\n    box-sizing: border-box;\n    margin-bottom: 1rem;\n    border-radius: 1px;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    max-height: 800px;\n    overflow: hidden;\n    cursor: pointer;\n    direction: ltr;\n  }\n  .Toastify__toast--rtl {\n    direction: rtl;\n  }\n  .Toastify__toast--dark {\n    background: #091e42;\n    border-radius: 4px;\n  }\n  .Toastify__toast--default {\n    background: #fff;\n    color: #aaa;\n  }\n  .Toastify__toast--info {\n    background: #0052cc;\n    border-radius: 4px;\n  }\n  .Toastify__toast--success {\n    background: #00875a;\n    border-radius: 4px;\n  }\n  .Toastify__toast--warning {\n    background: #ff991f;\n    border-radius: 4px;\n  }\n  .Toastify__toast--error {\n    background: #de350b;\n    border-radius: 4px;\n  }\n  .Toastify__toast-body {\n    margin: auto 0;\n    -ms-flex: 1 1 auto;\n    flex: 1 1 auto;\n  }\n\n  @media only screen and (max-width: 480px) {\n    .Toastify__toast {\n      margin-bottom: 0;\n    }\n  }\n  .Toastify__close-button {\n    color: #fff;\n    background: transparent;\n    outline: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0.7;\n    transition: 0.3s ease;\n    -ms-flex-item-align: start;\n    align-self: flex-start;\n  }\n  .Toastify__close-button--default {\n    color: #000;\n    opacity: 0.3;\n  }\n  .Toastify__close-button > svg {\n    fill: currentColor;\n    height: 16px;\n    width: 14px;\n  }\n  .Toastify__close-button:hover,\n  .Toastify__close-button:focus {\n    opacity: 1;\n  }\n\n  @keyframes Toastify__trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\n    }\n  }\n  .Toastify__progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    z-index: 20000;\n    opacity: 0.7;\n    background-color: rgba(255, 255, 255, 0.7);\n    transform-origin: left;\n  }\n  .Toastify__progress-bar--animated {\n    animation: Toastify__trackProgress linear 1 forwards;\n  }\n  .Toastify__progress-bar--controlled {\n    transition: transform 0.2s;\n  }\n  .Toastify__progress-bar--rtl {\n    right: 0;\n    left: initial;\n    transform-origin: right;\n  }\n  .Toastify__progress-bar--default {\n    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  }\n  .Toastify__progress-bar--dark {\n    background: #bb86fc;\n  }\n  @keyframes Toastify__bounceInRight {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(-25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(-5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutRight {\n    20% {\n      opacity: 1;\n      transform: translate3d(-20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInLeft {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(-3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(-10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutLeft {\n    20% {\n      opacity: 1;\n      transform: translate3d(20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(-2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInUp {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(0, 3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    75% {\n      transform: translate3d(0, 10px, 0);\n    }\n    90% {\n      transform: translate3d(0, -5px, 0);\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceOutUp {\n    20% {\n      transform: translate3d(0, -10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, 20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, -2000px, 0);\n    }\n  }\n  @keyframes Toastify__bounceInDown {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, -3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, 25px, 0);\n    }\n    75% {\n      transform: translate3d(0, -10px, 0);\n    }\n    90% {\n      transform: translate3d(0, 5px, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutDown {\n    20% {\n      transform: translate3d(0, 10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, 2000px, 0);\n    }\n  }\n  .Toastify__bounce-enter--top-left,\n  .Toastify__bounce-enter--bottom-left {\n    animation-name: Toastify__bounceInLeft;\n  }\n  .Toastify__bounce-enter--top-right,\n  .Toastify__bounce-enter--bottom-right {\n    animation-name: Toastify__bounceInRight;\n  }\n  .Toastify__bounce-enter--top-center {\n    animation-name: Toastify__bounceInDown;\n  }\n  .Toastify__bounce-enter--bottom-center {\n    animation-name: Toastify__bounceInUp;\n  }\n\n  .Toastify__bounce-exit--top-left,\n  .Toastify__bounce-exit--bottom-left {\n    animation-name: Toastify__bounceOutLeft;\n  }\n  .Toastify__bounce-exit--top-right,\n  .Toastify__bounce-exit--bottom-right {\n    animation-name: Toastify__bounceOutRight;\n  }\n  .Toastify__bounce-exit--top-center {\n    animation-name: Toastify__bounceOutUp;\n  }\n  .Toastify__bounce-exit--bottom-center {\n    animation-name: Toastify__bounceOutDown;\n  }\n\n  @keyframes Toastify__zoomIn {\n    from {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n  @keyframes Toastify__zoomOut {\n    from {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    to {\n      opacity: 0;\n    }\n  }\n  .Toastify__zoom-enter {\n    animation-name: Toastify__zoomIn;\n  }\n\n  .Toastify__zoom-exit {\n    animation-name: Toastify__zoomOut;\n  }\n\n  @keyframes Toastify__flipIn {\n    from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n    to {\n      transform: perspective(400px);\n    }\n  }\n  @keyframes Toastify__flipOut {\n    from {\n      transform: perspective(400px);\n    }\n    30% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      opacity: 1;\n    }\n    to {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      opacity: 0;\n    }\n  }\n  .Toastify__flip-enter {\n    animation-name: Toastify__flipIn;\n  }\n\n  .Toastify__flip-exit {\n    animation-name: Toastify__flipOut;\n  }\n\n  @keyframes Toastify__slideInRight {\n    from {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInLeft {\n    from {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInUp {\n    from {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInDown {\n    from {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutRight {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutLeft {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutDown {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n  @keyframes Toastify__slideOutUp {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n  .Toastify__slide-enter--top-left,\n  .Toastify__slide-enter--bottom-left {\n    animation-name: Toastify__slideInLeft;\n  }\n  .Toastify__slide-enter--top-right,\n  .Toastify__slide-enter--bottom-right {\n    animation-name: Toastify__slideInRight;\n  }\n  .Toastify__slide-enter--top-center {\n    animation-name: Toastify__slideInDown;\n  }\n  .Toastify__slide-enter--bottom-center {\n    animation-name: Toastify__slideInUp;\n  }\n\n  .Toastify__slide-exit--top-left,\n  .Toastify__slide-exit--bottom-left {\n    animation-name: Toastify__slideOutLeft;\n  }\n  .Toastify__slide-exit--top-right,\n  .Toastify__slide-exit--bottom-right {\n    animation-name: Toastify__slideOutRight;\n  }\n  .Toastify__slide-exit--top-center {\n    animation-name: Toastify__slideOutUp;\n  }\n  .Toastify__slide-exit--bottom-center {\n    animation-name: Toastify__slideOutDown;\n  }\n\n  /*# sourceMappingURL=ReactToastify.css.map */\n"]))),show:Hs,dismiss:function(n){Z.dismiss(n)},success:function(n,e){return Hs(n,tn(tn({},e),{type:"success"}))},error:function(n,e){return Hs(n,tn(tn({},e),{type:"error"}))},info:function(n,e){return Hs(n,tn(tn({},e),{type:"info"}))},warning:function(n,e){return Hs(n,tn(tn({},e),{type:"warning"}))},standard:function(n,e){return Hs(n,tn(tn({},e),{type:"standard"}))}};export{cr as Accordion,hi as AsyncCreatableSelect,gi as AsyncSelect,dr as Avatar,fr as Badge,gr as Banner,Ar as Button,ko as Checkbox,Br as Chip,kc as ConfirmationModal,mi as CreatableSelect,Hr as Drawer,lo as Dropdown,bs as DropdownTabs,Ii as GroupedList,Qt as Icon,qt as IconBackground,Pr as IconButton,Qi as InlineMessage,fo as InputHelper,Wo as InputText,ca as MicroTag,dc as Modal,Na as ModalBody,uc as ModalSearchable,Cc as PageEmptySet,Dc as Pagination,Sc as Progressbar,Hi as RadioButton,Mi as RadioButtonGroup,vs as ScrollableTabs,fi as Select,Ds as ShortcutTip,ta as SidebarItem,ha as Stepper,ls as Table,_a as Tag,Ei as TextArea,ws as ThemeProvider,zs as Tip,Ms as Toast,za as Tooltip,so as WithBadge,ea as sidebarItemHeight,Co as useCheckboxValue,Xo as useSelectMultiValues,Vo as useSelectValue};
+//# sourceMappingURL=index.esm.js.map