@kinan-x/core
Version:
Master Components Core Library
1 lines • 81 kB
JavaScript
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n=require("react"),r=e(n),t=require("prop-types"),a=e(require("clsx")),o=require("react-jss"),i=e(require("@material-ui/core/CircularProgress")),s=e(require("@material-ui/icons/Link")),l=e(require("@material-ui/core/Avatar")),c=require("uuid"),d=require("@material-ui/core");require("@material-ui/lab/Alert"),require("@material-ui/lab");var m=e(require("@material-ui/icons/Edit")),p=require("react-router-dom"),u=e(require("@material-ui/icons/CancelOutlined")),b=e(require("@material-ui/core/Dialog")),g=e(require("@material-ui/core/DialogActions")),f=e(require("@material-ui/core/DialogContent")),h=e(require("@material-ui/core/DialogContentText")),y=e(require("@material-ui/core/DialogTitle")),x=require("@material-ui/core/styles"),v=e(require("@material-ui/core/Badge")),k=require("styled-components"),w=e(require("@material-ui/icons/Brightness4")),E=require("react-icons/fa"),C=e(require("@material-ui/icons/FingerprintOutlined")),N=e(require("@material-ui/icons/ErrorOutlineOutlined")),z=e(require("@material-ui/icons/AccountCircleOutlined")),I=e(require("@material-ui/icons/EmailOutlined")),S=e(require("@material-ui/icons/Dialpad")),T=e(require("@material-ui/icons/LockOutlined")),A=e(require("@material-ui/icons/PowerSettingsNewOutlined")),L=e(require("@material-ui/icons/AttachMoneyOutlined")),F=e(require("@material-ui/icons/SettingsOutlined")),M=e(require("@material-ui/icons/PersonAddOutlined")),B=e(require("@material-ui/icons/AccountTree")),P=e(require("@material-ui/icons/ContactsOutlined")),q=e(require("@material-ui/icons/ViewQuilt"));function D(){return(D=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function R(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n}function O(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)n.indexOf(r=o[t])>=0||(a[r]=e[r]);return a}var j=o.createUseStyles({"btn-xyz":{display:"inline-block",alignItems:"center",textAlign:"center",fontSize:"14px",justifyContent:"center",border:"0.1em solid #fffff",boxSizing:"border-box",textDecoration:"none",font:"Arial",transition:"all 0.2s",cursor:"pointer",userSelect:"none",outline:"none","&:focus":{outline:"none"},"&:hover":{outline:"none"},"&:disabled":{outline:"none"}},"btn--primary--solid":{backgroundColor:"var(--primary50)",border:"0.1em solid white",opacity:1,color:"white","&:active":{backgroundColor:"var(--trasparent)",opacity:.9,border:"0.1em solid var(--primary50)",color:"var(--primary50)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--primary50)"}},"btn--primary--outline":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--primary50)",opacity:1,color:"var(--primary50)","&:active":{backgroundColor:"var(--primary50)",opacity:1,border:"0.1em solid currentColor",color:"var(--white)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--primary50)",backgroundColor:"var(--trasparent)",color:"var(--primary50)"}},"btn--primary--text":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--trasparent)",opacity:1,color:"var(--primary50)","&:active":{backgroundColor:"var(--trasparent)",opacity:1,border:"0.1em solid var(--trasparent)",color:"currentColor"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--primary50)"}},"btn--secondary--solid":{backgroundColor:"var(--secondary50)",border:"0.1em solid white",opacity:1,color:"white","&:active":{backgroundColor:"var(--trasparent)",opacity:.9,border:"0.1em solid var(--secondary50)",color:"var(--secondary50)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--secondary50)"}},"btn--secondary--outline":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--secondary50)",opacity:1,color:"var(--secondary50)","&:active":{backgroundColor:"var(--secondary50)",opacity:1,border:"0.1em solid currentColor",color:"var(--white)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--secondary50)",backgroundColor:"var(--trasparent)",color:"var(--secondary50)"}},"btn--secondary--text":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--trasparent)",opacity:1,color:"var(--secondary50)","&:active":{backgroundColor:"var(--trasparent)",opacity:1,border:"0.1em solid var(--trasparent)",color:"currentColor"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--secondary50)"}},"btn--success--solid":{backgroundColor:"var(--success)",border:"0.1em solid white",opacity:1,color:"white","&:active":{backgroundColor:"var(--trasparent)",opacity:.9,border:"0.1em solid var(--success)",color:"var(--success)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--success)"}},"btn--success--outline":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--success)",opacity:1,color:"var(--green)","&:active":{backgroundColor:"var(--success)",opacity:1,border:"0.1em solid currentColor",color:"var(--white)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--success)",backgroundColor:"var(--trasparent)",color:"var(--success)"}},"btn--success--text":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--trasparent)",opacity:1,color:"var(--success)","&:active":{backgroundColor:"var(--trasparent)",opacity:1,border:"0.1em solid var(--trasparent)",color:"currentColor"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--success)"}},"btn--danger--solid":{backgroundColor:"var(--danger50)",border:"0.1em solid white",opacity:1,color:"white","&:active":{backgroundColor:"var(--trasparent)",opacity:.9,border:"0.1em solid var(--danger50)",color:"var(--danger)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--danger)"}},"btn--danger--outline":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--danger50)",opacity:1,color:"var(--danger)","&:active":{backgroundColor:"var(--danger50)",opacity:1,border:"0.1em solid currentColor",color:"var(--white)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--danger50)",backgroundColor:"var(--trasparent)",color:"var(--danger50)"}},"btn--danger--text":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--trasparent)",opacity:1,color:"var(--danger50)","&:active":{backgroundColor:"var(--trasparent)",opacity:1,border:"0.1em solid var(--trasparent)",color:"currentColor"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--danger50)"}},"btn--dark--solid":{backgroundColor:"var(--dark)",border:"0.1em solid white",opacity:1,color:"white","&:active":{backgroundColor:"var(--trasparent)",opacity:.9,border:"0.1em solid var(--dark)",color:"var(--dark)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--dark)"}},"btn--dark--outline":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--dark)",opacity:1,color:"var(--dark)","&:active":{backgroundColor:"var(--dark)",opacity:1,border:"0.1em solid currentColor",color:"var(--white)"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--dark)",backgroundColor:"var(--trasparent)",color:"var(--dark)"}},"btn--dark--text":{backgroundColor:"var(--trasparent)",border:"0.1em solid var(--trasparent)",opacity:1,color:"var(--dark)","&:active":{backgroundColor:"var(--trasparent)",opacity:1,border:"0.1em solid var(--trasparent)",color:"currentColor"},"&:hover":{opacity:"0.7",transition:"none"},"&:disabled":{border:"0.1em solid var(--trasparent)",backgroundColor:"var(--trasparent)",color:"var(--dark)"}},"btn--round":{borderRadius:"1.12em"},"btn--square":{borderRadius:"0.22em"},"btn--xs":{padding:"0 0.6rem",margin:"0.6em"},"btn--sm":{padding:"0.2em 1.6em",margin:"0.6em",fontSize:"15px"},"btn--md":{padding:"0.3em 2em",margin:"0.6em",fontSize:"16px"},"btn--lg":{padding:"0.4em 2.4em",margin:"0.6em",fontSize:"17px"},"btn--xl":{padding:"0.5em 2.8em",margin:"0.6em",fontSize:"18px"},"icon--md":{fontSize:"16px"},fullWidth:{width:"100%"},disabled:{opacity:"0.4",textDecoration:"none",pointerEvents:"none"},"icon--btn":{padding:"0 18px 0 0",margin:0,display:"flex",alignItems:"center","& > span":{display:"flex"}},"start--icon":{"& > *":{paddingRight:"18px"}},label:{width:"100%",display:"inherit",alignItems:"inherit",justifyContent:"inherit"}},{name:"kinan-"}),U=["solid","outline","text","contained"],W=["primary","secondary","success","danger","warning","info","light","dark"],_=["xs","sm","md","lg","xl"],H=function(e){var n=e.children,t=e.title,o=e.type,i=e.onClick,s=e.component,l=void 0===s?0:s,c=e.endIcon,d=e.startIcon,m=e.className,p=e.style,u=e.disabled,b=void 0!==u&&u,g=e.href,f=e.fullWidth,h=void 0!==f&&f,y=e.shape,x=void 0===y?"round":y,v=e.variant,k=void 0===v?U[0]:v,w=e.color,E=void 0===w?W[0]:w,C=e.size,N=void 0===C?_[2]:C,z=O(e,["children","title","type","onClick","component","endIcon","startIcon","className","style","disabled","href","fullWidth","shape","variant","color","size"]),I=j();return g||"a"===l?r.createElement("a",D({className:a(d||c?I["icon--btn"]+" bund--icon--btn":I["btn-xyz"],I["btn--"+E+"--"+k],I["btn--"+x],I["btn--"+N],h&&I.fullWidth,b&&I.disabled,m),href:g,style:p,disabled:b},z),r.createElement("span",{className:I.label},d&&r.createElement("span",{className:a(I["start--icon"],I["icon--"+N])},d),n,c&&r.createElement("span",{className:a(I["end--icon"],I["icon--"+N])},c))):r.createElement("button",D({title:t,className:a(d||c?I["icon--btn"]+" bund--icon--btn":I["btn-xyz"],I["btn--"+E+"--"+k],I["btn--"+x],I["btn--"+N],h&&I.fullWidth,b&&I.disabled,m),type:o,onClick:i,disabled:b,style:p},z),r.createElement("span",{className:I.label},d&&r.createElement("span",{className:a(I["start--icon"],I["icon--"+N])},d),n,c&&r.createElement("span",{className:a(I["end--icon"],I["icon--"+N])},c)))};H.propTypes={children:t.node.isRequired,startIcon:t.node,endIcon:t.node,className:t.string,fullWidth:t.bool,style:t.oneOfType([t.object,t.array]),title:t.string,type:t.oneOfType([t.oneOf(["button","reset","submit"]),t.string]),onClick:t.func,component:t.elementType,disabled:t.bool,classes:t.object,color:t.oneOf(["primary","secondary","success","danger","warning","info","light","dark"]),shape:t.oneOf(["round","square"]),size:t.oneOf(["xs","sm","md","lg","xl"]),variant:t.oneOf(["text","contained","solid","outline"]),href:t.string},H.defaultProps={variant:"solid",color:"primary",size:"md",shape:"round"},H.displayName="b";var V=o.createUseStyles({loading:{minHeight:"60vh",alignItems:"center",textAlign:"center",justifyContent:"center",display:"flex"}},{name:"kinan-"}),X=function(e){var n=e.minHeight,t=e.size,a=(O(e,["className","minHeight","size","style"]),V());return r.createElement("div",{className:a.loading,style:{minHeight:n}},r.createElement(i,{style:{width:t,height:t},className:"text-color"}))};X.propTypes={minHeight:t.string,size:t.string},X.displayName="l";var G=o.createUseStyles({"anchor-parent":{fontSize:"1.75rem",alignItems:"center",display:"flex"},anchor:{marginRight:"1.5rem",textDecoration:"none"}},{name:"kinan-"}),K=function(e){var n=e.children,t=e.icon,o=e.className,i=e.style,l=e.disabled,c=void 0!==l&&l,d=e.href,m=e.ariaLabel,p=O(e,["children","icon","className","style","disabled","href","ariaLabel"]),u=G();return r.createElement("span",D({style:i,className:a(u["anchor-parent"],o),disabled:c},p),r.createElement("a",D({href:d,"aria-label":m,style:i,className:a(u.anchor,o),disabled:c},p),t?t&&r.createElement("span",null," ",t):r.createElement("span",null,r.createElement(s,null)))," ",n)};K.propTypes={children:t.node.isRequired,href:t.string,disabled:t.bool,classes:t.object,style:t.oneOfType([t.object,t.array]),icon:t.oneOfType([t.node,t.object,t.string])},K.displayName="a";var J=x.makeStyles(function(e){var n;return{fullwidth:{maxWidth:"fill-content",padding:e.spacing(2),marginButtom:e.spacing(2),marginTop:e.spacing(2)},container:{display:"flex",alignItems:"center","& > div":{flex:1}},m1:{margin:e.spacing(1)},m2:{margin:e.spacing(2)},m3:{margin:e.spacing(3)},m4:{margin:e.spacing(4)},p1:{padding:e.spacing(1)},p2:{padding:e.spacing(2)},p3:{padding:e.spacing(3)},p4:{padding:e.spacing(4)},mb1:{marginBottom:e.spacing(1)},mb2:{marginBottom:e.spacing(2)},mb3:{marginBottom:e.spacing(3)},mb4:{marginBottom:e.spacing(4)},mt1:{marginTop:e.spacing(1)},mt2:{marginTop:e.spacing(2)},mt3:{marginTop:e.spacing(3)},mt4:{marginTop:e.spacing(4)},ml1:{marginLeft:e.spacing(1)},ml2:{marginLeft:e.spacing(2)},ml3:{marginLeft:e.spacing(3)},ml4:{marginLeft:e.spacing(4)},mr1:{marginRight:e.spacing(1)},mr2:{marginRight:e.spacing(2)},mr3:{marginRight:e.spacing(3)},mr4:{marginRight:e.spacing(4)},pb1:{paddingBottom:e.spacing(1)},pb2:{paddingBottom:e.spacing(2)},pb3:{paddingBottom:e.spacing(3)},pb4:{paddingBottom:e.spacing(4)},pt1:{paddingTop:e.spacing(1)},pt2:{paddingTop:e.spacing(2)},pt3:{paddingTop:e.spacing(3)},pt4:{paddingTop:e.spacing(4)},pl1:{paddingLeft:e.spacing(1)},pl2:{paddingLeft:e.spacing(2)},pl3:{paddingLeft:e.spacing(3)},pl4:{paddingLeft:e.spacing(4)},pr1:{paddingRight:e.spacing(1)},pr2:{paddingRight:e.spacing(2)},pr3:{paddingRight:e.spacing(3)},pr4:{paddingRight:e.spacing(4)},root:{display:"flex"},menuButton:{marginRight:0},hide:{display:"none"},drawer:{width:190,flexShrink:0,whiteSpace:"nowrap"},appBar:{zIndex:e.zIndex.drawer+1,transition:e.transitions.create(["width","margin"],{easing:e.transitions.easing.sharp,duration:"0.2s"})},appBarShift:{marginLeft:190,width:"calc(100% - 190px)",transition:e.transitions.create(["width","margin"],{easing:e.transitions.easing.sharp,duration:"0.2s"})},drawerOpen:{width:190,transition:e.transitions.create(["width","margin"],{easing:e.transitions.easing.sharp,duration:"0.2s"})},drawerClose:(n={transition:e.transitions.create(["width","margin"],{easing:e.transitions.easing.sharp,duration:"0.2s"}),overflowX:"hidden",width:e.spacing(7)+1},n[e.breakpoints.up("sm")]={width:e.spacing(7)+1},n),toolbar:D({display:"flex",alignItems:"center",justifyContent:"flex-end",padding:e.spacing(0,1)},e.mixins.toolbar),content:{flexGrow:3,padding:e.spacing(3)},list:{width:250},fullList:{width:"auto"},umlroot:{display:"flex","& > *":{margin:e.spacing(1)}},rootIcon:{display:"flex","& > *":{margin:e.spacing(1)}},projAppBar:{transition:e.transitions.create(["margin","width"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen})},projAppBarShift:{width:"calc(100% - 190px)",marginLeft:190,transition:e.transitions.create(["margin","width"],{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen})},projMenuButton:{marginRight:e.spacing(2)},projDrawer:{width:190,flexShrink:0},drawerPaper:{width:190},projDrawerHeader:D({display:"flex",minHeight:"initial !important",alignItems:"center",padding:e.spacing(0,1)},e.mixins.toolbar,{justifyContent:"flex-end"}),projContent:{flexGrow:1,padding:e.spacing(3),transition:e.transitions.create("margin",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),marginLeft:-190},contentShift:{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginLeft:0},navroot:{flexGrow:1},navMenuButton:{marginRight:e.spacing(1),marginTop:e.spacing(1),padding:0},rootProcess:{display:"flex",margin:"45px"},rootHR:{"& .MuiTextField-root":{margin:e.spacing(1),width:"25ch"}},MuiBadgeDot:{color:"red",background:"red"},bundDiv:{height:"48px",margin:0,background:"#080808",color:"#eee",textAlign:"center",justifyContent:"center",alignItems:"center",display:"flex",fontWeight:400,fontSize:"16px",textDecoration:"none",letterSpacing:"0.8rem",textTransform:"uppercase"},navTitle:{flexGrow:1},paper:{height:140,width:100},control:{padding:e.spacing(2)},formControl:{margin:e.spacing(1),minWidth:220},selectEmpty:{marginTop:e.spacing(2)},processFormControl:{marginRight:e.spacing(1),marginBottom:e.spacing(1),minWidth:210},listStyle:{width:"100%",maxWidth:360},bgroup:{display:"flex",flexDirection:"column",alignItems:"left","& > *":{margin:e.spacing(1)}},gridStyle:{flexGrow:1},paperProcess:{padding:e.spacing(1),textAlign:"center"},previewChip:{minWidth:160,maxWidth:210}}}),Q=x.withStyles(function(e){return{badge:{backgroundColor:"#44b700",color:"#44b700",boxShadow:"0 0 0 2px "+e.palette.background.paper,"&::after":{position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:"50%",animation:"$ripple 1.2s infinite ease-in-out",border:"1px solid currentColor",content:'""'}},"@keyframes ripple":{"0%":{transform:"scale(.8)",opacity:1},"100%":{transform:"scale(2.4)",opacity:0}}}})(v),$=x.withStyles(function(e){return{badge:{backgroundColor:"red",color:"red",boxShadow:"0 0 0 2px "+e.palette.background.paper,"&::after":{position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:"50%",border:"1px solid currentColor",content:'""'}},"@keyframes ripple":{"0%":{transform:"scale(.8)",opacity:1},"100%":{transform:"scale(2.4)",opacity:0}}}})(v);function Y(){var e,n,r=(e=["\n\n:root {\n --white: white;\n --black: black;\n --trasparent: trasparent;\n --border-color: ",";\n --primary30: ",";\n --primary40: ",";\n --primary50: ",";\n --primary60: ",";\n --primary70: ",";\n --secondary30: ",";\n --secondary40: ",";\n --secondary50: ",";\n --secondary60: ",";\n --secondary70: ",";\n --danger30: ",";\n --danger40: ",";\n --danger50: ",";\n --danger60: ",";\n --danger70: ",";\n --blue: ",";\n --green: ",";\n --indigo: ",";\n --orange: ",";\n --pink: ",";\n --purple: ",";\n --red: ",";\n --teal: ",";\n --yellow: ",";\n --gray1: ",";\n --gray2: ",";\n --gray3: ",";\n --gray4: ",";\n --gray5: ",";\n --gray6: ",";\n\n --primary: ",";\n --primary-focus: ",";\n --focus: ",";\n --active: ",";\n --secondary: ",";\n --disabled-dark: #3B3B3B;\n --disabled-light: #C4C4C4;\n}\n\n.root {\n color: var(--primaryAPPL);\n}\n\na.btn-xyz {\n text-decoration: none;\n}\n\n.btn-xyz {\n display: inline-block;\n align-items: center;\n text-align: center;\n font-size: 14px;\n justify-content: center;\n border: 0.1em solid #ffffff;\n box-sizing: border-box;\n text-decoration: none;\n font: 400 13.3333px Arial;\n transition: all 0.2s;\n cursor: pointer;\n user-select: none;\n}\n\n\n.btn-xyz:focus {\n outline: none;\n}\n\n.btn-xyz:hover {\n outline: none;\n}\n\n.btn-xyz:disabled {\n outline: none;\n}\n\n.btn--primary--solid {\n background-color: var(--primary50);\n opacity: 1;\n color: currentColor;\n}\n\n.btn--primary--solid:active {\n background-color: var(--trasparent);\n opacity: 1;\n border: 0.1em solid var(--primary50);\n color: var(--primary50);\n}\n\n.btn--primary--solid:hover {\n opacity: 0.7;\n transition: none;\n}\n\n.btn--primary--solid:disabled {\n border: 0.1em solid var(--border-color);\n background-color: var(--primary50);\n color: var(--white);\n opacity: 0.4;\n}\n\n\n\n.btn--primary--text {\n background-color: var(--trasparent);\n border: 0.1em solid var(--trasparent);\n opacity: 1;\n color: var(--primary50);\n}\n\n.btn--primary--text:active {\n background-color: var(--trasparent);\n opacity: 1;\n border: 0.1em solid var(--trasparent);\n color: currentColor;\n}\n\n.btn--primary--text:hover {\n opacity: 0.7;\n transition: none;\n}\n\n.btn--primary--text:disabled {\n border: 0.1em solid var(--trasparent);\n background-color: var(--trasparent);\n color: var(--primary50);\n opacity: 0.4;\n}\n\n.btn--primary--outline {\n background-color: var(--trasparent);\n opacity: 1;\n border: 0.1em solid var(--primary50);\n color: var(--primary50);\n}\n\n\n\n.btn--primary--outline:hover {\n opacity: 0.7;\n transition: none;\n}\n\n.btn--primary--outline:disabled {\n border: 0.1em solid var(--primary50);\n background-color: var(--transparent);\n color: var(--primary50);\n opacity: 0.4;\n}\n\n.btn--secondary--solid {\n background-color: var(--secondary50);\n opacity: 1;\n color: var(--white);\n}\n.btn--secondary--solid:hover {\n opacity: 0.7;\n transition: none;\n}\n\n.btn--secondary--solid:focus {\n background-color: var(--focus);\n border: 0.1em solid var(--secondary50);\n opacity: 1;\n color: var(--secondary50);\n}\n\n.btn--secondary--outline {\n background-color: var(--trasparent);\n opacity: 1;\n border: 0.1em solid var(--secondary50);\n color: var(--secondary50);\n}\n\n.btn--secondary--outline:focus {\n background-color: var(--focus);\n opacity: 1;\n color: var(--secondary50);\n}\n\n.btn--secondary--outline:hover {\n opacity: 0.7;\n transition: none;\n\n}\n\n.btn--secondary--outline:disabled {\n border: 0.1em solid var(--border-color);\n background-color: var(--transparent);\n color: var(--secondary50);\n opacity: 0.4;\n}\n\n.btn--danger--solid {\n background-color: var(--danger50);\n opacity: 1;\n color: var(--white);\n}\n.btn--danger--solid:hover {\n opacity: 0.7;\n transition: none;\n}\n\n.btn--danger--solid:focus {\n background-color: var(--focus);\n border: 0.1em solid var(--danger50);\n opacity: 1;\n color: var(--danger50);\n}\n\n.btn--danger--outline {\n background-color: var(--trasparent);\n opacity: 1;\n border: 0.1em solid var(--danger50);\n border-radius: 1.12em;\n color: var(--danger50);\n}\n\n.btn--danger--outline:focus {\n background-color: var(--focus);\n opacity: 1;\n color: var(--danger50);\n}\n\n.btn--danger--outline:hover {\n opacity: 0.7;\n transition: none;\n\n}\n\n.btn--danger--outline:disabled {\n border: 0.1em solid var(--border-color);\n background-color: var(--transparent);\n color: var(--danger50);\n opacity: 0.4;\n}\n\n.btn--round {\n border-radius: 1.12em;\n}\n\n.btn--square {\n border-radius: 0.22em;\n}\n\n.btn--xs {\n padding: 0 0.6rem 1.2px 0.6rem;\n margin: 0.6em;\n}\n\n.btn--sm {\n padding: 0.2em 1.6em;\n margin: 0.6em;\n font-size: 15px;\n}\n\n.btn--md {\n padding: 0.3em 2em;\n margin: 0.6em;\n font-size: 16px;\n}\n\n.btn--lg {\n padding: 0.4em 2.4em;\n margin: 0.6em;\n font-size: 17px;\n}\n\n.btn--xl {\n padding: 0.5em 2.8em;\n margin: 0.6em;\n font-size: 18px;\n}\n\nbody {\n background: ",";\n color: ",';\n font-family: "Proxima Nova", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n font-weight: 400;\n }\n\n::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n}\n\n::-webkit-scrollbar-track {\n background: ',";\n}\n\n::-webkit-scrollbar-thumb {\n background-color: ",";\n border-radius: 0px;\n border: ",";\n}\n\n.MuiToolbar-root {\n background: ",";\n color: ",";\n}\n\n.MuiBottomNavigation-root {\n background: ",";\n}\n\n.MuiToolbar-root.MuiToolbar-regular.toolbar-style.MuiToolbar-gutters {\n padding: 0 16px !important;\n\n}\n.MuiPaper-root.MuiDrawer-paper.paper.makeStyles-drawerClose-8.MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft.MuiPaper-elevation0 {\n border-right: #878787 dotted 0.1px;\n}\n.MuiPaper-root.MuiDrawer-paper.paper.makeStyles-drawerOpen-7.MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft.MuiPaper-elevation0 {\n border-right: #878787 dotted 0.1px;\n}\nhr.MuiDivider-root {\n border-bottom: #878787 solid 0.1px;\n}\n.toolbar-style {\n background: ",";\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.MuiTypography-colorTextSecondary {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.tag-color {\n\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n.bottom-border {\n border-bottom: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.logo-img {\n background-image: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n.git-img {\n background-image: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n\n.img-border {\n border: ",";\n border-radius: 5%;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n.small-img-border {\n border: ",";\n border-radius: 15%;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n\n.npm-box {\n box-shadow: rgb(95, 13, 13) 0px 0px 15px 0px, rgb(95, 13, 13) 0px 0px 0px 0px, rgb(95, 13, 13) 0px 0px 0px 0px;\n background-color: ",";\n border: 1px solid rgb(204 0 0 / 49%);\n opacity: ",";\n}\n\n.npm-box:hover {\n box-shadow: rgb(95, 13, 13) 0px 0px 20px 0px, rgb(95, 13, 13) 0px 0px 0px 0px, rgb(95, 13, 13) 0px 0px 0px 0px;\n background-color: ",";\n border: 1px solid rgb(204 0 0 / 69%);\n opacity: 0.8;\n}\n\n\n.git-box {\n box-shadow: ",";\n background-color: ",";\n border: ",";\n opacity: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n\n.git-box:hover {\n box-shadow: ",";\n background-color: ",";\n border: ",";\n opacity: 0.8;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n.dbfc {\n box-shadow: ",";\n background-color: ",";\n border: ",";\n opacity: 0.7;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.dbfc:hover {\n box-shadow: ",";\n background-color: ",";\n border: ",";\n opacity: 0.9;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.button-border {\n border: ",";\n border-radius: 2%;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.icon-color {\n color: ",";\n}\n\n.bar-shadow {\n box-shadow: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.menu-icon {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n.bar-title {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n letter-spacing: 0.2rem;\n text-transform: uppercase;\n}\n\n.icon {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.link-style, .link-style:hover {\n color: ",";\n text-decoration: none;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.list-style {\n background: ",";\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n\n.theme-position {\n color: ",";\n position: unset;\n margin-top: 18px;\n}\n\n.global-container {\n color: ",";\n background: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\np.MuiTypography-root.MuiDropzoneArea-text.MuiTypography-h5 {\n color: ",";\n}\n\n\n.MuiChip-root.MuiChip-outlined.MuiChip-deletable {\n color: ",";\n border: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\nsvg.MuiSvgIcon-root.MuiChip-deleteIcon {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.drawer-color {\n background: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.drawer-text {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n.MuiPaper-root.MuiDrawer-paper.MuiDrawer-paperAnchorRight.MuiPaper-elevation16 {\n background: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.paper {\n background: ",";\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n border-right: #878787 dotted 0.1px;\n}\n\n.text-color {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.backround-color {\n background: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.text-secondary {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n.body-content {\n background: ",";\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.divider {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n }\n\n .dev-ops-container {\n width: 100%;\n }\n\n\n .card-body-color {\n background: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.card-text-color {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n.card-shadow-color {\n box-shadow: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n\n\nsvg.MuiSvgIcon-root.MuiSelect-icon.MuiSelect-iconOutlined {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.PrivateNotchedOutline-legendLabelled-8 {\n -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;\n\n}\n\n.text-field-style {\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n & input {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n }\n & textarea {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n }\n & select {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n }\n & select:not([multiple]) > option {\n background: ",";\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n }\n & label {\n color: ",";\n\n }\n & label.Mui-focused {\n color: ",";\n\n },\n & .MuiInput-underline:after {\n border-bottom-color: #3f3f3f;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n },\n & .MuiOutlinedInput-root {\n & fieldset {\n border-color: ",";\n },\n &:hover fieldset {\n border-color: ",";\n },\n &.Mui-focused fieldset {\n border-color: #9b9b9b;\n },\n \n\n }\n}\n\n","\n\n.text-field-light-style {\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n & input {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n }\n & textarea {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n }\n & select {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n }\n & select:not([multiple]) > option {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n }\n & label {\n color: ",";\n\n }\n & label.Mui-focused {\n color: ",";\n\n },\n & .MuiInput-underline:after {\n border-bottom-color: #3f3f3f;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n },\n & .MuiOutlinedInput-root {\n & fieldset {\n border-color: ",";\n },\n &:hover fieldset {\n border-color: ",";\n },\n &.Mui-focused fieldset {\n border-color: #9b9b9b;\n },\n \n\n }\n}\n\n\n\n","\n\n\n.MuiStepIcon-root.MuiStepIcon-active {\n color: #545454;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.MuiStepIcon-root.MuiStepIcon-completed {\n color: #b53f3f;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n\n.MuiRadio-colorSecondary.Mui-checked {\n color: #b53f3f;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.MuiIconButton-colorSecondary {\n color: #b53f3f;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.MuiRadio-colorPrimary.Mui-checked {\n color: #004a99;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n.MuiIconButton-colorPrimary {\n color: #004a99;\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n\n\nspan.MuiTypography-root.MuiStepLabel-label.MuiStepLabel-alternativeLabel.MuiStepLabel-active.MuiTypography-body2.MuiTypography-displayBlock {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n\nspan.MuiTypography-root.MuiStepLabel-label.MuiStepLabel-alternativeLabel.MuiTypography-body2.MuiTypography-displayBlock {\n color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n}\n\n\n\n\n.button-color {\n color: ",";\n background: ",";\n box-shadow: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n.button-color:hover {\n background: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n\n.MuiButtonGroup-groupedOutlinedHorizontal {\n /* border-right-color: white; */\n border-color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n.MuiButtonGroup-groupedOutlinedHorizontal:not(:last-child) {\n /* : transparent; */\n border-right-color: ",";\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\ninput {\n transition: width 0.2s cubic-bezier(0.4, 0, 0.6, 1) 0ms,margin 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0ms;\n\n}\n\n.MuiButton-root.Mui-disabled {\n color: ",";\n}\n\n.MuiButton-outlined.Mui-disabled {\n border: 1px solid ",";\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n#designer {\n background: radial-gradient(\n circle at 20% 128%,\n #2b31fa 15%,\n #ab771d 35%,\n #9e1b3c 55%,\n #178085 75%,\n #d60000 95%\n );\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n border-style: groove;\n border-width: 1px;\n}\n#super {\n border-style: double;\n border-width: 1px;\n border-color: rgb(131, 131, 131);\n}\n#photographer {\n border: dotted;\n border-width: 1px;\n border-color: rgb(10, 10, 10);\n}\n#developer {\n border-width: 1px;\n border-color: rgb(236, 236, 236);\n border-style: dotted;\n}\n#admin-badge {\n border-width: 1px;\n border-color: rgb(214, 214, 214);\n border-style: dotted;\n}\n\n/*\n Social Media Icons Styles\n */\n\n.insta {\n background: radial-gradient(\n circle at 30% 107%,\n #fdf497 0%,\n #fdf497 5%,\n #fd5949 45%,\n #d6249f 60%,\n #285aeb 90%\n );\n -webkit-background-clip: text;\n /* Also define standard property for compatibility */\n background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n.linkedin {\n color: #0074b0;\n}\n.twitter {\n color: #1da1f2;\n}\n\n.facebook {\n color: #4064ad;\n}\n.whatsapp {\n color: #4dc85b;\n}\n.telegram {\n color: #2ea5df;\n}\n.snapchat {\n color: #fffc00;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n "],n||(n=e.slice(0)),e.raw=n,e);return Y=function(){return r},r}var Z=k.createGlobalStyle(Y(),function(e){return e.theme["border-color"]},function(e){return e.theme.primary30},function(e){return e.theme.primary40},function(e){return e.theme.primary50},function(e){return e.theme.primary60},function(e){return e.theme.primary70},function(e){return e.theme.secondary30},function(e){return e.theme.secondary40},function(e){return e.theme.secondary50},function(e){return e.theme.secondary60},function(e){return e.theme.secondary70},function(e){return e.theme.danger30},function(e){return e.theme.danger40},function(e){return e.theme.danger50},function(e){return e.theme.danger60},function(e){return e.theme.danger70},function(e){return e.theme.blue},function(e){return e.theme.green},function(e){return e.theme.indigo},function(e){return e.theme.orange},function(e){return e.theme.pink},function(e){return e.theme.purple},function(e){return e.theme.red},function(e){return e.theme.teal},function(e){return e.theme.yellow},function(e){return e.theme.gray1},function(e){return e.theme.gray2},function(e){return e.theme.gray3},function(e){return e.theme.gray4},function(e){return e.theme.gray5},function(e){return e.theme.gray6},function(e){return e.theme.primary},function(e){return e.theme["primary-focus"]},function(e){return e.theme.focus},function(e){return e.theme.active},function(e){return e.theme.secondary},function(e){return e.theme.body},function(e){return e.theme.text},function(e){return e.theme.scrollbartrackbgcolor},function(e){return e.theme.scrollbarbgcolor},function(e){return e.theme.scrollbarborder},function(e){return e.theme.body},function(e){return e.theme.bartext},function(e){return e.theme.bottomnavbgcolor},function(e){return e.theme.bar},function(e){return e.theme.bartext},function(e){return e.theme.textsecondary},function(e){return e.theme.tagcolor},function(e){return e.theme.bottomborder},function(e){return e.theme.logoimg},function(e){return e.theme.gitimg},function(e){return e.theme.imgborder},function(e){return e.theme.imgborder},function(e){return e.theme.npmbackground},function(e){return e.theme.npmopacity},function(e){return e.theme.npmbackground},function(e){return e.theme.gitshadow},function(e){return e.theme.gitbackground},function(e){return e.theme.gitborder},function(e){return e.theme.gitopacity},function(e){return e.theme.gitshadowhover},function(e){return e.theme.gitbackground},function(e){return e.theme.gitborderhover},function(e){return e.theme.dbcshadow},function(e){return e.theme.dbcbackground},function(e){return e.theme.dbcborder},function(e){return e.theme.dbcshadowhover},function(e){return e.theme.dbcbackground},function(e){return e.theme.dbcborderhover},function(e){return e.theme.buttonborder},function(e){return e.theme.iconcolor},function(e){return e.theme.barshadow},function(e){return e.theme.text},function(e){return e.theme.bartext},function(e){return e.theme.iconcolor},function(e){return e.theme.text},function(e){return e.theme.body},function(e){return e.theme.text},function(e){return e.theme.text},function(e){return e.theme.text},function(e){return e.theme.globalbackground},function(e){return e.theme.inverse},function(e){return e.theme.iconcolor},function(e){return e.theme.borderstyle},function(e){return e.theme.iconcolor},function(e){return e.theme.menubackground},function(e){return e.theme.menutextcolor},function(e){return e.theme.menubackground},function(e){return e.theme.body},function(e){return e.theme.text},function(e){return e.theme.text},function(e){return e.theme.body},function(e){return e.theme.textsecondary},function(e){return e.theme.body},function(e){return e.theme.text},function(e){return e.theme.divider},function(e){return e.theme.cardbg},function(e){return e.theme.text},function(e){return e.theme.cardshadow},function(e){return e.theme.textfieldtextcolor},function(e){return e.theme.textfieldtextcolor},function(e){return e.theme.textfieldtextcolor},function(e){return e.theme.textfieldtextcolor},function(e){return e.theme.cardbg},function(e){return e.theme.textfieldtextcolor},function(e){return e.theme.textfieldtextcolor},function(e){return e.theme.textfieldtextcolor},function(e){return e.theme.textfieldoutlinecolor},function(e){return e.theme.textfieldoutlinecolorhover},"",function(e){return e.theme.lighttextfieldtextcolor},function(e){return e.theme.lighttextfieldtextcolor},function(e){return e.theme.lighttextfieldtextcolor},function(e){return e.theme.lighttextfieldtextcolor},function(e){return e.theme.lighttextfieldtextcolor},function(e){return e.theme.lighttextfieldtextcolor},function(e){return e.theme.lighttextfieldoutlinecolor},function(e){return e.theme.lighttextfieldoutlinecolorhover},"",function(e){return e.theme.text},function(e){return e.theme.text},function(e){return e.theme.buttontextcolor},function(e){return e.theme.buttonbgcolor},function(e){return e.theme.cardshadow},function(e){return e.theme.buttonbgcolorhover},function(e){return e.theme.text},function(e){return e.theme.text},function(e){return e.theme.disabledtextcolor},function(e){return e.theme.disabledtextcolor}),ee={focus:"#0000000f",active:"#00000033",primary30:"#004a99",primary40:"#0063cc",primary50:"#007bff",primary60:"#3396ff",primary70:"#66b0ff","primary-focus":"#00000033",secondary30:"#994f00",secondary40:"#cc6900",secondary50:"#ff8400",secondary60:"#ff9c33",secondary70:"#ffb566",danger50:"#eb5545",blue:"#007AFF",green:"#34C759",indigo:"#5856D6",orange:"#FF9500",pink:"#FF2D55",purple:"#AF52DE",red:"#FF3B30",teal:"#5AC8FA",yellow:"#FFCC00",gray1:"#8E8E93",gray2:"#AEAEB2",gray3:"#C7C7CC",gray4:"#D1D1D6",gray5:"#E5E5EA",gray6:"#F2F2F7","border-color":"#000",bar:"#eeeeee",bartext:"#111111",body:"#FAFBFC",text:"#202020",inverse:"#212121",scrollbarbgcolor:"#f5f5f5",scrollbarborder:"2px solid #d4d1d1",scrollbartrackbgcolor:"rgb(180 180 180)",bottomnavbgcolor:"#eeeeee",textsecondary:"rgba(0, 0, 0, 0.54)",bottomborder:"black 1px solid",barshadow:"0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12)",logoimg:"url(/imgs/assets/white-logo-512.svg)",gitimg:"url(/imgs/assets/devops/github-logo-black.svg)",imgborder:"black 1px solid",menubackground:"#f1f1f1",menutextcolor:"#545454",globalbackground:"#ffffff",npmbackground:"#ffffff",gitbackground:"#ffffff",npmopacity:"0.6",gitopacity:"0.6",gitshadow:"rgb(22 21 22) 0px 0px 5px 0px, rgb(22 21 22) 0px 0px 0px 0px, rgb(22 21 22) 0px 0px 0px 0px",gitshadowhover:"rgb(22 21 22) 0px 0px 10px 0px, rgb(22 21 22) 0px 0px 0px 0px, rgb(22 21 22) 0px 0px 0px 0px",gitborder:"1px solid rgb(0 0 0 / 49%)",gitborderhover:"1px solid rgb(0 0 0 / 69%)",dbcbackground:"#f0f0f0",dbcshadow:"rgb(13 95 19) 0px 0px 15px 0px, rgb(26 95 13) 0px 0px 0px 0px, rgb(14 95 13) 0px 0px 0px 0px",dbcborder:"1px solid rgb(0 204 35 / 49%)",dbcshadowhover:"rgb(97 142 100) 0px 0px 15px 0px, rgb(131 160 126) 0px 0px 0px 0px, rgb(128 156 128) 0px 0px 0px 0px",dbcborderhover:"1px solid rgb(0 204 35 / 32%)",tagcolor:"#100e8a",buttonborder:"#828282 1px solid",sidenavbg:"#FFFFFF",sidenavhover:"#F5F6F6",iconcolor:"#767576",borderstyle:"1px solid #c0c1c2",divider:"#fff",cardbg:"#fff",cardshadow:"0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12)",textfieldcolor:"#ffffff",textfieldtextcolor:"#232323",textfieldoutlinecolor:"#828282",textfieldoutlinecolorhover:"#666666",lighttextfieldcolor:"#ffffff",lighttextfieldtextcolor:"#232323",lighttextfieldoutlinecolor:"#828282",lighttextfieldoutlinecolorhover:"#666666",buttonbgcolor:"#b53f3f",buttonbgcolorhover:"#c15353",buttontextcolor:"#ffffff",disabledtextcolor:"rgba(0, 0, 0, 0.26)"},ne={focus:"#ffffff0f",active:"#ffffff33",primary30:"#0056b3",primary40:"#006fe6",primary50:"#1a88ff",primary60:"#4da3ff",primary70:"#80bdff","primary-focus":"#ffffff33",secondary30:"#b35c00",secondary40:"#e67700",secondary50:"#ff901a",secondary60:"#ffa94d",secondary70:"#ffc180",danger50:"#ee6c5d",blue:"#0A84FF",green:"#30D158",indigo:"#5E5CE6",orange:"#FF9F0A",pink:"#FF375F",purple:"#BF5AF2",red:"#FF453A",teal:"#64D2FF",yellow:"#FFD60A",gray1:"#8E8E93",gray2:"#636366",gray3:"#48484A",gray4:"#3A3A3C",gray5:"#2C2C2E",gray6:"#1C1C1E","border-color":"#fff",bar:"#111111",bartext:"#eeeeee",body:"#000000",text:"#FAFBFC",inverse:"#212121",scrollbarbgcolor:"#111",scrollbarborder:"2px solid #202020",scrollbartrackbgcolor:"rgb(60 60 60)",bottomnavbgcolor:"#111111",textsecondary:"rgba(225,225,225,0.54)",bottomborder:"#FAFBFC 1px solid",barshadow:"0px 1px 1px -1px rgb(255 255 255 / 20%), 0px 4px 5px 0px rgb(255 255 255 / 14%), 0px 1px 2px 0px rgb(255 255 255 / 12%)",logoimg:"url(/imgs/assets/black-logo-512.svg)",gitimg:"url(/imgs/assets/devops/github-logo-white.svg)",imgborder:"white 1px solid",menubackground:"#0e0e0e",menutextcolor:"#ababab",globalbackground:"rgb(0 0 0)",npmbackground:"rgb(0 0 0)",gitbackground:"rgb(0 0 0)",npmopacity:"0.5",gitopacity:"0.5",gitshadow:"rgb(93 88 88) 0px 0px 10px 0px, rgb(93 88 88) 0px 0px 0px 0px, rgb(93 88 88) 0px 0px 0px 0px",gitshadowhover:"rgb(93 88 88) 0px 0px 15px 0px, rgb(93 88 88) 0px 0px 0px 0px, rgb(93 88 88) 0px 0px 0px 0px;",gitborder:"1px solid rgb(255 255 255 / 49%)",gitborderhover:"1px solid rgb(255 255 255 / 69%)",dbcbackground:"#0f0f0f",dbcshadow:"rgb(13 95 19) 0px 0px 15px 0px, rgb(26 95 13) 0px 0px 0px 0px, rgb(14 95 13) 0px 0px 0px 0px",dbcborder:"1px solid rgb(0 204 35 / 49%)",dbcshadowhover:"rgb(97 142 100) 0px 0px 15px 0px, rgb(131 160 126) 0px 0px 0px 0px, rgb(128 156 128) 0px 0px 0px 0px",dbcborderhover:"1px solid rgb(0 204 35 / 32%)",tagcolor:"#fbff00",buttonborder:"#d8d8d8 1px solid",sidenavbg:"#2B2B2B",sidenavhover:"#111111",iconcolor:"#E5E5E5",borderstyle:"1px solid #3f3e3d",divider:"#000",cardbg:"#161616",cardshadow:"0px 2px 1px -1px rgb(236 236 236 / 20%), 0px 1px 1px 0px rgb(220 220 220 / 14%), 0px 1px 3px 0px rgb(222 222 222 / 12%)",textfieldcolor:"#ffffff",textfieldtextcolor:"#E5E5E5",textfieldoutlinecolor:"#d8d8d8",textfieldoutlinecolorhover:"#939393",lighttextfieldcolor:"#ffffff",lighttextfieldtextcolor:"#232323",lighttextfieldoutlinecolor:"#828282",lighttextfieldoutlinecolorhover:"#666666",buttonbgcolor:"#b53f3f",buttonbgcolorhover:"#c15353",buttontextcolor:"#ffffff",disabledtextcolor:"rgba(255, 255, 255, 0.26)"},re=function(e){return r.createElement(w,{fontSize:"small",onClick:e.toggleTheme})};re.propTypes={theme:t.string.isRequired,toggleTheme:t.func.isRequired};var te=function(){var e=function(){var e=n.useState("dark"),r=e[0],t=e[1],a=n.useState(!1),o=a[0],i=a[1],s=function(e){window.localStorage.setItem("theme",e),t(e)};return n.useEffect(function(){var e=window.localStorage.getItem("theme");e?t(e):s("dark"),i(!0)},[]),[r,function(){s("light"===r?"dark":"light")},o]}(),t=e[0],a=e[1],o="dark"===t?ne:ee;return n.useEffect(function(){var e=setTimeout(function(){},1);return function(){return clearTimeout(e)}},[]),r.createElement(k.ThemeProvider,{theme:o},r.createElement(Z,null),r.createElement(re,{className:"dark",theme:t,toggleTheme:a}))},ae=function(e){return r.createElement(r.Fragment,null)};ae.propTypes={theme:t.string.isRequired,toggleTheme:t.func.isRequired};var oe=function(e){var n=e.profileWebpImage,t=e.online,o=e.userName,i=e.rootIcon,s=e.editProfile,x=e.onlineBadge,v=e.offlineBadge,k=e.userNameClass,w=e.fullName,E=r.useState(!1),C=E[0],N=E[1],z=r.useState({code:""}),I=z[0],S=z[1],T=function(){N(!0)},A=function(){N(!1)},L=function(e){e.preventDefault();var n={method:"DELETE",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest",Authorization:"Bearer "+localStorage["BUND-X-AUTH-TOKEN"]},body:JSON.stringify({username:o})};fetch("/api/v1/user/delete/"+o,n).then(function(e){return e.json(S({code:e.status})).then(function(e){(200===I.code||202===I.code)&&(console.log("===================================="),console.log(e),console.log("====================================")),console.log("===================================="),console.log(e.errors,e.message),console.log("====================================")})}),setTimeout(location.re