dga-ui-react 1.2.1

package/dist/esm/index.js

@@ -0,0 +1,3888 @@
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDebugValue as n,createElement as i,useRef as a,useContext as l,useEffect as s}from"react";import{Calendar as d}from"react-multi-date-picker";import{createRoot as c}from"react-dom/client";const p=o.createContext(null),u=({theme:t,children:r})=>e(p.Provider,{value:t,children:r}),g=t=>()=>e(u,{theme:{direction:"rtl"},children:e(t,{})}),h={direction:"ltr",fontFamily:"IBM Plex Sans",textColor:"#161616",textOnColor:"#FFFFFF",palette:{neutral:{25:"#FCFCFD",50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D2D6DB",400:"#9DA4AE",500:"#6C737F",600:"#4D5761",700:"#384250",800:"#1F2A37",900:"#111927",950:"#0D121C",light:"#D2D6DB",main:"#6C737F",dark:"#384250",contrastText:"#FFF"},primary:{25:"#F7FDF9",50:"#F3FCF6",100:"#DFF6E7",200:"#B8EACB",300:"#88D8AD",400:"#54C08A",500:"#25935F",600:"#1B8354",700:"#166A45",800:"#14573A",900:"#104631",950:"#092A1E",light:"#54C08A",main:"#1B8354",dark:"#14573A",contrastText:"#FFF"},secondary:{25:"#FFFEF7",50:"#FFFEF2",100:"#FFFCE6",200:"#FCF3BD",300:"#FAE996",400:"#F7D54D",500:"#F5BD02",600:"#DBA102",700:"#B87B02",800:"#945C01",900:"#6E3C00",950:"#472400",light:"#F7D54D",main:"#DBA102",dark:"#945C01",contrastText:"#0D121C"},error:{25:"#FFFBFA",50:"#FEF3F2",100:"#FEE4E2",200:"#FECDCA",300:"#FDA29B",400:"#F97066",500:"#F04438",600:"#D92D20",700:"#B42318",800:"#912018",900:"#7A271A",950:"#55160C",light:"#FDA29B",main:"#F04438",dark:"#B42318",contrastText:"#FFF"},warning:{25:"#FFFCF5",50:"#FFFAEB",100:"#FEF0C7",200:"#FEDF89",300:"#FEC84B",400:"#FDB022",500:"#F79009",600:"#DC6803",700:"#B54708",800:"#93370D",900:"#7A2E0E",950:"#4E1D09",light:"#FEC84B",main:"#F79009",dark:"#B54708",contrastText:"#0D121C"},info:{25:"#F5FAFF",50:"#ECFDF3",100:"#D1E9FF",200:"#B2DDFF",300:"#84CAFF",400:"#53B1FD",500:"#2E90FA",600:"#1570EF",700:"#175CD3",800:"#1849A9",900:"#194185",950:"#102A56",light:"#84CAFF",main:"#2E90FA",dark:"#175CD3",contrastText:"#FFF"},success:{25:"#F6FEF9",50:"#ECFDF3",100:"#DCFAE6",200:"#ABEFC6",300:"#75E0A7",400:"#47CD89",500:"#17B26A",600:"#079455",700:"#067647",800:"#085D3A",900:"#074D31",950:"#053321",light:"#75E0A7",main:"#17B26A",dark:"#067647",contrastText:"#FFF"}},typography:{h1:{fontSize:"72px",lineHeight:"90px"},h2:{fontSize:"60px",lineHeight:"72px"},h3:{fontSize:"48px",lineHeight:"60px"},h4:{fontSize:"36px",lineHeight:"44px"},h5:{fontSize:"30px",lineHeight:"38px"},h6:{fontSize:"24px",lineHeight:"32px"},xl:{fontSize:"20px",lineHeight:"30px"},lg:{fontSize:"18px",lineHeight:"28px"},md:{fontSize:"16px",lineHeight:"24px"},sm:{fontSize:"14px",lineHeight:"20px"},xs:{fontSize:"12px",lineHeight:"18px"}},elevation:{shadows:{xs:"box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);",sm:"box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1);",md:"box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);",lg:"box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);",xl:"box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -4px rgba(16, 24, 40, .08);","2xl":"box-shadow: 0 24px 48px -12px #1018282e;","3xl":"box-shadow: 0 32px 64px -12px #10182824;"},backdropBlur:{sm:"filter: blur(8px);-webkit-filter: blur(8px);",md:"filter: blur(16px);-webkit-filter: blur(16px);",lg:"filter: blur(24px);-webkit-filter: blur(24px);",xl:"filter: blur(40px);-webkit-filter: blur(40px);"}},raduises:{none:"0",xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"24px",full:"9999px"},breakPoints:{lg:1280,md:768,sm:375}},m=(e,t,r=" ")=>e+r+(null!=t?t:""),A=()=>Date.now().toString(36)+Math.random().toString(36).substring(2,8);function f(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}f(".dgaui {\n  font-family: IBM Plex Sans Arabic;\n  box-sizing: border-box;\n  font-size: 14px;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.dgaui input,\n.dgaui textarea,\n.dgaui select {\n  font-family: IBM Plex Sans Arabic;\n}\n\n.dgaui_hiddenScrollbar {\n  -ms-overflow-style: none; /* IE and Edge */\n  /* Hide scrollbar for IE, Edge and Firefox */\n  scrollbar-width: none; /* Firefox */\n}\n/* Hide scrollbar for Chrome, Safari and Opera */\n.dgaui_hiddenScrollbar::-webkit-scrollbar {\n  display: none;\n}\n");const b=()=>{const e=o.useContext(p);let t=h;return e&&(t=((e,t)=>{let r={};return t&&(r=function e(t,r){let o=Object.assign({},t);for(const i in r)(n=r[i])&&"object"==typeof n&&!Array.isArray(n)&&i in t?o[i]=e(t[i],r[i]):o[i]=r[i];var n;return o}(e,t)),r})(h,e)),t};var x=function(){return x=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},x.apply(this,arguments)};function v(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}function y(e,t,r){if(r||2===arguments.length)for(var o,n=0,i=t.length;n<i;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function C(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}"function"==typeof SuppressedError&&SuppressedError;var w=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,$=C((function(e){return w.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));function k(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var S="-ms-",B="-moz-",E="-webkit-",N="comm",z="rule",I="decl",F="@keyframes",U=Math.abs,R=String.fromCharCode,O=Object.assign;function D(e){return e.trim()}function T(e,t){return(e=t.exec(e))?e[0]:e}function Y(e,t,r){return e.replace(t,r)}function H(e,t,r){return e.indexOf(t,r)}function M(e,t){return 0|e.charCodeAt(t)}function L(e,t,r){return e.slice(t,r)}function Q(e){return e.length}function j(e){return e.length}function P(e,t){return t.push(e),e}function V(e,t){return e.filter((function(e){return!T(e,t)}))}var K=1,X=1,G=0,J=0,W=0,Z="";function q(e,t,r,o,n,i,a,l){return{value:e,root:t,parent:r,type:o,props:n,children:i,line:K,column:X,length:a,return:"",siblings:l}}function _(e,t){return O(q("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function ee(e){for(;e.root;)e=_(e.root,{children:[e]});P(e,e.siblings)}function te(){return W=J>0?M(Z,--J):0,X--,10===W&&(X=1,K--),W}function re(){return W=J<G?M(Z,J++):0,X++,10===W&&(X=1,K++),W}function oe(){return M(Z,J)}function ne(){return J}function ie(e,t){return L(Z,e,t)}function ae(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function le(e){return D(ie(J-1,ce(91===e?e+2:40===e?e+1:e)))}function se(e){for(;(W=oe())&&W<33;)re();return ae(e)>2||ae(W)>3?"":" "}function de(e,t){for(;--t&&re()&&!(W<48||W>102||W>57&&W<65||W>70&&W<97););return ie(e,ne()+(t<6&&32==oe()&&32==re()))}function ce(e){for(;re();)switch(W){case e:return J;case 34:case 39:34!==e&&39!==e&&ce(W);break;case 40:41===e&&ce(e);break;case 92:re()}return J}function pe(e,t){for(;re()&&e+W!==57&&(e+W!==84||47!==oe()););return"/*"+ie(t,J-1)+"*"+R(47===e?e:re())}function ue(e){for(;!ae(oe());)re();return ie(e,J)}function ge(e){return function(e){return Z="",e}(he("",null,null,null,[""],e=function(e){return K=X=1,G=Q(Z=e),J=0,[]}(e),0,[0],e))}function he(e,t,r,o,n,i,a,l,s){for(var d=0,c=0,p=a,u=0,g=0,h=0,m=1,A=1,f=1,b=0,x="",v=n,y=i,C=o,w=x;A;)switch(h=b,b=re()){case 40:if(108!=h&&58==M(w,p-1)){-1!=H(w+=Y(le(b),"&","&\f"),"&\f",U(d?l[d-1]:0))&&(f=-1);break}case 34:case 39:case 91:w+=le(b);break;case 9:case 10:case 13:case 32:w+=se(h);break;case 92:w+=de(ne()-1,7);continue;case 47:switch(oe()){case 42:case 47:P(Ae(pe(re(),ne()),t,r,s),s);break;default:w+="/"}break;case 123*m:l[d++]=Q(w)*f;case 125*m:case 59:case 0:switch(b){case 0:case 125:A=0;case 59+c:-1==f&&(w=Y(w,/\f/g,"")),g>0&&Q(w)-p&&P(g>32?fe(w+";",o,r,p-1,s):fe(Y(w," ","")+";",o,r,p-2,s),s);break;case 59:w+=";";default:if(P(C=me(w,t,r,d,c,n,l,x,v=[],y=[],p,i),i),123===b)if(0===c)he(w,t,C,C,v,i,p,l,y);else switch(99===u&&110===M(w,3)?100:u){case 100:case 108:case 109:case 115:he(e,C,C,o&&P(me(e,C,C,0,0,n,l,x,n,v=[],p,y),y),n,y,p,l,o?v:y);break;default:he(w,C,C,C,[""],y,0,l,y)}}d=c=g=0,m=f=1,x=w="",p=a;break;case 58:p=1+Q(w),g=h;default:if(m<1)if(123==b)--m;else if(125==b&&0==m++&&125==te())continue;switch(w+=R(b),b*m){case 38:f=c>0?1:(w+="\f",-1);break;case 44:l[d++]=(Q(w)-1)*f,f=1;break;case 64:45===oe()&&(w+=le(re())),u=oe(),c=p=Q(x=w+=ue(ne())),b++;break;case 45:45===h&&2==Q(w)&&(m=0)}}return i}function me(e,t,r,o,n,i,a,l,s,d,c,p){for(var u=n-1,g=0===n?i:[""],h=j(g),m=0,A=0,f=0;m<o;++m)for(var b=0,x=L(e,u+1,u=U(A=a[m])),v=e;b<h;++b)(v=D(A>0?g[b]+" "+x:Y(x,/&\f/g,g[b])))&&(s[f++]=v);return q(e,t,r,0===n?z:l,s,d,c,p)}function Ae(e,t,r,o){return q(e,t,r,N,R(W),L(e,2,-2),0,o)}function fe(e,t,r,o,n){return q(e,t,r,I,L(e,0,o),L(e,o+1,-1),o,n)}function be(e,t,r){switch(function(e,t){return 45^M(e,0)?(((t<<2^M(e,0))<<2^M(e,1))<<2^M(e,2))<<2^M(e,3):0}(e,t)){case 5103:return E+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return E+e+e;case 4789:return B+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return E+e+B+e+S+e+e;case 5936:switch(M(e,t+11)){case 114:return E+e+S+Y(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return E+e+S+Y(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return E+e+S+Y(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return E+e+S+e+e;case 6165:return E+e+S+"flex-"+e+e;case 5187:return E+e+Y(e,/(\w+).+(:[^]+)/,E+"box-$1$2"+S+"flex-$1$2")+e;case 5443:return E+e+S+"flex-item-"+Y(e,/flex-|-self/g,"")+(T(e,/flex-|baseline/)?"":S+"grid-row-"+Y(e,/flex-|-self/g,""))+e;case 4675:return E+e+S+"flex-line-pack"+Y(e,/align-content|flex-|-self/g,"")+e;case 5548:return E+e+S+Y(e,"shrink","negative")+e;case 5292:return E+e+S+Y(e,"basis","preferred-size")+e;case 6060:return E+"box-"+Y(e,"-grow","")+E+e+S+Y(e,"grow","positive")+e;case 4554:return E+Y(e,/([^-])(transform)/g,"$1"+E+"$2")+e;case 6187:return Y(Y(Y(e,/(zoom-|grab)/,E+"$1"),/(image-set)/,E+"$1"),e,"")+e;case 5495:case 3959:return Y(e,/(image-set\([^]*)/,E+"$1$`$1");case 4968:return Y(Y(e,/(.+:)(flex-)?(.*)/,E+"box-pack:$3"+S+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+E+e+e;case 4200:if(!T(e,/flex-|baseline/))return S+"grid-column-align"+L(e,t)+e;break;case 2592:case 3360:return S+Y(e,"template-","")+e;case 4384:case 3616:return r&&r.some((function(e,r){return t=r,T(e.props,/grid-\w+-end/)}))?~H(e+(r=r[t].value),"span",0)?e:S+Y(e,"-start","")+e+S+"grid-row-span:"+(~H(r,"span",0)?T(r,/\d+/):+T(r,/\d+/)-+T(e,/\d+/))+";":S+Y(e,"-start","")+e;case 4896:case 4128:return r&&r.some((function(e){return T(e.props,/grid-\w+-start/)}))?e:S+Y(Y(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return Y(e,/(.+)-inline(.+)/,E+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Q(e)-1-t>6)switch(M(e,t+1)){case 109:if(45!==M(e,t+4))break;case 102:return Y(e,/(.+:)(.+)-([^]+)/,"$1"+E+"$2-$3$1"+B+(108==M(e,t+3)?"$3":"$2-$3"))+e;case 115:return~H(e,"stretch",0)?be(Y(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return Y(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,r,o,n,i,a,l){return S+r+":"+o+l+(n?S+r+"-span:"+(i?a:+a-+o)+l:"")+e}));case 4949:if(121===M(e,t+6))return Y(e,":",":"+E)+e;break;case 6444:switch(M(e,45===M(e,14)?18:11)){case 120:return Y(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+E+(45===M(e,14)?"inline-":"")+"box$3$1"+E+"$2$3$1"+S+"$2box$3")+e;case 100:return Y(e,":",":"+S)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return Y(e,"scroll-","scroll-snap-")+e}return e}function xe(e,t){for(var r="",o=0;o<e.length;o++)r+=t(e[o],o,e,t)||"";return r}function ve(e,t,r,o){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case I:return e.return=e.return||e.value;case N:return"";case F:return e.return=e.value+"{"+xe(e.children,o)+"}";case z:if(!Q(e.value=e.props.join(",")))return""}return Q(r=xe(e.children,o))?e.return=e.value+"{"+r+"}":""}function ye(e,t,r,o){if(e.length>-1&&!e.return)switch(e.type){case I:return void(e.return=be(e.value,e.length,r));case F:return xe([_(e,{value:Y(e.value,"@","@"+E)})],o);case z:if(e.length)return function(e,t){return e.map(t).join("")}(r=e.props,(function(t){switch(T(t,o=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":ee(_(e,{props:[Y(t,/:(read-\w+)/,":-moz-$1")]})),ee(_(e,{props:[t]})),O(e,{props:V(r,o)});break;case"::placeholder":ee(_(e,{props:[Y(t,/:(plac\w+)/,":"+E+"input-$1")]})),ee(_(e,{props:[Y(t,/:(plac\w+)/,":-moz-$1")]})),ee(_(e,{props:[Y(t,/:(plac\w+)/,S+"input-$1")]})),ee(_(e,{props:[t]})),O(e,{props:V(r,o)})}return""}))}}var Ce={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},we="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",$e="active",ke="data-styled-version",Se="6.1.15",Be="/*!sc*/\n",Ee="undefined"!=typeof window&&"HTMLElement"in window,Ne=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),ze=/invalid hook call/i,Ie=new Set,Fe=function(e,t){if("production"!==process.env.NODE_ENV){var r=t?' with the id of "'.concat(t,'"'):"",o="The component ".concat(e).concat(r," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",n=console.error;try{var i=!0;console.error=function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];ze.test(e)?(i=!1,Ie.delete(o)):n.apply(void 0,y([e],t,!1))},a(),i&&!Ie.has(o)&&(console.warn(o),Ie.add(o))}catch(e){ze.test(e.message)&&Ie.delete(o)}finally{console.error=n}}},Ue=Object.freeze([]),Re=Object.freeze({});var Oe=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),De=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Te=/(^-|-$)/g;function Ye(e){return e.replace(De,"-").replace(Te,"")}var He=/(a)(d)/gi,Me=function(e){return String.fromCharCode(e+(e>25?39:97))};function Le(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=Me(t%52)+r;return(Me(t%52)+r).replace(He,"$1-$2")}var Qe,je=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Pe=function(e){return je(5381,e)};function Ve(e){return Le(Pe(e)>>>0)}function Ke(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function Xe(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Ge="function"==typeof Symbol&&Symbol.for,Je=Ge?Symbol.for("react.memo"):60115,We=Ge?Symbol.for("react.forward_ref"):60112,Ze={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},qe={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},_e={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},et=((Qe={})[We]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Qe[Je]=_e,Qe);function tt(e){return("type"in(t=e)&&t.type.$$typeof)===Je?_e:"$$typeof"in e?et[e.$$typeof]:Ze;var t}var rt=Object.defineProperty,ot=Object.getOwnPropertyNames,nt=Object.getOwnPropertySymbols,it=Object.getOwnPropertyDescriptor,at=Object.getPrototypeOf,lt=Object.prototype;function st(e,t,r){if("string"!=typeof t){if(lt){var o=at(t);o&&o!==lt&&st(e,o,r)}var n=ot(t);nt&&(n=n.concat(nt(t)));for(var i=tt(e),a=tt(t),l=0;l<n.length;++l){var s=n[l];if(!(s in qe||r&&r[s]||a&&s in a||i&&s in i)){var d=it(t,s);try{rt(e,s,d)}catch(e){}}}}return e}function dt(e){return"function"==typeof e}function ct(e){return"object"==typeof e&&"styledComponentId"in e}function pt(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ut(e,t){if(0===e.length)return"";for(var r=e[0],o=1;o<e.length;o++)r+=e[o];return r}function gt(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function ht(e,t,r){if(void 0===r&&(r=!1),!r&&!gt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=ht(e[o],t[o]);else if(gt(t))for(var o in t)e[o]=ht(e[o],t[o]);return e}function mt(e,t){Object.defineProperty(e,"toString",{value:t})}var At="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function ft(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var r=e[0],o=[],n=1,i=e.length;n<i;n+=1)o.push(e[n]);return o.forEach((function(e){r=r.replace(/%[a-z]/,e)})),r}function bt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(ft.apply(void 0,y([At[e]],t,!1)).trim())}var xt=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,r=0;r<e;r++)t+=this.groupSizes[r];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,o=r.length,n=o;e>=n;)if((n<<=1)<0)throw bt(16,"".concat(e));this.groupSizes=new Uint32Array(n),this.groupSizes.set(r),this.length=n;for(var i=o;i<n;i++)this.groupSizes[i]=0}for(var a=this.indexOfGroup(e+1),l=(i=0,t.length);i<l;i++)this.tag.insertRule(a,t[i])&&(this.groupSizes[e]++,a++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),o=r+t;this.groupSizes[e]=0;for(var n=r;n<o;n++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],o=this.indexOfGroup(e),n=o+r,i=o;i<n;i++)t+="".concat(this.tag.getRule(i)).concat(Be);return t},e}(),vt=1<<30,yt=new Map,Ct=new Map,wt=1,$t=function(e){if(yt.has(e))return yt.get(e);for(;Ct.has(wt);)wt++;var t=wt++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>vt))throw bt(16,"".concat(t));return yt.set(e,t),Ct.set(t,e),t},kt=function(e,t){wt=t+1,yt.set(e,t),Ct.set(t,e)},St="style[".concat(we,"][").concat(ke,'="').concat(Se,'"]'),Bt=new RegExp("^".concat(we,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Et=function(e,t,r){for(var o,n=r.split(","),i=0,a=n.length;i<a;i++)(o=n[i])&&e.registerName(t,o)},Nt=function(e,t){for(var r,o=(null!==(r=t.textContent)&&void 0!==r?r:"").split(Be),n=[],i=0,a=o.length;i<a;i++){var l=o[i].trim();if(l){var s=l.match(Bt);if(s){var d=0|parseInt(s[1],10),c=s[2];0!==d&&(kt(c,d),Et(e,c,s[3]),e.getTag().insertRules(d,n)),n.length=0}else n.push(l)}}},zt=function(e){for(var t=document.querySelectorAll(St),r=0,o=t.length;r<o;r++){var n=t[r];n&&n.getAttribute(we)!==$e&&(Nt(e,n),n.parentNode&&n.parentNode.removeChild(n))}};var It=function(e){var t=document.head,r=e||t,o=document.createElement("style"),n=function(e){var t=Array.from(e.querySelectorAll("style[".concat(we,"]")));return t[t.length-1]}(r),i=void 0!==n?n.nextSibling:null;o.setAttribute(we,$e),o.setAttribute(ke,Se);var a="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return a&&o.setAttribute("nonce",a),r.insertBefore(o,i),o},Ft=function(){function e(e){this.element=It(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,o=t.length;r<o;r++){var n=t[r];if(n.ownerNode===e)return n}throw bt(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Ut=function(){function e(e){this.element=It(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t);return this.element.insertBefore(r,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),Rt=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Ot=Ee,Dt={isServer:!Ee,useCSSOMInjection:!Ne},Tt=function(){function e(e,t,r){void 0===e&&(e=Re),void 0===t&&(t={});var o=this;this.options=x(x({},Dt),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&Ee&&Ot&&(Ot=!1,zt(this)),mt(this,(function(){return function(e){for(var t=e.getTag(),r=t.length,o="",n=function(r){var n=function(e){return Ct.get(e)}(r);if(void 0===n)return"continue";var i=e.names.get(n),a=t.getGroup(r);if(void 0===i||!i.size||0===a.length)return"continue";var l="".concat(we,".g").concat(r,'[id="').concat(n,'"]'),s="";void 0!==i&&i.forEach((function(e){e.length>0&&(s+="".concat(e,","))})),o+="".concat(a).concat(l,'{content:"').concat(s,'"}').concat(Be)},i=0;i<r;i++)n(i);return o}(o)}))}return e.registerId=function(e){return $t(e)},e.prototype.rehydrate=function(){!this.server&&Ee&&zt(this)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(x(x({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,r=e.target;return e.isServer?new Rt(r):t?new Ft(r):new Ut(r)}(this.options),new xt(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if($t(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},e.prototype.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules($t(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup($t(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),Yt=/&/g,Ht=/^\s*\/\/.*$/gm;function Mt(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Mt(e.children,t)),e}))}var Lt=new Tt,Qt=function(){var e,t,r,o=Re,n=o.options,i=void 0===n?Re:n,a=o.plugins,l=void 0===a?Ue:a,s=function(r,o,n){return n.startsWith(t)&&n.endsWith(t)&&n.replaceAll(t,"").length>0?".".concat(e):r},d=l.slice();d.push((function(e){e.type===z&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Yt,t).replace(r,s))})),i.prefix&&d.push(ye),d.push(ve);var c=function(o,n,a,l){void 0===n&&(n=""),void 0===a&&(a=""),void 0===l&&(l="&"),e=l,t=n,r=new RegExp("\\".concat(t,"\\b"),"g");var s=o.replace(Ht,""),c=ge(a||n?"".concat(a," ").concat(n," { ").concat(s," }"):s);i.namespace&&(c=Mt(c,i.namespace));var p,u=[];return xe(c,function(e){var t=j(e);return function(r,o,n,i){for(var a="",l=0;l<t;l++)a+=e[l](r,o,n,i)||"";return a}}(d.concat((p=function(e){return u.push(e)},function(e){e.root||(e=e.return)&&p(e)})))),u};return c.hash=l.length?l.reduce((function(e,t){return t.name||bt(15),je(e,t.name)}),5381).toString():"",c}(),jt=o.createContext({shouldForwardProp:void 0,styleSheet:Lt,stylis:Qt});function Pt(){return l(jt)}jt.Consumer,o.createContext(void 0);var Vt=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=Qt);var o=r.name+t.hash;e.hasNameForId(r.id,o)||e.insertRules(r.id,o,t(r.rules,o,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,mt(this,(function(){throw bt(12,String(r.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=Qt),this.name+e.hash},e}(),Kt=function(e){return e>="A"&&e<="Z"};function Xt(e){for(var t="",r=0;r<e.length;r++){var o=e[r];if(1===r&&"-"===o&&"-"===e[0])return e;Kt(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}var Gt=function(e){return null==e||!1===e||""===e},Jt=function(e){var t,r,o=[];for(var n in e){var i=e[n];e.hasOwnProperty(n)&&!Gt(i)&&(Array.isArray(i)&&i.isCss||dt(i)?o.push("".concat(Xt(n),":"),i,";"):gt(i)?o.push.apply(o,y(y(["".concat(n," {")],Jt(i),!1),["}"],!1)):o.push("".concat(Xt(n),": ").concat((t=n,null==(r=i)||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||t in Ce||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return o};function Wt(e,t,r,o){if(Gt(e))return[];if(ct(e))return[".".concat(e.styledComponentId)];if(dt(e)){if(!dt(i=e)||i.prototype&&i.prototype.isReactComponent||!t)return[e];var n=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof n||Array.isArray(n)||n instanceof Vt||gt(n)||null===n||console.error("".concat(Ke(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Wt(n,t,r,o)}var i;return e instanceof Vt?r?(e.inject(r,o),[e.getName(o)]):[e]:gt(e)?Jt(e):Array.isArray(e)?Array.prototype.concat.apply(Ue,e.map((function(e){return Wt(e,t,r,o)}))):[e.toString()]}var Zt=Pe(Se),qt=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===r||r.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(dt(r)&&!ct(r))return!1}return!0}(e),this.componentId=t,this.baseHash=je(Zt,t),this.baseStyle=r,Tt.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))o=pt(o,this.staticRulesId);else{var n=ut(Wt(this.rules,e,t,r)),i=Le(je(this.baseHash,n)>>>0);if(!t.hasNameForId(this.componentId,i)){var a=r(n,".".concat(i),void 0,this.componentId);t.insertRules(this.componentId,i,a)}o=pt(o,i),this.staticRulesId=i}else{for(var l=je(this.baseHash,r.hash),s="",d=0;d<this.rules.length;d++){var c=this.rules[d];if("string"==typeof c)s+=c,"production"!==process.env.NODE_ENV&&(l=je(l,c));else if(c){var p=ut(Wt(c,e,t,r));l=je(l,p+d),s+=p}}if(s){var u=Le(l>>>0);t.hasNameForId(this.componentId,u)||t.insertRules(this.componentId,u,r(s,".".concat(u),void 0,this.componentId)),o=pt(o,u)}}return o},e}(),_t=o.createContext(void 0);_t.Consumer;var er={},tr=new Set;function rr(e,t,r){var a=ct(e),l=e,s=!Xe(e),d=t.attrs,c=void 0===d?Ue:d,p=t.componentId,u=void 0===p?function(e,t){var r="string"!=typeof e?"sc":Ye(e);er[r]=(er[r]||0)+1;var o="".concat(r,"-").concat(Ve(Se+r+er[r]));return t?"".concat(t,"-").concat(o):o}(t.displayName,t.parentComponentId):p,g=t.displayName,h=void 0===g?function(e){return Xe(e)?"styled.".concat(e):"Styled(".concat(Ke(e),")")}(e):g,m=t.displayName&&t.componentId?"".concat(Ye(t.displayName),"-").concat(t.componentId):t.componentId||u,A=a&&l.attrs?l.attrs.concat(c).filter(Boolean):c,f=t.shouldForwardProp;if(a&&l.shouldForwardProp){var b=l.shouldForwardProp;if(t.shouldForwardProp){var v=t.shouldForwardProp;f=function(e,t){return b(e,t)&&v(e,t)}}else f=b}var y=new qt(r,m,a?l.componentStyle:void 0);function C(e,t){return function(e,t,r){var a=e.attrs,l=e.componentStyle,s=e.defaultProps,d=e.foldedComponentIds,c=e.styledComponentId,p=e.target,u=o.useContext(_t),g=Pt(),h=e.shouldForwardProp||g.shouldForwardProp;"production"!==process.env.NODE_ENV&&n(c);var m=function(e,t,r){return void 0===r&&(r=Re),e.theme!==r.theme&&e.theme||t||r.theme}(t,u,s)||Re,A=function(e,t,r){for(var o,n=x(x({},t),{className:void 0,theme:r}),i=0;i<e.length;i+=1){var a=dt(o=e[i])?o(n):o;for(var l in a)n[l]="className"===l?pt(n[l],a[l]):"style"===l?x(x({},n[l]),a[l]):a[l]}return t.className&&(n.className=pt(n.className,t.className)),n}(a,t,m),f=A.as||p,b={};for(var v in A)void 0===A[v]||"$"===v[0]||"as"===v||"theme"===v&&A.theme===m||("forwardedAs"===v?b.as=A.forwardedAs:h&&!h(v,f)||(b[v]=A[v],h||"development"!==process.env.NODE_ENV||$(v)||tr.has(v)||!Oe.has(f)||(tr.add(v),console.warn('styled-components: it looks like an unknown prop "'.concat(v,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var y=function(e,t){var r=Pt(),o=e.generateAndInjectStyles(t,r.styleSheet,r.stylis);return"production"!==process.env.NODE_ENV&&n(o),o}(l,A);"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(y);var C=pt(d,c);return y&&(C+=" "+y),A.className&&(C+=" "+A.className),b[Xe(f)&&!Oe.has(f)?"class":"className"]=C,r&&(b.ref=r),i(f,b)}(w,e,t)}C.displayName=h;var w=o.forwardRef(C);return w.attrs=A,w.componentStyle=y,w.displayName=h,w.shouldForwardProp=f,w.foldedComponentIds=a?pt(l.foldedComponentIds,l.styledComponentId):"",w.styledComponentId=m,w.target=a?l.target:e,Object.defineProperty(w,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=a?function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];for(var o=0,n=t;o<n.length;o++)ht(e,n[o],!0);return e}({},l.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(Fe(h,m),w.warnTooManyClasses=function(e,t){var r={},o=!1;return function(n){if(!o&&(r[n]=!0,Object.keys(r).length>=200)){var i=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(i,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),o=!0,r={}}}}(h,m)),mt(w,(function(){return".".concat(w.styledComponentId)})),s&&st(w,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),w}function or(e,t){for(var r=[e[0]],o=0,n=t.length;o<n;o+=1)r.push(t[o],e[o+1]);return r}var nr=function(e){return Object.assign(e,{isCss:!0})};function ir(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(dt(e)||gt(e))return nr(Wt(or(Ue,y([e],t,!0))));var o=e;return 0===t.length&&1===o.length&&"string"==typeof o[0]?Wt(o):nr(Wt(or(o,t)))}function ar(e,t,r){if(void 0===r&&(r=Re),!t)throw bt(1,t);var o=function(o){for(var n=[],i=1;i<arguments.length;i++)n[i-1]=arguments[i];return e(t,r,ir.apply(void 0,y([o],n,!1)))};return o.attrs=function(o){return ar(e,t,x(x({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},o.withConfig=function(o){return ar(e,t,x(x({},r),o))},o}var lr=function(e){return ar(rr,e)},sr=lr;function dr(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var o=ut(ir.apply(void 0,y([e],t,!1))),n=Ve(o);return new Vt(n,o)}Oe.forEach((function(e){sr[e]=lr(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var cr="__sc-".concat(we,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[cr]||(window[cr]=0),1===window[cr]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[cr]+=1);var pr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAClSURBVHgB7Y89DsIwDIUdomRIMnTIz8oR2Fi5CVfoDYCNjYzcpitnyYJYsoKN2gURSmFsPimSZT8/vwBUZkiD/KNbvDaEEHvnXAcjSCk71MVRQ855ZIwtUXwqmXnvdxSStPAN1toNLt1DCO07M5rhwRVMAU3bfnE79KguHRrgpUHO+aK1xt+zaIy5KaXWWJ9xdEgpHeFXKCkmu9L7lGwSTQ9UKk8eYgIfE1UYUugAAAAASUVORK5CYII=";const ur={small:{h:40,p:8,f:16},medium:{h:48,p:12,f:16},large:{h:56,p:16,f:16}},gr=n=>{var i,{size:a="medium",title:l,expanded:s,onChange:d,defaultExpanded:c,iconAlignment:p="trailing",flush:u=!1,children:g}=n,h=v(n,["size","title","expanded","onChange","defaultExpanded","iconAlignment","flush","children"]);const A=b(),f=o.useRef(null),[x,y]=o.useState(c),[C,w]=o.useState(0);let $=`solid 1px ${A.palette.neutral[300]}`,k="solid 2px transparent",S="pointer",B="#161616";const E=void 0!==s?s:x;h.disabled&&(S="default",$=`solid 1px ${A.palette.neutral[300]}`,k="none",B=A.palette.neutral[400]);return o.useEffect((()=>{var e;(null===(e=f.current)||void 0===e?void 0:e.clientHeight)&&w(f.current.clientHeight)}),[null===(i=f.current)||void 0===i?void 0:i.clientHeight]),t("div",{className:m("dgaui dgaui_accordion",h.className),tabIndex:1,children:[t(hr,Object.assign({$customStyle:{direction:A.direction,minHeight:ur[a].h,padding:ur[a].p,fontSize:ur[a].f,fontColor:B,colors:A.palette.neutral,border:k,borderTop:$,cursor:S},flush:u},h,{onClick:e=>{d&&d(e,!E),y(!E)},className:"dgaui dgaui_accordion_title",children:["leading"===p&&t("div",{style:{display:"flex",alignItems:"flex-start",justifyItems:"center",gap:16},children:[e("span",{children:e("img",{alt:"arrowdown",src:pr,style:{transition:"all 0.2s",transform:E?"rotateZ(180deg)":"none"}})}),e("span",{children:l})]}),"trailing"===p&&t(r,{children:[e("span",{children:l}),e("img",{alt:"arrowdown",src:pr,style:{transition:"all 0.2s",transform:E?"rotateZ(180deg)":"none"}})]})]})),e("div",{className:"dgaui_accordionContent",style:{direction:A.direction,height:E?C:0,overflow:"hidden",transition:"all 0.2s",color:B},children:e("div",{ref:f,style:{padding:16},children:g})})]})},hr=sr.button`
+  direction: ${e=>e.$customStyle.direction};
+  outline: none;
+  min-height: ${e=>e.$customStyle.minHeight}px;
+  padding: ${e=>e.flush?"0":`${e.$customStyle.padding}px`};
+  font-size: ${e=>e.$customStyle.fontSize}px;
+  color: ${e=>e.$customStyle.fontColor};
+  background-color: #fff;
+  border: ${e=>e.$customStyle.border};
+  ${e=>e.$customStyle.borderTop?"border-top:"+e.$customStyle.borderTop:""};
+  cursor: ${e=>e.$customStyle.cursor};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  transition: height 0.2s;
+
+  &:hover {
+    background-color: ${e=>e.$customStyle.colors[100]};
+  }
+  &:active {
+    background-color: ${e=>e.$customStyle.colors[200]};
+  }
+  &:focus {
+    border: solid 2px #161616;
+  }
+  &:disabled:hover {
+    background-color: #fff;
+  }
+  &:disabled:active {
+    background-color: #fff;
+  }
+`;var mr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACySURBVHgBfVGxEQIhEIQnegiMgPRLsQRLsAPtQMwMLUE78UPL+MyBmBRcZiTw4Z6ZG3budmFZuDHmkHPehRCebGNprU+c82VIKU0ADwgvFLnMwLmXg2vDoXJPVHq/mVsPGlGPLCqIMb6UUhzQYWeofcGoq/fesQ2/9abWBtbQ0WQC/1uqnqsN1Fztwe7MOlaaB5LpkdH1RPjBI0Vei6y1ZzGO4ySEeCO6GyUokUspF8DPF27nTJwLb4bWAAAAAElFTkSuQmCC",Ar="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABtSURBVHgB7ZLBCcAwCEVNV0jUNTpCN2g3yipu0hE6UmuggVB6UwiBPPAg6Dv4BZh0BxHXtl/AABHlEMLFzDtYKTKtW0vASj9ZSmlzk8UYj3c4m2XNkvxJTTf7Sl0CqFJ92tMzTXGTVUpQMBmfB72yKHZx70rDAAAAAElFTkSuQmCC",fr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF/SURBVHgBjVOxTgJBEJ3ZOwwl5RmbTdDEEv9ASqMWfAH4BfAJ/oHwBcIXoBFDiX+gpYkU2xgpKS+6d+PMckfW49Sbanf2zbyZebMIJTbVuhGGcUsRaLmnCOZyuXoqw2IxcE/FfUIcAFCjgDVIMP5M66OOMeudBHMd6SSABR81O8fMOglDMPJmLfsIenzsSqKgBu2z15XZJhDmWhA/87VBSJ3fyn08OmhRmjIJrb+S+olUouRBynbMSrX9YAmYH0c6v5+/vb8IgWB5RgPxuQSE0JOyBeAzUprcJBZufV9GMEHCvlSuHg6jU8koPUNFY8KxDNkplUuVD6yKhXaDVcit/IlEvIf/ksmSsEROKr4b//Fi+TEsC7KhkxVSAqOsrfPgcM2tdIvAWTNazJr7d0V/hnXbqURLlmbECXvZQLcWJHDF0l77PrcLjKVs6DuLJLtQlDM3IWD5pv4iVV5lKVuYoWyVc8t+4QA3Peqf/Oha5ZkNSz9TWbn+d5Zh+4G5fQMA8cBCDpoKdwAAAABJRU5ErkJggg==";const br=({indeterminate:t=!1})=>e("svg",t?{width:"12",height:"2",viewBox:"0 0 12 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("rect",{width:"12",height:"2",rx:"1",className:"checkmark",fill:"white"})}:{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5945 0.535432C12.1352 1.07616 12.1352 1.95286 11.5945 2.4936L5.2483 8.83982C4.98864 9.09949 4.63645 9.24537 4.26923 9.24537C3.90201 9.24537 3.54983 9.09949 3.29016 8.83982L0.405544 5.95517C-0.135181 5.41444 -0.135181 4.53774 0.405545 3.99701C0.946271 3.45628 1.82296 3.45628 2.36369 3.99701L4.26923 5.90257L9.63631 0.535432C10.177 -0.00530017 11.0537 -0.00530013 11.5945 0.535432Z",className:"checkmark",fill:"white"})}),xr={xSmall:{w:14,h:14,svgW:9,svgH:9,svgLeft:2.5,svgTop:3},small:{w:18,h:18,svgW:12,svgH:12,svgLeft:3,svgTop:4},medium:{w:22,h:22,svgW:14,svgH:14,svgLeft:4,svgTop:5}},vr=r=>{var{label:o,description:n,error:i,onChange:l,value:d,size:c,style:p="primary",indeterminate:u=!1}=r,g=v(r,["label","description","error","onChange","value","size","style","indeterminate"]);const h=b(),f={neutral:{default:(x=h).palette.neutral[600],hovered:x.palette.neutral[800],active:x.palette.neutral[900],disabled:x.palette.neutral[200]},primary:{default:x.palette.primary[600],hovered:x.palette.primary[800],active:x.palette.primary[900],disabled:x.palette.neutral[200]}};var x;const y=null!=c?c:"medium";let C=h.textColor,w=f[p].default,$=f[p].hovered,k=f[p].active;const S=A(),B=a(null);return s((()=>{B.current&&(B.current.indeterminate=u)}),[u]),t(yr,{$customStyle:{theme:h,fontColor:C,backgroundColor:w,backgroundColorHovered:$,backgroundColorActive:k,width:xr[y].w,height:xr[y].h,svgW:xr[y].svgW,svgH:xr[y].svgW,svgLeft:xr[y].svgLeft,svgTop:xr[y].svgTop},className:m("dgaui dgaui_checkboxContainer",g.className),children:[t("div",{className:"dgaui_checkboxHead",children:[t("label",{className:"dgaui_checkbox",children:[e("input",Object.assign({ref:B,id:S,type:"checkbox"},g,{checked:d,onChange:e=>{l&&l(e,e.target.checked)}})),e(br,{indeterminate:u})]}),o&&e("label",{htmlFor:g.id||S,className:"dgaui_checkboxLabel",children:o})]}),(n||i)&&t("div",{className:"dgaui_checkboxDescription",children:[n&&e("div",{className:"dgaui_checkboxDescriptionText",children:n}),i&&e("div",{className:"dgaui_checkboxDescriptionError",children:i})]})]})},yr=sr.div`
+  direction: ${e=>e.$customStyle.theme.direction};
+  color: ${e=>e.$customStyle.fontColor};
+
+  .dgaui_checkbox svg {
+    position: absolute;
+    width: ${e=>e.$customStyle.svgW}px;
+    height: ${e=>e.$customStyle.svgH}px;
+    left: ${e=>e.$customStyle.svgLeft}px;
+    top: ${e=>e.$customStyle.svgTop}px;
+
+    .checkmark {
+      fill: transparent;
+    }
+  }
+
+  .dgaui_checkboxLabel {
+    cursor: pointer;
+    text-align: start;
+    margin-inline-start: 16px;
+    font-weight: 500;
+  }
+
+  .dgaui_checkboxDescription {
+    padding-inline-start: 40px;
+    .dgaui_checkboxDescriptionText {
+      margin-top: 8px;
+    }
+    .dgaui_checkboxDescriptionError {
+      font-weight: 500;
+      color: ${e=>e.$customStyle.theme.palette.error[700]};
+      position: relative;
+      margin-top: 8px;
+
+      &::before {
+        content: "";
+        background: url("${fr}");
+        width: 18px;
+        height: 18px;
+        background-repeat: no-repeat;
+        background-size: contain;
+        display: block;
+        position: absolute;
+        inset-inline-start: -40px;
+      }
+    }
+  }
+
+  .dgaui_checkboxHead {
+    display: flex;
+    align-items: flex-start;
+    /* justify-content: center; */
+
+    &:hover {
+      .dgaui_checkbox {
+        &::after {
+          content: "";
+          border-radius: 50%;
+          background: #f3f4f6;
+          width: ${e=>e.$customStyle.width+18}px;
+          height: ${e=>e.$customStyle.height+18}px;
+          transform: translate(-50%, -50%) scale(1);
+        }
+      }
+      &:has(input:checked) {
+        .dgaui_checkbox {
+          background-color: ${e=>e.$customStyle.backgroundColorHovered};
+        }
+      }
+    }
+
+    &:active {
+      .dgaui_checkbox {
+        background-color: #d2d6db;
+      }
+
+      &:has(input:checked) {
+        .dgaui_checkbox {
+          background-color: ${e=>e.$customStyle.backgroundColorActive};
+        }
+      }
+
+      &:has(input:disabled) {
+        .dgaui_checkbox {
+          background-color: transparent;
+        }
+      }
+    }
+
+    &:focus-within {
+      .dgaui_checkbox {
+        &::before {
+          content: "";
+          display: block;
+          width: ${e=>e.$customStyle.width+6}px;
+          height: ${e=>e.$customStyle.height+6}px;
+          border: 2px solid #000;
+          position: absolute;
+          left: -5px;
+          top: -5px;
+          border-radius: 2px;
+        }
+      }
+    }
+
+    &:has(input:checked) {
+      .dgaui_checkbox {
+        background-color: ${e=>e.$customStyle.backgroundColor};
+        svg .checkmark {
+          fill: #fff;
+        }
+      }
+    }
+    &:has(input:indeterminate) {
+      .dgaui_checkbox {
+        background-color: ${e=>e.$customStyle.backgroundColor};
+        svg .checkmark {
+          fill: #fff;
+        }
+      }
+    }
+
+    &:has(input:disabled) {
+      .dgaui_checkbox {
+        &:hover {
+          background-color: transparent;
+        }
+
+        &::after {
+          display: none;
+        }
+      }
+
+      .dgaui_checkboxLabel {
+        cursor: not-allowed;
+        opacity: 0.5;
+      }
+    }
+    &:has(input:disabled:checked) {
+      .dgaui_checkbox {
+        background-color: #9da4ae;
+      }
+    }
+    &:has(input:disabled:indeterminate) {
+      .dgaui_checkbox {
+        background-color: #9da4ae;
+
+        svg .checkmark {
+          fill: #fff;
+        }
+      }
+    }
+  }
+
+  .dgaui_checkbox {
+    background-color: transparent;
+    cursor: pointer;
+    position: relative;
+    display: inline-block;
+    min-width: ${e=>e.$customStyle.width}px;
+    height: ${e=>e.$customStyle.height}px;
+    outline: none;
+    border: 1px solid #6c737f;
+    border-radius: 2px;
+    transition: all 0.1s;
+
+    &::after {
+      content: "";
+      border-radius: 50%;
+      background: #f3f4f6;
+      width: 0;
+      height: 0;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%) scale(0);
+      transition: all 0.2s;
+      z-index: -1;
+    }
+
+    input {
+      flex: 0;
+      opacity: 0;
+      width: 0;
+      height: 0;
+    }
+  }
+`,Cr=r=>{var{selected:o,multiple:n,value:i,onClick:a,children:l}=r,s=v(r,["selected","multiple","value","onClick","children"]);const d=b();return t(wr,{className:m("dgaui dgaui_dropdownItem"+(o?" selected":""),s.className),$theme:d,$selected:o,$multiple:n,onClick:e=>{a&&a(e,i)},children:[n&&e(vr,{color:"neutral",size:"small",value:o}),l]})},wr=sr.div`
+  direction: ${e=>e.$theme.direction};
+  color: ${e=>e.$theme.textColor};
+  padding: 8px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  transition: background-color 0.1s;
+  position: relative;
+
+  &::after {
+    position: absolute;
+    content: url(${Ar});
+    display: ${e=>!e.$multiple&&e.$selected?"block":"none"};
+    inset-inline-end: 16px;
+  }
+
+  &:hover {
+    background-color: ${e=>e.$theme.palette.neutral[25]};
+  }
+  &:active {
+    background-color: ${e=>e.$theme.palette.neutral[50]};
+  }
+
+  .dgaui_checkbox {
+    margin-bottom: 0;
+    margin-inline-end: 8px;
+  }
+`,$r={xsmall:{w:56,h:20,py:8,f:10},small:{w:64,h:24,py:8,f:12},medium:{w:86,h:32,py:12,f:16}},kr=o=>{var n,{children:i,style:a,size:l,outLine:s,iconOnly:d,leadIcon:c,trailIcon:p,rounded:u}=o,g=v(o,["children","style","size","outLine","iconOnly","leadIcon","trailIcon","rounded"]);const h=b(),A=null!=a?a:"neutral",f=null!=l?l:"medium",x=null==s||s,y=null!==(n={neutral:{bg:(C=h).palette.neutral[50],border:C.palette.neutral[200],borderOutlined:C.palette.neutral[600],fontColor:C.palette.neutral[800]},success:{bg:C.palette.info[50],border:C.palette.success[200],borderOutlined:C.palette.success[700],fontColor:C.palette.success[800]},error:{bg:C.palette.error[50],border:C.palette.error[200],borderOutlined:C.palette.error[700],fontColor:C.palette.error[800]},warning:{bg:C.palette.warning[50],border:C.palette.warning[200],borderOutlined:C.palette.warning[700],fontColor:C.palette.warning[800]},info:{bg:"#EFF8FF",border:C.palette.info[200],borderOutlined:C.palette.info[700],fontColor:C.palette.info[800]},onColor:{bg:"rgba(255, 255, 255, 0.2)",border:"transparent",borderOutlined:"rgba(255, 255, 255, 0.6)",fontColor:C.textOnColor}})&&void 0!==n?n:"neutral";var C;let w=y[A].bg,$=y[A].border,k=y[A].borderOutlined,S=y[A].fontColor,B=`border: 1px solid ${$}`,E=u?9999:4;return x&&(w="transparent",B=`border: 1px solid ${k}`),t(Sr,{className:m("dgaui dgaui_tag",g.className),$customStyle:{direction:h.direction,minWidth:d?0:$r[f].w,height:$r[f].h,paddingY:$r[f].py,fontSize:$r[f].f,fontColor:S,backgroundColor:w,border:B,borderRadius:E},children:[d&&e("div",{className:"iconOnly",children:c||i}),!d&&t(r,{children:[e("div",{className:"leadIcon",children:c}),i,e("div",{className:"trailIcon",children:p})]})]})},Sr=sr.div`
+  direction: ${e=>e.$customStyle.direction};
+  min-width: ${e=>e.$customStyle.minWidth}px;
+  color: ${e=>e.$customStyle.fontColor};
+  height: ${e=>e.$customStyle.height}px;
+  padding: 0 ${e=>e.$customStyle.paddingY}px;
+  font-size: ${e=>e.$customStyle.fontSize}px;
+  background-color: ${e=>e.$customStyle.backgroundColor};
+  ${e=>e.$customStyle.border};
+  outline: none;
+  border-radius: ${e=>e.$customStyle.borderRadius}px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 500;
+  .leadIcon {
+    margin-inline-end: 4px;
+    display: "inline-flex";
+    alignitems: "center";
+  }
+  .trailIcon {
+    margin-inline-start: 4px;
+  }
+`,Br={medium:{w:320,h:32,p:16,f:14},large:{w:320,h:40,p:16,f:16}},Er=({label:r,className:n,size:i,variant:a,error:l,onChange:s,value:d,placeholder:c,options:p,getOptionLabel:u,disabled:g,multiple:h,maxTagsToShow:A,maxTagsLabel:f})=>{const x=b(),[v,y]=o.useState(!1),[C,w]=o.useState(""),[$,k]=o.useState(""),[S,B]=o.useState(),[E,N]=o.useState({top:0,left:0,width:0}),z=o.useRef(null),I=null!=i?i:"large";let F=x.textColor,U=x.palette.neutral[500],R=`1px solid ${l?x.palette.error[700]:x.palette.neutral[400]}`,O=`1px solid ${l?x.palette.error[700]:x.palette.neutral[700]}`,D=`1px solid ${l?x.palette.error[700]:x.palette.neutral[700]}`,T="#FFF",Y=l?x.palette.error[700]:x.textColor,H=x.elevation.shadows.md;"lighter"===a&&(T=x.palette.neutral[25],R="1px solid transparent",O=`1px solid ${x.palette.neutral[400]}`,D=`1px solid ${x.palette.neutral[400]}`),"darker"===a&&(T=x.palette.neutral[100]),g&&(F=x.palette.neutral[400],R=`1px solid ${x.palette.neutral[200]}`,O=`1px solid ${x.palette.neutral[200]}`);const M=e=>u?u(e):null==e?void 0:e.label,L=o.useMemo((()=>{let e=[];return $&&p.length>0?p.forEach((t=>{var r;(u&&u(t).toLowerCase().trim().includes($.toLowerCase().trim())||!u&&(null===(r=null==t?void 0:t.label)||void 0===r?void 0:r.toLowerCase().trim().includes($.toLowerCase().trim())))&&e.push(t)})):e=p,e}),[p,$]),Q=()=>{z.current&&N({top:z.current.offsetTop+z.current.clientHeight,left:z.current.offsetLeft,width:z.current.clientWidth})};return o.useEffect((()=>{if(z.current){const e=()=>{z.current&&Q()},t=e=>{var t;(null===(t=z.current)||void 0===t?void 0:t.contains(e.target))||y(!1)};return window.addEventListener("resize",e),window.addEventListener("click",t),()=>{window.removeEventListener("resize",e),window.removeEventListener("click",t)}}}),[z]),o.useEffect((()=>{if(!d)return w(""),k(""),B([]),void y(!1);Array.isArray(d)||w(M(d)),h&&Array.isArray(d)?B(d):B([d])}),[d,p]),o.useEffect((()=>{v&&Q()}),[v,S]),t(Nr,{$theme:x,className:m("dgaui dgaui_autocomplete",n),children:[e("label",{className:g?"disabled":void 0,children:r}),t(zr,{ref:z,onClick:()=>y((e=>!e)),className:"dgaui_dropdownContainer "+(h?"multiple ":"")+(g?"disabled":""),$customStyle:{theme:x,direction:x.direction,minWidth:Br[I].w,height:Br[I].h,padding:Br[I].p,fontSize:Br[I].f,placeholderFontColor:U,fontColor:F,border:R,borderHovered:O,borderFocused:D,backgroundColor:T,shadowFocus:H},children:[h&&(!A||A&&S&&(null==S?void 0:S.length)<=A)&&(null==S?void 0:S.map(((r,o)=>t(kr,{rounded:!0,size:"medium",color:"neutral",children:[M(r),e("button",{className:"deleteIcon",onClick:e=>((e,t)=>{if(e.stopPropagation(),h&&S){let r=[];const o=S.filter((e=>e!==t));B(o),r=p.filter((e=>o.includes(e))),s&&s(e,r)}})(e,r)})]},o)))),h&&A&&A>0&&S&&(null==S?void 0:S.length)>A&&t(kr,{rounded:!0,size:"medium",color:"neutral",children:[f||`${S.length} selected`,e("button",{className:"deleteIcon",onClick:e=>{e.stopPropagation(),h&&S&&(B([]),s&&s(e,[]))}})]}),e("input",{className:"dgaui",disabled:g,placeholder:c,value:C,onChange:e=>{v||y(!0),w(e.target.value),k(e.target.value)}})]}),(null==L?void 0:L.length)>0&&e("div",{className:"items"+(v?" slide-bottom":""),style:E,children:L.map(((t,r)=>{if(!t)return null;let o=t;return"object"==typeof t&&(o=null==t?void 0:t.label),e(Cr,{value:t,onClick:(e,t)=>((e,t)=>{if(h&&e.stopPropagation(),h&&S){let r=[];if(S.includes(t)){const e=S.filter((e=>e!==t));B(e),r=e}if(!S.includes(t)){const e=[...S,t];B(e),r=e}s&&s(e,r)}else{s&&s(e,t),B([t]);const r=M(t);w(r)}})(e,t),selected:null==S?void 0:S.includes(t),children:u?u(t):o},r)}))}),e(Ir,{$bgColor:Y,className:"dgaui_autocompleteSeparator"+(v?" open":"")})]})},Nr=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: flex;
+  flex-direction: column;
+  color: ${e=>e.$theme.textColor};
+  width: 100%;
+
+  label {
+    margin-bottom: 8px;
+    &.disabled {
+      color: #9da4ae;
+    }
+  }
+
+  .items {
+    position: absolute;
+    top: 35px;
+    left: 0;
+    z-index: 1400;
+    background-color: #fff;
+    width: 100%;
+    opacity: 0;
+    max-height: 300px;
+    overflow-y: scroll;
+    pointer-events: none;
+    border: 1px solid ${e=>e.$theme.palette.neutral[300]};
+    border-radius: 4px;
+    padding: 8px;
+    box-sizing: border-box;
+    ${e=>e.$theme.elevation.shadows.xl}
+    cursor: pointer;
+
+    &.slide-bottom {
+      animation: slide-bottom 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+      pointer-events: all;
+    }
+    @keyframes slide-bottom {
+      0% {
+        transform: translateZ(0) translateY(0);
+        opacity: 0;
+      }
+      100% {
+        transform: translateZ(160px) translateY(8px);
+        opacity: 1;
+      }
+    }
+  }
+
+  &:has(.dgaui_autocompleteSeparator.open) {
+    .dgaui_dropdownContainer:before {
+      top: 20%;
+      transform: rotateZ(180deg);
+    }
+  }
+  &:has(.dgaui_dropdownContainer:active) {
+    .dgaui_autocompleteSeparator {
+      transform: scaleX(0.5) translateY(-2.5px);
+    }
+  }
+  &:has(.dgaui_dropdownContainer.multiple:active) {
+    .dgaui_autocompleteSeparator.open {
+      transform: scaleX(1) translateY(-2.5px);
+    }
+  }
+  &:has(.dgaui_dropdownContainer.disabled) {
+    .dgaui_autocompleteSeparator {
+      opacity: 0;
+    }
+  }
+`,zr=sr.div`
+  outline: none;
+  direction: ${e=>e.$customStyle.direction};
+  border-radius: 4px;
+  height: ${e=>e.$customStyle.height}px;
+  font-size: ${e=>e.$customStyle.fontSize}px;
+  color: ${e=>e.$customStyle.fontColor};
+  border: ${e=>e.$customStyle.border};
+  background-color: ${e=>e.$customStyle.backgroundColor};
+  padding-inline-end: ${e=>e.$customStyle.padding}px;
+  cursor: pointer;
+
+  position: relative;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  &:-ms-expand {
+    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
+  }
+
+  input {
+    background-color: ${e=>e.$customStyle.backgroundColor};
+    border: none;
+    outline: none;
+    padding-inline-start: ${e=>e.$customStyle.padding}px;
+    height: calc(100% - 2px);
+    border-radius: 4px;
+    width: 90%;
+  }
+
+  &.multiple {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    min-height: ${e=>e.$customStyle.height}px;
+    height: auto;
+    input {
+      flex: 1;
+      min-height: ${e=>e.$customStyle.height}px;
+    }
+    .dgaui_tag {
+      margin: 4px;
+
+      .deleteIcon {
+        background-image: url(${mr});
+        background-repeat: no-repeat;
+        background-size: 40%;
+        background-position: center;
+        width: 20px;
+        height: 20px;
+        margin-inline-start: 4px;
+        cursor: pointer;
+        background-color: transparent;
+        border: none;
+        outline: none;
+
+        &:hover {
+          transform: scale(1.2);
+        }
+      }
+    }
+  }
+
+  &:before {
+    content: url(${pr});
+    display: block;
+    top: 30%;
+    inset-inline-end: 8px;
+    position: absolute;
+    transition: all 0.1s;
+    background-color: ${e=>e.$customStyle.backgroundColor};
+    z-index: 2;
+    width: 20px;
+    height: 20px;
+  }
+  &:after {
+    content: "";
+    display: block;
+    top: 0;
+    inset-inline-end: 0;
+    z-index: 1;
+    position: absolute;
+    background-color: ${e=>e.$customStyle.backgroundColor};
+    border-radius: 4px;
+    width: 30px;
+    height: 100%;
+  }
+
+  &:focus-within {
+    ${e=>e.$customStyle.shadowFocus};
+    border: ${e=>e.$customStyle.borderFocused};
+  }
+
+  &:hover {
+    border: ${e=>e.$customStyle.borderHovered};
+  }
+  &.disabled {
+    pointer-events: none;
+    filter: grayscale(1);
+  }
+`,Ir=sr.span`
+  height: 2px;
+  background: ${e=>e.$bgColor};
+  display: block;
+  transform: scaleX(0) translateY(-2.5px);
+  transform-origin: 50%;
+  transition: all 0.2s;
+  border-bottom-left-radius: 50px;
+  border-bottom-right-radius: 50px;
+  z-index: 1;
+
+  &.open {
+    transform: scaleX(0.995) translateY(-2.5px);
+  }
+`,Fr={xxSmall:{wh:24,b:2,f:10,fw:700},xSmall:{wh:32,b:2,f:12,fw:600},small:{wh:40,b:2,f:14,fw:600},medium:{wh:48,b:2,f:16,fw:500},large:{wh:64,b:2,f:20,fw:500},xLarge:{wh:80,b:2,f:30,fw:400},xxLarge:{wh:120,b:4,f:36,fw:400}},Ur=({size:t="medium",text:r,icon:o,imageSrc:n,className:i,square:a,index:l,border:s=!1,borderColor:d="#16161633"})=>{const c=b();let p=r,u=!1;return o&&(u=!0,p=o),n&&(p=e("img",{alt:"avatar",src:n})),e(Rr,{$theme:c,$size:Fr[t],$square:a,$isIcon:u,className:m("dgaui dgaui_avatar",i),$index:l,$border:s,$borderColor:d,children:p})},Rr=sr.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>e.$size.wh}px;
+  height: ${e=>e.$size.wh}px;
+  border: ${e=>e.$border?`${e.$size.b}px solid ${e.$borderColor}`:`${e.$size.b}px solid #fff`};
+  background-color: ${e=>e.$theme.palette.neutral[100]};
+  font-size: ${e=>e.$size.f}px;
+  font-weight: ${e=>e.$size.fw};
+  border-radius: ${e=>e.$square?"8px":"100%"};
+  overflow: hidden;
+  box-sizing: border-box;
+
+  img {
+    width: ${e=>e.$isIcon?2*e.$size.f+"px":"100%"};
+    height: ${e=>e.$isIcon?2*e.$size.f+"px":"100%"};
+    object-fit: contain;
+    border-radius: ${e=>e.$square?"8px":"100%"};
+  }
+
+  &.stacked {
+    ${e=>(({index:e=0,op:t="-"})=>`\n  transform: translateX(${t}${8*e}px);\n`)({index:e.$index,op:"ltr"===e.$theme.direction?"-":"+"})}
+  }
+`;const Or=({items:n,className:i})=>{const a=b(),[l,s]=o.useState(!1),d=o.useRef(null),c=o.useRef(null),[p,u]=o.useState({top:0,left:0,width:0}),g=()=>{s(!0)};let h=n.map(((t,r)=>e("span",{className:"dgaui_breadcrumbItem",onClick:()=>t.onClick&&t.onClick(),children:t.label},r)));if(n.length>5){const o=[n[n.length-2],n[n.length-1]];h=t(r,{children:[e("span",{className:"dgaui_breadcrumbItem",onClick:()=>n[0].onClick&&n[0].onClick(),children:n[0].label}),e("span",{ref:d,onClick:g,className:"dgaui_breadcrumbItem dots",children:"..."}),o.map(((t,r)=>e("span",{className:"dgaui_breadcrumbItem",onClick:()=>t.onClick&&t.onClick(),children:t.label},r)))]})}return o.useEffect((()=>{if(d.current&&c.current){u({top:c.current.offsetTop+c.current.clientHeight,left:c.current.offsetLeft,width:c.current.clientWidth});const e=()=>{d.current&&c.current&&u({top:c.current.offsetTop+c.current.clientHeight,left:c.current.offsetLeft,width:c.current.clientWidth})},t=e=>{var t;(null===(t=c.current)||void 0===t?void 0:t.contains(e.target))||s(!1)};return window.addEventListener("resize",e),window.addEventListener("click",t),()=>{window.removeEventListener("resize",e),window.removeEventListener("click",t)}}}),[d]),t(r,{children:[e(Dr,{className:m("dgaui dgaui_breadcrumb",i),$theme:a,$icon:"ltr"===a.direction?"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACbSURBVHgBzZHBDYMwDEUdh0HaTTpCK45tpebAHG03KPdKaZG4ITECI8AocAcHOCAhFIgRF97R9n9RbIBd8o2Ss47TJ2cWbUXZyILIPDgSMdfQOj2QZzJE8VPXy3u1gCtZFHAkTsFIkmNdHZVS5biHsBGnYPgCgQmnr/ewltiF/8Hdf9lmnGdcCs8KuOEez1YkSScSEAY3/wO7pwU2FFQ/1m+2IwAAAABJRU5ErkJggg==":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACPSURBVHgB5ZI9CoUwEIQ34R3gXU1S+gMi1uoJjDdIL2KhluLZ7DWrayUSNbY6sKQY5stmCMA3VHdDUrV9avK4RTjXiEoj/E0+swjLdYrYF/IRwCZ8CrANk4wdTLMe6fxxjnAjIyAOhKLbaQva5gpwWWLZ9JIzlq8jQ9cpHgP2EADMIk+oo3/7D6jE7TnwWi3nAk7pNHjsVAAAAABJRU5ErkJggg==",ref:c,children:h}),n.length>5&&e(Tr,{$theme:a,className:"dgaui_breadcrumbList"+(l?" slide-bottom":""),style:Object.assign({},p),children:n.map(((t,r)=>e(Cr,{onClick:()=>t.onClick&&t.onClick(),children:t.label},r)))})]})},Dr=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: flex;
+
+  .dgaui_breadcrumbItem {
+    color: ${e=>e.$theme.palette.neutral[700]};
+    min-width: 30px;
+    height: 20px;
+    position: relative;
+    padding-inline-end: 4px;
+    padding-inline-start: 20px;
+    display: flex;
+    justify-content: flex-end;
+    cursor: pointer;
+
+    &.dots {
+      min-width: 12px;
+    }
+
+    &::before {
+      content: url(${e=>e.$icon});
+      position: absolute;
+      width: 20px;
+      height: 20px;
+      inset-inline-start: 0;
+      bottom: -2px;
+    }
+  }
+
+  :first-child::before {
+    content: "";
+    padding-inline-start: 0px;
+    min-width: 0;
+    width: 0;
+    height: 0;
+  }
+
+  :last-child {
+    color: ${e=>e.$theme.palette.neutral[400]};
+    cursor: auto;
+    pointer-events: none;
+  }
+`,Tr=sr.div`
+  position: absolute;
+  top: 35px;
+  left: 0;
+  z-index: 1;
+  background-color: #fff;
+  width: 100%;
+  opacity: 0;
+  max-height: 300px;
+  overflow-y: scroll;
+  pointer-events: none;
+  border: 1px solid ${e=>e.$theme.palette.neutral[300]};
+  border-radius: 4px;
+  padding: 8px;
+  box-sizing: border-box;
+  ${e=>e.$theme.elevation.shadows.xl}
+  cursor: pointer;
+
+  &.slide-bottom {
+    animation: slide-bottom 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+    pointer-events: all;
+  }
+  @keyframes slide-bottom {
+    0% {
+      transform: translateZ(0) translateY(0);
+      opacity: 0;
+    }
+    100% {
+      transform: translateZ(160px) translateY(8px);
+      opacity: 1;
+    }
+  }
+`,Yr="#FFF",Hr="#FFF3",Mr="#FFFFFF4D",Lr="#FFF6",Qr="#FFF9",jr="#FFFFFFB2",Pr="#FFFC",Vr={small:{w:74,h:24,p:8,f:12},medium:{w:94,h:32,p:12,f:14},large:{w:110,h:40,p:16,f:16}},Kr=o.forwardRef(((o,n)=>{var{children:i,size:a="large",style:l="primary",buttonStyle:s,destructive:d,iconOnly:c,onColor:p,leadIcon:u,trailIcon:g}=o,h=v(o,["children","size","style","buttonStyle","destructive","iconOnly","onColor","leadIcon","trailIcon"]);const A=b(),f=((e,t=!1,r=!1)=>t||r?!t&&r?{neutral:{backgroundColor:{default:e.palette.neutral[950],hovered:e.palette.neutral[800],active:e.palette.neutral[600],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Yr,hovered:e.textOnColor||Yr,active:e.textOnColor||Yr,disabled:e.palette.neutral[400]}},primary:{backgroundColor:{default:e.palette.error[600],hovered:e.palette.error[700],active:e.palette.error[900],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Yr,hovered:e.textOnColor||Yr,active:e.textOnColor||Yr,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor},innerBorderColor:{focus:Yr}},"secondary-solid":{backgroundColor:{default:e.palette.error[50],hovered:e.palette.error[100],active:e.palette.error[200],disabled:e.palette.neutral[200]},fontColor:{default:e.palette.error[700],hovered:e.palette.error[200],active:e.palette.error[200],disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}},"secondary-outline":{backgroundColor:{default:"transparent",hovered:e.palette.error[100],active:e.palette.error[200],disabled:"transparent"},fontColor:{default:e.palette.error[700],hovered:e.palette.error[700],active:e.palette.error[700],disabled:e.palette.neutral[400]},borderColor:{default:e.palette.error[200],hovered:e.palette.error[200],active:e.palette.error[200],disabled:e.palette.neutral[400],focus:e.textColor}},subtle:{backgroundColor:{default:"transparent",hovered:e.palette.error[100],active:e.palette.error[200],disabled:"transparent"},fontColor:{default:e.palette.error[700],hovered:e.palette.error[700],active:e.palette.error[700],disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}},transparent:{backgroundColor:{default:"transparent",hovered:"transparent",active:"transparent",disabled:"transparent"},fontColor:{default:e.palette.error[600],hovered:e.palette.error[700],active:e.palette.error[900],disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}}}:t&&!r?{neutral:{backgroundColor:{default:Yr,hovered:Pr,active:Qr,disabled:Hr},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:Lr},borderColor:{focus:Yr},innerBorderColor:{focus:e.textColor}},primary:{backgroundColor:{default:Yr,hovered:Pr,active:Qr,disabled:Hr},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:Lr},borderColor:{focus:Yr},innerBorderColor:{focus:e.textColor}},"secondary-solid":{backgroundColor:{default:Hr,hovered:Hr,active:Lr,disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Yr,hovered:e.textOnColor||Yr,active:e.textOnColor||Yr,disabled:Lr},borderColor:{focus:Yr}},"secondary-outline":{backgroundColor:{default:"transparent",hovered:Hr,active:Lr,disabled:"transparent"},fontColor:{default:e.textOnColor||Yr,hovered:e.textOnColor||Yr,active:e.textOnColor||Yr,disabled:Lr},borderColor:{default:Lr,hovered:Lr,active:Lr,disabled:e.palette.neutral[400],focus:Yr}},subtle:{backgroundColor:{default:"transparent",hovered:Hr,active:Lr,disabled:"transparent"},fontColor:{default:e.textOnColor||Yr,hovered:e.textOnColor||Yr,active:e.textOnColor||Yr,disabled:Lr},borderColor:{focus:Yr}},transparent:{backgroundColor:{default:"transparent",hovered:"transparent",active:"transparent",disabled:"transparent"},fontColor:{default:e.textOnColor||Yr,hovered:e.palette.primary[400],active:e.palette.primary[300],disabled:Lr},borderColor:{focus:Yr}}}:{neutral:{backgroundColor:{default:e.palette.neutral[950],hovered:e.palette.neutral[800],active:e.palette.neutral[600],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Yr,hovered:e.textOnColor||Yr,active:e.textOnColor||Yr,disabled:e.palette.neutral[400]}},primary:{backgroundColor:{default:e.palette.error[600],hovered:e.palette.error[700],active:e.palette.error[900],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Yr,hovered:e.textOnColor||Yr,active:e.textOnColor||Yr,disabled:e.palette.neutral[400]},borderColor:{focus:Yr},innerBorderColor:{focus:e.textColor}},"secondary-solid":{backgroundColor:{default:e.palette.error[50],hovered:e.palette.error[100],active:e.palette.error[200],disabled:e.palette.neutral[200]},fontColor:{default:e.palette.error[700],hovered:e.palette.error[200],active:e.palette.error[200],disabled:e.palette.neutral[400]},borderColor:{focus:Yr}},"secondary-outline":{backgroundColor:{default:"transparent",hovered:e.palette.error[100],active:e.palette.error[200],disabled:"transparent"},fontColor:{default:e.palette.error[200],hovered:e.palette.error[700],active:e.palette.error[700],disabled:e.palette.neutral[400]},borderColor:{default:e.palette.error[200],hovered:e.palette.error[200],active:e.palette.error[200],disabled:e.palette.neutral[400],focus:Yr}},subtle:{backgroundColor:{default:"transparent",hovered:e.palette.error[100],active:e.palette.error[200],disabled:"transparent"},fontColor:{default:e.palette.error[200],hovered:e.palette.error[700],active:e.palette.error[700],disabled:e.palette.neutral[400]},borderColor:{focus:Yr}},transparent:{backgroundColor:{default:"transparent",hovered:"transparent",active:"transparent",disabled:"transparent"},fontColor:{default:e.palette.error[200],hovered:e.palette.error[300],active:e.palette.error[400],disabled:e.palette.neutral[400]},borderColor:{focus:Yr}}}:{neutral:{backgroundColor:{default:e.palette.neutral[950],hovered:e.palette.neutral[800],active:e.palette.neutral[600],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Yr,hovered:e.textOnColor||Yr,active:e.textOnColor||Yr,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor},innerBorderColor:{focus:Yr}},primary:{backgroundColor:{default:e.palette.primary[600],hovered:e.palette.primary[700],active:e.palette.primary[900],disabled:e.palette.neutral[200]},fontColor:{default:e.textOnColor||Yr,hovered:e.textOnColor||Yr,active:e.textOnColor||Yr,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor},innerBorderColor:{focus:Yr}},"secondary-solid":{backgroundColor:{default:e.palette.neutral[100],hovered:e.palette.neutral[200],active:e.palette.neutral[200],disabled:e.palette.neutral[200]},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}},"secondary-outline":{backgroundColor:{default:"transparent",hovered:e.palette.neutral[100],active:e.palette.neutral[200],disabled:"transparent"},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:e.palette.neutral[400]},borderColor:{default:e.palette.neutral[300],hovered:e.palette.neutral[200],active:e.palette.neutral[300],disabled:e.palette.neutral[400],focus:e.textColor}},subtle:{backgroundColor:{default:"transparent",hovered:e.palette.neutral[100],active:e.palette.neutral[200],disabled:"transparent"},fontColor:{default:e.textColor,hovered:e.textColor,active:e.textColor,disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}},transparent:{backgroundColor:{default:"transparent",hovered:"transparent",active:"transparent",disabled:"transparent"},fontColor:{default:e.textColor,hovered:e.palette.primary[700],active:e.palette.primary[900],disabled:e.palette.neutral[400]},borderColor:{focus:e.textColor}}})(A,p,d),x=f[l].backgroundColor,y=f[l].fontColor,C=f[l].borderColor,w=f[l].innerBorderColor;return t(Xr,Object.assign({},h,{ref:n,className:m("dgaui dgaui_button",h.className),$disabled:h.disabled,$customStyle:{theme:A,minWidth:c?0:Vr[a].w,height:Vr[a].h,padding:Vr[a].p,fontSize:Vr[a].f,fontColor:y,backgroundColor:x,borderColor:C,innerBorderColor:w},children:[c&&e("div",{className:"iconOnly",children:u||i}),!c&&t(r,{children:[e("div",{className:"leadIcon",children:u}),i,e("div",{className:"trailIcon",children:g})]})]}))})),Xr=sr.button`
+  outline: none;
+  border-radius: 4px;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  direction: ${e=>e.$customStyle.theme.direction};
+  min-width: ${e=>e.$customStyle.minWidth}px;
+  height: ${e=>e.$customStyle.height}px;
+  padding: ${e=>e.$customStyle.padding}px;
+  font-size: ${e=>e.$customStyle.fontSize}px;
+  font-weight: 500;
+  color: ${e=>e.$customStyle.fontColor.default};
+  background-color: ${e=>e.$customStyle.backgroundColor.default};
+  border: 2px solid transparent;
+  ${e=>e.$customStyle.borderColor&&`border: 1px solid ${e.$customStyle.borderColor.default};`};
+  transition: background-color 0.1s;
+
+  &:hover {
+    background-color: ${e=>e.$customStyle.backgroundColor.hovered};
+    color: ${e=>e.$customStyle.fontColor.hovered};
+    ${e=>e.$customStyle.borderColor&&`border: 1px solid ${e.$customStyle.borderColor.hovered};`};
+  }
+
+  &:focus {
+    position: relative;
+    border-radius: 4px;
+    ${e=>{var t;return(null===(t=e.$customStyle.borderColor)||void 0===t?void 0:t.focus)&&`border: 2px solid ${e.$customStyle.borderColor.focus};`}};
+
+    &:after {
+      content: "";
+      display: block;
+      background-color: transparent;
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      top: 0px;
+      left: 0px;
+      border-radius: 2px;
+      box-sizing: border-box;
+      ${e=>{var t;return(null===(t=e.$customStyle.innerBorderColor)||void 0===t?void 0:t.focus)&&`border: 1px solid ${e.$customStyle.innerBorderColor.focus};`}};
+    }
+  }
+
+  &:active {
+    border: 2px solid transparent;
+    border-radius: 4px;
+    background-color: ${e=>e.$customStyle.backgroundColor.active};
+    color: ${e=>e.$customStyle.fontColor.active};
+    ${e=>{var t;return(null===(t=e.$customStyle.borderColor)||void 0===t?void 0:t.active)&&`border: 1px solid ${e.$customStyle.borderColor.active};`}};
+    &:after {
+      display: none;
+    }
+  }
+
+  &:disabled {
+    cursor: default;
+    pointer-events: none;
+    background-color: ${e=>e.$customStyle.backgroundColor.disabled};
+    color: ${e=>e.$customStyle.fontColor.disabled};
+  }
+  box-sizing: border-box;
+
+  .leadIcon {
+    margin-inline-end: 4px;
+  }
+  .trailIcon {
+    margin-inline-start: 4px;
+  }
+`,Gr=n=>{var i,{title:a,description:l,icon:s,type:d="default",state:c="default",effect:p="withShadow",expandableContent:u,actionsButtons:g,selected:h,expanded:A,onChange:f}=n,x=v(n,["title","description","icon","type","state","effect","expandableContent","actionsButtons","selected","expanded","onChange"]);const y=b(),[C,w]=o.useState(!1),[$,k]=o.useState(0),S=o.useRef(null),B=void 0!==A?A:C,E="selectable"===d,N="expandable"===d,z="expandable"===d||"selectable"===d?"all":"none";o.useEffect((()=>{var e;N&&(null===(e=S.current)||void 0===e?void 0:e.clientHeight)&&k(S.current.clientHeight)}),[N,null===(i=S.current)||void 0===i?void 0:i.clientHeight]);return t(Jr,Object.assign({className:m("dgaui dgaui_card"+("disabled"===c?" disabled":"")+(E?" selectable":""),x.className),$theme:y,$pointerEvents:z,$effect:p,$contentHeight:$,$expanded:B,$state:c},x,{tabIndex:0,onClick:e=>{x.onClick&&x.onClick(e),null==f||f(e,!h)},children:[(s||E)&&t("div",{className:"cardHeader",children:[e("div",{className:"iconContainer",children:s}),E&&e("div",{className:"checkboxContainer",onClick:e=>e.stopPropagation(),children:e(vr,{value:h,onChange:f,size:"medium",disabled:"disabled"===c})})]}),a&&e("div",{className:"titleContainer",children:a}),l&&e("div",{className:"descriptionContainer",children:l}),!!g&&g.length>0&&"default"===d&&e("div",{className:"actionsButtonsContainer",onClick:e=>e.stopPropagation(),children:g}),N&&t(r,{children:[e("div",{className:"caretButtonContainer",children:e("img",{src:pr,onClick:()=>{void 0===A&&w((e=>!e))},style:{transition:"all 0.2s",transform:B?"rotateZ(-180deg)":"none"}})}),e("div",{className:"expandableContentContainer",style:{height:B?$:0},children:e("div",{className:"expandableContent",ref:S,style:{visibility:B?"visible":"hidden"},children:u})})]})]}))},Jr=sr.div`
+  direction: ${e=>e.$theme.direction};
+  /* pointer-events: ${e=>e.$pointerEvents}; */
+  border: none;
+  outline: none;
+  width: 350px;
+  padding: 16px;
+  border-radius: 16px;
+  background-color: #fff;
+  text-align: start;
+  overflow: hidden;
+  color: ${e=>"disabled"===e.$state?e.$theme.palette.neutral[400]:e.$theme.palette.neutral[800]};
+  border: 2px solid transparent;
+
+  /* Apply background color based on state prop */
+  background-color: ${e=>"hover"===e.$state?e.$theme.palette.neutral[50]:"#fff"};
+
+  /* Apply border color based on state prop */
+  ${e=>"focused"===e.$state?`border: 2px solid ${e.$theme.textColor};`:""}
+
+  ${e=>"withShadow"===e.$effect?e.$theme.elevation.shadows.md:""};
+  ${e=>"stroke"===e.$effect?"border: 1px solid "+e.$theme.palette.neutral[300]:""};
+
+  /* CSS hover and focus states - work when state prop is default */
+  ${e=>"all"===e.$pointerEvents&&"disabled"!==e.$state?ir`
+          &:hover {
+            background-color: ${e.$theme.palette.neutral[50]};
+          }
+          &:focus {
+            border: 2px solid ${e.$theme.textColor};
+          }
+        `:""}
+
+  &.selectable {
+    cursor: pointer;
+  }
+  &.disabled {
+    pointer-events: none;
+    background-color: ${e=>e.$theme.palette.neutral[200]};
+
+    .iconContainer {
+      opacity: 0.5;
+      filter: grayscale(1);
+    }
+
+    .checkboxContainer {
+      opacity: 0.5;
+      filter: grayscale(1);
+    }
+  }
+
+  .cardHeader {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    max-height: 48px;
+    margin-bottom: 24px;
+
+    .iconContainer {
+      max-height: 48px;
+    }
+  }
+
+  .titleContainer {
+    font-size: 18px;
+    font-weight: 700;
+    margin-bottom: 8px;
+  }
+  .descriptionContainer {
+    font-size: 16px;
+  }
+  .actionsButtonsContainer {
+    margin-top: 24px;
+    button {
+      margin-inline-end: 16px;
+      &:last-child {
+        margin-inline-end: 0;
+      }
+    }
+  }
+
+  .caretButtonContainer {
+    height: 40px;
+    margin-top: 24px;
+    display: flex;
+    align-items: center;
+    img {
+      cursor: pointer;
+    }
+  }
+  .expandableContentContainer {
+    transition: all 0.2s;
+    font-size: 16px;
+
+    .expandableContent {
+    }
+  }
+`;var Wr=function(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}({name:"gregorian",startYear:1,yearLength:365,epoch:1721424,century:20,weekStartDayIndex:1,getMonthLengths:e=>[31,e?29:28,31,30,31,30,31,31,30,31,30,31],isLeap:e=>e%4==0&&e%100!=0||e%400==0,getLeaps(e){if(0===e)return;let t=e>0?1:-1,r=[];for(;e>0?t<=e:e<=t;)this.isLeap(t)&&r.push(t),e>0?t++:t--;return r},getDayOfYear({year:e,month:t,day:r}){let o=this.getMonthLengths(this.isLeap(e));for(let e=0;e<t.index;e++)r+=o[e];return r},getAllDays(e){const{year:t}=e;return this.yearLength*(t-1)+this.leapsLength(t)+this.getDayOfYear(e)},leapsLength:e=>((e-1)/4|0)+(-(e-1)/100|0)+((e-1)/400|0),guessYear:(e,t)=>~~(e/365.24)+(t>0?1:-1)}),Zr=k(Wr);var qr=function(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}({name:"arabic",startYear:1,yearLength:354,epoch:1948438,century:14,weekStartDayIndex:0,getMonthLengths:e=>[30,29,30,29,30,29,30,29,30,29,30,e?30:29],isLeap:e=>[2,5,7,10,13,15,18,21,24,26,29].includes(e%30),getLeaps(e){if(0===e)return;let t=e>0?1:-1,r=[];for(;e>0?t<=e:e<=t;)this.isLeap(t)&&r.push(t),e>0?t++:t--;return r},getDayOfYear({year:e,month:t,day:r}){let o=this.getMonthLengths(this.isLeap(e));for(let e=0;e<t.index;e++)r+=o[e];return r},getAllDays(e){const{year:t}=e;return this.yearLength*(t-1)+this.leapsLength(t)+this.getDayOfYear(e)},leapsLength:e=>11/30*(e-1)+.5|0,guessYear:(e,t)=>~~((e-.5)/354.366)+(t>0?1:-1)}),_r=k(qr);const eo={name:"gregorian_ar",months:[["يناير","ينا"],["فبراير","فبر"],["مارس","ما"],["إبريل","إبر"],["مايو","ما"],["يونيو","يو"],["يوليو","يوليو"],["أغسطس","أغس"],["سبتمبر","سب"],["أكتوبر","اک"],["نوفمبر","نو"],["ديسمبر","دس"]],weekDays:[["السّبت","سب"],["الأحد","اح"],["الإثنينِ","ثن"],["الثلاثاء","ثل"],["الأربعاء","ار"],["الخميس","خم"],["الجمعة","جم"]],digits:["0","1","2","3","4","5","6","7","8","9"],meridiems:[["قبل الظهر","ق.ظ"],["بعد الظهر","ب.ظ"]]},to={name:"arabic_ar",months:[["محرم","محرم"],["صفر","صفر"],["ربیع الاول","ربیع الاول"],["ربیع الثانی","ربیع الثانی"],["جمادی الاول","جمادی الاول"],["جمادی الثانی","جمادی الثانی"],["رجب","رجب"],["شعبان","شعبان"],["رمضان","رمضان"],["شوال","شوال"],["ذو القعدة","ذو القعدة"],["ذو الحجة","ذو الحجة"]],weekDays:[["السّبت","سب"],["الأحد","اح"],["الإثنينِ","ثن"],["الثلاثاء","ثل"],["الأربعاء","ار"],["الخميس","خم"],["الجمعة","جم"]],digits:["0","1","2","3","4","5","6","7","8","9"],meridiems:[["قبل الظهر","ق.ظ"],["بعد الظهر","ب.ظ"]]},ro={medium:{w:320,h:32,p:8,f:14,prefixW:72},large:{w:320,h:40,p:8,f:16,prefixW:61}},oo=o.forwardRef(((r,o)=>{var{label:n,size:i="large",style:a,error:l,prefix:s,prefixStyle:d="solid",suffix:c,suffixStyle:p="solid",icon:u}=r,g=v(r,["label","size","style","error","prefix","prefixStyle","suffix","suffixStyle","icon"]);const h=b(),A=null!=i?i:"large";let f=h.textColor,x=h.palette.neutral[500],y=`1px solid ${l?h.palette.error[700]:h.palette.neutral[400]}`,C=`1px solid ${l?h.palette.error[700]:h.palette.neutral[700]}`,w=`1px solid ${l?h.palette.error[700]:h.palette.neutral[700]}`,$="#FFF",k=l?h.palette.error[700]:h.textColor,S=h.elevation.shadows.md,B="solid"===d?h.palette.neutral[100]:"transparent",E=h.palette.neutral[100],N=h.palette.neutral[200],z="solid"===p?h.palette.neutral[100]:"transparent",I=h.palette.neutral[100],F=h.palette.neutral[200];return"filledLighter"===a&&($=h.palette.neutral[25],y="1px solid transparent",C=`1px solid ${h.palette.neutral[400]}`,w=`1px solid ${h.palette.neutral[400]}`),"filledDarker"===a&&($=h.palette.neutral[100]),g.disabled&&(f=h.palette.neutral[400],y=`1px solid ${h.palette.neutral[200]}`,C=`1px solid ${h.palette.neutral[200]}`),t(no,{$theme:h,className:m("dgaui dgaui_textInput",g.className),$customStyle:{prefixBg:B,prefixBgHover:E,prefixBgActive:N,suffixBg:z,suffixBgHover:I,suffixBgActive:F,size:i,iconPadding:u?"20px":"0px"},children:[e("label",{style:{marginBottom:8,textAlign:"start"},htmlFor:g.id,children:n}),s&&e("div",{className:"prefix",children:s}),c&&e("div",{className:"suffix",children:c}),t("div",{style:{display:"flex",alignItems:"center"},children:[u&&e("div",{className:"icon",children:u}),e(io,Object.assign({$customStyle:{direction:h.direction,minWidth:ro[A].w,height:ro[A].h,padding:ro[A].p,fontSize:ro[A].f,placeholderFontColor:x,fontColor:f,border:y,borderHovered:C,borderFocused:w,backgroundColor:$,shadowFocus:S}},g,{ref:o,className:"dgaui dgaui_textInput_input"}))]}),e(ao,{$bgColor:k,className:"dgauiInputSeparator"})]})})),no=sr.div`
+  position: relative;
+  direction: ${e=>e.$theme.direction};
+  display: flex;
+  flex-direction: column;
+  color: ${e=>e.$theme.textColor};
+  width: 100%;
+  overflow: hidden;
+
+  .prefix,
+  .suffix {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: ${e=>"large"===e.$customStyle.size?"74px":"61px"};
+    height: ${e=>"large"===e.$customStyle.size?"38px":"30px"};
+    bottom: 3px;
+    inset-inline-start: 1px;
+    border-start-start-radius: 4px;
+    border-end-start-radius: 4px;
+    font-size: 16px;
+    color: ${e=>e.$theme.palette.neutral[500]};
+    transition: background-color 0.2s;
+    overflow: hidden;
+  }
+
+  .prefix {
+    background-color: ${e=>e.$customStyle.prefixBg};
+
+    &:hover {
+      background-color: ${e=>e.$customStyle.prefixBgHover};
+    }
+    &:active {
+      background-color: ${e=>e.$customStyle.prefixBgActive};
+    }
+  }
+
+  .suffix {
+    background-color: ${e=>e.$customStyle.suffixBg};
+
+    &:hover {
+      background-color: ${e=>e.$customStyle.suffixBgHover};
+    }
+    &:active {
+      background-color: ${e=>e.$customStyle.suffixBgActive};
+    }
+  }
+
+  .suffix {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    border-start-end-radius: 4px;
+    border-end-end-radius: 4px;
+    inset-inline-start: unset;
+    inset-inline-end: 1px;
+  }
+
+  .icon {
+    width: calc(${e=>e.$customStyle.iconPadding} + 10px);
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  input {
+    padding-inline-start: calc(${e=>e.$customStyle.iconPadding} + 8px);
+  }
+
+  &:has(.prefix) {
+    input {
+      padding-inline-start: calc(
+        ${e=>"large"===e.$customStyle.size?"74px":"61px"} +
+          ${e=>e.$customStyle.iconPadding} + 8px
+      );
+    }
+    .icon {
+      inset-inline-start: ${e=>"large"===e.$customStyle.size?"74px":"61px"};
+    }
+  }
+
+  &:has(.suffix) {
+    input {
+      padding-inline-end: calc(
+        ${e=>"large"===e.$customStyle.size?"74px":"61px"} + 8px
+      );
+    }
+  }
+  &:has(.dgaui_textInput_input:disabled),
+  &:has(.dgaui_textInput_input:read-only) {
+    .dgauiInputSeparator {
+      pointer-events: none;
+    }
+  }
+  &:has(.dgaui_textInput_input:focus) {
+    .dgauiInputSeparator {
+      transform: scaleX(0.995) translateY(-2.5px);
+    }
+  }
+  &:has(.dgaui_textInput_input:active) {
+    .dgauiInputSeparator {
+      transform: scaleX(0.5) translateY(-2.5px);
+    }
+  }
+`,io=sr.input`
+  outline: none;
+  direction: ${e=>e.$customStyle.direction};
+  border-radius: 4px;
+  width: 100%;
+  height: ${e=>e.$customStyle.height}px;
+  padding: 0 ${e=>e.$customStyle.padding}px;
+  font-size: ${e=>e.$customStyle.fontSize}px;
+  color: ${e=>e.$customStyle.fontColor};
+  border: ${e=>e.$customStyle.border};
+  background-color: ${e=>e.$customStyle.backgroundColor};
+  overflow: hidden;
+  box-sizing: border-box;
+
+  &::placeholder {
+    color: ${e=>e.$customStyle.placeholderFontColor};
+    font-weight: 300;
+  }
+  &:focus {
+    ${e=>e.$customStyle.shadowFocus};
+    border: ${e=>e.$customStyle.borderFocused};
+  }
+
+  &:hover {
+    border: ${e=>e.$customStyle.borderHovered};
+  }
+  &:disabled {
+    pointer-events: none;
+  }
+`,ao=sr.span`
+  height: 2px;
+  background: ${e=>e.$bgColor};
+  display: block;
+  transform: scaleX(0) translateY(-2.5px);
+  transform-origin: 50%;
+  transition: all 0.2s;
+  border-bottom-left-radius: 50px;
+  border-bottom-right-radius: 50px;
+`,lo=r=>{var{children:n,menuItems:i,disabled:a,keepOpenOnItemsClicked:l,onOpen:s,onClose:d}=r,c=v(r,["children","menuItems","disabled","keepOpenOnItemsClicked","onOpen","onClose"]);const p=b(),[u,g]=o.useState(!1),[h,A]=o.useState(""),[f,x]=o.useState({top:0,left:0}),y=o.useRef(null),C=o.useRef(null),w=o.useRef(null),$=()=>{let e=Math.max(document.documentElement.clientHeight||0,window.innerHeight||0);if(C.current&&w.current){const t=C.current.getBoundingClientRect();let r={top:t.bottom,left:"ltr"===p.direction?t.left:t.right-w.current.clientWidth};"ltr"===p.direction?r.left+w.current.clientWidth>window.innerWidth&&(r.left=window.innerWidth-w.current.clientWidth):r.left&&t.right-w.current.clientWidth<0&&(r.left=0),t.bottom+w.current.clientHeight>e&&(r.top=t.top-w.current.clientHeight),r.top<0&&(r.top=0),r.top>e&&(r.top=w.current.clientHeight),x(r)}};return o.useEffect((()=>{if(C.current){const e=()=>{$()},t=e=>{var t;(null===(t=y.current)||void 0===t?void 0:t.contains(e.target))||(null==d||d(e),g(!1))};return window.addEventListener("resize",e),window.addEventListener("click",t),()=>{window.removeEventListener("resize",e),window.removeEventListener("click",t)}}}),[C]),o.useEffect((()=>{const e=document.getElementsByTagName("body");e&&e[0]&&(e[0].style.overflow=u?"hidden":h)}),[u]),o.useEffect((()=>{var e,t,r;A(null===(r=null===(t=null===(e=document.getElementsByTagName("body"))||void 0===e?void 0:e[0])||void 0===t?void 0:t.style)||void 0===r?void 0:r.overflow)}),[]),t(so,Object.assign({$theme:p},c,{className:m("dgaui dgaui_menu",c.className),ref:y,children:[e("div",{ref:C,onClick:e=>(e=>{u?(g(!1),null==d||d(e)):($(),g(!0),null==s||s(e))})(e),className:"menuChildren",children:n}),e("div",{ref:w,className:"menueItemsContainer dgaui_hiddenScrollbar "+(u?" slide-bottom":""),style:f,onClick:e=>{l||(g(!1),null==d||d(e))},children:i})]}))},so=sr.div`
+  direction: ${e=>e.$theme.direction};
+
+  .menueItemsContainer {
+    width: max-content;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1400;
+    background-color: #fff;
+    opacity: 0;
+    min-width: 20px;
+    max-height: 400px;
+    overflow-y: scroll;
+    pointer-events: none;
+    border: 1px solid ${e=>e.$theme.palette.neutral[300]};
+    border-radius: 8px;
+    ${e=>e.$theme.elevation.shadows["2xl"]}
+    cursor: pointer;
+
+    &.slide-bottom {
+      animation: slide-bottom 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+      pointer-events: all;
+    }
+    @keyframes slide-bottom {
+      0% {
+        transform: translateZ(0) translateY(0);
+        opacity: 0;
+      }
+      100% {
+        transform: translateZ(160px) translateY(8px);
+        opacity: 1;
+      }
+    }
+  }
+`;var co="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD/SURBVHgB7dUxroJAEAbgAV5I6LaBUHqExxG8wWtf9Z4n8Ah6I49gbaU30JJAIQUVCeA/xsLCgl2zRpP/SzYLxSSTmZ1dESIiIiJ6IE3TZZZlK3lSKJ6M4xhgWyPJvTFmJu8IVfzHOiPJo2uSgXiW5/lsGIYtPg2qOq/r+mAT7z1BdZ9k13VF0zSnqbFfYkEPPrYfsdT3vQTBtRYmjmMdnMXUWKshuR18J4htxMFLWqwDgsppiyUMw3lZlqepsVYtdoFj8Y32blBBg1+r5JS3e1AhuT9s18pFUVTYTrBX+opgjXpR6xSLo0g8SZKkQGt3VVX9tm3rNCBEREREn+8C+TlJKy8I1/cAAAAASUVORK5CYII=",po="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEJSURBVHgB7dU9boNAEAXgtySigYKGn9JHSI7AEXIC5wi5QXKEtOlyhZwgbTp8g7gEUWQLQBEF+I1l916stWxpPmnFFFsMszO7gFJKKaXULbvDmbIse43j+LHv+x94EGChJElWTK5i+DbPc4JrckjuN03TP65neHQPR0zogZ9vLstVtm27gUfGZbNULgxDSQ5BEJR1XW/hmVOCrN6nMWbNcMO+s1iAP/bVNM37yfvhgMkdw4sNhVMFi6JYTdO0P+JxHEtr7RaeOVVQeo5H+ySx9KL0JDxzvgdlamVAJGaSFftyjWskx83kKt6Hc57nL/Bk8VPXdZ0dhuEjiiLOjvn39dQppZRSSt22HXZvSded5pbnAAAAAElFTkSuQmCC";const uo=({hijri:r=!1,range:n=!1,minYear:i,maxYear:a,minDate:l,maxDate:s,onChange:c,onRangeChange:p,value:u,withTextInput:g=!0,textInputProps:h,closeOnSelect:m=!0,rangeSeparator:A=" - "})=>{const f=b(),[x,v]=o.useState(),[y,C]=o.useState(""),[w,$]=o.useState([]),[k,S]=o.useState(0),B=o.useRef(),E=n&&Array.isArray(x)&&1===x.length;o.useEffect((()=>{let e=0,t=0;r?(e=l?l.year:i||1300,t=s?s.year:a||1500):(e=l?l.year:i||1900,t=(s?s.year:a||2100)+1);let o=[];if(e>=t)return o=Array(200).fill(0).map(((e,t)=>t+1900)),void $(o);o=e&&t?Array(t-e).fill(0).map(((t,r)=>r+e)):e&&!t?Array(200).fill(0).map(((t,r)=>r+e)):!e&&t?Array(200).fill(0).map(((e,t)=>t+(r?1300:1900))):r?Array(200).fill(0).map(((e,t)=>t+1300)):Array(200).fill(0).map(((e,t)=>t+1900)),$(o)}),[i,a,l,s,r]),o.useEffect((()=>{const e=(new Date).getFullYear(),t=(new Date).getMonth()+1;S(r?function(e,t){let r=(e-622)/.970224;t>=9&&(r+=1);return Math.floor(r)}(e,t):e)}),[r]),o.useEffect((()=>{n||v(void 0)}),[n]),o.useEffect((()=>{v(u)}),[u]),o.useEffect((()=>{let e="";n&&Array.isArray(x)&&2===x.length?e=`${mo(x[0])}${A}${mo(x[1])}`:x&&!Array.isArray(x)&&(e=mo(x)),C(e)}),[x,n]);const N=e(d,{ref:B,value:u||x,range:n,calendar:r?_r:Zr,onMonthChange:e=>S(e.year),locale:r?to:"rtl"===f.direction?eo:void 0,weekStartDayIndex:r?1:0,weekDays:r?["سبت","أحد","إثنين","ثلاثاء","أربعاء","خميس","جمعة"]:"rtl"===f.direction?["أحد","إثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت"]:void 0,onChange:e=>{v(e),n&&p&&Array.isArray(e)?p(e):e&&c&&c(e),m&&(n&&Array.isArray(e)&&e.length>1?document.body.click():n||document.body.click())},format:"YYYY/MM/DD",showOtherDays:!0,monthYearSeparator:" ",minDate:l,maxDate:s,children:e("div",{className:"yearsSelect",children:e("select",{value:k,onChange:e=>(e=>{var t;v(void 0),null===(t=null==B?void 0:B.current)||void 0===t||t.set("year",e),S(e)})(+e.target.value),children:w.map((t=>e("option",{value:t,children:t},t)))})})});return t(go,{className:"dgaui"+(E?" rangeOnlyOneSelected":""),$theme:f,children:[!g&&N,g&&e(lo,{menuItems:N,keepOpenOnItemsClicked:!0,children:e(oo,Object.assign({value:(null==h?void 0:h.value)||y,readOnly:!0},h))})]})},go=sr.div`
+  .rmdp-top-class {
+    width: 424px;
+    display: block !important;
+
+    .rmdp-calendar {
+      padding: 16px;
+    }
+
+    .rmdp-day-picker {
+      padding: 0;
+      display: block !important;
+    }
+  }
+
+  .rmdp-header {
+    margin: 0;
+    div:first-child {
+      button {
+        width: 40px;
+        height: 40px;
+        &:hover {
+          background-color: ${e=>e.$theme.palette.neutral[100]} !important;
+        }
+        &:active {
+          background-color: ${e=>e.$theme.palette.neutral[200]} !important;
+        }
+
+        i {
+          display: none;
+        }
+      }
+
+      .rmdp-right {
+        background-image: url(${co});
+        background-repeat: no-repeat;
+      }
+      .rmdp-left {
+        position: absolute;
+        inset-inline-end: 48px;
+        inset-inline-start: auto;
+        background-image: url(${po});
+        background-repeat: no-repeat;
+      }
+      .rmdp-header-values {
+        flex: 1;
+        font-size: 16px !important;
+        font-weight: 500;
+        display: flex;
+        justify-content: flex-start;
+        margin: 0;
+
+        span:last-child {
+          visibility: hidden;
+        }
+      }
+    }
+  }
+
+  .rmdp-week-day {
+    width: 56px;
+    height: 48px;
+    font-size: 16px !important;
+    color: ${e=>e.$theme.palette.neutral[500]};
+  }
+
+  .rmdp-day {
+    margin: 0;
+    box-sizing: border-box;
+    border: 2px solid transparent;
+    width: 56px;
+    height: 56px;
+
+    span {
+      font-size: 16px !important;
+    }
+
+    &.rmdp-deactive {
+      color: ${e=>e.$theme.palette.neutral[400]} !important;
+    }
+
+    &:hover span {
+      background-color: ${e=>e.$theme.palette.neutral[200]} !important;
+      color: ${e=>e.$theme.textColor};
+    }
+    &:active span {
+      background-color: ${e=>e.$theme.palette.neutral[300]} !important;
+    }
+
+    &:focus {
+      border: 2px solid ${e=>e.$theme.textColor} !important;
+      border-radius: 6px !important;
+    }
+
+    &.rmdp-selected {
+      span {
+        background-color: ${e=>e.$theme.palette.primary[600]} !important;
+        color: #fff !important;
+      }
+      &:hover {
+        span {
+          background-color: ${e=>e.$theme.palette.primary[700]} !important;
+          color: #fff !important;
+        }
+      }
+      &:active {
+        span {
+          background-color: ${e=>e.$theme.palette.primary[900]} !important;
+          color: #fff !important;
+        }
+      }
+    }
+  }
+  .rmdp-week {
+    .rmdp-day {
+      &.rmdp-disabled {
+        pointer-events: none;
+      }
+    }
+  }
+  .rmdp-today {
+    &:hover {
+      background-color: transparent !important;
+      span {
+        background-color: transparent !important;
+        color: ${e=>e.$theme.palette.primary[600]} !important;
+      }
+    }
+
+    span {
+      box-shadow: none;
+      background-color: transparent !important;
+      border: 2px solid ${e=>e.$theme.palette.primary[600]} !important;
+      color: ${e=>e.$theme.palette.primary[600]} !important;
+      font-weight: 700 !important;
+
+      &:hover {
+        background-color: ${e=>e.$theme.palette.primary[100]} !important;
+        color: ${e=>e.$theme.palette.primary[600]} !important;
+      }
+      &:active {
+        background-color: ${e=>e.$theme.palette.primary[200]} !important;
+        color: ${e=>e.$theme.palette.primary[600]} !important;
+      }
+    }
+  }
+
+  .rmdp-range {
+    box-shadow: none;
+    position: relative;
+
+    background-color: transparent;
+    color: ${e=>e.$theme.textColor} !important;
+
+    &:hover,
+    &:hover span {
+      background-color: transparent !important;
+    }
+
+    &::before {
+      background-color: ${e=>e.$theme.palette.primary[100]} !important;
+      content: "";
+      display: block;
+      position: absolute;
+      width: 108%;
+      height: 92%;
+      z-index: -1;
+      top: 2px;
+      inset-inline-end: -6px;
+    }
+
+    &.start {
+      span {
+        background-color: transparent;
+        background-color: ${e=>e.$theme.palette.primary[600]} !important;
+        color: #fff;
+      }
+      border-bottom-left-radius: unset !important;
+      border-top-left-radius: unset !important;
+      border-radius: 50% !important;
+
+      &::before {
+        background-color: ${e=>e.$theme.palette.primary[100]} !important;
+        border-start-start-radius: 50%;
+        border-end-start-radius: 50%;
+        content: "";
+        display: block;
+        position: absolute;
+        width: 107%;
+        height: 92%;
+        z-index: -1;
+        top: 2px;
+        inset-inline-end: -6px;
+      }
+    }
+    &.end {
+      span {
+        background-color: ${e=>e.$theme.palette.primary[600]} !important;
+        color: #fff;
+      }
+
+      border-bottom-left-radius: unset !important;
+      border-top-left-radius: unset !important;
+      border-radius: 50% !important;
+
+      &::before {
+        background-color: ${e=>e.$theme.palette.primary[100]} !important;
+        border-start-end-radius: 50%;
+        border-end-end-radius: 50%;
+        content: "";
+        display: block;
+        position: absolute;
+        width: 107%;
+        height: 92%;
+        z-index: -1;
+        top: 2px;
+        inset-inline-start: -6px;
+      }
+      &.start {
+        &::before {
+          display: none;
+        }
+      }
+    }
+  }
+
+  &.rangeOnlyOneSelected {
+    .rmdp-range {
+      &::before {
+        display: none;
+      }
+    }
+  }
+
+  .rmdp-shadow {
+    ${e=>e.$theme.elevation.shadows["2xl"]}
+  }
+
+  .yearsSelect {
+    position: absolute;
+    top: 28px;
+    left: 120px;
+    z-index: 0;
+    display: flex;
+    justify-content: flex-start;
+
+    select {
+      outline: none;
+      border: none;
+      margin-top: 6px;
+      font-size: 16px;
+      font-weight: 500;
+    }
+  }
+
+  .rmdp-rtl {
+    .rmdp-header {
+      div:first-child {
+        .rmdp-right {
+          background-image: url(${po});
+          background-repeat: no-repeat;
+        }
+        .rmdp-left {
+          background-image: url(${co});
+          background-repeat: no-repeat;
+        }
+      }
+    }
+  }
+
+  .rmdp-wrapper {
+    position: relative;
+  }
+
+  &:has(.rmdp-rtl) {
+    .yearsSelect {
+      left: auto;
+      right: 110px;
+    }
+  }
+
+  .menueItemsContainer {
+    max-height: unset;
+  }
+
+  @media screen and (max-width: 600px) {
+    width: 100%;
+    .rmdp-wrapper {
+      width: 100%;
+    }
+    .rmdp-top-class .rmdp-calendar {
+      padding: 0;
+    }
+    .rmdp-top-class {
+      width: 100%;
+    }
+    .rmdp-day {
+      width: 40px;
+      height: 40px;
+    }
+    .rmdp-day {
+      span {
+        font-size: 14px !important;
+      }
+    }
+    .yearsSelect {
+      top: 10px;
+    }
+  }
+`;const ho=e=>null==e?void 0:e.toString().padStart(2,"0"),mo=e=>`${ho(e.day)}/${ho(e.month.number)}/${e.year}`,Ao=()=>t("svg",{className:"elementsIcon",width:"20",height:"22",viewBox:"0 0 20 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.9998 0.250854C14.1608 0.250854 15.903 0.250854 17.23 1.18585C17.611 1.45385 17.95 1.77385 18.24 2.13685C19.251 3.40785 19.251 5.03485 19.251 8.27385V10.8189C19.251 13.8738 19.251 15.4069 18.729 16.7229C17.895 18.8279 16.139 20.4849 13.911 21.2669C12.7097 21.6876 11.3248 21.7418 8.85332 21.7488C8.841 21.7499 8.82868 21.7509 8.81633 21.7518C8.80186 21.753 8.78781 21.7518 8.77406 21.749C8.43151 21.7499 8.0683 21.7499 7.68208 21.7499C5.80016 21.7499 4.85498 21.7499 4.01699 21.4559C2.65599 20.9779 1.582 19.9639 1.071 18.6749C0.75 17.8659 0.75 16.9689 0.75 15.1829V10.6703C0.75 10.2563 1.086 9.92028 1.5 9.92028C1.914 9.92028 2.25 10.2563 2.25 10.6703V15.1828C2.25 16.7787 2.25 17.5799 2.46499 18.1229C2.81599 19.0079 3.56301 19.7079 4.51301 20.0419C5.11001 20.2519 5.96899 20.2519 7.68096 20.2519C8.0634 20.2519 8.42207 20.2519 8.75907 20.2511C10.0619 20.1207 11.083 19.0176 11.083 17.681C11.083 17.5211 11.075 17.3488 11.0666 17.1666L11.0647 17.1261C11.0398 16.5815 11.0115 15.9649 11.165 15.389C11.388 14.557 12.043 13.902 12.875 13.679C13.4506 13.5256 14.0659 13.5537 14.6112 13.5787L14.6511 13.5805C14.8339 13.589 15.0067 13.597 15.167 13.597C16.5666 13.597 17.7102 12.4773 17.749 11.0869C17.749 10.9993 17.749 10.9104 17.749 10.82V8.27485C17.749 5.38385 17.749 3.93285 17.064 3.07185C16.864 2.82085 16.629 2.59885 16.364 2.41385C15.465 1.78085 13.9868 1.75286 10.9978 1.75286C10.5838 1.75286 10.2478 1.41686 10.2478 1.00286C10.2478 0.588855 10.5838 0.252855 10.9978 0.252855L10.9998 0.250854ZM17.6944 14.2184C16.9986 14.7683 16.1204 15.097 15.167 15.097C14.9762 15.097 14.7811 15.0883 14.5905 15.0799C14.5763 15.0792 14.5621 15.0786 14.548 15.078L14.5321 15.0772C14.0781 15.0565 13.6109 15.0351 13.263 15.129C12.948 15.213 12.699 15.462 12.615 15.777C12.5212 16.1291 12.5429 16.6017 12.5638 17.0587L12.564 17.062C12.574 17.266 12.583 17.476 12.583 17.681C12.583 18.617 12.2663 19.4805 11.7344 20.17C12.4126 20.1131 12.9462 20.0165 13.413 19.8529C15.23 19.2149 16.659 17.8729 17.333 16.1719C17.5375 15.6556 17.6415 15.0456 17.6944 14.2184Z",fill:"#161616"}),e("path",{d:"M3.58933 3.36016C3.39711 3.60489 3.19487 3.86201 3.03781 4.0236C2.74911 4.32062 2.27428 4.32737 1.97726 4.03867C1.68023 3.74996 1.67349 3.27514 1.96219 2.97811C2.05089 2.88685 2.19651 2.70504 2.40971 2.43362L2.45675 2.37369C2.64683 2.13155 2.8698 1.84749 3.09954 1.57636C3.34574 1.28581 3.62131 0.984013 3.89679 0.749391C4.03484 0.631816 4.19043 0.515847 4.35782 0.426268C4.51926 0.339874 4.74172 0.250854 5 0.250854C5.25829 0.250854 5.48074 0.339874 5.64218 0.426268C5.80957 0.515847 5.96517 0.631816 6.10321 0.749391C6.37869 0.984012 6.65426 1.28581 6.90047 1.57636C7.1302 1.84748 7.35317 2.13154 7.54324 2.37368L7.59029 2.43362C7.80349 2.70504 7.94911 2.88685 8.03781 2.97811C8.32651 3.27514 8.31977 3.74996 8.02274 4.03867C7.72572 4.32737 7.25089 4.32062 6.96219 4.0236C6.80513 3.86201 6.6029 3.60489 6.41067 3.36016L6.36595 3.30321C6.17304 3.05748 5.96675 2.79471 5.75606 2.54607L5.75 2.53893V9.00085C5.75 9.41507 5.41421 9.75085 5 9.75085C4.58579 9.75085 4.25 9.41507 4.25 9.00085V2.53893L4.24394 2.54607C4.03326 2.7947 3.82698 3.05746 3.63408 3.30318L3.58933 3.36016Z",fill:"#161616"})]});const fo=({status:r,filename:o,helperText:n,onDelete:i,theme:a})=>t(bo,{className:"dgaui dgaui_fileCard "+("error"===r?"error":""),$theme:a,children:[t("div",{className:"dgaui_fileCardContent",children:[t("div",{className:"dgaui_fileCardFileName",children:["loading"===r&&e("span",{className:"dgaui_loader dgaui_fileCardIcon"}),"success"===r&&e("img",{className:"dgaui_fileCardIcon",src:"data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 19.1667C15.0628 19.1667 19.1668 15.0626 19.1668 10C19.1668 4.93743 15.0628 0.833374 10.0002 0.833374C4.93755 0.833374 0.833496 4.93743 0.833496 10C0.833496 15.0626 4.93755 19.1667 10.0002 19.1667Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 19.1667C15.0628 19.1667 19.1668 15.0626 19.1668 10C19.1668 4.93743 15.0628 0.833374 10.0002 0.833374C4.93755 0.833374 0.833496 4.93743 0.833496 10C0.833496 15.0626 4.93755 19.1667 10.0002 19.1667ZM5.87534 9.26781C5.54991 9.59324 5.54991 10.1209 5.87534 10.4463L8.23237 12.8033C8.5578 13.1288 9.08544 13.1288 9.41088 12.8033L14.1249 8.0893C14.4504 7.76386 14.4504 7.23622 14.1249 6.91078C13.7995 6.58535 13.2718 6.58535 12.9464 6.91078L8.82162 11.0356L7.05385 9.26781C6.72842 8.94237 6.20078 8.94237 5.87534 9.26781Z' fill='%23067647'/%3e%3c/svg%3e"}),"error"===r&&e("img",{className:"dgaui_fileCardIcon",src:"data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 19.1666C15.0628 19.1666 19.1668 15.0626 19.1668 9.99998C19.1668 4.93737 15.0628 0.833313 10.0002 0.833313C4.93755 0.833313 0.833496 4.93737 0.833496 9.99998C0.833496 15.0626 4.93755 19.1666 10.0002 19.1666Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 19.1666C15.0628 19.1666 19.1668 15.0626 19.1668 9.99998C19.1668 4.93737 15.0628 0.833313 10.0002 0.833313C4.93755 0.833313 0.833496 4.93737 0.833496 9.99998C0.833496 15.0626 4.93755 19.1666 10.0002 19.1666ZM10.0002 5.83331C9.53992 5.83331 9.16683 6.20641 9.16683 6.66665V9.99998C9.16683 10.4602 9.53992 10.8333 10.0002 10.8333C10.4604 10.8333 10.8335 10.4602 10.8335 9.99998V6.66665C10.8335 6.20641 10.4604 5.83331 10.0002 5.83331ZM10.0002 12.5C9.53992 12.5 9.16683 12.8731 9.16683 13.3333C9.16683 13.7935 9.53992 14.1666 10.0002 14.1666C10.4604 14.1666 10.8335 13.7935 10.8335 13.3333C10.8335 12.8731 10.4604 12.5 10.0002 12.5Z' fill='%23B42318'/%3e%3c/svg%3e"}),o]}),e("img",{src:mr,className:"dgaui_fileCardCloseIcon",onClick:()=>i()})]}),"error"===r&&n&&e("div",{className:"dgaui_fileCardContentError",children:n})]}),bo=sr.div`
+  direction: ${e=>e.$theme.direction};
+  margin-top: 8px;
+  margin-bottom: 8px;
+  border-radius: 4px;
+  border: 1px solid ${e=>e.$theme.palette.neutral[300]};
+  height: 36px;
+  width: 100%;
+  background-color: ${e=>e.$theme.palette.neutral[100]};
+  box-sizing: border-box;
+  font-weight: 500;
+
+  .dgaui_fileCardContent {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px;
+
+    .dgaui_loader {
+      border: 2px solid ${e=>e.$theme.textColor};
+      border-bottom-color: transparent;
+      border-radius: 50%;
+      display: inline-block;
+      box-sizing: border-box;
+      animation: rotation 1s linear infinite;
+    }
+
+    @keyframes rotation {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
+    .dgaui_fileCardFileName {
+      display: flex;
+      align-items: center;
+    }
+
+    .dgaui_fileCardCloseIcon {
+      cursor: pointer;
+    }
+
+    .dgaui_fileCardIcon {
+      margin-inline-end: 8px;
+      width: 20px;
+      height: 20px;
+    }
+  }
+
+  &.error {
+    border: 1px solid ${e=>e.$theme.palette.error[700]};
+    height: auto;
+    min-height: 36px;
+
+    .dgaui_fileCardContentError {
+      color: #ce281c;
+      border-top: 1px solid ${e=>e.$theme.palette.neutral[300]};
+      font-weight: 400;
+      padding: 8px;
+    }
+  }
+`,xo=r=>{var{title:n,helperText:i,uploadText:a,onDrop:l,filesList:s,onFileListItemDeleted:d,submitButton:c}=r,p=v(r,["title","helperText","uploadText","onDrop","filesList","onFileListItemDeleted","submitButton"]);const u=b(),[g,h]=o.useState(!1),m=o.useRef(null),f=o.useRef(null),x=e=>{if(e){const t=[];for(const r of e)t.push({id:A(),file:r});l(t)}};return o.useEffect((()=>{if(m.current){const e=e=>{e.preventDefault(),h(!0)},t=()=>{h(!1)},r=e=>{var t;e.preventDefault(),h(!1),x(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)};return m.current.addEventListener("dragover",e),m.current.addEventListener("dragleave",t),m.current.addEventListener("drop",r),()=>{var o,n,i;null===(o=m.current)||void 0===o||o.removeEventListener("dragover",e),null===(n=m.current)||void 0===n||n.removeEventListener("dragend",t),null===(i=m.current)||void 0===i||i.removeEventListener("drop",r)}}}),[m]),t("div",{className:"dgaui dgaui_fileUploadDropZone",children:[t(vo,{$theme:u,ref:m,className:g?"hovered":"",onClick:()=>{var e;return null===(e=f.current)||void 0===e?void 0:e.click()},children:[e(Ao,{}),e("span",{className:"title",children:null!=n?n:"Drag and drop files here to upload"}),e("span",{className:"helperText",children:i}),c&&c,!c&&e(Kr,{color:"neutral",style:"neutral",disabled:p.disabled,children:null!=a?a:"Browse Files"}),e("input",Object.assign({ref:f,onChange:e=>x(e.target.files||void 0),type:"file"},p,{multiple:!p.multiple||p.multiple}))]}),null==s?void 0:s.map((t=>{var r;return e(fo,{theme:u,status:t.status,filename:null===(r=t.file)||void 0===r?void 0:r.name,helperText:t.helperText,onDelete:()=>d&&d(t)},t.id)}))]})},vo=sr.div`
+  direction: ${e=>e.$theme.direction};
+  height: 220px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  padding: 24px;
+  background-color: ${e=>e.$theme.palette.neutral[100]};
+  /* https://kovart.github.io/dashed-border-generator */
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='4' ry='4' stroke='rgb(210,214,219)' stroke-width='2' stroke-dasharray='10%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
+  border-radius: 4px;
+  cursor: pointer;
+  box-sizing: border-box;
+
+  input {
+    flex: 0;
+    opacity: 0;
+    width: 0;
+    height: 0;
+  }
+
+  .elementsImage {
+    width: 24px;
+  }
+  .title {
+    font-size: 16px;
+    font-weight: 500;
+  }
+  .helperText {
+    font-size: 12px;
+    text-align: center;
+    line-height: 20px;
+  }
+  .uploadText {
+    color: ${e=>e.$theme.palette.neutral[800]};
+  }
+
+  &:hover,
+  &.hovered {
+    background-color: ${e=>e.$theme.palette.success[25]};
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='4' ry='4' stroke='rgb(6,118,71)' stroke-width='2' stroke-dasharray='10%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
+    color: ${e=>e.$theme.palette.success[700]};
+
+    .elementsIcon path {
+      fill: ${e=>e.$theme.palette.success[700]};
+    }
+  }
+
+  &:has(input:disabled) {
+    pointer-events: none;
+    color: ${e=>e.$theme.palette.neutral[400]};
+    .elementsIcon path {
+      fill: ${e=>e.$theme.palette.neutral[400]};
+    }
+  }
+`;var yo="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgB7ZJBDoIwEEU7VfccwSt4A69giCslLAyu5QTgCeheQxOpK1OJJ8AjeB+lY6sxJg2I0SW8pJt25s1PM4R0tBDOc+efOmpflH0Vp0IWpAEcYLHNJGsU9m6UIcKQizypk/F9HiES56pr7TeoathkhzGFnk6J4WLuMlumEOMSYLScTS6NCQ2BNz0rhaGel6Ti6L/uU3HyjUzpQVWy2oTvpDKmAJFJSoGiljF91oHnxnU9H4UP6U6unlJCFGiZ9QU/YVbk23XqaAN3EK5V48n9BCMAAAAASUVORK5CYII=";const Co={medium:{w:320,h:32,p:16,f:14},large:{w:320,h:40,p:16,f:16}},wo=r=>{const n=b(),{state:i,error:a,filled:l,style:s,onChange:d,children:c,onOpen:p,className:u,dropdownStyle:g,label:h,placeholder:A,value:f,valueDisplay:x,multiple:y,name:C,size:w}=r,$=v(r,["state","error","filled","style","onChange","children","onOpen","className","dropdownStyle","label","placeholder","value","valueDisplay","multiple","name","size"]),[k,S]=o.useState(""),[B,E]=o.useState(!1),[N,z]=o.useState({top:0,left:0,width:0}),I=o.useRef(null),F=null!=w?w:"large";let U=n.textColor,R=n.palette.neutral[500],O=`1px solid ${a?n.palette.error[700]:n.palette.neutral[400]}`,D=`1px solid ${a?n.palette.error[700]:n.palette.neutral[700]}`,T=`1px solid ${a?n.palette.error[700]:n.palette.neutral[700]}`,Y="#FFF",H=a?n.palette.error[700]:n.textColor,M=n.elevation.shadows.md;"filled"===s&&(Y=n.palette.neutral[50],O=`1px solid ${n.palette.neutral[300]}`),"filled-darker"===s&&(Y=n.palette.neutral[100],O=`1px solid ${n.palette.neutral[400]}`),"filled-lighter"===s&&(Y=n.palette.neutral[25],O=`1px solid ${n.palette.neutral[200]}`),l&&(Y=n.palette.neutral[50],O=`1px solid ${n.palette.neutral[300]}`),"disabled"===i&&(U=n.palette.neutral[400],O=`1px solid ${n.palette.neutral[200]}`,D=`1px solid ${n.palette.neutral[200]}`,T=`1px solid ${n.palette.neutral[200]}`,Y=n.palette.neutral[50]),"read-only"===i&&(Y=n.palette.neutral[25],O=`1px solid ${n.palette.neutral[300]}`,D=`1px solid ${n.palette.neutral[300]}`,T=`1px solid ${n.palette.neutral[300]}`),"hovered"===i&&(O=D),"focused"===i&&(O=T,M=n.elevation.shadows.md),"pressed"===i&&(Y=n.palette.neutral[100],O=T),a&&(O=`1px solid ${n.palette.error[700]}`,D=`1px solid ${n.palette.error[700]}`,T=`1px solid ${n.palette.error[700]}`,H=n.palette.error[700]);const L=()=>{I.current&&z({top:I.current.offsetTop+I.current.clientHeight,left:I.current.offsetLeft,width:I.current.clientWidth})},Q=(e,t)=>{if(y||null==d||d(e,t),y){let r=[];r=f&&Array.isArray(f)&&f.includes(t)?f.filter((e=>e!==t)):[...f||[],t],null==d||d(e,r)}},j=o.Children.map(c,(e=>{var t,r;if(e)return o.cloneElement(e,Object.assign(Object.assign({},e.props),{onClick:Q,selected:(null===(t=e.props)||void 0===t?void 0:t.selected)||f===(null===(r=e.props)||void 0===r?void 0:r.value)||Array.isArray(f)&&f.includes(e.props.value),multiple:y}))}));return o.useEffect((()=>{let e="";y?(null==j||j.map((t=>{t.props.selected&&(e=e.concat(t.props.children+", "))})),e=e.slice(0,e.length-2)):null==j||j.map((t=>{t.props.selected&&(e=t.props.children)})),S(e)}),[j,f]),o.useEffect((()=>{if(I.current){const e=()=>{I.current&&L()},t=e=>{var t;(null===(t=I.current)||void 0===t?void 0:t.contains(e.target))||(!y||y&&e.target&&e.target.classList&&!e.target.classList.contains("dgaui_dropdownItem"))&&E(!1)};return window.addEventListener("resize",e),window.addEventListener("click",t),()=>{window.removeEventListener("resize",e),window.removeEventListener("click",t)}}}),[I]),o.useEffect((()=>{B&&L(),B&&p&&p()}),[B,p]),t($o,Object.assign({style:g,$theme:n,className:m("dgaui dgaui_dropdown",u)},$,{children:[h&&e("label",{className:"disabled"===i?"disabled":"read-only"===i?"readonly":void 0,children:h}),t(ko,{ref:I,onClick:()=>{"disabled"!==i&&"read-only"!==i&&E((e=>!e))},className:"dgaui_dropdownContainer "+("disabled"===i?"disabled":"")+("read-only"===i?" readonly":""),$customStyle:{theme:n,direction:n.direction,minWidth:Co[F].w,height:Co[F].h,padding:Co[F].p,fontSize:Co[F].f,placeholderFontColor:R,fontColor:U,border:O,borderHovered:D,borderFocused:T,backgroundColor:Y,shadowFocus:M},children:[A&&!x&&!k&&e("div",{className:"placeholder",children:A}),e("div",{className:"valueDisplay",children:x||k})]}),e("div",{className:"dgaui_dropdownItems"+(B?" slide-bottom":""),style:Object.assign({},N),children:j}),e(So,{$bgColor:H,className:"dgaui_dropdownSeparator"+(B?" open":"")})]}))},$o=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: flex;
+  flex-direction: column;
+  color: ${e=>e.$theme.textColor};
+  width: 100%;
+  cursor: pointer;
+
+  label {
+    text-align: start;
+    margin-bottom: 8px;
+    &.disabled {
+      color: #9da4ae;
+    }
+    &.readonly {
+      color: ${e=>e.$theme.palette.neutral[600]};
+    }
+  }
+
+  .dgaui_dropdownItems {
+    position: absolute;
+    top: 35px;
+    left: 0;
+    z-index: 1400;
+    background-color: #fff;
+    width: 100%;
+    opacity: 0;
+    max-height: 300px;
+    overflow-y: scroll;
+    pointer-events: none;
+    border: 1px solid ${e=>e.$theme.palette.neutral[300]};
+    border-radius: 4px;
+    padding: 8px;
+    box-sizing: border-box;
+    ${e=>e.$theme.elevation.shadows.xl}
+    cursor: pointer;
+
+    &.slide-bottom {
+      animation: slide-bottom 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+      pointer-events: all;
+    }
+    @keyframes slide-bottom {
+      0% {
+        transform: translateZ(0) translateY(0);
+        opacity: 0;
+      }
+      100% {
+        transform: translateZ(160px) translateY(8px);
+        opacity: 1;
+      }
+    }
+  }
+
+  &:has(.dgaui_dropdownSeparator.open) {
+    .dgaui_dropdownContainer:before {
+      top: 20%;
+      transform: rotateZ(180deg);
+    }
+  }
+  &:has(.dgaui_dropdownContainer:active) {
+    .dgaui_dropdownSeparator {
+      transform: scaleX(0.5) translateY(-2.5px);
+    }
+  }
+  &:has(.dgaui_dropdownContainer:disabled) {
+    .dgaui_dropdownSeparator {
+      opacity: 0;
+    }
+  }
+
+  .dgaui_checkboxContainer {
+    pointer-events: none;
+  }
+`,ko=sr.div`
+  box-sizing: border-box;
+  outline: none;
+  direction: ${e=>e.$customStyle.direction};
+  border-radius: 4px;
+  width: 100%;
+  height: ${e=>e.$customStyle.height}px;
+  font-size: ${e=>e.$customStyle.fontSize}px;
+  color: ${e=>e.$customStyle.fontColor};
+  border: ${e=>e.$customStyle.border};
+  background-color: ${e=>e.$customStyle.backgroundColor};
+  padding: 0 ${e=>e.$customStyle.padding}px;
+  position: relative;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  &:-ms-expand {
+    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
+  }
+
+  input {
+    opacity: 0;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  .valueDisplay {
+    height: 100%;
+    display: inline-block;
+    white-space: nowrap;
+    overflow: hidden;
+    width: 80%;
+    text-overflow: ellipsis;
+
+    /* vertical middle align */
+    line-height: ${e=>e.$customStyle.height}px;
+  }
+
+  .placeholder {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    color: ${e=>e.$customStyle.theme.palette.neutral[400]};
+    font-size: 16px;
+  }
+
+  &:before {
+    content: url(${pr});
+    display: block;
+    top: 30%;
+    inset-inline-end: 8px;
+    position: absolute;
+    transition: all 0.1s;
+    width: 20px;
+    height: 20px;
+  }
+
+  &:focus-within {
+    ${e=>e.$customStyle.shadowFocus};
+    border: ${e=>e.$customStyle.borderFocused};
+  }
+
+  &:hover {
+    border: ${e=>e.$customStyle.borderHovered};
+  }
+  &.disabled {
+    pointer-events: none;
+    &:before {
+      content: url(${yo});
+    }
+  }
+  &.readonly {
+    pointer-events: none;
+    &:before {
+      content: url(${yo});
+    }
+  }
+`,So=sr.span`
+  height: 2px;
+  background: ${e=>e.$bgColor};
+  display: block;
+  transform: scaleX(0) translateY(-2.5px);
+  transform-origin: 50%;
+  transition: all 0.2s;
+  border-bottom-left-radius: 50px;
+  border-bottom-right-radius: 50px;
+  z-index: 1;
+
+  &.open {
+    transform: scaleX(0.995) translateY(-2.5px);
+  }
+`,Bo=r=>{var{title:n,helperText:i,uploadText:a,onDrop:l,filesList:s,onFileListItemDeleted:d,submitButton:c}=r,p=v(r,["title","helperText","uploadText","onDrop","filesList","onFileListItemDeleted","submitButton"]);const u=b(),g=o.useRef(null);return t("div",{className:"dgaui dgaui_fileUploadSingle",children:[t(Eo,{$theme:u,onClick:()=>{var e;return null===(e=g.current)||void 0===e?void 0:e.click()},children:[e("span",{className:"title",children:n}),e("span",{className:"helperText",children:i}),c&&c,!c&&e(Kr,{color:"neutral",style:"neutral",disabled:p.disabled,type:"button",children:a}),e("input",Object.assign({ref:g,onChange:e=>(e=>{if(e){const t=[];for(const r of e)t.push({id:A(),file:r});l(t)}})(e.target.files||void 0),type:"file"},p,{multiple:!!p.multiple&&p.multiple}))]}),null==s?void 0:s.map((t=>e(fo,{theme:u,status:t.status,filename:t.file.name,helperText:t.helperText,onDelete:()=>d&&d(t)},t.id)))]})},Eo=sr.div`
+  direction: ${e=>e.$theme.direction};
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+
+  input {
+    flex: 0;
+    opacity: 0;
+    width: 0;
+    height: 0;
+  }
+
+  .title {
+    font-size: 16px;
+    font-weight: 500;
+    margin-bottom: 16px;
+  }
+  .helperText {
+    font-size: 12px;
+    text-align: center;
+    line-height: 20px;
+    margin-bottom: 16px;
+    color: #64748b;
+  }
+
+  &:has(input:disabled) {
+    pointer-events: none;
+    color: ${e=>e.$theme.palette.neutral[400]};
+  }
+`,No=(e=768,t=1024)=>{const[r,n]=o.useState({isMobile:!1,isTablet:!1,isDesktop:!0});return o.useEffect((()=>{const r=()=>n({isMobile:window.innerWidth<=e,isTablet:window.innerWidth>e&&window.innerWidth<=t,isDesktop:window.innerWidth>t});return r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)}),[]),r},zo=t=>{var{container:r,sm:o,md:n,lg:i,rowSpacing:a=0,columnSpacing:l=0,children:s}=t,d=v(t,["container","sm","md","lg","rowSpacing","columnSpacing","children"]);const c=b(),{isMobile:p,isTablet:u,isDesktop:g}=No();if(r){const t=Uo(s,l,a);return e(Io,Object.assign({},d,{$theme:c,$rowSpacing:a,$columnSpacing:l,className:m("dgaui dgaui_gridContainer",d.className),children:t}))}return e(Fo,Object.assign({},d,{$theme:c,$columnSpan:(()=>{let e=12;return p&&o&&(e=o),u&&(e=n||o),g&&(e=i||n||o),e})(),$columnSpacing:l,className:m("dgaui dgaui_gridItem",d.className),children:s}))},Io=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  gap: ${e=>e.$rowSpacing}px ${e=>e.$columnSpacing}px;
+`,Fo=sr.div`
+  direction: ${e=>e.$theme.direction};
+  grid-column: span ${e=>e.$columnSpan};
+`,Uo=(e,t,r)=>o.Children.map(e,(e=>o.isValidElement(e)?e.type===o.Fragment?Uo(e.props.children,t,r):o.cloneElement(e,{columnSpacing:t,rowSpacing:r}):e));const Ro=r=>{var{leadText:o,helpText:n,type:i,actions:a,closeButton:l,onClose:s,background:d}=r,c=v(r,["leadText","helpText","type","actions","closeButton","onClose","background"]);const p=b(),u=No(),g=null!=i?i:"neutral",h=(A=p,{neutral:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASKSURBVHgBzVm/cxpHFH57HAiKYNKjjDyjymRGDmmMm0hNUBVNZiK1iRNSy8h/AKiKUgRwHXnitJCZtKDGpIlSxXgmpIpjMnJvTEO4427zvhUQQAfawxrkb2YHbn+w3719v/YhaEF0bXtTSLkhpNgkkrdJiBh3xwbDbUHUkpJaLrnPyDDqkWCwTgtA+JkspYz1+/19V9L9MTK6W7V4s7rjBA4jEdHSXqUzCcTsfj8nz4m9MQSJx7pELyVoWda+JJEn3xK7dOuWMCgfMs0f586aN2jZdvGqpDaHQCkUCmbnjF+EOlK7/7Mk2qQlgEk0gkFzSwjR9hi7CMuynzK527REwIBYklvT/cZ0hzrWJZMDcFosmOJ0/4QEu13rCyMgfqBrhHSdbDgcLg2fRwS73e6aYQSesMNdo+tFOxQ0bw718f8jNgL5t4AcAAPNDR+UBJX0AuYLWgCnp79SrVajWrVKnU5H9a2urtKtWwna3dulVOouLQKW4ruQ4jnBnvXYEOJzPz/w8uyMDg6yTPCU7qRSlE6nmdh7FI1Gqdn8Q/WfMHH05/KHirQfuNI9jKys5NVDr2e96Fm21G2/P23I9fV1+cnOjvzr+d8z5z3nsR2ek0x+qNb42YPbK0UOWYmfhdg0mUzKb46+1V6DuXiheS/j1bpdzpi6vV7eEEZOV/SZr76k16xrlcpPE/3NZpOKhe+UHuJIE4nExPje7mfqszy1bh7gcgzGhu6CoUEUCpP+FPoIAtHoDYrHV9X3ocEMgTXQSzR9iE2DXfia7vRKuTIwhkmFh0RBrlAsqgZykOg44rwmxcZUq1VJF8IIbMAPrukuaP7ZVBY7DRxn7eREfccxw5Lj8fiFeR/zy9WqNdKHjIGgdp6Ho0wk3vccAymMFwoFyh488HQrcEOdzmvygZhBPjFvg+NHx0oFMpmM53g0+g75hckNMU9LipDSGUtpFmAgN3jOLEAvfTrstsnZaXtwI7sU6e1tFR0yma89x2dJbojf2IIRAn2gZZAhGrqz0+lt5SZmSfHR8ffsH8ueY9BPuKjdvT3ShXTdfwzHcX7RXQA3gfbgwPsKAQLVqrcbQdyGFac8vMBMgoIahHDiN9QhbB0dHWmvwVzE40VCnWKKwOw3WUA83tFMFvBC/pOFvkr/YMVIbR76icdwzIjF+XyO7qbuKNcCB45+RBHoKIxpmIpVaye+0y1cogaf59dMy+6/ogUAEpVyWUWZlwPjgTuCxcOo/OjcOFzHvInKw+hO8q9ll/hhn94CoDQSCpn3zr8PMJAizv2KSxx+IVquE9ga1m1GoQ75v3TlIV0zUK8ZLypNxOJwOFTiC/RDuiZg7+li0qzSx5Nl1WXGiDS49PHBdL9nNsOFnE/5QzsEvilYGHUUj7zGPAlCH1f4bZZx3NgjzEUjr8oWMDcf5IX3XUfeYxNv0dUDRpnFHvMmaZWAUXlAacTv5X4WILWVoJmfJbVx+Cqij4gSfbRAHafNxXc+TrOkQ2whguNQmYbh8rWQr61CXbzQRn9DsOPnuopoSCHr0hHPIpHF/ob4D9qk6fUuw5aHAAAAAElFTkSuQmCC",vLine:A.palette.neutral[200],border:A.palette.neutral[200],font:A.palette.neutral[800],bg:A.palette.neutral[25]},error:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASRSURBVHgBzVlPiFtFGP9m3stB2fzTg9DdQ/agtR7cFYsWFMyC50q9eKjSFjyIIN09iOKhmy0oSg9NEcRDwV20h16s9qqSiBdbWtjtoX/oYVNoS1tok7yU9rB5b/r9Jnlpkr6XnUlDtj/I7nvzZjK/9/v+zDcTQUNCVat5ct0ZRSpPSs2SEBluzrQf17hHhUhUVKDWZBCURTZbpiEgbDozqQyTOsik5rvImM5U4cnKtOEvMdmK+TBTYo6zqATN0wggBC2bEt2UoGo0oFiBbBXbfGZWVBbExMTK4G4DoDzv6KhUiyUgqCgmUguxz6MaYVLlOqf4Mk9jgVoVzWCOTV7rfyIjuyfcEo2NHCBm24I8gScIwqw6bYwfeXWf5+5Dj4mbnrdfCvqFthCcNxecdLoY3ncIst/lVMIpkaIcbS1qoulPh/7YMXHgyMIzQA7IUMJZDG+0glo911mnIXD33Bm6XfpbfzYaDd32/LZJSm5/laZ2f0gv7nybhgGrmIWKmqDv1ZeFEPtsvuDBzet04dDXdO/cWXph51v00tz79Ny2KUokk+RduaTbQRrtO778hklP2Xw9fHGJfbGgCQb3vXUb84LA/59+QilWaebwD0xsMrLfw5s3aO3QV/r/m0d/4v47yAI1mUxlBaoSNm/JdBSUO8PkYL6XP/vCaMzVn3+kyokVeufkH1ZK+uTPyUDKPFng0pHvtGL95KDq+YXPWdmP9XU30Bc+CZewAZOblUKKGdMBYUDArN2AqjB5IpnSCkHhjYbX0wdj4Jf4DlMIofKcZkTOdMD107+3g6HX50AGwfH64e/1B/f9KmIMggkvaAwpZ5igypn2965cjkwb6e2v0bsn/9TX8De3rWQ/8HJWBBVlkKiN6zxEI3wpCjAvTA2Cr7DPRUU20lCznSsNkZFkiUETIFKhUm5vdEqFG9jCJb3BMVMRE0DFOEA1KBkH+GVczoxBzWU713jBMyIIdW6V/opVaHrv/oHjEcE2yVrwzlDy31XTASCIVAFfi8L6iWUd6VHAmDulf2hy9x4yhVLqmuQ171/TAYhgpIq4hBsWDVHAGLygTfGglFgVG41q3iHzpQ4++N9HH7A591ktdVB21/HfrHwQS12rWGh4VbJIN+GyhsmQmOPW17DiQf7cdfxXu2JBsf+l0tOtcqteL/CSt0gWgJIXj3zbKalgehBAGgIxtIel2KCKJw7Y3PN29EBYsGKbWaUhgMi8cfoU1VnVMAUhHYG0rc/1EGyV/ZXOnsRv1IuCxEF6BhCqp6/DxraKKPtHe8RhC/Y94etNfAW3naUO9b8K/CXaYnAsFLoPlXrWYiedLfJB0THaImBuNm3PYVLk2QynnTEffQBqVSbTb/S3RlYzHEF7MIDGhzIOj6IeRBNkf8TbjMPcmIN3b5EnW8DAetBJpucD5R9AZNHImamaEnwOw3MM6rZpweqmsssIe64sVmhE0MHgB9POxONDojjYHqLncIbDg97jbJqzGdtSjI7JZlCMM+dTE+wGqiDet+Zb21beeOFkovVThCZDqNQFl0ukyk0K1hLJ4X6GeARlTwkNXxVzeAAAAABJRU5ErkJggg==",vLine:A.palette.error[600],border:A.palette.error[200],font:A.palette.error[700],bg:A.palette.error[25]},warning:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQsSURBVHgBzZnLa1NbFMa/vfPA3Iem3rZ6wQvJBS94fbTiQAXBFEFnPgYKOlLUqW0d6qDxH9BmXrFOdOBAdKQDMeJAh1HRgYI9ouIjaqNUg3mc7Vo7OWkaT5J9TkLqD1LOYx/Od7611n5VwCeqmE1AySEoO0GnwxAiSlejlbsiR8cWFCzAfgAp0yI0kIYPhJfGSs1GUSqNQomxeTHGWPS6NMqBMyLSZ5k+ZCSwKmyCHBlDVxDTpkLbClSFj6P0N+nDsXZYkCIpgv0XWzVqKZDy7Fz3XGvKpAgPjDe76SpQh7RYukqHCfSGDELBESH6co03pGvzYuk2eieOGa4a8hM/CdRh5Qd6T0IV9LsXsCDEKv/+MALiAhYTuzwulqycdE5rAlV+NgZJoRWIYXHJUT7GnXycD7EsJn8BcQwX6IRzoh3U7gVKM+iAT4/u4SP9mL/Wb8Vy+nVEKNjHLlYcZPc64OHkSdw/dQBv79/UIvn4ydQZdEShoPvfYOVMbIdPnl0+p0VtS93A0n/X6mv5969w98Quffz/sQn4QkgawZCUelbiM/dYyLNLZ7H60MmaOCYyuAqbTk/BujZVC7sPoiqfTUjYerrkCw7lqh379a8RzkO+zg77RpSHJWRgCD54desKinOfsfrg/DBa+vplQZs1x5P48vwxrOvn4Q9BDioVg0d0aMmZ+O6jiKz4p3b9KYWbC8Yh9PtS3YbToFG8EVIOcRXH4BF2jz5M5149biJie44h+McyzFA++iDKAj3N8+oLwwR2cQ1VMoc5/+4lPBKVHh/QYeQqdSuMZqzcsgt/UpU/9VEwLDBn2pjde03h3TB21vU+uxqjnHO9R8XEz3p0kUYSZS6Q3Vu+bovuQtzgiuWPcMMZ/ma8VbRF3YzImLZmARyuZrwkh1r1eys278Q7Gg6Nse0XQZTtOyRyr0l7dqe+W2lkuEnoHZZRHjZz2BWBDIXY3EEezt62cCBIFcu/ZrDDnCLG2DItRUSv+I3y0El0PyMD5x4/G6d+0QxlsbbKfPB7lierRtMO7gM5z9ip3yjcrRxjuPP+Vq3c/+gDY8YCxbQI9x+pCKwsM2cNn9Qv/UCzFO4y2g1h/AGct/1Uwe0+ZgHlUlxE/rbm1ySFLC9URvFLUHFPHzmXqi7ytL/bWxweoV2xcnmE3eOz2lCnV1G26nCe3gWkTDri9Gn9PbFkkMOcwqKhUo2bSe57M4Vsr7c++K0ZER7c2HjVfTYTCu4Db+j0jjRCX0fcbrgK5HykLTH+mh6Em8IaHqCdrbjrYNFyPkgPjqGsjlCJW+g+XJTjFNaW+49tJ6wiMjhNGzojJPIiuoZKITQXrxZl6/fDAyr/hjaYAkk63E55EIM3cjT3TCE8N9ksnOhUYD28qIbkNTX9K6Ky8OdftE4Mi8jQDgHt7NsPqpMSz/wAP+ylCNjUveUAAAAASUVORK5CYII=",vLine:A.palette.warning[600],border:A.palette.warning[200],font:A.palette.warning[700],bg:A.palette.warning[25]},success:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANiSURBVHgBzZg9aFNRFMf/976kKP16wSaQQUhcK7QuCl1MwcFRUTcHFRzEoS2Ia9O1S1NXQVtwEZTi5pa4CkI6dG7AodAPEpIUhbx3r+e85pU0pkney8vHb0nyPvL+73/uPffcI+CTo1oxJWVoTgukhNbzGsKkw2b9dAkCBfosaFvtAioXDUdy8IHwcnFRF02F0JJWWG4Q0xX0AgV6WM6QtbWIiBS6va8rgWfCjFWtxDICQWx1K7SjwBNdYcfS8OhYJxxHJdIzYmK73XWivbjyRnCuXSJAisw1MbFy6flWBzmktg7t0GumMAgE8oawFinkpeZTstX1lg5nByaO0Zh3DGnBfwI5rJw2MGjIkBNd3Wg+fCHEh1b5mRTiI4aIglqJGdMZ9/e5QBp3CUuFswI6geFSMqSVdMfjeYhrtpEeAXEM5dzwqvvDcZDds1VoHyMEuRhhFx0H2T2MGJYlnfzrOHhkV/dHJLyNlGaMyYjkqqTf4sp/T+ED86hWSVGIZQp95HfxEPfevcH3vZ/witZqntKenEOfYHGP3q9iIXkT92dvwyu0TpODAgn0gUZxmSev4QdJ5vEsTiBgXHHTV8d9i2M0tMkCA63zGsV9fbmGHjElAqRZ3NSVcfQKCyx5venzryzurL9yBLlwKnnxad1JrB+evg1EHGuTlAM9C1y4MUvjA3hMbrFIFsfOlf+c4gs5dz0SQyDQzlAcW5Ud+vIAHnHDyY7NxhPYOygEKw6cB/U3qZT6AR+wEB5n7GQ/xDlonRe8nNDuKgufsJM8KQIacxeg3eSiUywc25UiAk43vUI5sBA1ppJOmtFKbWLEEJC5s0/Ut5kqVMQIUaOyP06dB8dBrlwp3iPkotiK19sijZsms172D3Us8tizpL3oCjxf6thFZaueF89eEVKm4w1NpQtrcWxsOjPMUPOzm5tJLXszx6oy2NYHQY3QfFRO3mo+3rKaoUbOQ27oYFBo5KrUPGp1qm37jVaZDK0yS+gjHNZoePLSFl/bepBvVFo/55mFwNE0KcVKO3FMx4I1Fpra4mlPQrcREOxaRdrJ2NhEptO1nproB9QiMbiHI3BXQCTgCU2LgdishqxMskWjEkEIbISrIGqWpZxtq7Mz5M2/MF0x9MclrUWeXianFHYplDn44B+38nKPa3CIJgAAAABJRU5ErkJggg==",vLine:A.palette.success[600],border:A.palette.success[200],font:A.palette.success[700],bg:A.palette.success[25]},info:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARRSURBVHgBzVk/bBNXGP+9S0niVLFiGbWVkqqOWol2ggx06VAjMqMydWpTOltKMnRgaZwOMHRoLMEMdGNK1ZmIdGgHFswEDBXHn6gVwrKVQGyCcsf3e3cXbOfueM+ybH7Si8/37sv73ffvfe+zQo+oN/0iFI7LKMLHCbk1FQ6iIfdd+XQ9D3ccYDOXUZvoAcrm4brvT2EPi0JoqY2MKVxZbRMeVoWsaypkRFATe4kVuVxCP6Bw1ZToWwnWW/6ifJRhr7G3wYWDcm5UXUt7KJWgkPsN/dJaMtZy42o5aTKWYGjSdbksYhBQqGIUp3JKNbqnnFiBPdzEoMgRzAKBQg7hEEFt1iBtDBrF0KU60GHiZ03/hxGFKxgiPGA5P67Wou8HBCXxFuQbTVvAcNHAGGYjfzwwsRekkgKGjyjnamgNhtp7gB5w6/4L3Li9jQ0Z2819fW86P4ovPh7H2a9y+PLY++gJY8hRi5pgrelfdRQWbOS3nu3h/JUtTZAkTs9NYkaITU6M4O7jptzf1aTn57I4/+1HmD46avPv4flYzWdUOdBgy6f2CqbCJPD9rw9ESxlcPDeduHj0Evy8XPoEn4tWLdCQBJ5TYVVy01SKi5EczVc684GRzKU/n+LajRr++PlTO036OOV4lgn5wvX/9SLd5KjV0uVHmvy9x62OOT5Ln6Q2beApnHAcR2o6Q9Df6Fc0azsirU5mHCF/BN/J9fbufsczlKE8hynE/4qOqLFgKrD+T107fbeZdpoespkRXPxxRojMYEfIdWuRMgwmRrwFwePMgwVTgXuPWjgZkzbo/Osrn+lr+tvkhGgyf+TQc6fl5Taq5gQFUyRoXOc9qb3SvhSHrKQXmpoES2c+jA2GGSG9vevBlqAVun2rHYxUusDCfD52njnSFu+Be5+hFrMSBFuixSQwQLIpJO6KX8aZPgUNK4Lah8TJkzS0MH80Vf7W/eeJLpIA19HVrCFoPqYJ+locaOL1v+uxc5TZuL2jE7wpfOCh4+3jL1MBpgmOpIRL7W5Ud2LnKMMXtCkefB/Vnra6b375V5vZZqujZn//adZ6q4uKBdrFON3Q2UuXHurFTIoFboMkx+LCAq4UC7NRuVWWcmvFRpqLX7j+n/Yrmu7ksQlNgGloqxb4W1SKpb1EIuRwnxtT5wIN1uWYmUEdPYAkuAVyl3lSC4KH2x4j3tbnOuBL2S+dh4MzSW3XX5PCYRHvAkLtBZchQi2ycO13i8MWLoMj6tscbHVyAGDCXsWQMcJ+TVtTqWMvlqhZk35eBcNDJdvVTIrvzbT8wbY+AiZV8bu57tvx1UwTZ+Wv8RbYB2yyeRQ3EUuQ/ijmnhuQuSuyVmxni0itB/MTakkiiuHuov8goWUhl9p/NGsBS+eBrRHbw30KKtI5KCdprR12TfQ3RL+GfR+nIdaoYFw6qgbEeiLYDlZBPFM7Sh9bC+F48zNEMKr8CULaGHd6/RniNTDfu03o+dx1AAAAAElFTkSuQmCC",vLine:A.palette.info[600],border:A.palette.neutral[200],font:A.palette.info[700],bg:A.palette.info[25]}})[g];var A;const f="color"===d,x=!n&&!a;return t(Oo,Object.assign({$theme:p,$colors:h,$isColored:f},c,{className:m("dgaui dgaui_inlineAlert "+(u.isMobile?" mobile ":"")+(x?" minimal ":""),c.className),children:[e("div",{className:"icon"}),t("div",{className:"content",children:[e("div",{className:"leadText",children:o}),n&&e("div",{className:"helpText",children:n}),a&&e("div",{className:"actions",children:a})]}),l&&e("div",{className:"close",onClick:()=>null==s?void 0:s()})]}))},Oo=sr.div`
+  direction: ${e=>e.$theme.direction};
+  width: 100%;
+  display: flex;
+  position: relative;
+  padding: 16px 24px;
+  background-color: ${({$colors:e,$isColored:t})=>t?e.bg:"#fff"};
+  border-radius: 8px;
+  border: 1px solid
+    ${({$colors:e,$isColored:t,$theme:r})=>t?e.border:r.palette.neutral[300]};
+
+  box-sizing: border-box;
+  overflow: hidden;
+
+  &::before {
+    content: "";
+    display: block;
+    width: 8px;
+    height: 100%;
+    position: absolute;
+    inset-inline-start: 0;
+    top: 0;
+    background-color: ${e=>e.$colors.vLine};
+  }
+
+  .icon {
+    min-width: 40px;
+    height: 40px;
+    background-image: url(${e=>e.$colors.icon});
+    background-repeat: no-repeat;
+    background-size: contain;
+    margin-inline-end: 12px;
+  }
+  .content {
+    width: 100%;
+
+    .leadText {
+      font-size: 16px;
+      font-weight: 600;
+      min-height: 40px;
+      display: flex;
+      align-items: center;
+      color: ${({$colors:e,$isColored:t,$theme:r})=>t?e.font:r.palette.neutral[800]};
+    }
+    .helpText {
+      font-size: 14px;
+      color: ${e=>e.$theme.palette.neutral[700]};
+      margin-top: 8px;
+    }
+    .actions {
+      margin-top: 16px;
+
+      button {
+        margin-inline-end: 8px;
+      }
+    }
+  }
+  .close {
+    margin-inline-start: 12px;
+    cursor: pointer;
+    background-image: url(${mr});
+    background-repeat: no-repeat;
+    min-width: 20px;
+    height: 20px;
+    margin-top: 10px;
+    &:hover {
+      transform: scale(1.1);
+    }
+  }
+
+  &.mobile {
+    flex-direction: column;
+
+    &::before {
+      width: 100%;
+      height: 8px;
+      position: absolute;
+      top: 0;
+    }
+    .icon {
+      margin-bottom: 16px;
+    }
+    .content {
+      .title {
+        margin-inline-end: 16px;
+      }
+      .actionButtons {
+        display: flex;
+        flex-direction: column;
+
+        button {
+          margin-inline-end: 0;
+          margin-bottom: 8px;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+    .close {
+      margin-inline-start: 0;
+      position: absolute;
+      inset-inline-end: 16px;
+      top: 16px;
+    }
+  }
+
+  &.minimal {
+    padding: 16px 24px;
+
+    &.mobile {
+      padding-top: 14px;
+      flex-direction: row;
+      align-items: center;
+
+      .icon {
+        margin-bottom: 0;
+      }
+      .close {
+        position: initial;
+        margin-top: 0;
+        margin-inline-start: 16px;
+      }
+    }
+  }
+`,Do={medium:{f:16,lh:24},small:{f:14,lh:20}},To=t=>{var{children:r,style:o="primary",size:n="medium",inline:i,disabled:a}=t,l=v(t,["children","style","size","inline","disabled"]);const s=b(),d="on-color"===o?"#FFF":s.textColor,c=(p=s,{primary:{default:p.palette.primary[600],hovered:p.palette.primary[400],active:p.palette.primary[600],visited:p.palette.primary[800],disabled:p.palette.neutral[400]},neutral:{default:p.palette.neutral[700],hovered:p.palette.neutral[500],active:p.palette.neutral[400],visited:p.palette.primary[800],disabled:p.palette.neutral[400]},"on-color":{default:"#FFF",hovered:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",visited:"rgba(255, 255, 255, 0.9)",disabled:"rgba(255, 255, 255, 0.3)"}})[o];var p;return e(Yo,Object.assign({$theme:s,$fontSize:Do[n].f,$lineHeight:Do[n].lh,$focusBorderColor:d,$style:c,$inline:i,$disabled:a},l,{href:a?"":l.href,className:m("dgaui dgaui_link",l.className),children:r}))},Yo=sr.a`
+  font-size: ${e=>e.$fontSize}px;
+  line-height: ${e=>e.$lineHeight}px;
+  color: ${e=>e.$disabled?e.$style.disabled:e.$style.default};
+  text-decoration: ${e=>e.$inline?"underline":"none"};
+  text-underline-offset: 2px;
+  transition: color 0.2s;
+  cursor: ${e=>e.$disabled?"default":"pointer"};
+  ${e=>e.$disabled?"pointer-events: none;":""}
+  outline: none;
+  box-sizing: border-box;
+
+  &:visited {
+    color: ${e=>e.$disabled?e.$style.disabled:e.$style.visited};
+  }
+  &:focus {
+    color: ${e=>e.$disabled?e.$style.disabled:e.$style.default};
+    border: 2px solid
+      ${e=>e.$disabled?"transparent":e.$theme.textColor};
+  }
+  &:active {
+    color: ${e=>e.$disabled?e.$style.disabled:e.$style.active};
+  }
+  &:hover {
+    color: ${e=>e.$disabled?e.$style.disabled:e.$style.hovered};
+  }
+`,Ho=t=>{var{children:r,style:o="primary",type:n="ordered-list",level:i=1,iconUrl:a=""}=t,l=v(t,["children","style","type","level","iconUrl"]);const s=b(),d=(c=s,{neutral:{text:c.textColor},primary:{text:c.palette.primary[600]},"on-color":{text:"#FFF"}})[o];var c;return e("ordered-list"===n?Lo:Mo,Object.assign({$theme:s,$colors:d,$listStyleType:jo(n,i)},l,{className:m("dgaui dgaui_list",l.className),type:"ordered-list"===n&&1==+i?"1":"a",$iconUrl:a,$level:+i,children:r}))},Mo=sr.ul`
+  ${e=>Qo(e)};
+`,Lo=sr.ol`
+  ${e=>Qo(e)};
+`,Qo=e=>ir`
+    direction: ${e.$theme.direction};
+    color: ${e.$colors.text};
+    font-size: 16px;
+    padding-inline-start: ${1===e.$level?0:""};
+
+    ${e.$listStyleType?"list-style-type: "+e.$listStyleType:""};
+    ${"with-icon"===e.$listStyleType&&e.$iconUrl?ir`
+          li {
+            display: flex;
+            align-items: center;
+            position: relative;
+
+            &::before {
+              content: url(${e.$iconUrl});
+              height: 16px;
+              width: 16px;
+              position: absolute;
+              top: 2px;
+              inset-inline-start: -24px;
+            }
+            &::marker {
+              content: "";
+            }
+            img {
+            }
+          }
+        `:""};
+  `,jo=(e,t)=>{const r=+t;switch(e){case"ordered-list":return 1===r?"1":"";case"unordered-list":return 1===r?'"-  "':2===r?"disc":"";default:return"with-icon"}},Po={xxSmall:{wh:20,b:2},xSmall:{wh:24,b:2},small:{wh:28,b:2},medium:{wh:32,b:3},large:{wh:36,b:3},xLarge:{wh:40,b:3},xxLarge:{wh:44,b:4}},Vo=t=>{var{style:r="primary",size:o="medium",className:n,loadingStyle:i}=t,a=v(t,["style","size","className","loadingStyle"]);const l=b(),s={primary:(d=l).palette.primary.main,neutral:d.textColor,"on-color":d.textOnColor||Yr};var d;return e(Ko,Object.assign({},a,{$theme:l,$customStyle:{color:s[r],size:Po[o]},$style:r,className:m("dgaui dgaui_loading",n)}))},Ko=sr.div`
+  width: ${e=>e.$customStyle.size.wh}px;
+  height: ${e=>e.$customStyle.size.wh}px;
+  border: ${e=>e.$customStyle.size.b}px solid
+    ${e=>"on-color"===e.$style?Mr:e.$theme.palette.neutral[100]};
+  border-bottom-color: ${e=>e.$customStyle.color};
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+
+  @keyframes rotation {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`,Xo=r=>{var{icon:o,trailIcon:n,children:i,disabled:a}=r,l=v(r,["icon","trailIcon","children","disabled"]);const s=b();return t(Go,Object.assign({$theme:s},l,{className:m("dgaui dgaui_menuItem"+(a?" disabled":""),l.className),tabIndex:0,children:[t("div",{className:"itemContent",children:[o&&e("div",{className:"icon",children:o}),e("div",{className:"content",children:i})]}),n&&e("div",{className:"trailIcon",children:n})]}))},Go=sr.div`
+  direction: ${e=>e.$theme.direction};
+  min-width: 225px;
+  height: 40px;
+  padding: 8px;
+  display: flex;
+  align-items: center;
+  transition: all 0.2s;
+  border-radius: 4px;
+  border: 2px solid transparent;
+
+  .itemContent {
+    flex: 1;
+    display: flex;
+    align-items: center;
+
+    .icon {
+      margin-inline-end: 8px;
+      display: flex;
+    }
+    .content {
+      flex: 1;
+      color: ${e=>e.$theme.textColor};
+      font-size: 16px;
+    }
+  }
+
+  .trailIcon {
+    margin-inline-start: 8px;
+  }
+
+  &:hover {
+    background: ${e=>e.$theme.palette.neutral[100]};
+  }
+  &:active {
+    background: ${e=>e.$theme.palette.neutral[200]};
+  }
+  &:focus {
+    border: 2px solid ${e=>e.$theme.textColor};
+  }
+  &.disabled {
+    pointer-events: none;
+    filter: grayscale(1);
+    .itemContent {
+      .content {
+        color: ${e=>e.$theme.palette.neutral[400]};
+      }
+    }
+  }
+`,Jo=r=>{var{title:o,children:n}=r,i=v(r,["title","children"]);const a=b();return t(Wo,Object.assign({$theme:a},i,{className:m("dgaui dgaui_menuItemGroup",i.className),tabIndex:0,children:[e("div",{className:"groupTitle",children:o}),n]}))},Wo=sr.div`
+  direction: ${e=>e.$theme.direction};
+  border-bottom: 1px solid #cbd5e1;
+  padding-bottom: 8px;
+  margin-bottom: 8px;
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  .groupTitle {
+    font-size: 12px;
+    font-weight: 700;
+    color: ${e=>e.$theme.palette.neutral[800]};
+    margin-bottom: 12px;
+    padding: 8px;
+    padding-bottom: 0;
+  }
+`,Zo=n=>{var{icon:i,title:a,body:l,align:s,size:d=600,open:c,onClose:p,footerStartButtons:u,footerEndButtons:g}=n,h=v(n,["icon","title","body","align","size","open","onClose","footerStartButtons","footerEndButtons"]);const A=b(),f=No(),x=o.useRef(null);return c?t(r,{children:[e(_o,{className:"dgaui dgaui_modal_backdrop",onClick:()=>null==p?void 0:p()}),e(qo,{$theme:A,$align:"start"===s?"flex-start":"center",$size:d,className:m("dgaui dgaui_modal "+h.className),children:t("div",Object.assign({},h,{ref:x,className:"dgaui_modalContent"+(f.isMobile?" dgaui_modalMobile":""),children:[e("div",{className:"dgaui_modalClose",onClick:()=>null==p?void 0:p()}),(a||i)&&t("div",{className:"dgaui_modalHeader",children:[i&&e("div",{className:"dgaui_modalHeaderIcon",children:i}),a&&e("div",{className:"dgaui_modalHeaderTitle",children:a})]}),l&&e("div",{className:"dgaui_modalHeaderBody dgaui_hiddenScrollbar",children:l}),(!!u||!!g)&&t("div",{className:"dgaui_modalHeaderFooter "+(!u&&g?"onlyEnd":""),children:[u&&e("div",{className:"dgaui_modalHeaderFooterStart",children:u}),g&&e("div",{className:"dgaui_modalHeaderFooterEnd",children:g})]})]}))})]}):null},qo=sr.div`
+  position: fixed;
+  z-index: 2401;
+  opacity: 0;
+  animation: opacity 0.225s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  align-self: center;
+  justify-self: center;
+  inset: 0;
+
+  &.dgaui_modal {
+    opacity: 1;
+  }
+
+  @keyframes opacity {
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+
+  .dgaui_modalContent {
+    height: fit-content;
+    direction: ${e=>e.$theme.direction};
+    width: ${e=>"auto"===e.$size?e.$size:e.$size+"px"};
+    padding: 8px;
+    background-color: #fff;
+    border-radius: 8px;
+    ${e=>e.$theme.elevation.shadows["3xl"]};
+    position: relative;
+
+    .dgaui_modalClose {
+      position: absolute;
+      top: 20px;
+      inset-inline-end: 20px;
+      cursor: pointer;
+      background-image: url(${mr});
+      background-repeat: no-repeat;
+      width: 20px;
+      height: 20px;
+
+      &:hover {
+        transform: scale(1.1);
+      }
+    }
+
+    .dgaui_modalHeader {
+      display: flex;
+      flex-direction: column;
+      align-items: ${e=>e.$align};
+      margin-bottom: 8px;
+      padding: 0 16px;
+
+      .dgaui_modalHeaderIcon {
+        height: 40px;
+        margin-bottom: 8px;
+      }
+      .dgaui_modalHeaderTitle {
+        font-size: 16px;
+        font-weight: 600;
+        min-height: 40px;
+        display: flex;
+        align-items: center;
+        color: ${({$theme:e})=>e.palette.neutral[800]};
+      }
+    }
+
+    .dgaui_modalHeaderBody {
+      padding: 16px;
+      font-size: 14px;
+      color: ${e=>e.$theme.palette.neutral[700]};
+      display: flex;
+      flex-direction: column;
+      align-items: ${e=>e.$align};
+      text-align: ${e=>e.$align};
+      max-height: calc(100vh - 300px);
+      overflow: auto;
+    }
+
+    .dgaui_modalHeaderFooter {
+      padding: 0 16px;
+      margin-top: 8px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      &.onlyEnd {
+        display: flex;
+        justify-content: flex-end;
+      }
+
+      .dgaui_modalHeaderFooterEnd {
+        display: flex;
+        justify-content: flex-end;
+      }
+
+      button {
+        margin-inline-end: 8px;
+
+        &:last-child {
+          margin-inline-end: 0;
+        }
+      }
+    }
+
+    &.dgaui_modalMobile {
+      width: 320px;
+
+      .dgaui_modalHeaderBody {
+        max-height: calc(100vh - 400px);
+      }
+
+      .dgaui_modalHeaderFooter {
+        flex-direction: column;
+        .dgaui_modalHeaderFooterStart,
+        .dgaui_modalHeaderFooterEnd {
+          width: 100%;
+        }
+        button {
+          width: 100%;
+          margin-inline-end: 0;
+          margin-bottom: 4px;
+        }
+      }
+    }
+  }
+`,_o=sr.div`
+  position: fixed;
+  z-index: 2400;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+`;const en=r=>{var{style:n="neutral",icon:i=!0,leadText:a,link:l,dismissible:s=!0,button:d,helpText:c,onClose:p}=r,u=v(r,["style","icon","leadText","link","dismissible","button","helpText","onClose"]);const g=b(),h=n,[A,f]=o.useState(!0);return A?e(tn,Object.assign({$theme:g,$colors:(x=g,{neutral:{bg:x.palette.neutral[50],text:x.palette.neutral[700],border:x.textColor,icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgBvVU7UsMwEH0SKUiXioHOnADKlA4nyNBShI6S3CDODUJJFwpaxicAp0uZG6AOhspdQmGbXUX22CH4MxZ5M7Zkr/Y9rVZaAf8MUWZ03WFvfYSRTOAmwCX9coxJkaeido4Ii2Xgq0YCTLyRuCfSMQ3ooRre8tWf1hLou0MHEm+52daFQozBbjTCEvmfIrJgbkcO7UscvMS/BPpXwwnakWcilL9x+qGXyCzNe5Xny/Ojbq9v7krH0eYIuzHOg8APtxFIuLAI3nlriVvud4zkqPxEbFE184JIoic9k0bSgW0IXHCTJtmp48M5SPNQAw6/OmiAs9MTNEUagYJ9qEyA8ruCbYicQAwsYBsRVdpU4DvGPEkQVvl8fH7ppyb0pLPdT6XCo2YCO5hS+fa4k9WiTYwZHTiFtiCOlLwgsKK6QcZBKxH2ZY4c9l84gsp209NtyEsvnIJQzZzw5hACD8e0xFw9d+2lJU5HQ1c0jRqZiBxjUgmfHYGgG+FpH/HB8ANrR4JKA6DRAwAAAABJRU5ErkJggg=="},critical:{bg:x.palette.error[50],text:x.palette.error[700],border:x.palette.error[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGYSURBVHgBvVW9UsJAEN5NQLBLmUJnDsZeK1vB1qHgCfAN5A2AN9A3wCegYGz5aW30AfzJjONMynSKhKy3CYEDHS6YyDeT3N/efne3t98B/DNw02BPWNaeUWhIq0pAeIIIgvuJwJF1R1a70xmM647rbEUQOS5eEVJTmligWyVB++LF7SQi6Alb5AwYxqtNCgJw/BlU13eDWTjfRGKoBmmcM+RqRc6EIR/xD4K7st1K43yFxCg2lXZ0NHkTXnWTz0f3YTmonGosyZvOJqW643nhDkwTKpAA+weH4acHWnmjcMk1Y/5rQNbAaNEhgUwcARmDAI8XBFkEdx0cbC5z20z6eH+DbRESzLVF6IwHZ7rbswQnHZdRkJEeIWOgSiB3ME4yifMgzoUE6C4IpsGky8mhnYKgEfglWMZBNe+X7baMQwsyACF0ak9ue4WABUpqyEPaK8vBrT27pbi9EDvWDT+AKt8o+CNiuVb7dvvgqOgfyZhQkpiQR4g3vv95zaewPqp59G3BSstiyHqlPvph7hCMvoLJ7W+Od4Zv9VKZiJJSgxIAAAAASUVORK5CYII="},warning:{bg:x.palette.warning[50],text:x.palette.warning[700],border:x.palette.warning[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFzSURBVHgB5ZS7TsMwFECvA6ipukSsLOUHEIiFBSkMgQjEwAcgOjGXLwgzEhJ8AQMbC0OVQGFoNkbEF3RiYCIbBCk2sZWkzsOPCDEgzuI8fH2de3wD8K/wHXMQbJtHbWKQ7sQ71+xjAlN6jRFs7d9/hjpxBmiSLj7Jr+cIeLpxWgloadKhn98TADvY6Qx1YpUlykoz4RNkaaKvuLt8EEaRLF75BQmG0/ribG9Wp/OhLJX0C3ixlMWVTVjoWfD2NCrmqITPgwReLGXj7IGNgdstnmXCQ9EawhJVxYpQCW9MQEuTvtE+imkS79a2LO0EYrEixMJrCejuEYJWvwMKATQcuaZdfV6TXBXL83J+DDKahJeOKRNrwBX8AATkZHccX8zuM8QdO6OpD+qUO7xwoCOW9sG6dwNyysIRt/upIhKWnEM2vj5eq6YWHc4ky8Ty6CyckwtHvtNbBSN5ht8AJ2usRL5rDjBu01hqDETe98bxJfx5vgHxJocZugq6oAAAAABJRU5ErkJggg=="},success:{bg:x.palette.success[50],text:x.palette.success[700],border:x.palette.success[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH9SURBVHgBvVU9S/NQFD4n79vb+gHWSXQxRWcVnNzqoPYXuEndXAQF8WOzjtalIg6Cg/4CwcmPQR3EwUUFF1EaF8HJCgoxxV7PSdIa07QmtvrATXI5l+e55+Te5wD8MrBqdDoeDYXCSUSI06yPhmpHNClBA5RbeVROYHlPCyZAxEKIKUlfCBiFbyFTRvpgyZ/AfEIVUh45dusXmoE46M4G60ReUURxRmskZ1gbpBKXCYi54cUayT9FQmK6OLFKZJUmC/VDzjDeYpA5zpkZhArvcfgBNkdn4GZhG6KRJncoGhbhcf6wS6QkISCYfKx/CFoams3hBt2TeEmALpLqRdLZ2laVPKe/wtDGHNw/PZYvQugtCYDHz2VyTv98av1LCdzkVw93UAGqU6AMz/qLubOeji44nEibIgHIHYkAH9GRLFTIgsn5zaQsEoBcM9L7MTsDeeG1gjMo1jggOZhmSPjHj/8D3e2US8Jr4TOR7l6fQUukGSZ31nyRm0BMFU5vL62LxrYsRNafc/qDghjTyZOsEtGNQwmrUC9IXNJtwyudIiNvZOilQe3QjJW9VHHyeUzZN9hqaxPRbI4SyhpOhIyv8MOGw+R61YbjgJhNpKjnLsI3kCDp/ymrjXk9k6MquONVmz5n815g05JJ26/U4m5pXNBZP27Kv217Ef8ZPgAOAtiZl+lFiAAAAABJRU5ErkJggg=="},info:{bg:"#EFF8FF",text:x.palette.info[700],border:x.palette.info[600],icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVHgBvZU/TsMwFMbfc9J2zYAqFqSysKHSoXt6C4ZK7Q0oXKDtCSg3CFIHRm5QOjMUCbGwEImlgiVDB9o4edhuEjUU5Y8S+ElxbCXv+2y/5Bngj8Gkh0Z/YdS43hNdExDPgKixjUJb9G2f0NIq7nxptexcBlK4yvUL0R2IFwxIgQBGH9PTcSaDw/6iQW5lBhjMNiuENlbczs/VYCniCSYs9ryIuETESg25xXsG9e7LsJD4jkmVs0E0lI3aGq6/pcU+Xp+oe/vyNe1VZ63zY8dqOWoF3kYzIQsUXOkYNZf1ZUeXDWPYyxLVvkqd+Q5oimayzQFiA8qGsaa6qQFlS67MQZiHVAJNHXJwdFCFvIRbZEPZBJrKgIieoGxEMYwMkPw5lAyKShsZrCu+RUBOWtD750ZdmfBcNemo2NW7zyMxGEIJIPjj5bQ5kv2oFm10Pgn3rRBCIxSPGci6gZ7XKWQiYpXGDvsHzrkofJo2y/13B+LLu4QDJ2YkckIZciI/DgZ487XiE+e+tfehJB76cjXANJNkMZQrih/68t95WK/47W/C/8Y3LR2435JQAzIAAAAASUVORK5CYII="}})[h]},u,{className:m("dgaui dgaui_notification",u.className),children:t("div",{className:"contentContainer",children:[i&&e("div",{className:"icon"}),t("div",{className:"content",children:[a&&e("span",{className:"title",children:a}),c&&e("span",{className:"message",children:c})]}),t("div",{className:"actions",children:[l&&l,d&&d,s&&e("div",{className:"close",onClick:()=>{f(!1),null==p||p()}})]})]})})):null;var x},tn=sr.div`
+	direction: ${e=>e.$theme.direction};
+	padding: 8px 24px;
+	width: 100%;
+	min-height: 56px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	border-radius: 2px;
+	border-bottom: 2px solid ${e=>e.$colors.border};
+	background-color: ${e=>e.$colors.bg};
+	.contentContainer {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		gap: 8px;
+		.icon {
+			background-image: url(${e=>e.$colors.icon});
+			background-repeat: no-repeat;
+			background-size: contain;
+			min-width: 24px;
+			height: 24px;
+			margin-inline-end: 8px;
+		}
+		.content {
+			color: ${e=>e.$colors.text};
+			font-size: 16px;
+			.title {
+				margin-inline-end: 8px;
+				font-weight: 700;
+			}
+			.message {
+				word-wrap: normal;
+			}
+		}
+	}
+	.actions {
+		display: flex;
+		gap: 8px;
+		flex-wrap: nowrap;
+		align-items: center;
+	}
+	.close {
+		margin-inline-start: 12px;
+		cursor: pointer;
+		background-image: url(${mr});
+		background-repeat: no-repeat;
+		min-width: 20px;
+		height: 20px;
+		&:hover {
+			transform: scale(1.1);
+		}
+	}
+`,rn={small:{w:73,h:36,p:"8px 12px"},medium:{w:81,h:44,p:"12px 16px"},large:{w:81,h:52,p:"16px"}},on=t=>{var{children:r,size:o,selected:n,vertical:i}=t,a=v(t,["children","size","selected","vertical"]);const l=b(),s=null!=o?o:"large";return e(nn,Object.assign({},a,{className:m("dgaui dgaui_tab",a.className),$theme:l,$customStyle:{w:rn[s].w,h:rn[s].h,p:rn[s].p},$selected:n,$vertical:i,children:r}))},nn=sr.button`
+  direction: ${e=>e.$theme.direction};
+  min-width: ${e=>e.$customStyle.w}px;
+  height: ${e=>e.$customStyle.h}px;
+  outline: none;
+  background-color: transparent;
+  border-radius: 4px;
+  font-weight: ${e=>e.$selected?700:500};
+  color: ${e=>e.$theme.palette.neutral[700]};
+  padding: ${e=>e.$customStyle.p};
+  position: relative;
+  cursor: pointer;
+  border: 2px solid transparent;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  img {
+    margin-inline-end: 4px;
+  }
+
+  &::after {
+    content: "";
+    display: block;
+    opacity: ${e=>e.$selected?1:0};
+    height: ${e=>e.$vertical?"50%":"3px"};
+    width: ${e=>e.$vertical?"3px":"80%"};
+    border-radius: 10px;
+    bottom: ${e=>e.$vertical?"auto":"1px"};
+    inset-inline-start: ${e=>e.$vertical?"1px":"auto"};
+    position: absolute;
+    z-index: 2;
+    background: ${e=>e.$selected?e.$theme.palette.primary[600]:e.$theme.textColor};
+  }
+
+  &:hover {
+    &::after {
+      opacity: 1;
+    }
+  }
+  &:active {
+    background-color: transparent;
+    &::after {
+      opacity: 1;
+    }
+  }
+
+  &:focus {
+    border: 2px solid ${e=>e.$theme.textColor};
+    &::after {
+      opacity: ${e=>e.$selected?1:0};
+    }
+  }
+  &:disabled {
+    color: ${e=>e.$theme.palette.neutral[400]};
+    cursor: default;
+    pointer-events: none;
+    &::after {
+      opacity: ${e=>e.$selected?1:0};
+      background: ${e=>e.$selected?e.$theme.palette.neutral[400]:""};
+    }
+    img {
+      filter: opacity(0.5) grayscale(100%);
+    }
+  }
+`,an=o=>{var{count:n,currentPage:i,siblingCount:a=1,onPageChange:l,size:s="small"}=o,d=v(o,["count","currentPage","siblingCount","onPageChange","size"]);const c=b(),p=n<=1e3?e(lo,{onOpen:()=>{var e,t;const r=document.getElementsByClassName("menueItemsContainer");for(let o=0;o<r.length;o++)null===(e=r[o])||void 0===e||e.scrollTo(0,(null===(t=document.getElementsByClassName("selectedMenueItem")[0])||void 0===t?void 0:t.offsetTop)||0)},menuItems:Array(n).fill("").map(((t,r)=>e(Xo,{onClick:()=>null==l?void 0:l(r+1),trailIcon:i===r+1?e("img",{src:Ar}):void 0,className:i===r+1?"selectedMenueItem":void 0,children:r+1},r))),children:e(on,{size:s,children:"..."})}):e(on,{size:s,children:"..."}),u=2*a>=n?1:a,g=1===u?i<=2*u+1:i<2*u+1,h=!g&&i>n-2*u,A=!g&&!h,f=!g,x=!h;let y=1+2*u;const C=Array(y).fill(0).map(((e,t)=>t+1)),w=Array(y).fill(0).map(((e,t)=>i-u+t)),$=Array(y).fill(0).map(((e,t)=>n-t)).reverse(),k=n<=5;return t(ln,Object.assign({$theme:c},d,{className:m("dgaui dgaui_pagination",d.className),children:[e(on,{className:"noAfter",size:s,onClick:()=>i>1?null==l?void 0:l(i-1):void 0,children:"<"}),k&&Array(n).fill(0).map(((e,t)=>t+1)).map((t=>e(on,{size:s,selected:t===i,onClick:()=>null==l?void 0:l(t),children:t},t))),!k&&t(r,{children:[!g&&e(on,{size:s,selected:1===i,onClick:()=>null==l?void 0:l(1),children:"1"}),f&&p,g&&C.map((t=>e(on,{size:s,selected:t===i,onClick:()=>null==l?void 0:l(t),children:t},t))),A&&w.map((t=>e(on,{size:s,selected:t===i,onClick:()=>null==l?void 0:l(t),children:t},t))),x&&p,h&&$.map((t=>e(on,{size:s,selected:t===i,onClick:()=>null==l?void 0:l(t),children:t},t))),!h&&e(on,{size:s,selected:i===n,onClick:()=>null==l?void 0:l(n),children:n})]}),e(on,{className:"noAfter",size:s,onClick:()=>i<n?null==l?void 0:l(i+1):void 0,children:">"})]}))},ln=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: flex;
+  align-items: center;
+
+  .dgaui_menuItem {
+    min-width: auto;
+  }
+  .dgaui_tab {
+    min-width: auto;
+    margin-inline-end: 8px;
+
+    &:last-child {
+      margin-inline-end: 0;
+    }
+  }
+  .noAfter::after {
+    display: none;
+  }
+`;const sn=({status:t,dot:r,children:o})=>{const n=b();return r?e(cn,{$theme:n,$status:t,className:"dgaui_stepperBase dot"}):e(dn,{$theme:n,$status:t,className:"dgaui_stepperBase circle",children:e("span",{className:"content",children:o})})},dn=sr.button`
+  border: none;
+  outline: none;
+  width: 32px;
+  height: 32px;
+  border-radius: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #fff;
+  position: relative;
+  cursor: pointer;
+  z-index: 1;
+
+  ${e=>((e,t)=>{switch(t){case"completed":return ir`
+        border: 1px solid #fff;
+        background-color: ${e.palette.primary[600]};
+        background-image: url(${"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgB5ZBRDcAgDEQrZRImpRKQMAfgcBKQMAm3EiABQoCGT15yf30HLdFZAGCJl1jSItIt+RB5d+QAa+SrkY1W9oX8jIZt2C1/ryO72WvVsEpOBQZ95vKgZF0uSjjdwtEZ/ElLxHCBicxFAAAAAElFTkSuQmCC"});
+        background-repeat: no-repeat;
+        background-position: center;
+
+        &:hover {
+          background-color: ${e.palette.primary[700]};
+        }
+        &:focus {
+          border: 1px solid #fff;
+
+          &::after {
+            content: "";
+            display: block;
+            width: calc(100% + 2px);
+            height: calc(100% + 2px);
+            border: 2px solid ${e.textColor};
+            position: absolute;
+            border-radius: 100%;
+          }
+        }
+        .content {
+          display: none;
+        }
+      `;case"active":return ir`
+        border: 2px solid ${e.palette.primary[600]};
+        background-color: #fff;
+
+        &:hover {
+          border-color: ${e.palette.primary[700]};
+        }
+        &:focus {
+          &::after {
+            content: "";
+            display: block;
+            width: calc(100% + 6px);
+            height: calc(100% + 6px);
+            border: 2px solid ${e.textColor};
+            position: absolute;
+            border-radius: 100%;
+          }
+        }
+      `;case"upComing":return ir`
+        border: 2px solid ${e.palette.neutral[300]};
+        background-color: #fff;
+        color: ${e.palette.neutral[300]};
+
+        &:hover {
+          border-color: ${e.palette.neutral[400]};
+          color: ${e.palette.neutral[400]};
+        }
+      `;default:return""}})(e.$theme,e.$status)}
+`,cn=sr.div`
+  border: none;
+  outline: none;
+  width: 16px;
+  height: 16px;
+  border-radius: 100%;
+  cursor: pointer;
+  position: relative;
+  z-index: 1;
+
+  ${e=>((e,t)=>{switch(t){case"completed":return ir`
+        background-color: ${e.palette.primary[600]};
+
+        &:hover {
+          background-color: ${e.palette.primary[700]};
+        }
+      `;case"active":return ir`
+        background-color: #fff;
+        border: 4px solid ${e.palette.primary[600]};
+
+        &:hover {
+          border-color: ${e.palette.primary[700]};
+        }
+
+        width: 8px;
+        height: 8px;
+      `;case"upComing":return ir`
+        background-color: #fff;
+        border: 2px solid ${e.palette.neutral[300]};
+        &:hover {
+          border-color: ${e.palette.neutral[400]};
+        }
+        width: 12px;
+        height: 12px;
+      `;default:return""}})(e.$theme,e.$status)}
+`,pn=r=>{var{children:o,alignment:n,steps:i,activeStepIndex:a,dot:l,onStepClick:s}=r,d=v(r,["children","alignment","steps","activeStepIndex","dot","onStepClick"]);const c=b();return e(gn,Object.assign({},d,{className:m("dgaui dgaui_progressIndicator",d.className),$theme:c,$alignment:n||"horizontal",$dot:l,children:i.map(((r,o)=>{const n=o<a?"completed":o===a?"active":"upComing";return t("div",{className:"step "+n,onClick:()=>null==s?void 0:s(o),children:[e(sn,{dot:l,status:n,children:l?void 0:o+1}),t("div",{className:"stepContent",children:[e("div",{className:"title",children:r.title}),e("div",{className:"description",children:r.description})]})]},o)}))}))},un=(e,t)=>{switch(t){case"completed":return{bg:e.palette.primary[600],bgHover:e.palette.primary[700]};case"active":return{bg:e.palette.neutral[300],bgHover:e.palette.neutral[300]};case"upComing":return{bg:e.palette.neutral[300],bgHover:e.palette.neutral[400]}}},gn=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: flex;
+  flex-direction: ${e=>"horizontal"===e.$alignment?"row":"column"};
+  width: 100%;
+
+  .step {
+    min-width: 100px;
+    min-height: 100px;
+    width: 100%;
+    position: relative;
+    cursor: pointer;
+    display: ${e=>"horizontal"===e.$alignment?"block":"flex"};
+
+    .stepContent {
+      margin-top: ${e=>"horizontal"===e.$alignment?"8px":"0"};
+      margin-inline-start: ${e=>"horizontal"===e.$alignment?"0":"8px"};
+      padding-inline-end: 16px;
+
+      .title {
+        font-size: 16px;
+      }
+      .description {
+        margin-top: 4px;
+      }
+    }
+
+    &::after {
+      content: "";
+      display: block;
+      position: absolute;
+      top: ${e=>e.$dot?"8px":"16px"};
+      inset-inline-start: ${e=>e.$dot?"8px":"16px"};
+      width: ${e=>"horizontal"===e.$alignment?"100%":"2px"};
+      height: ${e=>"horizontal"===e.$alignment?"2px":"100%"};
+    }
+
+    &.completed {
+      &:hover {
+        &::after {
+          background-color: ${e=>un(e.$theme,"completed").bgHover};
+        }
+      }
+      &::after {
+        background-color: ${e=>un(e.$theme,"completed").bg};
+      }
+    }
+
+    &.active::after {
+      background-color: ${e=>un(e.$theme,"active").bg};
+    }
+
+    &.upComing {
+      &:hover {
+        &::after {
+          background-color: ${e=>un(e.$theme,"upComing").bgHover};
+        }
+      }
+      &::after {
+        background-color: ${e=>un(e.$theme,"upComing").bg};
+      }
+    }
+
+    &:last-child::after {
+      display: none;
+    }
+  }
+`,hn=r=>{var{label:o,description:n,error:i,onChange:a,value:l,groupValue:s,style:d="primary"}=r,c=v(r,["label","description","error","onChange","value","groupValue","style"]);const p=b(),u={neutral:{default:(g=p).palette.neutral[600],hovered:g.palette.neutral[800],active:g.palette.neutral[900],disabled:g.palette.neutral[200]},primary:{default:g.palette.primary[600],hovered:g.palette.primary[800],active:g.palette.primary[900],disabled:g.palette.neutral[200]}};var g;const h=null!=d?d:"primary";let A=p.textColor,f=u[h].default,x=u[h].hovered,y=u[h].active,C=p.palette.neutral[950],w=p.palette.neutral[600],$=p.palette.neutral[500],k=p.palette.neutral[300];const S=c.id;return t(mn,{$customStyle:{theme:p,fontColor:A,backgroundColor:f,backgroundColorHovered:x,backgroundColorActive:y,sliderBg:C,sliderBgHovered:w,sliderBgActive:$,sliderBgDisabled:k},className:m("dgaui dgaui_radioContainer",c.className),children:[t("div",{className:"dgaui_radioHead",children:[t("label",{className:"dgaui_radio",children:[e("input",Object.assign({id:S,type:"radio"},c,{checked:s===l,onChange:e=>a&&a(e,l)})),e("span",{className:"dgaui_radioDot"})]}),e("label",{htmlFor:S,className:"dgaui_radioLabel",children:o})]}),t("div",{className:"dgaui_radioDescription",children:[n&&e("div",{className:"dgaui_radioDescriptionText",children:n}),i&&e("div",{className:"dgaui_radioDescriptionError",children:i})]})]})},mn=sr.div`
+  direction: ${e=>e.$customStyle.theme.direction};
+  color: ${e=>e.$customStyle.fontColor};
+
+  .dgaui_radioLabel {
+    cursor: pointer;
+    text-align: start;
+    margin-inline-start: 16px;
+    font-weight: 500;
+  }
+
+  .dgaui_radioDescription {
+    padding-inline-start: 40px;
+    .dgaui_radioDescriptionText {
+      margin-top: 8px;
+      color: ${e=>e.$customStyle.theme.palette.neutral[700]};
+    }
+    .dgaui_radioDescriptionError {
+      font-weight: 500;
+      color: ${e=>e.$customStyle.theme.palette.error[700]};
+      position: relative;
+      margin-top: 8px;
+
+      &::before {
+        content: "";
+        background: url("${fr}");
+        width: 18px;
+        height: 18px;
+        background-repeat: no-repeat;
+        background-size: contain;
+        display: block;
+        position: absolute;
+        inset-inline-start: -40px;
+      }
+    }
+  }
+
+  .dgaui_radioHead {
+    display: flex;
+    align-items: center;
+
+    &:hover {
+      .dgaui_radio {
+        box-shadow: 0 0 0px 12px #f3f4f6;
+        background-color: #f3f4f6;
+      }
+      &:has(input:checked) {
+        .dgaui_radioDot {
+          background-color: ${e=>e.$customStyle.backgroundColorActive};
+        }
+      }
+    }
+
+    &:active {
+      .dgaui_radio {
+        background-color: #d2d6db;
+      }
+      &:has(input:checked) {
+        &:active {
+          .dgaui_radioDot {
+            background-color: ${e=>e.$customStyle.backgroundColorActive};
+          }
+        }
+      }
+    }
+
+    &:has(input:disabled) {
+      color: #9da4ae;
+
+      &:hover {
+        .dgaui_radio {
+          box-shadow: none;
+          background-color: transparent;
+        }
+      }
+      &:has(input:checked) {
+        &:active {
+          .dgaui_radioDot {
+            background: #9da4ae;
+          }
+        }
+      }
+    }
+
+    &:focus-within {
+      .dgaui_radio {
+        box-shadow: none;
+        z-index: 1;
+
+        &::after {
+          content: " ";
+          position: absolute;
+          top: -5px;
+          left: -5px;
+          right: -5px;
+          bottom: -5px;
+          border: 2px solid #0d121c;
+        }
+      }
+    }
+  }
+
+  .dgaui_radio {
+    cursor: pointer;
+    position: relative;
+    display: inline-block;
+    width: 22px;
+    height: 22px;
+    outline: none;
+    border: 1px solid #000;
+    border-radius: 50px;
+    transition: all 0.1s;
+
+    .dgaui_radioDot {
+      border-radius: 50px;
+      position: absolute;
+      top: 3.5px;
+      left: 3.5px;
+      z-index: 1;
+      width: 15px;
+      height: 15px;
+      background-color: none;
+    }
+
+    input {
+      flex: 0;
+      opacity: 0;
+      width: 0;
+      height: 0;
+
+      &:checked + .dgaui_radioDot {
+        background-color: ${e=>e.$customStyle.backgroundColor};
+      }
+      &:checked:disabled + .dgaui_radioDot {
+        background-color: #9da4ae;
+      }
+    }
+
+    &:has(input:checked) {
+      &:hover {
+        background-color: #f3f4f6;
+        .dgaui_radioDot {
+          background-color: ${e=>e.$customStyle.backgroundColorHovered};
+        }
+      }
+      &:active {
+        background-color: #f3f4f6;
+        .dgaui_radioDot {
+          background-color: ${e=>e.$customStyle.backgroundColorActive};
+        }
+      }
+      &:disabled {
+        background-color: red;
+        &:hover,
+        &:active {
+          background-color: #9da4ae;
+        }
+      }
+    }
+
+    &:has(input:disabled) {
+      border: 1px solid #9da4ae;
+      background-color: transparent;
+      .dgaui_radioDot {
+        background-color: transparent;
+      }
+
+      &:hover,
+      &:active {
+        box-shadow: none;
+        background-color: transparent;
+        .dgaui_radioDot {
+          background-color: transparent;
+        }
+      }
+      &:has(input:checked) {
+        .dgaui_radioDot {
+          background-color: #9da4ae;
+          &:active {
+            background-color: #9da4ae;
+          }
+        }
+      }
+    }
+  }
+`,An=t=>{var{onChange:r,name:n,value:i,layout:a,children:l}=t,s=v(t,["onChange","name","value","layout","children"]);const d=b(),c=n||A(),p=o.Children.map(l,((e,t)=>o.cloneElement(e,{onChange:r,name:c,id:c+"_"+t,groupValue:i})));return e(fn,Object.assign({className:`dgaui dgaui_radioGroup_${null!=a?a:"horizontal"}`,$direction:d.direction},s,{children:p}))},fn=sr.div`
+  direction: ${e=>e.$direction};
+  &.dgaui_radioGroup_vertiaval {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    .dgaui_radioContainer {
+      margin-bottom: 32px;
+    }
+  }
+
+  &.dgaui_radioGroup_horizontal {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+
+    .dgaui_radioContainer {
+      margin-inline-end: 32px;
+    }
+  }
+
+  .dgaui_radio {
+    position: absolute !important;
+  }
+
+  .dgaui_radioLabel {
+    margin-inline-start: 40px;
+  }
+`,bn=r=>{var{label:o,helperText:n,color:i,alertMessage:a,checked:l,trailSwitch:s,icon:d,onChange:c}=r,p=v(r,["label","helperText","color","alertMessage","checked","trailSwitch","icon","onChange"]);const u=b(),g={neutral:{default:(h=u).palette.neutral[600],hovered:h.palette.neutral[800],active:h.palette.neutral[900],disabled:h.palette.neutral[200]},primary:{default:h.palette.primary[600],hovered:h.palette.primary[800],active:h.palette.primary[900],disabled:h.palette.neutral[200]},secondary:{default:h.palette.secondary[600],hovered:h.palette.secondary[800],active:h.palette.secondary[900],disabled:h.palette.neutral[200]},error:{default:h.palette.error[600],hovered:h.palette.error[800],active:h.palette.error[900],disabled:h.palette.neutral[200]},warning:{default:h.palette.warning[600],hovered:h.palette.warning[800],active:h.palette.warning[900],disabled:h.palette.neutral[200]},success:{default:h.palette.success[600],hovered:h.palette.success[800],active:h.palette.success[900],disabled:h.palette.neutral[200]},info:{default:h.palette.info[600],hovered:h.palette.info[800],active:h.palette.info[900],disabled:h.palette.neutral[200]}};var h;const f=null!=i?i:"primary";let x=u.textColor,y=g[f].default,C=g[f].hovered,w=g[f].active,$=u.palette.neutral[950],k=u.palette.neutral[600],S=u.palette.neutral[500],B=u.palette.neutral[300];const E=p.id||A();return t(xn,{$customStyle:{theme:u,fontColor:x,backgroundColor:y,backgroundColorHovered:C,backgroundColorActive:w,sliderBg:$,sliderBgHovered:k,sliderBgActive:S,sliderBgDisabled:B},className:m("dgaui dgaui_switchContainer "+(s?"endSwitch":""),p.className),children:[t("div",{className:"dgaui_switchHead",children:[t("label",{className:"dgaui_switch",children:[e("input",Object.assign({id:E,type:"checkbox"},p,{checked:l,onChange:e=>c&&c(e,e.target.checked)})),e("span",{className:"dgaui_switchSlider",children:d&&e("span",{className:"icon",children:d})})]}),e("label",{htmlFor:E,className:"dgaui_switchLabel",children:o})]}),t("div",{className:"dgaui_switchDescription",children:[n&&e("div",{className:"dgaui_switchDescriptionText",children:n}),a&&e("div",{className:"dgaui_switchDescriptionError",children:a})]})]})},xn=sr.div`
+  direction: ${e=>e.$customStyle.theme.direction};
+  color: ${e=>e.$customStyle.fontColor};
+
+  .dgaui_switchLabel {
+    cursor: pointer;
+    text-align: start;
+    margin-inline-start: 8px;
+    font-weight: 500;
+  }
+
+  .dgaui_switchDescription {
+    padding-inline-start: 64px;
+    .dgaui_switchDescriptionText {
+      margin: 4px 0;
+    }
+    .dgaui_switchDescriptionError {
+      font-weight: 500;
+      color: ${e=>e.$customStyle.theme.palette.error[700]};
+      position: relative;
+      margin: 4px 0;
+
+      &::before {
+        content: "";
+        background: url("${fr}");
+        width: 18px;
+        height: 18px;
+        background-repeat: no-repeat;
+        background-size: contain;
+        display: block;
+        position: absolute;
+        inset-inline-start: -40px;
+      }
+    }
+  }
+
+  &.endSwitch {
+    .dgaui_switchLabel {
+      margin-inline-start: 0px;
+      margin-inline-end: 8px;
+    }
+
+    .dgaui_switchHead {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-direction: row-reverse;
+    }
+    .dgaui_switchDescription {
+      padding-inline-start: 0px;
+
+      .dgaui_switchDescriptionText {
+      }
+      .dgaui_switchDescriptionError {
+        display: flex;
+        align-items: center;
+
+        &::before {
+          position: initial;
+          margin-inline-end: 8px;
+        }
+      }
+    }
+  }
+
+  .dgaui_switch {
+    cursor: pointer;
+
+    &:hover {
+      border-radius: 24px;
+      border: 4px solid #f3f4f6;
+
+      .dgaui_switchSlider {
+        border: 1px solid #4d5761;
+
+        &::before {
+          background-color: ${e=>e.$customStyle.sliderBgHovered};
+        }
+      }
+    }
+
+    &:active {
+      .dgaui_switchSlider {
+        &::before {
+          background-color: ${e=>e.$customStyle.sliderBgActive};
+        }
+      }
+    }
+
+    position: relative;
+    display: inline-block;
+    width: 48px;
+    height: 24px;
+    outline: none;
+    border: 4px solid transparent;
+
+    &:focus-within {
+      border: 4px solid #fff;
+      z-index: 1;
+
+      &::after {
+        content: " ";
+        position: absolute;
+        top: -4px;
+        left: -4px;
+        right: -4px;
+        bottom: -4px;
+        border: 2px solid #0d121c;
+        border-radius: 2px;
+      }
+    }
+
+    .dgaui_switchSlider {
+      border: 1px solid #0d121c;
+      border-radius: 24px;
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: #fff;
+      transition: background-color 0.2s;
+      display: flex;
+      align-items: center;
+      justify-content: left;
+
+      &::before {
+        background-color: ${e=>e.$customStyle.sliderBg};
+        content: "";
+        height: 16px;
+        width: 16px;
+        transition: 0.2s;
+        border-radius: 50%;
+        margin-left: 4px;
+      }
+    }
+
+    input {
+      opacity: 0;
+      width: 0;
+      height: 0;
+
+      &:checked + .dgaui_switchSlider {
+        border: none;
+        background-color: ${e=>e.$customStyle.backgroundColor};
+
+        &:before {
+          background-color: #fff;
+          transform: translateX(24px);
+        }
+
+        &:hover {
+          background-color: ${e=>e.$customStyle.backgroundColorHovered};
+        }
+        &:active {
+          background-color: ${e=>e.$customStyle.backgroundColorActive};
+        }
+      }
+
+      &:disabled + .dgaui_switchSlider {
+        background-color: #fff;
+        &:before {
+          background-color: #d2d6db;
+        }
+      }
+      &:disabled:checked + .dgaui_switchSlider {
+        background-color: #d2d6db;
+        &:before {
+          background-color: #fff;
+        }
+      }
+    }
+    .icon {
+      display: none;
+    }
+    &:has(input:checked) {
+      .icon {
+        position: absolute;
+        z-index: 2;
+        inset-inline-end: 5px;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+      }
+    }
+
+    &:has(input:disabled:hover) {
+      border: 4px solid transparent;
+    }
+  }
+`,vn={xsmall:{w:64,h:20,py:8,f:10},small:{h:24,py:8,f:12},medium:{h:32,py:16,f:16}},yn=r=>{var o,n,i,{children:a,status:l,size:s,style:d}=r,c=v(r,["children","status","size","style"]);const p=b(),u=null!=d?d:"neutral",g=null!=s?s:"medium",h=l||"subtle",A={neutral:{subtle:{bg:(f=p).palette.neutral[50],iconBg:f.palette.neutral[600],font:f.palette.neutral[800]},inverted:{bg:f.palette.neutral[600],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:f.palette.neutral[600],font:f.palette.neutral[800]}},blue:{subtle:{bg:"#EFF8FF",iconBg:f.palette.info[800],font:f.palette.info[800]},inverted:{bg:f.palette.info[600],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:f.palette.info[800],font:f.palette.neutral[800]}},green:{subtle:{bg:f.palette.success[50],iconBg:f.palette.success[800],font:f.palette.success[800]},inverted:{bg:f.palette.success[700],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:f.palette.success[800],font:f.palette.neutral[800]}},red:{subtle:{bg:f.palette.error[50],iconBg:f.palette.error[800],font:f.palette.error[800]},inverted:{bg:f.palette.error[600],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:f.palette.error[800],font:f.palette.neutral[800]}},yellow:{subtle:{bg:f.palette.warning[50],iconBg:f.palette.warning[800],font:f.palette.warning[800]},inverted:{bg:f.palette.warning[700],iconBg:"#ffffff99",font:"#fff"},ghost:{bg:"transparent",iconBg:f.palette.warning[800],font:f.palette.neutral[800]}}};var f;let x=null===(o=A[u][h])||void 0===o?void 0:o.bg,y=null===(n=A[u][h])||void 0===n?void 0:n.iconBg,C=null===(i=A[u][h])||void 0===i?void 0:i.font;return t(Cn,{className:m("dgaui dgaui_statusTag",c.className),$customStyle:{direction:p.direction,height:vn[g].h,paddingY:vn[g].py,fontSize:vn[g].f,fontColor:C,backgroundColor:x,iconBackgroundColor:y},children:[e("i",{className:"dgaui_icon"}),a]})},Cn=sr.div`
+  direction: ${e=>e.$customStyle.direction};
+  height: ${e=>e.$customStyle.height}px;
+  padding: 0 ${e=>e.$customStyle.paddingY}px;
+  font-size: ${e=>e.$customStyle.fontSize}px;
+  color: ${e=>e.$customStyle.fontColor};
+  background-color: ${e=>e.$customStyle.backgroundColor};
+  outline: none;
+  border-radius: 9999px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  .dgaui_icon {
+    width: 10px;
+    height: 10px;
+    border-radius: 100%;
+    background-color: ${e=>e.$customStyle.iconBackgroundColor};
+    margin-inline-end: 8px;
+  }
+`,wn=({contained:r,compact:n,alternatingRows:i,selectable:a,className:l,labels:s,values:d,onRowClick:c,onCheck:p,responsiveThreshold:u,columnDivider:g,headerColumnDivider:h=!0,lastColumnWidthMultiply:A})=>{const f=b(),[x,v]=o.useState(!1),[y,C]=o.useState(!1),w=e=>{null==p||p(d.map((t=>t===e?Object.assign(Object.assign({},t),{selected:!(null==t?void 0:t.selected)}):t)))};return o.useEffect((()=>{if(a){let e=!0;d.forEach((t=>{(null==t?void 0:t.selected)||(e=!1)})),v(e)}}),[d]),o.useEffect((()=>{const e=()=>C(window.innerWidth<=(u||768));return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]),y?e(kn,{$theme:f,$compact:n,$contained:r,$alternatingRows:i,$onRowClick:!!c,className:m("dgaui dgaui_table",l),children:d.map(((r,o)=>{const l=null==r?void 0:r.selected;return t("div",{className:"mobileRow "+(l?"checked ":""),onClick:e=>{if(!(e.target instanceof HTMLElement))return;"DIV"===e.target.nodeName&&(null==c||c(r))},children:[a&&e("div",{className:"cell selectable",children:e(vr,{size:n?"small":"medium",value:l,onChange:()=>w(r),onClick:e=>e.stopPropagation()})}),Object.keys(s).filter((e=>!!s[e])).map(((o,n)=>t("div",{className:"mobileRowContainer",children:[e("div",{className:"cell label",children:s[o]}),e("div",{className:"cell value "+(i?(n+1)%2==0?"even":"odd":""),children:r[o]})]},n)))]},o)}))}):t($n,{$theme:f,$headerColumnDivider:h,$compact:n,$contained:r,$alternatingRows:i,$onRowClick:!!c,className:m("dgaui dgaui_table"+(g?" columnDivider":""),l),cellPadding:0,cellSpacing:0,children:[e("thead",{children:t("tr",{children:[a&&e("th",{className:"selectable",children:e(vr,{value:x,onChange:(e,t)=>{if(v(t),p){let e=[];e=t?d.map((e=>Object.assign(Object.assign({},e),{selected:!0}))):d.map((e=>Object.assign(Object.assign({},e),{selected:!1}))),p(e)}}})}),Object.keys(s).filter((e=>!!s[e])).map(((t,r)=>e("th",{style:{flex:A&&r===Object.keys(s).length-1?A:void 0},children:s[t]},r)))]})}),d&&d.length>0&&e("tbody",{children:d.map(((r,o)=>{const n=null==r?void 0:r.selected;return t("tr",{onClick:e=>{if(!(e.target instanceof HTMLElement))return;const t=e.target.nodeName;"TR"!==t&&"TD"!==t||null==c||c(r)},className:(n?"checked ":"")+(i?(o+1)%2==0?"even":"odd":""),children:[a&&e("td",{className:"selectable",children:e(vr,{value:n,onChange:()=>w(r),onClick:e=>e.stopPropagation()})}),Object.entries(r).filter((e=>!!s[e[0]])).map((([t,r],o)=>s[t]&&e("td",{style:{flex:A&&o===Object.keys(s).length-1?A:void 0},children:r},t)))]},o)}))})]})},$n=sr.table`
+  direction: ${e=>e.$theme.direction};
+  width: 100%;
+  overflow: hidden;
+  transition: background-color 0.2s;
+
+  ${e=>e.$contained?`border: 1px solid ${e.$theme.palette.neutral[400]}; border-radius: 8px;`:""}
+
+  tr {
+    display: flex;
+    &.even {
+      background-color: ${e=>e.$theme.palette.neutral[50]};
+    }
+    &.checked {
+      background-color: ${e=>e.$theme.palette.primary[50]};
+    }
+
+    &:hover {
+      ${e=>e.$onRowClick?`background-color: ${e.$theme.palette.neutral[25]};`:""}
+
+      &.even {
+        ${e=>e.$onRowClick?`background-color: ${e.$theme.palette.neutral[100]};`:""}
+
+        &:active {
+          background-color: ${e=>e.$theme.palette.primary[25]};
+        }
+      }
+
+      &.checked {
+        background-color: ${e=>e.$theme.palette.primary[50]};
+
+        &:active {
+          background-color: ${e=>e.$theme.palette.primary[25]};
+        }
+      }
+    }
+
+    border-end-start-radius: ${e=>e.$contained?8:0}px;
+    border-end-end-radius: ${e=>e.$contained?8:0}px;
+
+    &:last-child {
+      td {
+        border-bottom: ${e=>e.$contained?"none":`1px solid ${e.$theme.palette.neutral[300]}`};
+      }
+    }
+
+    &:active {
+      background-color: ${e=>e.$theme.palette.primary[25]};
+    }
+  }
+
+  th,
+  td {
+    flex: 1;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-wrap: wrap;
+    overflow: hidden;
+    box-sizing: border-box;
+
+    &.selectable {
+      flex: none;
+    }
+  }
+
+  th {
+    background-color: ${e=>e.$theme.palette.neutral[100]};
+    border-inline-end: ${e=>e.$headerColumnDivider?"1":"0"}px solid
+      ${e=>e.$theme.palette.neutral[300]};
+    border-bottom: 1px solid ${e=>e.$theme.palette.neutral[300]};
+    border-top: 1px solid
+      ${e=>e.$contained?0:e.$theme.palette.neutral[300]};
+    color: ${e=>e.$theme.palette.neutral[700]};
+    font-size: 12px;
+    font-weight: 500;
+    height: 48px;
+    padding: 0 16px;
+
+    &:first-child {
+      border-start-start-radius: ${e=>e.$contained?8:0}px;
+    }
+
+    &:last-child {
+      border-start-end-radius: ${e=>e.$contained?8:0}px;
+      border-inline-end: none;
+    }
+  }
+
+  td {
+    flex: 1;
+    padding: 0 16px;
+    height: ${e=>e.$compact?48:64}px;
+    border-bottom: 1px solid ${e=>e.$theme.palette.neutral[300]};
+    ${e=>e.$onRowClick?"cursor: pointer;":""}
+
+    &.selectable {
+      border-inline-end: 1px solid ${e=>e.$theme.palette.neutral[300]};
+    }
+  }
+
+  &.columnDivider {
+    td {
+      border-inline-end: 1px solid ${e=>e.$theme.palette.neutral[300]};
+      &:last-child {
+        border-inline-end: none;
+      }
+    }
+  }
+`,kn=sr.div`
+  direction: ${e=>e.$theme.direction};
+  width: 100%;
+  transition: background-color 0.2s;
+
+  .mobileRow {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 16px;
+    width: 100%;
+    ${e=>e.$contained?`border-left: 1px solid ${e.$theme.palette.neutral[300]};border-right: 1px solid ${e.$theme.palette.neutral[300]};`:""}
+
+    .cell {
+      height: ${e=>e.$compact?30:36}px;
+      padding: 0 8px;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      font-size: ${e=>e.$compact?10:12}px;
+    }
+
+    .mobileRowContainer {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      flex-wrap: wrap;
+      overflow: hidden;
+      box-sizing: border-box;
+      border-top: 1px solid ${e=>e.$theme.palette.neutral[300]};
+
+      &:last-child {
+        border-bottom: 1px solid ${e=>e.$theme.palette.neutral[300]};
+      }
+
+      .label {
+        flex: 1;
+        background-color: ${e=>e.$theme.palette.neutral[100]};
+        border-inline-end: 1px solid ${e=>e.$theme.palette.neutral[300]};
+        color: ${e=>e.$theme.palette.neutral[700]};
+        font-weight: 600;
+      }
+      .value {
+        flex: 2;
+
+        &.even {
+          background-color: ${e=>e.$theme.palette.neutral[50]};
+        }
+      }
+    }
+
+    &.checked {
+      background-color: ${e=>e.$theme.palette.primary[50]};
+      .mobileRowContainer .even {
+        background-color: ${e=>e.$theme.palette.primary[50]};
+      }
+      .selectable {
+        background-color: ${e=>e.$theme.palette.primary[50]};
+      }
+    }
+
+    .selectable {
+      border-top: 1px solid ${e=>e.$theme.palette.neutral[300]};
+    }
+  }
+`,Sn=t=>{var{children:r,size:o="large",flush:n,vertical:i=!1}=t,a=v(t,["children","size","flush","vertical"]);const l=b(),s=En(r,o,i);return e(Bn,Object.assign({},a,{className:m("dgaui dgaui_tabList",a.className),$theme:l,$flush:n,$vertical:i,children:s}))},Bn=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: flex;
+  position: relative;
+  ${e=>e.$vertical?"flex-direction: column;":""};
+
+  &::after {
+    content: "";
+    display: ${e=>e.$vertical?"none":"block"};
+    position: absolute;
+    height: 3px;
+    width: 100%;
+    border-radius: 10px;
+    bottom: 0;
+    left: 0;
+    background: ${e=>e.$theme.palette.neutral[300]};
+    z-index: 1;
+  }
+
+  .dgaui_tab {
+    border: none;
+    &:focus {
+      border: none;
+    }
+    &::after {
+      ${e=>e.$vertical?"":"bottom: 0;"};
+      ${e=>e.$flush&&!e.$vertical?"width: 100%;":""}
+      ${e=>e.$flush&&e.$vertical?"height: 100%;":""}
+    }
+  }
+`,En=(e,t,r)=>o.Children.map(e,(e=>o.isValidElement(e)?e.type===o.Fragment?En(e.props.children,t,r):o.cloneElement(e,{size:t,vertical:r}):e)),Nn=o.forwardRef(((r,o)=>{var{label:n,style:i,error:a,scrollBar:l=!1,resize:s=!0}=r,d=v(r,["label","style","error","scrollBar","resize"]);const c=b();let p=c.textColor,u=c.palette.neutral[500],g=`1px solid ${a?c.palette.error[700]:c.palette.neutral[400]}`,h=`1px solid ${a?c.palette.error[700]:c.palette.neutral[700]}`,A="#FFF",f=a?c.palette.error[700]:c.textColor,x=c.elevation.shadows.md;return"filledDarker"===i&&(A=c.palette.neutral[100]),d.disabled&&(p=c.palette.neutral[400],g=`1px solid ${c.palette.neutral[200]}`,h=`1px solid ${c.palette.neutral[200]}`),t("div",{style:{direction:c.direction,display:"flex",flexDirection:"column",color:c.textColor,width:"100%",overflow:"hidden"},className:m("dgaui dgaui_textarea",d.className),children:[e("label",{style:{marginBottom:8,textAlign:"start"},htmlFor:d.id,children:n}),e(zn,Object.assign({$customStyle:{direction:c.direction,placeholderFontColor:u,fontColor:p,border:g,borderHovered:h,backgroundColor:A,shadowFocus:x,scrollBar:l,resize:s}},d,{ref:o})),e(In,{$bgColor:f,className:"dgauiInputSeparator"})]})})),zn=sr.textarea`
+  outline: none;
+  direction: ${e=>e.$customStyle.direction};
+  border-radius: 4px;
+  width: 100%;
+  min-height: 96px;
+  padding: 12px 16px;
+  font-size: 16px;
+  color: ${e=>e.$customStyle.fontColor};
+  border: ${e=>e.$customStyle.border};
+  background-color: ${e=>e.$customStyle.backgroundColor};
+  box-sizing: border-box;
+
+  resize: ${e=>e.$customStyle.resize?"both":"none"};
+  overflow-y: ${e=>e.$customStyle.scrollBar?"scroll":"auto"};
+
+  &::placeholder {
+    color: ${e=>e.$customStyle.placeholderFontColor};
+    font-weight: 300;
+  }
+  &:focus {
+    ${e=>e.$customStyle.shadowFocus};
+  }
+
+  &:hover {
+    border: ${e=>e.$customStyle.borderHovered};
+  }
+
+  &:focus + .dgauiInputSeparator {
+    transform: scaleX(0.995) translateY(-2.5px);
+    opacity: 1;
+  }
+  &:active + .dgauiInputSeparator {
+    transform: scaleX(0.5) translateY(-2.5px);
+    opacity: 1;
+  }
+  &:read-only + .dgauiInputSeparator,
+  &:disabled + .dgauiInputSeparator {
+    transform: scaleX(0) translateY(-2.5px);
+    opacity: 0;
+  }
+`,In=sr.span`
+  height: 2px;
+  background: ${e=>e.$bgColor};
+  display: block;
+  transform: scaleX(0) translateY(-2.5px);
+  transform-origin: 50%;
+  opacity: 1;
+  transition: all 0.2s;
+  border-bottom-left-radius: 50px;
+  border-bottom-right-radius: 50px;
+`;const Fn=r=>{var{leadText:o,helpText:n,type:i,actions:a,closeButton:l,onClose:s,style:d}=r,c=v(r,["leadText","helpText","type","actions","closeButton","onClose","style"]);const p=b(),u=No(),g=(e=>({neutral:{icon:"data:image/png;base64,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",vLine:e.palette.neutral[200],border:e.palette.neutral[200],font:e.palette.neutral[800],bg:e.palette.neutral[25]},critical:{icon:"data:image/png;base64,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",vLine:e.palette.error[600],border:e.palette.error[200],font:e.palette.error[700],bg:e.palette.error[25]},warning:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAE2ElEQVRYCc1ZTWxbRRCeffYzaQqp05LYlYJkV0JCodRBHBrEoQ5I7RkJOHBqpXB2Um5wiHPJjWCfATVcQIIDEidSCSWcmhxAaYBwqNQYEUTSNsSN0kT4b/lmnffs5L2194X8MJLz9s3M7n47Mzs7+yLogCTLD9NUpQESdIWEGMAwUSKJH5Mool0gSQW83CWLZoXdM4t2YBJBeki5EaVKJUNSjDTAmI4gCtCcJTs0LkQ3t43ICOAusDFYBMAOg8SUKdC2AGVpPQNrZYNbrN1C2KK1cRHpnWql2RIg4uzjw7OaFkZORHpGdVJfgMql5co36JTWdTxk/gLZ4SHEJjbXXrL2vu6+lSszaKV9ZUfDHKC6QTyjewAqtxLSx/FTWpYQUvtoj4tl6cF15LBb+3SO97VWHRUd8ZwzqQtQ7mwkKFSFa2XCEZ7Qs4h4TDrx2HBxqDr2PwDHNokiHoGlTsqCdetVlh1mkOffP9+h1bnbtDY/TeWtx6prZ+w56kr2U98bb9PZl14NMlxD1w53sxXrAEuPbsF61xvS9q3tByu0mLtJDJBBxC9fpVMAZp/uos37v9L6L3O0NjdN8cFr9MJwljpjfe0HbdaQSOJPxbIOQFjPPPYYwNwH71DXhRcplZkEMP/Jd7CIu1jEztof9MqHnyr9Zgxt2kUk8G6hqhJJM22UXTFbbh7g+l5/i55/96bLb9W498UkFb79jF7LTwezpKAhi2rBEvJvn2TpVG+fMTgGzgt5BtZezJstyF0syjkLtVrKZbRpcLxxXLFb/cixlJ8sNTKp4nUdY5hTLW2hGEiYdlj5/msV9PqY+1NtEL/x2Oq8mdaw443JCqU4DyZMO2wuL9HZiwdMG5gkfvkaAH5nOh30ZJQBRk17bGM3dl3oN1X36HVgt1eebHr4LRjRcAuhr6jcYoLewau4ougpghwZlBgg12BGVrSfPoOctqKdoxNxFj59RivfvL+kkrlWwSsowsV8AzOjGGJoFUeajhbz79NPE8M6MU6XO+oI1Cp4BQWLhFzw8v05MbiQU822xop8WlzKfOTbmRM8pyg+n42pVvvdwt32B9MO55AmOFXoEi6nEj7+/IjP7RjO5UDFg7AWLAqRsQV5Yk64fBbf+9JT/PrhUjzW5fO4fzir1fEV8IWfBSi1N/Aw2iiszwB/nHhPHXmXcKroKhWn4mH9wYmvtNblMb0kC7iSJusA/3mYRX4Y8yrpOVypLOFc5rhi1527OKgAcBpia63O33ZLsVYVj34GMSUiz96oA+RPGuUKWzEw8abhI5BPGU7kTJyOeMfHsakCxVzz7HYFZf/5ggLIfFl6lMPfTLPOybXr1uP5GwDrVlwGzzgWj2YB+CpmV3GJP1/g8fksVrR7ixp33k/wOe6AYwwuQH5BiQ03izy3T4Zkfv/HJNfFzYCQdmbwnm7mHX1bLgDcy/vn2WNBV2iH30R7wX0/+gY+bD4Z8pvGF6C6j0Z6sJrjcDe7tQebIlk0BugoIlGOIPXcwK/g8A7xWcSFbRRuxRx68rVgs7oK2mp1iKT8vJn/39oyT/ZWUnTwpmxNvptE10Xu/JUgK5RF9rwC9yd0ehp+ERe0PEW2cjp3+vULBLB5AHXhr9+pUwCcgIx/UfyYilgAAKHWlCjnUDEd9N8Q/wKvLq424p4TIgAAAABJRU5ErkJggg==",vLine:e.palette.warning[600],border:e.palette.warning[200],font:e.palette.warning[700],bg:e.palette.warning[25]},success:{icon:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAFJklEQVRYCc1YTWhcVRQ+976JKGbamSZTqBA7cadTSFqp0LpwgoUWdCNNshKMSFcFmxDQ5cxsKyURrAsDNgtXMdBNhQSVTBdaiCgjmLgzo4EKTdKZZlIjZN69nu8mb/pmMj/3hST1wMy7P+fne+eec+59V9AeaUWXklKpXi3kG0LrXiIR0UQRqBNERf7Lcz+vNf1KkrIxEc7uxRTrsqeC1hFFG9dI0bAHxlZakADgrCOdTFQ8l7eXs+DcAZbSDMyC3YJFTNoCbenBNQ2P6XRQj7VCaTyqVaYzdGSyGW9TgGu6NLZ/XqsPQ0sxHhPtI/VnTTzvnsKSunrjNmlK7p7d/xEhKCdFuS8qosVa7bJ2AH2lH88dFjjY40zvdXXoNtq1tAugWVZTNmpZD7jPq7WiN8ZqrVTF4Gp5fYiEuFXLdJh9TWok5hwd92xWABb0Zlwpd06TjnuTT+lZdGS524vHyhK7yk39D8DBJ5EytaU85xgPwnuuKi95g0GeP/6xQLOL8zSz+BM92nxsRF88dpwSJ07SwJk+Ov9SIoi6Ci97MQovGoCr7gbHnR6qzFo0lgsPaGT6JgHg+e4EXXzlNeo6FqMjzz5PC/fzdI/HZ36fp0s8nnl7iLqixy20PmHRRJmYE04bgGvuxlKQ5f2NAfRPpOjUiTiNDVxtaNx7ieXCCn357keUeCH+BEHrVrHTCUcFTiVC0Vxr/m0OGO2fSNPgmSSNXhi0Ervx3RRN/PANffvhJw1fpp4i3sX6JJ9MkvUmG42l7kxSVyRmDQ568CKn2HsIiUAkRa8UmnpshRBvM5wQWFYbWv93O2nAO9Z/1cQrdFiTVknJ+2DcVmDq5zkT9DYBf+P7Kbr8RbqiGjLI6FnOdlsSQvZIzpa4rcDi33k6Z1E2AA5xN3phoEr1xZfPmhWoGmza0REU6khTHt/kX5yNCc5cP6Gk+GnqlzkDbpyXFCXGT11cH71a6R9v0jYAm8zvnlrf/Kdq8DKXm5Hpz8wY4nP465s0+uYgDb7aV8WHDmpkUAqxAM5gVl48ygaWiw+qbExfyZia+GjzukkCgGtUfhbuLwUqM8AmBWkAtKJLibNmW/Mzo3wAJLLzyutvNQQHmXtLC1xuTvrFm7aFEHmptcg15fJNYjsDEBRrPwHk/MefNwUHGezX2J9tSSn1p9RC3LUVQJnAr17BbRVfkEHSBDo8CJHjnURbexAvgoKLvRilxJbAi/0Yh4ZApCgrILDqlgr8sEoU8APgB19d54CPGcCNCrd3WAA/4hShYEv4LO1w2rsNwBW3hGNNylYYfDCeunPLxBWW7hwfuXBawfa2/HCFZvmohXjFUazZiaexTTHZ6bS/bwAWdCHiqhC8GJgAAlsgdhkUchDKETIeSRUo5oz09t/OsT9vAGJodas0zpc813w8T7G57T0AqADc8eISj1nH4kG8AWJPyi18xOehv/LRZM7/rsochNEgOjXf13jgqgCi0/EMf48q+jSIwn3lZdu1l0mVJfYbWlWlQ736gG3e1nIdsv20HwfalSX2Tzii/I7gCx3/2IG2BWWl2OqrZ6MuQMRjhwyfPpTlxrLKcN2bLQCuC9B7k8628DBfPXGxFHlvbL+eHFtF7YoRY6OJ0roxWMvPJSi+5Tpp/oB5r3ZuT332mhMqp7FSreStAHpKPKAO3+wH+dCHPDymGFgoVB63AebZDATQE8JzZauU5ABJcjL1sJI4X3jG9U6RBxi+SinyUS4ntLqrlMzF2sJZv7xt+z/+xgcVO9htPQAAAABJRU5ErkJggg==",vLine:e.palette.success[600],border:e.palette.success[200],font:e.palette.success[700],bg:e.palette.success[25]},info:{icon:"data:image/png;base64,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",vLine:e.palette.info[600],border:e.palette.info[200],font:e.palette.info[700],bg:e.palette.info[25]}}))(p)[i],h=!n&&!a;return t(Un,Object.assign({$theme:p,$colors:g,style:d},c,{className:m("dgaui dgaui_inlineAlert "+(u.isMobile?" mobile ":"")+(h?" minimal ":"")),children:[e("div",{className:"icon"}),t("div",{className:"content",children:[e("div",{className:"leadText",children:o}),n&&e("div",{className:"helpText",children:n}),a&&e("div",{className:"actions",children:a})]}),l&&e("div",{className:"close",onClick:()=>null==s?void 0:s()})]}))},Un=sr.div`
+	direction: ${e=>e.$theme.direction};
+	width: 100%;
+	display: flex;
+	position: relative;
+	padding: 16px 24px;
+	background-color: #ffffff;
+	border-radius: 8px;
+	border: 1px solid;
+	box-sizing: border-box;
+	overflow: hidden;
+
+	&::before {
+		content: '';
+		display: block;
+		width: 8px;
+		height: 100%;
+		position: absolute;
+		inset-inline-start: 0;
+		top: 0;
+		background-color: ${e=>e.$colors.vLine};
+	}
+
+	.icon {
+		min-width: 40px;
+		height: 40px;
+		background-image: url(${e=>e.$colors.icon});
+		background-repeat: no-repeat;
+		background-size: contain;
+		margin-inline-end: 12px;
+	}
+	.content {
+		width: 100%;
+		.leadText {
+			font-size: 16px;
+			font-weight: 600;
+			min-height: 40px;
+			display: flex;
+			align-items: center;
+}
+		.helpText {
+			font-size: 14px;
+			color: ${e=>e.$theme.palette.neutral[700]};
+			margin-top: 8px;
+		}
+		}
+		.actions {
+			margin-top: 16px;
+			button {
+				margin-inline-end: 8px;
+			}
+}
+	.close {
+		margin-inline-start: 12px;
+		cursor: pointer;
+		background-image: url(${mr});
+		background-repeat: no-repeat;
+		min-width: 20px;
+		height: 20px;
+		margin-top: 10px;
+		&:hover {
+			transform: scale(1.1);
+		}
+	}
+
+	&.mobile {
+		flex-direction: column;
+
+		&::before {
+			width: 100%;
+			height: 8px;
+			position: absolute;
+			top: 0;
+		}
+		.icon {
+			margin-bottom: 16px;
+		}
+		.content {
+			.title {
+				margin-inline-end: 16px;
+			}
+			.actionButtons {
+				display: flex;
+				flex-direction: column;
+
+				button {
+					margin-inline-end: 0;
+					margin-bottom: 8px;
+
+					&:last-child {
+						margin-bottom: 0;
+					}
+				}
+			}
+		}
+		.close {
+			margin-inline-start: 0;
+			position: absolute;
+			inset-inline-end: 16px;
+			top: 16px;
+		}
+	}
+
+	&.minimal {
+		padding: 16px 24px;
+
+		&.mobile {
+			padding-top: 14px;
+			flex-direction: row;
+			align-items: center;
+
+			.icon {
+				margin-bottom: 0;
+			}
+			.close {
+				position: initial;
+				margin-top: 0;
+				margin-inline-start: 16px;
+			}
+		}
+	}
+`,Rn=t=>{var{position:r="bottom-left",duration:o=993e3,rtl:n}=t,i=v(t,["position","duration","rtl"]);const a=document.createElement("div");a.className="dgaui dgaui_toastContainer";document.getElementsByTagName("body")[0].appendChild(a);const l=c(a),s=()=>{var e;null===(e=i.onClose)||void 0===e||e.call(i),l.unmount(),a.remove()},d=()=>{a.childNodes[0]&&a.childNodes[0]instanceof Element&&(a.childNodes[0].className=a.childNodes[0].className+" toastClose")};setTimeout(d,+o),setTimeout(s,+o+200),l.render(e(Dn,{className:"dgaui_toast",$position:r,children:e(Fn,Object.assign({},i,{onClose:()=>{d(),setTimeout(s,200)},closeButton:i.closeButton,style:{direction:n?"rtl":"ltr"}}))}))},On=e=>{switch(e){case"top-left":return{keyframes:dr`
+            from {
+                left: -484px;
+            }
+            to {
+                left: 16px;
+            }
+          `,css:ir`
+          top: 16px;
+          left: 16px;
+        `,backCss:ir`
+          left: -484px;
+        `,mobileCss:ir`
+          padding-inline-end: 16px;
+        `};case"top-center":return{keyframes:dr`
+            from {
+                top: -100vh;
+            }
+            to {
+                top: 16px;
+            }
+          `,css:ir`
+          top: 16px;
+          left: calc(50% - 242px);
+        `,backCss:ir`
+          top: -100vh;
+        `,mobileCss:ir`
+          padding: 0 8px;
+        `};case"top-right":return{keyframes:dr`
+              from {
+                  right: -484px;
+              }
+              to {
+                  right: 16px;
+              }
+            `,css:ir`
+          top: 16px;
+          right: 16px;
+        `,backCss:ir`
+          right: -484px;
+        `,mobileCss:ir`
+          padding-inline-start: 16px;
+        `};case"bottom-left":return{keyframes:dr`
+            from {
+                left: -484px;
+            }
+            to {
+                left: 16px;
+            }
+          `,css:ir`
+          bottom: 16px;
+          left: 16px;
+        `,backCss:ir`
+          left: -484px;
+        `,mobileCss:ir`
+          padding-inline-end: 16px;
+        `};case"bottom-center":return{keyframes:dr`
+            from {
+                bottom: -100vh;
+            }
+            to {
+                bottom: 16px;
+            }
+          `,css:ir`
+          bottom: 16px;
+          left: calc(50% - 242px);
+        `,backCss:ir`
+          bottom: -100vh;
+        `,mobileCss:ir`
+          padding: 0 8px;
+        `};case"bottom-right":return{keyframes:dr`
+              from {
+                  right: -484px;
+              }
+              to {
+                  right: 16px;
+              }
+            `,css:ir`
+          bottom: 16px;
+          right: 16px;
+        `,backCss:ir`
+          right: -484px;
+        `,mobileCss:ir`
+          padding-inline-start: 16px;
+        `}}},Dn=sr.div`
+  z-index: 2500;
+  width: 484px;
+  background-color: #fff;
+  position: fixed;
+  transition: all 0.2s;
+  ${e=>{var t;return null===(t=On(e.$position))||void 0===t?void 0:t.css}};
+  animation: ${e=>{var t;return null===(t=On(e.$position))||void 0===t?void 0:t.keyframes}} 0.2s
+    cubic-bezier(0.075, 0.82, 0.165, 1);
+
+  &.toastClose {
+    ${e=>{var t;return null===(t=On(e.$position))||void 0===t?void 0:t.backCss}};
+    animation-direction: reverse;
+  }
+
+  .dgaui_inlineAlert {
+    box-shadow: 0 32px 64px -12px #10182824;
+  }
+
+  &:has(.dgaui_inlineAlert.mobile) {
+    ${e=>{var t;return null===(t=On(e.$position))||void 0===t?void 0:t.mobileCss}};
+  }
+
+  @media screen and (max-width: 640px) {
+    width: calc(100% - 32px);
+  }
+`;const Tn=n=>{var{title:i,content:a,jsxContents:l,children:s,beakPlacement:d="top",beakAlignment:c="center",noBeak:p,inverted:u,backgroundColor:g,icon:h=!1}=n,A=v(n,["title","content","jsxContents","children","beakPlacement","beakAlignment","noBeak","inverted","backgroundColor","icon"]);const f=b(),[x,y]=o.useState(!1),[C,w]=o.useState(!1),$=o.useRef(null),k=o.useRef(null),[S,B]=o.useState({top:0,left:0,caret:{top:0,left:0,color:""}}),E=x||C;let N=u?f.palette.neutral[800]:"#fff";g&&(N=g);const z={toBottom:`${N} transparent transparent transparent`,toTop:`transparent transparent ${N} transparent`,toLeft:`transparent ${N} transparent transparent`,toRight:`transparent transparent transparent ${N}`},I=()=>{if($.current&&k.current){let e=0,t=0,r={top:0,left:0,color:""};const o=$.current.clientWidth,n=$.current.clientHeight,i=$.current.offsetTop,a=$.current.offsetLeft,l=k.current.clientWidth,s=k.current.clientHeight;"top"===d&&"start"===c&&(e=i-s-6,t=a,r={top:i-6,left:a+6,color:z.toBottom}),"top"===d&&"center"===c&&(e=i-s-6,t=a-l/2,r={top:i-6,left:a,color:z.toBottom}),"top"===d&&"end"===c&&(e=i-s-6,t=a+18-l,r={top:i-6,left:a,color:z.toBottom}),"bottom"===d&&"start"===c&&(e=i+n+6,t=a,r={top:i+n-6,left:a+6,color:z.toTop}),"bottom"===d&&"center"===c&&(e=i+n+6,t=a-l/2,r={top:i+n-6,left:a,color:z.toTop}),"bottom"===d&&"end"===c&&(e=i+n+6,t=a+24-l,r={top:i+n-6,left:a+6,color:z.toTop}),"left"===d&&"start"===c&&(e=i,t=a-l-6,r={top:i+6,left:a-6,color:z.toRight}),"left"===d&&"center"===c&&(e=i+9-s/2,t=a-l-6,r={top:i+6,left:a-6,color:z.toRight}),"left"===d&&"end"===c&&(e=i-s+24,t=a-l-6,r={top:i+6,left:a-6,color:z.toRight}),"right"===d&&"start"===c&&(e=i,t=a+o+6,r={top:i+6,left:a+o-6,color:z.toLeft}),"right"===d&&"center"===c&&(e=i-s/2+12,t=a+o+6,r={top:i+6,left:a+o-6,color:z.toLeft}),"right"===d&&"end"===c&&(e=i-s+24,t=a+o+6,r={top:i+6,left:a+o-6,color:z.toLeft}),B({top:e,left:t,caret:r})}};return o.useEffect((()=>{if($.current){I();const e=()=>{I()},t=e=>{var t;(null===(t=$.current)||void 0===t?void 0:t.contains(e.target))||(y(!1),w(!1))},r=e=>{I(),y(!0)},o=()=>{y(!1)};return window.addEventListener("click",t),window.addEventListener("resize",e),$.current.addEventListener("mouseover",r),$.current.addEventListener("mouseleave",o),$.current.addEventListener("click",r),()=>{var n,i,a;window.removeEventListener("resize",e),window.removeEventListener("click",t),null===(n=null==$?void 0:$.current)||void 0===n||n.removeEventListener("mouseover",r),null===(i=null==$?void 0:$.current)||void 0===i||i.removeEventListener("mouseleave",o),null===(a=null==$?void 0:$.current)||void 0===a||a.removeEventListener("click",r)}}}),[$,k,d,c]),t(Yn,Object.assign({className:m("dgaui dgaui_tooltip",A.className),$theme:f,$inverted:u},A,{ref:$,onClick:()=>{w(!0)},$position:S,children:[s,t(Hn,{ref:k,$theme:f,$position:S,$inverted:u,$backgroundColor:g,className:"dgaui_tooltipContent"+(E?" show-tooltip":""),children:[l&&l,!l&&t(r,{children:[h&&e("div",{className:"dgaui_tooltipContentIcon",children:e("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHaSURBVHgBjVQ9SMNAFP4SOxR0cHAQFJv6Ax3rIAqK1CIqiFh0UFC04uAgojiog2JxchJdBEGFujmZxcFBzVgQtIKCqGA2fwYpmEqp0PjuMDWkSdoPrne59/L1fXffiwAXtIUiEk1swAskFUVOOeUK1o1QKFKZETFPy6hBYoJKb8QS53LclaglFAmWiTixIUABYQ5dCUVWC4iYDF3EDW1UogToQCpHZFeKnGTPZUagtj7ASKrNyU0NfnSHO+Crq4GmfUNLp81SvKKAvkZfIK6qDxkPryYciVrl9PeGsbo0l39+ffvA7OIaXt8/zGkSnecCzTHxb2PdWvr0xAienl/QMziOobEZVFSUY3V5DjaYZD+eIN0SbA734OgY17d3+NLSfNzQmkm1gcTOVyR/BO2ip2cXXA7DyPAAOttbObEDJA+K4GhvC02Nflwn77Cze+iYx4hUN6J9kqiRNJdquOu5j+jWXlDchPbQoSYuZb9xa3GnvM2NFX6DLkQxNnFDVvkCSdI4Si4rcHU2+4P7h0d8fqbsq1HkKbbMtwjrM3LqpSCU2CI6UoKOZqPfDGlgPcMC7F+Ks0DN6Q5NawYZLEqRdRqSJcRejHtz2LZ+m2yJDPBv079hVXMFVvwCXOukAPYYzukAAAAASUVORK5CYII="})}),t("div",{className:"dgaui_tooltipContentText",children:[e("div",{className:"dgaui_tooltipTitle",children:i}),e("div",{className:"dgaui_tooltipDescription",children:a})]})]})]}),!p&&e("span",{className:E?"show":""})]}))},Yn=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: inline-block;
+
+  span {
+    position: absolute;
+    display: none;
+    z-index: 1;
+    border-style: solid;
+    top: ${e=>e.$position.caret.top}px;
+    left: ${e=>e.$position.caret.left}px;
+    ${e=>e.$theme.elevation.shadows.lg}
+    border-width: ${6}px;
+    border-color: ${e=>e.$position.caret.color};
+
+    &.show {
+      display: initial;
+    }
+  }
+`,Hn=sr.div`
+  position: absolute;
+  top: ${e=>e.$position.top}px;
+  left: ${e=>e.$position.left}px;
+  z-index: 1;
+  background-color: ${e=>e.$backgroundColor?e.$backgroundColor:e.$inverted?e.$theme.palette.neutral[800]:"#fff"};
+  width: 240px;
+  opacity: 0;
+  display: flex;
+  visibility: hidden;
+  max-height: 400px;
+
+  border-radius: 4px;
+  ${e=>e.$theme.elevation.shadows.lg}
+
+  .dgaui_tooltipContentIcon {
+    padding: 8px;
+    padding-inline-end: 0;
+
+    img {
+      width: 18px;
+      height: 18px;
+    }
+  }
+  .dgaui_tooltipContentText {
+    padding: 8px;
+    font-size: 12px;
+
+    .dgaui_tooltipTitle {
+      font-weight: 600;
+      color: ${e=>e.$inverted?e.$theme.palette.neutral[50]:e.$theme.palette.neutral[800]};
+    }
+    .dgaui_tooltipDescription {
+      margin-top: 8px;
+      color: ${e=>e.$inverted?e.$theme.palette.neutral[100]:e.$theme.palette.neutral[700]};
+      line-height: 16px;
+    }
+  }
+
+  &.show-tooltip {
+    visibility: visible;
+
+    animation: show-tooltip 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+  }
+  @keyframes show-tooltip {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+`,Mn=t=>{var{children:r,selected:o}=t,n=v(t,["children","selected"]);const i=b();return e(Ln,Object.assign({},n,{className:m("dgaui dgaui_headerMenuItem",n.className),$theme:i,$selected:o,children:r}))},Ln=sr.button`
+  direction: ${e=>e.$theme.direction};
+  height: 72px;
+  outline: none;
+  background-color: ${e=>e.$selected?e.$theme.palette.primary[600]:"transparent"};
+  border-radius: 4px;
+  font-weight: ${e=>e.$selected?600:500};
+  color: ${e=>e.$selected?"#fff":e.$theme.textColor};
+  padding: 8px 16px;
+  box-sizing: border-box;
+  position: relative;
+  cursor: pointer;
+  border: 2px solid transparent;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &::after {
+    content: "";
+    display: block;
+    opacity: ${e=>e.$selected?1:0};
+    position: absolute;
+    z-index: 2;
+    height: 6px;
+    width: 90%;
+    bottom: -2px;
+    border-radius: 100px;
+    background: ${e=>e.$selected?e.$theme.palette.primary[400]:e.$theme.textColor};
+  }
+
+  &:hover {
+    background-color: ${e=>e.$selected?e.$theme.palette.primary[700]:e.$theme.palette.neutral[100]};
+    &::after {
+      opacity: 1;
+      background: ${e=>e.$selected?e.$theme.palette.primary[400]:e.$theme.palette.neutral[400]};
+    }
+  }
+  &:active {
+    background-color: ${e=>e.$selected?e.$theme.palette.primary[900]:e.$theme.palette.neutral[200]};
+    &::after {
+      opacity: 1;
+      background: ${e=>e.$selected?e.$theme.palette.primary[400]:e.$theme.palette.neutral[800]};
+    }
+  }
+
+  &:focus {
+    border: 2px solid ${e=>e.$theme.textColor};
+    &::after {
+      opacity: ${e=>e.$selected?1:0};
+    }
+  }
+`,Qn=n=>{var i,{children:a,title:l,selected:s,type:d="link",level:c=1,disabled:p,expanded:u,defaultExpanded:g}=n,h=v(n,["children","title","selected","type","level","disabled","expanded","defaultExpanded"]);const A=b(),[f,x]=o.useState(g),[y,C]=o.useState(0),w=o.useRef(null),$=void 0!==u?u:f,k=m("dgaui dgaui_ndi"+(p?" disabled":"")+("parent"===d?" parent":""),h.className);return o.useEffect((()=>{var e;(null===(e=w.current)||void 0===e?void 0:e.clientHeight)&&C(w.current.clientHeight+10)}),[null===(i=w.current)||void 0===i?void 0:i.clientHeight]),"divider"===d?e(Pn,{}):t(r,{children:[t(jn,Object.assign({},h,{className:k,$theme:A,$selected:s,$level:c,$type:d,tabIndex:0,onClick:()=>{x(!$)},children:[l,"parent"===d&&e("img",{src:pr,style:{transition:"all 0.2s",transform:$?"rotateZ(180deg)":"none"}})]})),"parent"===d&&e("div",{className:"dgaui_ndiContent",style:{direction:A.direction,height:$?y:0,overflow:"hidden",transition:"all 0.2s"},children:e("div",{ref:w,children:a})})]})},jn=sr.div`
+  direction: ${e=>e.$theme.direction};
+  height: 36px;
+  outline: none;
+  background-color: ${e=>e.$selected?e.$theme.palette.neutral[200]:"transparent"};
+  font-weight: ${e=>1===e.$level?600:400};
+  color: ${e=>e.$selected?e.$theme.palette.primary[600]:e.$theme.textColor};
+  padding: 8px 16px;
+  position: relative;
+  cursor: pointer;
+  border: 2px solid transparent;
+  border-radius: 4px;
+  display: flex;
+  justify-content: ${e=>"parent"===e.$type?"space-between":"flex-start"};
+  align-items: center;
+
+  &::after {
+    content: "";
+    display: block;
+    opacity: ${e=>e.$selected?1:0};
+    height: 75%;
+    width: 6px;
+    border-radius: 10px;
+    bottom: auto;
+    inset-inline-start: -2px;
+    position: absolute;
+    z-index: 2;
+    background: ${e=>e.$selected?e.$theme.palette.primary[600]:e.$theme.textColor};
+  }
+
+  &:hover {
+    background-color: ${e=>e.$theme.palette.neutral[100]};
+
+    &::after {
+      opacity: 1;
+      background: ${e=>e.$theme.palette.neutral[400]};
+    }
+  }
+  &:active {
+    background-color: ${e=>e.$theme.palette.neutral[200]};
+
+    &::after {
+      background: ${e=>e.$theme.palette.neutral[800]};
+      opacity: 1;
+    }
+  }
+
+  &:focus {
+    border: 2px solid ${e=>e.$theme.textColor};
+    &::after {
+      opacity: 0;
+    }
+  }
+  &.disabled {
+    pointer-events: none;
+    color: ${e=>e.$theme.palette.neutral[400]};
+    cursor: default;
+    pointer-events: none;
+    &::after {
+      opacity: 0;
+      background: ${e=>e.$selected?e.$theme.palette.neutral[400]:""};
+    }
+    img {
+      filter: opacity(0.5) grayscale(100%);
+    }
+  }
+`,Pn=sr.div`
+  margin: 8px 16px;
+  height: 1px;
+  background-color: #d2d6db;
+  width: 100%;
+`;const Vn=r=>{var{label:o,icon:n,showTrailingIcon:i=!0,showLabel:a=!0,helperText:l,onSearchByVoiceClicked:s}=r,d=v(r,["label","icon","showTrailingIcon","showLabel","helperText","onSearchByVoiceClicked"]);const c=b();return t(Kn,{className:m("dgaui dgaui_searchBox",d.className),$showTrailingIcon:i,$showLabel:a&&!!o,$disabled:d.disabled,$theme:c,children:[a&&e("label",{style:{marginBottom:13,textAlign:"start"},htmlFor:d.id,children:o}),e(oo,Object.assign({},d,{icon:n})),i&&e("img",{className:"dgaui_searchBox_trailIcon",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAYAAACe0YppAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOTSURBVHgB5Ve9UttAED7LhuFnYFwAQ4fyBuYJEF26mDJVRJeOuEqJ6dLhNwA6OpwylZ0uHeYJEB3mZ0bMAMPw53yf2GMOYZ1PTjIp2Bnp7la7t7+3tyqonDAzMxMUCoUqniUsy8T1er0IQ4Rx5+zsrO2yT0E5wuzsbAXDJgQGA0ij29vb5TiOI/WngiF0DQIbeg3LYgwdChGUn1YI61q3220MLXhubq6KYc9AbcCiBiyKTbr5+Xn/8fExxHTdUDA8PT3dyS24XC77IyMj+9C+LFYuY6OOjUdC0iIPxhhKLvZzu2fbBELrsgFdtzpIKIE0UHJF64491vvRZVpMa0dHRw9luX1ycrKqcgAsb0ncafW7dGgyLS4WixU9R+x2VE6A1RsypdXV9PeSchDscjYltmt6rUMkc99ZMEATR8oNtiCgkvFtQeUQnAsg9LuSSmaAn0X/1wQj+eoY6iYONeAwS7j1OP1LeHuCkxhLPd5UT4ViQw0B2IMVKkyh/Qy6qra4KkShGh5C2cN8sugqOqsj9VrDZxzKZzld8tLw8PBQ8zzvg4nDEQtlemSgfb4SwSiJMZgSLK+34+NjdhMRGBNcqVRiYWgrC5yfnzcxNPVaOpVQFNjnyPqvv2tXdwzNA453d3dNuQrJuK5ygmEt5wcczTKcCL6/v+8YQhJ30bVSjYgLaIFyBCYreD7JcpseTIR5nr4sYi8tBBAwpkJY1wphvicXgRVIA54tzskLvuSU0M2GMs2iZhgfH4/FPWMgHru+vv5xeXkZT05OdtlVEo/xM9ZsEI5ubm5eJBuVnZ6e/gqaXTxj4qmP6Lt+cT41NdXQlwhyqlZIaasvb35c1tch3PwFymyatLCG3yJZ+ngqqavwudlL9W1JU/FCMDMaybXfr1+SZq6lLDeOoVBNt0nSySR8dD0SbJExf9X6wOoQgrdkyWO1YvZaTDJYHwK/oC94yYOfGJtm08B4g2ZPK2vrOpW4po6nZzy5jhPjTZ7UHnWTptiP8erqqo1ku4C27wUVIKnCiYmJGG67SCeWKZAJBo/sGrxJvBHXbyatta+2xDX5i9BHTTYP+tGBpm9b7PoLE0r18pUbUGDDFk/nnzaCJFaATZcksXz5FKknLxzAQ23XP8ahgEroxMlTTjX8tw4kz/8xm/XnWi1FJin6qSpGaFvPq6tgiW1L5QAos2j7yXPqq3lt4mLomLV4gNAI93lko/kNLXmsYTAB8fwAAAAASUVORK5CYII=",onClick:()=>null==s?void 0:s()}),l&&e("div",{className:"dgaui dgaui_searchBox_helperText",children:l})]})},Kn=sr.div`
+  direction: ${e=>e.$theme.direction};
+
+  .dgaui_searchBox_trailIcon {
+    width: 16px;
+    height: auto;
+    position: absolute;
+    inset-inline-end: 16px;
+    top: ${({$showLabel:e})=>e?"50px":"30px"};
+    cursor: pointer;
+  }
+
+  ${e=>e.$showTrailingIcon?"\n  .dgaui_textInput_input{\n    padding-inline-end: 24px;\n  }\n  ":""}
+
+  .dgaui_searchBox_helperText {
+    margin-top: 8px;
+    color: ${e=>e.$disabled?e.$theme.palette.neutral[400]:"unset"};
+  }
+`,Xn={small:{h:32},medium:{h:40},large:{h:48}},Gn=t=>{var{size:r="medium",onColor:o=!1,data:n,onItemClicked:i}=t,a=v(t,["size","onColor","data","onItemClicked"]);const l=b();return e(Jn,{$theme:l,$onColor:o,$size:r,className:m("dgaui dgaui_contentSwitcher"+(o?" onColor":""),a.className),children:n.map(((t,r)=>e("div",{tabIndex:0,className:"dgaui dgaui_contentSwitcherItem"+(t.active?" active":""),onClick:()=>i&&i(t,r),children:t.text},r)))})},Jn=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: flex;
+  align-items: center;
+  height: ${e=>Xn[e.$size].h}px;
+  border-radius: 8px;
+  overflow: hidden;
+
+  .dgaui_contentSwitcherItem {
+    background-color: ${e=>e.$onColor?Hr:e.$theme.palette.neutral[100]};
+    outline: none;
+    color: ${e=>e.$onColor?Yr:e.$theme.textColor};
+    height: 100%;
+    padding: 8px 16px;
+    border-inline-end: 1px solid #d2d6db;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+    border: 2px solid transparent;
+
+    &.active {
+      background-color: ${e=>e.$theme.palette.neutral[950]};
+      color: #fff;
+    }
+
+    &:focus {
+      background-color: ${e=>e.$theme.palette.neutral[950]};
+      color: #fff;
+      border: 2px solid #161616;
+      box-sizing: border-box;
+
+      &:after {
+        content: "";
+        display: block;
+        background-color: transparent;
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0px;
+        left: 0px;
+
+        border: 1px solid #fff;
+        box-sizing: border-box;
+      }
+    }
+
+    &:active {
+      background-color: ${e=>e.$theme.palette.neutral[950]};
+      color: #fff;
+    }
+
+    &:first-child {
+      border-start-start-radius: 8px;
+      border-end-start-radius: 8px;
+      &:focus:after {
+        border-start-start-radius: 8px;
+        border-end-start-radius: 8px;
+      }
+    }
+
+    &:last-child {
+      border-start-end-radius: 8px;
+      border-end-end-radius: 8px;
+      &:focus:after {
+        border-start-end-radius: 8px;
+        border-end-end-radius: 8px;
+      }
+    }
+  }
+
+  &.onColor {
+    .dgaui_contentSwitcherItem {
+      &.active {
+        background-color: ${e=>e.$theme.palette.primary[600]};
+      }
+    }
+  }
+`,Wn=t=>{var{color:r,lineType:o="horizontal"}=t,n=v(t,["color","lineType"]);const i=b();return e(Zn,Object.assign({},n,{$theme:i,$color:r,$lineType:o,className:m("dgaui dgaui_divider",n.className)}))},Zn=sr.hr`
+  outline: none;
+  border: none;
+  ${e=>"vertical"===e.$lineType&&"height: 100%; width: 1px;"}
+  ${e=>"horizontal"===e.$lineType&&"height: 1px; width: 100%;"}
+  
+  ${e=>"neutral"===e.$color&&`background-color: ${e.$theme.palette.neutral[300]};`}
+  ${e=>"primary"===e.$color&&`background-color: ${e.$theme.palette.primary[600]};`}
+  ${e=>"alphaWhite"===e.$color&&`background-color: ${Mr};`}
+  ${e=>"white"===e.$color&&`background-color: ${Yr};`}
+`;f("@keyframes blink {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.skeletonAnimation {\n  background: linear-gradient(\n    90deg,\n    rgba(157, 164, 174, 0.2) 0%,\n    rgba(210, 214, 219, 0.2) 49.5%,\n    rgba(229, 231, 235, 0.2) 100%\n  );\n\n  animation: blink 1.5s infinite;\n}\n");const qn=t=>{var{size:r="120px"}=t,o=v(t,["size"]);const n=b();return e(_n,Object.assign({},o,{$theme:n,$size:r,className:m("dgaui dgaui_skeletonCircle skeletonAnimation",o.className)}))},_n=sr.div`
+  direction: ${e=>e.$theme.direction};
+  height: ${e=>e.$size};
+  width: ${e=>e.$size};
+  border-radius: 100%;
+`,ei=t=>{var{size:r="large"}=t,o=v(t,["size"]);const n=b();return e(ti,Object.assign({},o,{$theme:n,$size:r,className:m("dgaui dgaui_skeletonLine skeletonAnimation",o.className)}))},ti=sr.div`
+  direction: ${e=>e.$theme.direction};
+  height: ${e=>"large"===e.$size?"22px":"14px"};
+  width: 100%;
+  border-radius: 8px;
+`,ri=t=>{var{size:r="120px"}=t,o=v(t,["size"]);const n=b();let i=2;return"64px"!==r&&"80px"!==r||(i=4),"170px"!==r&&"120px"!==r||(i=8),"240px"===r&&(i=16),e(oi,Object.assign({},o,{$theme:n,$size:r,$borderRadius:i,className:m("dgaui dgaui_skeletonSquare skeletonAnimation",o.className)}))},oi=sr.div`
+  direction: ${e=>e.$theme.direction};
+  height: ${e=>e.$size};
+  width: ${e=>e.$size};
+  border-radius: ${e=>e.$borderRadius}px;
+`,ni=t=>{var{size:r="large"}=t,o=v(t,["size"]);const n=b();return e(ii,Object.assign({},o,{$theme:n,$size:r,className:m("dgaui dgaui_skeletonRectangle skeletonAnimation",o.className)}))},ii=sr.div`
+  direction: ${e=>e.$theme.direction};
+  height: ${e=>"large"===e.$size?"40px":"medium"===e.$size?"32px":"24px"};
+  width: 100%;
+  border-radius: 4px;
+`,ai=t=>{var{children:r}=t,o=v(t,["children"]);const n=b();return e(si,Object.assign({$theme:n},o,{className:m("dgaui dgaui_skeleton",o.className),children:r}))},li=r=>{var{type:o="chartAndContent"}=r,n=v(r,["type"]);return"chartAndContent"===o?t(ai,Object.assign({},n,{children:[e(qn,{style:{marginBottom:24},size:"240px"}),e(ei,{}),e(ei,{}),e(ei,{})]})):"imageContentAndButton"===o?t(ai,Object.assign({},n,{children:[e(ri,{style:{marginBottom:24},size:"240px"}),e(ei,{}),e(ei,{}),e(ei,{}),e(ni,{size:"small",style:{width:59,marginTop:24}})]})):"imageProfileContentAndButton"===o?t(ai,Object.assign({},n,{children:[e(ri,{style:{marginBottom:24},size:"240px"}),t("div",{className:"circleAndLine",children:[e(qn,{size:"24px"}),e(ei,{size:"small"})]}),e(ei,{}),e(ei,{}),e(ei,{}),e(ni,{size:"small",style:{width:59,marginTop:24}})]})):e(ai,"imageButtonAndText"===o?Object.assign({},n,{style:{minWidth:200},children:t("div",{className:"imageButtonAndText",children:[e(qn,{size:"48px"}),t("div",{className:"rightSection",children:[e(ei,{size:"small"}),e(ni,{size:"small",style:{width:59}})]})]})}):Object.assign({},n,{style:{minWidth:200},children:t("div",{className:"iconAndList",children:[e(ri,{size:"48px"}),t("div",{className:"rightSection",children:[e(ei,{size:"small"}),e(ei,{size:"small"}),e(ei,{size:"small"})]})]})}))},si=sr.div`
+  direction: ${e=>e.$theme.direction};
+
+  div {
+    margin-bottom: 12px;
+  }
+
+  .circleAndLine {
+    display: flex;
+    align-items: center;
+    .dgaui_skeletonLine {
+      width: 67px;
+      margin-inline-start: 8px;
+    }
+  }
+
+  .imageButtonAndText {
+    div {
+      margin: 0;
+    }
+    display: flex;
+    min-width: 200px;
+    align-items: center;
+
+    .rightSection {
+      flex: 1;
+      margin-inline-start: 8px;
+      .dgaui_skeletonLine {
+        margin-bottom: 8px;
+      }
+    }
+  }
+
+  .iconAndList {
+    display: flex;
+    .dgaui_skeletonSquare {
+    }
+
+    .rightSection {
+      flex: 1;
+      margin-inline-start: 24px;
+    }
+  }
+`;var di="data:image/png;base64,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";const ci=r=>{var{size:n="medium",brand:i=!1,value:a=0,onChange:l}=r,s=v(r,["size","brand","value","onChange"]);const d=b(),[c,p]=o.useState(!1),[u,g]=o.useState(0),h=i?"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYCSURBVHgB7Z3PbxtFFMffzNih4ld9QapwUDY3lAvOX1Cbf4CUpFxJ/wKaG1JJsomFxI3kxg3nSg01N242N25NL+FYR8IVEhdTCAfsnWFebJfUbfeX921mnPlIVaN4vV3Pd958d9573gI4HA6Hw+G4FBhYyjv+7cprAm7iz8Ng8OPvfqsLFmKlAO/ub+wyBv7F3ykF/pOd5h5YhgDLKO9/vMkYO5j+vRak+mZt5c+/2ye/gEVwsA0mdl/1EmewW/LXSmARVgmAs18vNl7IIaU3xMJHYBF2RUDI7H+GknfBIqwRIMbsH8GgsljfqIIl2BMBjH8a91AFEB0phmCFADf88xldTfCWqi1RYIUAQqhNSIgtUWD8RuyGv+YJUXgMKfg3YKt/+PePwWCMjwAhhA8pWRDyMzAcoyNgltk/pn8WDJf7fqsPhmJ0BMwy+8eUXmcFo/cFxkbAaPYX27Hu/cMxOgqMjQDBeTWDwUeMjgJzl6A4aYe4p+JgrBkbKUDstEN8SuX6J7F30nliZgRkOPv/R26CgRgnAMHsn2BkesK8CEiQdEuKiekJowRIkXRLinFRYJQAaZJuSTEtCowpyo86HVge9+veW7UV+Kt98jMYwKXshLFwfk3/xUBUhOBLCtQa0C49L6PDgLWGgXoUAOsPYNC9jN0yiQCYRgigWBI8qBSYuK6kXFacLTEFnv4XPX2IqZ0Lfb1GdfU19kGqR4zzx0EgT5UWCGDYpWj+SizAxdmruCpxxT3G1ZI+lacv1GM0t5DGoD9jV3/Grv6pqyQ7lUx2QfIuRlGa2kMsAc7vzUe3hxUwd/aaAi5jWgje6G1/dxR1cKQJj80RO9E8/ecaOKLAMfJ0hKzFMfvQCMD7ciGgDY7U6AGu/bbd7Lzq9dB9AGe535nMHVKGj2GoANps3Ho/I1FjGC4AZy1wzIQSLHQJj7wLKtc38ARVcCRHwXFvp7kadkhkLqgYDG/hicCRDD1mZ3JYizos9kasXF9v6MONrCqZhzo6C4K7cVIbiXbCi/X1A70TNL7Z6XJRh73t72MnFRNlQ5+2f/3p+ocrKFoVHC+gB2ZPD/7nSd6TOB39tH3ScSK8CA6+3nD5kJBU9QAnwhQMtnrbza8gBakLMijC27X3T4GxNbjCcMXu6Jn/DaRk5noA1lh1me8BXL0saV8P3q2wPE8cMinIlL+8XVESHsx7LeACfZ0oq/Xuzf7dg8wqYlgF46LYvgoFGRkMallVxzItSc67CFkPPpJ5TXheRaAYfISkKO/puvGAF9r4nV2YB8Z5HYquCZLGrK6+0KK+YK2u9els/AxUgz8+Py12J/HUkU4tbAIhuTRmlfc3Htq2HOGa/2T7/jIQk1dvaGR7hmkopQ4hB3IRIJD2FXQEy+eacxFAcOmBZSjFPMiBfJYgxey7HVUyl2vORwDOPgDLUIzdhBzIy4SrYBls1MVNDrkAmCkFOynhs0mBGPoICAJr0xELHOZAABsNeEIORkwvgIUGPCEPI87DhKtgKXkYMakAFhvwhBLWN4AQUgG4tG8HPI3gxSoQQipA1JcTrIDYiGk9wGIDfgbxZ6A24XkoSdoZAWMDpmzW0iVC1cCSIRZPgA5SIy4AEWjAkqbghh1ph9ONsPhdZsXELkU3xtiIG0AAWQRQGDB2IOMTEF/Whdzb+aGBbSNYx4WsITRisgjI2Lw6QTC8E9WTM359Uy8Z/uiZoxk1AxAaMZ0A2ZhXZ9x330nypokQi/WNhl4Gv81gWSKLAJJF+tyApXoIKRk9EIP5cZ61EOt6MvAHHYHLFE9LIfGAGXbAaLB7/wSD1awGH0F/wBYTPHfaOyaqHTGJAOkMWB1ODJaqCw3PndqoiYyYxAP0ultKoGxHm9xW714zlzYQMqNOCYkABa5aMuqDKTjW6d6tWb9hkpaJEO/V11sB8K8j/YGL1J4WBllrYkg7Yl//fq/3RfMADCLUqGM8ciAtZBux4vnX9J9ba/uTjZRpg4+gUS9o858y6vN0R5xHDhiNR1zUoACv2bb/FtHhcDgcDofD4XA4HA6Hw2E2/wHIHTVr/fFuGQAAAABJRU5ErkJggg==":"data:image/png;base64,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",A=i?"data:image/png;base64,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":"data:image/png;base64,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",f="large"===n?48:"medium"===n?32:24,x=(e,t)=>{const r=e.nativeEvent.offsetX<f/2;g(r?t-.5:t)},y=c?u:a;return t(pi,{$size:n,$theme:d,className:m("dgaui dgaui_rating",s.className),onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onClick:()=>{null==l||l(u)},children:[e("img",{src:.5===y?A:y>.5?h:di,onMouseMove:e=>x(e,1)}),e("img",{src:1.5===y?A:y>1.5?h:di,onMouseMove:e=>x(e,2)}),e("img",{src:2.5===y?A:y>2.5?h:di,onMouseMove:e=>x(e,3)}),e("img",{src:3.5===y?A:y>3.5?h:di,onMouseMove:e=>x(e,4)}),e("img",{src:4.5===y?A:y>4.5?h:di,onMouseMove:e=>x(e,5)})]})},pi=sr.div`
+  display: flex;
+  cursor: pointer;
+
+  img {
+    border-radius: 100%;
+    &:hover {
+      background-color: ${e=>e.$theme.palette.neutral[100]};
+    }
+
+    width: ${e=>"large"===e.$size?48:"medium"===e.$size?32:24}px;
+    height: ${e=>"large"===e.$size?48:"medium"===e.$size?32:24}px;
+    margin-inline-end: 4px;
+    &:last-child {
+      margin-inline-end: 0;
+    }
+  }
+`,ui=r=>{var{size:o="large",style:n="primary",rounded:i=!0,onColor:a=!1,selected:l=!1,disabled:s=!1,children:d,leadIcon:c,trailIcon:p}=r,u=v(r,["size","style","rounded","onColor","selected","disabled","children","leadIcon","trailIcon"]);const g=b();return t(gi,Object.assign({$size:o,$theme:g,$rounded:i,$selected:l,className:m("dgaui dgaui_chip"+("neutral"===n?" neutral":"")+(s?" disabled":"")+(a?" onColor":""),u.className),tabIndex:0},u,{children:[c&&e("div",{className:"leadIcon",children:c}),e("div",{children:d}),p&&e("div",{className:"trailIcon",children:p})]}))},gi=sr.div`
+  direction: ${e=>e.$theme.direction};
+  height: ${e=>"large"===e.$size?32:"medium"===e.$size?24:20}px;
+  padding: ${e=>"large"===e.$size?4:3}px 12px;
+  background-color: ${e=>e.$selected?e.$theme.palette.primary[600]:e.$theme.palette.primary[50]};
+  color: ${e=>e.$selected?"#fff":e.$theme.palette.primary[800]};
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  font-weight: ${e=>"small"===e.$size?600:500};
+  font-size: ${e=>"large"===e.$size?14:12}px;
+  border-radius: ${e=>e.$rounded?9999:4}px;
+  position: relative;
+  outline: none;
+  &:hover {
+    background-color: ${e=>e.$theme.palette.primary[200]};
+  }
+
+  &:focus {
+    &:after {
+      display: block;
+      content: "";
+      width: calc(100% + 2px);
+      height: calc(100% + 2px);
+      border: 3px solid #000;
+      border-radius: ${e=>e.$rounded?9999:4}px;
+      position: absolute;
+      top: -4px;
+      left: -4px;
+      z-index: 1;
+    }
+  }
+  &:active {
+    background-color: ${e=>e.$theme.palette.primary[400]};
+    color: ${e=>e.$theme.palette.primary[900]};
+    &:after {
+      display: none;
+    }
+  }
+
+  .leadIcon {
+    margin-inline-end: 4px;
+  }
+  .trailIcon {
+    margin-inline-start: 4px;
+  }
+
+  &.neutral {
+    background-color: ${e=>e.$selected?e.$theme.palette.neutral[700]:e.$theme.palette.neutral[100]};
+
+    &:hover {
+      background-color: ${e=>e.$theme.palette.neutral[200]};
+    }
+    &:active {
+      background-color: ${e=>e.$theme.palette.neutral[300]};
+    }
+  }
+
+  &.disabled {
+    background-color: ${e=>e.$theme.palette.neutral[200]};
+    color: ${e=>e.$theme.palette.neutral[400]};
+    pointer-events: none;
+  }
+
+  &.onColor {
+    background-color: ${e=>e.$selected?jr:Yr};
+    color: ${e=>e.$theme.textColor};
+
+    &:hover {
+      background-color: ${Pr};
+    }
+    &:active {
+      background-color: ${Qr};
+    }
+
+    &.disabled {
+      background-color: ${Hr};
+      color: ${Lr};
+    }
+  }
+`,hi=r=>{var{size:o="large",style:n="Primary-Neutral",onColor:i=!1,selected:a=!1,disabled:l=!1,iconOnly:s=!1,children:d,leadIcon:c}=r,p=v(r,["size","style","onColor","selected","disabled","iconOnly","children","leadIcon"]);const u=b();return t(mi,Object.assign({$size:o,$theme:u,$iconOnly:s,$selected:a,className:m("dgaui dgaui_floatingButton"+("Primary-Brand"===n?" primaryBrand":"")+("Secondary-Solid"===n?" secondarySolid":"")+(l?" disabled":"")+(i?" onColor":""),p.className)},p,{children:[c&&e("div",{className:"leadIcon",children:c}),d&&!s&&e("div",{children:d})]}))},mi=sr.button`
+  direction: ${e=>e.$theme.direction};
+  height: ${e=>"large"===e.$size?64:56}px;
+  width: ${e=>e.$iconOnly?"large"===e.$size?"64px":"56px":"initial"};
+  padding: ${e=>"large"===e.$size?20:16}px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  font-size: ${e=>"large"===e.$size?14:12}px;
+  border-radius: 9999px;
+  position: relative;
+  outline: none;
+  border: none;
+  justify-content: ${e=>e.$iconOnly?"center":"flex-start"};
+  background-color: ${e=>e.$selected?e.$theme.palette.neutral[700]:e.$theme.palette.neutral[950]};
+  color: ${Yr};
+
+  &:hover {
+    background-color: ${e=>e.$theme.palette.neutral[800]};
+  }
+
+  &:focus {
+    &:after {
+      display: block;
+      content: "";
+      width: calc(100% + 4px);
+      height: calc(100% + 4px);
+      border: 3px solid #000;
+      border-radius: 9999px;
+      position: absolute;
+      top: -5px;
+      left: -5px;
+      z-index: 1;
+    }
+  }
+
+  &:active {
+    background-color: ${e=>e.$theme.palette.neutral[600]};
+
+    &:after {
+      display: none;
+    }
+  }
+
+  .leadIcon {
+    margin-inline-end: ${e=>e.$iconOnly?"initial":"12px"};
+  }
+
+  &.primaryBrand {
+    background-color: ${e=>e.$selected?e.$theme.palette.primary[500]:e.$theme.palette.primary[600]};
+
+    &:hover {
+      background-color: ${e=>e.$theme.palette.primary[700]};
+    }
+    &:active {
+      background-color: ${e=>e.$theme.palette.primary[900]};
+    }
+  }
+
+  &.secondarySolid {
+    color: ${e=>e.$theme.textColor};
+    background-color: ${e=>e.$selected?e.$theme.palette.neutral[200]:e.$theme.palette.neutral[100]};
+
+    &:hover {
+      background-color: ${e=>e.$theme.palette.neutral[200]};
+    }
+    &:active {
+      background-color: ${e=>e.$theme.palette.neutral[200]};
+    }
+  }
+
+  &.disabled {
+    background-color: ${e=>e.$theme.palette.neutral[200]};
+    color: ${e=>e.$theme.palette.neutral[400]};
+    pointer-events: none;
+  }
+
+  &.onColor {
+    background-color: ${e=>e.$selected?jr:Yr};
+    color: ${e=>e.$theme.textColor};
+
+    &:hover {
+      background-color: ${Pr};
+    }
+    &:active {
+      background-color: ${Qr};
+    }
+
+    &:focus {
+      &:after {
+        border-color: #fff;
+      }
+    }
+
+    &.primaryBrand {
+      color: ${Yr};
+      background-color: ${e=>e.$selected?e.$theme.palette.primary[700]:e.$theme.palette.primary[600]};
+
+      &:hover {
+        background-color: ${e=>e.$theme.palette.primary[700]};
+      }
+      &:active {
+        background-color: ${e=>e.$theme.palette.primary[900]};
+      }
+    }
+
+    &.secondarySolid {
+      color: ${Yr};
+      background-color: ${e=>e.$selected?Mr:Hr};
+
+      &:hover {
+        background-color: ${Hr};
+      }
+      &:focus {
+        background-color: transparent;
+      }
+      &:active {
+        background-color: ${Lr};
+      }
+    }
+
+    &.disabled {
+      background-color: ${Hr};
+      color: ${Lr};
+    }
+  }
+`,Ai={"40px":{borderWidth:2,width:40,circleRadius:2,magicNumber:118,stepNameFontSize:12,descriptionFontSize:10,innerCircleFontSize:9},"48px":{borderWidth:4,width:48,circleRadius:4,magicNumber:136,stepNameFontSize:14,descriptionFontSize:12,innerCircleFontSize:10.5},"64px":{borderWidth:5,width:64,circleRadius:5,magicNumber:185,stepNameFontSize:14,descriptionFontSize:12,innerCircleFontSize:14},"80px":{borderWidth:8,width:80,circleRadius:8,magicNumber:225,stepNameFontSize:16,descriptionFontSize:14,innerCircleFontSize:16},"120px":{borderWidth:10,width:120,circleRadius:10,magicNumber:340,stepNameFontSize:20,descriptionFontSize:14,innerCircleFontSize:24}},fi=r=>{var{size:o="64px",style:n="primary",onColor:i=!1,stepsCount:a,activeStep:l,innerCircleText:s,description:d,preStepName:c,stepName:p,nextStepName:u}=r,g=v(r,["size","style","onColor","stepsCount","activeStep","innerCircleText","description","preStepName","stepName","nextStepName"]);const h=b(),A=Ai[o].circleRadius;return t(bi,Object.assign({$size:o,$circleRadius:A,$theme:h,className:m("dgaui dgaui_radialStepper"+("neutral"===n?" neutral":"")+(i?" onColor":""),g.className)},g,{$stepsCount:a,$activeStep:l,children:[t("div",{className:"dgaui dgaui_circle",children:[e("div",{className:"innerCircleText",children:s}),e("svg",{className:"dgaui_circle-svg",width:Ai[o].width,height:Ai[o].width,children:e("circle",{className:"dgaui_circle-path",cx:Ai[o].width/2,cy:Ai[o].width/2,r:Ai[o].width/2-A/2,strokeWidth:Ai[o].borderWidth})})]}),t("div",{className:"dgaui_content",children:[e("div",{className:"preStepName",children:c}),e("div",{className:"stepName",children:p}),e("div",{className:"description",children:d}),e("div",{className:"nextStepName",children:u})]})]}))},bi=sr.div`
+  direction: ${e=>e.$theme.direction};
+  display: flex;
+  align-items: center;
+
+  .dgaui_circle {
+    position: relative;
+    width: ${e=>e.$size};
+    height: ${e=>e.$size};
+    border: ${e=>Ai[e.$size].borderWidth}px solid
+      ${e=>e.$theme.palette.neutral[200]};
+    border-radius: 50%;
+
+    .dgaui_circle-svg {
+      border-radius: 50%;
+      position: absolute;
+      top: -${e=>e.$circleRadius}px;
+      left: -${e=>e.$circleRadius}px;
+      transform: rotate(-90deg); /* Start animation from the top */
+    }
+
+    .dgaui_circle-path {
+      fill: none;
+      stroke: ${e=>e.$theme.palette.primary[600]};
+      stroke-width: ${e=>Ai[e.$size].borderWidth}px;
+      stroke-linecap: round;
+      stroke-dasharray: ${e=>Ai[e.$size].magicNumber};
+      stroke-dashoffset: -${e=>Ai[e.$size].magicNumber-Ai[e.$size].magicNumber/e.$stepsCount*e.$activeStep};
+      transition: stroke-dashoffset 0.5s;
+    }
+
+    .innerCircleText {
+      text-align: ${e=>"ltr"===e.$theme.direction?"left":"right"};
+      font-weight: 500;
+      position: absolute;
+      z-index: 1;
+      top: 35%;
+      justify-self: center;
+      font-size: ${e=>Ai[e.$size].innerCircleFontSize}px;
+    }
+  }
+
+  .dgaui_content {
+    margin-inline-start: 8px;
+    padding: 8px;
+
+    .preStepName {
+      color: ${e=>e.$theme.palette.neutral[500]};
+      font-size: ${e=>Ai[e.$size].descriptionFontSize};
+    }
+    .stepName {
+      color: ${e=>e.$theme.palette.neutral[950]};
+      font-size: ${e=>Ai[e.$size].stepNameFontSize};
+      font-weight: 500;
+    }
+    .description {
+      color: ${e=>e.$theme.palette.neutral[500]};
+      font-size: ${e=>Ai[e.$size].descriptionFontSize};
+    }
+    .nextStepName {
+      color: ${e=>e.$theme.palette.neutral[500]};
+      font-size: ${e=>Ai[e.$size].descriptionFontSize};
+    }
+  }
+
+  &.neutral {
+    .dgaui_circle {
+      .dgaui_circle-path {
+        stroke: ${e=>e.$theme.textColor};
+      }
+    }
+  }
+
+  &.onColor {
+    color: ${Yr};
+    .dgaui_circle {
+      border-color: ${Mr};
+      .dgaui_circle-path {
+        stroke: ${Yr};
+      }
+    }
+
+    .dgaui_content {
+      .preStepName {
+        color: ${jr};
+      }
+      .stepName {
+        color: ${Yr};
+      }
+      .description {
+        color: ${Pr};
+      }
+      .nextStepName {
+        color: ${jr};
+      }
+    }
+  }
+`,xi=r=>{var{label:o="",helperText:n="",size:i="medium",style:a="primary",percentage:l=0,error:s=!1,success:d=!1}=r,c=v(r,["label","helperText","size","style","percentage","error","success"]);const p=b();return t(vi,Object.assign({$size:i,$theme:p,$percentage:l,$error:s,$success:d,$style:a,className:m("dgaui dgaui_progressBar"+("neutral"===a?" neutral ":""),c.className)},c,{children:[o&&e("label",{children:o}),e("div",{className:"dgaui indicator"}),n&&e("div",{className:"helperText",children:n})]}))},vi=sr.div`
+  direction: ${e=>e.$theme.direction};
+  width: 100%;
+
+  .indicator {
+    margin: 8px 0;
+    height: ${e=>"large"===e.$size?16:"medium"===e.$size?8:4}px;
+    background-color: ${e=>e.$theme.palette.neutral[100]};
+    border-radius: ${e=>"large"===e.$size?8:4}px;
+    position: relative;
+
+    &::before {
+      position: absolute;
+      display: block;
+      content: "";
+      top: 0;
+      inset-inline-start: 0;
+      z-index: 1;
+      transition: width 0.2s;
+      border-radius: ${e=>"large"===e.$size?8:4}px;
+      height: ${e=>"large"===e.$size?16:"medium"===e.$size?8:4}px;
+      background-color: ${e=>e.$success?e.$theme.palette.success[600]:e.$error?e.$theme.palette.error[600]:"primary"===e.$style?e.$theme.palette.primary[600]:e.$theme.palette.neutral[700]};
+      width: ${e=>e.$percentage<=100?e.$percentage:100}%;
+    }
+
+    &::after {
+      position: absolute;
+      z-index: 2;
+      color: #fff;
+      font-size: 12px;
+      transition: left 0.2s;
+      top: -1px;
+      inset-inline-start: calc(
+        ${e=>(e.$percentage<=100?e.$percentage:100)+"%"} -
+          ${e=>e.$percentage<100?30:40}px
+      );
+      display: ${e=>e.$percentage>=10&&"large"===e.$size?"block":"none"};
+      content: "${e=>Math.min(e.$percentage,100)}%";
+    }
+  }
+  .helperText {
+    color: ${e=>e.$success?e.$theme.palette.success[700]:e.$error?e.$theme.palette.error[700]:"initial"};
+  }
+`;export{gr as Accordion,Er as Autocomplete,Ur as Avatar,Or as Breadcrumb,Kr as Button,Gr as Card,vr as Checkbox,ui as Chip,Gn as ContentSwitcher,uo as DatePicker,Wn as Divider,xo as DropZone,wo as Dropdown,Cr as DropdownItem,fo as FileCard,Bo as FileUpload,hi as FloatingButton,zo as Grid,Mn as HeaderMenuItem,Ro as InlineAlert,To as Link,Ho as List,Vo as Loading,lo as Menu,Xo as MenuItem,Jo as MenuItemGroup,Zo as Modal,Qn as NavigationDrawerItem,en as Notification,an as Pagination,xi as ProgressBar,pn as ProgressIndicator,fi as RadialStepper,hn as Radio,An as RadioGroup,ci as Rating,Vn as SearchBox,li as Skeleton,qn as SkeletonCircle,ei as SkeletonLine,ni as SkeletonRectangle,ri as SkeletonSquare,yn as StatusTag,bn as Switch,on as Tab,Sn as TabList,wn as Table,kr as Tag,oo as TextInput,Nn as Textarea,u as ThemeProvider,Tn as Tooltip,Rn as toast,b as useTheme,g as withRtl};
+//# sourceMappingURL=index.js.map