prp-ui-components/dist/index.js

Package for use components of Pratica Plataforms

var React = require('react');
var md = require('react-icons/md');
var im = require('react-icons/im');
var lodash = require('lodash');
var xlsx = require('xlsx');

function _interopNamespaceDefault(e) {
    var n = Object.create(null);
    if (e) {
        Object.keys(e).forEach(function (k) {
            if (k !== 'default') {
                var d = Object.getOwnPropertyDescriptor(e, k);
                Object.defineProperty(n, k, d.get ? d : {
                    enumerable: true,
                    get: function () { return e[k]; }
                });
            }
        });
    }
    n.default = e;
    return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);

/******************************************************************************
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.
***************************************************************************** */
/* global Reflect, Promise, SuppressedError, Symbol */


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 __spreadArray(to, from, pack) {
    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
        if (ar || !(i in from)) {
            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
            ar[i] = from[i];
        }
    }
    return to.concat(ar || Array.prototype.slice.call(from));
}

typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
    var e = new Error(message);
    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
};

function styleInject(css, ref) {
  if ( ref === void 0 ) ref = {};
  var insertAt = ref.insertAt;

  if (!css || typeof document === 'undefined') { return; }

  var head = document.head || document.getElementsByTagName('head')[0];
  var style = document.createElement('style');
  style.type = 'text/css';

  if (insertAt === 'top') {
    if (head.firstChild) {
      head.insertBefore(style, head.firstChild);
    } else {
      head.appendChild(style);
    }
  } else {
    head.appendChild(style);
  }

  if (style.styleSheet) {
    style.styleSheet.cssText = css;
  } else {
    style.appendChild(document.createTextNode(css));
  }
}

var css_248z$p = ".a{fill:none}";
styleInject(css_248z$p);

var EmailIcon = function () {
    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "10 15 35 15", fill: "#004992" },
        React__namespace.createElement("g", { transform: "translate(-1603 -7423)" },
            React__namespace.createElement("rect", { className: "a", width: "50", height: "40", transform: "translate(1603 7423)" }),
            React__namespace.createElement("path", { d: "M25.5,6H5.5A2.5,2.5,0,0,0,3.012,8.5L3,23.5A2.507,2.507,0,0,0,5.5,26h20A2.507,2.507,0,0,0,28,23.5V8.5A2.507,2.507,0,0,0,25.5,6Zm0,5-10,6.25L5.5,11V8.5l10,6.25,10-6.25Z", transform: "translate(1612.5 7427)" }))));
};

var css_248z$o = ".a{fill:none}";
styleInject(css_248z$o);

var PinIcon = function () {
    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "50", height: "40", viewBox: "14 10 21 20" },
        React__namespace.createElement("g", { fill: '#194883', transform: "translate(-1605 -7403)" },
            React__namespace.createElement("rect", { className: "a", width: "50", height: "40", transform: "translate(1605 7403)" }),
            React__namespace.createElement("path", { d: "M17.3,3a9.793,9.793,0,0,0-9.8,9.8c0,7.35,9.8,18.2,9.8,18.2s9.8-10.85,9.8-18.2A9.793,9.793,0,0,0,17.3,3Zm0,13.3a3.5,3.5,0,1,1,3.5-3.5A3.5,3.5,0,0,1,17.3,16.3Z", transform: "translate(1612.7 7406)" }))));
};

var css_248z$n = ".a{fill:none}";
styleInject(css_248z$n);

var WhatsappIcon = function () {
    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "10 15 35 15", fill: "#048243" },
        React__namespace.createElement("g", { transform: "translate(-1603 -7423)" },
            React__namespace.createElement("rect", { className: "a", width: "50", height: "40", transform: "translate(1603 7423)" }),
            React__namespace.createElement("path", { d: "M21.256,5.883a12.392,12.392,0,0,0-19.5,14.95L0,27.25l6.568-1.724a12.351,12.351,0,0,0,5.921,1.507h.006A12.508,12.508,0,0,0,25,14.644a12.437,12.437,0,0,0-3.744-8.761ZM12.494,24.945a10.278,10.278,0,0,1-5.246-1.434l-.374-.223-3.9,1.021,1.038-3.8-.246-.391a10.317,10.317,0,1,1,19.135-5.474,10.412,10.412,0,0,1-10.413,10.3Zm5.647-7.712c-.307-.156-1.83-.9-2.115-1s-.491-.156-.7.156-.8,1-.982,1.217-.363.234-.67.078A8.426,8.426,0,0,1,9.464,14c-.318-.547.318-.508.91-1.691a.574.574,0,0,0-.028-.541c-.078-.156-.7-1.68-.954-2.3-.251-.6-.508-.519-.7-.53s-.385-.011-.592-.011a1.147,1.147,0,0,0-.826.385,3.478,3.478,0,0,0-1.083,2.584,6.064,6.064,0,0,0,1.261,3.2,13.832,13.832,0,0,0,5.29,4.676c1.964.848,2.734.921,3.717.776a3.17,3.17,0,0,0,2.087-1.473,2.589,2.589,0,0,0,.179-1.473C18.655,17.462,18.449,17.384,18.142,17.233Z", transform: "translate(1615.5 7428.25)" }))));
};

var css_248z$m = ".button-sm{border-radius:4px;font-size:12px;height:32px!important}.button-md{font-size:14px;height:36px!important}.button-lg{font-size:14px;height:40px!important}.button-lg,.button-md,.button-sm{align-items:center;border-radius:6px;display:flex;font-weight:400;justify-content:center;margin:0;outline:none!important;padding:0 5px;text-align:center;text-transform:uppercase;width:100%}.button-standard{background:#f8f9fa 0 0 no-repeat padding-box;box-shadow:0 0 3px #334;color:#004992;font-weight:500;width:100%}.button-standard:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-outline{background-color:transparent;border:1px solid #004992;color:#004992;font-weight:700}.button-outline:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-whatsApp{background-color:transparent;border:1px solid #048243;color:#048243}.button-whatsApp:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-email{background-color:transparent;border:1px solid #004992;color:#004992}.button-email:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-search{border:1px solid #194883;color:#194883}.button-search img{height:20px;margin:0 7px 0 0;width:15px}.button-cancellation{background:transparent;border:1px solid;color:#c21618}.button-cancellation:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-cancellation-gradient{background:transparent linear-gradient(180deg,#e54529,#c21618) 0 0 no-repeat padding-box;color:#f8f9fa}.button-cancellation-gradient:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-confirmation{background:#2f72cf;color:#f8f9fa}.button-confirmation:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-confirmation-solid{background:#004687 0 0 no-repeat padding-box;color:#f8f9fa}.button-confirmation-solid:disabled{background:#7c7c7c!important;border:none;cursor:not-allowed}.button-confirmation-gradient{background:transparent linear-gradient(180deg,#5daeff,#2f72cf) 0 0 no-repeat padding-box;color:#f8f9fa}.button-confirmation-gradient:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-dark{border:1px solid #f8f9fa}.button-dark:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-outline-dark{background-color:transparent;border:1px solid #767676;color:#767676}.button-outline-dark:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-outline-highlight{border:1px solid #5daeff;color:#5daeff}.button-outline-highlight:disabled{background:#7c7c7c!important;border:none;color:#f8f9fa;cursor:not-allowed}.button-confirmation-radius{background-color:#5776b7;border:2px solid transparent;border-radius:21px;color:#fff;font-weight:700;letter-spacing:-.3px;margin:5px;padding:7px 42px;text-align:center;transition:color .2s,background-color .2s}.button-confirmation-radius:hover{background-color:transparent;border:2px solid #5776b7;color:#5776b7}@media only screen and (max-width:480px){.button-confirmation-radius{flex-basis:100%;font-size:14px}}";
styleInject(css_248z$m);

var Button = function (_a) {
    var variant = _a.variant, title = _a.title, size = _a.size, icon = _a.icon, _b = _a.isLoading, isLoading = _b === void 0 ? false : _b, rest = __rest(_a, ["variant", "title", "size", "icon", "isLoading"]);
    var handleIcon = function (icon) {
        switch (icon) {
            case 'whatsApp':
                return React__namespace.createElement(WhatsappIcon, null);
            case 'e-mail':
                return React__namespace.createElement(EmailIcon, null);
            case 'pin':
                return React__namespace.createElement(PinIcon, null);
            default:
                return '';
        }
    };
    return (React__namespace.createElement("button", __assign({ className: "button-".concat(variant, " button-").concat(size), disabled: isLoading }, rest),
        handleIcon(icon),
        title));
};

var css_248z$l = ".checkbox-zero-height{display:flex;height:15px;width:15px}.checkbox-zero-height input[type=checkbox]{appearance:none}.checkbox-format-round input[type=checkbox]:before{border-radius:8px;height:17px;left:-2px;top:-2px;width:17px}.checkbox-format-round input[type=checkbox]:checked:after{height:10px;left:5px;top:1px;width:4px}.checkbox-format-square input[type=checkbox]:before{border-radius:3px;height:15px;left:0;top:-1px;width:15px}.checkbox-format-square input[type=checkbox]:checked:after{height:10px;left:5px;top:1px;width:5px}.checkbox-variant-blue input[type=checkbox],.checkbox-variant-standard input[type=checkbox]{cursor:pointer;margin-right:7px;position:relative}.checkbox-variant-blue input[type=checkbox]:before,.checkbox-variant-standard input[type=checkbox]:before{background-color:#fff;border:1px solid #025cb7;content:\"\";display:block;position:absolute}.checkbox-variant-standard input[type=checkbox]:checked:after{border:solid #025cb7;border-width:0 2px 2px 0;content:\"\";display:block;position:absolute;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.checkbox-variant-blue input[type=checkbox]:checked:before{background-color:#004687;border:1px solid #025cb7;content:\"\";display:block;position:absolute}.checkbox-variant-blue input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:\"\";display:block;position:absolute;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.checkbox-variant-gray input[type=checkbox]:checked:before{background-color:#d5cece;border:1px solid #bab6b6;content:\"\";display:block;position:absolute}.checkbox-variant-gray input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:\"\";display:block;position:absolute;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.checkbox-variant-gray input[type=checkbox]{cursor:pointer;margin-right:7px;position:relative}.checkbox-variant-gray input[type=checkbox]:before{background-color:#fff;border:1px solid #9a9898;content:\"\";display:block;position:absolute}";
styleInject(css_248z$l);

var CheckBox = function (_a) {
    var variant = _a.variant, format = _a.format, rest = __rest(_a, ["variant", "format"]);
    return (React__namespace.createElement("div", { className: "checkbox-zero-height checkbox-variant-".concat(variant, " checkbox-format-").concat(format) },
        React__namespace.createElement("input", __assign({ type: "checkbox" }, rest))));
};

var css_248z$k = ".divider-component{align-items:center;display:flex;height:14px;width:100%}.divider-component .divider-component-text{color:#025cb7!important;font-size:.75rem!important;font-weight:500!important;text-overflow:ellipsis;text-transform:uppercase!important;white-space:nowrap;width:auto!important}.divider-component .divider-component-line{border-bottom:1.6px solid #025cb7;overflow:hidden;white-space:nowrap;width:100%}.device-mobile .divider-component .divider-component-text{overflow:visible}.device-mobile .divider-component .divider-component-line{visibility:visible}";
styleInject(css_248z$k);

var Divider = function (_a) {
    var title = _a.title, _b = _a.side, side = _b === void 0 ? 'left' : _b, rest = __rest(_a, ["title", "side"]);
    return (React__namespace.createElement("div", __assign({ className: "divider-component", style: { flexDirection: side === 'left' ? 'row' : 'row-reverse' } }, rest),
        React__namespace.createElement("span", { className: "divider-component-text", style: side === 'left' ? { marginRight: '10px' } : { marginLeft: '10px' }, title: title }, title),
        React__namespace.createElement("div", { className: "divider-component-line" })));
};

var css_248z$j = ".a{fill:none}";
styleInject(css_248z$j);

var Wind = function (_a) {
    var width = _a.width, height = _a.height;
    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 592 204" },
        React__namespace.createElement("g", { "clip-path": "url(#clip0_2397_113)" },
            React__namespace.createElement("path", { opacity: "0.349", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M452.5 -0.5C453.167 -0.5 453.833 -0.5 454.5 -0.5C454.833 0.833333 455.167 0.833333 455.5 -0.5C456.833 -0.5 458.167 -0.5 459.5 -0.5C462.406 1.91502 463.073 4.91502 461.5 8.5C459.363 7.1319 457.03 6.1319 454.5 5.5C453.628 3.5504 452.961 1.5504 452.5 -0.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.33", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M408.5 21.5C410.893 23.7617 411.06 26.4284 409 29.5C407 30.8333 405 30.8333 403 29.5C402.333 30.1667 401.667 30.8333 401 31.5C400.675 29.4473 401.009 27.4473 402 25.5C404.301 24.2401 406.468 22.9067 408.5 21.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.362", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M501.5 29.5C504.078 32.8963 507.578 35.2296 512 36.5C513.664 39.2893 513.83 42.1227 512.5 45C514.464 47.3122 514.797 49.8122 513.5 52.5C511.889 51.6798 511.222 50.3464 511.5 48.5C501.078 48.9016 496.911 43.9016 499 33.5C499.662 32.0161 500.496 30.6828 501.5 29.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.356", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M269.5 35.5C272.814 36.6637 276.148 37.8304 279.5 39C281.094 41.8141 282.261 44.6474 283 47.5C280.958 46.7146 278.958 47.048 277 48.5C275.933 47.8095 274.766 47.3095 273.5 47C271.177 43.5541 269.843 39.7207 269.5 35.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.334", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M-0.5 59.5002C0.675044 59.2812 1.67504 59.6145 2.5 60.5002C3.83333 63.1669 5.16667 65.8335 6.5 68.5002C5.75792 69.287 4.92458 69.9537 4 70.5002C2.47576 68.1021 0.97576 65.7688 -0.5 63.5002C-0.5 62.1669 -0.5 60.8335 -0.5 59.5002Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.289", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M332.5 60.5C336.167 60.5 339.833 60.5 343.5 60.5C343.5 61.5 343.5 62.5 343.5 63.5C339.802 63.5524 336.135 63.8857 332.5 64.5C332.5 63.1667 332.5 61.8333 332.5 60.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.309", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M353.5 60.5C356.728 61.4137 360.061 61.7471 363.5 61.5C363.5 62.8333 363.5 64.1667 363.5 65.5C359.881 64.7564 356.215 64.423 352.5 64.5C352.433 63.0413 352.766 61.7079 353.5 60.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.315", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M317.5 62.4999C320.364 62.0641 322.697 62.8974 324.5 64.9999C321.141 65.7712 317.808 66.6046 314.5 67.4999C313.713 66.7578 313.047 65.9245 312.5 64.9999C314.175 64.0146 315.842 63.1813 317.5 62.4999Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.33", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M373.5 63.5C376.802 64.2937 380.135 64.9604 383.5 65.5C383.5 66.5 383.5 67.5 383.5 68.5C380.126 68.3256 376.793 67.8256 373.5 67C372.316 65.8545 372.316 64.6879 373.5 63.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.331", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M302.5 67.5C304.687 68.0485 305.354 69.2152 304.5 71C302.06 72.3034 299.56 73.47 297 74.5C294.8 74.107 294.3 73.107 295.5 71.5C298.059 70.3924 300.392 69.0591 302.5 67.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.329", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M392.5 68.5C395.55 69.2946 398.55 70.2946 401.5 71.5C402.386 72.325 402.719 73.325 402.5 74.5C399.053 74.1857 395.72 73.3524 392.5 72C391.829 71.0138 391.829 69.8471 392.5 68.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.314", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M284.5 76.5C287.173 76.6845 287.84 77.8511 286.5 80C284.06 81.3034 281.56 82.47 279 83.5C276.8 83.107 276.3 82.107 277.5 80.5C280.059 79.3924 282.392 78.0591 284.5 76.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.309", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M411.5 75.5C414.967 77.0672 418.3 78.9005 421.5 81C420.953 81.9246 420.287 82.7579 419.5 83.5C416.833 82.1667 414.167 80.8333 411.5 79.5C410.374 78.1916 410.374 76.8583 411.5 75.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.325", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.5 77.5C10.5922 77.5614 12.0922 78.5614 13 80.5C14.1667 82.3333 15.3333 84.1667 16.5 86C14.1684 87.982 12.335 87.482 11 84.5C9.58859 82.3496 8.75526 80.0163 8.5 77.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.332", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M428.5 85.5C432.202 87.0236 435.536 89.1903 438.5 92C437.667 92.8333 436.833 93.6667 436 94.5C433.167 92.3333 430.333 90.1667 427.5 88C428.252 87.3292 428.586 86.4959 428.5 85.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.351", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M266.5 86.5C267.5 86.5 268.5 86.5 269.5 86.5C269.67 87.8221 269.337 88.9887 268.5 90C265.751 91.1227 263.251 92.6227 261 94.5C259.422 93.2887 259.255 91.9554 260.5 90.5C262.565 89.1433 264.565 87.81 266.5 86.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.357", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M463.5 93.5C465.686 101.129 463.019 106.463 455.5 109.5C453.075 108.692 450.742 107.692 448.5 106.5C449.86 102.95 451.86 99.7832 454.5 97C457.79 96.2751 460.79 95.1084 463.5 93.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.355", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.5002 93.5C23.3945 94.8823 25.8945 96.8823 28.0002 99.5C28.6989 101.074 28.3656 102.407 27.0002 103.5C24.6669 101.167 22.3335 98.8333 20.0002 96.5C19.5306 95.4232 19.6973 94.4232 20.5002 93.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.338", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M249.5 96.5C251.686 96.5106 252.519 97.5106 252 99.5C249.552 101.998 246.719 103.498 243.5 104C242.549 103.282 242.383 102.449 243 101.5C245.352 99.9697 247.519 98.3031 249.5 96.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.343", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M198.5 103.5C201.035 106.927 200.701 110.427 197.5 114C194.071 116.016 190.738 115.849 187.5 113.5C188.979 111.235 190.313 108.901 191.5 106.5C194.016 105.67 196.35 104.67 198.5 103.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.341", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M520.5 105.5C526.378 106.372 529.378 109.872 529.5 116C529.167 116.833 528.833 117.667 528.5 118.5C525.997 117.036 523.33 115.869 520.5 115C518.83 112.613 517.163 110.279 515.5 108C517.323 108.027 518.99 107.193 520.5 105.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.341", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M34.5 107.5C37.6889 108.514 40.5222 110.18 43 112.5C43.6987 114.074 43.3654 115.407 42 116.5C39.1667 114.333 36.3333 112.167 33.5 110C34.2524 109.329 34.5858 108.496 34.5 107.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.34", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M233.5 107.5C234.627 108.122 235.627 108.955 236.5 110C233.667 112.167 230.833 114.333 228 116.5C227.167 115.667 226.333 114.833 225.5 114C228.42 112.054 231.087 109.887 233.5 107.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.317", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M51.5 118.5C54.5963 119.547 57.5963 120.88 60.5 122.5C61.6869 123.824 61.3535 124.824 59.5 125.5C56.7163 124.608 54.0496 123.442 51.5 122C50.3157 120.855 50.3157 119.688 51.5 118.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.345", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M216.5 120.5C218.346 120.222 219.68 120.889 220.5 122.5C217.833 124.833 215.167 127.167 212.5 129.5C211.713 128.758 211.047 127.925 210.5 127C212.706 124.963 214.706 122.797 216.5 120.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.32", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M69.5001 126.5C73.3875 126.722 77.0541 127.722 80.5001 129.5C80.0005 130.881 79.0005 131.547 77.5001 131.5C75.5001 131 73.5001 130.5 71.5001 130C70.0268 129.29 69.3602 128.124 69.5001 126.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.303", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M156.5 129.5C157.5 129.5 158.5 129.5 159.5 129.5C159.5 130.833 159.5 132.167 159.5 133.5C155.833 133.5 152.167 133.5 148.5 133.5C148.5 132.5 148.5 131.5 148.5 130.5C151.385 130.806 154.052 130.473 156.5 129.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.3", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M168.5 129.5C172.167 129.5 175.833 129.5 179.5 129.5C179.5 130.833 179.5 132.167 179.5 133.5C175.865 132.886 172.198 132.552 168.5 132.5C168.5 131.5 168.5 130.5 168.5 129.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.308", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M89.5 130.5C92.7861 131.207 96.1194 131.54 99.5 131.5C99.762 132.978 99.4287 134.311 98.5 135.5C95.557 134.756 92.557 134.256 89.5 134C88.8288 133.014 88.8288 131.847 89.5 130.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.312", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M188.5 130.5C192.154 130.942 195.821 131.276 199.5 131.5C199.657 132.873 199.49 134.207 199 135.5C196.26 134.718 193.426 134.218 190.5 134C189.027 133.29 188.36 132.124 188.5 130.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.286", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M130.5 131.5C133.5 131.5 136.5 131.5 139.5 131.5C139.5 132.5 139.5 133.5 139.5 134.5C135.865 135.114 132.198 135.448 128.5 135.5C128.527 133.801 129.194 132.467 130.5 131.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.331", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M109.5 132.5C112.833 132.5 116.167 132.5 119.5 132.5C119.5 133.5 119.5 134.5 119.5 135.5C116.167 135.5 112.833 135.5 109.5 135.5C109.5 134.5 109.5 133.5 109.5 132.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.347", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M591.5 131.5C591.5 133.167 591.5 134.833 591.5 136.5C588.756 144.4 584.089 146.233 577.5 142C579.163 139.721 580.83 137.387 582.5 135C585.618 133.978 588.618 132.811 591.5 131.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.345", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M202.5 133.5C203.995 133.415 204.995 134.081 205.5 135.5C203.628 138.582 201.295 141.249 198.5 143.5C197.5 143.167 196.833 142.5 196.5 141.5C198.509 138.804 200.509 136.137 202.5 133.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.328", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M208.5 133.5C212.463 134.072 216.13 135.405 219.5 137.5C219.113 138.72 218.28 139.387 217 139.5C214.276 138.313 211.443 137.647 208.5 137.5C208.5 136.167 208.5 134.833 208.5 133.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.323", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M267.5 137.5C270.368 138.017 273.034 138.35 275.5 138.5C274.218 140.179 273.218 142.013 272.5 144C264.031 147.776 262.364 145.609 267.5 137.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.319", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M227.5 140.5C231.975 140.958 235.142 142.958 237 146.5C236.439 147.022 235.772 147.355 235 147.5C232.262 145.88 229.428 144.38 226.5 143C227.252 142.329 227.586 141.496 227.5 140.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.349", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M470.5 144.5C474.194 145.508 477.861 146.675 481.5 148C482.613 150.621 483.946 153.121 485.5 155.5C479.317 159.228 474.817 157.895 472 151.5C471.56 149.134 471.06 146.801 470.5 144.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.346", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M189.5 149.5C191.103 149.312 192.437 149.812 193.5 151C191.218 153.397 189.884 156.231 189.5 159.5C188.022 159.762 186.689 159.429 185.5 158.5C187.12 155.596 188.453 152.596 189.5 149.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.357", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M244.5 151.5C247.764 152.927 250.264 155.261 252 158.5C252.5 160.667 251.667 161.5 249.5 161C248.023 158.555 246.19 156.388 244 154.5C243.53 153.423 243.697 152.423 244.5 151.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.328", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M387.5 163.5C388.5 163.5 389.5 163.5 390.5 163.5C390.987 170.564 387.653 173.564 380.5 172.5C380.167 172.167 379.833 171.833 379.5 171.5C380.806 170.088 381.64 168.421 382 166.5C383.719 165.131 385.552 164.131 387.5 163.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.311", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M182.5 168.5C183.833 168.5 185.167 168.5 186.5 168.5C186.319 171.397 186.652 174.23 187.5 177C186.991 178.169 186.158 179.002 185 179.5C183.844 175.909 183.011 172.242 182.5 168.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.327", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M254.5 168.5C255.75 168.577 256.583 169.244 257 170.5C257.498 173.482 257.665 176.482 257.5 179.5C256.5 179.5 255.5 179.5 254.5 179.5C254.085 175.713 254.085 172.046 254.5 168.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.333", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M537.5 171.5C539.857 173.321 540.191 175.655 538.5 178.5C536.548 180.533 534.382 180.866 532 179.5C531.333 180.167 530.667 180.833 530 181.5C529.675 179.447 530.009 177.447 531 175.5C533.301 174.24 535.468 172.907 537.5 171.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.338", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M191.5 185.5C194.603 187.423 197.603 189.59 200.5 192C199.953 192.925 199.287 193.758 198.5 194.5C195.567 193.07 193.067 191.07 191 188.5C190.53 187.423 190.697 186.423 191.5 185.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.331", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M251.5 187.5C252.643 187.908 253.643 188.575 254.5 189.5C252.883 192.784 250.55 195.451 247.5 197.5C246.5 197.167 245.833 196.5 245.5 195.5C247.909 193.098 249.909 190.431 251.5 187.5Z", fill: "#A5A5A5" }),
            React__namespace.createElement("path", { opacity: "0.355", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M207.5 196.5C211.678 196.668 215.345 198.002 218.5 200.5C218.167 201.5 217.5 202.167 216.5 202.5C214.205 201.568 211.871 200.735 209.5 200C208.027 199.29 207.36 198.124 207.5 196.5Z", fill: "#A4A4A4" }),
            React__namespace.createElement("path", { opacity: "0.341", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M234.5 203.5C232.167 203.5 229.833 203.5 227.5 203.5C227.5 202.5 227.5 201.5 227.5 200.5C230.841 199.995 234.174 199.828 237.5 200C237.957 200.414 238.291 200.914 238.5 201.5C237.051 202.172 235.718 202.839 234.5 203.5Z", fill: "#A4A4A4" })),
        React__namespace.createElement("defs", null,
            React__namespace.createElement("clipPath", { id: "clip0_2397_113" },
                React__namespace.createElement("rect", { width: "592", height: "204", fill: "white" })))));
};

var css_248z$i = ".empty-main-content{height:100%;left:0;position:relative;top:0;width:100%}.empty-main-content,.empty-main-content .empty-main{align-items:center;display:flex;justify-content:center}.empty-main-content .empty-main{flex-direction:column;height:200px;max-width:100%;width:500px}.empty-main-content .empty-main img{max-width:calc(100% - 40px)}.empty-main-content .empty-main span{font-size:.75rem;font-weight:500;letter-spacing:.3px;margin-top:40px;opacity:.6;text-transform:uppercase}@media screen and (max-width:900px){.empty-main-content .empty-main img{max-width:calc(100% - 60px)}.empty-main-content .empty-main span{font-size:.875rem;margin-top:30px}}";
styleInject(css_248z$i);

var EmptyList = function (_a) {
    var text = _a.text;
    return (React__namespace.createElement("div", { className: "empty-main-content" },
        React__namespace.createElement("div", { className: "empty-main" },
            React__namespace.createElement(Wind, { height: '100%', width: '100%' }),
            React__namespace.createElement("span", null,
                text,
                " :)"))));
};

var css_248z$h = ".generic-table-body{height:100%;max-height:100%;max-width:100%;overflow-y:auto;width:100%}.generic-table-body .generic-table-body-row{align-items:center;background-color:#e5e5e5;cursor:pointer;display:flex;height:35px;justify-content:flex-start;padding-inline:20px}.generic-table-body .generic-table-body-row:hover{background-color:#d0dff0!important}.generic-table-body .generic-table-body-row:nth-child(2n){background-color:transparent}.generic-table-body .generic-table-body-row-data{align-content:center;align-items:center;display:flex;height:100%;padding-right:20px;text-align:left;width:auto}.generic-table-body .generic-table-body-row-data .checkbox-zero-height{margin:0 10px 0 0}.generic-table-body .generic-table-body-row-data span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.generic-table-body .generic-table-body-row-data:last-child{padding-right:0}.generic-table-body .generic-table-body-row-action{display:flex;gap:20px}";
styleInject(css_248z$h);

var GenericTableBody = function (_a) {
    var data = _a.data, columns = _a.columns, _b = _a.onRowClicked, onRowClicked = _b === void 0 ? function () { } : _b;
    return (React__namespace.createElement("div", { className: "generic-table-body" }, data === null || data === void 0 ? void 0 : data.map(function (object, index) { return (React__namespace.createElement("div", { className: "generic-table-body-row", key: object.id || index }, columns.map(function (column, index) { return (React__namespace.createElement("div", { style: { width: column.width, minWidth: column.width }, key: "cell-".concat(index), className: "generic-table-body-row-data ".concat(column.key), onClick: function () {
            if (column.key !== 'action') {
                !column.input && onRowClicked(object);
            }
        } }, column.key !== 'action' ? (React__namespace.createElement(React__namespace.Fragment, null,
        column.checkbox && (React__namespace.createElement(CheckBox, { id: "".concat(column.id), variant: 'blue', format: 'square', checked: column.selected.some(function (item) { return item.id === object.id; }), onChange: function () { } })),
        React__namespace.createElement("span", { title: typeof object[column.key] === 'number' ||
                typeof object[column.key] === 'string'
                ? object[column.key]
                : '' }, object[column.key]))) : (React__namespace.createElement(React__namespace.Fragment, null, object[column.key])))); }))); })));
};

var css_248z$g = ".generic-table-header{display:flex;height:40px;padding:10px 20px;width:100%}.generic-table-header .generic-table-data{align-items:center;display:flex;font-size:.875rem;font-weight:700;height:100%;overflow:hidden;padding-right:20px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.generic-table-header .generic-table-data:last-child,.generic-table-header .status{margin-right:0}";
styleInject(css_248z$g);

var GenericTableHeader = function (_a) {
    var _b = _a.checked, checked = _b === void 0 ? false : _b, columns = _a.columns, onActionRadio = _a.onActionRadio;
    return (React__namespace.createElement("div", { className: "generic-table-header" }, columns.map(function (column) { return (React__namespace.createElement("div", { style: { width: column.width }, className: "generic-table-data ".concat(String(column.key), " "), key: String(column.key), title: ['number', 'string'].includes(typeof (column === null || column === void 0 ? void 0 : column.header))
            ? column === null || column === void 0 ? void 0 : column.header
            : '' }, column.radio ? (React__namespace.createElement(CheckBox, { variant: "blue", format: "square", checked: checked, onChange: function (e) { return onActionRadio && onActionRadio(e.target.checked); } })) : (column.header))); })));
};

var css_248z$f = ".generic-table{color:#333;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow:hidden;width:100%}";
styleInject(css_248z$f);

var GenericTable = function (_a) {
    var _b = _a.data, data = _b === void 0 ? [] : _b, columns = _a.columns, onRowClicked = _a.onRowClicked, onActionRadio = _a.onActionRadio;
    return (React__namespace.createElement("div", { className: "generic-table" },
        React__namespace.createElement(GenericTableHeader, { columns: columns, onActionRadio: onActionRadio, checked: true }),
        (data === null || data === void 0 ? void 0 : data.length) ? (React__namespace.createElement(GenericTableBody, { data: data, columns: columns, onRowClicked: onRowClicked })) : (React__namespace.createElement(EmptyList, { text: "Nenhum resultado encontrado" }))));
};

var css_248z$e = ".a{fill:none}";
styleInject(css_248z$e);

var AlertIcon = function (_a) {
    var fill = _a.fill, width = _a.width, height = _a.height;
    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "14 7 23  27" },
        React__namespace.createElement("g", { transform: "translate(-1603 -7423)", fill: fill },
            React__namespace.createElement("rect", { className: "a", width: "50", height: "40", transform: "translate(1603 7423)" }),
            React__namespace.createElement("path", { d: "M25.563,13.063a12.5,12.5,0,1,1-12.5-12.5A12.5,12.5,0,0,1,25.563,13.063Zm-12.5,2.52A2.319,2.319,0,1,0,15.381,17.9,2.319,2.319,0,0,0,13.063,15.583Zm-2.2-8.334.374,6.855a.6.6,0,0,0,.6.572h2.447a.6.6,0,0,0,.6-.572l.374-6.855a.6.6,0,0,0-.6-.638H11.465A.6.6,0,0,0,10.861,7.249Z", transform: "translate(1615.438 7430.438)" }))));
};

var css_248z$d = ".a{fill:none}";
styleInject(css_248z$d);

var CheckIcon = function (_a) {
    var fill = _a.fill, width = _a.width, height = _a.height;
    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 50 40" },
        React__namespace.createElement("g", { transform: "translate(-352 -8)", fill: fill },
            React__namespace.createElement("rect", { className: "a", width: "50", height: "40", transform: "translate(352 8)" }),
            React__namespace.createElement("path", { d: "M10.189,26.509l-9.75-9.75a1.5,1.5,0,0,1,0-2.121l2.121-2.121a1.5,1.5,0,0,1,2.121,0l6.568,6.568L25.318,5.017a1.5,1.5,0,0,1,2.121,0l2.121,2.121a1.5,1.5,0,0,1,0,2.121l-17.25,17.25A1.5,1.5,0,0,1,10.189,26.509Z", transform: "translate(362 12.237)" }))));
};

var css_248z$c = ".input-light{background:#f2f2f2;border:none;border-radius:6px;color:#333;font-size:.75rem;font-weight:700;height:40px;width:100%}.input-light span{font-weight:300!important;margin-right:5px}.input-light:focus{outline:none}.input-light-normal{background:#f2f2f2;border:none;border-radius:6px;color:#333;font-size:.75rem;font-weight:300;height:40px;padding:0;width:100%}.input-light-normal:focus{outline:none}.input-light-normal-check{background:#f2f2f2;border:none;border-radius:6px;color:#333;font-size:.75rem;font-weight:300;height:40px;padding:0;width:100%}.input-light-normal-check:focus{outline:none}.input-dark{background:#272727;border:none;border-radius:6px;color:#f8f9fa;font-size:.75rem;font-weight:700;height:40px;width:100%}.input-dark:focus{outline:none}.input-container{align-items:center;display:flex;padding:0 7px}.input-container input{background-color:transparent;border:0;height:100%;outline:none;padding:0;width:100%}.input-container span{min-width:14.55px}.input-container .dark,.input-container .light,.input-container .light-normal{display:none!important}.input-container .light-normal-check{cursor:pointer;position:relative;width:40px}.read-only{background-color:transparent}.read-only,.read-only input{cursor:not-allowed}.input-error{background-color:#ffe5e5;border:1px solid #c21618}.input-error span{color:#c21618!important}.input-error input{color:#c21618}.input-error input::placeholder{color:#c21618}.input-error input:focus{box-shadow:0;outline:none}.input-error .container-alert-icon{margin:0 0 0 5px}.span-error-container{position:relative;text-align:left!important}.span-error-container .input-error-span{color:#c21618;font-size:.75rem;font-weight:400!important;margin-top:-15px;position:absolute;word-break:break-all}.span-error-container .input-error-span .container-alert-icon{margin:0 0 0 5px}";
styleInject(css_248z$c);

var Input = React__namespace.forwardRef(function Input(_a, ref) {
    var variant = _a.variant, _b = _a.readOnly, readOnly = _b === void 0 ? false : _b, _c = _a.type, type = _c === void 0 ? 'text' : _c, _d = _a.money, money = _d === void 0 ? false : _d, errors = _a.errors, onValueInput = _a.onValueInput, _e = _a.percentage, percentage = _e === void 0 ? false : _e, _f = _a.icon, icon = _f === void 0 ? true : _f, rest = __rest(_a, ["variant", "readOnly", "type", "money", "errors", "onValueInput", "percentage", "icon"]);
    var _g = React.useState(false), showPass = _g[0], setShowPass = _g[1];
    var handleFieldType = function () {
        return type === 'password' ? (showPass ? 'text' : 'password') : type;
    };
    var showPassToggle = function () {
        setShowPass(!showPass);
    };
    var showPassToggleContent = function () {
        return (type === 'password' && (React__namespace.createElement("div", { onClick: showPassToggle }, !showPass ? React__namespace.createElement(md.MdVisibility, null) : React__namespace.createElement(md.MdVisibilityOff, null))));
    };
    var showCheckIcon = function () {
        return (React__namespace.createElement("div", { className: variant, onClick: onValueInput },
            React__namespace.createElement(CheckIcon, { width: "30", height: "20", fill: "#048243" })));
    };
    var showAlertIcon = function () {
        return (errors &&
            icon && (React__namespace.createElement("div", { className: "container-alert-icon" },
            React__namespace.createElement(AlertIcon, { width: "20", height: "20", fill: "#c21618" }))));
    };
    return (React__namespace.createElement(React__namespace.Fragment, null,
        React__namespace.createElement("div", { className: "input-container input-".concat(variant, " ").concat(errors && 'input-error', " ").concat(readOnly && 'read-only') },
            money && React__namespace.createElement("span", null, "R$"),
            percentage && React__namespace.createElement("span", null, "%"),
            React__namespace.createElement("input", __assign({}, rest, { ref: ref, type: handleFieldType() })),
            showCheckIcon(),
            showAlertIcon(),
            showPassToggleContent()),
        React__namespace.createElement("div", { className: "span-error-container" }, (errors === null || errors === void 0 ? void 0 : errors.message) && (React__namespace.createElement("span", { className: "input-error-span" }, errors.message.toString())))));
});

var InputDate = function (_a) {
    _a.type; var rest = __rest(_a, ["type"]);
    return (React__namespace.createElement("div", { className: "input-date-container" },
        React__namespace.createElement("input", __assign({ type: "date", className: "no-calendar", "data-placeholder": "yyyy-mm-dd" }, rest)),
        React__namespace.createElement(im.ImCalendar, { size: 20, color: " #004687" })));
};

var InputIcon = function (_a) {
    var Icon = _a.icon, _b = _a.size, size = _b === void 0 ? 20 : _b, color = _a.color, children = _a.children;
    return (React__namespace.createElement("div", { className: "input-icon" }, Icon ? React__namespace.createElement(Icon, { size: size, color: color }) : children));
};

var css_248z$b = "input:-webkit-autofill,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #f2f2f2}.input-component{display:flex;flex-direction:column}.input-component input::placeholder{font-weight:500;opacity:.7}.input-component input:disabled{cursor:not-allowed}.input-component input:read-only{cursor:not-allowed}.input-component input[type=number]{-moz-appearance:textfield}.input-component .input-container{align-items:center;border:none;border-radius:6px;column-gap:5px;display:flex;font-size:.75rem;height:40px;padding:0 7px;width:100%}.input-component .input-container input{background-color:transparent!important;border:0;height:100%;outline:none;padding:0;width:100%}.input-component .input-container .dark,.input-component .input-container .light,.input-component .input-container .light-normal{display:none!important}.input-component .input-container .light-normal-check{cursor:pointer;position:relative;width:40px}.input-component label{font-size:.875rem;font-weight:600;margin-bottom:5px}.input-component .input-icon{align-items:center;display:flex;height:40px;justify-content:center;max-height:40px}.input-component .input-icon image,.input-component .input-icon img,.input-component .input-icon svg{max-height:40px}.input-component .input-value span{font-size:.75rem;font-weight:600}.input-component .span-error-container{margin-top:5px;position:relative;text-align:left!important}.input-component .span-error-container .input-error-span{color:#c21618;font-size:.75rem;font-weight:400!important;position:absolute;word-break:break-all}.input-component .span-error-container .input-error-span .container-alert-icon{margin:0 0 0 5px}.input-component .input-error{background-color:#ffe5e5;border:1px solid #c21618}.input-component .input-error span{color:#c21618!important}.input-component .input-error input{color:#c21618}.input-component .input-error input::placeholder{color:#c21618}.input-component .input-error input:focus{box-shadow:0;outline:none}.input-component .input-error .container-alert-icon{margin:0 0 0 5px}.input-component .read-only{background-color:transparent;cursor:not-allowed}.input-component .read-only input{cursor:not-allowed}.input-component .input-light{background:#f2f2f2}.input-component .input-light input{color:#333;font-weight:700}.input-component .input-light:focus{outline:none}.input-component .input-light-normal{background:#f2f2f2}.input-component .input-light-normal input{color:#333;font-weight:300}.input-component .input-light-normal:focus{outline:none}.input-component .input-light-normal-check{background:#f2f2f2}.input-component .input-light-normal-check input{color:#333;font-weight:300}.input-component .input-light-normal-check:focus{outline:none}.input-component .input-dark{background:#272727}.input-component .input-dark input{color:#f8f9fa;font-weight:700}.input-component .input-dark:focus{outline:none}.input-component .input-date-container{align-items:center;display:flex;position:relative;width:100%}.input-component .input-date-container svg{position:absolute;right:0;z-index:0}.input-component .input-date-container .no-calendar{color:transparent;position:relative;text-shadow:0 0 0 #000;width:100%;z-index:1}.input-component .input-date-container .no-calendar::-webkit-calendar-picker-indicator{opacity:0}.input-component .input-date-container .no-calendar:before{color:#999;content:attr(data-placeholder);left:0;pointer-events:none;position:absolute;top:0}.input-component .input-date-container .no-calendar:focus:before,.input-component .input-date-container .no-calendar:valid:before{opacity:0}";
styleInject(css_248z$b);

var InputPassword = function (_a) {
    var rest = __rest(_a, []);
    var _b = React__namespace.useState(false), showPass = _b[0], setShowPass = _b[1];
    var handleFieldType = function () {
        return showPass ? 'text' : 'password';
    };
    var showPassToggle = function () {
        setShowPass(!showPass);
    };
    var showPassToggleContent = function () {
        return (React__namespace.createElement("div", { onClick: showPassToggle }, !showPass ? React__namespace.createElement(md.MdVisibility, null) : React__namespace.createElement(md.MdVisibilityOff, null)));
    };
    return (React__namespace.createElement(React__namespace.Fragment, null,
        React__namespace.createElement("input", __assign({}, rest, { type: handleFieldType() })),
        showPassToggleContent()));
};

var InputPrefix = function (_a) {
    var prefix = _a.prefix;
    return (React__namespace.createElement("div", { className: "input-value" },
        React__namespace.createElement("span", null, prefix)));
};

var InputRoot = function (_a) {
    var _b = _a.variant, variant = _b === void 0 ? 'light' : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, errors = _a.errors, children = _a.children, label = _a.label, rest = __rest(_a, ["variant", "readOnly", "errors", "children", "label"]);
    var enhancedChildren = React__namespace.Children.map(children, function (child) {
        if (React__namespace.isValidElement(child)) {
            return React__namespace.cloneElement(child, __assign({}, rest));
        }
        return child;
    });
    return (React__namespace.createElement("div", { className: "input-component" },
        !!label && React__namespace.createElement("label", null, label),
        React__namespace.createElement("div", { className: "input-container input-".concat(variant, " ").concat(errors && 'input-error', " ").concat(readOnly && 'read-only') }, enhancedChildren),
        React__namespace.createElement("div", { className: "span-error-container" }, (errors === null || errors === void 0 ? void 0 : errors.message) && (React__namespace.createElement("span", { className: "input-error-span" }, errors.message.toString())))));
};

var InputComp = {
    root: InputRoot,
    password: InputPassword,
    icon: InputIcon,
    prefix: InputPrefix,
    date: InputDate,
};

var css_248z$a = ".loading-main-content{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loading-main-content .loading-main{align-items:center;display:flex;flex-direction:column;justify-content:center;width:420px}.loading-main-content .loading-main span{font-size:1rem;font-weight:500;letter-spacing: