groundfloor-react-ui 1.2.4 → 1.2.6

package/dist/index.es.js

@@ -822,27 +822,27 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
   max-width: 48%;
   min-width: 48%;
   
-`,Ye=({customStyles:e})=>{const o=s.form`
+`,Ye=s.form`
   width: 40vw;
   display: flex;
   justify-content: center;
   flex-direction: column;
   gap: 20px;
   ${({customStyles:e})=>e}
-  `;return t.createElement(o,{customStyles:e})},De=s.div`
+`,De=({customStyles:e,children:o})=>t.createElement(Ye,{customStyles:e},o),$e=s.div`
   display: ${({vertical:e})=>e?"inline-block":"block"};
   background: ${({theme:e,borderColor:t})=>t||e.neutral["neutral-5"]};
   content: '';
   height: ${({vertical:e,thickness:t,height:o})=>e?o:t};
   width: ${({vertical:e,thickness:t})=>e?t:null};
-`,$e=({vertical:e,borderColor:o,thickness:r,height:l,...i})=>{const n=d()||M;return t.createElement(De,w({theme:n,borderColor:o,thickness:r,vertical:e,height:l},i))};$e.propTypes={thickness:e.string,borderColor:e.string,vertical:e.bool,height:e.string},$e.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const _e=s.div`
+`,_e=({vertical:e,borderColor:o,thickness:r,height:l,...i})=>{const n=d()||M;return t.createElement($e,w({theme:n,borderColor:o,thickness:r,vertical:e,height:l},i))};_e.propTypes={thickness:e.string,borderColor:e.string,vertical:e.bool,height:e.string},_e.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const et=s.div`
 //Set the styles from the default styles object
 ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])delete e.common[o],l[o]=e[t][o];l=o?{...l,...e["drawer-open"]}:{...l,...e["drawer-close"]}}return{...l,...r}}}}
-`,et=({customStyles:e,drawerOpen:o,children:r,...l})=>t.createElement(_e,w({inBuiltCss:W,customStyles:e,type:"drawer",drawerOpen:o},l),r);et.propTypes={customStyles:e.object,drawerOpen:e.bool};class tt extends n{constructor(e){super(e),this.state={hasError:!1},this.refreshPage=this.refreshPage.bind(this)}componentDidCatch(e,t){this.setState({hasError:!0})}refreshPage(){window.location.reload()}render(){const{hasError:e}=this.state;return e?t.createElement(a,null,t.createElement("h3",null,t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1.12em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 1856 1664"},t.createElement("path",{d:"M1056 1375v-190q0-14-9.5-23.5t-22.5-9.5H832q-13 0-22.5 9.5T800 1185v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19q-13-11-24-11H818q-11 0-24 11q-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126q-17 29-46.5 46t-63.5 17H160q-34 0-63.5-17T50 1601q-37-63-2-126L816 67q17-31 47-49t65-18t65 18t47 49z",fill:"currentColor"})),"We have experienced an issue. We generated a support ticket on our end to investigate this issue We are sorry about the inconvenience."),t.createElement(ke,{onClick:()=>this.refreshPage()},"Click to refresh")):this.props.children}}tt.propTypes={children:e.any};const ot=p`
+`,tt=({customStyles:e,drawerOpen:o,children:r,...l})=>t.createElement(et,w({inBuiltCss:W,customStyles:e,type:"drawer",drawerOpen:o},l),r);tt.propTypes={customStyles:e.object,drawerOpen:e.bool};class ot extends n{constructor(e){super(e),this.state={hasError:!1},this.refreshPage=this.refreshPage.bind(this)}componentDidCatch(e,t){this.setState({hasError:!0})}refreshPage(){window.location.reload()}render(){const{hasError:e}=this.state;return e?t.createElement(a,null,t.createElement("h3",null,t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1.12em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 1856 1664"},t.createElement("path",{d:"M1056 1375v-190q0-14-9.5-23.5t-22.5-9.5H832q-13 0-22.5 9.5T800 1185v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19q-13-11-24-11H818q-11 0-24 11q-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126q-17 29-46.5 46t-63.5 17H160q-34 0-63.5-17T50 1601q-37-63-2-126L816 67q17-31 47-49t65-18t65 18t47 49z",fill:"currentColor"})),"We have experienced an issue. We generated a support ticket on our end to investigate this issue We are sorry about the inconvenience."),t.createElement(ke,{onClick:()=>this.refreshPage()},"Click to refresh")):this.props.children}}ot.propTypes={children:e.any};const rt=p`
   color: ${({theme:e})=>e.variant["primary-1"]};
   border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
   background: ${({theme:e})=>xe(e.primary["primary-1"],.04)};
-`,rt=s.button`
+`,lt=s.button`
   font-size: 14px;
   color: ${({theme:e})=>e.variant["primary-2"]};
   background: ${({theme:e})=>xe(e.variant["neutral-5"],.7)};
@@ -852,17 +852,17 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
   outline: none;
   cursor: pointer;
 
-  ${({selected:e})=>e?ot:null}
+  ${({selected:e})=>e?rt:null}
 
   &:not(:first-child) {
     margin-left: 8px;
   }
-`,lt=({options:e,selected:o,onClick:r,...l})=>{const i=d()||M,n=e.map(((e,l)=>t.createElement(rt,{theme:i,key:`${e.label}_${l}_${e.value}`,selected:o===e.value,onClick:()=>{r(e.value)}},e.label)));return t.createElement(t.Fragment,null,n)};lt.propTypes={options:e.array,selected:e.string,onClick:e.func},lt.defaultProps={options:[],selected:""};const it=s.footer`
+`,it=({options:e,selected:o,onClick:r,...l})=>{const i=d()||M,n=e.map(((e,l)=>t.createElement(lt,{theme:i,key:`${e.label}_${l}_${e.value}`,selected:o===e.value,onClick:()=>{r(e.value)}},e.label)));return t.createElement(t.Fragment,null,n)};it.propTypes={options:e.array,selected:e.string,onClick:e.func},it.defaultProps={options:[],selected:""};const nt=s.footer`
     //Set the styles from the default styles object
     ${({theme:e,type:t})=>ye(e,t)}
     // custom styles
     ${({customStyles:e})=>e}
-`,nt=o((({theme:e,customStyles:o,...r},l)=>t.createElement(it,w({ref:l,theme:e,type:"footer",customStyles:o},r),r.children)));nt.propTypes={theme:e.object,customStyles:e.object,type:e.string},it.defaultProps={theme:e.object},nt.defaultProps={theme:W,customStyles:null};const at=s.div`
+`,at=o((({theme:e,customStyles:o,...r},l)=>t.createElement(nt,w({ref:l,theme:e,type:"footer",customStyles:o},r),r.children)));at.propTypes={theme:e.object,customStyles:e.object,type:e.string},nt.defaultProps={theme:e.object},at.defaultProps={theme:W,customStyles:null};const ct=s.div`
     font-size: 14px;
 	background-color: transparent;
     display: flex;
@@ -878,7 +878,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
     ${({footerWidth:e})=>{if(e<650)return p`
             flex-direction: column;
             `}}
-`,ct=s.div`
+`,st=s.div`
     display: flex;
     ${({footerWidth:e})=>{if(e<650)return p`
             margin-bottom: 5px;
@@ -888,29 +888,29 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
                 align-items: center;
                 margin-bottom: 0;
             `}}
-`,st=s.div`
+`,dt=s.div`
     margin-top: inherit;
     margin-bottom: inherit;
     ${({footerWidth:e})=>{if(e<350)return p`
             margin-bottom: 5px;
             `}}
-`,dt=s.div`
+`,pt=s.div`
     margin: 0 10px;
     ${({footerWidth:e})=>{if(e<350)return p`
             display: none;
             `}}
-`,pt=({variant:e,textColor:o,size:r,width:l,footerWidth:i,...n})=>t.createElement(at,w({variant:e,textColor:o,footerWidth:i},n),t.createElement(ct,{footerWidth:i},t.createElement(st,{footerWidth:i},"Premise HQ"),t.createElement(dt,{footerWidth:i},"|"),t.createElement(st,{footerWidth:i},"All Rights Restricted 2020 ©")),t.createElement(ct,{footerWidth:i},t.createElement(st,{footerWidth:i},"Terms of use"),t.createElement(dt,{footerWidth:i},"|"),t.createElement(st,{footerWidth:i},"Privacy Policy"))),mt=s.header`
+`,mt=({variant:e,textColor:o,size:r,width:l,footerWidth:i,...n})=>t.createElement(ct,w({variant:e,textColor:o,footerWidth:i},n),t.createElement(st,{footerWidth:i},t.createElement(dt,{footerWidth:i},"Premise HQ"),t.createElement(pt,{footerWidth:i},"|"),t.createElement(dt,{footerWidth:i},"All Rights Restricted 2020 ©")),t.createElement(st,{footerWidth:i},t.createElement(dt,{footerWidth:i},"Terms of use"),t.createElement(pt,{footerWidth:i},"|"),t.createElement(dt,{footerWidth:i},"Privacy Policy"))),ut=s.header`
     //Set the styles from the default styles object
     ${({theme:e,type:t})=>ye(e,t)}
     // custom styles
     ${({customStyles:e})=>e}
-`,ut=({theme:e,type:o,customStyles:r,...l})=>t.createElement(mt,w({theme:e,type:"header",customStyles:r},l),l.children);ut.propTypes={theme:e.object,customStyles:e.object,type:e.string},mt.defaultProps={theme:e.object},ut.defaultProps={theme:W,type:"header",customStyles:null};const gt=s.label`
+`,gt=({theme:e,type:o,customStyles:r,...l})=>t.createElement(ut,w({theme:e,type:"header",customStyles:r},l),l.children);gt.propTypes={theme:e.object,customStyles:e.object,type:e.string},ut.defaultProps={theme:e.object},gt.defaultProps={theme:W,type:"header",customStyles:null};const bt=s.label`
     //Set the styles from the default styles object
     ${({theme:e,type:t})=>ye(e,t)}
         
     // custom styles
     ${({customStyles:e})=>e}
-`,bt=({customStyles:e,text:o,className:r,required:l,...i})=>{const n=W;return t.createElement(gt,w({required:l,theme:n,customStyles:e,type:"label"},i),o,l&&t.createElement("div",{style:{marginLeft:"4px",color:`${M.variant.error}`}},"*"))};bt.propTypes={customStyles:e.object,text:e.string},bt.defaultProps={text:""};const ft=s.div`
+`,ft=({customStyles:e,text:o,className:r,required:l,...i})=>{const n=W;return t.createElement(bt,w({required:l,theme:n,customStyles:e,type:"label"},i),o,l&&t.createElement("div",{style:{marginLeft:"4px",color:`${M.variant.error}`}},"*"))};ft.propTypes={customStyles:e.object,text:e.string},ft.defaultProps={text:""};const ht=s.div`
   box-sizing: initial;
 
   //Set the styles from the default styles object
@@ -921,7 +921,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
 
   // custom styles
   ${({checkBoxOuterStyle:e})=>e}
-`;ft.defaultProps={theme:M};const ht=s.div`
+`;ht.defaultProps={theme:M};const yt=s.div`
   box-sizing: initial;
 
   //Set the styles from the default styles object
@@ -936,7 +936,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
   align-items: center;
   // custom styles
   ${({checkBoxInnerStyle:e})=>e}
-`;ht.defaultProps={theme:M};const yt=s.span`
+`;yt.defaultProps={theme:M};const xt=s.span`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,type:t})=>ye(e,t)}
 
@@ -946,7 +946,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
 
   // custom styles
   ${({optionTextStyle:e})=>e}
-`;yt.defaultProps={theme:M};const xt=s.label`
+`;xt.defaultProps={theme:M};const At=s.label`
   width: fit-content;
   margin-bottom: ${({inline:e})=>e?"":"18px !important"};
   cursor: pointer;
@@ -956,10 +956,10 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
 
   // custom styles
   ${({wrapperStyles:e})=>e}
-`,At=s.div`
+`,vt=s.div`
   flex-direction: ${({inline:e})=>e?"row":"column"};
   width: ${({inline:e})=>e?"initial":"auto"};
-`,vt=({getCheckedArr:e,checkBoxOuterStyle:o,checkBoxInnerStyle:r,optionTextStyle:l,defaultBorderColor:n,defaultTextColor:a,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:p,label:m,options:u,setOptions:g,wrapperStyles:b,inline:f,wrapperStyle:h,isRequired:y,...x})=>{const A=d()||M;i((()=>{v(u)}),[]);const v=t=>{let o=t.filter((e=>!1!==e.checked));e(o)},C=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return t.createElement("div",w({style:C},x),t.createElement("div",{style:{display:"flex"}},t.createElement(bt,w({customStyles:p,type:"check-label",text:m},x)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${A.variant.error}`}},"*")),t.createElement(At,w({style:{display:"flex",flexWrap:"wrap"},inline:f},x),u?.map(((e,i)=>t.createElement(xt,w({inline:f,id:e.id,key:`${e.name}-${i}`,onClick:()=>{((e,t)=>{let o=[...u];o[t].checked=!e.checked,g(o),v(o)})(e,i)},wrapperStyles:b},x),e.checked?t.createElement(ht,w({theme:A,inBuiltCss:W,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...r,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:n,checkedCheckBoxColor:s,checked:!e?.disabled&&e.checked},x),t.createElement(X,{icon:"check-icon",size:18,color:"white"})):t.createElement(ft,w({inBuiltCss:W,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:n,theme:A},x)),t.createElement(yt,{theme:A,inline:f,optionTextStyle:{...l,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:a,checkedTextColor:c},e.label))))))};vt.propTypes={wrapperStyle:e.object,label:e.string,labelStyle:e.object,checkBoxOuterStyle:e.object,checkBoxInnerStyle:e.object,optionTextStyle:e.object,defaultTextColor:e.string,checkedTextColor:e.string,defaultBorderColor:e.string,checkedCheckBoxColor:e.string,inline:e.bool,options:e.array,setOptions:e.func,getCheckedArr:e.func,isRequired:e.bool,wrapperStyles:e.object},vt.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{}};const Ct=s.div`
+`,Ct=({getCheckedArr:e,checkBoxOuterStyle:o,checkBoxInnerStyle:r,optionTextStyle:l,defaultBorderColor:n,defaultTextColor:a,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:p,label:m,options:u,setOptions:g,wrapperStyles:b,inline:f,wrapperStyle:h,isRequired:y,...x})=>{const A=d()||M;i((()=>{v(u)}),[]);const v=t=>{let o=t.filter((e=>!1!==e.checked));e(o)},C=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return t.createElement("div",w({style:C},x),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:p,type:"check-label",text:m},x)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${A.variant.error}`}},"*")),t.createElement(vt,w({style:{display:"flex",flexWrap:"wrap"},inline:f},x),u?.map(((e,i)=>t.createElement(At,w({inline:f,id:e.id,key:`${e.name}-${i}`,onClick:()=>{((e,t)=>{let o=[...u];o[t].checked=!e.checked,g(o),v(o)})(e,i)},wrapperStyles:b},x),e.checked?t.createElement(yt,w({theme:A,inBuiltCss:W,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...r,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:n,checkedCheckBoxColor:s,checked:!e?.disabled&&e.checked},x),t.createElement(X,{icon:"check-icon",size:18,color:"white"})):t.createElement(ht,w({inBuiltCss:W,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:n,theme:A},x)),t.createElement(xt,{theme:A,inline:f,optionTextStyle:{...l,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:a,checkedTextColor:c},e.label))))))};Ct.propTypes={wrapperStyle:e.object,label:e.string,labelStyle:e.object,checkBoxOuterStyle:e.object,checkBoxInnerStyle:e.object,optionTextStyle:e.object,defaultTextColor:e.string,checkedTextColor:e.string,defaultBorderColor:e.string,checkedCheckBoxColor:e.string,inline:e.bool,options:e.array,setOptions:e.func,getCheckedArr:e.func,isRequired:e.bool,wrapperStyles:e.object},Ct.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{}};const wt=s.div`
 border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
 background-color: ${({theme:e})=>e.bgColor};
 
@@ -971,7 +971,7 @@ ${({inBuiltCss:e,defaultColorWrapperStyle:t})=>ye(e,t)}
 // custom styles
 ${({customColorWrapperStyle:e})=>e}
 
-`,wt=s.input`
+`,St=s.input`
 
 border: 0.5px solid ${({theme:e})=>e.variant["neutral-4"]};
 box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.0880136);
@@ -992,7 +992,7 @@ padding: 0;
 ${({inBuiltCss:e,defaultInputColorStyle:t})=>ye(e,t)}
 // custom styles
 ${({customInputColorStyle:e})=>e}
-`,St=({label:e,labelStyle:o,value:r,setValue:l,customInputColorStyle:i,customColorWrapperStyle:n,id:a,...c})=>{const s=d()||M;return t.createElement(Ct,w({customColorWrapperStyle:n,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:W},c),t.createElement(wt,w({id:a,customInputColorStyle:i,defaultInputColorStyle:"input-color",inBuiltCss:W,theme:s},c,{type:"color",value:r,onChange:e=>{l(e.target.value)}})),t.createElement(bt,w({themeColor:M,customStyles:o,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px"}},c)))};St.propTypes={label:e.string,labelStyle:e.object,value:e.string,setValue:e.func,customInputColorStyle:e.object,customColorWrapperStyle:e.object,id:e.string},St.defaultProps={label:"",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:""};const Et=s.div`
+`,Et=({label:e,labelStyle:o,value:r,setValue:l,customInputColorStyle:i,customColorWrapperStyle:n,id:a,...c})=>{const s=d()||M;return t.createElement(wt,w({customColorWrapperStyle:n,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:W},c),t.createElement(St,w({id:a,customInputColorStyle:i,defaultInputColorStyle:"input-color",inBuiltCss:W,theme:s},c,{type:"color",value:r,onChange:e=>{l(e.target.value)}})),t.createElement(ft,w({themeColor:M,customStyles:o,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px"}},c)))};Et.propTypes={label:e.string,labelStyle:e.object,value:e.string,setValue:e.func,customInputColorStyle:e.object,customColorWrapperStyle:e.object,id:e.string},Et.defaultProps={label:"",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:""};const kt=s.div`
   display: flex;
   cursor: ${({disabled:e})=>e?"not-allowed":"text"};
 
@@ -1131,24 +1131,24 @@ ${({customInputColorStyle:e})=>e}
   .react-datepicker::after {
     box-sizing: initial !important;
   }
-`;Et.defaultProps={theme:M};const kt=s.div`
+`;kt.defaultProps={theme:M};const zt=s.div`
   display: flex;
   align-items: flex-start;
   justify-content: center;
   font-size: 16px;
   padding-top: 12px;
   padding-bottom: 15px;
-`,zt=s.div`
+`,Vt=s.div`
   display: flex;
   justify-content: center;
   margin-left: 6px;
-`,Vt=s("div")`
-  width: inherit;
 `,Mt=s("div")`
+  width: inherit;
+`,Bt=s("div")`
   display: flex;
   flex-direction: row;
   cursor: pointer;
-`,Bt=s("div")`
+`,It=s("div")`
   margin-top: 8px;
   position: absolute;
   z-index: 100;
@@ -1159,7 +1159,7 @@ ${({customInputColorStyle:e})=>e}
   background: white;
   box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
   border-radius: 4px;
-`,It=s("ul")`
+`,Wt=s("ul")`
   list-style: none;
   padding: 0;
   margin: 12px;
@@ -1186,7 +1186,7 @@ ${({customInputColorStyle:e})=>e}
     background-color: ${({theme:e})=>e.neutral["neutral-4"]};
     border-radius: 10px;
   }
-`;It.defaultProps={theme:M};const Wt=s("li")`
+`;Wt.defaultProps={theme:M};const Rt=s("li")`
   text-align: left;
   font-style: normal;
   font-weight: normal;
@@ -1195,7 +1195,7 @@ ${({customInputColorStyle:e})=>e}
   padding-left: 12px;
   padding-bottom: 12px;
   cursor: pointer;
-`,Rt=({startDate:e,setStartDate:o,disabled:n,theme:a,...c})=>{const s=d()||M,p=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var m=[],u=2010;u<=(new Date).getFullYear()+10;u++)m.push(u);const g=r(null),f=r(null),[h,y]=l(!1),[x,A]=l(!1),[v,C]=l(!1),[S,E]=l(!1),[k,z]=l(e.getFullYear()),[V,B]=l(p[e.getMonth()]);i((()=>{B(p[e.getMonth()]),z(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",I,!0),()=>{document.removeEventListener("click",I,!0)})),[]);const I=e=>{g.current&&!g.current.contains(e.target)&&y(!1)},W=e=>{f.current&&!f.current.contains(e.target)&&A(!1)};return i((()=>(document.addEventListener("click",W,!0),()=>{document.removeEventListener("click",W,!0)})),[]),t.createElement(Et,w({disabled:n,theme:a},c),t.createElement(b,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:n,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:o,changeMonth:r})=>t.createElement(kt,null,t.createElement("div",{style:{display:"flex"}},t.createElement(Vt,{ref:g},t.createElement(Mt,{onClick:()=>{y(!h),A(!1)}},t.createElement("span",{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{color:`${v?s.variant["primary-1"]:s.textColor}`}},p[e.getMonth()]),t.createElement(zt,null,t.createElement(X,{icon:"triangle-down",color:v?s.variant["primary-1"]:s.textColor,size:7}))),h&&t.createElement(Bt,null,t.createElement(It,{theme:a,onMouseEnter:()=>C(!0)},p.map(((e,o)=>t.createElement(Wt,{selectedMonth:V,onClick:()=>{C(!1),r(o),y(!1),B(p[o])},key:Math.random()},t.createElement("span",{style:{color:`${V===e?s.variant["primary-1"]:s.textColor}`}},e))))))),t.createElement(Vt,{ref:f},t.createElement(Mt,{style:{marginLeft:"28px"},onClick:()=>{A(!x),y(!1)}},t.createElement("span",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:{color:`${S?s.variant["primary-1"]:s.textColor}`}},e.getFullYear()),t.createElement(zt,null,t.createElement(X,{icon:"triangle-down",color:S?s.variant["primary-1"]:s.textColor,size:7}))),x&&t.createElement(Bt,null,t.createElement(It,{onMouseEnter:()=>E(!0)},m.map(((e,r)=>t.createElement(Wt,{onClick:()=>{E(!1),o(e),z(e),A(!1)},key:Math.random()},t.createElement("span",{style:{color:`${k===e?s.variant["primary-1"]:s.textColor}`}},e)))))))))}))};Rt.propTypes={startDate:e.any,setStartDate:e.func,disabled:e.bool,theme:e.object},Rt.defaultProps={theme:M,startDate:"",setStartDate:()=>{},disabled:!1};const Pt=s.div`
+`,Pt=({startDate:e,setStartDate:o,disabled:n,theme:a,...c})=>{const s=d()||M,p=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var m=[],u=2010;u<=(new Date).getFullYear()+10;u++)m.push(u);const g=r(null),f=r(null),[h,y]=l(!1),[x,A]=l(!1),[v,C]=l(!1),[S,E]=l(!1),[k,z]=l(e.getFullYear()),[V,B]=l(p[e.getMonth()]);i((()=>{B(p[e.getMonth()]),z(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",I,!0),()=>{document.removeEventListener("click",I,!0)})),[]);const I=e=>{g.current&&!g.current.contains(e.target)&&y(!1)},W=e=>{f.current&&!f.current.contains(e.target)&&A(!1)};return i((()=>(document.addEventListener("click",W,!0),()=>{document.removeEventListener("click",W,!0)})),[]),t.createElement(kt,w({disabled:n,theme:a},c),t.createElement(b,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:n,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:o,changeMonth:r})=>t.createElement(zt,null,t.createElement("div",{style:{display:"flex"}},t.createElement(Mt,{ref:g},t.createElement(Bt,{onClick:()=>{y(!h),A(!1)}},t.createElement("span",{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{color:`${v?s.variant["primary-1"]:s.textColor}`}},p[e.getMonth()]),t.createElement(Vt,null,t.createElement(X,{icon:"triangle-down",color:v?s.variant["primary-1"]:s.textColor,size:7}))),h&&t.createElement(It,null,t.createElement(Wt,{theme:a,onMouseEnter:()=>C(!0)},p.map(((e,o)=>t.createElement(Rt,{selectedMonth:V,onClick:()=>{C(!1),r(o),y(!1),B(p[o])},key:Math.random()},t.createElement("span",{style:{color:`${V===e?s.variant["primary-1"]:s.textColor}`}},e))))))),t.createElement(Mt,{ref:f},t.createElement(Bt,{style:{marginLeft:"28px"},onClick:()=>{A(!x),y(!1)}},t.createElement("span",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:{color:`${S?s.variant["primary-1"]:s.textColor}`}},e.getFullYear()),t.createElement(Vt,null,t.createElement(X,{icon:"triangle-down",color:S?s.variant["primary-1"]:s.textColor,size:7}))),x&&t.createElement(It,null,t.createElement(Wt,{onMouseEnter:()=>E(!0)},m.map(((e,r)=>t.createElement(Rt,{onClick:()=>{E(!1),o(e),z(e),A(!1)},key:Math.random()},t.createElement("span",{style:{color:`${k===e?s.variant["primary-1"]:s.textColor}`}},e)))))))))}))};Pt.propTypes={startDate:e.any,setStartDate:e.func,disabled:e.bool,theme:e.object},Pt.defaultProps={theme:M,startDate:"",setStartDate:()=>{},disabled:!1};const Lt=s.div`
 
     .master-dropdown,
     .new-select {
@@ -1304,11 +1304,18 @@ ${({customInputColorStyle:e})=>e}
             color:${({theme:e})=>e.textColor} !important;
             margin-right: 0px;
         }
+        .text-main-alt-value {
+          color:${({theme:e})=>e.textColor} !important;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;    
+          
+      }
         .text-more-alt{
             font-size:12px;
             color: ${({theme:e})=>e.neutral["neutral-2"]};
             padding-right: 0px;
-            margin-right: 0px;
+          
 
         }
         .css-mohuvp-dummyInput-DummyInput{
@@ -1335,7 +1342,7 @@ ${({customInputColorStyle:e})=>e}
         .new-select__control--is-focused {
           border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
         }
-`;Pt.defaultProps={theme:M};const Lt=s.div`
+`;Lt.defaultProps={theme:M};const qt=s.div`
   // Default style
   display: flex;
 
@@ -1343,11 +1350,11 @@ ${({customInputColorStyle:e})=>e}
   ${({inBuiltCss:e,labelWrapperStyle:t})=>ye(e,t)}
   // custom styles
     ${({customLabelStyles:e})=>e}
-`,qt=s.div`
+`,Ht=s.div`
   margin-left: 6px;
   margin-top: -14px;
   cursor: pointer;
-`,Ht=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:x,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:E,iconName:k,iconColor:z,iconSize:V,showIndicator:B,leftIcon:I,leftIconColor:R,leftIconSize:P,...L})=>{const q=d()||M,H=e=>{const o=t.createElement(h.DropdownIndicator,e,t.createElement(qt,null,t.createElement(X,{icon:k,color:z,size:V})));return!0===B?o:null},T=e=>t.createElement(h.ClearIndicator,e,a?t.createElement(qt,{onClick:()=>{g(),e.clearValue()}},t.createElement(X,{icon:"cross-icon",color:"black",size:8})):null),j=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(h.ValueContainer,r,""===I?null:t.createElement(qt,{style:{paddingTop:"10px",paddingRight:"8px",marginLeft:"0",marginTop:"-16px"}},t.createElement(X,{icon:I,color:R,size:P})),o,l>1&&t.createElement("div",{className:"text-more-alt"},"& ",l-1," more"))},F=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??q.primary["primary-1"]}},t.createElement(X,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(h.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("div",{className:"text-main-alt"},r)},O={control:(e,t)=>({...e,border:c?"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"215px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",fontSize:p+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:p+"px",width:"100%"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:p+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...L.styles};return t.createElement(Pt,{style:b,isValid:c,fontSize:p,theme:q},e&&t.createElement(Lt,{inBuiltCss:W,labelWrapperStyle:"selectComp-label-wrapper",style:x},t.createElement(bt,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${q.ui.error}`}},"*")),"multiSelect"===v?t.createElement(f,w({components:{DropdownIndicator:H,MultiValue:G,Option:F,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,id:E,isClearable:a},L)):"asyncSingleSelect"===v?t.createElement(y,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:O,components:{DropdownIndicator:H,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:S,isDisabled:C,id:E,isClearable:a},L)):"asyncMultiSelect"===v?t.createElement(y,w({components:{DropdownIndicator:H,MultiValue:G,ValueContainer:j,Option:F,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u,id:E,isClearable:a},L)):t.createElement(f,w({components:{DropdownIndicator:H,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:n,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:O,onChange:i,isLoading:S,id:E,isClearable:a},L)))};Ht.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool},Ht.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:()=>{},customLabelStyles:()=>{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"magnifier-icon",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const Tt=s.div`
+`,Tt=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:x,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:E,iconName:k,iconColor:z,iconSize:V,showIndicator:B,leftIcon:I,leftIconColor:R,leftIconSize:P,...L})=>{const q=d()||M,H=e=>{const o=t.createElement(h.DropdownIndicator,e,t.createElement(Ht,null,t.createElement(X,{icon:k,color:z,size:V})));return!0===B?o:null},T=e=>t.createElement(h.ClearIndicator,e,a?t.createElement(Ht,{onClick:()=>{g(),e.clearValue()}},t.createElement(X,{icon:"cross-icon",color:"black",size:8})):null),j=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(h.ValueContainer,r,""===I?null:t.createElement(Ht,{style:{paddingTop:"10px",paddingRight:"8px",marginLeft:"0",marginTop:"-16px"}},t.createElement(X,{icon:I,color:R,size:P})),o,l>1&&t.createElement("span",{className:"text-more-alt"},"& ",l-1," more"))},F=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??q.primary["primary-1"]}},t.createElement(X,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(h.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},r)},O={control:(e,t)=>({...e,border:c?"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"226px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:p+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:p+"px",width:"100%",minWidth:"226px"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:p+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...L.styles};return t.createElement(Lt,{style:b,isValid:c,fontSize:p,theme:q},e&&t.createElement(qt,{inBuiltCss:W,labelWrapperStyle:"selectComp-label-wrapper",style:x},t.createElement(ft,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${q.ui.error}`}},"*")),"multiSelect"===v?t.createElement(f,w({components:{DropdownIndicator:H,MultiValue:G,Option:F,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,id:E,isClearable:a},L)):"asyncSingleSelect"===v?t.createElement(y,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:O,components:{DropdownIndicator:H,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:S,isDisabled:C,id:E,isClearable:a},L)):"asyncMultiSelect"===v?t.createElement(y,w({components:{DropdownIndicator:H,MultiValue:G,ValueContainer:j,Option:F,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u,id:E,isClearable:a},L)):t.createElement(f,w({components:{DropdownIndicator:H,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:n,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:O,onChange:i,isLoading:S,id:E,isClearable:a},L)))};Tt.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool},Tt.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:()=>{},customLabelStyles:()=>{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const jt=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
 
@@ -1364,48 +1371,48 @@ ${({customInputColorStyle:e})=>e}
 
   // custom styles
   ${({customDropzoneStyles:e})=>e}
-`,jt=s.div`
+`,Ft=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
 
   // custom styles
     ${({customFileStyles:e})=>e}
-`,Ft=s.input`
+`,Gt=s.input`
   display: none;
-`,Gt=s.div`
+`,Xt=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
 
   // custom styles
     ${({customTextStyles:e})=>e}
-`,Xt=s.span`
+`,Ot=s.span`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,type:t})=>ye(e,t)}
 
   // custom styles
     ${({customFileNameStyles:e})=>e}
-`,Ot=s.div`
+`,Zt=s.div`
   cursor: pointer;
   padding-left: 1px;
   margin-left: auto;
   margin-right: 10px;
   display: flex;
   justify-content: center;
-`,Zt=s.div`
+`,Jt=s.div`
   margin-left: 11px;
   padding-left: 2px;
-`,Jt=s.div`
+`,Ut=s.div`
   color: #494949;
   margin-left: 11px;
   padding-left: 2px;
-`,Ut=s.p`
+`,Qt=s.p`
   color: #494949;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 20px 0px;
   font-size: 14px;
-`,Qt=({isValid:e,label:o,labelStyle:r,labelInline:i,required:n,message:a,fileArr:s,setFileArr:p,deleteFile:m,customDropzoneStyles:u,customFileStyles:g,customTextStyles:b,customFileNameStyles:f,backgroundColor:h,singleFile:y,messageSize:x,additionalText:A,id:v,...C})=>{const S=d()||M,[E,k]=l(!1),z=c();function V(e){e.preventDefault(),e.stopPropagation()}function B(e,t){let o=1==t?[]:[...s];for(let t=0;t<e.length;t++)o.push(e.item(t));return t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name))))),p(o),k(!1),o}function I(e,t){if(e instanceof File){const t=s.filter((t=>t.name!==e.name));p(t)}else!function(e,t){const o=s.filter((t=>t.name!==e.name));p(o),m(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(bt,w({customStyles:r,type:"label-text",labelInline:i,text:o,style:{display:"flex",marginBottom:""+(i?"":"7px"),paddingBottom:"0px"}},C)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),t.createElement(Tt,{theme:S,inBuiltCss:W,defaultStyles:"dropzone-parent",backgroundColor:h,customDropzoneStyles:u,onDragLeave:function(e){V(e),k(!1)},onDragOver:function(e){V(e),k(!0)},onDrop:function(e){V(e);const{files:t}=e.dataTransfer;k(!0),C.onFilesAdded(B(t,y))},onClick:function(){z.current.click()},hover:E,isValid:e,fileArr:s},t.createElement(Ft,w({ref:z,type:"file",id:v,multiple:1!=y,onChange:function(e){const{files:t}=e.target;k(!1),C.onFilesAdded(B(t,y))},onClick:e=>e.target.value=null},C)),e?t.createElement(X,{icon:"file-upload",color:E?S.bgColor:S.primary["primary-1"],size:24}):null,t.createElement(Gt,{isValid:e,hover:E,customTextStyles:b,inBuiltCss:W,defaultStyles:"dropzone-text-div"},e?t.createElement("div",null,t.createElement("span",{style:{color:E?S.bgColor:S.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:E?S.bgColor:S.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:E?S.bgColor:S.textColor}},"drag ",y?"it":"them"," here")):t.createElement("div",null,t.createElement("span",{style:{color:S.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:S.textColor}},a.length>x?a.slice(0,x):a)))),A.length>0&&t.createElement(Ut,null,A)," ",s?.map(((e,o)=>t.createElement(jt,{inBuiltCss:W,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:g},t.createElement(Zt,null,t.createElement(X,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?t.createElement(Xt,{inBuiltCss:W,type:"dropzone-file-name",customFileNameStyles:f},e.name):t.createElement("a",{style:{color:S.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer"}," ",e.name),t.createElement(Jt,null,e?.otherInfo),t.createElement(Ot,{key:101*Math.random()|0,onClick:()=>I(e)},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(X,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),t.createElement(X,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};Qt.propTypes={onFilesAdded:e.func,isValid:e.bool,message:e.string,fileArr:e.array,setFileArr:e.func,customDropzoneStyles:e.object,customFileStyles:e.object,customTextStyles:e.object,customFileNameStyles:e.object,backgroundColor:e.string,messageSize:e.number,additionalText:e.string,id:e.string},Qt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Kt=s.div`
+`,Kt=({isValid:e,label:o,labelStyle:r,labelInline:i,required:n,message:a,fileArr:s,setFileArr:p,deleteFile:m,customDropzoneStyles:u,customFileStyles:g,customTextStyles:b,customFileNameStyles:f,backgroundColor:h,singleFile:y,messageSize:x,additionalText:A,id:v,...C})=>{const S=d()||M,[E,k]=l(!1),z=c();function V(e){e.preventDefault(),e.stopPropagation()}function B(e,t){let o=1==t?[]:[...s];for(let t=0;t<e.length;t++)o.push(e.item(t));return t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name))))),p(o),k(!1),o}function I(e,t){if(e instanceof File){const t=s.filter((t=>t.name!==e.name));p(t)}else!function(e,t){const o=s.filter((t=>t.name!==e.name));p(o),m(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(ft,w({customStyles:r,type:"label-text",labelInline:i,text:o,style:{display:"flex",marginBottom:""+(i?"":"7px"),paddingBottom:"0px"}},C)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),t.createElement(jt,{theme:S,inBuiltCss:W,defaultStyles:"dropzone-parent",backgroundColor:h,customDropzoneStyles:u,onDragLeave:function(e){V(e),k(!1)},onDragOver:function(e){V(e),k(!0)},onDrop:function(e){V(e);const{files:t}=e.dataTransfer;k(!0),C.onFilesAdded(B(t,y))},onClick:function(){z.current.click()},hover:E,isValid:e,fileArr:s},t.createElement(Gt,w({ref:z,type:"file",id:v,multiple:1!=y,onChange:function(e){const{files:t}=e.target;k(!1),C.onFilesAdded(B(t,y))},onClick:e=>e.target.value=null},C)),e?t.createElement(X,{icon:"file-upload",color:E?S.bgColor:S.primary["primary-1"],size:24}):null,t.createElement(Xt,{isValid:e,hover:E,customTextStyles:b,inBuiltCss:W,defaultStyles:"dropzone-text-div"},e?t.createElement("div",null,t.createElement("span",{style:{color:E?S.bgColor:S.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:E?S.bgColor:S.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:E?S.bgColor:S.textColor}},"drag ",y?"it":"them"," here")):t.createElement("div",null,t.createElement("span",{style:{color:S.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:S.textColor}},a.length>x?a.slice(0,x):a)))),A.length>0&&t.createElement(Qt,null,A)," ",s?.map(((e,o)=>t.createElement(Ft,{inBuiltCss:W,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:g},t.createElement(Jt,null,t.createElement(X,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?t.createElement(Ot,{inBuiltCss:W,type:"dropzone-file-name",customFileNameStyles:f},e.name):t.createElement("a",{style:{color:S.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer"}," ",e.name),t.createElement(Ut,null,e?.otherInfo),t.createElement(Zt,{key:101*Math.random()|0,onClick:()=>I(e)},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(X,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),t.createElement(X,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};Kt.propTypes={onFilesAdded:e.func,isValid:e.bool,message:e.string,fileArr:e.array,setFileArr:e.func,customDropzoneStyles:e.object,customFileStyles:e.object,customTextStyles:e.object,customFileNameStyles:e.object,backgroundColor:e.string,messageSize:e.number,additionalText:e.string,id:e.string},Kt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Nt=s.div`
   border: 1px solid
     ${({theme:e})=>e.border};
   border-radius: 4px;
@@ -1425,7 +1432,8 @@ ${({customInputColorStyle:e})=>e}
       fill: ${({theme:e})=>e.variant["primary-1"]};
     }
   }
-`;Kt.defaultProps={theme:M};const Nt=s.input`
+`;Nt.defaultProps={theme:M};const Yt=s.input`
+  width: 85%;
   border: 0;
   outline: 0;
   color: ${({theme:e})=>e.variant["primary-2"]};
@@ -1437,12 +1445,12 @@ ${({customInputColorStyle:e})=>e}
 
   // custom styles
   ${({inputStyle:e})=>e}
-`;Nt.defaultProps={theme:M},p`
+`;Yt.defaultProps={theme:M},p`
   &:after {
     content: ' *';
     color: ${({theme:e})=>e.variant.error};
   }
-`;const Yt=s.label`
+`;const Dt=s.label`
   display: flex;
   margin-right: 10px;
   align-content: center;
@@ -1453,16 +1461,16 @@ ${({customInputColorStyle:e})=>e}
   margin-right: ${({labelInline:e})=>e?"7px":""};
   padding-bottom: 0px;
   color: ${({theme:e})=>e.variant["neutral-2"]};
-`;Yt.defaultProps={theme:M};const Dt=p`
+`;Dt.defaultProps={theme:M};const $t=p`
   display: flex;
   align-items: center;
-`,$t=s.div`
-  ${({labelInline:e})=>e?Dt:null}
+`,_t=s.div`
+  ${({labelInline:e})=>e?$t:null}
 
   > div {
     flex: 1 0 auto;
   }
-`;$t.defaultProps={theme:M};const _t=({label:e,inputValue:o,inputStyle:r,iconBefore:l,iconAfter:i,onChange:n,theme:a,id:c,...s})=>t.createElement($t,s,e.length>0&&t.createElement(Yt,s,e),t.createElement("div",null,t.createElement(Kt,s,t.createElement("div",{className:"input-icon"},l),t.createElement(Nt,w({},s,{inputStyle:r,value:o,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&n(t)},type:"number",id:c})),t.createElement("div",{className:"input-icon"},i))));_t.propTypes={theme:e.object,label:e.string,labelInline:e.bool,inputValue:e.any,inputStyle:e.object,id:e.string},_t.defaultProps={theme:M,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:""};const eo=s.div`
+`;_t.defaultProps={theme:M};const eo=({label:e,inputValue:o,inputStyle:r,iconBefore:l,iconAfter:i,onChange:n,theme:a,id:c,...s})=>t.createElement(_t,s,e.length>0&&t.createElement(Dt,s,e),t.createElement("div",null,t.createElement(Nt,s,t.createElement("div",{className:"input-icon"},l),t.createElement(Yt,w({},s,{inputStyle:r,value:o,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&n(t)},type:"number",id:c})),t.createElement("div",{className:"input-icon"},i))));eo.propTypes={theme:e.object,label:e.string,labelInline:e.bool,inputValue:e.any,inputStyle:e.object,id:e.string},eo.defaultProps={theme:M,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:""};const to=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
 
@@ -1486,8 +1494,8 @@ ${({customInputColorStyle:e})=>e}
 
   // custom styles
   ${({textBoxStyle:e})=>e}
-`;eo.defaultProps={theme:M};const to=s.input`
-  width: auto;
+`;to.defaultProps={theme:M};const oo=s.input`
+  width: 85%;
   -webkit-text-security:  ${({showEye:e})=>e?"none":"disc"}  ;
 
   //Set the styles from the default styles object
@@ -1500,18 +1508,18 @@ ${({customInputColorStyle:e})=>e}
     color: ${({theme:e})=>e.variant["neutral-3"]};
   }
 
-`;to.defaultProps={theme:M};const oo=p`
+`;oo.defaultProps={theme:M};const ro=p`
   display: flex;
   gap: 7px;
   align-items: start;
-`,ro=s.div`
-  ${({labelInline:e})=>e?oo:null}
+`,lo=s.div`
+  ${({labelInline:e})=>e?ro:null}
   .err-text {
     color: ${({theme:e})=>e.variant.error};
     margin-top: 5px;
     font-size: 10px;
   }
-`;ro.defaultProps={theme:M};const lo=({theme:e,passwordRules:o,textBoxStyle:r,labelStyle:i,inputStyle:n,errMsg:a,required:c,label:s,labelInline:d,isValid:p,rulesStyle:m,id:u,showHideIcon:g,...b})=>{const[f,h]=l(!1);return t.createElement(ro,w({labelInline:d,inBuiltCss:W},b),t.createElement("div",{style:{display:"flex"}},t.createElement(bt,w({customStyles:i,type:"label-text",text:s,errMsg:a,style:{display:"flex",marginBottom:""+(d?"0px":"7px"),paddingBottom:"0px"}},b)),c&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${e.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"start"}},t.createElement(eo,w({required:c,theme:e,textBoxStyle:r,isValid:p,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:W},b),t.createElement(to,w({inputStyle:n,type:"text",id:u,showEye:f,theme:e,defaultInputStyle:"input-wrapper",inBuiltCss:W},b)),!0===g?t.createElement("div",{className:"input-icon",onClick:()=>h(!f)},f?t.createElement(X,{icon:"eye-show"}):t.createElement(X,{icon:"eye-hide"})):""),o?t.createElement("div",{style:{...m,marginLeft:"5px"}},o):""),a.length>0&&t.createElement("div",{className:"err-text"},a))};lo.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,passwordRules:e.string,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},lo.defaultProps={theme:M,inBuiltCss:W,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const io=s.div`
+`;lo.defaultProps={theme:M};const io=({theme:e,passwordRules:o,textBoxStyle:r,labelStyle:i,inputStyle:n,errMsg:a,required:c,label:s,labelInline:d,isValid:p,rulesStyle:m,id:u,showHideIcon:g,...b})=>{const[f,h]=l(!1);return t.createElement(lo,w({labelInline:d,inBuiltCss:W},b),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:i,type:"label-text",text:s,errMsg:a,style:{display:"flex",marginBottom:""+(d?"0px":"7px"),paddingBottom:"0px"}},b)),c&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${e.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"start"}},t.createElement(to,w({required:c,theme:e,textBoxStyle:r,isValid:p,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:W},b),t.createElement(oo,w({inputStyle:n,type:"text",id:u,showEye:f,theme:e,defaultInputStyle:"input-wrapper",inBuiltCss:W},b)),!0===g?t.createElement("div",{className:"input-icon",onClick:()=>h(!f)},f?t.createElement(X,{icon:"eye-show"}):t.createElement(X,{icon:"eye-hide"})):""),o?t.createElement("div",{style:{...m,marginLeft:"5px"}},o):""),a.length>0&&t.createElement("div",{className:"err-text"},a))};io.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,passwordRules:e.string,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},io.defaultProps={theme:M,inBuiltCss:W,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const no=s.div`
   box-sizing: initial;
 
   //Set the styles from the default styles object
@@ -1521,7 +1529,7 @@ ${({customInputColorStyle:e})=>e}
 
   // custom styles
   ${({radioOuterCircleStyle:e})=>e}
-`;io.defaultProps={theme:M};const no=s.div`
+`;no.defaultProps={theme:M};const ao=s.div`
   box-sizing: initial;
 
   //Set the styles from the default styles object
@@ -1533,7 +1541,7 @@ ${({customInputColorStyle:e})=>e}
 
   // custom styles
   ${({radioInnerCircleStyle:e})=>e}
-`;no.defaultProps={theme:M};const ao=s.div`
+`;ao.defaultProps={theme:M};const co=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultOptionStyle:t})=>ye(e,t)}
   margin-right: ${({inline:e})=>e?"":"30px"};
@@ -1541,7 +1549,7 @@ ${({customInputColorStyle:e})=>e}
 
   // custom styles
   ${({optionStyle:e})=>e}
-`;ao.defaultProps={theme:M};const co=s.div`
+`;co.defaultProps={theme:M};const so=s.div`
   margin-bottom: ${({inline:e})=>e?"":"14px"};
   cursor: pointer;
   align-items: center;
@@ -1550,11 +1558,11 @@ ${({customInputColorStyle:e})=>e}
 
   // custom styles
   ${({WrapperDivStyle:e})=>e}
-`,so=s.div`
+`,po=s.div`
   display: ${({inline:e})=>e?"flex":"inline-block"};
   width: max-content;
   margin: 0;
-`,po=({radioOuterCircleStyle:e,radioInnerCircleStyle:o,labelStyle:r,label:l,optionStyle:i,options:n,selectedCircleColor:a,selectedOptionTextColor:c,onChange:s,selected:p,width:m,height:u,inline:g,defaultBorderColor:b,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=d()||M;return t.createElement("div",null,t.createElement(bt,{customStyles:r,type:"radio-label",text:l}),t.createElement(so,{inline:g},n.map(((r,l)=>t.createElement(co,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(io,{theme:x,inBuiltCss:W,defaultBorderColor:b,selectedCircleColor:a,radioOuterCircleStyle:{...e,cursor:r?.disabled?"not-allowed ":" pointer",borderColor:r?.disabled&&r?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:r.value,selected:!r?.disabled&&p},t.createElement(no,{inBuiltCss:W,theme:x,width:m,height:u,selectedCircleColor:a,radioInnerCircleStyle:{...o,cursor:r?.disabled?"not-allowed ":" pointer",backgroundColor:r?.disabled?"transparent":r?.value===p?o?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:r.value,selected:p})),t.createElement(ao,{defaultOptionColor:f,optionStyle:{...i,cursor:r?.disabled?"not-allowed ":" pointer",color:r?.disabled&&r?.disabledColor},inBuiltCss:W,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!r?.disabled&&r.value===p},r.label))))))};po.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},po.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const mo=s.div`
+`,mo=({radioOuterCircleStyle:e,radioInnerCircleStyle:o,labelStyle:r,label:l,optionStyle:i,options:n,selectedCircleColor:a,selectedOptionTextColor:c,onChange:s,selected:p,width:m,height:u,inline:g,defaultBorderColor:b,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=d()||M;return t.createElement("div",null,t.createElement(ft,{customStyles:r,type:"radio-label",text:l}),t.createElement(po,{inline:g},n.map(((r,l)=>t.createElement(so,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(no,{theme:x,inBuiltCss:W,defaultBorderColor:b,selectedCircleColor:a,radioOuterCircleStyle:{...e,cursor:r?.disabled?"not-allowed ":" pointer",borderColor:r?.disabled&&r?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:r.value,selected:!r?.disabled&&p},t.createElement(ao,{inBuiltCss:W,theme:x,width:m,height:u,selectedCircleColor:a,radioInnerCircleStyle:{...o,cursor:r?.disabled?"not-allowed ":" pointer",backgroundColor:r?.disabled?"transparent":r?.value===p?o?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:r.value,selected:p})),t.createElement(co,{defaultOptionColor:f,optionStyle:{...i,cursor:r?.disabled?"not-allowed ":" pointer",color:r?.disabled&&r?.disabledColor},inBuiltCss:W,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!r?.disabled&&r.value===p},r.label))))))};mo.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},mo.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const uo=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
 
@@ -1577,8 +1585,8 @@ ${({customInputColorStyle:e})=>e}
   ${({textBoxStyle:e})=>e}
 
   background-color:  ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
-`,uo=s.input`
-  width: 98%;
+`,go=s.input`
+  width: 85%;
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
 
@@ -1589,18 +1597,18 @@ ${({customInputColorStyle:e})=>e}
     color: ${M.variant["neutral-3"]};
   }
   background-color:  ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
-`,go=p`
+`,bo=p`
   display: flex;
   gap: 7px;
   align-items: center;
-`,bo=s.div`
-  ${({labelInline:e})=>e?go:null}
+`,fo=s.div`
+  ${({labelInline:e})=>e?bo:null}
   .err-text {
     color: ${({theme:e})=>e.variant.error};
     margin-top: 5px;
     font-size: 10px;
   }
-`;bo.defaultProps={theme:M};const fo=({textBoxStyle:e,labelStyle:o,inputStyle:r,errMsg:l,required:i,label:n,labelInline:a,iconBefore:c,iconAfter:s,isValid:d,type:p,theme:m,isDisabled:u,id:g,...b})=>t.createElement(bo,w({labelInline:a},b,{theme:m}),t.createElement("div",{style:{display:"flex"}},t.createElement(bt,w({customStyles:o,type:"label-text",labelInline:a,text:n,errMsg:l,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},b)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${m.variant.error}`}},"*")),t.createElement(mo,w({required:i,isDisabled:u,theme:m,textBoxStyle:e,isValid:d,inBuiltCss:W,defaultWrapperStyle:"textbox-wrapper"},b),t.createElement("div",{className:"input-icon"},c),t.createElement(uo,w({inputStyle:r,type:p,theme:m,id:g,defaultInputStyle:"input-wrapper",isDisabled:u,disabled:u},b)),t.createElement("div",{className:"input-icon"},s)),l.length>0&&t.createElement("div",{className:"err-text"},l));fo.propTypes={inBuiltCss:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,type:e.string,isDisabled:e.bool,theme:e.object,id:e.string},uo.defaultProps={theme:M},mo.defaultProps={theme:M},bo.defaultProps={theme:M},fo.defaultProps={theme:M,inBuiltCss:W,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:""};const ho=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,id:c,...s})=>t.createElement(fo,w({iconAfter:t.createElement(X,{icon:"magnifier-icon"}),label:e,textBoxStyle:a,placeholder:o,ref:l,onChange:r,id:c},s)),yo=s.div`
+`;fo.defaultProps={theme:M};const ho=({textBoxStyle:e,labelStyle:o,inputStyle:r,errMsg:l,required:i,label:n,labelInline:a,iconBefore:c,iconAfter:s,isValid:d,type:p,theme:m,isDisabled:u,id:g,...b})=>t.createElement(fo,w({labelInline:a},b,{theme:m}),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:o,type:"label-text",labelInline:a,text:n,errMsg:l,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},b)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${m.variant.error}`}},"*")),t.createElement(uo,w({required:i,isDisabled:u,theme:m,textBoxStyle:e,isValid:d,inBuiltCss:W,defaultWrapperStyle:"textbox-wrapper"},b),t.createElement("div",{className:"input-icon"},c),t.createElement(go,w({inputStyle:r,type:p,theme:m,id:g,defaultInputStyle:"input-wrapper",isDisabled:u,disabled:u},b)),t.createElement("div",{className:"input-icon"},s)),l.length>0&&t.createElement("div",{className:"err-text"},l));ho.propTypes={inBuiltCss:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,type:e.string,isDisabled:e.bool,theme:e.object,id:e.string},go.defaultProps={theme:M},uo.defaultProps={theme:M},fo.defaultProps={theme:M},ho.defaultProps={theme:M,inBuiltCss:W,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:""};const yo=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,id:c,...s})=>t.createElement(ho,w({iconAfter:t.createElement(X,{icon:"magnifier-icon"}),label:e,textBoxStyle:a,placeholder:o,ref:l,onChange:r,id:c},s)),xo=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultParentDivStyle:t})=>ye(e,t)}
 
@@ -1609,7 +1617,7 @@ ${({customInputColorStyle:e})=>e}
   &:focus-within {
     border-color: ${({activeColor:e,theme:t})=>e||t.primary["primary-1"]};
   }
-`,xo=s.div`
+`,Ao=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperDivStyle:t})=>ye(e,t)}
 
@@ -1621,7 +1629,7 @@ ${({customInputColorStyle:e})=>e}
   border-left: ${({signIcon:e})=>e?"":"none"};
   margin-left: ${({signIcon:e})=>e?"":"42px"};
   position: ${({signIcon:e})=>e?"absolute":""};
-`,Ao=s.div`
+`,vo=s.div`
   width: 39px;
   height: 44px;
   display: flex;
@@ -1631,7 +1639,7 @@ ${({customInputColorStyle:e})=>e}
   border-bottom: ${({penIcon:e,isMyInputFocused:t,activeColor:o,defaultColor:r,theme:l})=>e?t?`1px solid ${o||l.primary["primary-1"]}`:`1px solid ${r||l.neutral["neutral-3"]}`:""};
   background-color: rgba(255, 255, 255, 0.05);
   cursor: pointer;
-`,vo=s.input`
+`,Co=s.input`
   ${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
 
   border-bottom:  ${({value:e,defaultColor:t,theme:o})=>e.length>0?"none":t};
@@ -1656,17 +1664,17 @@ ${({customInputColorStyle:e})=>e}
 
   // custom styles
   ${({customInputStyle:e})=>e}
-`,Co=s.div`
+`,wo=s.div`
   position: relative;
   width: inherit;
   display: flex;
   margin: 4px;
-`,wo=s.div`
+`,So=s.div`
   padding-left: 2px;
   display: flex;
   justify-content: center;
   cursor: pointer;
-`,So=({onChange:e,activeColor:o,defaultColor:n,placeholderColor:a,placeholderText:c,customInputStyle:s,pointsArray:p,setPointsArray:m,value:u,setValue:g,valueForSignatureDrawing:b,setValueForSignatureDrawing:f,imageURL:h,setImageURL:y,id:A,...v})=>{const C=d()||M,[w,S]=l("default"),[E,k]=l(!1),[z,V]=l(!1),B=r(null);i((()=>{z&&(R(),f(B.current))}),[!0===z]);const I=()=>{g(""),f(B.current),B.current&&B.current.clear(),k(!1),V(!1)},R=()=>(m(B.current.toData()),y(B.current.toDataURL("image/png")),[h,p]);return t.createElement(yo,{inBuiltCss:W,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:E,selected:w,activeColor:o,defaultColor:n,theme:C},t.createElement(xo,{inBuiltCss:W,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,selected:w,isMyInputFocused:E,signIcon:!0,theme:C},t.createElement(Ao,{activeColor:o,defaultColor:n,isMyInputFocused:E,theme:C,penIcon:!0,onClick:()=>{S("default"),I()}},t.createElement(X,{icon:"pen-icon",color:"default"===w?o||C.primary["primary-1"]:C.black})),t.createElement(Ao,{activeColor:o,defaultColor:n,theme:C,isMyInputFocused:E,penIcon:!1,onClick:()=>{S("sign"),I()}},t.createElement(X,{icon:"sign-icon",color:"default"!==w?o||C.primary["primary-1"]:C.black}))),t.createElement(xo,{inBuiltCss:W,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,theme:C,selected:w,isMyInputFocused:E,signIcon:!1,onTouchStart:()=>{}},"default"===w?t.createElement(vo,{inBuiltCss:W,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:a,customInputStyle:s,onBlur:()=>k(!1),onFocus:()=>k(!0),id:A,value:u,defaultColor:n,theme:C,onChange:e=>g(e.target.value)}):t.createElement(Co,{onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),onClick:()=>{V(!0),R()}},t.createElement(x,{ref:B,id:A,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(u||z)&&t.createElement(wo,{selected:w,onClick:()=>I()},t.createElement(X,{icon:"cross-icon",color:n||C.neutral["neutral-3"]}))))};So.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},So.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Eo=s.div`
+`,Eo=({onChange:e,activeColor:o,defaultColor:n,placeholderColor:a,placeholderText:c,customInputStyle:s,pointsArray:p,setPointsArray:m,value:u,setValue:g,valueForSignatureDrawing:b,setValueForSignatureDrawing:f,imageURL:h,setImageURL:y,id:A,...v})=>{const C=d()||M,[w,S]=l("default"),[E,k]=l(!1),[z,V]=l(!1),B=r(null);i((()=>{z&&(R(),f(B.current))}),[!0===z]);const I=()=>{g(""),f(B.current),B.current&&B.current.clear(),k(!1),V(!1)},R=()=>(m(B.current.toData()),y(B.current.toDataURL("image/png")),[h,p]);return t.createElement(xo,{inBuiltCss:W,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:E,selected:w,activeColor:o,defaultColor:n,theme:C},t.createElement(Ao,{inBuiltCss:W,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,selected:w,isMyInputFocused:E,signIcon:!0,theme:C},t.createElement(vo,{activeColor:o,defaultColor:n,isMyInputFocused:E,theme:C,penIcon:!0,onClick:()=>{S("default"),I()}},t.createElement(X,{icon:"pen-icon",color:"default"===w?o||C.primary["primary-1"]:C.black})),t.createElement(vo,{activeColor:o,defaultColor:n,theme:C,isMyInputFocused:E,penIcon:!1,onClick:()=>{S("sign"),I()}},t.createElement(X,{icon:"sign-icon",color:"default"!==w?o||C.primary["primary-1"]:C.black}))),t.createElement(Ao,{inBuiltCss:W,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,theme:C,selected:w,isMyInputFocused:E,signIcon:!1,onTouchStart:()=>{}},"default"===w?t.createElement(Co,{inBuiltCss:W,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:a,customInputStyle:s,onBlur:()=>k(!1),onFocus:()=>k(!0),id:A,value:u,defaultColor:n,theme:C,onChange:e=>g(e.target.value)}):t.createElement(wo,{onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),onClick:()=>{V(!0),R()}},t.createElement(x,{ref:B,id:A,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(u||z)&&t.createElement(So,{selected:w,onClick:()=>I()},t.createElement(X,{icon:"cross-icon",color:n||C.neutral["neutral-3"]}))))};Eo.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},Eo.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const ko=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
 
@@ -1687,19 +1695,19 @@ ${({customInputColorStyle:e})=>e}
 
   // custom styles
   ${({textAreaStyle:e})=>e}
-`,ko=s.textarea`
+`,zo=s.textarea`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
   margin: 0;
   overflow: auto;
   resize: vertical // custom styles
     ${({inputStyle:e})=>e};
-`,zo=p`
+`,Vo=p`
   display: flex;
   gap: 7px;
   align-items: center;
-`,Vo=s.div`
-  ${({labelInline:e})=>e?zo:null}
+`,Mo=s.div`
+  ${({labelInline:e})=>e?Vo:null}
   ${({customStylesForm:e})=>{if(e)return{...e}}}  
     position: relative;
   .err-text {
@@ -1707,7 +1715,7 @@ ${({customInputColorStyle:e})=>e}
     margin-top: 5px;
     font-size: 10px;
   }
-`,Mo=t.forwardRef((({customStylesForm:e,textAreaStyle:o,labelStyle:r,inputStyle:l,errMsg:i,required:n,label:a,labelInline:c,iconBefore:s,iconAfter:p,isValid:m,rows:u,cols:g,id:b,...f},h)=>{const y=d()||M;return t.createElement(Vo,w({labelInline:c,customStylesForm:e,theme:y},f),t.createElement("div",{style:{display:"flex"}},t.createElement(bt,w({customStyles:r,type:"label-text",labelInline:c,text:a,errMsg:i,style:{display:"flex",marginBottom:""+(c?"":"7px"),paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${y.variant.error}`}},"*")),t.createElement(Eo,w({theme:y,required:n,textAreaStyle:o,isValid:m,inBuiltCss:W,defaultWrapperStyle:"textbox-wrapper"},f),t.createElement("div",{className:"input-icon"},s),t.createElement(ko,w({ref:h,inputStyle:l,defaultInputStyle:"textarea-wrapper",cols:g,rows:u,inBuiltCss:W,id:b},f,{size:"1"})),t.createElement("div",{className:"input-icon"},p)),t.createElement("div",{className:"err-text"},i))}));Mo.propTypes={rows:e.number,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textAreaStyle:e.object,labelStyle:e.object,inputStyle:e.object,id:e.string},Mo.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const Bo=s.div`
+`,Bo=t.forwardRef((({customStylesForm:e,textAreaStyle:o,labelStyle:r,inputStyle:l,errMsg:i,required:n,label:a,labelInline:c,iconBefore:s,iconAfter:p,isValid:m,rows:u,cols:g,id:b,...f},h)=>{const y=d()||M;return t.createElement(Mo,w({labelInline:c,customStylesForm:e,theme:y},f),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:r,type:"label-text",labelInline:c,text:a,errMsg:i,style:{display:"flex",marginBottom:""+(c?"":"7px"),paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${y.variant.error}`}},"*")),t.createElement(ko,w({theme:y,required:n,textAreaStyle:o,isValid:m,inBuiltCss:W,defaultWrapperStyle:"textbox-wrapper"},f),t.createElement("div",{className:"input-icon"},s),t.createElement(zo,w({ref:h,inputStyle:l,defaultInputStyle:"textarea-wrapper",cols:g,rows:u,inBuiltCss:W,id:b},f,{size:"1"})),t.createElement("div",{className:"input-icon"},p)),t.createElement("div",{className:"err-text"},i))}));Bo.propTypes={rows:e.number,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textAreaStyle:e.object,labelStyle:e.object,inputStyle:e.object,id:e.string},Bo.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const Io=s.div`
   color: #a9b1b8;
   font-size: 21px;
   border: 1px solid
@@ -1721,7 +1729,7 @@ ${({customInputColorStyle:e})=>e}
     border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
     outline: none;
   }
-`,Io=s.input`
+`,Wo=s.input`
   border: 0;
   outline: 0;
   color: ${({theme:e})=>e.variant["primary-2"]};
@@ -1731,23 +1739,23 @@ ${({customInputColorStyle:e})=>e}
   width: 24px;
   text-align:center;
   background-color: ${({theme:e})=>e.bgColor};
-`,Wo=p`
+`,Ro=p`
   &:after {
     content: ' *';
     color: ${({theme:e})=>e.variant.error};
   }
-`,Ro=s.label`
+`,Po=s.label`
   display: block;
   margin-bottom: ${({labelInline:e,errMsg:t})=>e&&t?"18px":"7px"};
   margin-right: ${({labelInline:e})=>e?"7px":""};
   color: ${({theme:e})=>e.variant["neutral-2"]};
-  ${({required:e})=>e?Wo:null}
+  ${({required:e})=>e?Ro:null}
   padding-bottom: 0px;
-`,Po=p`
+`,Lo=p`
   display: flex;
   align-items: center;
-`,Lo=s.div`
-  ${({labelInline:e})=>e?Po:null}
+`,qo=s.div`
+  ${({labelInline:e})=>e?Lo:null}
   .err-text {
     color: ${({theme:e})=>e.variant.error};
     margin-top: 5px;
@@ -1757,7 +1765,7 @@ ${({customInputColorStyle:e})=>e}
   > div {
     flex: 1 0 auto;
   }
-`,qo=s.button`
+`,Ho=s.button`
   border: none;
   outline: none;
   border-radius: 4px;
@@ -1766,9 +1774,9 @@ ${({customInputColorStyle:e})=>e}
   padding: 5px 6px;
   font-size: 18px;
   cursor: pointer;
-`,Ho=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=d()||M;return t.createElement(Lo,w({theme:s},c),t.createElement(Ro,w({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(Bo,w({theme:s,id:a},c),t.createElement(Io,{theme:s,value:r,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;n({hour:t,minute:l,period:i})}}),":",t.createElement(Io,{theme:s,value:l,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;n({hour:r,minute:t,period:i})}}),t.createElement(qo,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};Ho.propTypes={label:e.string,hour:e.number.isRequired,minute:e.number.isRequired,period:e.string.isRequired,required:e.bool,labelInline:e.bool,isValid:e.bool,errMsg:e.string,id:e.string},Ho.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const To=s.div`
+`,To=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=d()||M;return t.createElement(qo,w({theme:s},c),t.createElement(Po,w({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(Io,w({theme:s,id:a},c),t.createElement(Wo,{theme:s,value:r,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;n({hour:t,minute:l,period:i})}}),":",t.createElement(Wo,{theme:s,value:l,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;n({hour:r,minute:t,period:i})}}),t.createElement(Ho,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};To.propTypes={label:e.string,hour:e.number.isRequired,minute:e.number.isRequired,period:e.string.isRequired,required:e.bool,labelInline:e.bool,isValid:e.bool,errMsg:e.string,id:e.string},To.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const jo=s.div`
   ${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>ye(e,t)}
-`,jo=s.label`
+`,Fo=s.label`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultCheckBoxLabelStyle:t})=>ye(e,t)}
   background-color: ${({checked:e,backgroundColor:t,disabledColor:o,theme:r})=>e&&t?t:e&&!t?r.primary["primary-1"]:!e&&o?o:e||o?void 0:r.neutral["neutral-2"]};
@@ -1788,20 +1796,20 @@ ${({customInputColorStyle:e})=>e}
     // custom styles
     ${({customSwitchStyle:e})=>e}
   }
-`,Fo=s.input.attrs({type:"checkbox"})`
+`,Go=s.input.attrs({type:"checkbox"})`
   opacity: 0;
   z-index: 1;
   border-radius: 31px;
   width: 45px;
   height: 22px;
   cursor: pointer;
-`,Go=s.span`
+`,Xo=s.span`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultOptionTextStyle:t})=>ye(e,t)}
 
   // custom styles
     ${({optionStyle:e})=>e}
-`,Xo=({checked:e,customSwitchStyle:o,customToggleBoxStyle:r,backgroundColor:l,disabledColor:i,switchColor:n,onClick:a,trueLabel:c,falseLabel:s,optionStyle:p,id:m,...u})=>{const g=d()||M;return t.createElement(To,w({inBuiltCss:W,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},u),t.createElement(Fo,w({},u,{id:"checkbox",inBuiltCss:W,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{a(!e)},isChecked:e})),t.createElement(jo,w({},u,{htmlFor:"checkbox",customToggleBoxStyle:r,customSwitchStyle:o,disabledColor:i,backgroundColor:l,switchColor:n,inBuiltCss:W,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:g})),t.createElement(Go,w({optionStyle:p,inBuiltCss:W,defaultOptionTextStyle:"toggle-switch-option-text"},u),e?c:s))};Xo.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,backgroundColor:e.string,checked:e.bool,trueLabel:e.string,falseLabel:e.string,id:e.string},Xo.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:""};const Oo=s.div`
+`,Oo=({checked:e,customSwitchStyle:o,customToggleBoxStyle:r,backgroundColor:l,disabledColor:i,switchColor:n,onClick:a,trueLabel:c,falseLabel:s,optionStyle:p,id:m,...u})=>{const g=d()||M;return t.createElement(jo,w({inBuiltCss:W,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},u),t.createElement(Go,w({},u,{id:"checkbox",inBuiltCss:W,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{a(!e)},isChecked:e})),t.createElement(Fo,w({},u,{htmlFor:"checkbox",customToggleBoxStyle:r,customSwitchStyle:o,disabledColor:i,backgroundColor:l,switchColor:n,inBuiltCss:W,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:g})),t.createElement(Xo,w({optionStyle:p,inBuiltCss:W,defaultOptionTextStyle:"toggle-switch-option-text"},u),e?c:s))};Oo.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,backgroundColor:e.string,checked:e.bool,trueLabel:e.string,falseLabel:e.string,id:e.string},Oo.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:""};const Zo=s.div`
     box-sizing: border-box;
     display: flex;
     justify-content: center;
@@ -1809,8 +1817,8 @@ ${({customInputColorStyle:e})=>e}
     width: auto;
 
     ${({size:e})=>p`height: ${e}px;`}
-`,Zo=s.div`
 `,Jo=s.div`
+`,Uo=s.div`
 box-sizing: border-box;
 display: flex;
 justify-content: center;
@@ -1839,11 +1847,11 @@ svg {
         `}
     }
 }
-`,Uo=({theme:e,toggleSet:o,slide:r,color:l,size:i,transform:n,ratingValue:a,starVal:c,hover:s,...d})=>t.createElement(Jo,w({theme:e,ratingValue:a,starVal:c,hover:s,toggleSet:o,color:l,size:i,transform:n},d),t.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",id:"star_filled","data-name":"star filled",xmlns:"http://www.w3.org/2000/svg"},t.createElement("defs",null,t.createElement("clipPath",{id:"starFilled"},t.createElement("path",{id:"Star",d:"M10,15,4.122,18.09l1.123-6.545L.489,6.91l6.572-.955L10,0l2.939,5.955,6.572.955-4.755,4.635,1.123,6.545Z",transform:"translate(2 3)",stroke:"#000",strokeMiterlimit:"10",strokeWidth:"1.5"}))),t.createElement("rect",{x:"0",y:"0",fill:"rgb(217,217,217)",width:"100%",height:"100%",clipPath:"url(#starFilled)"}),t.createElement("rect",{x:r,y:"0",fill:l,width:"100%",height:"100%",clipPath:"url(#starFilled)"})));function Qo(e,t){let o=5*e/t;const r=[],l=o;for(let e=0;e<5;e++){if(o-1>=0)r.push("0");else if(o-1<0&&o-1>-1){const e=(24*o-24).toString();r.push(e)}else r.push("-24");o-=1}return{array:r,value:l}}function Ko(e,t){return 100*e/t}const No=({type:e,customStylesContainer:o,customStylesStar:r,customStylesPercentage:n,color:a,size:c,handleClick:s,transform:p,maxRange:m,value:u,toggleStar:g,toggleSet:b,identifier:f,...h})=>{d();const[y,x]=l(void 0),[A,v]=l(void 0),[C,S]=l(void 0),[E,k]=l(void 0);i((()=>{x(Qo(u,m).array),v(Qo(u,m).value),S(Ko(u,m))}),[u,m]),i((()=>{E?x(Qo(E,m).array):(x(Qo(u,m).array),v(Qo(u,m).value),S(Ko(u,m)))}),[E]);const z=t.createElement(t.Fragment,null,y?.map(((e,o)=>{const l=20*(o+1);return t.createElement(Uo,{ratingValue:l,starVal:A,hover:E,toggleSet:b,onClick:b?()=>s(l):null,onMouseEnter:b?()=>{k(l)}:null,onMouseLeave:b?()=>{k(null)}:null,slide:e,color:a,className:"star",size:c,transform:p,key:f?.concat(o),customStyles:r})})));return t.createElement(Oo,w({customStyles:o,type:e,size:c},h,{className:"container"}),g?z:t.createElement(Zo,{type:e,customStyles:n},C,"%"))};No.propTypes={customStylesContainer:e.object,customStylesStar:e.object,customStylesPercentage:e.object,type:e.string,color:e.string,size:e.number,transform:e.object,handleClick:e.func,maxRange:e.number,value:e.number,toggleStar:e.bool,toggleSet:e.bool,identifier:e.string},No.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const Yo=s.div`
+`,Qo=({theme:e,toggleSet:o,slide:r,color:l,size:i,transform:n,ratingValue:a,starVal:c,hover:s,...d})=>t.createElement(Uo,w({theme:e,ratingValue:a,starVal:c,hover:s,toggleSet:o,color:l,size:i,transform:n},d),t.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",id:"star_filled","data-name":"star filled",xmlns:"http://www.w3.org/2000/svg"},t.createElement("defs",null,t.createElement("clipPath",{id:"starFilled"},t.createElement("path",{id:"Star",d:"M10,15,4.122,18.09l1.123-6.545L.489,6.91l6.572-.955L10,0l2.939,5.955,6.572.955-4.755,4.635,1.123,6.545Z",transform:"translate(2 3)",stroke:"#000",strokeMiterlimit:"10",strokeWidth:"1.5"}))),t.createElement("rect",{x:"0",y:"0",fill:"rgb(217,217,217)",width:"100%",height:"100%",clipPath:"url(#starFilled)"}),t.createElement("rect",{x:r,y:"0",fill:l,width:"100%",height:"100%",clipPath:"url(#starFilled)"})));function Ko(e,t){let o=5*e/t;const r=[],l=o;for(let e=0;e<5;e++){if(o-1>=0)r.push("0");else if(o-1<0&&o-1>-1){const e=(24*o-24).toString();r.push(e)}else r.push("-24");o-=1}return{array:r,value:l}}function No(e,t){return 100*e/t}const Yo=({type:e,customStylesContainer:o,customStylesStar:r,customStylesPercentage:n,color:a,size:c,handleClick:s,transform:p,maxRange:m,value:u,toggleStar:g,toggleSet:b,identifier:f,...h})=>{d();const[y,x]=l(void 0),[A,v]=l(void 0),[C,S]=l(void 0),[E,k]=l(void 0);i((()=>{x(Ko(u,m).array),v(Ko(u,m).value),S(No(u,m))}),[u,m]),i((()=>{E?x(Ko(E,m).array):(x(Ko(u,m).array),v(Ko(u,m).value),S(No(u,m)))}),[E]);const z=t.createElement(t.Fragment,null,y?.map(((e,o)=>{const l=20*(o+1);return t.createElement(Qo,{ratingValue:l,starVal:A,hover:E,toggleSet:b,onClick:b?()=>s(l):null,onMouseEnter:b?()=>{k(l)}:null,onMouseLeave:b?()=>{k(null)}:null,slide:e,color:a,className:"star",size:c,transform:p,key:f?.concat(o),customStyles:r})})));return t.createElement(Zo,w({customStyles:o,type:e,size:c},h,{className:"container"}),g?z:t.createElement(Jo,{type:e,customStyles:n},C,"%"))};Yo.propTypes={customStylesContainer:e.object,customStylesStar:e.object,customStylesPercentage:e.object,type:e.string,color:e.string,size:e.number,transform:e.object,handleClick:e.func,maxRange:e.number,value:e.number,toggleStar:e.bool,toggleSet:e.bool,identifier:e.string},Yo.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const Do=s.div`
   .form-check-input {
     accent-color: ${({theme:e})=>e.primary["primary-1"]};
   }
-`,Do=({customStyles:e,inBuiltCss:o,type:r="table",sortIcon:l,data:i,tableColumns:n,progressPending:a,defaultSortFieldId:c,handleOnSort:s,sortServer:p,progressComponent:m,responsive:u,conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(o&&o[r]&&(x=o[r]),e)for(const t in e)x[t]=e[t];const v=d()||M,C=t.forwardRef((({onClick:e,...o},r)=>t.createElement(Yo,{theme:v},t.createElement("input",w({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(A,w({responsive:u,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:l,progressPending:a,customStyles:x,defaultSortFieldId:c,progressComponent:m||void 0,sortServer:p,onSort:(e,t,o)=>{s(e,t,o)},conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,selectableRowsComponent:C},y))};Do.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},Do.defaultProps={inBuiltCss:W,sortIcon:t.createElement(X,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,o)=>{console.log(e,t,o)},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100vh"};const $o=({title:e,subtitle:o,wrapperStyle:r,imgLink:l,imgStyle:i,iconSize:n})=>{const a=d()||M,c={fontSize:"26px",fontWeight:"bold",color:`${a.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${a.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:r},t.createElement("div",{style:c},l?t.createElement("img",{src:l,alt:"userIcon",srcset:"",style:i}):t.createElement(X,{icon:"user-icon",size:n,color:a.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,o)))};$o.propTypes={size:e.number},$o.defaultProps={iconSize:23};const _o=({formData:e,...o})=>{const r=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(ut,w({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(bt,w({style:{marginBottom:"7px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>t.createElement(fo,w({},e,o)))(e);case"textArea":return(e=>t.createElement(Mo,w({},e,o)))(e);case"number":return(e=>t.createElement(_t,w({},e,o)))(e);case"radio":return(e=>t.createElement(po,w({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>t.createElement(vt,w({},e,o)))(e);case"singleSelect":return(e=>t.createElement(Ht,w({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>t.createElement(Ht,w({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>t.createElement(Ht,w({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>t.createElement(Ht,w({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>t.createElement(So,w({},e,o)))(e);case"fileUpload":return(e=>t.createElement(Qt,w({},e,o)))(e);case"date":return(e=>t.createElement(Rt,w({},e,o)))(e);case"toggle":return(e=>t.createElement(Xo,w({},e,o)))(e);case"rating":return(e=>t.createElement(No,w({},e,o)))(e);case"buttonPrimary":return(e=>t.createElement(ke,w({},e,o)))(e);case"buttonSecondary":return(e=>t.createElement(Me,w({},e,o)))(e);case"buttonTiny":return(e=>t.createElement(Ie,w({},e,o)))(e);case"search":return(e=>t.createElement(ho,w({},e,o)))(e);case"table":return(e=>t.createElement(Do,w({},e,o)))(e);case"passwordInput":return(e=>t.createElement(lo,w({},e,o)))(e);case"headerComponent":return(e=>t.createElement($o,w({},e,o)))(e)}};return t.createElement(a,null,t.createElement(Ue,{defaultThemeColor:M},t.createElement(Ye,{onSubmit:()=>{console.log("form submit")}},e.map(((e,o)=>e.length>1?t.createElement(Ke,null,e.map(((o,l)=>t.createElement(Ne,{cols:e.length},r(o))))):r(e[0]))))))},er=({formData:e,onSubmit:o,onReset:r,style:l,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(ke,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>t.createElement(Me,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(Qe,{style:l},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const tr=u`
+`,$o=({customStyles:e,inBuiltCss:o,type:r="table",sortIcon:l,data:i,tableColumns:n,progressPending:a,defaultSortFieldId:c,handleOnSort:s,sortServer:p,progressComponent:m,responsive:u,conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(o&&o[r]&&(x=o[r]),e)for(const t in e)x[t]=e[t];const v=d()||M,C=t.forwardRef((({onClick:e,...o},r)=>t.createElement(Do,{theme:v},t.createElement("input",w({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(A,w({responsive:u,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:l,progressPending:a,customStyles:x,defaultSortFieldId:c,progressComponent:m||void 0,sortServer:p,onSort:(e,t,o)=>{s(e,t,o)},conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,selectableRowsComponent:C},y))};$o.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},$o.defaultProps={inBuiltCss:W,sortIcon:t.createElement(X,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,o)=>{console.log(e,t,o)},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100vh"};const _o=({title:e,subtitle:o,wrapperStyle:r,imgLink:l,imgStyle:i,iconSize:n})=>{const a=d()||M,c={fontSize:"26px",fontWeight:"bold",color:`${a.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${a.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:r},t.createElement("div",{style:c},l?t.createElement("img",{src:l,alt:"userIcon",srcset:"",style:i}):t.createElement(X,{icon:"user-icon",size:n,color:a.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,o)))};_o.propTypes={size:e.number},_o.defaultProps={iconSize:23};const er=({formData:e,customStyles:o,...r})=>{const l=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(gt,w({},e,r),e.children),e))(e);case"label":return(e=>t.createElement(ft,w({style:{marginBottom:"7px",paddingBottom:"0"}},e,r)))(e);case"text":return(e=>t.createElement(ho,w({},e,r)))(e);case"textArea":return(e=>t.createElement(Bo,w({},e,r)))(e);case"number":return(e=>t.createElement(eo,w({},e,r)))(e);case"radio":return(e=>t.createElement(mo,w({key:101*Math.random()|0},e,r)))(e);case"checkBox":return(e=>t.createElement(Ct,w({},e,r)))(e);case"singleSelect":return(e=>t.createElement(Tt,w({dropdownType:"singleSelect"},e,r)))(e);case"multiSelect":return(e=>t.createElement(Tt,w({dropdownType:"multiSelect"},e,r)))(e);case"asyncSingleSelect":return(e=>t.createElement(Tt,w({dropdownType:"asyncSingleSelect"},e,r)))(e);case"asyncMultiSelect":return(e=>t.createElement(Tt,w({dropdownType:"asyncMultiSelect"},e,r)))(e);case"signature":return(e=>t.createElement(Eo,w({},e,r)))(e);case"fileUpload":return(e=>t.createElement(Kt,w({},e,r)))(e);case"date":return(e=>t.createElement(Pt,w({},e,r)))(e);case"toggle":return(e=>t.createElement(Oo,w({},e,r)))(e);case"rating":return(e=>t.createElement(Yo,w({},e,r)))(e);case"buttonPrimary":return(e=>t.createElement(ke,w({},e,r)))(e);case"buttonSecondary":return(e=>t.createElement(Me,w({},e,r)))(e);case"buttonTiny":return(e=>t.createElement(Ie,w({},e,r)))(e);case"search":return(e=>t.createElement(yo,w({},e,r)))(e);case"table":return(e=>t.createElement($o,w({},e,r)))(e);case"passwordInput":return(e=>t.createElement(io,w({},e,r)))(e);case"headerComponent":return(e=>t.createElement(_o,w({},e,r)))(e)}};return t.createElement(a,null,t.createElement(Ue,{defaultThemeColor:M},t.createElement(De,{onSubmit:()=>{console.log("form submit")},customStyles:o},e.map(((e,o)=>e.length>1?t.createElement(Ke,null,e.map(((o,r)=>t.createElement(Ne,{cols:e.length},l(o))))):l(e[0]))))))},tr=({formData:e,onSubmit:o,onReset:r,style:l,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(ke,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>t.createElement(Me,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(Qe,{style:l},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const or=u`
     @font-face {
         font-family: "Averta";
         font-weight: 100;
@@ -1951,7 +1959,7 @@ svg {
     * {
         font-family: "Averta";
     }
-`,or=s.span`
+`,rr=s.span`
     background: transparent;
     position: relative;
     display: flex;
@@ -1960,12 +1968,12 @@ svg {
     &>span:not(:first-of-type){
         margin-left: -13px;
     }
-`,rr=s.p`
+`,lr=s.p`
     color: ${({theme:e,variantQty:t})=>e.variant[t]};
     margin: 0;
     margin-left: 7px;
     font-size: 16px;
-`,lr=({items:e,block:o,size:r,variantCircle:l,variantName:i,variantQty:n,flagName:a,user:c,colorCircle:s,colorBorderCircle:p,...m})=>{const u=d()||M;return t.createElement(or,w({block:o},m),e?.map(((o,n)=>{let a={},c={};return a.backgroundColor=s?`${u.variant[s]}`:`${u.variant[l]}`,0!==n&&(a.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`,c.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`),1===e.length?t.createElement(oe,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!0,user:o,customStylesCircle:a,customStylesImage:c}):n<=3?t.createElement(oe,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!1,user:o,customStylesCircle:a,customStylesImage:c}):null})),e.length-4>0?t.createElement(rr,{theme:u,variantQty:n},"+",e.length-4):null)};lr.propTypes={variantCircle:e.string,variantName:e.string,size:e.oneOf(["SM","MD","LG"]),user:e.object,theme:e.object,colorCircle:e.string,colorBorderCircle:e.string,variantQty:e.string},lr.defaultProps={variantCircle:"primary-1",variantName:"primary-2",block:!1,size:"MD",flagName:!1,user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const ir=s.div`
+`,ir=({items:e,block:o,size:r,variantCircle:l,variantName:i,variantQty:n,flagName:a,user:c,colorCircle:s,colorBorderCircle:p,...m})=>{const u=d()||M;return t.createElement(rr,w({block:o},m),e?.map(((o,n)=>{let a={},c={};return a.backgroundColor=s?`${u.variant[s]}`:`${u.variant[l]}`,0!==n&&(a.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`,c.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`),1===e.length?t.createElement(oe,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!0,user:o,customStylesCircle:a,customStylesImage:c}):n<=3?t.createElement(oe,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!1,user:o,customStylesCircle:a,customStylesImage:c}):null})),e.length-4>0?t.createElement(lr,{theme:u,variantQty:n},"+",e.length-4):null)};ir.propTypes={variantCircle:e.string,variantName:e.string,size:e.oneOf(["SM","MD","LG"]),user:e.object,theme:e.object,colorCircle:e.string,colorBorderCircle:e.string,variantQty:e.string},ir.defaultProps={variantCircle:"primary-1",variantName:"primary-2",block:!1,size:"MD",flagName:!1,user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const nr=s.div`
     max-width: inherit;
     width: inherit;
     font-size: 14px;
@@ -1991,7 +1999,7 @@ svg {
     &[data-popper-placement*='top'] .tooltip-arrow::after {
         border-color: ${({theme:e,variantTPbg:t})=>t?e.variant[t]:"#6b747f"} transparent transparent transparent;
     }
-`,nr=s.div`
+`,ar=s.div`
     display: flex;
     color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
     background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
@@ -2006,24 +2014,24 @@ svg {
     svg path {
         fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
     }
-`,ar=s.div`
+`,cr=s.div`
     display: flex;
     justify-content: space-evenly;
     flex-grow: 1;
     align-items: stretch;
-`,cr=({label:e,index:o,style:r,items:l,variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,divider:m,indexPrefix:u,onClick:g,icon:b,variantTPtext:f,variantTPbg:h,...y})=>{d();const{getArrowProps:x,getTooltipProps:A,setTooltipRef:C,setTriggerRef:S,visible:E}=v();return t.createElement(t.Fragment,null,t.createElement(ar,{ref:S},t.createElement(nr,{variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,onClick:p?null:()=>{g(g)}},b),m),E&&t.createElement(ir,w({variantTPtext:f,variantTPbg:h,ref:C},A({className:"tooltip-container"})),e,t.createElement("div",x({className:"tooltip-arrow"}))))};cr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},ar.defaultProps={theme:M},nr.defaultProps={theme:M},ir.defaultProps={theme:M},cr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const sr=s.div`
+`,sr=({label:e,index:o,style:r,items:l,variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,divider:m,indexPrefix:u,onClick:g,icon:b,variantTPtext:f,variantTPbg:h,...y})=>{d();const{getArrowProps:x,getTooltipProps:A,setTooltipRef:C,setTriggerRef:S,visible:E}=v();return t.createElement(t.Fragment,null,t.createElement(cr,{ref:S},t.createElement(ar,{variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,onClick:p?null:()=>{g(g)}},b),m),E&&t.createElement(nr,w({variantTPtext:f,variantTPbg:h,ref:C},A({className:"tooltip-container"})),e,t.createElement("div",x({className:"tooltip-arrow"}))))};sr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},cr.defaultProps={theme:M},ar.defaultProps={theme:M},nr.defaultProps={theme:M},sr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const dr=s.div`
     display: flex;
     justify-content: space-evenly;
     align-items: stretch;
     height: 42px;
     border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
     border-radius: 3px;
-`,dr=s.div`
+`,pr=s.div`
     display: flex;
     justify-content: space-evenly;
     flex-grow: 1;
     align-items: stretch;
-`,pr=s.div`
+`,mr=s.div`
     display: flex;
     color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
     background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
@@ -2038,19 +2046,19 @@ svg {
     svg path {
         fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
     }
-`,mr=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,...u})=>(d(),t.createElement(sr,w({variant:r,borderVariant:l},u),o?.map(((e,d)=>t.createElement(dr,{key:p.concat(d)},t.createElement(pr,{variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,title:e.label,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>m(e.label)},e.icon),o?.length-1!==d&&s)))));mr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func},sr.defaultProps={theme:M},dr.defaultProps={theme:M},pr.defaultProps={theme:M},mr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor"};const ur=s.div`
+`,ur=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,...u})=>(d(),t.createElement(dr,w({variant:r,borderVariant:l},u),o?.map(((e,d)=>t.createElement(pr,{key:p.concat(d)},t.createElement(mr,{variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,title:e.label,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>m(e.label)},e.icon),o?.length-1!==d&&s)))));ur.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func},dr.defaultProps={theme:M},pr.defaultProps={theme:M},mr.defaultProps={theme:M},ur.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor"};const gr=s.div`
     display: flex;
     justify-content: space-evenly;
     align-items: stretch;
     height: 42px;
     border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
     border-radius: 3px;
-`,gr=s.div`
+`,br=s.div`
     display: flex;
     justify-content: space-evenly;
     flex-grow: 1;
     align-items: stretch;
-`,br=s.div`
+`,fr=s.div`
     display: flex;
     color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
     background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
@@ -2065,28 +2073,28 @@ svg {
     svg path {
         fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
     }
-`,fr=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,variantTPtext:u,variantTPbg:g,...b})=>(d(),t.createElement(ur,w({variant:r,borderVariant:l},b),o?.map(((e,d)=>t.createElement(cr,{key:p.concat(d),variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>{m(e.label)},divider:o?.length-1!==d&&s,icon:e.icon,index:d,label:e.label,variantTPtext:u,variantTPbg:g})))));fr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},ur.defaultProps={theme:M},gr.defaultProps={theme:M},br.defaultProps={theme:M},fr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const hr=s.div`
+`,hr=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,variantTPtext:u,variantTPbg:g,...b})=>(d(),t.createElement(gr,w({variant:r,borderVariant:l},b),o?.map(((e,d)=>t.createElement(sr,{key:p.concat(d),variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>{m(e.label)},divider:o?.length-1!==d&&s,icon:e.icon,index:d,label:e.label,variantTPtext:u,variantTPbg:g})))));hr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},gr.defaultProps={theme:M},br.defaultProps={theme:M},fr.defaultProps={theme:M},hr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const yr=s.div`
     background: ${({theme:e,variant:t,bgColor:o})=>o||e.variant[t]};
     border: 1.3px solid ${({theme:e,variant:t,borderColor:o})=>o||e.variant[t]};
     border-radius: 50%;
     width: ${({size:e})=>e}px;
     height: ${({size:e})=>e}px;
     box-sizing: border-box;
-`,yr=({variant:e,bgColor:o,borderColor:r,...l})=>(d(),t.createElement(hr,w({variant:e,borderColor:r,bgColor:o},l)));yr.propTypes={variant:e.string,size:e.number,theme:e.object,borderColor:e.string,bgColor:e.string},hr.defaultProps={theme:M},yr.defaultProps={theme:M,variant:"primary-1",size:11};const xr=s.div`
+`,xr=({variant:e,bgColor:o,borderColor:r,...l})=>(d(),t.createElement(yr,w({variant:e,borderColor:r,bgColor:o},l)));xr.propTypes={variant:e.string,size:e.number,theme:e.object,borderColor:e.string,bgColor:e.string},yr.defaultProps={theme:M},xr.defaultProps={theme:M,variant:"primary-1",size:11};const Ar=s.div`
     display: inline-flex;
     align-items: center;
     background-color: transparent;
     min-height: 24px;
-`,Ar=s.div`
+`,vr=s.div`
     display: flex;
     justify-content: space-evenly;
     width: 69px;
-`,vr=s.p`
+`,Cr=s.p`
     display: flex;
     color: ${({theme:e,variantText:t,colorText:o})=>o||e.variant[t]};
     font-size: 16px;
     margin: 0 5px;
-`,Cr=({style:e,variantCircle:o,variantText:r,level:l,textArray:i,colorArray:n,indexPrefix:a,colorText:c,...s})=>(d(),t.createElement(xr,s,t.createElement(Ar,null,[1,2,3,4].map(((e,r)=>{let i="#D4D7E3",c=null,s=null;return l<=0&&(l=0),l>=4&&(l=4),n?l>=e?(c=n[l],i=n[l]):c=n[0]:l>=e?(s=o,i=o):s="#FFFFFF",t.createElement(yr,{key:a.concat(r),variant:s,borderColor:i,bgColor:c,size:11})}))),i&&t.createElement(vr,{variantText:r,colorText:c},i[l])));Cr.propTypes={variantCircle:e.string,variantText:e.string,level:e.number,indexPrefix:e.string,theme:e.object,block:e.bool,textArray:e.array,colorArray:e.array,colorText:e.string},vr.defaultProps={theme:M},Cr.defaultProps={theme:M,variantCircle:"primary-1",variantText:"primary-2",block:!1,level:0,indexPrefix:"circle-group"};const wr={xsm:{fontSize:"12px"},sm:{fontSize:"14px"},md:{fontSize:"16px"},lg:{fontSize:"18px"}},Sr=s.button`
+`,wr=({style:e,variantCircle:o,variantText:r,level:l,textArray:i,colorArray:n,indexPrefix:a,colorText:c,...s})=>(d(),t.createElement(Ar,s,t.createElement(vr,null,[1,2,3,4].map(((e,r)=>{let i="#D4D7E3",c=null,s=null;return l<=0&&(l=0),l>=4&&(l=4),n?l>=e?(c=n[l],i=n[l]):c=n[0]:l>=e?(s=o,i=o):s="#FFFFFF",t.createElement(xr,{key:a.concat(r),variant:s,borderColor:i,bgColor:c,size:11})}))),i&&t.createElement(Cr,{variantText:r,colorText:c},i[l])));wr.propTypes={variantCircle:e.string,variantText:e.string,level:e.number,indexPrefix:e.string,theme:e.object,block:e.bool,textArray:e.array,colorArray:e.array,colorText:e.string},Cr.defaultProps={theme:M},wr.defaultProps={theme:M,variantCircle:"primary-1",variantText:"primary-2",block:!1,level:0,indexPrefix:"circle-group"};const Sr={xsm:{fontSize:"12px"},sm:{fontSize:"14px"},md:{fontSize:"16px"},lg:{fontSize:"18px"}},Er=s.button`
     ${({underlined:e})=>e?null:p`&:hover {text-decoration: underline}`};
     background: transparent;
     color: ${({theme:e,variant:t})=>e.variant[t]};
@@ -2097,7 +2105,7 @@ svg {
     justify-content: start;
     border: none;
     cursor: pointer;
-    font-size:  ${({size:e})=>wr[e].fontSize};
+    font-size:  ${({size:e})=>Sr[e].fontSize};
 
     &:disabled {
         color: ${({theme:e})=>e.variant["neutral-3"]};
@@ -2107,32 +2115,22 @@ svg {
     * {
         outline: none;
     }
-`,Er=({block:e,size:o,style:r,variant:l,disabled:i,underlined:n,...a})=>(d(),t.createElement(Sr,w({block:e,variant:l,type:"button",style:r,size:o,disabled:i,underlined:n},a),a.children));Er.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,underlined:e.bool},Sr.defaultProps={theme:M},Er.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,size:"sm",onClick:void 0,label:"Remove",underlined:!1};const kr={overlay:{zIndex:"999999",backgroundColor:"rgb(0 0 0 / 30%)"},content:{borderColor:M.border,top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",padding:"0px",transform:"translate(-50%, -50%)",minWidth:"40vw",maxHeight:"85vh",overflow:"hidden"}},zr=s.button`
+`,kr=({block:e,size:o,style:r,variant:l,disabled:i,underlined:n,...a})=>(d(),t.createElement(Er,w({block:e,variant:l,type:"button",style:r,size:o,disabled:i,underlined:n},a),a.children));kr.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,underlined:e.bool},Er.defaultProps={theme:M},kr.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,size:"sm",onClick:void 0,label:"Remove",underlined:!1};const zr=s.button`
   //Set the styles from the default styles object
   ${({theme:e,type:t})=>ye(e,t)}
   // custom styles
     ${({customModalCloseStyle:e})=>e}
   //Set the styles from the default styles object
-    &:focus{
-      outline: none;
-      border: none;
-    }
-`,Vr=s.div`
-  .header-title {
-    display: flex;
-    gap: 10px;
-    align-items: center;
-  }
-  .header-description {
-    margin-top: 5px;
-  }
-  h4 {
-    margin-bottom: 0;
+    &:focus {
+    outline: none;
+    border: none;
   }
+`,Vr=s.div`
+  margin-top: 10px;
+
   // custom styles
   ${({customModalHeaderStyle:e})=>e}
 `,Mr=s.div`
-
   //Set the styles from the default styles object
   ${({theme:e,type:t})=>ye(e,t)}
   // custom styles
@@ -2146,15 +2144,14 @@ svg {
   // custom styles
     ${({customModalFooterStyle:e})=>e}
 `,Wr=s.div`
-      padding: .5rem 3rem 0rem 3rem;
+  padding: 0.5rem 3rem 0rem 3rem;
 `,Rr=s.div`
   position: sticky;
-  background-color: ${({theme:e})=>e.bgColor}; 
-  width: 100%; 
+  background-color: ${({theme:e})=>e.bgColor};
+  width: 100%;
   top: 0px;
-  border-bottom: 1px solid     ${({theme:e})=>e.border}
-
-`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Pr=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalCloseStyle:a,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:p,...m})=>{const u=d()||M;return t.createElement(C,w({isOpen:e,onRequestClose:r?o:void 0,style:kr,contentLabel:"Modal"},m),t.createElement(Rr,{theme:u},t.createElement(zr,{theme:W,type:"modalComp-modal-close",style:a,onClick:o},t.createElement(X,{icon:"cross-icon",color:M.neutral["neutral-2"],size:15})),t.createElement(Vr,{style:c},t.createElement(Wr,null,l))),t.createElement(Br,null,t.createElement(Mr,{theme:W,type:"modalComp-modal-body",style:s},t.createElement(Wr,null,"        ",i)),t.createElement(Ir,{theme:W,type:"modalComp-modal-footer",style:p},n)))};Pr.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalCloseStyle:e.object,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object},Pr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{}};const Lr=s.div`
+  border-bottom: 1px solid ${({theme:e})=>e.border};
+`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Pr=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalCloseStyle:a,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:p,customWidth:m,customMinWidth:u,customMaxWidth:g,...b})=>{const f=d()||M,h={overlay:{zIndex:"999999",backgroundColor:"rgb(0 0 0 / 30%)"},content:{borderColor:M.border,top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",padding:"0px",transform:"translate(-50%, -50%)",minWidth:u,maxHeight:"85vh",overflow:"hidden",width:m&&m,maxWidth:g&&g}};return t.createElement(C,w({isOpen:e,onRequestClose:r?o:void 0,style:h,contentLabel:"Modal"},b),t.createElement(Rr,{theme:f},t.createElement(zr,{theme:W,type:"modalComp-modal-close",style:a,onClick:o},t.createElement(X,{icon:"cross-icon",color:M.neutral["neutral-2"],size:15})),t.createElement(Vr,{style:c},t.createElement(Wr,null,l))),t.createElement(Br,null,t.createElement(Mr,{theme:W,type:"modalComp-modal-body",style:s},t.createElement(Wr,null," ",i)),t.createElement(Ir,{theme:W,type:"modalComp-modal-footer",style:p},n)))};Pr.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalCloseStyle:e.object,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string},Pr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:""};const Lr=s.div`
 ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
     }
 `,qr=({theme:e,toggleSimple:o,contentTrigger:r,contentOverlay:l,popperOptionsP:i,settingsP:n,customStyles:a,...c})=>{let s={},d={};o?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...n};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:g,visible:b}=v({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},r),b&&t.createElement(Lr,w({type:o?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:a}),l))};qr.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},qr.defaultProps={theme:W,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const Hr=s.div`
@@ -2196,7 +2193,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
   ${({progressBarStyle:e})=>e}
   width: ${({now:e})=>e+"%"};
   background-color: ${({color:e,theme:t})=>e||t.primary["primary-1"]};
-`,Xr=({labelStyle:e,progressBarStyle:o,label:r,now:l,color:i,...n})=>{const a=d()||M;return t.createElement("div",null,t.createElement(bt,w({inBuiltCss:W,customStyles:e,type:"progressbarLabel",text:r},n)),t.createElement(Fr,w({progressBarStyle:o,theme:a,color:i},n),t.createElement(Gr,w({progressBarStyle:o,now:l,theme:a,color:i},n))))};Xr.propTypes={labelStyle:e.object,progressBarStyle:e.object,color:e.string,label:e.string,now:e.number},Xr.defaultProps={labelStyle:{},progressBarStyle:{},label:"",now:0};const Or=s.div`
+`,Xr=({labelStyle:e,progressBarStyle:o,label:r,now:l,color:i,...n})=>{const a=d()||M;return t.createElement("div",null,t.createElement(ft,w({inBuiltCss:W,customStyles:e,type:"progressbarLabel",text:r},n)),t.createElement(Fr,w({progressBarStyle:o,theme:a,color:i},n),t.createElement(Gr,w({progressBarStyle:o,now:l,theme:a,color:i},n))))};Xr.propTypes={labelStyle:e.object,progressBarStyle:e.object,color:e.string,label:e.string,now:e.number},Xr.defaultProps={labelStyle:{},progressBarStyle:{},label:"",now:0};const Or=s.div`
     background: transparent;
     display: flex;
     align-items: center;
@@ -2505,4 +2502,4 @@ overflow: hidden;
     // background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
     font-size: ${({size:e})=>kl[e].fontSize};
     line-height: ${({size:e})=>kl[e].lineHeight};
-`,Vl=({size:e,children:o,bg:r,text:l,...i})=>{const n=d()||M;return t.createElement(zl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(tr,{theme:n}),o)};Vl.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Vl.defaultProps={size:"md"};export{Z as Accordion,J as AccordionSB,U as AccordionSBfooter,Xe as ActionContainer,Je as ActionItem,Y as ArrowBar,oe as Avatar,ne as AvatarSB,de as AvatarSBfooter,ue as Banner,he as Breadcrumb,cr as ButtonPopup,I as Card,P as CardRef,vt as CheckBoxInput,St as ColorInput,Re as Content,Nr as DarkSecondaryLink,Rt as DateSelect,$e as Divider,j as DocumentCard,et as Drawer,Ht as DropdownSelect,Qt as DropzoneInput,tt as ErrorBoundary,lt as FilterChip,nt as Footer,pt as FooterContent,_o as FormComponent,Ue as FormContainer,Ye as FormWrapper,lr as GroupAvatars,mr as GroupButtons,fr as GroupButtonsPopup,Cr as GroupStatusCircle,ut as Header,$o as HeaderComponent,Er as HyperLink,X as Icon,$ as Image,bt as Label,Dr as LightSecondaryLink,Ce as Loader,Pr as ModalComp,Ne as MultiColumnDiv,Ke as MultiColumnWrapper,rl as Navbar,_t as NumericInput,qr as Overlay,Oe as OverlayOptionContainer,Ze as OverlayOptionItemLabel,Pe as PageContent,Tr as Pagination,lo as PasswordInput,ke as PrimaryButton,sl as PrimaryStatusChip,Xr as ProgressBar,Qr as ProgressSteps,po as RadioInput,No as Rating,ho as SearchInput,Me as SecondaryButton,ml as SecondaryStatusChip,nl as Sidebar,So as SignatureInput,bl as SlimPrimaryStatusChip,yl as SlimSecondaryStatusChip,yr as StatusCircle,He as StyledCentralBar,qe as StyledClearSearch,je as StyledCreateRow,Fe as StyledRow,Le as StyledRowSearch,Ge as StyledSearchRow,Te as StyledWarning,Qe as SubmitButtonContainer,er as SubmitComponent,Do as Table,Mo as TextArea,fo as TextInput,Ho as TimeInput,Ie as TinyButton,Xo as ToggleSwitch,El as Tooltip,Vl as Typography,V as graphColor,xe as hexToRGB,k as neutralColor,S as primaryColor,z as shadeColor,E as uiColor};
+`,Vl=({size:e,children:o,bg:r,text:l,...i})=>{const n=d()||M;return t.createElement(zl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(or,{theme:n}),o)};Vl.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Vl.defaultProps={size:"md"};export{Z as Accordion,J as AccordionSB,U as AccordionSBfooter,Xe as ActionContainer,Je as ActionItem,Y as ArrowBar,oe as Avatar,ne as AvatarSB,de as AvatarSBfooter,ue as Banner,he as Breadcrumb,sr as ButtonPopup,I as Card,P as CardRef,Ct as CheckBoxInput,Et as ColorInput,Re as Content,Nr as DarkSecondaryLink,Pt as DateSelect,_e as Divider,j as DocumentCard,tt as Drawer,Tt as DropdownSelect,Kt as DropzoneInput,ot as ErrorBoundary,it as FilterChip,at as Footer,mt as FooterContent,er as FormComponent,Ue as FormContainer,De as FormWrapper,ir as GroupAvatars,ur as GroupButtons,hr as GroupButtonsPopup,wr as GroupStatusCircle,gt as Header,_o as HeaderComponent,kr as HyperLink,X as Icon,$ as Image,ft as Label,Dr as LightSecondaryLink,Ce as Loader,Pr as ModalComp,Ne as MultiColumnDiv,Ke as MultiColumnWrapper,rl as Navbar,eo as NumericInput,qr as Overlay,Oe as OverlayOptionContainer,Ze as OverlayOptionItemLabel,Pe as PageContent,Tr as Pagination,io as PasswordInput,ke as PrimaryButton,sl as PrimaryStatusChip,Xr as ProgressBar,Qr as ProgressSteps,mo as RadioInput,Yo as Rating,yo as SearchInput,Me as SecondaryButton,ml as SecondaryStatusChip,nl as Sidebar,Eo as SignatureInput,bl as SlimPrimaryStatusChip,yl as SlimSecondaryStatusChip,xr as StatusCircle,He as StyledCentralBar,qe as StyledClearSearch,je as StyledCreateRow,Fe as StyledRow,Le as StyledRowSearch,Ge as StyledSearchRow,Te as StyledWarning,Qe as SubmitButtonContainer,tr as SubmitComponent,$o as Table,Bo as TextArea,ho as TextInput,To as TimeInput,Ie as TinyButton,Oo as ToggleSwitch,El as Tooltip,Vl as Typography,V as graphColor,xe as hexToRGB,k as neutralColor,S as primaryColor,z as shadeColor,E as uiColor};