@fattureincloud/fic-design-system 0.3.23-alpha.0 → 0.3.23

package/dist/index.js

@@ -1 +1,3771 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("@fortawesome/pro-solid-svg-icons"),e=require("react"),t=require("styled-components"),r=require("@fortawesome/react-fontawesome"),o=require("@fortawesome/pro-regular-svg-icons"),i=require("react-popper"),a=require("react-transition-group"),l=require("react-use"),c=require("react-select"),s=require("react-select/async"),d=require("react-select/async-creatable"),u=require("react-select/creatable"),p=require("@fortawesome/pro-light-svg-icons"),f=require("react-modal"),m=require("lodash/range"),g=require("lodash"),h=require("react-beautiful-dnd"),x=require("@fortawesome/pro-duotone-svg-icons"),b=require("react-toastify");function y(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var v=y(e),w=y(t),_=y(c),k=y(s),E=y(d),C=y(u),T=y(f),z=y(m),S=y(g),D=function(n,e){return D=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])},D(n,e)};function F(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}D(n,e),n.prototype=null===e?Object.create(e):(t.prototype=e.prototype,new t)}var A=function(){return A=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},A.apply(this,arguments)};function P(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 O(){for(var n=0,e=0,t=arguments.length;e<t;e++)n+=arguments[e].length;var r=Array(n),o=0;for(e=0;e<t;e++)for(var i=arguments[e],a=0,l=i.length;a<l;a++,o++)r[o]=i[a];return r}function N(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var I,B,R,M,L,j,H,U,W,q,V,X,K,J,G,Q,Y,Z,$,nn,en,tn,rn,on,an,ln,cn,sn,dn,un,pn,fn,mn,gn,hn,xn,bn,yn,vn,wn,_n,kn,En,Cn,Tn,zn,Sn,Dn,Fn,An,Pn,On,Nn,In,Bn,Rn,Mn,Ln,jn,Hn,Un,Wn,qn,Vn,Xn,Kn,Jn,Gn,Qn,Yn,Zn,$n,ne,ee,te,re,oe,ie,ae,le,ce,se,de,ue,pe,fe,me,ge,he,xe,be,ye,ve,we,_e,ke,Ee,Ce,Te,ze,Se,De,Fe,Ae,Pe,Oe,Ne,Ie,Be,Re,Me,Le,je,He,Ue,We,qe,Ve,Xe,Ke,Je,Ge,Qe,Ye,Ze,$e,nt,et,tt,rt,ot,it,at,lt,ct,st,dt,ut,pt,ft,mt,gt,ht,xt,bt,yt,vt={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"},wt=w.default.div(I||(I=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"],["\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 vt[e]}),1.5,(function(n){var e=n.size;return vt[e]})),_t={900:"#0028AD",800:"#0038B9",700:"#0041C0",600:"#004BC7",500:"#0052CC",400:"#266CD4",300:"#4D86DB",200:"#80A9E6",100:"#B3CBF0",50:"#E0EAF9"},kt={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:_t,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:_t},Et=(kt.blue[50],kt.indigo[50],kt.yellow[50],kt.orange[50],kt.red[50],kt.green[50],kt.fuchsia[50],kt.pink[50],kt.cyan[50],kt.primary[50],kt.grey[100],kt.white[16],kt.black[16],function(n){var t=n.onClick,r=n.isDisabled,o=P(n,["onClick","isDisabled"]),i=e.useMemo((function(){return r||!t?void 0:function(n){return t(n)}}),[r,t]);return v.default.createElement(Ct,A({},o,{onClick:i}))}),Ct=w.default(r.FontAwesomeIcon).attrs((function(n){var e=n.theme,t=n.color;return t?e.components.icon[t]:{primary:"inherit",secondary:"inherit"}}))(B||(B=N(["\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})),Tt=function(n){return{primary:kt[n][500],secondary:kt[n][200]}},zt=(Tt("blue"),Tt("red"),Tt("green"),Tt("yellow"),Tt("orange"),Tt("primary"),Tt("cyan"),Tt("fuchsia"),Tt("indigo"),Tt("pink"),Tt("grey"),kt.white[100],kt.white[48],kt.black[100],kt.black[48],"4px"),St="8px",Dt="12px",Ft="16px",At="24px",Pt="32px",Ot="64px",Nt=w.default.div(R||(R=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"],["\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]}),Ot,At,Pt,Pt,(function(n){return n.theme.palette.grey[100]}),At),It=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 F(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 v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{className:"header"},v.default.createElement("div",{onClick:this.handleOpenAccordion,className:"header__element pointer chevron"+(l?"":"__closed")},v.default.createElement(Et,{icon:n.faChevronDown})),v.default.createElement("div",{onClick:this.handleOpenAccordion,className:"header__element title pointer"},i?v.default.createElement(v.default.Fragment,null,i()):v.default.createElement("p",null,a)),v.default.createElement("div",{className:"header__element"},o||(null==t?void 0:t.map((function(n,e){return v.default.createElement("span",{className:"action_icon "+(l?"visibile":""),key:e,onClick:n.action},n.icon)}))))),l&&v.default.createElement("div",{className:"body"},r()))},t}(e.Component),Bt={xs:16,s:24,m:32,l:40},Rt={xs:10,s:12,m:14,l:20},Mt=w.default((function(n){return v.default.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]:""}}))(M||(M=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"],["\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 Bt[n.size||"m"]}),(function(n){return Bt[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 Rt[n.size||"m"]})),Lt=w.default.div(L||(L=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"],["\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]})),jt=w.default.div(j||(j=N(["\n  padding: "," ",";\n"],["\n  padding: "," ",";\n"])),zt,St),Ht=w.default.div(U||(U=N(["\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,r=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),o=r.bgColor,i=r.textColor;return t.css(H||(H=N(["\n      background-color: ",";\n      color: ",";\n    "],["\n      background-color: ",";\n      color: ",";\n    "])),o,i)})),Ut=w.default.div(W||(W=N(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"]))),Wt=function(n){var t=n.manualLock,r=void 0!==t&&t,o=n.onClick,i=n.timeMs,a=void 0===i?250:i,l=e.useRef(!0);return e.useCallback((function(n){l.current&&!r&&(l.current=!1,setTimeout((function(){return l.current=!0}),a),null==o||o(n))}),[o,r,a])},qt={large:40,medium:32},Vt=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,d=i||s,u=r||c,p=t?"disabled":e||l,f="primary"===d?"1px solid rgba(9, 30, 66, 0.16)":"",m=t?"default":"pointer",g=o.components.button[d][p];return A({height:qt[u],border:f,cursor:m},g)},Xt=w.default(Et)(q||(q=N(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),Kt=w.default(Xt)(V||(V=N([""],[""]))),Jt=w.default(Xt)(X||(X=N([""],[""]))),Gt=w.default((function(n){var e=n.className;return v.default.createElement("div",{className:e},v.default.createElement(Et,{icon:o.faCircleNotch,spin:!0}))}))(K||(K=N(["\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"]))),Qt=w.default.div(J||(J=N(["\n  display: inline-block;\n  line-height: initial;\n"],["\n  display: inline-block;\n  line-height: initial;\n"]))),Yt=w.default.div(G||(G=N(["\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})),Zt=t.css(Q||(Q=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"],["\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}),Yt,(function(n){return n.height}),Kt,Qt,(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})),$t=w.default.a.attrs(Vt)(Y||(Y=N(["\n  ",";\n\n  text-decoration: none;\n"],["\n  ",";\n\n  text-decoration: none;\n"])),Zt),nr=w.default.div.attrs(Vt)(Z||(Z=N(["\n  ",";\n"],["\n  ",";\n"])),Zt),er=function(n){var t=n.className,r=n.color,o=n.fullWidth,i=void 0!==o&&o,a=n.href,l=n.iconLeft,c=n.iconRight,s=n.isDisabled,d=void 0!==s&&s,u=n.isLoading,p=void 0!==u&&u,f=n.onClick,m=n.size,g=n.target,h=n.text,x=n.type,b=Wt({onClick:f,manualLock:p||d}),y=!d&&p,w=e.useCallback((function(n){return a?v.default.createElement($t,A({},n)):v.default.createElement(nr,A({},n))}),[a]);return v.default.createElement(w,{className:t,size:m,color:r,onClick:b,href:a,type:x,isDisabled:d,fullWidth:i,target:g},v.default.createElement(Yt,{isLoading:y},l&&v.default.createElement(Kt,A({},l)),h&&v.default.createElement(Qt,null,h),c&&v.default.createElement(Jt,A({},c))),y&&v.default.createElement(Gt,null))},tr=(kt.blue[500],kt.blue[700],kt.blue[900],kt.white[100],kt.grey[100],kt.red[500],kt.red[700],kt.red[900],kt.white[100],kt.grey[100],kt.green[500],kt.green[700],kt.green[900],kt.white[100],kt.grey[100],kt.white[100],kt.grey[100],kt.grey[200],kt.black[100],kt.black[100],kt.yellow[500],kt.yellow[700],kt.yellow[900],kt.white[100],kt.grey[100],kt.grey[50],kt.grey[50],kt.grey[50],kt.grey[200],kt.grey[200],kt.blue[50],kt.blue[100],kt.blue[200],kt.blue[900],kt.blue[900],kt.red[50],kt.red[100],kt.red[200],kt.red[900],kt.red[900],kt.green[50],kt.green[100],kt.green[200],kt.green[900],kt.green[900],kt.yellow[50],kt.yellow[100],kt.yellow[200],kt.yellow[900],kt.yellow[900],kt.grey[50],kt.grey[100],kt.grey[200],kt.black[100],kt.black[100],kt.grey[50],kt.grey[50],kt.grey[50],kt.grey[200],kt.grey[200],kt.blue[50],kt.blue[100],kt.blue[500],kt.blue[500],kt.red[50],kt.red[100],kt.red[500],kt.red[500],kt.green[50],kt.green[100],kt.green[500],kt.green[500],kt.grey[50],kt.grey[100],kt.grey[500],kt.grey[500],kt.yellow[50],kt.yellow[100],kt.yellow[500],kt.yellow[500],kt.grey[200],kt.grey[200],w.default.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]}))($||($=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"],["\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}))),rr=(kt.blue[200],kt.blue[500],kt.red[200],kt.red[500],kt.green[200],kt.green[500],kt.yellow[200],kt.yellow[500],kt.grey[200],kt.grey[200],kt.blue[200],kt.white[100],kt.red[200],kt.white[100],kt.green[200],kt.white[100],kt.yellow[200],kt.white[100],kt.grey[200],kt.grey[200],w.default.div(tn||(tn=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"],["\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"])),St,(function(n){var e=n.theme.palette;return t.css(nn||(nn=N(["\n    background-color: ",";\n    color: ",";\n  "],["\n    background-color: ",";\n    color: ",";\n  "])),e.grey[100],e.black[100])}),(function(n){var e=n.statusEdit,r=n.theme.palette;if(e)return t.css(en||(en=N(["\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      "])),r.grey[200],r.grey[300])}))),or=w.default(Et)(rn||(rn=N(["\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"])),St),ir=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return F(t,e),t.prototype.render=function(){var e=this.props,t=e.closeAction,r=e.statusEdit,o=e.text;return v.default.createElement(v.default.Fragment,null,o," ",r?v.default.createElement("div",null,v.default.createElement(or,{icon:n.faTimes,onClick:function(){t&&t()}})):null)},t}(e.Component),ar=w.default.div(ln||(ln=N(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.show,r=n.theme.palette;return t.css(an||(an=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  "],["\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  "])),r.white[100],function(n){return n?t.css(on||(on=N(["\n        transform: translateX(0);\n      "],["\n        transform: translateX(0);\n      "]))):void 0}(e),Ot,Ft,At,r.grey[50],r.grey[100],Ot,Ft,At,At,At,r.grey[100])})),lr=w.default(Et)(cn||(cn=N(["\n    cursor: pointer;\n    &:hover {\n    color: ",";\n"],["\n    cursor: pointer;\n    &:hover {\n    color: ",";\n"])),(function(n){return n.theme.palette.grey[800]})),cr=function(e){function t(n){var t=e.call(this,n)||this;return t.state={},t}return F(t,e),t.prototype.render=function(){var e=this.props,t=e.actionClose,r=e.renderFooter,o=e.renderHeader,i=e.title;return v.default.createElement("div",{className:"drawer"},v.default.createElement("div",{className:"drawer__header"},o?o():v.default.createElement("div",{className:"drawer__header__title"},i),v.default.createElement("div",{className:"drawer__header__actions"},v.default.createElement("span",{onClick:t},v.default.createElement(lr,{icon:n.faTimes})))),v.default.createElement("div",{className:"drawer__body"},this.props.children),r?v.default.createElement("div",{className:"drawer__footer"},r()):null)},t}(e.Component),sr=w.default.span(sn||(sn=N(["\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]})),dr=function(n){var t=n.active,r=n.className,o=n.icon,i=n.onClick,a=n.shortcut,l=n.text,c=n.isDisabled,s=P(n,["active","className","icon","onClick","shortcut","text","isDisabled"]),d=e.useCallback((function(n){return!c&&(null==i?void 0:i(n))}),[c,i]);return v.default.createElement(pr,A({className:r||"",onClick:d,active:!!t,hasAction:!!i,isDisabled:c},s),v.default.createElement(fr,null,o&&v.default.createElement(Et,A({},o)),v.default.createElement(mr,null,l),a&&v.default.createElement(sr,null,a)))},ur=t.css(dn||(dn=N(["\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  &:hover {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.palette.grey[100]})),pr=w.default.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}}))(un||(un=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"],["\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?ur:null})),fr=w.default.div(pn||(pn=N(["\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"]))),mr=w.default.div(fn||(fn=N(["\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"]))),gr=w.default.div(mn||(mn=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"],["\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]})),hr=function(){return v.default.createElement(gr,null)},xr=w.default.div(gn||(gn=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"],["\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]})),br=function(n){var t=n.avatarSize,r=n.img,o=n.noText,i=n.onClick,a=n.placeholder,l=n.renderText,c=n.text,s=e.useMemo((function(){if(c)return c.split(" ").map((function(n){return n[0]})).join("")}),[c]);return v.default.createElement(yr,{clickable:!!i,onClick:i},v.default.createElement(Mt,{image:r,placeholder:a,size:t||"s",initials:s}),v.default.createElement(vr,null,l||(c||o)))},yr=w.default.div(xn||(xn=N(["\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&&t.css(hn||(hn=N(["\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]}))})),vr=w.default.div(bn||(bn=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"],["\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"]))),wr=function(n){var t=n.closeDropdown,r=n.content,o=n.fullWidth,i=n.maxWidth,a=e.useMemo((function(){return r.map((function(n,e){var r=n.onClick,a=P(n,["onClick"]);return v.default.createElement(dr,A({fullWidth:o,maxWidth:i,key:e,onClick:function(n){n.stopPropagation(),null==r||r(n),t()}},a))}))}),[t,r,o,i]);return v.default.createElement(v.default.Fragment,null,a)},_r=function(e){var t=e.title;return v.default.createElement(er,{text:t,iconRight:{icon:n.faChevronDown}})},kr=function(n){var t=n.className,r=n.content,o=n.fullWidth,c=n.maxWidth,s=n.minWidthAsTrigger,d=void 0!==s&&s,u=n.placement,p=void 0===u?"bottom-start":u,f=n.renderContent,m=n.renderTrigger,g=n.triggerStyles,h=n.title,x=n.forceOpen,b=void 0!==x&&x,y=e.useState(!1),w=y[0],_=y[1],k=e.useCallback((function(n){_((function(n){return!n})),n.stopPropagation()}),[]),E=e.useCallback((function(){return _(!1)}),[]);e.useEffect((function(){_(b)}),[b]);var C=e.useRef(null);l.useClickAway(C,(function(){return E()}));var T=e.useRef(null),z=e.useRef(null),S=e.useState(null),D=S[0],F=S[1],P=i.usePopper(z.current,T.current,{placement:p,strategy:"fixed",modifiers:e.useMemo((function(){return[{name:"arrow",options:{element:D}},{name:"offset",enabled:!0,options:{offset:[0,4]}},{name:"minWidthAsTrigger",enabled:d,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"}}]}),[d,D])}),O=P.attributes,N=P.styles;return v.default.createElement(Er,{className:t,ref:C},v.default.createElement("div",{style:g,ref:z,onClick:k},h&&v.default.createElement(_r,{title:h}),!h&&m&&m()),v.default.createElement(a.CSSTransition,{in:b||w,timeout:200,unmountOnExit:!0,appear:!0},v.default.createElement(Sr,null,v.default.createElement(zr,A({ref:T,style:N.popper},O.popper),v.default.createElement("div",{ref:F,style:N.arrow}),v.default.createElement("div",{style:N.offset},r?v.default.createElement(Cr,{fullWidth:o,maxWidth:c},v.default.createElement(wr,{content:r,fullWidth:o,maxWidth:c,closeDropdown:E})):v.default.createElement(Tr,{maxWidth:c},null==f?void 0:f(E)))))))},Er=w.default.div(yn||(yn=N(["\n  display: flex;\n"],["\n  display: flex;\n"]))),Cr=w.default.div(_n||(_n=N(["\n  ",";\n"],["\n  ",";\n"])),(function(n){var e=n.fullWidth,r=n.maxWidth;return r?t.css(vn||(vn=N(["\n          max-width: ",";\n        "],["\n          max-width: ",";\n        "])),r):t.css(wn||(wn=N(["\n          width: ",";\n        "],["\n          width: ",";\n        "])),e?"auto":"200px")})),Tr=w.default.div(En||(En=N(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.maxWidth;return e&&t.css(kn||(kn=N(["\n      max-width: ",";\n    "],["\n      max-width: ",";\n    "])),e)})),zr=w.default.div(Cn||(Cn=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"],["\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]})),Sr=w.default.div(Tn||(Tn=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"],["\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"]))),Dr=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return F(e,n),e.prototype.render=function(){return v.default.createElement(kr,A({},this.props))},e.Item=dr,e.Title=function(n){return e=n,v.default.createElement(xr,null,e.text);var e},e.Separator=hr,e.UserListItem=br,e}(e.Component),Fr=(kt.black[100],kt.blue[50],kt.grey[100],kt.black[100],kt.grey[100],kt.red[500],kt.red[50],kt.green[500],kt.green[50],kt.yellow[500],kt.yellow[50],kt.blue[500],kt.blue[50],w.default.span(On||(On=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"],["\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 t.css(zn||(zn=N(["\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 t.css(Sn||(Sn=N(["\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 t.css(Dn||(Dn=N(["\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 t.css(Fn||(Fn=N(["\n        font-size: 12px;\n        line-height: 15px;\n      "],["\n        font-size: 12px;\n        line-height: 15px;\n      "])));case"large":return t.css(An||(An=N(["\n        font-size: 14px;\n        line-height: 20px;\n      "],["\n        font-size: 14px;\n        line-height: 20px;\n      "])));default:return t.css(Pn||(Pn=N(["\n        font-size: 12px;\n        line-height: 18px;\n      "],["\n        font-size: 12px;\n        line-height: 18px;\n      "])))}}(n.size)}))),Ar=w.default.div(Nn||(Nn=N(["\n  display: inline-block;\n  position: relative;\n"],["\n  display: inline-block;\n  position: relative;\n"]))),Pr=w.default.div(In||(In=N(["\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"]))),Or=function(n){var e=n.status,r=n.message,o=function(n,e){var r=t.useTheme();return e||null===e?e:r.components.inputHelper[n].defaultIcon}(e,n.icon);return v.default.createElement(Ir,{status:e},o&&v.default.createElement(Nr,A({},o)),r)},Nr=w.default(Et)(Bn||(Bn=N(["\n  margin-top: 2px;\n"],["\n  margin-top: 2px;\n"]))),Ir=w.default.div(Rn||(Rn=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"],["\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}),Nr,(function(n){var e=n.theme,t=n.status;return e.components.inputHelper[t].color})),Br=(kt.black[100],kt.grey[100],kt.red[900],kt.red[50],n.faTimesCircle,kt.yellow[900],kt.yellow[50],n.faExclamationTriangle,kt.blue[900],kt.blue[50],n.faInfoCircle,kt.green[900],kt.green[50],n.faCheckCircle,{checked:n.faCheck,indeterminate:n.faMinus,unchecked:null}),Rr=function(n){return"boolean"==typeof n?n?"checked":"unchecked":n},Mr=w.default.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",d=(i?c:l)[t],u=d.borderColor,p=d.tickColor;return{backgroundColor:d.backgroundColor,tickColor:p,borderColor:u,cursor:r?"not-allowed":"pointer",height:s,width:s,opacity:r?.3:1}}))(Mn||(Mn=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"],["\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})),Lr=w.default.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}}))(Ln||(Ln=N(["\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})),jr=function(n){var t=n.isDisabled,r=n.className,o=n.onClick,i=n.large,a=n.text,l=n.value,c=n.helper,s=n.onChange,d=e.useCallback((function(){var n;return null===(n=f.current)||void 0===n?void 0:n.click()}),[]),u=e.useCallback((function(n){return!t&&o&&o(n)}),[t,o]),p=Br[l],f=e.useRef(null);e.useEffect((function(){if(f.current)switch(l){case"checked":f.current.checked=!0,f.current.indeterminate=!1;break;case"indeterminate":f.current.checked=!1,f.current.indeterminate=!0;break;case"unchecked":f.current.checked=!1,f.current.indeterminate=!1}}),[l]);var m="error"===(null==c?void 0:c.status);return v.default.createElement(Pr,null,v.default.createElement(Hr,{className:r,onClick:d},v.default.createElement(Mr,{value:l,large:i,isDisabled:t,hasError:m},p&&v.default.createElement(Et,{icon:p})),v.default.createElement(Ur,{ref:f,type:"checkbox",value:l,onClick:u,onChange:s,disabled:t}),v.default.createElement(Lr,{large:i,isDisabled:t,hasError:m},a)),c&&v.default.createElement(Or,A({},c)))},Hr=w.default.div(jn||(jn=N(["\n  display: flex;\n  gap: 8px;\n"],["\n  display: flex;\n  gap: 8px;\n"]))),Ur=w.default.input(Hn||(Hn=N(["\n  display: none;\n"],["\n  display: none;\n"]))),Wr=function(n){var e=n.value,t=P(n,["value"]);return v.default.createElement(jr,A({},t,{value:Rr(e)}))},qr={tickColor:kt.white[100],backgroundColor:kt.blue[500],borderColor:kt.blue[500]},Vr={tickColor:kt.white[100],backgroundColor:kt.red[500],borderColor:kt.red[500]},Xr=(kt.white[100],kt.grey[500],kt.white[100],kt.red[500],kt.black[100],kt.red[500],t.css(Un||(Un=N(["\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"])))),Kr=function(n){var e=n.label,t=n.isDisabled,r=n.required;return e?v.default.createElement(Gr,{isDisabled:t,required:r},e):null},Jr=t.css(Wn||(Wn=N(["\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]})),Gr=w.default.label(qn||(qn=N(["\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&&Jr}),Xr),Qr=t.css(Kn||(Kn=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"],["\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,r=n.normalFocused,o=n.borderColor;return"normal"===e?t.css(Vn||(Vn=N(["\n            box-shadow: 0 0 0 3px ",";\n            border-color: ",";\n          "],["\n            box-shadow: 0 0 0 3px ",";\n            border-color: ",";\n          "])),r.borderColor+"85",r.borderColor):t.css(Xn||(Xn=N(["\n            box-shadow: 0 0 0 3px ",";\n          "],["\n            box-shadow: 0 0 0 3px ",";\n          "])),o+"85")})),Yr={icon:n.faExclamationTriangle,fixedWidth:!0},Zr={icon:n.faTimesCircle,fixedWidth:!0},$r={icon:n.faCheckCircle,fixedWidth:!0},no={normal:void 0,warning:Yr,error:Zr,success:$r},eo=function(n){var e=n.status,t=no[e];return t?v.default.createElement(to,A({},t,{status:e})):null},to=w.default(Et)(Jn||(Jn=N(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(n){var e=n.theme,t=n.status;return e.components.inputText[t].iconColor})),ro=t.css(Gn||(Gn=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"],["\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})),oo=w.default.input(Yn||(Yn=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"],["\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&&t.css(Qn||(Qn=N(["\n      letter-spacing: 1px;\n    "],["\n      letter-spacing: 1px;\n    "])))}),ro),io=function(n){var t=n.autoFocus,r=n.onBlur,o=n.onChange,i=n.value,a=void 0===i?"":i,l=n.placeholder,c=void 0===l?"":l,s=n.isDisabled,d=n.name,u=n.inputSize,p=n.leadingIcon,f=n.onKeyPress,m=n.status,g=void 0===m?"normal":m,h=n.onKeyDown,x=n.onKeyUp,b=n.inputType,y=n.onFocus,w=n.className,_=n.actionIcon,k=n.setValue,E=e.useRef(null),C=e.useCallback((function(){var n;return null===(n=E.current)||void 0===n?void 0:n.focus()}),[]),T=(null==a?void 0:a.toString())||"",z=e.useCallback((function(n){null==k||k(n.currentTarget.value),null==o||o(n)}),[o,k]),S=e.useCallback((function(n){null==k||k(n.target.value.trim()),null==r||r(n)}),[r,k]);return v.default.createElement(ao,{onClick:C,isDisabled:s,status:g,className:w},p&&v.default.createElement(lo,A({},p,{isDisabled:s})),v.default.createElement(oo,{ref:E,type:b,autoFocus:t,value:T,placeholder:""+c,disabled:s,name:d,inputSize:u,onChange:z,onFocus:y,onBlur:S,onKeyPress:f,onKeyDown:h,onKeyUp:x}),v.default.createElement(eo,{status:g}),_&&v.default.createElement(lo,A({},_,{isDisabled:s})))},ao=w.default.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 A(A({},i),{normalFocused:e.components.inputText.normalFocused})}))(Zn||(Zn=N(["\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"])),Qr),lo=w.default(Et)($n||($n=N(["\n  color: ",";\n  font-size: 14px;\n"],["\n  color: ",";\n  font-size: 14px;\n"])),(function(n){return n.theme.palette.black[100]})),co=(kt.white[100],kt.black[100],kt.black[100],kt.grey[500],kt.white[100],kt.black[100],kt.blue[300],kt.black[100],kt.green[50],kt.black[100],kt.green[900],kt.green[300],kt.yellow[50],kt.black[100],kt.yellow[900],kt.yellow[300],kt.red[50],kt.black[100],kt.red[900],kt.red[300],kt.grey[100],kt.black[16],kt.black[16],function(n){var t=n.isDisabled,r=n.clearValue,o=e.useCallback((function(){return!t&&r()}),[r,t]);return v.default.createElement(so,{icon:p.faTimes,onClick:o})}),so=w.default(Et)(ne||(ne=N(["\n  margin: 0.5em;\n"],["\n  margin: 0.5em;\n"]))),uo=function(n){var e=n.innerProps.onMouseDown,t=n.children;return v.default.createElement(po,{onMouseDown:e},t)},po=w.default.div(ee||(ee=N(["\n  display: flex;\n  flex-wrap: initial;\n\n  cursor: default;\n"],["\n  display: flex;\n  flex-wrap: initial;\n\n  cursor: default;\n"]))),fo=function(e){var t=e.selectProps;return v.default.createElement(mo,{isRotated:t.menuIsOpen},v.default.createElement(Et,{icon:n.faCaretDown}))},mo=w.default.div(te||(te=N(["\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})),go=function(n){var t=n.actions,r=n.triggerClose,o=e.useMemo((function(){return t.map((function(n,e){var t=n.onClick,o=n.closeOnClick,i=P(n,["onClick","closeOnClick"]);return v.default.createElement(xo,A({key:e,onClick:function(n){n.stopPropagation(),null==t||t(n),o&&r()}},i))}))}),[t]);return v.default.createElement(ho,null,o)},ho=w.default.div(re||(re=N(["\n  border-top: 1px solid ",";\n"],["\n  border-top: 1px solid ",";\n"])),(function(n){return n.theme.palette.grey[100]})),xo=w.default(dr)(oe||(oe=N(["\n  padding: 5px 10px;\n"],["\n  padding: 5px 10px;\n"]))),bo=function(n){var t=n.setValue,r=n.getValue,o=n.selectProps,i=n.children,a=P(n,["children"]),l=null==o?void 0:o.footerActions,s=e.useCallback((function(){return t(r(),"select-option")}),[r,t]);return v.default.createElement(yo,null,v.default.createElement(c.components.MenuList,A({},a),i,l&&v.default.createElement(go,{actions:l,triggerClose:s})))},yo=w.default.div(ie||(ie=N([""],[""]))),vo=function(n){var e=n.innerProps.onClick,t=n.data,r=t.label,o=t.icon;return v.default.createElement(wo,{onClick:e},o&&v.default.createElement(Et,A({},o)),v.default.createElement("div",null,r))},wo=w.default.div(ae||(ae=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"],["\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]})),_o=function(n){var e=n.children;return v.default.createElement(ko,null,e)},ko=w.default.div(le||(le=N(["\n  font-size: 14px;\n  color: ",";\n"],["\n  font-size: 14px;\n  color: ",";\n"])),(function(n){return n.theme.palette.grey[200]})),Eo=function(){return{Option:vo,DropdownIndicator:fo,ClearIndicator:co,Placeholder:_o,Control:uo,MenuList:bo}},Co=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 A(A({},i),{normalFocused:e.components.select.normalFocused})},To=function(n){var e=n.status,r=n.isDisabled,o=t.useTheme(),i=Co({theme:o,status:e,isDisabled:r}).color;return{singleValue:function(n){return A(A({},n),{color:i,fontSize:"14px"})},noOptionsMessage:function(n){return A(A({},n),{fontSize:"14px"})},valueContainer:function(n){return A(A({},n),{padding:"0 8px"})}}},zo=t.css(ce||(ce=N(["\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"]))),So=w.default.span.attrs(Co)(se||(se=N(["\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"])),Qr,(function(n){return"large"===n.inputSize?40:30}),(function(n){return"large"===n.inputSize?40:30}),zo),Do=function(n){var e=n.children,t=P(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 v.default.createElement(Pr,null,v.default.createElement(Kr,{label:r,isDisabled:o,required:i}),v.default.createElement(So,{isDisabled:o,status:c,inputSize:s},e),a&&v.default.createElement(Or,A({},a)))},Fo=(kt.white[100],kt.black[100],kt.black[100],kt.grey[500],kt.white[100],kt.black[100],kt.black[100],kt.blue[300],kt.green[50],kt.black[100],kt.green[900],kt.green[300],kt.yellow[50],kt.black[100],kt.yellow[900],kt.yellow[300],kt.red[50],kt.black[100],kt.red[900],kt.red[300],kt.grey[100],kt.black[16],kt.black[16],function(n){var e=n.length,t=n.maxLength;return v.default.createElement(Ao,null,e,t&&"/"+t)}),Ao=w.default.div(de||(de=N(["\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]})),Po=t.css(ue||(ue=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"],["\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"]))),Oo=w.default.textarea(pe||(pe=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"],["\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]}),Po),No=function(n){var t=n.autoFocus,r=n.onBlur,o=n.onChange,i=n.value,a=void 0===i?"":i,l=n.placeholder,c=n.isDisabled,s=n.name,d=n.onKeyPress,u=n.status,p=void 0===u?"normal":u,f=n.onKeyDown,m=n.onKeyUp,g=n.onFocus,h=n.className,x=n.setValue,b=n.initialHeight,y=void 0===b?"10rem":b,w=n.maxLength,_=n.isResizable,k=void 0!==_&&_,E=n.showCounter,C=void 0!==E&&E,T=e.useRef(null),z=e.useCallback((function(){var n;return null===(n=T.current)||void 0===n?void 0:n.focus()}),[]),S=(null==a?void 0:a.toString())||"",D=e.useCallback((function(n){null==x||x(n.currentTarget.value.slice(0,w||1/0)),null==o||o(n)}),[w,o,x]);e.useEffect((function(){null==x||x((a||"").slice(0,w||1/0))}),[w,x,a]);var F=e.useCallback((function(n){null==x||x(n.target.value.trim()),null==r||r(n)}),[r,x]);return v.default.createElement(Bo,{onClick:z,isDisabled:c,status:p,className:h,initialHeight:y,isResizable:k},v.default.createElement(Io,null,v.default.createElement(Oo,{ref:T,autoFocus:t,value:S,placeholder:l,disabled:c,name:s,onChange:D,onFocus:g,onBlur:F,onKeyPress:d,onKeyDown:f,onKeyUp:m}),(C||w)&&v.default.createElement(Fo,{length:S.length,maxLength:w})))},Io=w.default.div(fe||(fe=N(["\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n"],["\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n"]))),Bo=w.default.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 A(A({},i),{normalFocused:e.components.textArea.normalFocused})}))(me||(me=N(["\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"])),Qr,(function(n){return n.isResizable?"vertical":"none"}),(function(n){return n.initialHeight})),Ro=(kt.white[100],kt.black[100],kt.grey[500],kt.white[100],kt.black[100],kt.blue[300],kt.green[50],kt.black[100],kt.green[300],kt.yellow[50],kt.black[100],kt.yellow[300],kt.red[50],kt.black[100],kt.red[300],kt.grey[100],kt.black[16],function(n){var t=n.action,r=n.active,o=n.icon,i=n.index,a=n.mouseBlockedProps,l=n.navigable,c=n.onClick,s=n.onMouseHover,d=n.onMouseOut,u=n.placeholder,p=n.showActionOnHover,f=n.title,m=n.wrapperRef,g=a.mouseBlocked,h=a.setMouseBlocked,x=e.useRef(null),b=e.useCallback((function(n){var e;if(l&&(h(!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='"+(i-1)+"']":"[data-grouped-list-item='"+(i+1)+"']",o=document.querySelector(r),a=void 0;if(a=o||("ArrowUp"===n.key?t[t.length-1]:document.querySelector("[data-grouped-list-item='1']")),m.current){var c=m.current;"ArrowUp"===n.key?a.offsetTop<=c.scrollTop&&(c.scrollTop=a.offsetTop):a.offsetTop-(c.offsetHeight-a.offsetHeight)>=c.scrollTop&&(c.scrollTop=a.offsetTop-(c.offsetHeight-a.offsetHeight)),a.focus()}}}),[l,h,i,m]),y=e.useCallback((function(){var n,e=x.current,t=m.current;e&&t&&e.offsetTop<t.offsetHeight+t.scrollTop&&e.offsetTop+e.offsetHeight>t.scrollTop&&(null===(n=x.current)||void 0===n||n.focus())}),[m]),w=e.useCallback((function(){l&&g||(null==s||s(),y())}),[y,g,l,s]),_=e.useCallback((function(){var n;l&&g||(null==d||d(),null===(n=x.current)||void 0===n||n.blur())}),[g,l,d]);return e.useEffect((function(){return function(){return removeEventListener("keydown",b)}}),[b]),v.default.createElement(Uo,{ref:x,tabIndex:c?0:-1,onClick:c,active:r,key:f,onMouseLeave:_,onMouseOver:w,onFocus:function(){addEventListener("keydown",b)},onBlur:function(){removeEventListener("keydown",b)},showActionOnHover:p,"data-grouped-list-item":i},o&&v.default.createElement(jo,A({},o,{fixedWidth:!0})),f?v.default.createElement(Mo,null,f):v.default.createElement(Lo,null,u),t&&v.default.createElement(Ho,null,t))}),Mo=w.default.div(ge||(ge=N(["\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"]))),Lo=w.default(Mo)(he||(he=N(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(n){return n.theme.palette.grey[500]})),jo=w.default(Et)(xe||(xe=N(["\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"]))),Ho=w.default.div(be||(be=N([""],[""]))),Uo=w.default.div(we||(we=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"],["\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?t.css(ye||(ye=N(["\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        "])),Ho,Ho):t.css(ve||(ve=N([""],[""])))})),Wo=function(n){var e=n.noResults,t=n.title;return v.default.createElement(qo,{noResults:e,key:t},t.toUpperCase(),e&&v.default.createElement(Vo,null,"(nessun risultato)"))},qo=w.default.div(ke||(ke=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"],["\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,r=n.theme;return!0===e?t.css(_e||(_e=N(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),r.palette.grey[50]):void 0}),(function(n){return n.theme.palette.grey[700]})),Vo=w.default.span(Ee||(Ee=N(["\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]})),Xo=function(n){var e=n.index,t=n.items,r=n.title,o=P(n,["index","items","title"]);return v.default.createElement(v.default.Fragment,null,v.default.createElement(Wo,{title:r,noResults:!t.length}),t.map((function(n,t){return v.default.createElement(Ro,A({key:t,index:e+t},n,o))})))},Ko=w.default.div(Ce||(Ce=N(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"]))),Jo=w.default.span(ze||(ze=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"],["\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,r=n.theme.palette;return e&&t.css(Te||(Te=N(["\n      color: ",";\n      cursor: not-allowed;\n    "],["\n      color: ",";\n      cursor: not-allowed;\n    "])),r.grey[500])})),Go=w.default.span(Pe||(Pe=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"],["\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 t.css(Se||(Se=N(["\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,r=n.theme;return e&&t.css(De||(De=N(["\n      border: 5px solid ",";\n    "],["\n      border: 5px solid ",";\n    "])),r.palette.blue[500])}),(function(n){var e=n.isChecked,r=n.isDisabled,o=n.theme;return r&&t.css(Ae||(Ae=N(["\n      background-color: ",";\n      border-color: ",";\n      cursor: not-allowed;\n      ","\n    "],["\n      background-color: ",";\n      border-color: ",";\n      cursor: not-allowed;\n      ","\n    "])),o.palette.grey[100],o.palette.grey[100],e&&t.css(Fe||(Fe=N(["\n        background-color: ",";\n        border-color: ",";\n      "],["\n        background-color: ",";\n        border-color: ",";\n      "])),o.palette.white[100],o.palette.grey[50]))})),Qo=w.default((function(n){var e=n.isChecked,t=n.isDisabled,r=n.label;return v.default.createElement("div",{className:n.className,onClick:function(){return n.isDisabled?void 0:n.onClick()}},n.renderOption?n.renderOption({isDisabled:t,isChecked:e,label:r}):v.default.createElement(v.default.Fragment,null,v.default.createElement(Go,{isChecked:n.isChecked,isDisabled:n.isDisabled}),v.default.createElement(Jo,{isDisabled:n.isDisabled},n.label)))}))(Ne||(Ne=N(["\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&&t.css(Oe||(Oe=N(["\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    "])))})),Yo=function(n){return v.default.createElement(Qo,A({},n))},Zo=w.default.div(He||(He=N(["\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"])),zt),$o=w.default.div(Ue||(Ue=N(["\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"]))),ni=w.default.div(Ke||(Ke=N(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.size,r=n.theme,o=n.type;return t.css(Xe||(Xe=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  "],["\n    display: flex;\n    border: 1px solid rgba(51, 51, 51, 0.08);\n    border-radius: 4px;\n    color: ",";\n\n    ","\n\n    ","\n  "])),r.palette.black[100],function(n,e){switch(n){case"standard":return t.css(Ie||(Ie=N(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.grey[100],e.palette.black[100]);case"info":return t.css(Be||(Be=N(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.blue[50],e.palette.blue[500]);case"error":return t.css(Re||(Re=N(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.red[50],e.palette.red[500]);case"warning":return t.css(Me||(Me=N(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.yellow[50],e.palette.yellow[500]);case"success":return t.css(Le||(Le=N(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.green[50],e.palette.green[500]);default:return t.css(je||(je=N(["\n        background-color: ",";\n        color: ",";\n      "],["\n        background-color: ",";\n        color: ",";\n      "])),e.palette.grey[100],e.palette.black[100])}}(o,r),function(n){switch(n){case"medium":return t.css(We||(We=N(["\n        padding: ",";\n      "],["\n        padding: ",";\n      "])),Dt);case"large":return t.css(qe||(qe=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      "],["\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      "])),Ft,Zo,St,$o);default:return t.css(Ve||(Ve=N(["\n        padding: ",";\n      "],["\n        padding: ",";\n      "])),Ft)}}(e))})),ei=w.default.div(Je||(Je=N(["\n  margin-left: ",";\n  width: 100%;\n"],["\n  margin-left: ",";\n  width: 100%;\n"])),(function(n){return n.margin?Dt:"0px"})),ti=w.default.div(Ge||(Ge=N(["\n  line-height: 20px;\n"],["\n  line-height: 20px;\n"]))),ri=w.default(Et)(Qe||(Qe=N(["\n  cursor: pointer;\n  color: ",";\n"],["\n  cursor: pointer;\n  color: ",";\n"])),(function(n){return n.theme.palette.blue[700]})),oi={icon:n.faTimes},ii=function(n){var e,t,r,o,i,a,l,c,s=n.closeIcon,d=n.content,u=n.icon,p=n.onClose,f=n.renderCloseIcon,m=n.renderContent,g=n.renderIcon,h=n.renderTitle,x=n.title,b=h?h():x;return v.default.createElement(v.default.Fragment,null,v.default.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():u?v.default.createElement(Et,A({},u)):null),v.default.createElement(ei,{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!==u},b?v.default.createElement(Zo,{style:null!==(a=null===(i=null==n?void 0:n.componentStyle)||void 0===i?void 0:i.title)&&void 0!==a?a:{}},b):null,v.default.createElement($o,{style:null!==(c=null===(l=null==n?void 0:n.componentStyle)||void 0===l?void 0:l.content)&&void 0!==c?c:{}},m?m():d)),p&&v.default.createElement(ti,{onClick:p},f?f():v.default.createElement(ri,A({},s||oi,{fixedWidth:!0}))))},ai=function(){return v.default.createElement(li,{tabIndex:0},v.default.createElement(Et,{icon:n.faEllipsisH,fixedWidth:!0}))},li=w.default.div(Ye||(Ye=N(["\n  display: flex;\n"],["\n  display: flex;\n"]))),ci={margin:"auto",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},si=w.default.div(Ze||(Ze=N(["\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"})),di=w.default((function(n){var e=n.className,t=n.content,r=n.forceOpen,o=void 0!==r&&r;return v.default.createElement(Dr,{triggerStyles:ci,className:e,placement:"right-start",renderTrigger:ai,content:t,forceOpen:o})}))($e||($e=N(["\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"]))),ui=w.default.div.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}))(nt||(nt=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"],["\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"])),44,(function(n){var e=n.color;return n.customColor||e}),(function(n){return n.background}),di,(function(n){return n.hoverColor}),(function(n){return n.hoverBackground}),di,(function(n){return n.dropdownHover}),(function(n){return n.dropdownActive})),pi=w.default.div(et||(et=N(["\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"]))),fi=w.default(Et)(tt||(tt=N(["\n  visibility: hidden;\n"],["\n  visibility: hidden;\n"]))),mi=(kt.black[100],kt.black[100],kt.grey[100],kt.grey[400],kt.grey[600],kt.white[100],kt.blue[500],kt.white[100],kt.blue[500],kt.blue[700],kt.grey[300],kt.grey[100],kt.grey[300],kt.grey[100],w.default.div.attrs((function(n){var e=n.theme,t=n.type;return e.components.microTag[t]}))(rt||(rt=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"],["\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}))),gi=(kt.red[50],kt.red[500],kt.blue[50],kt.blue[500],kt.grey[50],kt.grey[500],kt.green[50],kt.green[500],kt.yellow[50],kt.yellow[500],v.default.createElement(Et,{icon:n.faCheck,fixedWidth:!0})),hi=function(n){var e=n.text,t=void 0===e?"":e,r=n.number,o=n.status,i="completed"===o?gi:r+1;return v.default.createElement(yi,{status:o},v.default.createElement(xi,null,i),v.default.createElement(bi,null,t))},xi=w.default.div(ot||(ot=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"],["\n  border-radius: 50%;\n\n  width: 2em;\n  height: 2em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"]))),bi=w.default.div(it||(it=N([""],[""]))),yi=w.default.div.attrs((function(n){var e=n.theme,t=n.status;return e.components.stepper.item[t]}))(at||(at=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"],["\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"])),xi,(function(n){return n.circleTextColor}),(function(n){return n.circleBackground}),bi,(function(n){return n.color})),vi=w.default.div(lt||(lt=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"],["\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"]))),wi=function(n,e){return n<e?"completed":n===e?"active":"normal"},_i=w.default.div(ct||(ct=N(["\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"]))),ki=(kt.grey[500],kt.grey[500],kt.white[100],kt.blue[500],kt.blue[500],kt.white[100],kt.grey[500],kt.green[500],kt.white[100],w.default(Et)(st||(st=N([""],[""])))),Ei=w.default(Et)(dt||(dt=N([""],[""]))),Ci=w.default.div(ut||(ut=N([""],[""]))),Ti=w.default.div.attrs((function(n){var e=n.tagStyle,t=n.theme,r=n.type;return t.components.tag[e][r]}))(pt||(pt=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"],["\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}),ki,Ci,Ci,Ei),zi=(kt.white[100],kt.grey[600],kt.white[100],kt.yellow[500],kt.white[100],kt.green[500],kt.white[100],kt.blue[500],kt.white[100],kt.red[500],kt.grey[900],kt.grey[100],kt.yellow[900],kt.yellow[50],kt.green[900],kt.green[50],kt.blue[900],kt.blue[50],kt.red[900],kt.red[50],kt.grey[800],kt.yellow[500],kt.green[500],kt.indigo[500],kt.red[500],w.default.div(ft||(ft=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"],["\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}))),Si=t.css(mt||(mt=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"],["\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"])),zi,zi,zi,zi),Di=w.default.div.attrs((function(n){var e=n.theme,t=n.type;return e.components.tooltip[t]}))(gt||(gt=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"],["\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})),Fi=w.default.div(ht||(ht=N(["\n  ",";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"],["\n  ",";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"])),Si),Ai=w.default.div(xt||(xt=N(["\n  display: flex;\n"],["\n  display: flex;\n"]))),Pi=w.default.div(bt||(bt=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"],["\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"]))),Oi=(kt.black[100],kt.white[100],kt.white[100],kt.grey[900],kt),Ni=t.createGlobalStyle(yt||(yt=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"],["\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"]))),Ii=w.default(T.default)(Hi||(Hi=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"],["\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),Bi=w.default.div(qi||(qi=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"],["\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?t.css(Ui||(Ui=N(["\n          height: ","px;\n        "],["\n          height: ","px;\n        "])),e):t.css(Wi||(Wi=N(["\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)})),Ri=w.default.div(Ji||(Ji=N(["\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"}),At,(function(n){var e=n.footer,r=n.header,o=n.isFullscreen,i=n.title;return o?t.css(Vi||(Vi=N(["\n        height: calc(100% - ("," * 2));\n      "],["\n        height: calc(100% - ("," * 2));\n      "])),"80px"):r||i||e?t.css(Xi||(Xi=N(["\n          max-height: calc(100vh - ("," * 4));\n        "],["\n          max-height: calc(100vh - ("," * 4));\n        "])),"80px"):t.css(Ki||(Ki=N(["\n        max-height: 100%;\n      "],["\n        max-height: 100%;\n      "])))})),Mi=w.default.div(Gi||(Gi=N(["\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]})),Li=w.default.div(Yi||(Yi=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"],["\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"])),At,St,St,(function(n){var e=n.theme.palette;return t.css(Qi||(Qi=N(["\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"),ji=w.default.div(Zi||(Zi=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"],["\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"])),At,"80px",(function(n){return n.theme.palette.grey[100]}));w.default.div($i||($i=N([""],[""])));var Hi,Ui,Wi,qi,Vi,Xi,Ki,Ji,Gi,Qi,Yi,Zi,$i,na,ea,ta,ra,oa,ia,aa,la,ca,sa,da,ua,pa,fa,ma,ga,ha,xa,ba,ya,va,wa,_a,ka,Ea,Ca,Ta,za,Sa,Da,Fa,Aa,Pa,Oa,Na,Ia,Ba,Ra,Ma,La,ja,Ha,Ua,Wa,qa,Va,Xa,Ka,Ja,Ga,Qa,Ya,Za,$a,nl,el,tl,rl,ol,il,al,ll,cl,sl,dl=w.default.div(na||(na=N(["\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"})),ul=w.default.div(ea||(ea=N(["\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"]))),pl=w.default(Et)(ta||(ta=N(["\n  font-size: 24px;\n  font-weight: 500;\n"],["\n  font-size: 24px;\n  font-weight: 500;\n"]))),fl={overlay:{backgroundColor:Oi.black[48],zIndex:1e4}},ml=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?v.default.createElement(v.default.Fragment,null,r.map((function(n,e){return v.default.createElement("div",{key:e},v.default.createElement(er,A({},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 F(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,d=c.height,u=c.isSmall,f=c.minHeight,m=c.topAttachment,g=this.state.fullScreenHeight,h=null==e||e;return v.default.createElement(v.default.Fragment,null,v.default.createElement(Ni,null),v.default.createElement(Ii,{closeTimeoutMS:200,shouldCloseOnOverlayClick:h,onRequestClose:h?this.handleModalClose:void 0,shouldCloseOnEsc:h,style:fl,isOpen:null==i||i,isFullscreen:o,isSmall:u,contentRef:this.contentRefCallback,ariaHideApp:!1},v.default.createElement(v.default.Fragment,null,m&&v.default.createElement(dl,{id:"top-attachment",height:this.state.topAttachmentHeight},m()),v.default.createElement(Bi,{className:t,isFullscreen:o,isSmall:u,fullScreenHeight:g},(r||l)&&v.default.createElement(Li,null,r?r():v.default.createElement("h3",null,l),a?v.default.createElement(Mi,null,v.default.createElement(Et,{icon:p.faTimes,size:"1x",type:"light",fixedWidth:!0,onClick:this.handleModalClose,className:"icon"})):null),v.default.createElement(Ri,{height:d,minHeight:f,isFullscreen:o,header:r,title:l,footer:this.props.footer},this.props.children),this.hasFooter()&&v.default.createElement(ji,null,this.renderFooter())),s&&v.default.createElement(ul,null,s()))))},e}(e.Component),gl=w.default.div(ra||(ra=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"],["\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"})),hl=w.default.div(oa||(oa=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"],["\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]})),xl=w.default(ml)(ia||(ia=N(["\n  width: 432px;\n  max-width: 90vw;\n"],["\n  width: 432px;\n  max-width: 90vw;\n"]))),bl=w.default.div(aa||(aa=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"],["\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"]))),yl=w.default.div(la||(la=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"],["\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"]))),vl=w.default.div(ca||(ca=N(["\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"]))),wl=w.default.div(sa||(sa=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"],["\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"]))),_l={error:"error",info:"info",warning:"warning",success:"success"},kl={error:n.faExclamationTriangle,info:n.faInfoCircle,warning:n.faExclamationTriangle,success:n.faCheckCircle},El={error:"red",info:"blue",warning:"yellow",success:"green"},Cl=w.default(er)(da||(da=N(["\n  margin-left: 16px;\n"],["\n  margin-left: 16px;\n"]))),Tl=w.default.div(ua||(ua=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"],["\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]})),zl=function(n){var t=n.action,r=n.icon,o=n.text,i=n.title,a=e.useMemo((function(){return t?v.default.createElement(er,{onClick:function(){return t.action()},iconLeft:t.icon?t.icon:void 0,text:t.text,color:"green"}):null}),[t]);return v.default.createElement(Tl,null,r&&v.default.createElement("div",{className:"icon"},v.default.createElement(Et,A({},r))),i&&v.default.createElement("h5",null,i),o&&v.default.createElement("p",null,o),a)},Sl=w.default.div(fa||(fa=N(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.theme.palette;return t.css(pa||(pa=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  "],["\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])})),Dl=function(n){var e=Math.ceil(n.listSize/n.pageSize),t=Math.min(n.currentPage,e),r=z.default(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),v.default.createElement("div",{className:"pagination"},v.default.createElement("div",{onClick:function(){n.prevPageAction&&o&&n.prevPageAction()},className:"pagination__element "+(o?"":"deactivated")},n.prevText),r.includes(1)?null:v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{onClick:function(){n.changePageAction(1)},className:"pagination__element "+(1===n.currentPage?"selected":"")},"1"),r[0]-1!=1?v.default.createElement("div",{className:"pagination__element"},"..."):null),r.map((function(e,r){return v.default.createElement("div",{key:r,onClick:function(){n.changePageAction(e)},className:"pagination__element "+(e===t?"selected":"")},e)})),r.includes(e)?null:v.default.createElement(v.default.Fragment,null,e-r[r.length-1]!=1?v.default.createElement("div",{className:"pagination__element"},"..."):null,v.default.createElement("div",{onClick:function(){n.changePageAction(e)},className:"pagination__element "+(n.currentPage===e?"selected":"")},e)),v.default.createElement("div",{onClick:function(){n.nextPageAction&&n.currentPage<e&&n.nextPageAction()},className:"pagination__element "+(n.nextPageAction&&n.currentPage>=e?"deactivated":"")},n.nextText))},Fl=w.default.div(ga||(ga=N(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.color,r=n.percentage,o=n.theme.palette;return t.css(ma||(ma=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  "],["\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  "])),Dt,o.grey[100],o[e||"blue"][500],r)})),Al=function(n){function e(e){var t=n.call(this,e)||this;return t.state={},t}return F(e,n),e.prototype.render=function(){return v.default.createElement("div",{className:"progression__container"},v.default.createElement("div",{className:"progression__bar"}))},e}(e.Component),Pl=991,Ol="fic-design-system",Nl="tableConfigs",Il=function(n){if(n){var e=localStorage.getItem(Ol);if(e){var t=JSON.parse(e);if(t[Nl][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[Nl][n])?t[Nl][n]:void 0}}},Bl={asc:n.faSortUp,desc:n.faSortDown,default:n.faSort},Rl=w.default.div(xa||(xa=N(["\n  margin-left: 0.5rem;\n"],["\n  margin-left: 0.5rem;\n"]))),Ml=w.default(Et)(ba||(ba=N(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"]))),Ll=function(n){var e=S.default.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",v.default.createElement(Rl,null,v.default.createElement(Ml,{icon:Bl[t],onClick:function(){n.handleSortOnProperty(n.property,r)}}))},jl={icon:n.faEllipsisH},Hl=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 v.default.createElement("thead",null,v.default.createElement("tr",null,o?null:v.default.createElement("th",null,v.default.createElement("input",{disabled:l,type:"checkbox",checked:t,onChange:i})),r.map((function(n,e){return n.active?v.default.createElement("th",{key:e,style:n.columnStyle},v.default.createElement("div",null,v.default.createElement("div",null,n.label),n.sortable?v.default.createElement(Ll,{propertiesFilter:c,property:n.id,handleSortOnProperty:a}):null)):null})),e&&e.length?v.default.createElement("th",null,"Azioni"):null,v.default.createElement("th",{onClick:function(){s()}},v.default.createElement(Et,A({},jl)))))},Ul=w.default.div(ya||(ya=N([""],[""]))),Wl=function(n){var e=n.data,t=n.isLoading,r=n.listSize,o=n.renderMobileRow;return v.default.createElement("div",null,r&&!t?e.map((function(n,e){return v.default.createElement(Ul,{key:e},o?o(n):void 0)})):void 0)},ql=w.default.a(wa||(wa=N(["\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 t.css(va||(va=N(["\n    color: ",";\n  "],["\n    color: ",";\n  "])),n.color)})),Vl=w.default.div(_a||(_a=N(["\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"]))),Xl=w.default.div(Ea||(Ea=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"],["\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 t.css(ka||(ka=N(["\n        display: block;\n      "],["\n        display: block;\n      "])))})),Kl=w.default.p(Ta||(Ta=N(["\n  cursor: pointer;\n  user-select: none;\n  ","\n"],["\n  cursor: pointer;\n  user-select: none;\n  ","\n"])),(function(n){if(n.color)return t.css(Ca||(Ca=N(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),n.color)})),Jl=function(n){return v.default.createElement(Xl,{active:n.active},n.actions.map((function(e,t){return v.default.createElement("div",{key:t,className:"link_container"},v.default.createElement(Kl,{className:"action",key:t,onClick:function(t){t.preventDefault(),e.action(n.element,n.selectedRows),n.handlePopUpVisibility(void 0)},color:e.color},e.label))})))},Gl=w.default.div(Da||(Da=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"],["\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,r=n.theme.palette;return t.css(Sa||(Sa=N(["\n    ","\n    &:hover {\n      background-color: ",";\n    }\n  "],["\n    ","\n    &:hover {\n      background-color: ",";\n    }\n  "])),e&&t.css(za||(za=N(["\n      background-color: ",";\n      color: ",";\n    "],["\n      background-color: ",";\n      color: ",";\n    "])),r.blue[50],r.blue[500]),r.blue[50])})),Ql=function(e){return v.default.createElement(Gl,{active:e.active,onClick:function(){return e.handlePopUpVisibility(e.rowId)}},v.default.createElement(Et,{icon:n.faEllipsisH}))},Yl=w.default.div(Aa||(Aa=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"],["\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&&t.css(Fa||(Fa=N(["\n      display: block;\n    "],["\n      display: block;\n    "])))})),Zl=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 v.default.createElement("tr",{className:s&&s.includes(i.id)?"selected":""},o?null:v.default.createElement("td",null,v.default.createElement("div",null,v.default.createElement("input",{type:"checkbox",checked:s&&s.includes(i.id),onChange:function(){l(i.id)}}))),t.map((function(n,e){return n.active?v.default.createElement("td",{key:e},v.default.createElement("div",{className:"table__value"},n.render?n.render(i[n.id],i.id):v.default.createElement("span",null,i[n.id]))):null})),e&&e.length?v.default.createElement("td",null,v.default.createElement(Vl,null,e[0]?v.default.createElement(ql,{onClick:function(n){n.preventDefault(),e[0].action(i,s||[])},color:e[0].color},e[0].label):null,v.default.createElement(Yl,{onClick:function(){a(void 0)},active:Boolean(r===c)}),e&&e.length>1&&v.default.createElement(Ql,{active:Boolean(r===c),rowId:c,handlePopUpVisibility:a}),v.default.createElement(Jl,{active:Boolean(r===c),actions:e.slice(1),selectedRows:s||[],element:i,handlePopUpVisibility:a}))):null,v.default.createElement("td",null))},$l=w.default.div(Na||(Na=N(["\n  ","\n"],["\n  ","\n"])),(function(n){var e=n.show,r=n.theme.palette;return t.css(Oa||(Oa=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  "],["\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&&t.css(Pa||(Pa=N(["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "],["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "]))),r.blue[500],r.white[100],r.white[100],r.grey[50],r.grey[150],r.grey[100])})),nc=function(e){var t=e.localProperties,r=e.onDragEnd,o=e.propertiesDisplayHandler;return v.default.createElement(h.DragDropContext,{onDragEnd:r},v.default.createElement(h.Droppable,{droppableId:"droppable"},(function(e,r){return v.default.createElement("div",A({},e.droppableProps,{ref:e.innerRef,style:(i=r.isDraggingOver,{position:"relative",backgroundColor:i?Oi.grey[50]:""})}),t.map((function(e,t){return v.default.createElement(h.Draggable,{key:e.id,draggableId:e.id,index:t,isDragDisabled:0===t},(function(r,i){return v.default.createElement("div",A({className:"draggable_element",ref:r.innerRef},r.draggableProps,r.dragHandleProps,{style:(a=r.draggableProps.style,A({userSelect:"none",padding:"0.5rem 0 0.5rem 0",outline:"none"},a))}),v.default.createElement("div",{className:"draggable__handle"},v.default.createElement(Et,{icon:n.faEquals,className:"icon"})),v.default.createElement("div",{className:"draggable__checkbox"},v.default.createElement(Wr,{isDisabled:Boolean(e.deactivateActive)||0===t,text:e.label,value:e.active,onClick:function(){o(e.id)}})));var a}))})),e.placeholder);var i})))},ec=function(e){function t(n){var t=e.call(this,n)||this;t.propertiesDisplayHandler=function(n){var e=t.state.localProperties.map((function(e){return e.id===n?A(A({},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 A(A({},n),{active:"checked"})}));n=S.default.orderBy(n,"position","asc"),t.setState({localProperties:n})};var r=t.props.properties;return t.state={localProperties:O(r)},t}return F(t,e),t.prototype.render=function(){var e=this,t=this.props,r=t.close,o=t.modifyControlledPropertiesHandler,i=t.properties,a=t.show,l=t.title,c=this.state.localProperties;return v.default.createElement($l,{show:a},v.default.createElement("div",{className:"modal__container"},v.default.createElement("div",{className:"modal__header"},v.default.createElement("div",null,l),v.default.createElement("div",null,v.default.createElement("p",{onClick:r},v.default.createElement(Et,{icon:n.faTimes})))),v.default.createElement("div",{className:"modal__body"},v.default.createElement(nc,{onDragEnd:this.onDragEnd,localProperties:this.state.localProperties,propertiesDisplayHandler:this.propertiesDisplayHandler})),v.default.createElement("div",{className:"modal__footer"},v.default.createElement("div",null,v.default.createElement("p",{className:"link",onClick:this.resetProperties},"Reimposta")),v.default.createElement("div",{className:"buttons__container"},v.default.createElement(er,{text:"Annulla",color:"grey",size:"large",onClick:function(){e.setState({localProperties:i}),r()}}),v.default.createElement(er,{text:"Applica",size:"large",onClick:function(){o(c),r()}})))))},t}(e.Component),tc=w.default.tr(Ia||(Ia=N(["\n  height: 49px;\n"],["\n  height: 49px;\n"]))),rc=function(n){return v.default.createElement(v.default.Fragment,null,function(){for(var e=[],t=[],r=0;r<n.elmentsNumber;r++){t.splice(0,t.length),t.push(v.default.createElement("td",{key:"tr-"+r+"-td-0"}));for(var o=0;o<n.propsNumber;o++)t.push(v.default.createElement("td",{key:"tr-"+r+"-td-"+(o+1)},v.default.createElement("div",{className:"linear-background"})));t.push(v.default.createElement("td",{key:"tr-"+r+"-td-"+t.length})),e.push(v.default.createElement(tc,{key:"tr-"+r},t))}return e}())},oc=function(n){var e=n.currentPage,t=Math.ceil(n.listSize/n.pageSize);e>t&&(e=t);var r=S.default.range(e-3,e+4),o=!1;return n.currentPage>1&&Boolean(n.prevPageAction)&&n.listSize&&(o=!0),v.default.createElement("div",{className:"pagination"},v.default.createElement("div",{onClick:function(){n.prevPageAction&&o&&n.prevPageAction()},className:"pagination__element "+(o?"":"deactivated")},"Indietro"),r.includes(1)?null:v.default.createElement(v.default.Fragment,null,v.default.createElement("div",{onClick:function(){n.changePageAction(1)},className:"pagination__element "+(1===n.currentPage?"selected":null)},"1"),r[0]-1!=1?v.default.createElement("div",{className:"pagination__element"},"..."):null),r.map((function(r,o){return r>0&&r<=t?v.default.createElement("div",{key:o,onClick:function(){n.changePageAction(r)},className:"pagination__element "+(r===e?"selected":null)},r):null})),r.includes(t)?null:v.default.createElement(v.default.Fragment,null,t-r[r.length-1]!=1?v.default.createElement("div",{className:"pagination__element"},"..."):null,v.default.createElement("div",{onClick:function(){n.changePageAction(t)},className:"pagination__element "+(n.currentPage===t?"selected":null)},t)),v.default.createElement("div",{onClick:function(){n.nextPageAction&&n.currentPage<t&&n.nextPageAction()},className:"pagination__element "+(n.nextPageAction&&n.currentPage>=t?"deactivated":"")},"Avanti"))},ic=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(O(r,[n])))},t.handleSelectAll=function(n){var e=t.props,r=e.data,o=e.selectedList,i=e.selectionCallback;if(o){var a=O(o);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(S.default.find(r,{id:n})){var o=r.map((function(t){return t.id===n?A(A({},t),{type:t.type!==e&&e}):t}));t.setState({propertiesFilter:O(o)})}else{var i={id:n,type:e};t.setState({propertiesFilter:O(r,[i])})}},t.modifyControlledPropertiesHandler=function(n){!function(n,e){var t,r,o,i;if(e){var a=localStorage.getItem(Ol);if(a){var l=JSON.parse(a),c=A(A({},l),((t={})[Nl]=A(A({},l[Nl]),((r={})[e]=n,r)),t));localStorage.setItem(Ol,JSON.stringify(c))}else(o={})[Nl]=((i={})[e]=n,i),c=o,localStorage.setItem(Ol,JSON.stringify(c))}}(n,t.props.persistencyId),t.setState({controlledProperties:n})},t.handlePopUpVisibility=function(n){t.setState({currentActionsPopUp:n})};var r=Il(e.persistencyId),o=r?function(n,e){return e.map((function(e){return A(A({},e),n.find((function(n){return n.id===e.id})))}))}(e.properties,r):e.properties.map((function(n,e){return A(A({},n),{active:"checked",position:e})}));return t.state={propertiesFilter:[],showModalCustomize:!1,controlledProperties:o},t}return F(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,d=a.data,u=a.listSize,p=a.pageSize,f=this.props,m=f.nextPageAction,g=f.prevPageAction,h=this.props,x=h.changePageAction,b=h.currentPage,y=this.props,w=y.disableSelection,_=y.isLoading,k=y.renderMobileRow,E=y.selectedList,C=this.props,T=C.emptySetAction,z=C.emptySetIcon,D=C.emptySetText,F=C.emptySetTitle,A=r.filter((function(n){return n.type})),P=A.map((function(n){return n.id})),O=A.map((function(n){return n.type})),N=!_;return E&&u>0?d.forEach((function(n){E.includes(n.id)||(N=!1)})):N=!1,v.default.createElement("div",{className:c},window.innerWidth<=Pl?v.default.createElement(Wl,{listSize:u,isLoading:_,data:d,renderMobileRow:k}):void 0,window.innerWidth>Pl?v.default.createElement(v.default.Fragment,null,v.default.createElement("table",null,v.default.createElement(Hl,{isLoading:_,allChecked:N,setShowModalCustomizeTrue:function(){return n.setState({showModalCustomize:!0})},handleSelectAll:this.handleSelectAll,controlledProperties:t,propertiesFilter:r,handleSortOnProperty:this.handleSortOnProperty,actions:l,disableSelection:w}),v.default.createElement("tbody",null,u&&!_?S.default.orderBy(d,P,O).map((function(e,r){return v.default.createElement(Zl,{key:r,selectedList:E,element:e,index:r,handleSelection:n.handleSelection,controlledProperties:t,actions:l,handlePopUpVisibility:n.handlePopUpVisibility,currentActionsPopUp:i,disableSelection:w})})):null,_?v.default.createElement(rc,{elmentsNumber:p,propsNumber:t.length}):null)),u<=0&&!_&&F?v.default.createElement("div",{className:"pageEmptySet__container"},v.default.createElement(zl,{icon:z,title:F,text:D,action:T})):null,u?v.default.createElement(oc,{changePageAction:x,nextPageAction:m,prevPageAction:g,currentPage:b,pageSize:p,listSize:u}):null,v.default.createElement(ec,{show:o,close:function(){n.setState({showModalCustomize:!1})},title:s,properties:t,modifyControlledPropertiesHandler:this.modifyControlledPropertiesHandler})):null)},e}(e.Component),ac=w.default(ic)(Ua||(Ua=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"],["\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,r=n.isHeaderFixed,o=n.isLoading,i=n.theme.palette;return t.css(ja||(ja=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  "],["\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  "])),r&&t.css(Ba||(Ba=N(["\n          position: sticky;\n          top: 0;\n        "],["\n          position: sticky;\n          top: 0;\n        "]))),i.grey[200],i.grey[50],i.grey[500],i.grey[100],!e&&t.css(Ra||(Ra=N(["\n          &:first-child {\n            width: 20px;\n            border-right: 0;\n          }\n        "],["\n          &:first-child {\n            width: 20px;\n            border-right: 0;\n          }\n        "]))),i.black,i.yellow[50],i.yellow[100],!o&&t.css(Ma||(Ma=N(["\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          &:hover {\n            background-color: ",";\n          }\n        "])),i.grey[100]),!e&&t.css(La||(La=N(["\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 t.css(Ha||(Ha=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  "],["\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],t.css(ha||(ha=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"],["\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]})))}),Ot),lc=w.default.span(Wa||(Wa=N(["\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]})),cc=w.default.span(qa||(qa=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"],["\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]})),sc=function(n){var e=n.active,t=n.handleClick,r=n.tabRef,o=n.text;return v.default.createElement(dc,{ref:null==r?void 0:r(),onClick:t},v.default.createElement(cc,{active:e},o),v.default.createElement(lc,{active:e}))},dc=w.default.div(Va||(Va=N(["\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"]))),uc=w.default.div(Ka||(Ka=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"],["\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&&t.css(Xa||(Xa=N(["\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})),pc=w.default(uc)(Ja||(Ja=N(["\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"]))),fc=function(n){var e=n.active;return v.default.createElement(sc,{active:e,text:v.default.createElement(mc,{icon:p.faEllipsisH,fixedWidth:!0})})},mc=w.default(Et)(Ga||(Ga=N(["\n  height: 21px;\n"],["\n  height: 21px;\n"]))),gc=function(n){var t=n.active,r=n.tabs,o=e.useCallback((function(){return v.default.createElement(fc,{active:t})}),[t]),i=e.useCallback((function(n){return v.default.createElement(v.default.Fragment,null,r.map((function(e,t){var r=e.active,o=e.handleClick,i=e.text;return v.default.createElement(Dr.Item,{key:t,text:i,active:r,onClick:function(){o&&o(),n()}})})))}),[r]);return v.default.createElement(hc,{placement:"bottom-end",fullWidth:!0,renderTrigger:o,renderContent:i})},hc=w.default(Dr)(Qa||(Qa=N(["\n  display: block;\n"],["\n  display: block;\n"]))),xc=w.default(pc)(Ya||(Ya=N(["\n  overflow-x: hidden;\n"],["\n  overflow-x: hidden;\n"]))),bc=w.default.div(Za||(Za=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"],["\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]})),yc=w.default.span($a||($a=N(["\n  margin-right: 8px;\n  font-size: 20px;\n"],["\n  margin-right: 8px;\n  font-size: 20px;\n"]))),vc=w.default.span(nl||(nl=N(["\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"]))),wc=w.default.div(el||(el=N(["\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]})),_c={icon:n.faTimes},kc=function(n){var e=n.className,t=n.closeIcon,r=n.leftIcon,o=n.onClose,i=n.renderCloseIcon,a=n.text;return v.default.createElement(bc,{className:e},r&&v.default.createElement(yc,null,v.default.createElement(Et,A({},r))),v.default.createElement(vc,null,a),o&&v.default.createElement(wc,{onClick:o},i?i():v.default.createElement(Et,A({},t||_c,{fixedWidth:!0}))))},Ec={icon:x.faRocket},Cc=w.default.div(tl||(tl=N(["\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"]))),Tc=w.default(Et)(rl||(rl=N(["\n  vertical-align: sub;\n"],["\n  vertical-align: sub;\n"]))),zc=w.default.div(ol||(ol=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"],["\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"]))),Sc=w.default.div(il||(il=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"],["\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"]))),Dc=w.default.div(al||(al=N(["\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"]))),Fc=w.default.div(ll||(ll=N(["\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"]))),Ac=w.default.label(cl||(cl=N(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"]))),Pc={standard:"dark",error:"error",info:"info",warning:"warning",success:"success"},Oc={dark:n.faInfoSquare,error:n.faExclamationTriangle,info:n.faInfoCircle,warning:n.faExclamationTriangle,success:n.faCheckCircle},Nc=function(n){return v.default.createElement(Fc,null,v.default.createElement(Cc,null,v.default.createElement(Tc,A({},n.icon,{fixedWidth:!0}))),v.default.createElement(zc,null,n.title,v.default.createElement(Dc,null,v.default.createElement(Ac,{onClick:n.onActionClick},n.actionLabel))),v.default.createElement(Sc,null,n.content))},Ic=function(n,e){var t,r=e.type?Pc[e.type]:"dark",o=void 0===e.autoClose?3e3:e.autoClose,i=e.icon||{icon:Oc[r]},a=(null===(t=e.icon)||void 0===t?void 0:t.size)||"1x",l=A(A({},i),{size:a}),c=b.toast[r](v.default.createElement(Nc,{title:n,content:e.content,icon:l,actionLabel:e.actionLabel,onActionClick:e.onActionClick}),{autoClose:o,closeButton:!1});if(c)return String(c)},Bc={Container:w.default(b.ToastContainer).attrs({hideProgressBar:!0,newestOnTop:!0,closeOnClick:!1,draggable:!1,rtl:!1})(sl||(sl=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"],["\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:Ic,dismiss:function(n){b.toast.dismiss(n)},success:function(n,e){return Ic(n,A(A({},e),{type:"success"}))},error:function(n,e){return Ic(n,A(A({},e),{type:"error"}))},info:function(n,e){return Ic(n,A(A({},e),{type:"info"}))},warning:function(n,e){return Ic(n,A(A({},e),{type:"warning"}))},standard:function(n,e){return Ic(n,A(A({},e),{type:"standard"}))}};exports.Accordion=function(n){return v.default.createElement(Nt,A({},n),v.default.createElement(It,A({},n)))},exports.AsyncCreatableSelect=function(n){var t=n.status,r=void 0===t?"normal":t,o=n.components,i=To({status:r}),a=e.useMemo((function(){return A(A({},Eo()),o)}),[o]);return v.default.createElement(Do,A({},n),v.default.createElement(E.default,A({},n,{components:a,backspaceRemoves:!0,styles:i})))},exports.AsyncSelect=function(n){var t=n.status,r=void 0===t?"normal":t,o=n.components,i=To({status:r}),a=e.useMemo((function(){return A(A({},Eo()),o)}),[o]);return v.default.createElement(Do,A({},n),v.default.createElement(k.default,A({},n,{components:a,backspaceRemoves:!0,styles:i})))},exports.Avatar=Mt,exports.Badge=function(n){var e=n.color,t=n.handleRightIconClick,r=n.imageUrl,o=n.leftIcon,i=n.rightIcon,a=n.text;return v.default.createElement(Lt,A({className:e||""},n),r&&v.default.createElement(Mt,{size:"xs",image:r}),o&&v.default.createElement(Et,A({},o)),v.default.createElement(jt,null,a),i&&v.default.createElement(Et,A({},i,{onClick:t})))},exports.Banner=function(e){var t=e.color,r=e.content,o=e.icon,i=e.onClose;return v.default.createElement(Ht,{color:t},o&&v.default.createElement(Et,A({},o)),v.default.createElement(Ut,null,r),i&&v.default.createElement(Et,{icon:n.faTimes,color:"grey",onClick:i}))},exports.Button=er,exports.Checkbox=Wr,exports.Chip=function(n){return v.default.createElement(rr,A({},n),v.default.createElement(ir,A({},n)))},exports.ConfirmationModal=function(n){var e=_l[n.type],t=kl[e],r=El[e];return v.default.createElement(xl,{isOpen:n.isOpen,onActionClose:function(){return n.setIsOpen(!1)},isSmall:!0},v.default.createElement(bl,null,v.default.createElement(Et,{icon:t,size:"1x",color:r}),v.default.createElement("span",{style:{marginLeft:"10px"}},n.title)),v.default.createElement(yl,null,n.description),v.default.createElement(vl,null,n.question),v.default.createElement(wl,null,v.default.createElement(er,{text:"Annulla",color:"grey",onClick:function(){n.setIsOpen(!1)}}),v.default.createElement(Cl,{text:n.actionText,color:r,onClick:function(){n.setIsOpen(!1),n.onAction()}})))},exports.CreatableSelect=function(n){var t=n.status,r=void 0===t?"normal":t,o=n.components,i=To({status:r}),a=e.useMemo((function(){return A(A({},Eo()),o)}),[o]);return v.default.createElement(Do,A({},n),v.default.createElement(C.default,A({},n,{components:a,backspaceRemoves:!0,styles:i})))},exports.Drawer=function(n){return v.default.createElement(ar,A({},n),v.default.createElement(cr,A({},n)))},exports.Dropdown=Dr,exports.DropdownTabs=function(n){var t=n.className,r=n.distance,o=void 0===r?15:r,i=n.lateralPadding,a=void 0===i?23:i,c=n.tabs,s=function(){var n=l.useMeasure(),t=n[0],r=n[1].width,o=e.useState(0),i=o[0],a=o[1];return l.useDebounce((function(){return a(r)}),250,[r]),{elementsWrapperRef:t,wrapperWidth:i}}(),d=s.elementsWrapperRef,u=s.wrapperWidth,p=e.useState(0)[1],f=c.length,m=e.useMemo((function(){return Array.from(Array(f),(function(){return v.default.createRef()}))}),[f]),g=e.useMemo((function(){return m.map((function(n){return function(){return p((function(n){return n+1})),n}}))}),[m]),h=function(n){var t=n.distance,r=n.lateralPadding,o=n.tabsLength,i=n.tabsRefs,a=n.wrapperWidth;return e.useMemo((function(){for(var n,e=0,l=a-2*r;e!==o&&l>0;){var c=null===(n=i[e].current)||void 0===n?void 0:n.offsetWidth;c&&l-(c+t)>0?(e++,l-=c+t):l=-1}return{visibleCount:e}}),[t,r,o,i,a])}({distance:o,tabsLength:f,wrapperWidth:u,tabsRefs:m,lateralPadding:a}).visibleCount,x=e.useMemo((function(){return c.map((function(n,e){return v.default.createElement(sc,A({key:e,tabRef:g[e]},n))}))}),[c,m]),b=e.useMemo((function(){return c.slice(0,h).map((function(n,e){return v.default.createElement(sc,A({key:e},n))}))}),[c,h]),y=e.useMemo((function(){return c.slice(h)}),[c,h]),w=0!==y.length,_=y.some((function(n){return n.active})),k=0===u;return v.default.createElement(v.default.Fragment,null,v.default.createElement(xc,{className:t,distance:o,lateralPadding:a,hidden:!k},x),v.default.createElement(uc,{className:t,distance:o,lateralPadding:a,hidden:k,ref:d},b,w&&v.default.createElement(gc,{active:_,tabs:y})))},exports.GroupedList=function(n){var t=n.className,r=n.groups,o=n.navigable,i=n.placeholder,a=n.wrapperStyle,l=e.useState(!1),c=l[0],s=l[1],d=e.useMemo((function(){return r.reduce((function(n,e){return n+e.items.length}),0)}),[r]),u=e.useCallback((function(n){var e,t,r,i,a=null===(t=null===(e=document.activeElement)||void 0===e?void 0:e.dataset)||void 0===t?void 0:t.groupedListItem;o&&!a&&["ArrowUp","ArrowDown"].includes(n.key)&&(n.preventDefault(),"ArrowUp"===n.key?null===(r=document.querySelector("div[data-grouped-list-item='"+d+"']"))||void 0===r||r.focus():null===(i=document.querySelector("div[data-grouped-list-item='1']"))||void 0===i||i.focus(),s(!0))}),[d,o]),p=function(n){var e=n.target,t=null==e?void 0:e.closest("[data-grouped-list-item]");null==t||t.focus(),s(!1)};e.useEffect((function(){return c?(removeEventListener("keydown",u),addEventListener("mousemove",p)):(addEventListener("keydown",u),removeEventListener("mousemove",p)),function(){removeEventListener("keydown",u),removeEventListener("mousemove",p)}}),[u,c]);var f=e.useMemo((function(){return{mouseBlocked:c,setMouseBlocked:s}}),[c,s]),m=e.useRef(null),g=1;return v.default.createElement(Ko,{style:a,ref:m,className:t},r.map((function(n,e){var t=g;return g+=n.items.length,v.default.createElement(Xo,A({key:e},n,{mouseBlockedProps:f,navigable:o,index:t,wrapperRef:m,placeholder:i}))})))},exports.Icon=Et,exports.IconBackground=function(n){var e=n.children,t=P(n,["children"]);return v.default.createElement(wt,A({},t),e)},exports.IconButton=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=Wt({onClick:a,manualLock:i});return v.default.createElement(tr,{color:t,className:e,type:l,onClick:c,isDisabled:i},v.default.createElement(Et,A({},r)))},exports.InlineMessage=function(n){var e,t;return v.default.createElement(ni,A({},n,{style:null!==(t=null===(e=null==n?void 0:n.componentStyle)||void 0===e?void 0:e.root)&&void 0!==t?t:{}}),v.default.createElement(ii,A({},n)))},exports.InputHelper=Or,exports.InputText=function(n){var e=n.label,t=n.className,r=P(n,["label","className"]),o=n.isDisabled,i=n.required,a=n.helper;return v.default.createElement(Pr,{className:t},v.default.createElement(Kr,{label:e,isDisabled:o,required:i}),v.default.createElement(io,A({},r)),a&&v.default.createElement(Or,A({},a)))},exports.MicroTag=function(n){var e=n.text,t=n.type;return v.default.createElement(mi,{type:t},e)},exports.Modal=ml,exports.ModalBody=Ri,exports.ModalSearchable=function(n){var e=n.children,t=n.className,r=n.handleChangeValue,o=n.placeholder,i=n.value,a=v.default.createElement(hl,null,v.default.createElement(pl,{icon:p.faSearch,color:"black"}),v.default.createElement("input",{autoFocus:!0,className:"inputSearchable",type:"text",onChange:function(n){r(n.currentTarget.value)},value:i,placeholder:o}),v.default.createElement(gl,{visible:!!i,onClick:function(){r("")}},"Cancella"));return v.default.createElement(ml,A({className:t,header:function(){return a}},n),e)},exports.PageEmptySet=zl,exports.Pagination=function(n){return v.default.createElement(Sl,null,v.default.createElement(Dl,A({},n)))},exports.Progressbar=function(n){return v.default.createElement(Fl,A({},n),v.default.createElement(Al,A({},n)))},exports.RadioButton=Yo,exports.RadioButtonGroup=function(n){return v.default.createElement("div",{style:n.style},n.options.map((function(e){return v.default.createElement(Yo,{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})})))},exports.ScrollableTabs=function(n){var t=n.className,r=n.distance,o=void 0===r?15:r,i=n.lateralPadding,a=void 0===i?23:i,l=n.tabs,c=e.useMemo((function(){return l.map((function(n,e){return v.default.createElement(sc,A({key:e},n))}))}),[l]);return v.default.createElement(pc,{className:t,distance:o,lateralPadding:a},c)},exports.Select=function(n){var t=n.status,r=void 0===t?"normal":t,o=n.components,i=To({status:r}),a=e.useMemo((function(){return A(A({},Eo()),o)}),[o]);return v.default.createElement(Do,A({},n),v.default.createElement(_.default,A({},n,{components:a,backspaceRemoves:!0,styles:i})))},exports.ShortcutTip=function(n){var e=n.shortcut,t=n.text,r=P(n,["shortcut","text"]);return v.default.createElement(kc,A({text:v.default.createElement(v.default.Fragment,null,t," ",v.default.createElement("b",null,e)),leftIcon:Ec},r))},exports.SidebarItem=function(e){var t,r=e.caretVisible,i=void 0!==r&&r,a=e.className,l=e.dropdownContent,c=e.icon,s=e.isActive,d=void 0!==s&&s,u=e.isDisabled,p=void 0!==u&&u,f=e.isHidden,m=void 0!==f&&f,g=e.isOpen,h=void 0!==g&&g,x=e.onClick,b=e.title,y=e.forceOpenDropdown,w=e.customProps;if(m)return null;var _=(null===(t=null==w?void 0:w.renderContent)||void 0===t?void 0:t.call(w,e))||b;return v.default.createElement(ui,{customColor:null==w?void 0:w.color,isActive:d,isDisabled:p,className:a,onClick:x},v.default.createElement(si,{isOpen:h,isVisible:i},v.default.createElement(Et,{icon:n.faCaretRight})),c?v.default.createElement(Et,A({},c,{fixedWidth:!0})):v.default.createElement(fi,{icon:o.faCircle,fixedWidth:!0}),v.default.createElement(pi,null,_),!p&&l&&v.default.createElement(di,{content:l,forceOpen:y}))},exports.Stepper=function(n){var t=n.steps,r=n.currentStep,o=e.useMemo((function(){return t.reduce((function(n,e,t){return 0===t?[v.default.createElement(hi,{key:t,number:t,status:wi(t,r),text:e})]:O(n,[v.default.createElement(vi,{key:"divider_"+t}),v.default.createElement(hi,{key:t,number:t,status:wi(t,r),text:e})])}),[])}),[t,r]);return v.default.createElement(_i,null,o)},exports.Table=function(n){return v.default.createElement(ac,A({},n))},exports.Tag=function(n){var e=n.leftIcon,t=n.rightIcon,r=n.tagStyle,o=n.text,i=n.type,a=n.className;return v.default.createElement(Ti,{className:a,type:i,tagStyle:r},e&&v.default.createElement(ki,A({},e)),v.default.createElement(Ci,null,o),t&&v.default.createElement(Ei,A({},t)))},exports.TextArea=function(n){var e=n.label,t=n.className,r=P(n,["label","className"]),o=n.isDisabled,i=n.required,a=n.helper;return v.default.createElement(Pr,{className:t},v.default.createElement(Kr,{label:e,isDisabled:o,required:i}),v.default.createElement(No,A({},r)),a&&v.default.createElement(Or,A({},a)))},exports.ThemeProvider=function(n){var e=n.children,r=n.theme;return v.default.createElement(t.ThemeProvider,{theme:r},v.default.createElement(v.default.Fragment,null,e))},exports.Tip=kc,exports.Toast=Bc,exports.Tooltip=function(n){var t=n.message,r=n.placement,o=n.className,c=n.children,s=n.type,d=n.onMouseEnter,u=n.onMouseLeave,p=e.useRef(null),f=e.useRef(null),m=e.useRef(null),g=e.useState(null),h=g[0],x=g[1],b=e.useState(!1),y=b[0],w=b[1],_=e.useCallback((function(){return w(!0)}),[]),k=e.useCallback((function(){return w(!1)}),[]);l.useClickAway(p,k),e.useEffect((function(){if(y)return window.addEventListener("touchmove",k),function(){window.removeEventListener("touchmove",k)}}),[k,y]);var E=e.useCallback((function(n){_(),null==d||d(n)}),[d,_]),C=e.useCallback((function(n){k(),null==u||u(n)}),[k,u]),T=i.usePopper(m.current,f.current,{placement:r,strategy:"fixed",modifiers:e.useMemo((function(){return[{name:"arrow",options:{element:h}},{name:"offset",options:{offset:[0,10]}}]}),[h])}),z=T.attributes,S=T.styles;return v.default.createElement(Ai,{className:o,ref:p},v.default.createElement("div",{ref:m,onClick:_,onMouseEnter:E,onMouseLeave:C},c),v.default.createElement(a.CSSTransition,{in:y,timeout:200,unmountOnExit:!0,appear:!0},v.default.createElement(Pi,null,v.default.createElement(Fi,A({ref:f,style:S.popper},z.popper),v.default.createElement(zi,{type:s,ref:x,style:S.arrow}),v.default.createElement(Di,{type:s,style:S.offset},t)))))},exports.WithBadge=function(n){var e=n.children,t=P(n,["children"]);return v.default.createElement(Ar,null,e,!t.isDisabled&&v.default.createElement(Fr,A({},t)))},exports.sidebarItemHeight=44,exports.useCheckboxValue=function(n){void 0===n&&(n="unchecked");var t=e.useState((function(){return Rr(n)})),r=t[0],o=t[1],i="checked"===r,a=e.useCallback((function(){return o("checked")}),[]),l=e.useCallback((function(){return o("unchecked")}),[]),c=e.useCallback((function(){return o("indeterminate")}),[]),s=e.useCallback((function(){return o((function(n){return"unchecked"===n?"checked":"unchecked"}))}),[]);return{status:r,value:i,setCheck:a,setUncheck:l,setIndeterminate:c,toggleCheckbox:s}},exports.useSelectMultiValues=function(n){return e.useState(n)},exports.useSelectValue=function(n){return void 0===n&&(n=null),e.useState(n)};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
+var React = require('react');
+var React__default = _interopDefault(React);
+var styled = require('styled-components');
+var styled__default = _interopDefault(styled);
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
+var reactPopper = require('react-popper');
+var reactTransitionGroup = require('react-transition-group');
+var reactUse = require('react-use');
+var ReactSelect = require('react-select');
+var ReactSelect__default = _interopDefault(ReactSelect);
+var Async = _interopDefault(require('react-select/async'));
+var AsyncCreatable = _interopDefault(require('react-select/async-creatable'));
+var Creatable = _interopDefault(require('react-select/creatable'));
+var proLightSvgIcons = require('@fortawesome/pro-light-svg-icons');
+var reactDeviceDetect = require('react-device-detect');
+var ReactModal = _interopDefault(require('react-modal'));
+var range = _interopDefault(require('lodash/range'));
+var _ = _interopDefault(require('lodash'));
+var reactBeautifulDnd = require('react-beautiful-dnd');
+var proDuotoneSvgIcons = require('@fortawesome/pro-duotone-svg-icons');
+var reactToastify = require('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__default.createElement(Wrapper, __assign({}, rest), children);
+};
+var circleBackgroundScaleFactor = 1.5;
+var Wrapper = styled__default.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 = React.useMemo(function () { return (isDisabled || !onClick ? undefined : function (e) { return onClick(e); }); }, [isDisabled, onClick]);
+    return React__default.createElement(StyledIcon, __assign({}, props, { onClick: handleClick }));
+};
+var StyledIcon = styled__default(reactFontawesome.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__default.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__default.createElement(React__default.Fragment, null,
+            React__default.createElement("div", { className: 'header' },
+                React__default.createElement("div", { onClick: this.handleOpenAccordion, className: "header__element pointer chevron" + (show ? "" : "__closed") },
+                    React__default.createElement(Icon, { icon: proSolidSvgIcons.faChevronDown })),
+                React__default.createElement("div", { onClick: this.handleOpenAccordion, className: 'header__element title pointer' }, renderTitle ? React__default.createElement(React__default.Fragment, null, renderTitle()) : React__default.createElement("p", null, title)),
+                React__default.createElement("div", { className: 'header__element' }, renderLateralActions
+                    ? renderLateralActions
+                    : lateralActions === null || lateralActions === void 0 ? void 0 : lateralActions.map(function (o, i) { return (React__default.createElement("span", { className: "action_icon " + (show ? "visibile" : ""), key: i, onClick: o.action }, o.icon)); }))),
+            show && React__default.createElement("div", { className: "body" }, renderBody())));
+    };
+    return UnstyledAccordion;
+}(React.Component));
+var Accordion = function (props) { return (React__default.createElement(StyledAccordionWrapper, __assign({}, props),
+    React__default.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__default.createElement("span", { className: props.className }); };
+var Avatar = styled__default(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__default.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__default.createElement(Body, __assign({ className: color || '' }, props),
+        imageUrl && React__default.createElement(Avatar, { size: 'xs', image: imageUrl }),
+        leftIcon && React__default.createElement(Icon, __assign({}, leftIcon)),
+        React__default.createElement(Text, null, text),
+        rightIcon && React__default.createElement(Icon, __assign({}, rightIcon, { onClick: handleRightIconClick }))));
+};
+var Text = styled__default.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__default.createElement(Wrapper$1, { color: color },
+        icon && React__default.createElement(Icon, __assign({}, icon)),
+        React__default.createElement(Content, null, content),
+        onClose && React__default.createElement(Icon, { icon: proSolidSvgIcons.faTimes, color: 'grey', onClick: onClose })));
+};
+var Wrapper$1 = styled__default.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 styled.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__default.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 = React.useRef(true);
+    return React.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__default.createElement("div", { className: className },
+        React__default.createElement(Icon, { icon: proRegularSvgIcons.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__default(Icon)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
+var LeftIcon = styled__default(StyledIcon$1)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject([""], [""])));
+var RightIcon = styled__default(StyledIcon$1)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject([""], [""])));
+var ButtonSpinner = styled__default(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__default.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__default.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 = styled.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__default.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__default.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 = React.useCallback(function (props) { return (href ? React__default.createElement(HrefWrapper, __assign({}, props)) : React__default.createElement(OnClickWrapper, __assign({}, props))); }, [href]);
+    return (React__default.createElement(Wrapper, { className: className, size: size, color: color, onClick: debounceClick, href: href, type: type, isDisabled: isDisabled, fullWidth: fullWidth, target: target },
+        React__default.createElement(Content$1, { isLoading: showLoading },
+            iconLeft && React__default.createElement(LeftIcon, __assign({}, iconLeft)),
+            text && React__default.createElement(Text$1, null, text),
+            iconRight && React__default.createElement(RightIcon, __assign({}, iconRight))),
+        showLoading && React__default.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__default.createElement(Wrapper$2, { color: color, className: className, type: type, onClick: handleClick, isDisabled: isDisabled },
+        React__default.createElement(Icon, __assign({}, icon))));
+};
+var Wrapper$2 = styled__default.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: proSolidSvgIcons.faCheck,
+    indeterminate: proSolidSvgIcons.faMinus,
+    unchecked: null,
+};
+var convertToStatus = function (value) {
+    return typeof value === 'boolean' ? (value ? 'checked' : 'unchecked') : value;
+};
+
+var Input = styled__default.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__default.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 = React.useCallback(function () { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.click(); }, []);
+    var handleClick = React.useCallback(function (e) { return !isDisabled && onClick && onClick(e); }, [isDisabled, onClick]);
+    var icon = statusIcon[value];
+    var ref = React.useRef(null);
+    React.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__default.createElement(ClickableWrapper, { className: className, onClick: wrapperClick },
+        React__default.createElement(Input, { value: value, large: large, isDisabled: isDisabled, hasError: !!error }, icon && React__default.createElement(Icon, { icon: icon })),
+        React__default.createElement(HiddenInput, { ref: ref, type: 'checkbox', value: value, onClick: handleClick, onChange: onChange, disabled: isDisabled }),
+        React__default.createElement(Label, { large: large, isDisabled: isDisabled, hasError: !!error }, text)));
+};
+var ClickableWrapper = styled__default.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__default.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__default.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 = React.useState(function () { return convertToStatus(initialValue); }), status = _a[0], setStatus = _a[1];
+    var value = status === 'checked';
+    var setCheck = React.useCallback(function () { return setStatus('checked'); }, []);
+    var setUncheck = React.useCallback(function () { return setStatus('unchecked'); }, []);
+    var setIndeterminate = React.useCallback(function () { return setStatus('indeterminate'); }, []);
+    var toggleCheckbox = React.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__default.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 styled.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 styled.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__default(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__default.createElement(React__default.Fragment, null,
+            text,
+            ' ',
+            statusEdit ? (React__default.createElement("div", null,
+                React__default.createElement(StyledIcon$2, { icon: proSolidSvgIcons.faTimes, onClick: function () {
+                        closeAction ? closeAction() : null;
+                    } }))) : null));
+    };
+    return UnstyledChip;
+}(React.Component));
+var Chip = function (props) { return (React__default.createElement(StyledChipWrapper, __assign({}, props),
+    React__default.createElement(UnstyledChip, __assign({}, props)))); };
+
+var showHandler = function (show) {
+    return show
+        ? styled.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__default.div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var show = _a.show, palette = _a.theme.palette;
+    return styled.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__default(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__default.createElement("div", { className: 'drawer' },
+            React__default.createElement("div", { className: 'drawer__header' },
+                renderHeader ? renderHeader() : React__default.createElement("div", { className: 'drawer__header__title' }, title),
+                React__default.createElement("div", { className: 'drawer__header__actions' },
+                    React__default.createElement("span", { onClick: actionClose },
+                        React__default.createElement(StyledIcon$3, { icon: proSolidSvgIcons.faTimes })))),
+            React__default.createElement("div", { className: 'drawer__body' }, this.props.children),
+            renderFooter ? React__default.createElement("div", { className: 'drawer__footer' }, renderFooter()) : null));
+    };
+    return UnstyledDrawer;
+}(React.Component));
+var Drawer = function (props) { return (React__default.createElement(StyledDrawerWrapper, __assign({}, props),
+    React__default.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__default.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 = React.useCallback(function (e) { return !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e)); }, [isDisabled, onClick]);
+    return (React__default.createElement(StyledItem, __assign({ className: className || '', onClick: handleClick, active: !!active, hasAction: !!onClick, isDisabled: isDisabled }, rest),
+        React__default.createElement(InnerWrapper, null,
+            icon && React__default.createElement(Icon, __assign({}, icon)),
+            React__default.createElement(TextWrapper, null, text),
+            shortcut && React__default.createElement(ShortcutText, null, shortcut))));
+};
+var hasActionCss = styled.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__default.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__default.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__default.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__default.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__default.createElement(StyledDiv, null); };
+var templateObject_1$h;
+
+var Title = function (props) { return React__default.createElement(StyledTitle, null, props.text); };
+var StyledTitle = styled__default.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 = React.useMemo(function () {
+        if (text) {
+            return text
+                .split(' ')
+                .map(function (w) { return w[0]; })
+                .join('');
+        }
+        return undefined;
+    }, [text]);
+    return (React__default.createElement(UserListWrapper, { clickable: !!onClick, onClick: onClick },
+        React__default.createElement(Avatar, { image: img, placeholder: placeholder, size: avatarSize || 's', initials: initials }),
+        React__default.createElement(NameWrapper, null, renderText ? renderText : text ? text : noText)));
+};
+var UserListWrapper = styled__default.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 && styled.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__default.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 = React.useMemo(function () {
+        return content.map(function (_a, id) {
+            var onClick = _a.onClick, rest = __rest(_a, ["onClick"]);
+            return (React__default.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__default.createElement(React__default.Fragment, null, mappedItems);
+};
+
+var DefaultTrigger = function (_a) {
+    var title = _a.title;
+    return React__default.createElement(Button, { text: title, iconRight: { icon: proSolidSvgIcons.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 = React.useState(false), isOpen = _d[0], setIsOpen = _d[1];
+    var toggleDropdown = React.useCallback(function (e) {
+        setIsOpen(function (isOpen) { return !isOpen; });
+        e.stopPropagation();
+    }, []);
+    var closeDropdown = React.useCallback(function () { return setIsOpen(false); }, []);
+    React.useEffect(function () {
+        setIsOpen(forceOpen);
+    }, [forceOpen]);
+    // Close Dropdown on click outside
+    var wrapperRef = React.useRef(null);
+    reactUse.useClickAway(wrapperRef, function () { return closeDropdown(); });
+    var popperRef = React.useRef(null);
+    var buttonRef = React.useRef(null);
+    var _e = React.useState(null), arrowRef = _e[0], setArrowRef = _e[1];
+    var _f = reactPopper.usePopper(buttonRef.current, popperRef.current, {
+        placement: placement,
+        strategy: 'fixed',
+        modifiers: React.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__default.createElement(Wrapper$3, { className: className, ref: wrapperRef },
+        React__default.createElement("div", { style: triggerStyles, ref: buttonRef, onClick: toggleDropdown },
+            title && React__default.createElement(DefaultTrigger, { title: title }),
+            !title && renderTrigger && renderTrigger()),
+        React__default.createElement(reactTransitionGroup.CSSTransition, { in: forceOpen || isOpen, timeout: 200, unmountOnExit: true, appear: true },
+            React__default.createElement(BodyAnimationWrapper, null,
+                React__default.createElement(PopperContainer, __assign({ ref: popperRef, style: styles.popper }, attributes.popper),
+                    React__default.createElement("div", { ref: setArrowRef, style: styles.arrow }),
+                    React__default.createElement("div", { style: styles.offset }, content ? (React__default.createElement(DefaultWrapper, { fullWidth: fullWidth, maxWidth: maxWidth },
+                        React__default.createElement(DefaultDropdown, { content: content, fullWidth: fullWidth, maxWidth: maxWidth, closeDropdown: closeDropdown }))) : (React__default.createElement(CustomWrapper, { maxWidth: maxWidth }, renderContent === null || renderContent === void 0 ? void 0 : renderContent(closeDropdown)))))))));
+};
+var Wrapper$3 = styled__default.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var DefaultWrapper = styled__default.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ",
+    ";\n"])), function (_a) {
+    var fullWidth = _a.fullWidth, maxWidth = _a.maxWidth;
+    return maxWidth
+        ? styled.css(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n          max-width: ", ";\n        "], ["\n          max-width: ", ";\n        "])), maxWidth) : styled.css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), fullWidth ? 'auto' : '200px');
+});
+var CustomWrapper = styled__default.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var maxWidth = _a.maxWidth;
+    return maxWidth && styled.css(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n      max-width: ", ";\n    "], ["\n      max-width: ", ";\n    "])), maxWidth);
+});
+var PopperContainer = styled__default.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__default.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__default.createElement(DropdownImpl, __assign({}, this.props));
+    };
+    Dropdown.Item = Item;
+    Dropdown.Title = function (localProps) { return Title(localProps); };
+    Dropdown.Separator = Separator;
+    Dropdown.UserListItem = UserListItem;
+    return Dropdown;
+}(React.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 styled.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 styled.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 styled.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 styled.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 styled.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 styled.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__default.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__default.createElement(WithBadgeWrapper, null,
+        children,
+        !rest.isDisabled && React__default.createElement(FloatingBadge, __assign({}, rest))));
+};
+var WithBadgeWrapper = styled__default.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__default.createElement(Wrapper$4, { status: status },
+        icon && React__default.createElement(StyledIcon$4, __assign({}, icon)),
+        message));
+};
+var StyledIcon$4 = styled__default(Icon)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n  margin-top: 2px;\n"], ["\n  margin-top: 2px;\n"])));
+var Wrapper$4 = styled__default.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__default.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 = styled.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__default.createElement(Wrapper$5, { isDisabled: isDisabled, required: required }, label));
+};
+var requiredCss = styled.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__default.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 = styled.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'
+        ? styled.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) : styled.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: proSolidSvgIcons.faExclamationTriangle,
+    fixedWidth: true,
+};
+var errorIcon = {
+    icon: proSolidSvgIcons.faTimesCircle,
+    fixedWidth: true,
+};
+var successIcon = {
+    icon: proSolidSvgIcons.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__default.createElement(StyledIcon$5, __assign({}, icon, { status: status }));
+};
+var StyledIcon$5 = styled__default(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 = styled.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__default.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' && styled.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 = React.useRef(null);
+    var onClick = React.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 = React.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 = React.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__default.createElement(Wrapper$6, { onClick: onClick, isDisabled: isDisabled, status: status, className: className },
+        leadingIcon && React__default.createElement(InputIcon, __assign({}, leadingIcon, { isDisabled: isDisabled })),
+        React__default.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__default.createElement(StatusIcon, { status: status }),
+        actionIcon && React__default.createElement(InputIcon, __assign({}, actionIcon, { isDisabled: isDisabled }))));
+};
+var Wrapper$6 = styled__default.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__default(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__default.createElement(ComplexInputWrapper, { className: className },
+        React__default.createElement(Label$1, { label: label, isDisabled: isDisabled, required: required }),
+        React__default.createElement(InputElement, __assign({}, inputProps)),
+        helper && React__default.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 React.useState(initialValue); };
+var useSelectMultiValues = function (initialValue) {
+    return React.useState(initialValue);
+};
+
+var ClearIndicator = function (_a) {
+    var isDisabled = _a.isDisabled, clearValue = _a.clearValue;
+    var onClick = React.useCallback(function () { return !isDisabled && clearValue(); }, [clearValue, isDisabled]);
+    return React__default.createElement(CaretIcon, { icon: proLightSvgIcons.faTimes, onClick: onClick });
+};
+var CaretIcon = styled__default(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__default.createElement(Wrapper$7, { onMouseDown: onMouseDown }, children);
+};
+var Wrapper$7 = styled__default.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__default.createElement(Wrapper$8, { isRotated: selectProps.menuIsOpen },
+        React__default.createElement(Icon, { icon: proSolidSvgIcons.faCaretDown })));
+};
+var Wrapper$8 = styled__default.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 = React.useMemo(function () {
+        return actions.map(function (_a, id) {
+            var onClick = _a.onClick, closeOnClick = _a.closeOnClick, rest = __rest(_a, ["onClick", "closeOnClick"]);
+            return (React__default.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__default.createElement(Wrapper$9, null, mappedActions);
+};
+var Wrapper$9 = styled__default.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__default(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 = React.useCallback(function () { return setValue(getValue(), 'select-option'); }, [getValue, setValue]);
+    return (React__default.createElement(Wrapper$a, null,
+        React__default.createElement(ReactSelect.components.MenuList, __assign({}, rest),
+            children,
+            footerActions && React__default.createElement(FooterActions, { actions: footerActions, triggerClose: triggerClose }))));
+};
+var Wrapper$a = styled__default.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__default.createElement(Wrapper$b, { onClick: onClick },
+        icon && React__default.createElement(Icon, __assign({}, icon)),
+        React__default.createElement("div", null, label)));
+};
+var Wrapper$b = styled__default.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__default.createElement(Wrapper$c, null, children));
+};
+var Wrapper$c = styled__default.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 = styled.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 = styled.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__default.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__default.createElement(ComplexInputWrapper, null,
+        React__default.createElement(Label$1, { label: label, isDisabled: isDisabled, required: required }),
+        React__default.createElement(SelectWrapper, { isDisabled: isDisabled, status: status, inputSize: inputSize }, children),
+        helper && React__default.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 = React.useMemo(function () { return (__assign(__assign({}, getCustomComponents()), components)); }, [components]);
+    return (React__default.createElement(SelectsWrapper, __assign({}, props),
+        React__default.createElement(ReactSelect__default, __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 = React.useMemo(function () { return (__assign(__assign({}, getCustomComponents()), components)); }, [components]);
+    return (React__default.createElement(SelectsWrapper, __assign({}, props),
+        React__default.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 = React.useMemo(function () { return (__assign(__assign({}, getCustomComponents()), components)); }, [components]);
+    return (React__default.createElement(SelectsWrapper, __assign({}, props),
+        React__default.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 = React.useMemo(function () { return (__assign(__assign({}, getCustomComponents()), components)); }, [components]);
+    return (React__default.createElement(SelectsWrapper, __assign({}, props),
+        React__default.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__default.createElement(Wrapper$d, null,
+        length,
+        maxLength && "/" + maxLength));
+};
+var Wrapper$d = styled__default.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 = styled.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__default.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 = React.useRef(null);
+    var onClick = React.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 = React.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]);
+    React.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 = React.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__default.createElement(Wrapper$e, { onClick: onClick, isDisabled: isDisabled, status: status, className: className, initialHeight: initialHeight, isResizable: isResizable },
+        React__default.createElement(FlexWrapper, null,
+            React__default.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__default.createElement(CharCounter, { length: actualValue.length, maxLength: maxLength }))));
+};
+var FlexWrapper = styled__default.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__default.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__default.createElement(ComplexInputWrapper, { className: className },
+        React__default.createElement(Label$1, { label: label, isDisabled: isDisabled, required: required }),
+        React__default.createElement(TextAreaElement, __assign({}, inputProps)),
+        helper && React__default.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 = React.useRef(null);
+    var handleKeyDown = React.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 = React.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 = React.useCallback(function () {
+        if (!(navigable && mouseBlocked)) {
+            onMouseHover === null || onMouseHover === void 0 ? void 0 : onMouseHover();
+            avoidOutOfBoundFocus();
+        }
+    }, [avoidOutOfBoundFocus, mouseBlocked, navigable, onMouseHover]);
+    var handleMouseLeave = React.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]);
+    React.useEffect(function () { return function () { return removeEventListener('keydown', handleKeyDown); }; }, [handleKeyDown]);
+    return (React__default.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__default.createElement(LeftIcon$1, __assign({}, icon, { fixedWidth: true })),
+        title ? React__default.createElement(Title$1, null, title) : React__default.createElement(Placeholder$1, null, placeholder),
+        action && React__default.createElement(RightElement, null, action)));
+};
+var Title$1 = styled__default.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__default(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__default(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__default.div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject([""], [""])));
+var SingleElement = styled__default.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
+        ? styled.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) : styled.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__default.createElement(TitleElementWrapper, { noResults: noResults, key: title },
+        title.toUpperCase(),
+        noResults && React__default.createElement(NoResultsWrapper, null, "(nessun risultato)")));
+};
+var TitleElementWrapper = styled__default.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
+        ? styled.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__default.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__default.createElement(React__default.Fragment, null,
+        React__default.createElement(TitleElement, { title: title, noResults: !items.length }),
+        items.map(function (item, idx) { return (React__default.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 = React.useState(false), mouseBlocked = _a[0], setMouseBlocked = _a[1];
+    // The elements indices will range from 1 to n
+    var itemsNumber = React.useMemo(function () { return groups.reduce(function (sum, g) { return sum + g.items.length; }, 0); }, [groups]);
+    var handleKeyDown = React.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);
+    };
+    React.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 = React.useMemo(function () { return ({
+        mouseBlocked: mouseBlocked,
+        setMouseBlocked: setMouseBlocked,
+    }); }, [mouseBlocked, setMouseBlocked]);
+    var wrapperRef = React.useRef(null);
+    var i = 1;
+    return (React__default.createElement(Wrapper$f, { style: wrapperStyle, ref: wrapperRef, className: className }, groups.map(function (group, index) {
+        var oldI = i;
+        i += group.items.length;
+        return (React__default.createElement(GroupElement, __assign({ key: index }, group, { mouseBlockedProps: mouseBlockedProps, navigable: navigable, index: oldI, wrapperRef: wrapperRef, placeholder: placeholder })));
+    })));
+};
+var Wrapper$f = styled__default.div(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
+var templateObject_1$L;
+
+var Label$2 = styled__default.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 && styled.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__default.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 styled.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 && styled.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 && styled.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 && styled.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__default.createElement("div", { className: props.className, onClick: function () { return (!props.isDisabled ? props.onClick() : undefined); } }, props.renderOption ? (props.renderOption({ isDisabled: isDisabled, isChecked: isChecked, label: label })) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Radio, { isChecked: props.isChecked, isDisabled: props.isDisabled }),
+        React__default.createElement(Label$2, { isDisabled: props.isDisabled }, props.label)))));
+};
+var Wrapper$g = styled__default(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 && styled.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__default.createElement(Wrapper$g, __assign({}, props));
+};
+var templateObject_1$O, templateObject_2$k;
+
+var RadioButtonGroup = function (props) { return (React__default.createElement("div", { style: props.style }, props.options.map(function (o) { return (React__default.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 styled.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 styled.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 styled.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 styled.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 styled.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 styled.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__default.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__default.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 styled.css(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), spacing.s);
+        case 'large':
+            return styled.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 styled.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), spacing.m);
+    }
+};
+var StyledInlineMessageWrapper = styled__default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var size = _a.size, theme = _a.theme, type = _a.type;
+    return styled.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__default.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__default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  line-height: 20px;\n"], ["\n  line-height: 20px;\n"])));
+var StyledCloseIcon = styled__default(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: proSolidSvgIcons.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__default.createElement(React__default.Fragment, null,
+        React__default.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__default.createElement(Icon, __assign({}, icon)) : null),
+        React__default.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__default.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__default.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__default.createElement(StyledCloseIconWrapper, { onClick: onClose }, renderCloseIcon ? renderCloseIcon() : React__default.createElement(StyledCloseIcon, __assign({}, (closeIcon || defaultCloseIcon), { fixedWidth: true }))))));
+};
+var InlineMessage = function (props) {
+    var _a, _b;
+    return (React__default.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__default.createElement(UnstyledInlineMessage, __assign({}, props))));
+};
+
+var renderTrigger = function () { return (React__default.createElement(IconWrapper, { tabIndex: 0 },
+    React__default.createElement(Icon, { icon: proSolidSvgIcons.faEllipsisH, fixedWidth: true }))); };
+var IconWrapper = styled__default.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__default.createElement(Dropdown, { triggerStyles: triggerStyles, className: className, placement: 'right-start', renderTrigger: renderTrigger, content: content, forceOpen: forceOpen }));
+};
+var templateObject_1$Q;
+
+var SidebarItemCaret = styled__default.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, href = props.href;
+    var handleClick = React.useCallback(function (e) {
+        if (onClick && ((reactDeviceDetect.isMacOs && !e.metaKey) || (!reactDeviceDetect.isMacOs && !e.ctrlKey))) {
+            e.preventDefault();
+            onClick(e);
+        }
+    }, [onClick]);
+    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__default.createElement(SidebarItemWrapper, { href: href, customColor: customProps === null || customProps === void 0 ? void 0 : customProps.color, isActive: isActive, isDisabled: isDisabled, className: className, onClick: handleClick },
+        React__default.createElement(SidebarItemCaret, { isOpen: isOpen, isVisible: caretVisible },
+            React__default.createElement(Icon, { icon: proSolidSvgIcons.faCaretRight })),
+        icon ? React__default.createElement(Icon, __assign({}, icon, { fixedWidth: true })) : React__default.createElement(NoIcon, { icon: proRegularSvgIcons.faCircle, fixedWidth: true }),
+        React__default.createElement(Title$2, null, content),
+        !isDisabled && dropdownContent && React__default.createElement(Dropdown$1, { content: dropdownContent, forceOpen: forceOpenDropdown })));
+};
+var Dropdown$1 = styled__default(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__default.a.attrs(getSidebarItemStyles)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\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"])), 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__default.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__default(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__default.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__default.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__default.createElement(Icon, { icon: proSolidSvgIcons.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__default.createElement(Wrapper$h, { status: status },
+        React__default.createElement(Circle, null, content),
+        React__default.createElement(Text$2, null, text)));
+};
+var Circle = styled__default.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__default.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject([""], [""])));
+var Wrapper$h = styled__default.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__default.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 = React.useMemo(function () {
+        return steps.reduce(function (r, step, i) {
+            if (i === 0) {
+                return [React__default.createElement(StepItem, { key: i, number: i, status: getItemStatus(i, currentStep), text: step })];
+            }
+            else {
+                return __spreadArrays(r, [
+                    React__default.createElement(StepperDivider, { key: "divider_" + i }),
+                    React__default.createElement(StepItem, { key: i, number: i, status: getItemStatus(i, currentStep), text: step }),
+                ]);
+            }
+        }, []);
+    }, [steps, currentStep]);
+    return React__default.createElement(Wrapper$i, null, mappedSteps);
+};
+var Wrapper$i = styled__default.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__default(Icon)(templateObject_1$X || (templateObject_1$X = __makeTemplateObject([""], [""])));
+var RightIcon$1 = styled__default(Icon)(templateObject_2$o || (templateObject_2$o = __makeTemplateObject([""], [""])));
+var Text$3 = styled__default.div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject([""], [""])));
+var StyledTag = styled__default.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__default.createElement(StyledTag, { className: className, type: type, tagStyle: tagStyle },
+        leftIcon && React__default.createElement(LeftIcon$2, __assign({}, leftIcon)),
+        React__default.createElement(Text$3, null, text),
+        rightIcon && React__default.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__default.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 = styled.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__default.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__default.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 = React.useRef(null);
+    var popperRef = React.useRef(null);
+    var buttonRef = React.useRef(null);
+    var _b = React.useState(null), arrowRef = _b[0], setArrowRef = _b[1];
+    var _c = React.useState(false), isOpen = _c[0], setIsOpen = _c[1];
+    var show = React.useCallback(function () { return setIsOpen(true); }, []);
+    var hide = React.useCallback(function () { return setIsOpen(false); }, []);
+    reactUse.useClickAway(wrapperRef, hide);
+    React.useEffect(function () {
+        if (isOpen) {
+            window.addEventListener('touchmove', hide);
+            return function () {
+                window.removeEventListener('touchmove', hide);
+            };
+        }
+        return;
+    }, [hide, isOpen]);
+    var _onMouseEnter = React.useCallback(function (e) {
+        show();
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    }, [onMouseEnter, show]);
+    var _onMouseLeave = React.useCallback(function (e) {
+        hide();
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+    }, [hide, onMouseLeave]);
+    var _d = reactPopper.usePopper(buttonRef.current, popperRef.current, {
+        placement: placement,
+        strategy: 'fixed',
+        modifiers: React.useMemo(function () { return [
+            {
+                name: 'arrow',
+                options: {
+                    element: arrowRef,
+                },
+            },
+            {
+                name: 'offset',
+                options: {
+                    offset: [0, 10],
+                },
+            },
+        ]; }, [arrowRef]),
+    }), attributes = _d.attributes, styles = _d.styles;
+    return (React__default.createElement(Wrapper$j, { className: className, ref: wrapperRef },
+        React__default.createElement("div", { ref: buttonRef, onClick: show, onMouseEnter: _onMouseEnter, onMouseLeave: _onMouseLeave }, children),
+        React__default.createElement(reactTransitionGroup.CSSTransition, { in: isOpen, timeout: 200, unmountOnExit: true, appear: true },
+            React__default.createElement(BodyAnimationWrapper$1, null,
+                React__default.createElement(TooltipContainer, __assign({ ref: popperRef, style: styles.popper }, attributes.popper),
+                    React__default.createElement(Arrow, { type: type, ref: setArrowRef, style: styles.arrow }),
+                    React__default.createElement(Message, { type: type, style: styles.offset }, message))))));
+};
+var Wrapper$j = styled__default.div(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var BodyAnimationWrapper$1 = styled__default.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 = styled.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__default(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__default.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
+        ? styled.css(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n          height: ", "px;\n        "], ["\n          height: ", "px;\n        "])), fullScreenHeight) : styled.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__default.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 styled.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 styled.css(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n          max-height: calc(100vh - (", " * 4));\n        "], ["\n          max-height: calc(100vh - (", " * 4));\n        "])), headerFooterHeight);
+        }
+        return styled.css(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n        max-height: 100%;\n      "], ["\n        max-height: 100%;\n      "])));
+    }
+});
+var ModalHeaderClose = styled__default.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__default.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 styled.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__default.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__default.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject([""], [""])));
+var TopAttachment = styled__default.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__default.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__default(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__default.createElement(React__default.Fragment, null, footerButtons.map(function (elem, i) { return (React__default.createElement("div", { key: i },
+                    React__default.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__default.createElement(React__default.Fragment, null,
+            React__default.createElement(ModalAnimation, null),
+            React__default.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__default.createElement(React__default.Fragment, null,
+                    topAttachment && (React__default.createElement(TopAttachment, { id: 'top-attachment', height: this.state.topAttachmentHeight }, topAttachment())),
+                    React__default.createElement(StyledModalBox, { className: className, isFullscreen: isFullscreen, isSmall: isSmall, fullScreenHeight: fullScreenHeight },
+                        (header || title) && (React__default.createElement(ModalHeader, null,
+                            header ? header() : React__default.createElement("h3", null, title),
+                            onActionClose ? (React__default.createElement(ModalHeaderClose, null,
+                                React__default.createElement(Icon, { icon: proLightSvgIcons.faTimes, size: '1x', type: 'light', fixedWidth: true, onClick: this.handleModalClose, className: 'icon' }))) : null)),
+                        React__default.createElement(ModalBody, { height: height, minHeight: minHeight, isFullscreen: isFullscreen, header: header, title: title, footer: this.props.footer }, this.props.children),
+                        this.hasFooter() && React__default.createElement(ModalFooter, null, this.renderFooter())),
+                    bottomAttachment && React__default.createElement(BottomAttachment, null, bottomAttachment())))));
+    };
+    return Modal;
+}(React.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__default.createElement(WrapperInput, null,
+        React__default.createElement(StyledIcon$6, { icon: proLightSvgIcons.faSearch, color: 'black' }),
+        React__default.createElement("input", { autoFocus: true, className: 'inputSearchable', type: 'text', onChange: handleChange, value: value, placeholder: placeholder }),
+        React__default.createElement(ClearButton, { visible: !!value, onClick: clearInput }, "Cancella")));
+    return (React__default.createElement(Modal, __assign({ className: className, header: function () { return Header; } }, props), children));
+};
+var ClearButton = styled__default.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__default.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__default(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__default.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__default.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__default.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__default.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: proSolidSvgIcons.faExclamationTriangle,
+    info: proSolidSvgIcons.faInfoCircle,
+    warning: proSolidSvgIcons.faExclamationTriangle,
+    success: proSolidSvgIcons.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__default.createElement(CustomSizeModal, { isOpen: props.isOpen, onActionClose: function () { return props.setIsOpen(false); }, isSmall: true },
+        React__default.createElement(TitleContent, null,
+            React__default.createElement(Icon, { icon: icon, size: '1x', color: color }),
+            React__default.createElement("span", { style: { marginLeft: '10px' } }, props.title)),
+        React__default.createElement(BodyContent, null, props.description),
+        React__default.createElement(Question, null, props.question),
+        React__default.createElement(Buttons, null,
+            React__default.createElement(Button, { text: 'Annulla', color: 'grey', onClick: function () {
+                    props.setIsOpen(false);
+                } }),
+            React__default.createElement(StyledButton, { text: props.actionText, color: color, onClick: function () {
+                    props.setIsOpen(false);
+                    props.onAction();
+                } }))));
+};
+var StyledButton = styled__default(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__default.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 = React.useMemo(function () {
+        return action ? (React__default.createElement(Button, { onClick: function () { return action.action(); }, iconLeft: action.icon ? action.icon : undefined, text: action.text, color: 'green' })) : null;
+    }, [action]);
+    return (React__default.createElement(StyledWrapper, null,
+        icon && (React__default.createElement("div", { className: 'icon' },
+            React__default.createElement(Icon, __assign({}, icon)))),
+        title && React__default.createElement("h5", null, title),
+        text && React__default.createElement("p", null, text),
+        button));
+};
+var templateObject_1$15;
+
+var StyledWrapper$1 = styled__default.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return styled.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__default.createElement("div", { className: 'pagination' },
+        React__default.createElement("div", { onClick: function () {
+                if (props.prevPageAction && backActive) {
+                    props.prevPageAction();
+                }
+            }, className: 'pagination__element' + " " + (backActive ? '' : 'deactivated') }, props.prevText),
+        !pageRange.includes(1) ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement("div", { onClick: function () {
+                    props.changePageAction(1);
+                }, className: "pagination__element " + (props.currentPage === 1 ? 'selected' : '') }, "1"),
+            pageRange[0] - 1 !== 1 ? React__default.createElement("div", { className: 'pagination__element' }, "...") : null)) : null,
+        pageRange.map(function (o, i) { return (React__default.createElement("div", { key: i, onClick: function () {
+                props.changePageAction(o);
+            }, className: "pagination__element " + (o === managedCurrentPage ? 'selected' : '') }, o)); }),
+        !pageRange.includes(numberOfPages) ? (React__default.createElement(React__default.Fragment, null,
+            numberOfPages - pageRange[pageRange.length - 1] !== 1 ? (React__default.createElement("div", { className: 'pagination__element' }, "...")) : null,
+            React__default.createElement("div", { onClick: function () {
+                    props.changePageAction(numberOfPages);
+                }, className: "pagination__element " + (props.currentPage === numberOfPages ? 'selected' : '') }, numberOfPages))) : null,
+        React__default.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__default.createElement(StyledWrapper$1, null,
+    React__default.createElement(PaginationComponent, __assign({}, props)))); };
+
+var StyledProgressbarWrapper = styled__default.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 styled.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__default.createElement("div", { className: 'progression__container' },
+            React__default.createElement("div", { className: 'progression__bar' })));
+    };
+    return UnstyledProgressbar;
+}(React.Component));
+var Progressbar = function (props) { return (React__default.createElement(StyledProgressbarWrapper, __assign({}, props),
+    React__default.createElement(UnstyledProgressbar, __assign({}, props)))); };
+
+var linearBackground = function () { return styled.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: proSolidSvgIcons.faSortUp,
+    desc: proSolidSvgIcons.faSortDown,
+    default: proSolidSvgIcons.faSort,
+};
+var StyledWrapper$2 = styled__default.div(templateObject_1$19 || (templateObject_1$19 = __makeTemplateObject(["\n  margin-left: 0.5rem;\n"], ["\n  margin-left: 0.5rem;\n"])));
+var StyledIcon$7 = styled__default(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__default.createElement(StyledWrapper$2, null,
+        React__default.createElement(StyledIcon$7, { icon: typeMap$1[type], onClick: function () {
+                props.handleSortOnProperty(props.property, nextType);
+            } })));
+};
+var templateObject_1$19, templateObject_2$w;
+
+var ellipsisIcon = {
+    icon: proSolidSvgIcons.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__default.createElement("thead", null,
+        React__default.createElement("tr", null,
+            disableSelection ? null : (React__default.createElement("th", null,
+                React__default.createElement("input", { disabled: isLoading, type: 'checkbox', checked: allChecked, onChange: handleSelectAll }))),
+            controlledProperties.map(function (o, i) {
+                if (!o.active) {
+                    return null;
+                }
+                return (React__default.createElement("th", { key: i, style: o.columnStyle },
+                    React__default.createElement("div", null,
+                        React__default.createElement("div", null, o.label),
+                        o.sortable ? (React__default.createElement(SortIcon, { propertiesFilter: propertiesFilter, property: o.id, handleSortOnProperty: handleSortOnProperty })) : null)));
+            }),
+            actions && actions.length ? React__default.createElement("th", null, "Azioni") : null,
+            React__default.createElement("th", { onClick: function () {
+                    setShowModalCustomizeTrue();
+                } },
+                React__default.createElement(Icon, __assign({}, ellipsisIcon))))));
+};
+
+var Row = styled__default.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__default.createElement("div", null, listSize && !isLoading
+        ? data.map(function (o, i) { return React__default.createElement(Row, { key: i }, renderMobileRow ? renderMobileRow(o) : undefined); })
+        : undefined));
+};
+var templateObject_1$1a;
+
+var ActionLink = styled__default.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 styled.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__default.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__default.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 styled.css(templateObject_1$1d || (templateObject_1$1d = __makeTemplateObject(["\n        display: block;\n      "], ["\n        display: block;\n      "])));
+    }
+    return undefined;
+});
+var Action = styled__default.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 styled.css(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), props.color);
+    }
+    return undefined;
+});
+var ActionsPopUp = function (props) { return (React__default.createElement(StyledWrapper$3, { active: props.active }, props.actions.map(function (a, ai) { return (React__default.createElement("div", { key: ai, className: 'link_container' },
+    React__default.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__default.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 styled.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 && styled.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__default.createElement(StyledWrapper$4, { active: props.active, onClick: function () { return props.handlePopUpVisibility(props.rowId); } },
+    React__default.createElement(Icon, { icon: proSolidSvgIcons.faEllipsisH }))); };
+var templateObject_1$1e, templateObject_2$z, templateObject_3$j;
+
+var ActionsPopUpUnderlay = styled__default.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 && styled.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__default.createElement("tr", { className: "" + (selectedList && selectedList.includes(element.id) ? "selected" : "") },
+        disableSelection ? null : (React__default.createElement("td", null,
+            React__default.createElement("div", null,
+                React__default.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__default.createElement("td", { key: pi },
+                    React__default.createElement("div", { className: 'table__value' }, p.render ? p.render(element[p.id], element.id) : React__default.createElement("span", null, element[p.id]))));
+            }
+            return null;
+        }),
+        actions && actions.length ? (React__default.createElement("td", null,
+            React__default.createElement(ActionsContainer, null,
+                actions[0] ? (React__default.createElement(ActionLink, { onClick: function (e) {
+                        e.preventDefault();
+                        actions[0].action(element, selectedList ? selectedList : []);
+                    }, color: actions[0].color }, actions[0].label)) : null,
+                React__default.createElement(ActionsPopUpUnderlay, { onClick: function () {
+                        handlePopUpVisibility(undefined);
+                    }, active: Boolean(currentActionsPopUp === index) }),
+                actions && actions.length > 1 && (React__default.createElement(ActionsPopUpButton, { active: Boolean(currentActionsPopUp === index), rowId: index, handlePopUpVisibility: handlePopUpVisibility })),
+                React__default.createElement(ActionsPopUp, { active: Boolean(currentActionsPopUp === index), actions: actions.slice(1), selectedRows: selectedList ? selectedList : [], element: element, handlePopUpVisibility: handlePopUpVisibility })))) : null,
+        React__default.createElement("td", null)));
+};
+
+var StyledWrapper$5 = styled__default.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var show = _a.show, palette = _a.theme.palette;
+    return styled.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 && styled.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__default.createElement(reactBeautifulDnd.DragDropContext, { onDragEnd: onDragEnd },
+        React__default.createElement(reactBeautifulDnd.Droppable, { droppableId: 'droppable' }, function (provided, snapshot) { return (React__default.createElement("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, style: getListStyle(snapshot.isDraggingOver) }),
+            localProperties.map(function (o, i) { return (React__default.createElement(reactBeautifulDnd.Draggable, { key: o.id, draggableId: o.id, index: i, isDragDisabled: i === 0 }, function (provided, snapshot) { return (React__default.createElement("div", __assign({ className: 'draggable_element', ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: getItemStyle(snapshot, provided.draggableProps.style) }),
+                React__default.createElement("div", { className: 'draggable__handle' },
+                    React__default.createElement(Icon, { icon: proSolidSvgIcons.faEquals, className: 'icon' })),
+                React__default.createElement("div", { className: 'draggable__checkbox' },
+                    React__default.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__default.createElement(StyledWrapper$5, { show: show },
+            React__default.createElement("div", { className: 'modal__container' },
+                React__default.createElement("div", { className: 'modal__header' },
+                    React__default.createElement("div", null, title),
+                    React__default.createElement("div", null,
+                        React__default.createElement("p", { onClick: close },
+                            React__default.createElement(Icon, { icon: proSolidSvgIcons.faTimes })))),
+                React__default.createElement("div", { className: 'modal__body' },
+                    React__default.createElement(UseDnd, { onDragEnd: this.onDragEnd, localProperties: this.state.localProperties, propertiesDisplayHandler: this.propertiesDisplayHandler })),
+                React__default.createElement("div", { className: 'modal__footer' },
+                    React__default.createElement("div", null,
+                        React__default.createElement("p", { className: 'link', onClick: this.resetProperties }, "Reimposta")),
+                    React__default.createElement("div", { className: 'buttons__container' },
+                        React__default.createElement(Button, { text: 'Annulla', color: 'grey', size: 'large', onClick: function () {
+                                _this.setState({ localProperties: properties });
+                                close();
+                            } }),
+                        React__default.createElement(Button, { text: 'Applica', size: 'large', onClick: function () {
+                                modifyControlledPropertiesHandler(localProperties);
+                                close();
+                            } }))))));
+    };
+    return CustomizationsModal;
+}(React.Component));
+
+var LoadingTableRow = styled__default.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__default.createElement("td", { key: "tr-" + tri + "-td-" + 0 }));
+            for (var tdi = 0; tdi < props.propsNumber; tdi++) {
+                cells.push(React__default.createElement("td", { key: "tr-" + tri + "-td-" + (tdi + 1) },
+                    React__default.createElement("div", { className: 'linear-background' })));
+            }
+            cells.push(React__default.createElement("td", { key: "tr-" + tri + "-td-" + cells.length }));
+            rows.push(React__default.createElement(LoadingTableRow, { key: "tr-" + tri }, cells));
+        }
+        return rows;
+    };
+    return React__default.createElement(React__default.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__default.createElement("div", { className: 'pagination' },
+        React__default.createElement("div", { onClick: function () {
+                if (props.prevPageAction && backActive) {
+                    props.prevPageAction();
+                }
+            }, className: "pagination__element " + (backActive ? '' : 'deactivated') }, "Indietro"),
+        !pageRage.includes(1) ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement("div", { onClick: function () {
+                    props.changePageAction(1);
+                }, className: "pagination__element " + (props.currentPage === 1 ? "selected" : null) }, "1"),
+            pageRage[0] - 1 !== 1 ? React__default.createElement("div", { className: "pagination__element" }, "...") : null)) : null,
+        pageRage.map(function (o, i) {
+            if (o > 0 && o <= numberOfPages) {
+                return (React__default.createElement("div", { key: i, onClick: function () {
+                        props.changePageAction(o);
+                    }, className: "pagination__element " + (o === managedCurrentPage ? "selected" : null) }, o));
+            }
+            return null;
+        }),
+        !pageRage.includes(numberOfPages) ? (React__default.createElement(React__default.Fragment, null,
+            numberOfPages - pageRage[pageRage.length - 1] !== 1 ? (React__default.createElement("div", { className: "pagination__element" }, "...")) : null,
+            React__default.createElement("div", { onClick: function () {
+                    props.changePageAction(numberOfPages);
+                }, className: "pagination__element " + (props.currentPage === numberOfPages ? "selected" : null) }, numberOfPages))) : null,
+        React__default.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__default.createElement("div", { className: className },
+            window.innerWidth <= responsiveThresholds.tabletLandscape ? (React__default.createElement(ListMobile, { listSize: listSize, isLoading: isLoading, data: data, renderMobileRow: renderMobileRow })) : undefined,
+            window.innerWidth > responsiveThresholds.tabletLandscape ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("table", null,
+                    React__default.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__default.createElement("tbody", null,
+                        listSize && !isLoading
+                            ? _.orderBy(data, filterPropertiesIds, filterPropertiesTypes).map(function (o, i) { return (React__default.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__default.createElement(LoadingContent, { elmentsNumber: pageSize, propsNumber: controlledProperties.length })) : null)),
+                listSize <= 0 && !isLoading && emptySetTitle ? (React__default.createElement("div", { className: 'pageEmptySet__container' },
+                    React__default.createElement(PageEmptySet, { icon: emptySetIcon, title: emptySetTitle, text: emptySetText, action: emptySetAction }))) : null,
+                listSize ? (React__default.createElement(Pagination$1, { changePageAction: changePageAction, nextPageAction: nextPageAction, prevPageAction: prevPageAction, currentPage: currentPage, pageSize: pageSize, listSize: listSize })) : null,
+                React__default.createElement(CustomizationsModal, { show: showModalCustomize, close: function () {
+                        _this.setState({ showModalCustomize: false });
+                    }, title: customizeModalTitle, properties: controlledProperties, modifyControlledPropertiesHandler: this.modifyControlledPropertiesHandler }))) : null));
+    };
+    return UnstyledTable;
+}(React.Component));
+
+var StyledTableWrapper = styled__default(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 styled.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 && styled.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 && styled.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 && styled.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 && styled.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 styled.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__default.createElement(StyledTableWrapper, __assign({}, props)); };
+
+var ActiveTag = styled__default.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__default.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__default.createElement(ItemWrapper, { ref: tabRef === null || tabRef === void 0 ? void 0 : tabRef(), onClick: handleClick },
+        React__default.createElement(Tab, { active: active }, text),
+        React__default.createElement(ActiveTag, { active: active })));
+};
+var ItemWrapper = styled__default.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__default.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 && styled.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__default(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 = reactUse.useMeasure(), elementsWrapperRef = _a[0], wrapperTmpWidth = _a[1].width;
+    var _b = React.useState(0), wrapperWidth = _b[0], setWrapperWidth = _b[1];
+    reactUse.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 React.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__default.createElement(Item$1, { active: active, text: React__default.createElement(DropdownIcon, { icon: proLightSvgIcons.faEllipsisH, fixedWidth: true }) }));
+};
+var DropdownIcon = styled__default(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 = React.useCallback(function () { return React__default.createElement(TabsDropdownTrigger, { active: active }); }, [active]);
+    var renderContent = React.useCallback(function (closeDropdown) { return (React__default.createElement(React__default.Fragment, null, tabs.map(function (_a, i) {
+        var active = _a.active, handleClick = _a.handleClick, text = _a.text;
+        return (React__default.createElement(Dropdown.Item, { key: i, text: text, active: active, onClick: function () {
+                handleClick && handleClick();
+                closeDropdown();
+            } }));
+    }))); }, [tabs]);
+    return React__default.createElement(Dropdown$2, { placement: 'bottom-end', fullWidth: true, renderTrigger: renderTrigger, renderContent: renderContent });
+};
+var Dropdown$2 = styled__default(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 = React.useState(0), refresh = _e[1];
+    var tabsLength = tabs.length;
+    var tabsRefs = React.useMemo(function () { return Array.from(Array(tabsLength), function () { return React__default.createRef(); }); }, [tabsLength]);
+    var cbRef = React.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 = React.useMemo(function () { return tabs.map(function (attrs, i) { return React__default.createElement(Item$1, __assign({ key: i, tabRef: cbRef[i] }, attrs)); }); }, [tabs, tabsRefs]);
+    var visibleItems = React.useMemo(function () { return tabs.slice(0, visibleCount).map(function (attrs, i) { return React__default.createElement(Item$1, __assign({ key: i }, attrs)); }); }, [tabs, visibleCount]);
+    var dropdownItems = React.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__default.createElement(React__default.Fragment, null,
+        React__default.createElement(StyledScrollableWrapper, { className: className, distance: distance, lateralPadding: lateralPadding, hidden: !isCalculatingSpace }, tabsItems),
+        React__default.createElement(TabsWrapper, { className: className, distance: distance, lateralPadding: lateralPadding, hidden: isCalculatingSpace, ref: elementsWrapperRef },
+            visibleItems,
+            dropdownVisible && React__default.createElement(TabsDropdown, { active: dropdownActive, tabs: dropdownItems }))));
+};
+// Remove scrollbar on ScrollableWrapper used until real DropdownTabs is loaded
+var StyledScrollableWrapper = styled__default(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 = React.useMemo(function () { return tabs.map(function (attrs, i) { return React__default.createElement(Item$1, __assign({ key: i }, attrs)); }); }, [tabs]);
+    return (React__default.createElement(ScrollableTabsWrapper, { className: className, distance: distance, lateralPadding: lateralPadding }, tabsItems));
+};
+
+var ThemeProvider = function (_a) {
+    var children = _a.children, theme = _a.theme;
+    return (React__default.createElement(styled.ThemeProvider, { theme: theme },
+        React__default.createElement(React__default.Fragment, null, children)));
+};
+
+var StyledTip = styled__default.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__default.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__default.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__default.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: proSolidSvgIcons.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__default.createElement(StyledTip, { className: className },
+        leftIcon && (React__default.createElement(StyledLeftIcon, null,
+            React__default.createElement(Icon, __assign({}, leftIcon)))),
+        React__default.createElement(StyledText, null, text),
+        onClose && (React__default.createElement(StyledCloseIcon$1, { onClick: onClose }, renderCloseIcon ? renderCloseIcon() : React__default.createElement(Icon, __assign({}, (closeIcon || defaultCloseIcon$1), { fixedWidth: true }))))));
+};
+
+var rocketIcon = {
+    icon: proDuotoneSvgIcons.faRocket,
+};
+var ShortcutTip = function (props) {
+    var shortcut = props.shortcut, text = props.text, rest = __rest(props, ["shortcut", "text"]);
+    return (React__default.createElement(Tip, __assign({ text: React__default.createElement(React__default.Fragment, null,
+            text,
+            " ",
+            React__default.createElement("b", null, shortcut)), leftIcon: rocketIcon }, rest)));
+};
+
+var StyledIconDiv = styled__default.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__default(Icon)(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n  vertical-align: sub;\n"], ["\n  vertical-align: sub;\n"])));
+var StyledTitle$1 = styled__default.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__default.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__default.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__default.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__default.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: proSolidSvgIcons.faInfoSquare,
+    error: proSolidSvgIcons.faExclamationTriangle,
+    info: proSolidSvgIcons.faInfoCircle,
+    warning: proSolidSvgIcons.faExclamationTriangle,
+    success: proSolidSvgIcons.faCheckCircle,
+};
+var ToastContent = function (props) { return (React__default.createElement(StyledToast, null,
+    React__default.createElement(StyledIconDiv, null,
+        React__default.createElement(StyledIcon$8, __assign({}, props.icon, { fixedWidth: true }))),
+    React__default.createElement(StyledTitle$1, null,
+        props.title,
+        React__default.createElement(StyledAction, null,
+            React__default.createElement(StyledActionLabel, { onClick: props.onActionClick }, props.actionLabel))),
+    React__default.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 = reactToastify.toast[type](React__default.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) {
+    reactToastify.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__default(reactToastify.ToastContainer).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,
+};
+
+exports.Accordion = Accordion;
+exports.AsyncCreatableSelect = AsyncCreatableSelect;
+exports.AsyncSelect = AsyncSelect;
+exports.Avatar = Avatar;
+exports.Badge = Badge;
+exports.Banner = Banner;
+exports.Button = Button;
+exports.Checkbox = Checkbox;
+exports.Chip = Chip;
+exports.ConfirmationModal = ConfirmationModal;
+exports.CreatableSelect = CreatableSelect;
+exports.Drawer = Drawer;
+exports.Dropdown = Dropdown;
+exports.DropdownTabs = DropdownTabs;
+exports.GroupedList = GroupedList;
+exports.Icon = Icon;
+exports.IconBackground = IconBackground;
+exports.IconButton = IconButton;
+exports.InlineMessage = InlineMessage;
+exports.InputHelper = InputHelper;
+exports.InputText = InputText;
+exports.MicroTag = MicroTag;
+exports.Modal = Modal;
+exports.ModalBody = ModalBody;
+exports.ModalSearchable = ModalSearchable;
+exports.PageEmptySet = PageEmptySet;
+exports.Pagination = Pagination;
+exports.Progressbar = Progressbar;
+exports.RadioButton = RadioButton;
+exports.RadioButtonGroup = RadioButtonGroup;
+exports.ScrollableTabs = ScrollableTabs;
+exports.Select = Select;
+exports.ShortcutTip = ShortcutTip;
+exports.SidebarItem = SidebarItem;
+exports.Stepper = Stepper;
+exports.Table = Table;
+exports.Tag = Tag;
+exports.TextArea = TextArea;
+exports.ThemeProvider = ThemeProvider;
+exports.Tip = Tip;
+exports.Toast = Toast;
+exports.Tooltip = Tooltip;
+exports.WithBadge = WithBadge;
+exports.sidebarItemHeight = sidebarItemHeight;
+exports.useCheckboxValue = useCheckboxValue;
+exports.useSelectMultiValues = useSelectMultiValues;
+exports.useSelectValue = useSelectValue;